<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,input,textarea,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent
}

article,aside,figure,footer,header,hgroup,nav,section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	cursor: pointer
}

a:focus {
	outline: none
}

a:link,a:visited {
	text-decoration: none
}

a:active,a:hover {
	text-decoration: none;
	cursor: pointer
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

ul,ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

img {
	border: 0;
	max-width: 100%;
	-ms-interpolation-mode: bicubic
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,select {
	vertical-align: middle;
	font-family: 'Microsoft Yahei'
}

input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear {
	display: none
}

textarea {
	resize: none
}

body {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 !important;
	overflow: auto !important
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important
}

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.layout:after,.clearfix:after {
	content: "\0020";
	display: block;
	clear: both;
	height: 0
}

.layout,.clearfix {
	*zoom: 1
}

.center {
	width: 1160px;
	max-width: 1160px;
	margin: 0px auto;
	overflow: hidden
}

.t5o {
	-webkit-transition: all .5s ease .1s !important;
	-moz-transition: all .5s ease .1s !important;
	-o-transition: all .5s ease .1s !important;
	transition: all .5s ease .1s !important
}

.t8o {
	-webkit-transition: all .8s ease .1s;
	-moz-transition: all .8s ease .1s;
	-o-transition: all .8s ease .1s;
	transition: all .8s ease .1s
}

.t20o {
	-webkit-transition: all 20s ease .1s;
	-moz-transition: all 20s ease .1s;
	-o-transition: all 20s ease .1s;
	transition: all 20s ease .1s
}

.t3out {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.YaHei {
	font-family: 'Microsoft Yahei'
}

.HT {
	font-family: 'SimHei'
}

.ST {
	font-family: 'SimSun'
}

.Cambria {
	font-family: 'Cambria'
}

.Arial {
	font-family: Arial, Helvetica, sans-serif
}

.fl,#loginModal .col-left,#loginModal .col-right,.header .header-search .topLayerTxt,.d_bubble,.main_container .tag_yun .hot_tag_link li,.related_lesson .related_lesson_lists .col_l,.related_lesson .related_lesson_lists .col_r {
	float: left
}

.fr {
	float: right
}

.bodyiphone {
	font-size: 66.6%
}

.body {
	background: #f3f3f3
}

.uppercase {
	text-transform: uppercase
}

.textShadow {
	text-shadow: 0 1px 0 #345a49
}

.font10 {
	font-size: 10px
}

.font12 {
	font-size: 12px
}

.font14 {
	font-size: 14px
}

.font15 {
	font-size: 15px
}

.font13 {
	font-size: small
}

.font16 {
	font-size: 16px
}

.font18 {
	font-size: 18px
}

.font20 {
	font-size: 20px
}

.font22 {
	font-size: 22px
}

.font24 {
	font-size: 24px
}

.font26 {
	font-size: 26px
}

.font30 {
	font-size: 30px
}

.font32 {
	font-size: 32px
}

.font36 {
	font-size: 36px
}

.font40 {
	font-size: 40px
}

.font44 {
	font-size: 44px
}

.font46 {
	font-size: 46px
}

.font48 {
	font-size: 48px
}

.font50 {
	font-size: 50px
}

.font58 {
	font-size: 58px
}

.font60 {
	font-size: 60px
}

.font62 {
	font-size: 62px
}

.font72 {
	font-size: 72px
}

.font110 {
	font-size: 110px
}

.line0 {
	line-height: 0
}

.line1 {
	line-height: 1
}

.line2 {
	line-height: 2
}

.marginB2 {
	margin-bottom: 2%
}

.marginB4 {
	margin-bottom: 4%
}

.marginB5 {
	margin-bottom: 5px
}

.marginB6 {
	margin-bottom: 6px
}

.marginB10 {
	margin-bottom: 10px
}

.marginB14 {
	margin-bottom: 14px
}

.marginB16 {
	margin-bottom: 16px
}

.marginB20 {
	margin-bottom: 20px
}

.marginB28 {
	margin-bottom: 28px
}

.marginB29 {
	margin-bottom: 30px
}

.marginB38 {
	margin-bottom: 40px
}

.marginB40 {
	margin-bottom: 40px
}

.marginB50 {
	margin-bottom: 50px
}

.marginB55 {
	margin-bottom: 55px
}

.marginB60 {
	margin-bottom: 60px
}

.marginB65 {
	margin-bottom: 65px
}

.marginB70 {
	margin-bottom: 70px
}

.marginB84 {
	margin-bottom: 84px
}

.marginR10 {
	margin-right: 10px
}

.marginL10 {
	margin-left: 10px
}

.textIndent {
	margin-bottom: 8px;
	text-indent: 1em
}

.show {
	display: block
}

.hide {
	display: none
}

.d-ib {
	display: inline-block
}

.bold {
	font-weight: bold
}

.textR {
	text-align: right
}

.textC {
	text-align: center
}

.color00 {
	color: #010000
}

.colorf10 {
	color: #f01400
}

.coloraa {
	color: #aaa
}

.colora9 {
	color: #a9a9a9
}

.coloraf {
	color: #afafaf
}

.color33 {
	color: #333
}

.color66 {
	color: #666
}

.color66 {
	color: #6f6f6f
}

.colorCC {
	color: #ccc
}

.colorC0 {
	color: #c0c0c0
}

.color6d {
	color: #6dd6c6
}

.color99 {
	color: #999
}

.color92 {
	color: #929292
}

.color5e {
	color: #5ecfba
}

.color1b {
	color: #1bbc9b
}

.colorfa0 {
	color: #ffad0f
}

.colore3 {
	color: #e3e3e3
}

.colorff {
	color: #fff
}

.coloree {
	color: #eee
}

.color4c {
	color: #4c4c4c
}

.colorf8f {
	color: #f8faf9
}

.color123 {
	color: #1e2730
}

.color63 {
	color: #636363
}

.color15 {
	color: #15d5ab
}

.colore7 {
	color: #e7e7e7
}

.color3b {
	color: #3b3b3b
}

.coloe3d {
	color: #3d3d3d
}

.color77 {
	color: #777
}

.colora5 {
	color: #a5a5a5
}

.color67 {
	color: #676767
}

.color96 {
	color: #969696
}

.red {
	color: red
}

.color8e {
	color: #8e8e8e
}

.colorf6 {
	color: #ff6d1b
}

.colord4 {
	color: #d4d7de
}

.colorad {
	color: #adadac
}

.colorf7f {
	color: #ff725f
}

.colorf3 {
	color: #ffa311
}

.bgff {
	background: #fff
}

#KFLOGO,#iconDivMain2 {
	overflow: hidden;
	width: 0 !important;
	height: 0 !important
}

#iconDivMain1 {
	width: 0 !important;
	height: 0 !important
}

#div_company_mini {
	right: 0 !important
}

#loginModal .modal-content {
	border-radius: 0
}

#loginModal .col-left {
	width: 225px;
	height: 319px;
	background: url(../images/index/sprite_0.png) 0 -717px no-repeat
}

#loginModal .col-right {
	width: 313px;
	height: 319px;
	color: #b2b2b2
}

#loginModal .form-group {
	margin-bottom: 10px
}

#loginModal .modal-body {
	height: 263px
}

#loginModal #btnRegister {
	color: #ff9600
}

#loginModal .tips-error {
	padding: 2px 10px;
	margin-top: 10px;
	display: none
}

#loginModal .globalLogin {
	height: 47px;
	background: #01c26f;
	color: #fff;
	font-size: 14px;
	background: -webkit-linear-gradient(#1fd783, #1fd06b);
	background: -o-linear-gradient(#1fd783, #1fd06b);
	background: -moz-linear-gradient(#1fd783, #1fd06b);
	background: linear-gradient(#1fd783, #1fd06b)
}

#loginModal .threeLogin {
	position: absolute;
	left: 30px;
	bottom: 15px
}

#loginModal .threeLogin span {
	color: #B3C3C0;
	float: left;
	font-size: 14px
}

#loginModal .threeLogin a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/login_img.png) no-repeat;
	vertical-align: middle;
	margin-left: 15px;
	cursor: pointer
}

#loginModal .threeLogin .nqq {
	background-position: 0 0
}

#loginModal .threeLogin .nqq:hover {
	background-position: 0 -20px
}

#loginModal .threeLogin .nwx {
	background-position: -20px 0
}

#loginModal .threeLogin .nwx:hover {
	background-position: -20px -20px
}

#loginModal .threeLogin .nwb {
	background-position: -40px 0
}

#loginModal .threeLogin .nwb:hover {
	background-position: -40px -20px
}

.v5-input-txt {
	padding: 0 15px 10px
}

.v5-input-txt .form-control {
	height: 42px;
	line-height: normal;
	padding-bottom: 10px;
	padding-top: 10px
}

.v5-input-txt #id_mobile_code_f,.v5-input-txt .send-verify {
	float: left
}

.v5-input-txt #id_mobile_code_f {
	width: 170px;
	border-radius: 0;
	margin-right: 24px
}

.v5-input-txt .send-verify {
	width: 144px;
	height: 42px;
	line-height: 30px;
	background: #5ECFB5;
	color: #fff;
	text-align: center;
	padding: 0;
	cursor: pointer;
	border: none
}

.v5-input-txt .btn {
	padding-bottom: 8px;
	padding-top: 8px
}

.btn {
	background: #5ecfba;
	border-color: #5ecfba;
	color: #fff
}

.btn-micv5 {
	background-color: #5ecfba;
	color: #fff;
	padding: 8px 12px
}

.modal-header {
	color: #5ecfba
}

.tips-box {
	width: 100%;
	display: inline-block;
	position: relative
}

.tips {
	position: absolute;
	left: 0;
	top: -40px;
	color: #fff;
	font-size: 12px;
	line-height: 32px;
	background-color: #ff9600;
	border-radius: 100px;
	padding: 0 15px;
	box-sizing: border-box
}

.tips:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 25px;
	border-top: 6px solid #ff9600;
	border-right: 4px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 4px solid transparent
}

.zy_email {
	text-align: center;
	color: #5f5f5f
}

.zy_email p {
	padding: 0 35px
}

.zy_email p.i {
	padding: 40px 0 30px
}

.zy_email p.i img {
	vertical-align: top
}

.zy_email p.a {
	padding: 30px 0;
	text-align: center
}

.zy_email p.a&gt;a {
	display: inline-block;
	width: 148px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
	background: #5ecfbb;
	border: 1px solid #68c8b6;
	border-radius: 2px
}

.zy_email p.a&gt;a:hover {
	opacity: .7
}

.zy_success {
	margin-bottom: 20px
}

.zy_success img {
	vertical-align: middle;
	margin-right: 10px
}

.sendE {
	margin-bottom: 20px
}

.sendE a {
	text-decoration: underline;
	cursor: pointer
}

.sendE2 {
	margin-bottom: 20px
}

.jspContainer {
	overflow: hidden;
	position: relative
}

.jspVerticalBar {
	opacity: 0;
	transition: 0.3s;
	position: absolute;
	top: 0;
	right: 2px;
	width: 8px;
	height: 100%;
	z-index: 20
}

.jspDrag {
	background: #1ABC9C;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.jspPane {
	position: absolute
}

.vam,.header .data-search,.header .search-btn,.header .hot-words a,.header .topRight .a,.top_meg,.top_user .ai,.top_user .nick_name,.topSreachDiv,.main_container .layout_left .no_data:before,.article_detail .article_source span,.article_detail .article_source a,.article_detail .article_source a.hot_tag:before,.article_foot .praise-btn:before,.article_foot .praise-btn&gt;i,.article_foot .praise-btn span,.related_lesson .related_lesson_lists p i {
	display: inline-block;
	vertical-align: middle
}

.CLEARFIX,#loginModal .modal-content:before,#loginModal .modal-content:after,.header .wrap:before,.header .wrap:after,.main_container:before,.main_container:after,.v5-footer-links:before,.v5-footer-links:after {
	content: '';
	display: table;
	clear: both
}

.substr {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.word-break {
	word-break: break-all;
	word-wrap: break-word
}

.transition {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.W1160 {
	width: 1160px;
	margin: 0 auto
}

.head-container {
	width: 100%;
	background: #fff
}

.header .wrap {
	position: relative;
	margin: 0 auto;
	padding: 12px 15px
}

@media screen and (max-width: 1200px) {
	.header .wrap {
		width: 1200px;
		padding: 12px
	}
}

.header .logo {
	display: block;
	width: 266px;
	height: 40px;
	margin-top: 3px
}

.header .logo img {
	max-width: 100%
}

.header .search-box {
	position: absolute;
	left: -70px;
	right: 0;
	top: 18px;
	margin: 0 auto;
	width: 500px
}

.header .header-search {
	font-size: 0;
	position: relative;
	width: 100%
}

.header .header-search .topLayerTxt {
	margin: 0 !important
}

.header .header-search .fLayerdl {
	position: absolute;
	font-size: 12px;
	z-index: 100;
	top: 40px;
	left: 0;
	width: 100%;
	border: 1px solid #ccc;
	background: #fff
}

.header .header-search .fLayerdl a {
	display: block;
	color: #000
}

.header .header-search .fLayerdl&gt;dd {
	line-height: 36px;
	cursor: pointer;
	text-indent: 10px
}

.header .header-search .fLayerdl&gt;dd:hover,.header .header-search .fLayerdl&gt;dd.dH {
	background: #f5f5f5
}

.header .data-search {
	width: 500px;
	padding: 8px 46px 8px 15px;
	border: 1px solid #ddd;
	border-radius: 100px;
	color: #bdbdbd
}

.header .data-search:focus {
	border: 1px solid #01c26f
}

.header .search-btn {
	position: absolute;
	right: 16px;
	top: 6px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	outline: none;
	border: none;
	background: url(../images/index/sprite_0.png) 1px -616px no-repeat
}

.header .hot-words {
	position: absolute;
	top: 6px;
	right: 44px;
	font-size: 0;
	text-align: right
}

.header .hot-words a {
	font-size: 12px;
	margin-right: 5px;
	padding: 0 10px;
	line-height: 22px;
	color: #fff;
	background: #ebebeb;
	border-radius: 50px;
	min-width: 40px;
	text-align: center;
	transition: 0.3s
}

.header .hot-words a:hover {
	background: #9d9d9d
}

.header .hot-words .last {
	margin-right: 0
}

.header .mobile_app {
	display: block;
	width: 167px;
	height: 59px;
	margin: 11px 30px 0 0;
	background: url(../images/index/sprite_0.png) 0 -648px no-repeat
}

.header .topRight {
	float: right;
	margin-top: -12px;
	margin-bottom: -12px;
	height: 70px
}

.header .topRight .sign-box {
	margin-top: 20px
}

.header .topRight .a {
	font-size: 14px;
	line-height: 30px;
	width: 70px;
	height: 32px;
	text-align: center;
	color: #666;
	border-radius: 100px;
	border: 1px solid #c1c1c1;
	transition: 0.3s
}

.header .topRight .globalLoginBtn:hover {
	color: #fff;
	border: 1px solid #01c26f;
	background: #01c26f
}

.header .topRight .register {
	margin-right: 12px;
	color: #fff;
	border: 1px solid #01c26f;
	background: #01c26f
}

.top_meg {
	position: relative;
	width: 54px;
	height: 70px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	margin-right: 15px;
	background: url(../images/havemsg2.png) center center no-repeat
}

.top_meg&gt;i {
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 16px;
	left: 20px;
	display: none;
	height: 16px;
	padding: 0 4px;
	text-align: center;
	color: #fff;
	border-radius: 16px;
	background: #ff725f
}

.top_megH {
	background-image: url(../images/rehavemsg.gif)
}

.top_megH&gt;i {
	font-style: normal;
	display: block
}

.top_user {
	font-size: 0;
	position: relative;
	display: inline-block;
	color: #e0dad7
}

.top_user .ai {
	overflow: hidden;
	width: 44px;
	height: 44px;
	border-radius: 50%
}

.top_user .ai img {
	width: 100%;
	height: 100%;
	vertical-align: top
}

.top_user .nick_name {
	font-size: 14px;
	margin-left: 10px
}

.top_user .nick_name a {
	display: block
}

.top_user .nick_name .nick {
	text-align: right;
	color: #474747
}

.top_user .sign_out {
	color: #959595
}

.d_bubble {
	position: relative;
	height: 65px
}

.d_bubble:hover .bubble {
	display: block;
	border: 1px solid #ebebeb
}

.bubble {
	position: absolute;
	z-index: 150;
	top: 37px;
	left: -12px;
	display: none;
	width: 110px;
	text-align: center;
	background: #fff
}

.bubble:before {
	position: absolute;
	top: -10px;
	left: 15px;
	content: '';
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent
}

.bubble.loading:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 10px auto;
	content: '';
	background: transparent url(../images/loading.gif) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}

.bubble li a {
	font-size: 12px;
	line-height: 30px;
	display: block;
	height: 30px;
	padding-left: 15px;
	text-align: left;
	color: #666
}

.bubble li a:hover {
	color: #5ecfba;
	background: #f5f5f5
}

.topSreachDiv {
	position: relative;
	width: 36px;
	height: 32px;
	margin-right: 28px
}

.topSreachDiv&gt;div {
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 30px;
	padding: 1px;
	border-radius: 3px
}

.topSreachDiv.sH&gt;div {
	width: 250px;
	padding: 0;
	border: 1px solid #e9e9e9;
	background: #fff
}

.topSreachDiv.sH .topSreachTxt {
	width: 204px
}

.topSreachDiv.sH .topSreach {
	background-image: url(../images/re_sreach.png)
}

.topSreachTxt {
	width: 0;
	padding: 6px 0;
	padding-left: 10px
}

.dd_listbox {
	padding-top: 18px;
	background-color: #FFFFFF;
	width: 500px;
	height: auto;
	margin: 12px auto 0 auto;
	z-index: 999;
	position: absolute;
	top: 42px;
	left: 0;
	border: silver 1px solid;
	-moz-box-shadow: 0 0 4px #e3e2e2;
	-webkit-box-shadow: 0 0 4px #e3e2e2;
	box-shadow: 0 0 4px #e3e2e2;
	font-size: 12px
}

.chcourse {
	height: 76px
}

.chcourse:hover {
	background-color: #eeecec
}

.dd_courseitem {
	height: 30px;
	color: #939393;
	line-height: 30px;
	overflow: hidden;
	padding-left: 20px;
	border-radius: 8px 8px 0 0;
	position: relative
}

.dd_courseitem i {
	display: block;
	width: 390px;
	border-bottom: 1px solid #ededed;
	position: absolute;
	right: 20px;
	top: 15px
}

.dd_courseimg {
	margin: 13px 13px 9px 20px;
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px
}

.dd_coursedescri {
	padding-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #6b6b6b;
	width: 390px
}

.f_radius {
	border-radius: 9px;
	background-color: #cccccc;
	color: #ffffff;
	font-size: 12px;
	height: 18px;
	width: 125px;
	display: inline-block;
	text-align: center
}

.radius {
	padding-left: 135px;
	padding-top: 13px
}

.dd_coursedescriname {
	font-size: 16px;
	padding-top: 11px;
	color: #3c3c3c;
	float: left;
	margin-right: 13px
}

.dd_tutor {
	padding-left: 20px;
	color: #939393;
	margin-top: 6px
}

.careerteacher {
	margin-bottom: 10px;
	height: 81px
}

.careerteacher:hover {
	background-color: #eeecec
}

.courseteacher {
	font-weight: 900;
	font-size: 16px;
	padding-top: 13px;
	float: left;
	padding-right: 10px;
	color: #3b3b3b
}

.ls {
	padding-right: 10px;
	padding-top: 16px;
	float: left;
	color: silver
}

.teachertt {
	padding-top: 18px;
	color: silver
}

.teacherdes {
	clear: both;
	position: relative;
	top: -24px;
	left: 74px;
	width: 390px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #6b6b6b
}

.dd_craft {
	margin-top: -4px;
	padding-left: 20px;
	color: #939393
}

.study_count {
	color: #b1b1b1;
	padding-top: 8px
}

.course_info {
	color: #6b6b6b;
	padding-top: 8px
}

.careercraft {
	width: 100%;
	padding: 0 20px;
	height: 32px
}

.careercraft a {
	display: block;
	overflow: hidden
}

.careercraft:hover {
	background-color: #eeecec
}

.dd_moreinfo {
	padding-left: 200px;
	height: 27px;
	color: #d3d3d3
}

.more_result {
	color: #d3d3d3
}

.dd_listbox:before {
	content: '';
	display: inline-block;
	padding: 7px;
	background: #ffffff;
	position: absolute;
	top: -8px;
	left: 20px;
	box-shadow: -2px 0 0 #fff,0 -2px 5px rgba(0,0,0,0.1),0 2px 0 #fff,2px 0 5px rgba(0,0,0,0.1);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

@-webkit-keyframes ball-scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes ball-scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes an-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

@keyframes an-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

@keyframes rock {
	0% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

	10% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	20% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

	30% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	35% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	40% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	45% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	50% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

	100% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
}

.toolbar {
	position: fixed;
	right: 10px;
	bottom: 4%;
	z-index: 1020;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

.toolbar .hongbao {
	position: relative
}

.toolbar .hongbao-a {
	content: '';
	position: absolute;
	left: -26px;
	bottom: -7px;
	height: 69px;
	width: 69px;
	z-index: 100;
	-webkit-animation: rock 2s linear infinite;
	-moz-animation: rock 2s linear infinite;
	-ms-animation: rock 2s linear infinite;
	-o-animation: rock 2s linear infinite;
	animation: rock 2s linear infinite;
	background: url("data:image/png;base64,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") 0 0 no-repeat
}

.toolbar-item {
	width: 41px;
	height: 41px;
	display: block;
	margin-top: 6px;
	position: relative;
	border-radius: 50%;
	box-shadow: 3px 0 6px rgba(0,0,0,0.09);
	background: url(../images/index/sprite_0.png) 0 0 no-repeat
}

.toolbar-item .toolbar-kf {
	position: absolute;
	top: 0;
	left: -230px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAAoBAMAAAB5vrkOAAAAFVBMVEX/RUX/RUX/RUUAAAD/RUX/RUX/RUXv/iu4AAAABnRSTlPxrScAKCUTY3tgAAAAWUlEQVRYw+3YoQ2AQBhD4UIIGoUmYQMSPDuwAJjuP8KZM/8CzYn3Fvh0q3tzounV4Uyzdmf6tTrTJ6dCQkJCQuohIdWQkGpISDWksaTYUguuz8eZFl2hl+BspmCE8jN1KJMAAAAASUVORK5CYII=") 0 0 no-repeat;
	width: 210px;
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	-o-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	box-shadow: 0 3px 8px rgba(0,0,0,0.2)
}

.toolbar-item .toolbar-kf:after {
	content: '';
	position: absolute;
	top: 12px;
	right: -8px;
	display: block;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #ff3c3d
}

.toolbar-item .ball-scale {
	width: 210px;
	height: 40px;
	text-align: center;
	position: relative;
	overflow: hidden;
	font-size: 0;
	cursor: pointer
}

.toolbar-item .ball-scale i,.toolbar-item .ball-scale span {
	display: inline-block;
	vertical-align: middle
}

.toolbar-item .ball-scale i {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAChSURBVChTfZFJCoUwEERzCPmC3v8Sf6UbXQhOKCh4lsTqWE6ho9AkknqdSrWx1taoFvUzkQ9nGWpwzhVGxNg4rLMGUbxSUwuQiliDAnEPTeJNaFBUfNoOoBX/G2+9O4dvJOT9UjxdNrRAaMN3JrBIEzU8HOSoM40J++URxBsKxN6zEsQBaeJIEDKnVICRV3faA2WYjzk1ApSo6isNQg3W/w6gJ1kHH0WzoQAAAABJRU5ErkJggg==");
	background-position: center;
	background-repeat: no-repeat
}

.toolbar-item .ball-scale span {
	line-height: 40px;
	color: #fff600;
	font-weight: bold;
	font-size: 16px
}

.toolbar-item .ball-scale div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	background-color: #fff600;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	width: 204px;
	height: 204px;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	-moz-animation: ball-scale 1s 0s ease-in-out infinite;
	-ms-animation: ball-scale 1s 0s ease-in-out infinite;
	-o-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite
}

.toolbar-item-weixin {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAsVBMVEUAAAD/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD7/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD3/PD7/PD7/PD3/84L/8IH/QD//ZUz/S0P/RUH/4Xv/13f/ynP/rGf/nmH/aU7/Wkj/VUb/6X7/5X3/0nb/xnH/tGr/fFX/UUX/2nj/v27/iVr/g1f/dlL/cFD/bU//7ID/t2v/kl3/YEqsxeqmAAAAGnRSTlMA8l3A/sZiBeH95XRWJhnfmHFYJRrJl5uamBcWR1UAAAGpSURBVDjLpZVnc4JAEIZpKppoipryLlWKioC9/v8fFjWG23MQncnziR3eub2tp8h0tG+9pUJt6a9aR7lJQ9ObEDR1rVEurL/gmpd6ia5bQxm17rXwWUU56rssfDNwC+NNEqKKJ+baQBXG85+wraIatX1R1nCP2iWPuE/9XBk54dNlFkyCbDECxzxVSwPD28+IxsmYyI9cMLSjUmf2aE5WlsdOnIdbSocQ6IrSazLPKU1i+zczTkATdoNmhzu3QwqmheXOaWdz9x/C2Ix9Hoc7sHJhfbFr2jtagLOi1GMpNYvvyBoP4a3WZyPOXYx8Kyz+thRRyQFZayzIigEMtxThsCVfVFQBU9IaSytxTkqf9nAsmqFAOpNWR++bs+HknqxUFVM+k+MQ+eyeuhwRx50noYid5dPOaAFZ6ojUf/IabZLkgFtoSs9g1eSlljF6Use7KU02NuDZpV2v8TaeE+2WUZqJ0Fh/Nkypkwd0IoKM2RBzJKYjDGZBfD1HD8/m4/P++A4peLq3l5i0YtcdhZz36v3J6fZRRr9dtudNXGPW//F2iPfo9dZ79ANjnIrxiTw7DQAAAABJRU5ErkJggg==") 0 0 no-repeat
}

.toolbar-item-weixin:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAI1SURBVFhH7ZffS9NRGManORaJYmiNLpqSzMKonCwIQwmkm0FFN2IZhBkEQRglBNqFyqgmkb9S85/d+jzxLr4bm98f7qAXZ/BwtvM97/s85znnPee7VMp/vAPeAe+Ad8A74B3olAO1Wm2gWq0+AK/BZ/AVrIBFMA0GO8UVOw/kGfAYlMGxYY/2J9gN9FX4XgK9sUlOE4B7lyF9b0KOzLVJ2lFwnec3wATfX4F9G/eJNnsa3sixEPXbssq9VQlD0IVWCejvlujA+DXny2+kL82ZFe3HKLPTUgecf9tuUlFyhY6BaAzsgApEQ6EBgQHE9IENoO1RiBMbeaxmT/Ilc/Fh5MBGoXct/iNtJkmOE2NI+hQcgm1wVYNFBO7JYSbR1ZxABcSzIu0lPVPBgR/0/QEvXIjcNBdEcNNEztT7IB8JktKfBTqSVGAlG68i+m193zouEhHrllyk40aqQ1x77BfPc00ir9C/ZTGz5mSO3wfWV3Yt8raRpiG8A0ZbEdI/DApM4KJNSr/diST5/+WG9FYSF0x0/Xb6niRHWOE8gaShcOKSEK9j6APQ1TkXNz50vB3kb2w/TYUGtBmgSleROTvQEZhXkVhBXEsq1GmczkIEzpubqzr3nBImTY5A3cO6MVQAenfMI7annk+V7Gwp44i2F913JlSHu/bqffAcLAO98P67lc70g9A0eNR0yNePF7XPzlRg083Sj6AiWAD626A39S+6t8+NSC/EO+Ad8A54B7wDkRz4C2yano3Ty1UsAAAAAElFTkSuQmCC");
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	width: 41px;
	height: 41px;
	-webkit-animation: an-scale 1s 0s ease-in-out infinite;
	-moz-animation: an-scale 1s 0s ease-in-out infinite;
	-ms-animation: an-scale 1s 0s ease-in-out infinite;
	-o-animation: an-scale 1s 0s ease-in-out infinite;
	animation: an-scale 1s 0s ease-in-out infinite
}

.toolbar-item-weibo {
	background-position: 0 -395px;
	position: relative
}

.toolbar-item-weibo:hover {
	background-position: -48px -395px
}

.toolbar-item-weibo&gt;div {
	display: none;
	position: absolute;
	top: -30px;
	right: 60px;
	z-index: 1200;
	height: 102px;
	padding: 10px 9px;
	background: #000;
	border-radius: 4px
}

.toolbar-item-weibo&gt;div:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: -16px;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #000
}

.toolbar-item-weibo .intxt {
	background-color: #3e3e3e;
	border-radius: 4px;
	padding: 5px 10px;
	color: #fff
}

.toolbar-item-weibo .inbtn {
	width: 25px;
	height: 25px;
	background: url(../images/index/sprite_0.png) 0 0 no-repeat;
	background-position: 0 -582px
}

.toolbar-layer {
	position: absolute;
	right: 40px;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 1s;
	transform: scale(0.01);
	transform-origin: 95% 95%
}

.toolbar-item-fankui {
	background-position: 0 -446px
}

.toolbar-item-fankui:hover {
	background-position: -48px -446px
}

.toolbar-item-gotop {
	display: none;
	background-position: 0 -497px;
	cursor: pointer
}

.toolbar-item-gotop:hover {
	background-position: -48px -497px
}

.article-detail .head-container {
	box-shadow: 0 3px 8px rgba(0,0,0,0.2)
}

.main_container {
	width: 830px;
	margin: 0 auto 60px
}

.main_container .layout_left {
	width: 830px
}

.main_container .layout_left .no_data {
	text-align: center;
	min-height: 490px;
	padding: 190px 0
}

.main_container .layout_left .no_data:before {
	content: '';
	margin-right: 20px;
	width: 118px;
	height: 112px;
	background: url(../images/lesson_video_lists.png) 0 -389px no-repeat
}

.main_container .layout_right {
	width: 300px;
	background: #fbfbfb;
	padding: 20px;
	margin-bottom: 60px
}

.main_container .tag_yun h2 {
	position: relative
}

.main_container .tag_yun h2:before {
	content: '';
	width: 0;
	height: 100%;
	border-left: 4px solid #5ecfba;
	position: absolute;
	left: -20px;
	top: 0
}

.main_container .tag_yun .hot_tag_link {
	overflow: hidden
}

.main_container .tag_yun .hot_tag_link li {
	width: 48%;
	height: 30px;
	line-height: 30px;
	margin: 0 1% 1% 0
}

.main_container .tag_yun .hot_tag_link li a {
	display: block;
	padding: 0 8px;
	color: #666666
}

.main_container .tag_yun .hot_tag_link li a:hover,.main_container .tag_yun .hot_tag_link li.active a {
	background: #ffffff;
	color: #5ecfba
}

.indexNav {
	padding: 22px 0
}

.indexNav a {
	color: #999;
	margin: 0 2px
}

.indexNav a:first-child {
	margin-left: 0
}

.article_detail {
}

.article_detail .article_source span,.article_detail .article_source a {
	margin-right: 20px
}

.article_detail .article_source a {
	margin-right: 10px
}

.article_detail .article_source a.hot_tag:before {
	content: '';
	width: 14px;
	height: 14px;
	margin-right: 10px;
	background: url("../images/article_Icon.png") 0 -160px no-repeat
}

.article_detail #article {
	font-size: 16px
}

.article_detail img {
	max-width: 100%
}

.article_foot {
	text-align: center;
	padding-top: 30px;
	border-top: 1px solid #ececec;
	margin: 30px 0;
	position: relative
}

.article_foot .praise-btn {
	display: block;
	width: 134px;
	padding: 10px 20px;
	border-radius: 74px;
	border: 1px solid #E2E2E2;
	text-align: left;
	margin: 0 auto
}

.article_foot .praise-btn.disabled_praise {
	cursor: not-allowed
}

.article_foot .praise-btn.good {
	border: 1px solid #5ecfba
}

.article_foot .praise-btn.good&gt;i {
	border-left: 1px solid #5ecfba
}

.article_foot .praise-btn.good:before {
	background-position: 0 -538px
}

.article_foot .praise-btn.good span {
	color: #5ecfba
}

.article_foot .praise-btn&gt;i {
	border-left: 1px solid #E2E2E2;
	height: 20px;
	margin: 0 10px 0 10px
}

.article_foot .praise-btn span {
	height: 20px;
	line-height: 20px
}

.article_foot .praise-btn span&gt;i {
	font-style: normal;
	font-size: 14px
}

.article_foot .praise-btn:before {
	content: '';
	width: 20px;
	height: 20px;
	background: url(../images/article_Icon.png) 0 -508px no-repeat
}

.article_foot .share-ibox {
	position: absolute;
	top: 40px;
	right: 0
}

.article_foot #bdshare a {
	padding: 0 !important;
	width: 30px !important;
	height: 30px !important;
	background: url(../images/article_Icon.png) 0 0 no-repeat;
	margin-right: 10px
}

.article_foot #bdshare .popup_sqq {
	background-position: 0 -268px !important
}

.article_foot #bdshare .popup_sqq:hover {
	background-position: 0 -308px !important
}

.article_foot #bdshare .popup_qzone {
	background-position: 0 -348px !important
}

.article_foot #bdshare .popup_qzone:hover {
	background-position: 0 -388px !important
}

.article_foot #bdshare .popup_tsina {
	background-position: 0 -80px !important;
	margin-right: 0
}

.article_foot #bdshare .popup_tsina:hover {
	background-position: 0 -120px !important
}

.reviews_container {
	margin-top: 80px
}

.reviews_container .load_message {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f3f3f3;
	font-size: 12px;
	color: #666666;
	cursor: pointer;
	margin-top: 20px
}

.reviews_container .reviews_textarea {
	width: 100%;
	height: 110px;
	border: 1px solid #d2d2d2
}

.reviews_container .reviews_textarea textarea {
	width: 100%;
	height: 100%;
	resize: none;
	padding: 10px;
	cursor: not-allowed;
	background: #f0f0f0;
	font-size: 14px
}

.reviews_container .not_sign {
	position: relative;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 14px;
	color: #999999
}

.reviews_container .not_sign p {
	position: absolute;
	left: 0;
	top: 0
}

.reviews_container .not_sign .disabled_reviews {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	border: none;
	width: 120px;
	height: 40px;
	color: #ffffff;
	cursor: not-allowed;
	outline: none
}

.reviews_container .reviews_num {
	font-size: 14px;
	color: #333333;
	padding: 20px 0;
	border-top: 1px solid #ececec
}

.reviews_lists .item .col_l,.reviews_lists .item .col_r {
	display: table-cell;
	vertical-align: top
}

.reviews_lists .item .col_l {
	padding-top: 20px
}

.reviews_lists .item .col_l a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden
}

.reviews_lists .item .col_l img {
	width: 100%
}

.reviews_lists .item .col_r {
	padding: 20px 0 0 20px;
	overflow: hidden
}

.reviews_lists .item .col_r p {
	font-size: 14px;
	margin-bottom: 10px
}

.reviews_lists .item .col_r p .nike_name {
	margin-right: 20px;
	color: #666666
}

.reviews_lists .item .col_r p .date_time {
	color: #999999;
	font-size: 12px
}

.reviews_lists .item .col_r .reviews_content {
	color: #666666
}

.reviews_lists .item .col_r .reviews_answer {
	text-align: right;
	margin-bottom: 20px
}

.reviews_lists .item .col_r .reviews_answer a {
	font-size: 12px
}

.reviews_lists .item .col_r .submit_reviews {
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: right;
	position: relative
}

.reviews_lists .item .col_r .submit_reviews span {
	display: block;
	position: absolute;
	left: -100px;
	top: 0;
	-webkit-transition: left .3s ease 0s;
	-moz-transition: left .3s ease 0s;
	-o-transition: left .3s ease 0s;
	transition: left .3s ease 0s
}

.reviews_lists .item .col_r .submit_reviews button {
	padding: 0;
	border: none;
	width: 120px;
	height: 40px;
	color: #ffffff;
	background: #5ecfba;
	outline: none
}

.reviews_lists .child {
	border-top: 1px solid #ececec
}

.reviews_lists .child:last-child {
	border-bottom: 1px solid #ececec
}

.sign_reviews .col_l,.sign_reviews .col_r {
	display: table-cell;
	vertical-align: top
}

.sign_reviews .col_l a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden
}

.sign_reviews .col_l img {
	width: 100%
}

.sign_reviews .col_r {
	width: 100%;
	padding-left: 20px
}

.sign_reviews .col_r p {
	margin-bottom: 10px
}

.sign_reviews .col_r .nike_name {
	font-size: 14px;
	color: #666666
}

.sign_reviews .col_r .submit_reviews {
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: right;
	position: relative;
	overflow: hidden
}

.sign_reviews .col_r .submit_reviews span {
	display: block;
	position: absolute;
	left: -100px;
	top: 0;
	-webkit-transition: left .3s ease 0s;
	-moz-transition: left .3s ease 0s;
	-o-transition: left .3s ease 0s;
	transition: left .3s ease 0s
}

.sign_reviews .col_r .submit_reviews button {
	padding: 0;
	border: none;
	width: 120px;
	height: 40px;
	color: #ffffff;
	background: #5ecfba;
	outline: none
}

.related_lesson h2,.related_recommend h2 {
	position: relative
}

.related_lesson h2:before,.related_recommend h2:before {
	content: '';
	width: 0;
	height: 100%;
	border-left: 4px solid #5ecfba;
	position: absolute;
	left: -20px;
	top: 0
}

.related_lesson .related_lesson_lists .col_l {
	display: block;
	width: 84px;
	height: 84px;
	background: #5ecfba
}

.related_lesson .related_lesson_lists .col_r {
	margin-left: 20px
}

.related_lesson .related_lesson_lists .col_r p:last-child {
	color: #999999
}

.related_lesson .related_lesson_lists h3,.related_lesson .related_lesson_lists p {
	margin-bottom: 5px
}

.related_lesson .related_lesson_lists h3 a {
	font-size: 14px;
	color: #333333
}

.related_lesson .related_lesson_lists p {
	color: #666666
}

.related_lesson .related_lesson_lists p i {
	height: 16px;
	border-left: 1px solid #cccccc;
	margin: 0 10px
}

.related_recommend .related_recommend_lists li {
	padding-left: 16px;
	padding-bottom: 20px;
	border-left: 1px solid #e2e2e2;
	position: relative
}

.related_recommend .related_recommend_lists li:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: -8px;
	background: #fbfbfb url(../images/article_Icon.png) 1px -566px no-repeat
}

.related_recommend .related_recommend_lists li:last-child {
	border-left: none
}

.related_recommend .related_recommend_lists li a {
	font-size: 14px;
	color: #666666
}

.related_recommend .related_recommend_lists li p {
	margin-top: 5px
}

.related_recommend .related_recommend_lists li .date_time,.related_recommend .related_recommend_lists li .nike_name {
	font-size: 12px;
	color: #999999
}

.related_recommend .related_recommend_lists li .date_time {
	margin-right: 20px
}

.footer-container {
	background: #ecebeb
}

.footer-container .copyright {
	width: 100%;
	height: 78px;
	padding: 20px 0;
	border-top: 1px solid #d5d5d5
}

.footer-container .copyright-box {
	width: 1116px;
	margin: 0 auto;
	position: relative
}

.footer-container .copyright-box:before {
	content: '';
	display: block;
	width: 129px;
	height: 68px;
	position: absolute;
	left: 0;
	right: 0;
	top: -84px;
	margin: 0 auto;
	background: url(../images/index/footer_flower.png) 0 0 no-repeat
}

.footer-container .copyright-box .ps-left {
	width: 284px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0
}

.footer-container .copyright-box .ps-right {
	position: absolute;
	right: 0;
	top: 0
}

.v5-footer-links {
	padding: 20px 0 90px 20px;
	display: table;
	width: 1116px;
	margin: 0 auto
}

.v5-footer-links dl {
	float: left
}

.v5-footer-links dt {
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	color: #737373;
	font-weight: bold
}

.v5-footer-links .f-link {
	width: 480px
}

.v5-footer-links .f-link ul {
	padding-top: 5px
}

.v5-footer-links .f-link li {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 16px
}

.v5-footer-links .f-link li a {
	float: left;
	margin-right: 10px;
	color: #a6a6a6;
	font-size: 12px
}

.v5-footer-links .f-link li a:hover {
	color: #01c26f
}

.v5-footer-links .f-link li span {
	float: left;
	margin: 0 5px
}

.v5-footer-links .webmap,.v5-footer-links .follow {
	float: right;
	margin-left: 70px
}

.v5-footer-links .webmap {
	width: 204px;
	margin-left: 0
}

.v5-footer-links .webmap li {
	line-height: 25px;
	float: left;
	width: 102px
}

.v5-footer-links .webmap li a {
	color: #999999
}

.v5-footer-links .webmap li a:hover {
	color: #01c26f
}

.v5-footer-links .follow {
	padding-left: 45px;
	margin-left: 20px
}

.v5-footer-links .follow li {
	float: left;
	text-align: center;
	color: #999999;
	height: 166px
}

.v5-footer-links .follow li p {
	line-height: 1.4;
	margin-bottom: 10px
}

.v5-footer-links .follow li a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	color: #999999
}

.v5-footer-links .follow li a:hover {
	color: #01c26f
}

.v5-footer-links .follow li a span {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background: url(../images/follow.png) no-repeat
}

.v5-footer-links .follow li a span.sina {
	background-position: 0 0
}

.v5-footer-links .follow li a span.weixin {
	background-position: 0 -30px
}

.v5-footer-links .follow li a span.qq {
	background-position: 0 -60px
}

.v5-footer-bottom {
	padding: 20px 0;
	color: #999999
}

.v5-footer-bottom:after,.v5-footer-bottom:before {
	content: '';
	clear: both;
	display: table
}

.v5-footer-bottom a {
	color: #999999
}

.article_footer {
	background: #383637
}

.article_footer .container {
	width: 1160px;
	margin: 0 auto
}

.article_footer .footer-logo,.article_footer .webmap {
	float: left
}

.article_footer .webmap {
	margin-left: 40px;
	text-align: left
}

.article_footer .webmap a {
	padding: 0 10px;
	color: #999999
}

.article_footer .webmap a:first-child {
	padding-left: 0
}

.article_footer .hot-line {
	float: right
}

.article_footer .hot-line .weixin-qrcode,.article_footer .hot-line .weibo-qrcode,.article_footer .hot-line .sevenDaysRefunds:before {
	outline: none;
	width: 34px;
	height: 34px;
	background: url(../images/article_Icon.png) 0 0 no-repeat
}

.article_footer .hot-line span,.article_footer .hot-line a {
	display: inline-block;
	vertical-align: top
}

.article_footer .hot-line .weixin-qrcode {
	background-position: 0 0;
	margin-left: 50px;
	position: relative
}

.article_footer .hot-line .weixin-qrcode .weixin-box {
	position: absolute;
	width: 118px;
	height: 127px;
	bottom: 36px;
	right: -42px;
	-webkit-transition: opacity 0.25s, transform .3s;
	-moz-transition: opacity 0.25s, transform .3s;
	transition: opacity 0.25s, transform .3s;
	opacity: 0;
	filter: alpha(opacity=0);
	max-width: 0;
	-webkit-transform: scale(0.01);
	-ms-transform: scale(0.01);
	transform: scale(0.01);
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	background: url(../images/weixin3.png) no-repeat 0 0
}

.article_footer .hot-line .weixin-qrcode:hover {
	background-position: 0 -40px
}

.article_footer .hot-line .weixin-qrcode:hover .weixin-box {
	display: block;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	max-width: none;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.article_footer .hot-line .weibo-qrcode {
	background-position: 0 -80px;
	margin-left: 20px
}

.article_footer .hot-line .weibo-qrcode:hover {
	background-position: 0 -120px
}

.article_footer .hot-line .sevenDaysRefunds {
	color: #69d5c2;
	font-size: 12px;
	margin-left: 10px
}

.article_footer .hot-line .sevenDaysRefunds:before {
	width: 24px;
	content: "";
	display: block;
	background-position: 0 -610px;
	margin: 0 auto
}</pre></body></html>