a,
body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
li,
ol,
p,
span,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

h3{
	padding-bottom:20px;
}
.andbook_htmledit_content p{
	padding-top:10px;
	padding-bottom:10px;
}

body,
html {
	font-family: "Microsoft YaHei", Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px
}

li,
ul {
	list-style: none
}

a {
	text-decoration: none;
	cursor: pointer;
	color: black;
}

.footer a{
	color:#cdcdcd;
}

span{
	white-space:normal!important;
}
.loadingTip{text-align:center;}

#page {
    text-align: center;
    margin: 50px auto;
    clear: both;
    margin-bottom:0px;
}

#page li, #mpage li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

#page li a, #mpage li a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    color: #999;
    transition: all 0.5s;
}

.footer .ft_nav ul li.last01 dl dd img{
	display:none;
}
.footer {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0px 0px 24px;
    background: #141414;
    min-width: 1200px;
}

.footer .wrap {
    width: 100%;
    margin: 0px auto;
}

.footer .ft_nav {
    float: left;
    width: 1105px;
    padding-top: 49px;
    padding-bottom: 60px;
}

.footer .ft_nav ul {
    float: left;
    width: 100%;
}

.footer .ft_nav ul li {
    float: left;
    width: 210px;
    padding: 0px 12px 0px 0px;
}

.footer .ft_nav ul li dl dt {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 37px;
}

.footer .ft_nav ul li dl dt span {
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 14px;
}

.footer .ft_nav ul li dl dt a {
    color: #fff;
}

.footer .ft_nav ul li.last01 {
    float: left;
    width: 290px;
    padding-left: 14px;
    padding-right: 0px;
}

.footer .ft_code {
    text-align: center;
    float: right;
    padding-top: 56px;
    width: 95px;
    color: #ccc;
    font-size: 13px;
    line-height: 20px;
}

.footer .ft_code img {
    width: 95px;
    height: 95px;
    display: inline-block;
}

.footer .ft_code p {
    padding-top: 12px;
    color: #666;
}

.footer .copy {
    border-top: 1px solid #202020;
    overflow: hidden;
    padding-top: 25px;
    color: #666;
    font-size: 12px;
}

.footer .copy .lf_copy {
    float: left;
}

.footer .copy .copy_nav {
    float: right;
}

.footer .copy .copy_nav ul li {
    float: left;
    padding: 0px 20px;
}



.footer .copy a {
    color: #666;
}

.i-banner {
    width: 100%;
    height: 450px;
}
.moduletable-banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.i-banner .mainer {
    position: absolute;
    top: 80px;
    left: 100px;
    height: 400px;
    background: rgb(19, 29, 64);
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
    overflow:hidden;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

aside h4 {
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-family: 微软雅黑;
    font-weight: normal;
    background: rgb(19, 29, 64);
}

aside h4 img {
    border: none;
    vertical-align: middle;
}

aside ul li {
    height: 100px;
    border-bottom: 1px solid #4a547f;
    background: rgba(29,39,72,0.7);
    color: #c1ccfe;
    border-left: 4px solid rgba(29,39,72,0.7);
}

aside ul li p {
    width: 170px;
    text-align: center;
    padding-top: 15px;
    line-height: 1.7em;
    float: left;
}

aside ul li a {
    color: rgb(255, 255, 255);
    float: right;
    width: 97px;
    height: 34px;
    font-size: 16px;
    font-family: 微软雅黑;
    line-height: 34px;
    margin-top: 34px;
    text-align: center;
    margin-right: 5px;
}
.flexslider {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.flexslider .slides {
    zoom: 1;
}
.flexslider .slides {
    height: 100%;
}

.flexslider .slides > li {display: none;height:100%;position: relative;}

.flexslider .slides img {
    display: block;
    height: auto;
    margin: auto;
}

.flex-control-nav {
    position: absolute;
    bottom: 15px;
    right: 50%;
    margin-right: -40px;
}

.flex-control-nav li {
    display: inline-block;
    zoom: 1;
    margin-right: 10px;
    margin-bottom: 6px;
}

.flex-control-nav li a {display: block;width: 12px;height: 12px;
background:url("../images/i-banner-off.png") no-repeat scroll 0 0 transparent;;
_background:url("../images/i-banner-off.png") no-repeat scroll 0 0 transparent;;
cursor: pointer;
text-indent: -9999px;
}
.flex-control-nav li a:hover {
background:url("../images/i-banner-on.png") no-repeat scroll 0 0 transparent;
_background:url("../images/i-banner-on.png") no-repeat scroll 0 0 transparent;

}
.flex-control-nav li a.active {
background:url("../images/i-banner-on.png") no-repeat scroll 0 0 transparent;
_background:url("../images/i-banner-on.png") no-repeat scroll 0 0 transparent;
cursor: default;
}

.videos{ width:1200px; margin:0 auto}
.videos .title{ margin:20px 0 0 0;}
.videos .title ul{ padding:5px 20px; overflow:hidden}
.videos .title ul li{ line-height:50px; margin-right:35px; float:left; font-size:14px; color:#333;}
.videos .title ul li a{ font-size:14px; color:#333;}
.videos .title ul li a:hover,.videos .title ul li.act a{ color:#0072D4;}
.videos .cont{ margin-top:40px;}
.videos .cont dl{ margin-bottom:25px; padding:8px; background:#fafafa; transition:all 0.5s; overflow:hidden}
.videos .cont dl:hover{ box-shadow:5px 5px 5px #EEE; transition:all 0.5s;}
.videos .cont dl dt{ width:298px; height:186px; padding:8px; border:1px solid #FFF; transition:all 0.5s; float:left; position:relative}
.videos .cont dl dt img{ width:100%; height:100%;}
.videos .cont dl dt:hover{ border:1px solid #0072D4; transition:all 0.5s;}
.videos .cont dl dt span{ display:block; width:36px; height:17px; line-height:17px; text-align:center; background:#77C4ED; border-radius:3px; color:#FFF; position:absolute; top:18px; right:18px}
.videos .cont dl dt b{ display:block; width:36px; height:17px; line-height:17px; text-align:center; background:#FFDD00; border-radius:3px; color:#FFF; font-weight:normal; position:absolute; top:18px; right:18px}
.videos .cont dl dt p{ width:54px; height:54px; background:url(../images/icons.png) no-repeat; background-position:0 -21px; position:absolute; top:70px; right:126px; transition:all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;  }
.videos .cont dl dt:hover p{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; transition:all 0.5s;}
.videos .cont dl dd{ width:820px; padding:15px 20px; float:left}
.videos .cont dl dd .tit{ display:block; font-size:16px; transition:all 0.5s;}
.videos .cont dl dd .tit:hover{ color:#0072D4; transition:all 0.5s;}
.videos .cont dl dd span{ display:block; margin-top:10px; font-size:14px; color:#999}
.videos .cont dl dd span i{ display:inline-block; width:20px; height:13px; margin:-4px 5px 0 30px; background:url(../images/icons.png) no-repeat; vertical-align:middle}
.videos .cont dl dd .more{ padding:15px 0; border-bottom:1px solid #EEE; overflow:hidden}
.videos .cont dl dd .more b{ margin-right:25px; padding-top:13px; font-weight:normal; font-size:14px; color:#0072D4; float:left}
.videos .cont dl dd .more p{ padding-top:3px; font-size:14px; color:#0072D4; float:left}
.videos .cont dl dd .more p strong{ font-size:22px; color:#0072D4;}
.videos .cont dl dd .more a{ display:block; width:82px; height:32px; line-height:32px; padding-left:20px; background:url(../images/icons.png) no-repeat; background-position:-198px 0; color:#999; float:right}
.videos .cont dl dd .more a:hover{ color:#333; background-position:-198px -32px;}
.videos .cont dl dd .con{ line-height:22px; margin-top:15px; color:#999;}
.videos .ping{ margin-bottom:50px;    margin-top: 20px;}
.videos .ping h2{ border-bottom:1px solid #DFE6EC}
.videos .ping h2 span{ display:block; width:105px; margin-bottom:-2px; padding-bottom:6px; font-weight:normal; font-size:20px; border-bottom:3px solid #0072D4}
.videos .ping .cons{ overflow:hidden}
.videos .ping .cons dl{ width:380px; margin:30px 27px 0 0; border:1px solid #DBDBDB; background:#FFF; float:left}
.videos .ping .cons dl.lr{ margin-right:0}
.videos .ping .cons dl dt{ line-height:44px; text-align:center; font-size:16px; border-bottom:1px solid #DBDBDB;}
.videos .ping .cons dl dd{ padding:10px 20px;}
.videos .ping .cons dl dd .imgs{ overflow:hidden}
.videos .ping .cons dl dd .imgs img{ width:50px; height:50px; float:left}
.videos .ping .cons dl dd .imgs h3{ height:18px; line-height:18px; margin:15px 0 0 15px; padding-left:10px; border-left:4px solid #0072D4; font-size:18px; color:#0072D4; float:left}
.videos .ping .cons dl dd p{ line-height:22px; margin-top:10px; font-size:14px;}




a:link {
	text-decoration: none
}

a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

a:active {
	text-decoration: none
}

a:focus {
	outline-style: none;
	outline: none
}

.clear:after {
	content: "";
	display: block;
	clear: both
}

input,
select,
textarea {
	font-family: "Microsoft YaHei", Verdana, Arial;
	font-size: 12px;
	outline: none
}

em {
	font-style: normal
}

.ovx {
	overflow-x: hidden
}

.wrap {
	display: block;
	width: 1200px;
	margin: 0 auto
}

.wrap2 {
	display: block;
	width: 1300px;
	margin: 0 auto;
	padding-bottom: 0px;
}

.wrap2:after {
	content: "";
	display: block;
	clear: both
}

.dn,
.hide {
	display: none
}

.tc {
	text-align: center
}

.tl {
	text-align: left
}

.tr {
	text-align: right
}

.fl {
	float: left;
	_display: inline
}

.fr {
	float: right;
	_display: inline
}

.rel {
	position: relative
}

.ov {
	overflow: hidden
}

.text-overflow {
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	position: relative
}

.text-center {
	text-align: center
}

.bggray {
	background-color: #eff3f5
}

.bgfff,
.bgwhite {
	background-color: #fff
}

.bgf4 {
	background-color: #f4f4f4
}

.mt30 {
	margin-top: 30px
}

.pt30 {
	padding-top: 30px
}

.pt60 {
	padding-top: 60px
}

.pb100 {
	padding-bottom: 100px
}

.mb30 {
	margin-bottom: 30px
}

.mt15 {
	margin-top: 15px
}

.err {
	color: red
}

.bb1c {
	border-bottom: 1px #ccc solid
}

.bggreen {
	background-color: #green
}

.bgf1 {
	background-color: #f1f1f1
}

.bgf5 {
	background-color: #f5f5f5
}

img {
	border: none;
	max-width: 100%;
}

.g-bd1 {
	margin: 0 0 10px
}

.g-sd1 {
	position: relative;
	float: left;
	width: 190px;
	margin-right: -190px
}

.g-mn1 {
	float: right;
	width: 100%
}

.g-mn1c {
	margin-left: 200px
}

.top {
	height: 80px
}

.top .logo {
	float: left;
	margin: 0 150px 0 10px
}

.top .logo a {
	display: inline-block;
	float: left
}

.top .logo span {
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #333
}

.top .logo em {
	display: inline-block;
	color: #dfdfdf;
	padding: 0 12px;
	font-style: normal
}

.search_box {
	position: relative;
	float: left;
	margin-top: 18px
}

.search_box .search_inp {
	float: left;
	padding: 0 10px;
	width: 320px;
	height: 40px;
	line-height: 40px;
	border: 1px #dcdcdc solid;
	transition: border-color 0.2s linear;
	box-sizing: content-box
}

.search_box .search_btn {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px #dcdcdc solid;
	border-left: none;
	background: url("../img/common/search_btn.png") no-repeat center center;
	cursor: pointer;
	box-sizing: content-box;
	transition: all 0.2s linear
}

.search_box .search_tip {
	position: absolute;
	right: 40px;
	top: 12px
}

.search_box .search_tip li {
	display: inline-block;
	float: left;
	margin-right: 10px
}

.search_box .search_tip a {
	display: inline-block;
	padding: 0 5px;
	font-size: 14px;
	background-color: #b7b7b7;
	height: 20px;
	line-height: 20px;
	color: #fbf9f9;
	transition: background-color 0.2s linear
}

.search_box .search_tip a:hover {
	background-color: #2ecb70
}

.search_box.active .search_btn,
.search_box.active .search_inp {
	border-color: #2ecb70
}

.search_box.active .search_btn {
	background: #2ecb70 url("../img/common/search_btn2.png") no-repeat center center
}

.search_box3 {
	position: relative;
	float: right;
	margin-top: 18px;
	width: 250px;
	box-sizing: content-box;
	margin-right: 30px;
	height: 40px;
	border: 1px #2daa4f solid
}

.search_box3 .search_inp {
	float: left;
	padding: 0 10px;
	width: 210px;
	height: 40px;
	line-height: 40px;
	border: 1px #dcdcdc solid;
	transition: border-color 0.2s linear;
	box-sizing: border-box
}

.search_box3 .search_btn {
	float: left;
	width: 40px;
	height: 40px;
	border: none;
	background: #34ba47 url("../img/common/search_btn2.png") no-repeat center center;
	cursor: pointer;
	box-sizing: content-box;
	transition: all 0.2s linear
}

.login_txt {
	position: relative;
	float: right;
	margin-top: 16px;
	height: 40px;
	line-height: 40px;
	color: #999;
	font-size: 14px
}

.login_txt>a {
	display: inline-block;
	color: #333;
	font-size: 12px;
	line-height: 40px
}

.login_txt .ydl .hy {
	float: left
}

.login_txt .ydl img {
	float: left;
	margin: 0 5px;
	width: 36px;
	height: 36px;
	border-radius: 50%
}

.login_txt .ydl .nickname {
	float: left;
	display: inline-block;
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.login_txt {
	height: 40px;
	position: relative
}

.login_txt .aft-userimg {
	width: 36px;
	height: 36px;
	padding: 2px
}

.login_txt .aft-userimg .tx {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px #e5e5e5 solid
}

.login_txt .aft-info {
	position: absolute;
	right: 0;
	top: 45px;
	width: 354px;
	height: 230px;
	text-align: left;
	background-color: #fdfeff;
	z-index: 22
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.login_txt .aft-info .caret {
	position: absolute;
	right: 20px;
	top: -5px;
	border-width: 5px;
	color: #2c3d4e;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.aft-info .info-top {
	height: 100px;
	line-height: 25px;
	width: 100%;
	background-color: #2c3d4e;
	overflow: hidden
}

.info-top .loginout {
	position: absolute;
	right: 20px;
	top: 24px;
	color: #f15f6f
}

.info-top .tx {
	display: inline-block;
	margin: 20px 30px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 2px #e5e5e5 solid
}

.info-top .txbtn {
	display: inline-block;
	float: left
}

.info-top .name {
	padding-top: 20px;
	font-size: 20px;
	color: #faf8f8
}

.info-top .name p {
	margin-bottom: 0;
	line-height: 25px
}

.info-top .exp {
	line-height: 20px
}

.info-top .exp a {
	font-size: 14px;
	color: #9da5ad
}

.info-bottom {
	width: 100%;
	height: 128px;
	box-sizing: border-box
}

.info-bottom>a {
	position: relative;
	float: left;
	display: inline-block;
	padding-top: 75px;
	width: 33.3333%;
	height: 100%;
	font-size: 15px;
	color: #2c3d4e;
	text-align: center;
	box-sizing: border-box
}

.info-bottom>a:hover {
	color: #f15f6f
}

.info-bottom>a>span {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("../img/common/regiconpng.png") no-repeat
}

.info-bottom .zhuye-icon {
	left: 40px;
	top: 22px;
	background-position: 0 -430px
}

.info-bottom .message-icon {
	left: 40px;
	top: 22px;
	background-position: 0 -470px
}

.info-bottom .account-icon {
	left: 40px;
	top: 22px;
	background-position: 0 -510px
}

.info-bottom .message-icon em {
	position: absolute;
	right: 0;
	top: 7px;
	width: 10px;
	height: 10px;
	background-color: #e75969;
	border-radius: 50%
}

.navi2 {
	float: left;
	padding: 15px 15px 0
}

.navi2 li {
	position: relative;
	float: left;
	padding: 0 12px
}

.navi2 .sub {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #333;
	font-weight: 400;
	box-sizing: content-box
}

.navi2 .sub:hover {
	border-bottom: 1px #2ecb70 solid
}

.navi2 dl {
	display: none;
	position: absolute;
	left: 0;
	top: 25px;
	background-color: #fff;
	z-index: 11
}

.navi2 dl a {
	display: inline-block;
	padding: 0 10px;
	width: 60px;
	line-height: 30px;
	color: #333;
	box-sizing: content-box
}

.navi2 dl a:hover {
	color: #2ecb70
}

.top2 {
	border-bottom: 1px #b7b8b8 solid
}

.top2 .logo {
	margin: 22px 0 0
}

.top2 .navi2 {
	padding-top: 30px
}

.top2 .search_box {
	padding-left: 30px
}

.top2 .login_txt {
	margin-top: 18px
}

.footer {
	background-color: #2f332f;
	color: #cdcdcd
}

.footer .wrap {
	padding: 40px 0;
	width: 1200px;
}

.footer .link {
	float: left;
	width: 450px
}

.footer .link dl {
	float: left;
	width: 130px;
	margin-right: 20px
}

.footer .link dt {
	font-size: 16px;
	margin-bottom: 10px;
	color: #a5a5a5;
	font-weight: bold
}

.footer .link dd {
	margin-bottom: 5px
}

.footer .link a {
	color: #a5a5a5;
	font-size: 14px
}

.footer .code {
	float: left;
	width: 290px;
	height: 140px
}

.footer .code span {
	margin-left: 10px;
	display: inline-block;
	text-align: center
}

.footer .code .weibo img {
	background-color: #fff
}

.footer .code span img {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #fff;
	border-radius: 4px
}

.footer .contact {
	float: left;
	width: 259px;
	padding-left: 40px;
	border-left: 1px #4a4c4a solid;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 20px
}

.footer .contact .tel {
	margin-bottom: 0;
	font-size: 2.5em;
	line-height: 1.2em;
	color: #c92c2c
}

.yqlink {
	background-color: #2f332f;
	color: #cdcdcd;
	font-size: 14px;
	border-top: 1px #4a4c4a solid;
	padding-top: 10px
}

.yqlink a {
	display: inline-block;
	padding: 2px 5px;
	color: #cdcdcd
}

.top3 {
	height: 30px;
	line-height: 30px;
	background-color: #f1f1f1;
	font-size: 12px
}

.top3 .list {
	font-size: 12px;
	color: #999
}

.top3 .list li {
	float: left;
	display: inline-block
}

.top3 .list li a {
	color: #605f5f
}

.top3 .list li:nth-child(2) a {
	color: #999
}

.top3 .list .line {
	margin: 10px 5px 0;
	height: 13px;
	background-color: #737272;
	width: 1px
}

.top3 .login_before {
	float: left;
	margin-right: 30px;
	height: 30px
}

.top3 .login_before li a {
	color: #343434
}

.top3 .login_after {
	position: relative;
	float: left;
	margin-right: 30px;
	height: 30px
}

.top3 .login_after .name {
	color: #343434;
	height: 30px;
	line-height: 30px;
	display: inline-block
}

.top3 .login_after .name .name1 {
	float: left;
	display: inline-block;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.top3 .login_after .vip {
	float: left;
	margin: 9px 5px 0;
	display: inline-block;
	width: 23px;
	height: 12px;
	background: url("../img/common/vip.png") 0 0 no-repeat
}

.top3 .login_after .creat {
	position: absolute;
	right: -10px;
	top: 12px;
	display: block;
	width: 0;
	height: 0;
	border: 5px #7a7a7a solid;
	border-color: #7a7a7a transparent transparent
}

.top3 .login_after .ul_list {
	display: none;
	position: absolute;
	left: 80%;
	top: 30px;
	border: 1px #ccc solid;
	box-shadow: 1px 1px 5px 0 #ccc;
	transform: translateX(-50%);
	z-index: 20
}

.top3 .login_after .ul_list a {
	display: inline-block;
	width: 90px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	font-size: 12px;
	color: #575757;
	background-color: #FFF
}

.top3 .login_after .ul_list a:hover {
	background-color: #f3f3f3
}

.top3 .gzwx {
	float: left;
	display: inline-block;
	position: relative
}

.top3 .gzwx a {
	color: #343434;
	display: inline-block
}

.top3 .gzwx .gzwx_box {
	display: none;
	position: absolute;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	border: 1px #ccc solid;
	box-shadow: 1px 1px 5px 0 #ccc;
	background-color: #fff;
	padding: 10px;
	z-index: 20
}

.top3 .gzwx .gzwx_box img {
	width: 100%
}

.top3 .gzwx .gzwx_box:after,
.top3 .gzwx .gzwx_box:before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -10px;
	border: 5px #ccc solid;
	border-color: transparent transparent #ccc;
	transform: translateX(-50%)
}

.top3 .gzwx .gzwx_box:after {
	top: -9px;
	border-color: transparent transparent #fff
}

.top3 .message {
	float: left;
	margin-left: 15px
}

.top3 .message a {
	position: relative;
	color: #343434;
	display: inline-block
}

.top3 .message .num {
	display: none;
	height: 14px;
	padding: 0 1px;
	min-width: 14px;
	position: absolute;
	left: 20px;
	top: 2px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	background-color: #ff0000;
	border-radius: 7px
}

.login3 {
	position: absolute;
	right: 10px;
	top: 50px;
	width: 210px;
	height: 300px;
	overflow: hidden;
	background-color: #FFF;
	z-index: 20
}

.login3 .tx {
	text-align: center;
	padding-top: 20px;
	height: 50px
}

.login3 .tx img {
	display: inline-block;
	border-radius: 50%
}

.login3 .login3_name {
	padding: 23px 0;
	text-align: center
}

.login3 .login3_name a {
	font-size: 14px;
	color: #464646;
	line-height: 20px
}

.login3 .login3_after_name {
	padding: 10px 0 30px
}

.login3 .mycourse_btn {
	position: relative;
	display: block;
	margin: 0 auto 14px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	border-radius: 4px;
	background: #35b558;
	text-align: center;
	transition: background-color 0.2s;
	padding-left: 30px;
	box-sizing: border-box
}

.login3 .mycourse_btn:before {
	position: absolute;
	left: 30px;
	top: 5px;
	display: inline-block;
	content: "";
	width: 30px;
	height: 30px;
	background: url("../img/index/index.png") 0 -60px no-repeat
}

.login3 .mycourse_btn:hover {
	background-color: #219741
}

.login3 .newslist {
	background-color: #f6f5f5;
	padding: 0 10px
}

.login3 .newslist li {
	border-bottom: 1px #ededed solid;
	position: relative
}

.login3 .newslist li:before {
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	content: "";
	width: 30px;
	height: 30px;
	background: url("../img/index/index.png") -30px 0 no-repeat
}

.login3 .newslist li a {
	padding: 10px 0 10px 30px;
	display: inline-block;
	font-size: 12px;
	color: #5d5d5d;
	line-height: 18px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box
}

.login3 .newslist li:last-child {
	border-bottom: 0
}

.login3 .newslist li:nth-child(2n):before {
	background-position: -30px -30px
}

.header {
	height: 80px;
	background-color: #fff
}

.header .logo {
	display: inline-block;
	float: left;
	padding-top: 20px
}

.search_box2 {
	position: relative;
	float: left;
	margin: 20px 0 0 200px;
	width: 494px;
	height: 42px
}

.search_box2 .search_inp {
	float: left;
	padding: 0 10px;
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 2px #2daa4f solid;
	transition: border-color 0.2s linear;
	box-sizing: border-box
}

.search_box2 .search_btn {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 92px;
	height: 38px;
	cursor: pointer;
	background-color: #34ba47;
	color: #fff;
	box-sizing: border-box;
	font-size: 16px;
	text-align: center;
	border: 0;
	transition: all 0.2s linear
}

.search_box2 .search_tip {
	position: absolute;
	right: 92px;
	top: 12px
}

.search_box2 .search_tip li {
	display: inline-block;
	float: left;
	margin-right: 10px
}

.search_box2 .search_tip a {
	display: inline-block;
	padding: 0 5px;
	font-size: 14px;
	background-color: #b7b7b7;
	height: 20px;
	line-height: 20px;
	color: #fbf9f9;
	transition: background-color 0.2s linear
}

.search_box2 .search_tip a:hover {
	background-color: #2daa4f
}

.search_box2.active .search_btn,
.search_box2.active .search_inp {
	border-color: #2daa4f
}

.header_link {
	float: right;
	position: relative;
	right: 0
}

.header_link li {
	position: relative;
	width: 65px;
	float: left;
	text-align: center
}

.header_link li em {
	position: absolute;
	left: 50%;
	top: 15px;
	transform: translateX(-50%);
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 2px;
	background: #35b558 url("../img/index/index.png") 0 0 no-repeat
}

.header_link li a {
	font-size: 12px;
	color: #333;
	display: inline-block;
	padding-top: 55px
}

.header_link li:nth-child(1) em {
	background-position: -30px -60px
}

.header_link li:nth-child(2) em {
	background-position: 0 0
}

.header_link li:nth-child(3) em {
	background-position: 0 -30px
}

.header_link li:nth-child(4) {
	width: 60px
}

.header_link li:nth-child(4) em {
	background-position: -60px 0
}

.header_link .xcx {
	display: none;
	position: absolute;
	left: 0;
	top: 75px;
	transform: translateX(-50%);
	width: 110px;
	height: 120px;
	border: 1px #ccc solid;
	box-shadow: 1px 1px 5px 0 #ccc;
	background-color: #fff;
	padding: 10px;
	z-index: 20
}

.header_link .xcx img {
	width: 100px;
	margin-bottom: 5px
}

.header_link .xcx:after,
.header_link .xcx:before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 82%;
	top: -10px;
	border: 5px #ccc solid;
	border-color: transparent transparent #ccc;
	transform: translateX(-50%)
}

.header_link .xcx:after {
	top: -9px;
	border-color: transparent transparent #fff
}

.head_navi {
	background-color: #fff;
	height: 40px
}

.navi4 {
	position: relative;
	float: left;
	width: 240px;
	height: 40px;
	z-index: 3
}

.navi4 .navi4_tit {
	display: inline-block;
	width: 240px;
	height: 40px;
	line-height: 40px;
	color: #fdfbfb;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background-color: #28aa4c;
	border-radius: 10px 10px 0 0
}

.navi4_menu {
	position: absolute;
	left: 0;
	top: 40px;
	width: 240px;
	box-sizing: border-box;
	height:535px;
	overflow:hidden;
}

.navi4_menu li {
	position: relative
}

.navi4_menu li .libg,
.navi4_menu li:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.6)
}

.navi4_menu li .libg {
	display: none;
	z-index: 2;
	transition: all 0.2s
}

.navi4_menu li dl {
	position: relative;
	z-index: 3;
	margin: 0 10px;
	padding: 4px 0 8px 10px;
	display: block;
	box-sizing: border-box;
	height: 66.5px
}

.navi4_menu li dl dt {
	position: relative
}

.navi4_menu li dl dt:after {
	position: absolute
}

.navi4_menu li dl dt a {
	display: block;
	line-height: 28px;
	font-size: 16px;
	color: #fff;
	text-align: left;
	box-sizing: border-box;
	transition: all 0.2s
}

.navi4_menu li dl dd {
	display: block;
	overflow: hidden;
	white-space: nowrap
}

.navi4_menu li dl dd a {
	display: inline-block;
	padding-right: 10px;
	font-size: 12px;
	color: #b6b6b6;
	line-height: 28px;
	transition: all 0.2s
}

.navi4_menu li dl dd a:last-child {
	padding-right: 0
}

.navi4_menu li dl dd a:hover {
	text-decoration: underline
}

.navi4_menu li.active .libg,
.navi4_menu li:hover .libg {
	display: block;
	background-color: rgba(0, 0, 0, 0.4)
}

.navi4_menu li.active dl dd a,
.navi4_menu li.active dl dt a,
.navi4_menu li:hover dl dd a,
.navi4_menu li:hover dl dt a {
	color: #fff
}

.navi4_menu li:last-child .libg,
.navi4_menu li:last-child:before {
	border-radius: 0 0 10px 10px
}

.navi5 {
	float: left;
	padding: 0 10px;
	height: 40px
}

.navi5 li {
	position: relative;
	float: left;
	position: relative
}

.navi5 li:nth-child(2):after {
	position: absolute;
	left: 33px;
	top: -15px;
	width: 50px;
	height: 35px;
	content: "";
	display: inline-block;
	background: url("../img/index/hot.gif") 0 0 no-repeat
}

.navi5 .sub {
	display: inline-block;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #3d3d3d;
	font-weight: 400;
	transition: background-color 0.2s linear
}

.navi5 .sub:hover {
	color: #28aa4c
}

.sub_menu2 {
	display: none;
	position: absolute;
	left: 240px;
	top: 40px;
	width: 600px;
	height: 400px;
	padding: 35px 45px;
	background-color: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	border: 2px #35b558 solid;
	border-left: 0
}

.sub_menu2 dl {
	display: block;
	margin-bottom: 25px;
	font-size: 16px;
	color: #373737
}

.sub_menu2 dt {
	width: 100%;
	display: block;
	margin-bottom: 25px
}

.sub_menu2 dt a {
	font-size: 12px;
	line-height: 20px;
	color: #25bb64
}

.sub_menu2 dd {
	float: left
}

.sub_menu2 dd a {
	display: inline-block;
	line-height: 25px;
	height: 25px;
	color: #636363;
	transition: color 0.2s linear;
	font-size: 14px;
	margin-right: 20px
}

.sub_menu2 dd a:hover {
	color: #24b15f
}

.sub_menu2 .recommend dd {
	width: 141px;
	margin-right: 25px
}

.sub_menu2 .recommend dd a {
	display: inline-block;
	line-height: normal;
	height: initial;
	margin-right: 0;
	width: 100%
}

.sub_menu2 .recommend dd a img {
	width: 100%
}

.sub_menu2 .recommend dd a .rc_name {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.g_m .g_head {
	height: 87px;
	padding: 34px 0 23px;
	line-height: 30px;
	box-sizing: border-box
}

.g_m .g_head .title {
	float: left;
	width: 215px;
	margin-right: 12px;
	font-size: 20px;
	color: #333
}

.g_m .g_head .menu {
	float: left
}

.g_m .g_head .menu li {
	margin-right: 20px;
	float: left
}

.g_m .g_head .menu li.on a,
.g_m .g_head .menu li:hover a {
	color: #35b558
}

.g_m .g_head .menu a {
	font-size: 16px;
	color: #585858;
	transition: color 0.2s
}

.g_m .g_head .more {
	float: right;
	font-size: 14px;
	color: #585858;
	transition: color 0.2s
}

.g_m .g_head .more:hover {
	color: #35b558
}

.g_m .g_main {
	position: relative;
	padding-bottom: 40px
}

.g_m .g_main .g_banner_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 215px;
	height: 210px
}

.g_m .g_main .g_banner_box .g_banner_list a {
	position: absolute;
	left: 0;
	top: 0
}

.g_m .g_main .g_banner_box .g_banner_control {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
	height: 10px;
	padding: 7px 10px;
	border-radius: 12px;
	background-color: rgba(105, 105, 105, 0.61);
	z-index: 11
}

.g_m .g_main .g_banner_box .g_banner_control a {
	float: left;
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: rgba(201, 199, 199, 0.71);
	transition: width 0.2s linear
}

.g_m .g_main .g_banner_box .g_banner_control a.active {
	width: 18px
}

.g_m .g_main .g_course_box {
	margin-left: 227px;
	height: 210px
}

.g_m .g_main .g_course_box2 {
	height: 435px
}

.g_course_list {
	margin-left: -10px;
	float: left
}

.g_course_list li {
	float: left;
	margin-left: 10px
}

.g_course_list .g_course_item {
	display: block;
	line-height: 24px;
	font-size: 16px;
	width: 235px;
	overflow: hidden
}

.g_course_list .g_course_item .img {
	width: 235px;
	height: 147px;
	overflow: hidden;
	border-radius: 7px;
	transform: rotate(0deg);
}

.g_course_list .g_course_item .img .img_scale {
	display: block;
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.g_course_list .g_course_item:hover .img .img_scale {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.g_course_list .g_course_item:hover .tit {
	color: #35b558
}

.g_course_list .g_course_item img {
	vertical-align: middle;
	width: 100%
}

.g_course_list .g_course_item .tit {
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 24px;
	height: 24px;
	color: #333;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: color 0.2s
}

.g_course_list .g_course_item .charge {
	color: #ff8900
}

.g_course_list .g_course_item .free {
	color: #35b558
}

.g_course_list .g_course_item .st {
	float: right;
	color: #878787;
	font-size: 14px
}

.g_course_list .g_course_item .st em {
	display: inline-block;
	margin-right: 5px;
	width: 11px;
	height: 11px;
	background: url("../img/common/bofang.png") 0 0 no-repeat
}

.g_m2 .g_main .g_banner_box {
	height: 435px
}

.g_course_list {
	margin-top: -15px
}

.g_course_list li {
	margin-top: 15px
}

.pagination {
	display: inline-block;
	margin: 20px auto;
	text-align: center
}

.pagination a {
	border-radius: 3px;
	display: block;
	padding: 9px;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 5px;
	background: #26b462;
	float: left;
	color: #fff
}

.pagination a:active,
.pagination a:hover {
	color: #FFF
}

.pagination a:active {
	opacity: 1;
	filter: alpha(opacity=1)
}

.pagination a:hover {
	opacity: 0.8;
	filter: alpha(opacity=0.8)
}

.pagination .disabled,
.pagination .pg_disabled {
	background: #999;
	cursor: not-allowed
}

.pagination .onpage span,
.pagination .onpage:after {
	display: inline-block;
	background: #26b462;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;
	width: 0;
	height: 0;
	border: 5px #fff solid;
	border-color: transparent transparent #fff transparent
}

.pagination .onpage:after {
	content: ''
}

.com-pop-title {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #F8F8F8;
	border-radius: 2px 2px 0 0
}

.com-pop-close {
	position: absolute;
	right: 15px;
	*right: 0;
	top: 15px;
	line-height: initial
}

.com-pop-btn {
	text-align: right;
	padding: 0 10px 12px;
	pointer-events: auto
}

.com-pop-btn a {
	height: 28px;
	line-height: 28px;
	margin: 0 6px;
	padding: 0 15px;
	border: 1px #dedede solid;
	background-color: #f1f1f1;
	color: #333;
	border-radius: 2px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none
}

.com-pop-btn a:hover {
	opacity: 0.9;
	text-decoration: none
}

.com-pop-btn a:active {
	opacity: 0.7
}

.com-pop-btn .com-pop-btn0 {
	border-color: #4898d5;
	background-color: #2e8ded;
	color: #fff
}

.com-pop-content {
	position: relative;
	padding: 20px;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	font-size: 14px;
	overflow: auto
}

.com-pop-box {
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	top: 150px;
	left: 50%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-background-clip: content;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
	min-width: 300px;
	z-index: 1200
}

.com-pop-mask {
	position: fixed;
	_position: absolute;
	pointer-events: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_height: expression(document.body.offsetHeight+"px");
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 1100
}

.com-skin2-box {
	min-width: 100px;
	border-radius: 4px;
	text-align: center;
	background-color: #fff;
	filter: alpha(opacity=100);
	color: #2d3e50;
	border: none
}

.com-skin2-box .com-pop-content {
	padding: 10px 20px
}

.com-skin2-box .com-pop-title {
	height: 0;
	display: none
}

.com-skin2-box .com-pop-btn,
.com-skin2-box .com-pop-close {
	display: none
}

.skin2 {
	z-index: 1200;
	width: 500px;
	padding: 20px;
	background-color: #fff;
	-webkit-background-clip: border-box
}

.skin2 .com-pop-title {
	padding: 0 0 10px;
	height: auto;
	line-height: 20px;
	font-size: 16px;
	color: #2f332f;
	background-color: #fff;
	border-bottom: 1px #e4e7e8 solid
}

.skin2 .com-pop-close {
	right: -20px;
	top: -15px
}

.skin2 .com-pop-close a {
	display: inline-block;
	background: url("../img/common/close.png") no-repeat;
	width: 40px;
	height: 30px
}

.skin2 .com-pop-btn {
	padding: 0 20px 0 0
}

.skin2 .subbtn {
	display: inline-block;
	margin: 0;
	height: auto;
	line-height: 1;
	padding: 10px 15px;
	width: auto;
	text-align: center;
	border-radius: 4px;
	font-size: 18px;
	background-color: #5bc0de;
	color: #fff;
	border: none
}

.skin2 .subbtn.disabled {
	background-color: #ccc;
	cursor: not-allowed
}

.skin2 .inpdiv {
	margin-bottom: 10px
}

.skin2 .err {
	margin-bottom: 0;
	color: red
}

.login_page,
.reg_page {
	padding: 100px 0;
	background-color: #f4f4f4
}

.login_page h1,
.reg_page h1 {
	display: block;
	padding: 25px 0;
	height: 100px;
	font-size: 60px;
	line-height: 60px;
	text-align: center;
	color: #2ecb70;
	font-weight: bold
}

.login_page h1 i,
.reg_page h1 i {
	position: relative;
	top: -25px;
	font-size: 24px;
	line-height: 30px;
	font-style: normal
}

.reg_con {
	padding: 50px;
	margin: 0 auto;
	width: 900px;
	border: 1px #6bd899 solid;
	background-color: #feffff
}

.reg {
	float: left;
	width: 302px;
	padding-right: 120px;
	border-right: 1px #ccc solid
}

.reg h2 {
	color: #333;
	font-size: 18px;
	margin-bottom: 15px
}

.reg .form_item {
	position: relative;
	margin-bottom: 30px
}

.reg .form_item .inp {
	padding: 0 10px;
	width: 280px;
	height: 40px;
	line-height: 40px;
	border: 1px #ccc solid
}

.reg .form_item .inp2 {
	width: 140px
}

.reg .form_item .help_block {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	height: 30px;
	line-height: 30px;
	color: red
}

.reg .form_item .pic_code_btn,
.reg .form_item .sms_code_btn {
	position: absolute;
	right: 0;
	top: 0
}

.reg .form_item .sms_code_btn {
	top: 1px;
	right: 1px;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background-color: #2ecb70;
	font-size: 14px;
	text-align: center;
	color: #fff
}

.reg .form_item .sms_code_btn.disab {
	cursor: no-drop;
	background-color: #dde0de;
	color: #424141
}

.reg .form_item .login_btn {
	background-color: #2ecb70;
	text-align: center;
	line-height: 45px;
	height: 45px;
	border: 1px #5cb281 solid;
	width: 100%;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.reg_other {
	float: left;
	width: 377px;
	height: 370px;
	padding-left: 100px
}

.reg_other .other_p1 {
	padding-top: 70px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 20px;
	color: #333
}

.reg_other .other_p1 a {
	color: #2ecb70
}

.reg_other .other_p2 {
	position: relative;
	margin: 25px auto;
	text-align: center;
	font-size: 16px;
	color: #999;
	width: 100%
}

.reg_other .other_p2 span {
	display: inline-block;
	padding: 0 10px;
	background-color: #fff;
	width: 30%
}

.reg_other .other_p2 .line {
	position: absolute;
	top: 50%;
	left: 0;
	width: 33%;
	height: 1px;
	background: #ccc;
	margin-top: -1px
}

.reg_other .other_p2 .line2 {
	left: 66%
}

.reg_con2 {
	display: block;
	padding: 45px 0
}

.reg_box {
	padding: 20px 25px;
	width: 640px;
	margin: 0 auto;
	border-radius: 4px;
	background-color: #fff;
	border: 1px #e3e3e3 solid
}

.reg_box h1 {
	padding-bottom: 20px;
	border-bottom: 1px #ccc solid;
	font-size: 16px;
	line-height: 20px;
	height: 20px
}

.reg_box a {
	color: #000
}

.reg_box .reg_gx {
	float: right;
	color: #000
}

.reg2 {
	width: 302px;
	margin: 0 auto;
	padding: 50px 0
}

.reg2 h2 {
	color: #333;
	font-size: 18px;
	margin-bottom: 15px
}

.reg2 .form_item {
	position: relative;
	margin-bottom: 30px
}

.reg2 .form_item .inp {
	border-radius: 4px;
	padding: 0 10px;
	width: 280px;
	height: 40px;
	line-height: 40px;
	border: 1px #ccc solid
}

.reg2 .form_item .inp2 {
	width: 150px
}

.reg2 .form_item .help_block {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	height: 30px;
	line-height: 30px;
	color: red
}

.reg2 .form_item .succ {
	color: #2ecb70
}

.reg2 .form_item .pic_code_btn,
.reg2 .form_item .sms_code_btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px #ccc solid;
	height: 40px
}

.reg2 .form_item .sms_code_btn {
	display: inline-block;
	padding: 0 5px;
	top: 5px;
	right: 5px;
	height: 30px;
	line-height: 30px;
	background-color: #dde0de;
	font-size: 14px;
	text-align: center;
	color: #424141;
	border: none
}

.reg2 .form_item .sms_code_btn.disab {
	cursor: no-drop;
	background-color: #dde0de;
	color: #424141
}

.reg2 .form_item .xieyi {
	color: #333
}

.reg2 .form_item .login_btn {
	border-radius: 4px;
	background-color: #2ecb70;
	text-align: center;
	line-height: 45px;
	height: 45px;
	border: 1px #5cb281 solid;
	width: 100%;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.reg2 .succtip {
	padding-top: 50px
}

.reg2 .succtip span {
	color: #00af56
}

.reg2 .other_login_txt {
	text-align: center;
	color: #999;
	margin-bottom: 20px
}

.reg2 .social-login {
	margin-left: 0
}

.reg2 .social-login .social-icon {
	margin: 0 17px;
	width: 58px;
	height: 58px;
	line-height: 58px
}

.reg2 .social-login .social-icon>i {
	font-size: 33px
}

.reg2 .social-login .social-icon.social-qq,
.reg2 .social-login .social-icon.social-qq:hover {
	background: #fff;
	border-color: #23aed1;
	color: #23aed1
}

.reg2 .social-login .social-icon.social-weixin,
.reg2 .social-login .social-icon.social-weixin:hover {
	background: #fff;
	border-color: #2ecb70;
	color: #2ecb70
}

.reg2 .social-login .social-icon.social-weibo,
.reg2 .social-login .social-icon.social-weibo:hover {
	background: #fff;
	border-color: #ec0e38;
	color: #ec0e38
}

@font-face {
	font-family: 'es-icon';
	src: url("../font/es-icon/es-icon.eot?ngm20j");
	src: url("../font/es-icon/es-icon.eot?ngm20j#iefix") format("embedded-opentype"), url("../font/es-icon/es-icon.ttf?ngm20j") format("truetype"), url("../font/es-icon/es-icon.woff?ngm20j") format("woff"), url("../font/es-icon/es-icon.svg?ngm20j#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}

.es-icon {
	font-family: "es-icon";
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.es-icon-qq:before {
	content: "\e644"
}

.es-icon-weibo:before {
	content: "\e65d"
}

.es-icon-weixin:before {
	content: "\e647"
}

.social-login {
	position: relative;
	margin-left: -30px;
	text-align: center;
	z-index: 1
}

.social-login>span {
	z-index: 1;
	background-color: #fff
}

.social-login .line {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
	margin-top: -1px;
	z-index: -1
}

.social-login .social-icon {
	display: inline-block;
	margin: 0 25px;
	border: 2px solid #919191;
	color: #919191;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.social-login .social-icon>i {
	font-size: 24px
}

.social-login .social-icon:hover {
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.social-login .social-icon.social-weibo:hover {
	background: #e6162d;
	border-color: #e6162d
}

.social-login .social-icon.social-qq:hover {
	background: #78c257;
	border-color: #78c257
}

.social-login .social-icon.social-renren:hover {
	background: #3793f1;
	border-color: #3793f1
}

.social-login .social-icon.social-weixin:hover {
	background: #1ec354;
	border-color: #1ec354
}

.social-login .social-icon.social-yun:hover {
	background: #ff842e;
	border-color: #ff842e
}

.social-login .social-icon.social-more:hover {
	background: #46c37b;
	border-color: #46c37b
}

.login-section {
	margin: 50px auto;
	width: 460px;
	min-height: 400px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.reg_other .social-icon {
	width: 75px;
	height: 75px;
	line-height: 75px
}

.reg_other .social-icon>i {
	font-size: 60px
}

.mask {
	background-color: #000;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	z-index: 1100
}

.login_box {
	position: absolute;
	left: 0;
	top: 0;
	padding: 30px 50px 40px;
	width: 280px;
	z-index: 1200;
	background: #fff;
	box-shadow: 2px 2px 15px #ddd;
	box-sizing: content-box
}

.login_box .pop_close {
	position: absolute;
	right: -20px;
	top: -15px;
	display: inline-block;
	width: 40px;
	height: 30px;
	background: url("../img/common/close.png") no-repeat;
	font-size: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.login_box .h1_tit,
.login_box h1 {
	color: #444;
	font-size: 22px;
	margin-bottom: 30px
}

.login_box .h1_tit a,
.login_box h1 a {
	color: #2ecb70;
	font-size: 18px
}

.login_box .js_message {
	color: red !important
}

.login_box .form_group {
	position: relative;
	color: #999;
	margin-bottom: 15px
}

.login_box .form_group .control_label {
	display: none
}

.login_box .form_group .form_control {
	width: 250px;
	height: 45px;
	border-radius: 5px;
	padding: 0 15px;
	border: 1px #ccc solid;
	box-sizing: content-box
}

.login_box .form_group .help_block {
	color: red;
	display: none
}

.login_box .group_error .form_control {
	border-color: red
}

.login_box .for_passwordbtn {
	color: #e75969
}

.login_box .checkbox input {
	margin-top: 3px
}

.login_box .login_btn {
	border: 0;
	width: 100%;
	height: 45px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	background-color: #2ecb70;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	cursor: pointer
}

.login_box .group_error .form_control {
	border-color: red
}

.login_box .social-login {
	margin-left: 0
}

.login_box .social-login .social-icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 8px
}

.login_box .social-login .social-icon>i {
	font-size: 24px
}

.login_box .line {
	border-bottom: 1px #ccc solid;
	margin-top: -1px
}

.alone {
	position: static;
	margin: 0 auto
}

.pro {
	position: relative;
	margin-left: 16%
}

.pro li {
	position: relative;
	float: left;
	width: 33%
}

.pro li i {
	display: inline-block;
	margin: 15px 10px;
	width: 52px;
	height: 52px;
	background-color: #b5b5b5;
	text-align: center;
	line-height: 52px;
	border-radius: 50%;
	font-style: normal;
	color: #fff
}

.pro li span {
	font-size: 14px;
	color: #444
}

.pro li:after {
	position: absolute;
	left: 72px;
	top: 42%;
	width: 180px;
	height: 2px;
	background-color: #b5b5b5;
	content: ""
}

.pro li:last-child:after {
	display: none
}

.pro li.active i {
	background-color: #2ecb70
}

.pro li.active:after {
	background-color: #2ecb70
}

.forgetcon {
	width: 300px;
	margin: 50px auto
}

.forgetcon .form_item {
	position: relative;
	margin-bottom: 30px
}

.forgetcon .inp {
	padding: 0 10px;
	width: 280px;
	height: 45px;
	line-height: 45px;
	border: 1px #dbdcdc solid
}

.forgetcon .inp2 {
	width: 138px;
	float: left
}

.forgetcon .pic_code_btn {
	float: left;
	height: 47px
}

.forgetcon .help_block {
	position: absolute;
	left: 0;
	top: 45px;
	height: 30px;
	line-height: 30px;
	color: red
}

.forgetcon .for_sub {
	width: 100%;
	height: 45px;
	background-color: #2ecb70;
	text-align: center;
	line-height: 45px;
	border: 1px #5cb281 solid;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.forgetcon .tip {
	margin-bottom: 25px;
	font-size: 18px;
	color: #333
}

.suc4 {
	padding: 100px 50px;
	text-align: center
}

.suc4 img {
	width: 152px;
	margin: 0 auto
}

.suc4 p {
	margin-top: 25px;
	font-size: 14px;
	color: #4d4f4e
}

.suc4 .fh a {
	color: #00af56
}

.banner {
	position: relative;
	z-index: 1;
	height: 400px;
	overflow: hidden
}

.banner_box {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1920px;
	height: 400px;
	margin-left: -960px;
	overflow: hidden
}

.banner_box .banner_list a {
	position: absolute;
	left: 0;
	top: 0
}

.banner_box .banner_control {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 15px;
	height: 10px;
	padding: 7px 10px;
	border-radius: 12px;
	background-color: rgba(105, 105, 105, 0.61);
	z-index: 11;
	transform: translateX(-50%)
}

.banner_box .banner_control a {
	float: left;
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: rgba(201, 199, 199, 0.71);
	transition: width 0.2s linear
}

.banner_box .banner_control a.active {
	width: 18px
}

.home_news {
	height: 116px;
	border-bottom: 1px #f5f5f5 solid
}

.home_news .home_news_ul:last-child {
	margin-left: 0;
	background: #FFF url("../img/index/news2.jpg") 37px 37px no-repeat
}

.home_news_ul {
	float: left;
	padding-top: 19px;
	padding-left: 150px;
	margin-left: 200px;
	background: #FFF url("../img/index/news1.jpg") 67px 26px no-repeat;
	width: 270px;
	height: 96px
}

.home_news_ul li {
	color: #969696;
	font-size: 14px
}

.home_news_ul li a {
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #4b4b4b;
	width: 270px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.3s
}

.home_news_ul li a:hover {
	color: #29b984
}

.live .tit {
	padding: 25px 0 20px;
	font-size: 20px;
	color: #323232;
	font-weight: 100
}

.live .live_box {
	margin-bottom: 60px
}

.live .live_teach {
	float: left;
	margin-right: 15px;
	border: 1px #e9e8e6 solid;
	width: 200px;
	box-sizing: border-box
}

.live .teach_tit {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	background-color: #2cc48b
}

.teach_ul {
	padding-top: 18px
}

.teach_ul li {
	float: left;
	height: 55px;
	margin-bottom: 25px;
	padding: 0 10px
}

.teach_ul .teach_pic {
	display: block;
	float: left;
	margin-right: 10px
}

.teach_ul .teach_pic img {
	border-radius: 50%
}

.teach_ul .teach_info {
	float: left;
	width: 113px;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 25px
}

.live_type {
	float: left;
	width: 825px;
	box-sizing: border-box
}

.live_type .live_type_ul {
	margin-bottom: 10px;
	border: 1px #e7e7e7 solid
}

.live_type .live_type_ul:last-child {
	margin-bottom: 0
}

.live_type li {
	position: relative;
	width: 33.333%;
	float: left;
	text-align: center
}

.live_type li:after {
	position: absolute;
	right: 0;
	top: 30px;
	content: "";
	width: 1px;
	height: 80px;
	background-color: #cdcdcd
}

.live_type li:last-child:after {
	display: none
}

.live_type li a {
	transition: all 0.3s
}

.live_type li a:hover .l_type_name {
	color: #29b984
}

.live_type li a:hover img {
	transform: matrix(1.1, 0, 0, 1.1, 0, 0)
}

.live_type li .l_type_pic {
	display: block;
	height: 100px;
	line-height: 100px
}

.live_type li .l_type_pic img {
	vertical-align: middle;
	transition: all 0.3s
}

.live_type li .l_type_name {
	padding-bottom: 23px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #3f3f3f
}

.g_con1 .tit {
	padding: 25px 0 15px 5px;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #969696;
	font-size: 16px
}

.g_con1 .more {
	float: right;
	font-size: 14px;
	color: #969696;
	font-weight: 100
}

.g_con1 .more:hover {
	color: #29b984
}

.g_con1 .left_pic {
	border-radius: 5px
}

.g_con2 .g_con2a {
	float: left;
	width: 200px;
	margin-right: 10px
}

.g_con2 .g_con2b {
	float: left;
	width: 830px
}

.g_con3 .g_con3a {
	float: left;
	width: 225px;
	margin-right: 5px
}

.g_con3 .g_con3b {
	float: left;
	width: 580px
}

.g_con3 .g_con3c {
	float: right;
	width: 225px;
	margin-left: 5px;
	border: 1px #e8e8e8 solid;
	box-sizing: border-box;
	box-shadow: 2px 2px 2px #e8e8e8
}

.g_con4 {
	padding-bottom: 40px
}

.g_con4 .tit {
	padding: 25px 0 15px 5px;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #969696;
	font-size: 16px
}

.m_list1 {
	margin-top: -10px;
	margin-left: -10px
}

.m_list1 .lista {
	display: block;
	transition: all 0.3s
}

.m_list1 .lista:hover {
	transform: translateY(-5px)
}

.m_list1 .lista:hover .pic {
	box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1)
}

.m_list1 .pic {
	height: 120px;
	transition: all 0.3s;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 5px
}

.m_list1 .info {
	margin-top: 3px;
	color: #333;
	font-size: 14px;
	height: 18px
}

.m_list1 .type {
	display: inline-block;
	padding: 0 5px;
	margin-right: 8px;
	line-height: 18px;
	color: #fff;
	font-size: 12px;
	text-align: center
}

.m_list1 li {
	float: left;
	margin-left: 10px;
	margin-top: 10px
}

.m_list1 li:nth-child(3n+1) .type {
	background-color: #009fec
}

.m_list1 li:nth-child(3n+2) .type {
	background-color: #dd7d04
}

.m_list1 li:nth-child(3n+3) .type {
	background-color: #d15adc
}

.m_list2 {
	position: relative;
	height: 300px;
	padding: 30px 20px 20px;
	background: url("../img/index/classbg.jpg") 0 0 no-repeat;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff
}

.m_list2.s_bg1 {
	background: url("../img/index/classbg2.jpg") 0 0 no-repeat
}

.m_list2.s_bg2 {
	background: url("../img/index/classbg3.jpg") 0 0 no-repeat
}

.m_list2.s_bg3 {
	background: url("../img/index/classbg4.jpg") 0 0 no-repeat
}

.m_list2 .name {
	display: block;
	padding-top: 20px;
	line-height: 20px;
	height: 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 100
}

.m_list2 small {
	padding-top: 15px;
	display: block;
	font-size: 14px;
	font-weight: 100
}

.m_list3 li {
	float: left
}

.m_list3 li a {
	display: block;
	position: relative;
	height: 160px;
	overflow: hidden
}

.m_list3 li a img {
	transition: all 0.5s ease-out
}

.m_list3 li a:hover img {
	transform: matrix(1.02, 0, 0, 1.02, 0, 0)
}

.m_list3 li:nth-child(1) {
	margin-bottom: 7px
}

.m_list3 li:nth-child(2) {
	margin-right: 6px
}

.m_list3 img {
	box-shadow: 2px 3px 2px #e8e8e8;
	border: 1px #d4d2d7 solid;
	box-sizing: border-box
}

.m_list3 .info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	box-sizing: border-box;
	padding: 10px 15px;
	font-size: 16px;
	color: #3a3a3a;
	line-height: 20px;
	transition: all 0.3s
}

.m_list3 .info p {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m_list3 .info span {
	display: block;
	margin-top: 5px;
	color: #8f8d8d;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m_list3 .info b {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 1
}

.m_list3 li a:hover .info {
	height: 85px
}

.m_list6 {
	margin-left: -10px;
	margin-top: -10px
}

.m_list6 li {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	box-sizing: border-box;
	width: 270px
}

.m_list6 li a {
	display: block;
	position: relative;
	border-radius: 5px;
	height: 145px;
	overflow: hidden;
	transition: all 0.3s
}

.m_list6 li a:hover {
	box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px)
}

.m_list6 img {
	width: 270px;
	height: 145px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all 0.5s ease-out;
	border-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.m_list6 .info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	box-sizing: border-box;
	padding: 10px 15px;
	font-size: 14px;
	color: #3a3a3a;
	line-height: 20px;
	transition: all 0.3s;
	overflow: hidden
}

.m_list6 .info p {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m_list6 .info span {
	display: block;
	margin-top: 5px;
	color: #8f8d8d;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m_list6 .info b {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px #e8e8e8 solid;
	transition: all 0.3s;
	box-sizing: border-box
}

.m_list6 li a:hover .info b {
	background-color: rgba(255, 255, 255, 0.9)
}

.m_list4 li:nth-child(1) {
	margin-bottom: 7px;
	margin-right: 6px
}

.m_list4 li:nth-child(2) {
	margin-bottom: 7px;
	margin-right: 0
}

.m_list4 li:nth-child(3) {
	margin-right: 6px
}

.m_list5 li:nth-child(1) {
	margin-bottom: 7px;
	margin-right: 0
}

.m_list5 li:nth-child(2) {
	margin-right: 5px
}

.m_list5 li:nth-child(3) {
	margin-right: 5px
}

.u_list1 {
	position: absolute;
	bottom: 20px;
	font-size: 12px;
	color: #fff;
	line-height: 25px
}

.u_list1:before {
	width: 100%;
	height: 1px;
	content: "";
	display: inline-block;
	background-image: linear-gradient(left, #fff, rgba(255, 255, 255, 0))
}

.u_list1 li {
	position: relative;
	padding-left: 10px;
	width: 155px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.u_list1 li a {
	color: #fff
}

.u_list1 li:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #FFF
}

.u_navi {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #d6d6d6;
	color: #585858
}

.u_navi a {
	display: inline-block;
	width: 50%;
	color: #585858;
	text-align: center;
	transition: all 0.3s
}

.u_navi a.on,
.u_navi a:hover {
	color: #fff;
	background-color: #10a1fa
}

.u_navibox {
	height: 274px
}

.s_navi1 a.on,
.s_navi1 a:hover {
	background-color: #e78716
}

.s_navi2 a.on,
.s_navi2 a:hover {
	background-color: #ed5756
}

.u_list3 {
	padding: 0 15px 25px
}

.u_list3 li {
	margin-top: 13px
}

.u_list3 li a {
	position: relative;
	display: block
}

.u_list3 li .left {
	position: absolute;
	left: 0
}

.u_list3 li p {
	margin-left: 85px;
	font-size: 14px;
	color: #323232;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.u_list3 li p:hover {
	color: #29b984
}

.u_list3 li span {
	color: #9c9c9c
}

.u_list4 {
	margin: 0 15px;
	padding: 15px 0 18px;
	border-top: 1px #dddddd solid
}

.u_list4 li {
	position: relative;
	padding: 10px 30px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.u_list4 li:before {
	position: absolute;
	left: 15px;
	top: 17px;
	content: "";
	border-color: #bababa;
	border-style: solid;
	border-width: 3px;
	transform: rotate(45deg);
	width: 0;
	height: 0
}

.u_list4 li a {
	font-size: 14px;
	color: #323232;
	line-height: 20px
}

.u_list4 li a:hover {
	color: #29b984
}

.todo_list {
	margin-left: -20px;
	margin-top: -20px;
	float: left;
	width: 840px
}

.todo_list .more {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 12px;
	background: url("../img/index/more.png") 0 0 no-repeat
}

.todo_list dl {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 260px;
	height: 150px;
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 10px
}

.todo_list dt {
	position: relative;
	margin-bottom: 10px;
	background-color: #2ac38b;
	padding-left: 20px;
	padding-right: 10px;
	color: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.todo_list dt:before {
	position: absolute;
	left: 10px;
	top: 12px;
	display: inline-block;
	content: "";
	width: 3px;
	height: 15px;
	background-color: #FFF
}

.todo_list dd {
	position: relative;
	padding: 5px 10px;
	height: 20px;
	background-color: #FFF
}

.todo_list dd a {
	display: inline-block;
	width: 170px;
	font-size: 14px;
	color: #5f5f5f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.todo_list dd a:hover {
	color: #29b984
}

.todo_list dd .jinbi {
	position: absolute;
	right: 10px;
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	color: #5f5f5f
}

.todo_list dd .jinbi:before {
	display: inline-block;
	content: "";
	background: url("../img/index/shuit.png") -33px -80px no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 2px;
	left: 2px
}

.todo_top {
	float: left;
	width: 200px;
	height: 320px;
	margin-left: 20px;
	background-color: #fff;
	border-radius: 10px
}

.todo_top .tit {
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	background-color: #2cc48b
}

.top_list {
	padding-bottom: 15px;
	background-color: #FFF
}

.top_list li {
	padding: 15px 7px;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.top_list li:last-child {
	padding: 0
}

.top_list .txa {
	float: left;
	width: 50px;
	margin-right: 5px;
	display: inline-block
}

.top_list .tx {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.top_list .info {
	margin-left: 55px
}

.top_list .more {
	float: right;
	color: #cbcbcb;
	font-size: 14px;
	margin-right: 10px
}

.top_list .name {
	font-size: 14px;
	color: #373737;
	line-height: 25px;
	cursor: pointer
}

.top_list .name:hover {
	color: #29b984
}

.top_list .score {
	font-size: 12px;
	color: #838282;
	line-height: 25px;
	white-space: nowrap
}

.top_list .score span {
	font-size: 14px;
	color: #ec1f46
}

.tools {
	margin-left: -15px;
	margin-bottom: 40px
}

.tools dl {
	float: left;
	width: 248px;
	margin-left: 15px;
	padding-bottom: 10px;
	border: 1px #e8e8e8 solid;
	box-sizing: border-box;
	box-shadow: 2px 3px 2px #e8e8e8
}

.tools dl dt {
	position: relative;
	display: block;
	margin-bottom: 10px;
	height: 115px;
	padding-left: 100px;
	background-color: #f9f9f9
}

.tools dl dt a {
	display: block
}

.tools dl dt strong {
	display: block;
	padding-top: 25px;
	padding-bottom: 10px;
	line-height: 25px;
	font-size: 25px;
	color: #4ec1ec
}

.tools dl dt small {
	display: block;
	font-size: 16px;
	color: #494949;
	font-weight: 400
}

.tools dl dt .pic {
	position: absolute;
	left: 20px;
	top: 18px;
	content: "";
	display: inline-block;
	width: 70px;
	height: 70px
}

.tools dl dd {
	display: inline-block;
	padding: 8px 20px;
	width: 208px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tools dl dd a {
	color: #464747;
	font-size: 14px;
	line-height: 20px
}

.tools dl dd a:hover {
	color: #29b984
}

.tools dl dd span {
	color: #ec894e
}

.gkk {
	position: relative;
	overflow: hidden
}

.gkk h2 {
	padding: 40px 0 25px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.gkk .more {
	font-size: 16px;
	color: #666;
	float: right
}

.gkk .next,
.gkk .prev {
	position: absolute;
	left: 0;
	top: 60%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url("../img/common/slider-arrow.png") -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 2
}

.gkk .next {
	left: auto;
	right: 2px;
	background-position: 8px 5px
}

.gkk .next:hover,
.gkk .prev:hover {
	filter: alpha(opacity=100);
	opacity: 1
}

.gkk_ul {
	overflow: hidden;
	height: 216px
}

.gkk_ul li {
	float: left;
	margin-right: 13px;
	width: 248px;
	border: 1px #c5c5c5 solid
}

.gkk_ul .gkk_imgbox {
	position: relative;
	display: inline-block;
	width: 248px;
	height: 150px;
	overflow: hidden
}

.gkk_ul .gkk_imgbox .tit {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 12px;
	line-height: 28px;
	height: 28px;
	color: #fff
}

.gkk_ul .gkk_imgbox .tit .time {
	position: relative;
	z-index: 2;
	padding-left: 5px
}

.gkk_ul .gkk_imgbox .tit b {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: inline-block;
	width: 100%;
	height: 28px;
	background-color: rgba(0, 0, 0, 0.5)
}

.gkk_ul .gkk_imgbox .tit span {
	float: right;
	margin-right: 5px
}

.gkk_ul .gkk_imgbox img {
	width: 248px;
	height: 150px
}

.gkk_ul .name {
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #2c2d2d
}

.gkk_ul .num {
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	font-size: 12px
}

.gkk_ul .num .red {
	color: #fa1515
}

.gkk_ul .num a {
	width: 70px;
	background-color: #1cb25b;
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	color: #fff;
	float: right
}

.gkk_ul li a::before,
.highlight::before {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 350px;
	left: -150px;
	top: 0;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg)
}

.gkk_ul li a:hover::before,
.highlight:hover::before {
	left: 350px;
	transition: left 0.4s linear
}

.kcbox {
	position: relative;
	height: 510px
}

.kcbox .kcbox_list {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden
}

.kcbox .kcbox_list.active {
	visibility: visible
}

.lab,
.lab2 {
	position: absolute;
	right: 8px;
	top: 0;
	background-color: #27ae62;
	color: #fff;
	font-size: 12px;
	padding: 0 10px;
	line-height: 25px;
	height: 25px
}

.lab2 {
	top: 5px;
	right: 13px
}

.kcsx h2 {
	padding: 40px 0 25px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.kcsx .kcsx_list {
	float: left;
	margin-top: -24px;
	margin-left: -13px
}

.kcsx .kcsx_list li {
	position: relative;
	float: left;
	margin-left: 13px;
	margin-top: 24px;
	width: 336px;
	border: 1px #dcdcdc solid;
	cursor: pointer;
	overflow: hidden
}

.kcsx .kcsx_list li>a {
	display: block
}

.kcsx .kcsx_list .list_info {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	padding: 5px 15px
}

.kcsx .kcsx_list .list_info b {
	font-size: 18px;
	color: red
}

.kcsx .kcsx_list .list_info span {
	display: inline-block;
	float: right;
	margin-left: 20px;
	width: 100px
}

.kcsx .kcsx_list .list_info em {
	text-decoration: line-through;
	font-style: normal
}

.kcsx .kcsx_list .list_info .btn {
	display: inline-block;
	padding: 0 5px;
	background-color: #2ecb70;
	color: #fff
}

.kcsx .kcsx_list .sign_up {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.2s linear
}

.kcsx .kcsx_list .sign_up .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -62px;
	margin-top: -20px;
	width: 135px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #2ecb70;
	z-index: 2
}

.kcsx .kcsx_list .sign_up b {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.3;
	z-index: 1
}

.navi3 {
	width: 100%;
	margin-top: 30px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 14px
}

.navi3 li {
	position: relative;
	float: left;
	width: 16.5%;
	border-top: 2px #ccc solid;
	transition: all 0.4s linear
}

.navi3 li a {
	display: inline-block;
	width: 100%;
	color: #333
}

.navi3 li:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	border: 5px #2ecb70 solid;
	border-color: transparent;
	margin-left: -5px
}

.navi3 li.active,
.navi3 li:hover {
	border-top: 2px #2ecb70 solid
}

.navi3 li.active:before,
.navi3 li:hover:before {
	border-color: #2ecb70 transparent transparent
}

.navi3 li.active a,
.navi3 li:hover a {
	color: #2ecb70
}

.kclist {
	float: left;
	width: 796px;
	margin-top: -20px
}

.kclist li {
	position: relative;
	float: left;
	width: 250px;
	height: 235px;
	margin-right: 8px;
	margin-top: 20px;
	cursor: pointer;
	z-index: 1
}

.kclist li>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px #eff3f5 solid;
	z-index: 2;
	padding: 5px
}

.kclist li.active {
	z-index: 10
}

.kclist li.active>a {
	border: 1px #4bb480 solid;
	background-color: #fff
}

.kclist p {
	padding: 7px 5px 0;
	font-size: 14px;
	color: #333;
	line-height: 20px
}

.kclist .info {
	display: none;
	color: #999;
	word-break: break-all
}

.kclist .num_total {
	color: #66666
}

.kclist .num_total i {
	color: #01984b;
	font-style: normal
}

.kclist .num_total span {
	display: inline-block;
	float: right;
	margin-right: 10px
}

.kcinfo {
	float: left;
	border: 1px #c5c5c5 solid;
	width: 212px;
	height: 450px;
	background-color: #fff;
	padding: 20px 15px;
	overflow: hidden
}

.kcinfo h3 {
	padding-top: 50px;
	font-size: 24px;
	color: #fff;
	text-align: center
}

.kcinfo .tit {
	background-color: #01984b;
	height: 186px
}

.kcinfo .hot_btn {
	display: block;
	padding: 0 15px;
	margin: 25px auto 50px;
	font-size: 16px;
	color: #fff;
	background-color: #2ecb70;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.kcinfo .kcinfo_dl {
	padding: 15px 15px 0;
	color: #fff;
	line-height: 30px;
	background-color: #2ecb70
}

.kcinfo .kcinfo_dl dd {
	text-indent: 2em
}

.kcinfo .kcinfo_dl a {
	color: #fff
}

.kcinfo h2 {
	color: #333;
	font-size: 16px;
	padding: 0 0 20px
}

.kcinfo ul li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 18px
}

.kcinfo ul img {
	margin-top: 5px
}

.kcinfo ul .green {
	background-color: #2ecb70
}

.kcinfo ul i {
	position: absolute;
	left: 4px;
	top: 7px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #666
}

.kcinfo ul a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	line-height: 21px
}

.zylj h2 {
	padding: 25px 0;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.list_zy {
	margin-left: -20px;
	color: #666;
	font-size: 14px;
	line-height: 20px
}

.list_zy li {
	float: left;
	margin-left: 20px;
	width: 200px;
	height: 136px;
	border: 1px #e1e3e5 solid;
	padding: 20px;
	transition: all 0.2s linear
}

.list_zy li .zy_info {
	float: left;
	padding-left: 15px;
	width: 115px
}

.list_zy li .gz {
	padding-left: 30px;
	line-height: 30px;
	height: 30px;
	background: url("../img/index/money.png") left center no-repeat;
	white-space: nowrap
}

.list_zy li .btn {
	display: block;
	margin: 30px auto 0;
	width: 155px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fdfcfc;
	background-color: #9da9a2;
	text-align: center;
	transition: all 0.2s linear
}

.list_zy li.active,
.list_zy li:hover {
	border: 1px #6ad799 solid;
	background-color: #fff
}

.list_zy li.active .btn,
.list_zy li:hover .btn {
	background-color: #2ecb70;
	color: #fff
}

.jpkc {
	padding-bottom: 60px
}

.jpkc h2 {
	padding: 40px 0 25px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.jpkclist {
	width: 100%;
	margin-bottom: 10px
}

.case {
	padding-bottom: 100px
}

.case h2 {
	padding: 20px 0;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.case ul {
	margin-left: -10px
}

.case li {
	float: left;
	margin-left: 10px;
	width: 252px
}

.fixed_box {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 46px;
	z-index: 100;
	background-color: #2ecb70
}

.fixed_box .zixun {
	display: inline-block;
	padding: 8px;
	width: 30px;
	height: 68px;
	color: #fff;
	font-size: 14px;
	box-sizing: content-box
}

.fixed_box b {
	font-style: normal;
	display: inline-block;
	padding-top: 7px
}

.fixed_box .qk_totop {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	width: 46px;
	height: 40px;
	overflow: hidden;
	text-align: center
}

.fixed_box strong {
	display: inline-block;
	padding: 3px 6px;
	width: 34px;
	height: 34px;
	line-height: 17px;
	background-color: #188646;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	box-sizing: content-box
}

.fixed_box em {
	display: inline-block;
	padding-top: 10px;
	width: 46px;
	height: 30px;
	background-color: #2ecb70;
	box-sizing: content-box
}

.fixed_box a:hover em {
	display: none
}

.subnavi {
	padding: 20px 0
}

.subnavi a:not(:last-child) {
	display: inline-block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #999
}

.subnavi a:not(:last-child):after {
	margin: 0 10px;
	width: 6px;
	height: 11px;
	display: inline-block;
	content: "";
	background: url("../img/common/subnavi.png") 0 0 no-repeat
}

.subnavi .active {
	color: #333
}

.selnavi {
	background-color: #fff;
	padding: 25px 30px 0;
	font-size: 14px;
	line-height: 20px
}

.selnavi .sel_list {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px #e5e5e5 solid
}

.selnavi .sel_list:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.selnavi .sel_list span {
	float: left;
	display: inline-block;
	color: #666;
	width: 80px;
	height: 20px
}

.selnavi .sel_list ul {
	float: left;
	width: 900px
}

.selnavi .sel_list ul li {
	float: left;
	margin-bottom: 20px
}

.selnavi .sel_list a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 20px;
	height: 20px;
	line-height: 20px;
	color: #666;
	transition: all 0.2s linear
}

.selnavi .sel_list a.active,
.selnavi .sel_list a:hover {
	background-color: #26b462;
	color: #fff
}

.searchlist .kclist {
	width: 100%;
	padding-top: 35px;
	padding-bottom: 50px;
	float: none
}

.searchlist2 h2 {
	margin-top: 25px;
	padding-bottom: 20px;
	border-bottom: 1px #e5e5e5 solid;
	font-size: 16px;
	color: #969696
}

.searchlist2 .zylist {
	margin-left: -50px
}

.searchlist2 .zylist li {
	float: left;
	margin-top: 20px;
	width: 220px;
	margin-left: 50px
}

.searchlist2 .zylist li .tit {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	padding: 7px 0
}

.searchlist2 .zylist li .label span {
	margin-right: 8px;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	background-color: #f5f5f5
}

.searchlist2 .zylist li .num_total {
	padding: 10px 0;
	color: #666;
	font-size: 12px
}

.searchlist2 .zylist li .num_total i {
	color: #01984b;
	font-style: normal
}

.searchlist2 .kclist {
	background-color: #FFF;
	margin-top: 0;
	padding-top: 0
}

.searchlist2 .kclist li {
	margin-top: 30px
}

.selnavi2 {
	padding: 15px 0;
	border-bottom: 1px #e5e5e5 solid
}

.selnavi2 .sel_list {
	border-bottom: none;
	margin-bottom: 0
}

.selnavi2 .sel_list a {
	padding: 0 5px
}

.selnavi2 .sel_list span {
	width: auto;
	min-width: 40px
}

.selnavi2 .sel_list ul li {
	margin-bottom: 10px
}

.searchlist3 .route,
.searchlist3 h2 {
	margin-top: 25px;
	padding-bottom: 20px;
	border-bottom: 1px #e5e5e5 solid;
	font-size: 16px;
	color: #969696
}

.searchlist3 .route {
	border: none
}

.searchlist3 .se_list {
	margin-left: -1.6666%
}

.searchlist3 .se_list_a {
	position: relative;
	float: left;
	display: block;
	padding: 70px 0 10px;
	border: 1px #eee solid;
	width: 15%;
	margin-left: 1.6666%;
	border-radius: 4px;
	box-sizing: border-box
}

.searchlist3 .se_list_a:before {
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: 10px;
	display: block;
	content: '';
	width: 70px;
	height: 60px;
	background: url("../img/index/route_icon.png") center center no-repeat;
	background-position: 0 0
}

.searchlist3 .se_list_a:nth-child(2):before {
	background-position: 0 -60px
}

.searchlist3 .se_list_a:nth-child(3):before {
	background-position: 0 -120px
}

.searchlist3 .se_list_a:nth-child(4):before {
	background-position: 0 -180px
}

.searchlist3 .se_list_a:nth-child(5):before {
	background-position: 0 -240px
}

.searchlist3 .se_list_a:nth-child(6):before {
	background-position: 0 -300px
}

.searchlist3 .text {
	text-align: center;
	line-height: 20px
}

.searchlist3 .text .name {
	padding: 5px 0;
	font-size: 14px;
	color: #292929
}

.searchlist3 .text .des {
	font-size: 12px;
	color: #969696
}

.searchlist4 .selnavi {
	padding: 5px  0;
}

.searchlist4 .selnavi .sel_list {
	margin-bottom: 15px
}

.searchlist4 .selnavi .sel_list span {
	width: 40px;
	height: 30px;
	line-height: 30px
}

.searchlist4 .selnavi .sel_list a {
	padding: 0 5px;
	border-radius: 2px;
	height: 30px;
	line-height: 30px;
	min-width: 40px;
	text-align: center
}

.searchlist4 .selnavi .sel_list ul {
	width: 1150px
}

.searchlist4 .selnavi .sel_list ul li {
	margin-bottom: 15px
}

.kclist4 {
	width: 1200px;
	padding-top: 45px;
	margin-left: -20px
}

.kclist4 li {
	float: left;
	margin-left: 20px
}

.kclist4 .nodata {
	float: none;
	padding: 20px 0;
	line-height: 30px;
	font-size: 16px;
	text-align: center
}

.kclist4 .kclist4_item {
	display: block;
	line-height: 30px;
	font-size: 16px;
	width: 280px;
	overflow: hidden
}

.kclist4 .kclist4_item .img {
	width: 280px;
	height: 174px;
	overflow: hidden
}

.kclist4 .kclist4_item img {
	vertical-align: middle;
	width: 100%;
	transition: all 0.4s ease-in-out
}

.kclist4 .kclist4_item:hover img {
	transform: scale(1.1)
}

.kclist4 .kclist4_item .tit {
	padding-top: 10px;
	line-height: 25px;
	height: 50px;
	color: #333;
	padding-left:10px;
}

.kclist4 .kclist4_item .info {
	margin-bottom: 20px
}

.kclist4 .kclist4_item .charge {
	color: #ff8900
}

.kclist4 .kclist4_item .free {
	color: #35b558
}

.kclist4 .kclist4_item .st {
	float: right;
	color: #878787;
	font-size: 14px
}

.kclist4 .kclist4_item .st em {
	display: inline-block;
	margin-right: 5px;
	width: 11px;
	height: 11px;
	background: url("../img/common/bofang.png") 0 0 no-repeat
}

@font-face {
	font-family: 'iconfont';
	src: url("../font/ali/iconfont.eot");
	src: url("../font/ali/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/ali/iconfont.woff") format("woff"), url("../font/ali/iconfont.ttf") format("truetype"), url("iconfont.svg#iconfont") format("svg")
}

.al_iconfont,
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.icon-weixin:before {
	content: "\e645"
}

.icon-shezhi:before {
	content: "\343c"
}

.icon-tupian:before {
	content: "\e64e"
}

.icon-kecheng1:before {
	content: "\e650"
}

.icon-wenhao:before {
	content: "\e649"
}

.icon-qq:before {
	content: "\e646"
}

.icon-xiazai:before {
	content: "\e601"
}

.icon-qqkongjian:before {
	content: "\e64a"
}

.icon-14052218:before {
	content: "\e640"
}

.icon-fenxiang:before {
	content: "\e602"
}

.icon-mulu:before {
	content: "\e603"
}

.icon-fenxiang1:before {
	content: "\e604"
}

.icon-xiazai1:before {
	content: "\e605"
}

.icon-weibo:before {
	content: "\e647"
}

.icon-del0:before {
	content: "\e653"
}

.icon-shijian:before {
	content: "\e63c"
}

.icon-shijian1:before {
	content: "\e63d"
}

.icon-mulu1:before {
	content: "\e606"
}

.icon-huifu:before {
	content: "\e642"
}

.icon-fenxiang2:before {
	content: "\e607"
}

.icon-xiazai2:before {
	content: "\e608"
}

.icon-aixin:before {
	content: "\e609"
}

.icon-wenhao1:before {
	content: "\e641"
}

.icon-wuxing1:before {
	content: "\e60a"
}

.icon-yanshi:before {
	content: "\e654"
}

.icon-yousanjiao:before {
	content: "\e60b"
}

.icon-wenhao2:before {
	content: "\e60c"
}

.icon-kecheng:before {
	content: "\e63e"
}

.icon-kecheng2:before {
	content: "\e63f"
}

.icon-message2:before {
	content: "\e652"
}

.icon-select:before {
	content: "\e60d"
}

.icon-back:before {
	content: "\e60e"
}

.icon-top:before {
	content: "\e60f"
}

.icon-down:before {
	content: "\e610"
}

.icon-right:before {
	content: "\e611"
}

.icon-left:before {
	content: "\e612"
}

.icon-favfill:before {
	content: "\e613"
}

.icon-fav:before {
	content: "\e614"
}

.icon-feedback:before {
	content: "\e615"
}

.icon-share:before {
	content: "\e616"
}

.icon-user:before {
	content: "\e617"
}

.icon-myfill:before {
	content: "\e618"
}

.icon-my:before {
	content: "\e619"
}

.icon-message:before {
	content: "\e61a"
}

.icon-search:before {
	content: "\e61b"
}

.icon-scan:before {
	content: "\e61c"
}

.icon-like:before {
	content: "\e61d"
}

.icon-likefill:before {
	content: "\e61e"
}

.icon-lock:before {
	content: "\e61f"
}

.icon-mobile:before {
	content: "\e620"
}

.icon-qr2:before {
	content: "\e621"
}

.icon-closefill:before {
	content: "\e622"
}

.icon-close:before {
	content: "\e623"
}

.icon-attachment:before {
	content: "\e624"
}

.icon-more:before {
	content: "\e625"
}

.icon-plane:before {
	content: "\e626"
}

.icon-planefill:before {
	content: "\e627"
}

.icon-ascend:before {
	content: "\e628"
}

.icon-falling:before {
	content: "\e629"
}

.icon-xiti:before {
	content: "\e64f"
}

.icon-gengduo:before {
	content: "\e643"
}

.icon-wujiaoxing:before {
	content: "\e62a"
}

.icon-jinbi:before {
	content: "\e655"
}

.icon-wenda:before {
	content: "\e78e"
}

.icon-aixin-copy:before {
	content: "\e62b"
}

.icon-renwu:before {
	content: "\e68e"
}

.icon-qiandao:before {
	content: "\e64d"
}

.icon-gengduo1:before {
	content: "\e644"
}

.icon-wenhao3:before {
	content: "\e62c"
}

.icon-guanbi:before {
	content: "\e62d"
}

.icon-radiobutton2:before {
	content: "\e62e"
}

.icon-xitongfanhui:before {
	content: "\e62f"
}

.icon-xitongcaidan:before {
	content: "\e630"
}

.icon-shouqi:before {
	content: "\e631"
}

.icon-xiala:before {
	content: "\e632"
}

.icon-xiayibu:before {
	content: "\e633"
}

.icon-tabshouqi:before {
	content: "\e634"
}

.icon-tabxiala:before {
	content: "\e635"
}

.icon-zengjia:before {
	content: "\e636"
}

.icon-radiobutton21:before {
	content: "\e637"
}

.icon-bankexing:before {
	content: "\e638"
}

.icon-chakan:before {
	content: "\e648"
}

.icon-zans:before {
	content: "\e639"
}

.icon-kanguos:before {
	content: "\e63a"
}

.icon-ketang:before {
	content: "\e64c"
}

.icon-xihuan:before {
	content: "\e600"
}

.icon-iconfontappreciatefuzhieps:before {
	content: "\e63b"
}

.icon-laba:before {
	content: "\e64b"
}

.icon-zuijia:before {
	content: "\e675"
}

.icon-qianbao2-copy:before {
	content: "\e651"
}

.vjs-error .vjs-error-display:before {
	content: ""
}

.video-js .vjs-offscreen {
	display: none
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
	display: none
}

.videobox {
	position: relative
}

.videobox h1 {
	height: 25px;
	margin-bottom: 25px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.video_con {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px
}

.video_gg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow: hidden
}

.video_gg .video_a {
	display: block;
	position: relative;
	z-index: 100;
	text-align: center;
	vertical-align: middle
}

.video_gg video {
	width: 100%;
	height: 100%
}

.video_gg .info {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 101;
	background-color: #000;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 10px
}

.video_gg .info .time {
	color: red;
	display: inline-block;
	margin: 0 4px
}

.video_gg .info .tip {
	display: inline-block;
	float: left
}

.video_gg .info .close {
	display: inline-block;
	float: left;
	margin-left: 10px;
	color: #fff
}

.video_gg:before {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #000
}

.video_area {
	width: 1040px;
	height: 500px;
	background-color: #000
}

.video_slider {
	position: absolute;
	right: -270px;
	top: 0;
	width: 270px;
	height: 460px
}

.scrolltree {
	padding: 20px;
	height: 100%;
	background-color: #1b1b1b;
	font-size: 12px;
	color: #666;
	overflow: auto
}

.scrolltree h2 {
	font-size: 16px;
	color: #fff
}

.scrolltree h3 {
	padding: 10px 0;
	color: #ccc;
	font-size: 14px;
	height: 25px;
	line-height: 25px
}

.scrolltree dd,
.scrolltree dt {
	padding: 10px 0;
	font-size: 14px
}

.scrolltree a {
	display: block;
	position: relative;
	padding-right: 50px;
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.scrolltree a.active,
.scrolltree a:hover {
	color: #2bdb75
}

.scrolltree a i {
	font-size: 12px;
	display: inline-block;
	padding-right: 10px
}

.scrolltree a span {
	display: inline-block;
	position: absolute;
	right: 0
}

.video_action {
	position: absolute;
	left: -55px;
	top: 50%;
	margin-top: -106px;
	right: 270px;
	width: 55px
}

.video_action a {
	padding: 8px 0;
	margin-bottom: 1px;
	text-align: center;
	display: inline-block;
	width: 100%;
	color: #ccc;
	text-decoration: none;
	background-color: #363e45
}

.video_action a.active,
.video_action a:hover {
	background-color: #13AEC0;
	color: #fff
}

.video_action i {
	display: block
}

.schedule_num {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 18px;
	color: #23b561
}

.schedule {
	width: 100%;
	height: 12px;
	background-color: #ced0cf;
	position: relative
}

.schedule span {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 15%;
	height: 12px;
	background-color: #23b561;
	z-index: 2
}

.kcjs {
	font-size: 12px;
	color: #666;
	line-height: 24px;
	max-height: 220px;
	overflow: auto
}

.kcxz {
	margin-bottom: 20px
}

.kcxz .down {
	float: left;
	margin-right: 15px;
	display: inline-block;
	padding: 12px 12px 12px 55px;
	width: 160px;
	height: 57px;
	border-radius: 4px;
	line-height: 33px;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	background: #23b561 url("../img/common/down.png") 18px 15px no-repeat
}

.kcxz .text {
	display: inline-block;
	float: left;
	line-height: 30px
}

.kcxz .text .tqm a,
.kcxz .text .tqm span {
	color: #23b561
}

.kcxz .text .tqm span.zx {
	margin: 0 4px;
	cursor: pointer;
	text-decoration: underline
}

.kcxz .text .no {
	line-height: 60px
}

.coursetab {
	float: left;
	margin-right: 90px;
	width: 650px
}

.courseslider {
	float: left;
	width: 300px;
	padding-top: 30px
}

.courseul {
	margin-top: 30px
}

.courseul li {
	float: left
}

.courseul a {
	margin-right: 30px;
	display: inline-block;
	padding: 7px 0;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	border-bottom: 2px #fff solid
}

.courseul a.active,
.courseul a:hover {
	color: #23b561;
	border-color: #23b561
}

.publishbtn {
	display: inline-block;
	padding: 0 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	background-color: #23b561
}

.cour_comment .inputbox {
	margin: 10px 0
}

.cour_comment .textarea {
	padding: 10px;
	border: 1px #ccc solid;
	width: 630px;
	height: 100px
}

.cour-message {
	padding-left: 0
}

.cour-message li {
	padding: 25px 0;
	border-bottom: 1px #eee solid
}

.cour-message .cour-msg-pic {
	padding-right: 15px;
	display: inline-block;
	float: left;
	outline: none
}

.cour-message .cour-msg-pic img {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.cour-msg-body {
	display: inline-block;
	width: 585px
}

.cour-msg-name {
	font-size: 14px;
	color: #999;
	width: 235px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cour-msg-name span {
	padding-right: 10px;
	font-size: 14px;
	color: #1eaace
}

.cour-msg-name .cour-msg-time {
	font-size: 12px;
	font-style: normal
}

.cour-msg-con {
	margin-bottom: 0;
	color: #616161;
	font-size: 14px;
	overflow: hidden;
	word-wrap: break-word
}

.cour-msg-con .cour-replaybtn {
	color: #1eaace
}

.cour-replay-con {
	padding-left: 60px
}

.cour-replay-con li {
	padding: 10px 0
}

.cour-message li:last-child,
.cour-replay-con li:last-child {
	border-width: 0
}

.qa_post {
	margin-top: 20px
}

.qa_post .inpdiv {
	margin-bottom: 10px
}

.inpdiv label {
	float: left;
	width: 50px;
	color: #333;
	font-size: 14px;
	line-height: 35px
}

.inpdiv .inp_tit {
	float: left;
	padding: 0 10px;
	width: 578px;
	border: 1px #ccc solid;
	height: 35px;
	line-height: 35px
}

.inpdiv .err {
	padding-left: 50px
}

.cour-askul li {
	border-bottom: 1px #eee solid
}

.cour-askul li:last-child {
	border-width: 1px
}

.cour-askul i {
	display: inline-block;
	color: #23b561;
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 1px
}

.cour-askul .cour-msg-name {
	font-size: 12px;
	color: #666
}

.cour-askul .cour-msg-name span {
	font-size: 12px;
	color: #666
}

.cour-askul .cour-msg-con {
	color: #333;
	font-size: 14px;
	font-weight: bold
}

.cour-askul .cour-msg-con a {
	color: #333
}

.cour-askul .teach {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-top: 20px
}

.cour-askul .teach span {
	color: #e61717
}

.cour-askul .more {
	display: block;
	margin-top: 10px;
	float: right;
	color: #1eaace
}

.related {
	margin-bottom: 50px
}

.related ul {
	margin-left: -20px
}

.related li {
	float: left;
	margin-left: 19px;
	width: 204px
}

.related a {
	font-size: 12px;
	color: #333
}

.related p {
	margin-top: 10px
}

.related .num {
	font-size: 12px;
	color: #666
}

.related .num em {
	font-style: normal;
	color: #01984b
}

.related .num span {
	float: right;
	margin-right: 10px
}

.pf {
	margin-bottom: 15px
}

.pf span {
	font-size: 18px;
	color: #333;
	margin-right: 10px
}

.pf i {
	display: inline-block;
	font-size: 20px;
	color: #ff6e01
}

.js_stars i {
	cursor: pointer
}

.comment {
	font-size: 16px;
	color: #333;
	margin-bottom: 30px;
	padding-top: 20px
}

.comment .textarea {
	margin-top: 10px;
	padding: 5px;
	width: 290px;
	height: 100px;
	border: 1px #ccc solid
}

.comment .fb {
	position: absolute;
	top: 90px;
	right: 5px;
	width: 50px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background-color: #23b561
}

.comment .err {
	font-size: 14px
}

.comment li {
	padding: 15px 0;
	border-bottom: 1px #eee solid
}

.comment li:last-child {
	border-width: 1px
}

.comment .cour-msg-pic img {
	border-radius: 0
}

.comment .cour-msg-name {
	font-size: 14px;
	color: #333;
	height: 25px
}

.comment .cour-msg-name span {
	font-size: 12px;
	color: #666
}

.comment .cour-msg-body {
	width: 235px
}

.comment .cour-msg-con {
	height: 25px
}

.comment .cour-msg-con i {
	color: #ff6e01
}

.comment .comment-con {
	padding-top: 10px;
	font-size: 12px;
	color: #333
}

.study {
	margin-bottom: 30px;
	height: 45px;
	line-height: 45px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background-color: #27bb65
}

.study_ul {
	margin-left: -18px;
	text-align: center
}

.study_ul span {
	display: inline-block;
	padding: 10px 0;
	white-space: nowrap;
	width: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 36px;
	overflow: hidden
}

.study_ul a {
	display: block;
	width: 45px;
	font-size: 12px;
	color: #666
}

.study_ul li {
	float: left;
	margin-left: 18px
}

.study_ul img {
	width: 45px;
	height: 45px
}

.course_share {
	width: 400px
}

.courseware {
	width: 400px
}

.courseware .com-pop-content {
	max-height: 400px;
	overflow: auto
}

.courseware ul a {
	font-size: 14px;
	color: #333;
	line-height: 28px
}

.c_head h2 {
	padding: 30px 200px 20px;
	font-size: 30px;
	color: #333333;
	text-align: center;
	font-weight: 100
}

.c_head h3 {
	padding: 0 150px 40px;
	font-size: 14px;
	color: #747373;
	text-align: center;
	font-weight: 100;
	line-height: 24px
}

.c_head .course_info li {
	position: relative;
	float: left;
	width: 25%;
	height: 120px;
	border: 1px #d7d6d6 solid;
	font-size: 14px;
	color: #575656;
	margin-left: -1px;
	text-align: center;
	box-sizing: border-box
}

.c_head .course_info li:first-child {
	margin-left: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 100px
}

.c_head .course_info img {
	vertical-align: middle
}

.c_head .course_info p {
	padding-top: 25px;
	padding-bottom: 10px;
	height: 45px
}

.c_head .course_info span {
	color: #2ecb70;
	font-size: 34px
}

.c_head .course_info b {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	background-color: #131313;
	text-align: center;
	color: #f9fcfa;
	font-size: 12px
}

.d_type {
	float: right;
	margin: 15px 2px 40px 0;
	padding: 4px 10px;
	width: 65px;
	height: 25px;
	border: 1px #d7d6d6 solid;
	border-radius: 4px;
	box-sizing: border-box
}

.d_type a {
	display: inline-block;
	float: left;
	background: url("../img/index/d_type.png") 0 0 no-repeat;
	transition: background 0.2s linear
}

.d_type a:first-child {
	width: 16px;
	height: 15px;
	margin-right: 7px
}

.d_type a:first-child.on,
.d_type a:first-child:hover {
	background-position: 0 -24px
}

.d_type a:last-child {
	width: 19px;
	height: 15px;
	background-position: -23px 0
}

.d_type a:last-child.on,
.d_type a:last-child:hover {
	background-position: -23px -24px
}

.system1 .s1_head {
	padding-left: 50px
}

.system1 .s1_head:first-child {
	padding-left: 0
}

.system1 .s1_head .tit {
	margin-bottom: 10px;
	font-size: 20px;
	color: #363737;
	text-align: center
}

.system1 .s1_head .info {
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 20px
}

.system1 .s1_box {
	margin-bottom: 50px;
	border-left: 1px #2e2e2e solid
}

.system1 .num {
	position: relative;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 100px;
	font-size: 14px;
	color: #2e2e2e;
	line-height: 30px
}

.system1 .num span {
	position: absolute;
	left: 4px;
	top: 0;
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #2e2e2e;
	text-align: center
}

.system1 .num span:after {
	position: absolute;
	left: 60px;
	top: 0;
	content: "";
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 15px 17px;
	border-style: solid;
	border-color: transparent transparent transparent #2e2e2e
}

.system1 .s1_list {
	padding-left: 50px
}

.system1 .s1_list li {
	float: left;
	width: 225px;
	padding: 10px;
	border: 1px #ecebeb solid;
	margin: 0 -1px -1px 0
}

.system1 .s1_list .more {
	display: block;
	margin: 0;
	border: 0;
	padding: 10px 0 0;
	width: 100%
}

.system1 .s1_list .more a {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #646363;
	border: 1px #dcdbdb solid;
	transition: color 0.3s
}

.system1 .s1_list .more a:hover {
	color: #29b984
}

.system1 .s1_list li .imga img {
	transition: all 0.3s
}

.system1 .s1_list li:hover img {
	transform: matrix(1.1, 0, 0, 1.1, 0, 0)
}

.system1 .s1_list li:hover .name {
	color: #29b984
}

.system1 .s1_list .imga {
	display: block;
	font-size: 0;
	overflow: hidden
}

.system1 .s1_list .name {
	display: block;
	padding: 10px 10px 0;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #333;
	background-color: #f4f4f4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.3s
}

.system1 .s1_list .name:hover {
	color: #29b984
}

.system1 .s1_list .info {
	padding: 6px 10px 10px;
	font-size: 12px;
	color: #656565;
	height: 20px;
	line-height: 20px;
	background-color: #f4f4f4
}

.system1 .s1_list .info span {
	float: right
}

.system {
	padding-bottom: 50px
}

.system .mt20 {
	margin-top: 20px
}

.system h2 {
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.system h2 .bs {
	float: right;
	display: inline-block;
	font-size: 12px;
	color: #666
}

.system h2 span {
	padding-left: 20px
}

.system h2 span:before {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #aaacab;
	content: "";
	margin-right: 5px
}

.system h2 span:first-child:before {
	background-color: #2bc172
}

.system .tip {
	font-size: 14px;
	color: #f45858
}

.system h3 {
	margin: 50px 0 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold
}

.system .gostudy {
	display: inline-block;
	float: right;
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color: #f45858;
	color: #fff;
	text-align: center
}

.system .course_info {
	margin-top: 20px;
	font-size: 14px;
	color: #666
}

.system .course_icon {
	margin: 15px 0;
	font-weight: normal
}

.system .course_icon span {
	margin-right: 20px;
	color: #333
}

.system .course_icon i {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -2px;
	color: #f45858
}

.system .course_icon em {
	color: #f45858
}

.system .course_icon .icon-ketang {
	position: relative;
	top: 2px;
	left: 2px;
	font-size: 18px
}

.system h4 {
	margin: 40px 0 15px;
	font-size: 14px;
	color: #333;
	font-weight: bold
}

.system h4 .course_icon {
	margin: 0
}

.system .h4_tit {
	margin-bottom: 15px;
	font-size: 14px;
	color: #666
}

.system .course_tit {
	font-size: 12px;
	width: 1027px;
	padding-left: 10px;
	color: #666;
	background-color: #f4f4f4;
	line-height: 40px;
	height: 38px;
	border: 1px #cccccc solid;
	border-bottom: none
}

.system .course_help {
	position: relative;
	display: inline-block;
	padding-left: 5px;
	cursor: pointer
}

.system .course_help .text {
	position: absolute;
	top: 10px;
	left: 35px;
	z-index: 20;
	visibility: hidden;
	max-width: 600px;
	opacity: 0;
	padding: 2px 10px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	color: #666;
	line-height: 14px;
	white-space: nowrap;
	transition: all 0.3s ease-in-out
}

.system .course_help .text span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.system .course_help .text .arrow {
	position: absolute;
	top: 50%;
	right: 100%;
	display: inline-block;
	padding: 0;
	background-image: none;
	font-size: 0;
	line-height: 0;
	vertical-align: middle
}

.system .course_help .text .arrow:before {
	position: absolute;
	left: -10px;
	top: -4px;
	content: " ";
	border: 5px #e4e4e4 solid;
	border-color: transparent #e4e4e4 transparent transparent;
	z-index: 1
}

.system .course_help .text .arrow:after {
	position: absolute;
	left: -8px;
	top: -3px;
	content: " ";
	border: 4px #fff solid;
	border-color: transparent #fff transparent transparent;
	z-index: 2
}

.system .course_ul li {
	float: left;
	position: relative;
	width: 345px;
	border: 1px #ccc solid;
	margin: 0 -1px -1px 0;
	z-index: 1
}

.system .course_ul li.active,
.system .course_ul li:hover {
	border-color: #2bc172;
	z-index: 2;
	background-color: #fff
}

.system .course_ul li.active:after,
.system .course_ul li:hover:after {
	background-color: #2bc172
}

.system .course_ul li.active a,
.system .course_ul li:hover a {
	background-color: #fff
}

.system .course_ul li:first-child {
	width: 1036px;
	border-left: 2px #f45858 solid
}

.system .course_ul li:first-child a:after {
	background-color: #fff
}

.system .course_ul li .time {
	position: absolute;
	right: 20px;
	top: 0;
	color: #808080;
	font-size: 12px
}

.system .course_ul li .icon-shijian1 {
	margin-right: 5px;
	color: #808080;
	font-size: 12px;
	position: relative;
	top: -1px
}

.system .course_ul a {
	position: relative;
	display: block;
	color: #666;
	text-align: left;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	background-color: #fff
}

.system .course_ul a:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 16px;
	width: 8px;
	height: 8px;
	background-color: #2bc172
}

.system .course_ul a .icon-ketang {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	background-color: #f45858;
	border-radius: 50%;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 21px;
	text-align: center;
	font-size: 16px;
	top: 3px
}

.system .course_ul a .icon-ketang:before {
	position: absolute;
	width: 16px;
	left: 2px;
	top: 1px;
	display: inline-block;
	text-align: center
}

.system .course_ul .read a {
	background-color: #f5f5f5
}

.system .course_ul .read a:after {
	background-color: #aaacab
}

.banner2 {
	position: relative;
	width: 660px;
	height: 300px;
	overflow: hidden
}

.banner2 .banner2_list a {
	position: absolute;
	left: 0;
	top: 0
}

.banner2 .banner2_control {
	position: absolute;
	left: 50%;
	bottom: 15px;
	margin-left: -50px;
	height: 10px;
	padding: 7px 10px;
	border-radius: 12px;
	background-color: #8eb9d0;
	z-index: 11
}

.banner2 .banner2_control a {
	float: left;
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #dbdedc;
	transition: width 0.2s linear
}

.banner2 .banner2_control a.active {
	width: 18px
}

.forum_l {
	float: left;
	width: 660px
}

.forum_r {
	float: right;
	width: 350px;
	margin-left: 20px
}

.posts_num {
	height: 28px;
	line-height: 28px;
	padding: 20px 0;
	font-size: 14px;
	color: #333;
	box-sizing: content-box
}

.posts_num li {
	float: left;
	margin-right: 50px
}

.posts_num span {
	color: #bc2f1d
}

.forum_list {
	color: #333;
	font-size: 14px;
	line-height: 20px
}

.forum_list .tx {
	float: left;
	margin-top: 25px;
	margin-right: 15px;
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.forum_list .tx img {
	border-radius: 50%
}

.forum_list .info {
	float: left;
	padding: 25px 0 15px;
	width: 595px;
	border-bottom: 1px #e7e7e7 solid
}

.forum_list .info a {
	display: block;
	color: #333;
	word-wrap: break-word
}

.forum_list .info .coment {
	padding: 10px 0
}

.forum_list .new {
	color: #bc2f1d;
	display: inline-block
}

.forum_list .time {
	color: #666;
	font-size: 12px
}

.forum_list .time span {
	float: right
}

.forum_list .time i {
	padding-left: 15px
}

.posts_slider .posts_btn {
	display: inline-block;
	width: 157px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-left: 10px;
	border-radius: 5px;
	background-color: #2ecb70
}

.posts_slider .posts_btn:first-child {
	margin-left: 0
}

.posts_slider .label dt {
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	margin-bottom: 10px
}

.posts_slider .label dd {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px
}

.posts_slider .label a {
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	background-color: #eff3f6;
	border: 1px #d7d8d9 solid;
	border-radius: 4px
}

.posts_slider .label a:hover {
	border: 1px #2ecb70 solid;
	color: #fff;
	background-color: #2ecb70
}

.posts_slider .hot_posts {
	list-style-type: none;
	counter-reset: sectioncounter
}

.posts_slider .hot_posts dt {
	font-size: 16px;
	color: #333;
	border-bottom: 1px #c5c5c5 solid;
	padding-bottom: 10px
}

.posts_slider .hot_posts dd {
	position: relative;
	font-size: 12px
}

.posts_slider .hot_posts dd i {
	font-style: normal;
	width: 10px;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	line-height: 20px
}

.posts_slider .hot_posts dd:nth-child(2) {
	color: #ee1111
}

.posts_slider .hot_posts dd:nth-child(3) {
	color: #ed710c
}

.posts_slider .hot_posts dd:nth-child(4) {
	color: #f1b013
}

.posts_slider .hot_posts a {
	display: inline-block;
	padding: 10px 0 10px 20px;
	color: #333;
	font-size: 12px;
	width: 240px;
	overflow: hidden
}

.pagination2 a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 10px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #757371;
	background-color: #f3f3f3;
	border: 1px #e8e9ea solid
}

.detail_con {
	padding: 20px;
	background-color: #f4f4f4;
	color: #333;
	font-size: 12px;
	overflow: hidden;
	word-wrap: break-word;
	line-height: 24px
}

.detail_con h2 {
	font-size: 14px;
	color: #333;
	font-weight: bold
}

.add_ask {
	padding: 15px 0 65px;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold
}

.detail_btn {
	display: inline-block;
	padding: 0 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	background-color: #f11721
}

.detail_message .cour-msg-name span {
	line-height: 50px;
	font-size: 14px;
	color: #333
}

.detail_message em {
	font-size: 12px;
	line-height: 50px;
	color: #666;
	float: right
}

.detail_message .cour-msg-con {
	font-size: 12px;
	line-height: 24px
}

.detail_slider {
	margin-left: 60px;
	width: 300px
}

.detail_slider .detail_askbtn {
	margin: 0 0 50px 10px;
	display: inline-block;
	font-size: 18px;
	width: 290px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #2ecb70;
	color: #fff
}

.job_banner {
	position: relative;
	height: 500px
}

.job_banner img {
	position: absolute;
	left: 50%;
	margin-left: -960px
}

.job_banner .zixun {
	position: absolute;
	left: 50%;
	top: 340px;
	margin-left: -265px
}

.job_banner .zixun a {
	display: inline-block;
	float: left;
	margin-left: 85px;
	border: 2px #263649 solid;
	color: #fff;
	text-align: center;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background-color: #1c2938;
	border-radius: 5px
}

.job_banner .zixun a:hover {
	background-color: #37485c
}

.job .red {
	color: red
}

.job .green {
	color: green
}

.job h1 {
	padding-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
	background: url("../img/jybz/btbg.png") center bottom no-repeat;
	font-size: 30px
}

.job h1 span {
	color: #f80606
}

.job h2 {
	font-size: 16px;
	line-height: 22px;
	color: #666;
	text-align: center
}

.job .advantage {
	margin: 20px 40px 0;
	font-size: 12px;
	color: #333;
	line-height: 22px
}

.job .advantage li {
	position: relative;
	float: left;
	padding-left: 90px;
	padding-right: 80px;
	width: 50%;
	height: 90px;
	margin-bottom: 40px;
	box-sizing: border-box
}

.job .advantage li:before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	background: url("../img/jybz/bt1.png") 0 0 no-repeat;
	content: "";
	width: 70px;
	height: 70px
}

.job .advantage li:nth-child(2):before {
	background-position: -70px 0
}

.job .advantage li:nth-child(3):before {
	background-position: 0 -70px
}

.job .advantage li:nth-child(4):before {
	background-position: -70px -70px
}

.job .advantage li:nth-child(5):before {
	background-position: 0 -140px
}

.job .advantage li:nth-child(6):before {
	background-position: -70px -140px
}

.job .advantage li:nth-child(7):before {
	background-position: 0 -210px
}

.job .advantage li:nth-child(8):before {
	background-position: -70px -210px
}

.job .advantage p {
	font-size: 16px;
	font-weight: bold
}

.job .advantage span {
	color: #1da155
}

.job .honor {
	padding: 10px 0 70px
}

.job .billboard {
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	margin-left: -30px
}

.job .billboard li {
	float: left;
	width: 155px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 30px;
	background-color: #25c066
}

.job .billboard img {
	margin-left: 27px;
	text-align: center;
	border-radius: 50%;
	width: 100px;
	height: 100px
}

.job .billboard dt {
	font-size: 16px;
	text-align: center
}

.course_de {
	padding: 30px 20px;
	background-color: #fff;
	position: relative
}

.course_de .shuitb1 {
	position: absolute;
	right: 30px;
	top: -8px;
	background: url("../img/index/shuit.png") 0 0 no-repeat;
	width: 66px;
	height: 64px;
	display: inline-block;
	content: ""
}

.course_de .left {
	float: left;
	margin-right: 60px
}

.course_de .de_info {
	float: left;
	width: 630px;
	position: relative;
	min-height: 281px
}

.course_de .de_info h2 {
	padding: 10px 0;
	line-height: 30px;
	color: #333;
	font-size: 25px;
	font-weight: normal
}

.course_de .class_name {
	margin-top: 20px;
	margin-bottom: 10px
}

.course_de .class_name a {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 25px;
	float: left;
	color: #9e9d9d;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	border-radius: 14px;
	padding: 0 20px;
	box-sizing: border-box;
	border: 1px #9e9d9d solid;
	transition: all 0.2s
}

.course_de .class_name a.on,
.course_de .class_name a:hover {
	color: #f67e44;
	border-color: #f67e44
}

.course_de .info {
	position: relative;
	margin-top: 10px;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #686868;
	border: 2px #ddd solid
}

.course_de .info .subtitle {
	display: block;
	position: absolute;
	left: 30px;
	top: -12px;
	padding: 0 10px;
	background-color: #fff;
	line-height: 24px;
	color: #686868
}

.course_de .money {
	position: absolute;
	left: 0;
	bottom: 30px;
	font-size: 30px;
	color: #f66925;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px
}

.course_de .money .sum {
	display: inline-block;
	float: left
}

.course_de .money .btn {
	margin-left: 25px;
	display: inline-block;
	float: left;
	font-size: 18px;
	color: #fff;
	background-color: #f67e44;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 2px
}

.course_de .money .btn2 {
	margin-left: 25px;
	display: inline-block;
	float: left;
	font-size: 18px;
	color: #f67e44;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 2px;
	border: 1px #f67e44 solid;
	min-width: 110px;
	box-sizing: border-box;
	text-align: center
}

.course_de .btnbox {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 12px;
	color: #908f8f;
	line-height: 25px
}

.course_de .btnbox span {
	display: inline-block;
	float: left
}

.course_de .btnbox .space {
	display: inline-block;
	float: left;
	margin: 7px 10px;
	height: 11px;
	width: 1px;
	background-color: #c1c1c1
}

.course_de .btnbox i {
	font-size: 14px;
	margin-right: 7px;
	display: inline-block
}

.course_de .de_info2 .money {
	position: static
}

.course_de .de_info2 .btnbox {
	position: static;
	margin-bottom: 10px
}

.course_de .sharebox {
	position: relative;
	float: left
}

.course_de .sharebox .share {
	color: #908f8f;
	cursor: pointer
}

.course_de .share_con {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	margin-left: -50px;
	background-color: #fff;
	border: 1px #f5f4f4 solid;
	border-radius: 5px;
	width: 150px;
	height: 40px;
	padding: 0 2px;
	box-sizing: border-box
}

.course_de .share_con:after,
.course_de .share_con:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -30px;
	width: 0;
	height: 0;
	display: inline-block;
	border-width: 15px 12px 15px;
	border-style: solid;
	border-color: transparent transparent #f5f4f4;
	margin-left: -15px
}

.course_de .share_con:after {
	border-color: transparent transparent #fff;
	top: -29px
}

.course_de .icon_qq,
.course_de .icon_qqkj,
.course_de .icon_sina,
.course_de .icon_wx {
	padding: 7px 5px;
	width: 36px;
	height: 40px;
	display: inline-block;
	float: left;
	box-sizing: border-box
}

.course_de .icon_qq:before,
.course_de .icon_qqkj:before,
.course_de .icon_sina:before,
.course_de .icon_wx:before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #FFF url("../img/share.png") 0 0 no-repeat
}

.course_de .icon_sina:before {
	background-position: -36px 0
}

.course_de .icon_qq:before {
	background-position: -71px 0
}

.course_de .icon_qqkj:before {
	background-position: -107px 0
}

.course_de .icon_wx:before {
	background-position: 0 0
}

.detail_info {
	margin-top: 20px
}

.detail_info .label_box {
	height: 51px
}

.detail_info .label_box_fixed {
	position: fixed;
	left: 50%;
	top: 0;
	margin-left: -600px;
	width: 940px;
	background-color: #FFF;
	z-index: 20
}

.detail_info .left {
	margin-bottom: 20px;
	float: left;
	width: 940px;
	margin-right: 20px;
	background-color: #fff
}

.detail_info .right {
	float: left;
	width: 240px
}

.detail_info .label {
	margin-bottom: 30px;
	border-bottom: 1px #dad9d9 solid
}

.detail_info .label>a {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	padding: 15px;
	font-size: 14px;
	color: #393a39;
	height: 20px;
	line-height: 20px;
	transition: color 0.2s
}

.detail_info .label>a:after {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 2px;
	background-color: #24b962
}

.detail_info .label>a.on,
.detail_info .label>a:hover {
	color: #24b962
}

.detail_info .label>a.on:after,
.detail_info .label>a:hover:after {
	display: inline-block
}

.detail_info .label .money {
	display: none;
	float: right;
	font-size: 20px;
	color: #f67e44;
	line-height: 50px
}

.detail_info .label .money .btn {
	float: left;
	margin: 7px 30px 0 15px;
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
	background-color: #f67e44;
	border-radius: 4px;
	height: 35px;
	line-height: 35px
}

.course_des {
	margin: 30px 20px;
	line-height: 24px
}

.label_info {
	margin: 30px 20px;
	display: none
}

.course_comment {
	display: none;
	margin: 0 35px 0 15px
}

.calss_list {
	margin-bottom: 10px
}

.calss_list dt {
	height: 40px;
	line-height: 40px;
	color: #373737;
	font-size: 16px;
	border-bottom: 1px #939292 solid
}

.calss_list dt span {
	position: relative;
	top: 1px;
	display: inline-block;
	margin-right: 20px;
	padding: 0 5px;
	width: 75px;
	background-color: #4e4d4d;
	color: #fff;
	text-align: center;
	box-sizing: border-box
}

.calss_list .drop {
	float: right;
	margin-right: 10px;
	color: #373737
}

.calss_list .drop:hover {
	color: #29b984
}

.calss_list .drop i {
	font-size: 40px;
	display: block
}

.calss_list dd {
	padding-left: 95px;
	margin-top: 7px;
	margin-left: -10px
}

.calss_list dd a {
	position: relative;
	display: block;
	font-size: 14px;
	color: #4f4f4f;
	height: 40px;
	line-height: 40px;
	transition: color 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding-right: 100px;
	padding-left: 10px
}

.calss_list dd a.on,
.calss_list dd a:hover {
	background-color: #e4e4e4
}

.calss_list dd .audition {
	display: inline-block;
	font-size: 12px;
	color: #41c277;
	border-radius: 10px;
	margin-left: 20px;
	width: 45px;
	height: 20px;
	line-height: 20px;
	border: 1px #41c277 solid;
	padding: 0;
	text-align: center
}

.calss_list .time {
	position: absolute;
	right: 0;
	padding: 0 30px;
	font-size: 12px;
	color: #807f7f;
	text-align: center
}

.calss_list .go {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 70px;
	display: none;
	box-sizing: border-box;
	padding: 0 7px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: #19ca62;
	color: #fff;
	background-color: #19ca62;
	transition: color 0.3s
}

.calss_list dd a.on .go,
.calss_list dd a:hover .go {
	display: inline-block
}

.c_lsit {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-color: #fff
}

.c_lsit dt {
	padding: 15px;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #3d3d3d;
	border-bottom: 1px #dad9d9 solid
}

.c_lsit dt:before {
	position: relative;
	left: -5px;
	top: 2px;
	display: inline-block;
	content: "";
	width: 2px;
	height: 15px;
	background-color: #24b962
}

.c_lsit dd {
	padding: 0 15px
}

.c_lsit dd a {
	display: inline-block;
	color: #707070;
	font-size: 14px;
	line-height: 25px;
	transition: color 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	width: 230px
}

.c_lsit dd a:hover {
	color: #29b984
}

.advanced {
	padding-bottom: 0
}

.advanced h2 {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #3d3d3d;
	border-bottom: 1px #dad9d9 solid;
	background-color: #fff;
	padding-left: 30px
}

.advanced h2:before {
	position: relative;
	content: "";
	display: inline-block;
	left: -13px;
	top: 3px;
	background-color: #24b962;
	width: 2px;
	height: 15px
}

.advanced dt {
	margin-bottom: 0
}

.advanced dd {
	padding: 0
}

.advanced dd a {
	display: block;
	width: 240px;
	height: 130px
}

.advanced .route2 {
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 30px 15px 0;
	width: 100%;
	height: 130px;
	box-sizing: border-box;
	background: #fff url("../img/index/xkbg.png") 150px 40px no-repeat
}

.advanced .route2 .name {
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #464545
}

.advanced .route2 .des {
	position: relative;
	z-index: 2;
	font-size: 12px;
	line-height: 20px;
	color: #9c9c9c
}

.advanced .android i,
.advanced .data i,
.advanced .html5 i,
.advanced .ios i,
.advanced .javaee i,
.advanced .php i,
.advanced .python i,
.advanced .ui i {
	position: absolute;
	display: block;
	top: 35px;
	right: 15px;
	width: 70px;
	height: 60px;
	background: url("../img/index/route_icon.png") 0 -120px no-repeat;
	z-index: 1
}

.advanced .php i {
	background-position: 0 -120px
}

.advanced .javaee i {
	background-position: 0 -300px
}

.advanced .android i {
	background-position: 0 -180px
}

.advanced .python i {
	background-position: 0 -360px
}

.advanced .ui i {
	background-position: 0 0
}

.advanced .data i {
	background-position: 0 -420px
}

.advanced .html5 i {
	background-position: 0 -60px
}

.c_list2 dt a {
	color: #3d3d3d;
	transition: color 0.3s
}

.c_list2 dt a.on,
.c_list2 dt a:hover {
	color: #29b984
}

.c_list2 dt a:first-child:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 5px;
	background-color: #b8b8b8
}

.c_list2 dd:not(.tlz) {
	display: inline-block;
	padding: 15px 14px 0
}

.c_list2 dd:not(.tlz) span {
	display: block;
	text-align: center;
	width: 55px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.c_list2 dd:not(.tlz) a {
	display: inline-block;
	float: left;
	width: auto
}

.c_list2 dd:not(.tlz) a img {
	border-radius: 50%
}

.c_list2 .tlz {
	display: none;
	text-align: center;
	width: 100%;
	box-sizing: border-box
}

.c_list2 .tlz p {
	margin-top: 10px;
	height: 25px
}

.c_list2 .tlz span {
	margin-right: 10px;
	display: inline-block;
	height: 25px;
	line-height: 25px
}

.c_list2 .tlz a {
	height: 25px;
	line-height: 25px;
	width: auto;
	vertical-align: middle
}

.forum_top .f_banner {
	display: inline-block;
	float: left;
	margin-right: 20px;
	height: 272px
}

.forum_top .f_banner img {
	border: 1px #e8e8e8 solid;
	width: 690px;
	box-sizing: border-box
}

.forum_top .f_qd {
	float: left;
	width: 330px
}

.qd_btnbox {
	position: relative;
	margin-bottom: 10px;
	height: 96px;
	background-color: #26b763;
	border-radius: 4px
}

.qd_btnbox .qd_btn {
	display: inline-block;
	padding-left: 20px;
	font-size: 34px;
	color: #fefcfc;
	line-height: 96px
}

.qd_btnbox .qd_btn:before {
	display: inline-block;
	margin-right: 10px
}

.qd_btnbox .info {
	position: absolute;
	right: 4px;
	top: 4px;
	display: inline-block;
	width: 145px;
	height: 88px;
	font-size: 18px;
	color: #5c5e5d;
	background-color: #fff;
	border-radius: 0 4px 4px 0;
	text-align: center;
	padding-top: 20px;
	box-sizing: border-box;
	line-height: 20px
}

.qd_btnbox .info span {
	color: #26b763;
	font-size: 26px;
	line-height: 40px
}

.tie_num {
	font-size: 14px;
	color: #6b6b6b;
	line-height: 20px;
	background-color: #FFF
}

.tie_num span {
	display: inline-block;
	padding: 20px 0;
	float: left;
	width: 110px;
	border: 1px #e8e8e8 solid;
	margin: 0 -1px -1px 0;
	box-sizing: border-box;
	text-align: center
}

.tie_num span b {
	color: #26b763;
	display: block;
	margin-top: 12px
}

.tie_num span:first-child {
	width: 112px
}

.tie_num span:last-child {
	width: 100%;
	height: 72px;
	box-sizing: border-box;
	line-height: 30px
}

.class_type {
	margin-top: 30px;
	padding: 0 15px 35px;
	background-color: #FFF
}

.class_type>div {
	margin-left: -30px
}

.class_type a {
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	transition: all 0.3s
}

.class_type a:hover {
	transform: matrix(1.1, 0, 0, 1.1, 0, 0)
}

.forum_tools {
	margin-top: 20px;
	margin-bottom: 0
}

.forum_tools dl {
	padding-bottom: 0;
	box-shadow: none
}

.forum_tools dl dt {
	background-color: #FFF;
	margin-bottom: 0
}

.forum_tools dl dt:hover:before {
	transition: all 0.3s;
	transform: matrix(1.1, 0, 0, 1.1, 0, 0)
}

.forum_tools dl dt a {
	color: #4ec1ec
}

.forum_list2 {
	margin-top: 12px;
	border: 1px #e8e8e8 solid;
	background-color: #FFF
}

.forum_list2 .forum_nav {
	padding: 0 25px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #e8e8e8 solid
}

.forum_list2 .forum_nav a {
	display: inline-block;
	margin-right: 30px;
	padding: 0 10px;
	font-size: 16px;
	color: #3b3a3a;
	line-height: 50px;
	transition: all 0.3s
}

.forum_list2 .forum_nav a.on,
.forum_list2 .forum_nav a:hover {
	border-bottom: 2px #26b763 solid;
	color: #26b763
}

.forum_ul li {
	padding: 20px 10px;
	border-bottom: 1px #e5e4e4 solid
}

.forum_ul .pic {
	display: inline-block;
	float: left;
	width: 80px;
	margin-left: 15px;
	margin-right: 20px
}

.forum_ul .pic img {
	border-radius: 50%
}

.forum_ul .info {
	float: left;
	width: 900px
}

.forum_ul .info .tit .tubiao {
	display: inline-block;
	float: left;
	width: 200px;
	line-height: 40px
}

.forum_ul .info .tit a {
	display: inline-block;
	float: left;
	max-width: 800px;
	font-size: 16px;
	line-height: 40px;
	color: #666;
	transition: all 0.3s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.forum_ul .info .tit a:hover {
	color: #26b763
}

.forum_ul .info .hot,
.forum_ul .info .jian,
.forum_ul .info .jinhua {
	margin-left: 7px;
	padding: 0 5px;
	height: 15px;
	line-height: 15px;
	display: inline-block;
	font-size: 10px;
	background-color: #f2640e;
	color: #fcf8f8;
	border-radius: 2px
}

.forum_ul .info .jian {
	background-color: #59b46e
}

.forum_ul .info .jinhua {
	background-color: #4395ff
}

.forum_ul .info .tu {
	display: inline-block;
	width: 20px;
	margin-left: 7px;
	color: #70d098
}

.forum_ul .info .time {
	font-size: 12px;
	color: #8e8e8e;
	line-height: 40px
}

.forum_ul .info .time i {
	display: inline-block;
	margin-right: 5px
}

.forum_ul .info .time span {
	margin-right: 15px
}

.b_line {
	padding-bottom: 40px;
	background-color: #f4f4f4
}

.user_pop {
	position: absolute;
	display: none;
	width: 300px;
	box-sizing: border-box;
	border: 1px #e8e8e8 solid;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 3px 0 rgba(84, 84, 84, 0.4)
}

.pop_top {
	padding: 10px 0 25px;
	position: relative
}

.pop_top .user_tx {
	float: left;
	width: 58px;
	padding: 0 15px;
	border-radius: 50%
}

.pop_top .user_name {
	float: left
}

.pop_top .user_name .name {
	display: block;
	font-size: 14px;
	line-height: 26px;
	height: 26px;
	color: #403f3f
}

.pop_top .user_name .gz,
.pop_top .user_name .zy {
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	display: inline-block;
	font-size: 12px;
	color: #fbfafa;
	margin-right: 10px;
	background-color: #26b763;
	border-radius: 4px
}

.pop_top .user_name .zy {
	background-color: #b79326
}

.pop_top .user_name .xinf {
	position: absolute;
	right: 13px;
	top: 8px;
	font-size: 20px;
	color: #acaead
}

.send_message .formp {
	margin-bottom: 20px
}

.send_message .formp .labspan {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 80px;
	text-align: right;
	height: 20px;
	line-height: 20px;
	vertical-align: top
}

.send_message .formp input,
.send_message .formp textarea {
	float: left;
	border: 1px solid #ccc;
	height: 20px;
	line-height: 20px;
	color: #555;
	border-radius: 4px;
	padding: 0 10px
}

.pop_footer {
	position: relative;
	font-size: 12px;
	color: #666666;
	height: 67px
}

.pop_footer span {
	display: inline-block;
	padding: 15px 0 10px;
	float: left;
	width: 100px;
	border: 1px #e8e8e8 solid;
	margin: 0 -1px -1px 0;
	box-sizing: border-box;
	text-align: center
}

.pop_footer span:last-child {
	border-right: none
}

.pop_footer span b {
	color: #26b763;
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 20px;
	height: 20px
}

.pop_footer:after {
	background: url("../img/index/sj.png") 0 0 no-repeat;
	width: 298px;
	height: 12px;
	display: inline-block;
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0
}

.user_top {
	height: 236px;
	background: #fff url("../img/usercenter.jpg") 0 0 no-repeat
}

.user_topbox {
	position: absolute;
	top: 45px;
	width: 100%
}

.user_topbox .user_tx {
	position: absolute;
	left: 0;
	border-radius: 50%;
	border: 5px #fff solid;
	border-color: rgba(255, 255, 255, 0.5)
}

.user_topbox .user_info {
	position: absolute;
	left: 250px;
	top: 25px
}

.user_topbox .user_info p {
	color: #fff;
	font-size: 20px;
	line-height: 35px;
	text-shadow: 0 3px 9px rgba(45, 90, 127, 0.5)
}

.user_topbox .user_info .user_name {
	font-size: 40px;
	line-height: 70px
}

.user_menu {
	margin: 70px auto 50px;
	width: 580px;
	border: 1px #ccc solid;
	border-radius: 4px
}

.user_menu li {
	float: left
}

.user_menu li:first-child a {
	padding-left: 35px
}

.user_menu li:last-child a {
	padding-right: 35px
}

.user_menu li:last-child:after {
	content: ""
}

.user_menu li:after {
	content: "|";
	display: inline-block;
	color: #ccc
}

.user_menu a {
	display: inline-block;
	padding: 14px 60px;
	font-size: 16px;
	text-align: center;
	color: #000;
	border-bottom: 1px #fff solid;
	transition: all 0.3s
}

.user_menu a.acitve,
.user_menu a:hover {
	color: #26b763;
	border-color: #26b763
}

.he_menu {
	width: 350px
}

.user_menu2 {
	margin-bottom: 45px
}

.user_menu2 li {
	margin-right: 40px;
	float: left
}

.user_menu2 li a {
	display: inline-block;
	color: #333;
	font-size: 14px
}

.user_menu2 li a.active,
.user_menu2 li a:hover {
	color: #21a157
}

.user_box {
	margin-bottom: 50px
}

.user_box .tit {
	width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.user_msglist li {
	margin-bottom: 15px
}

.user_msglist .g-sd1 {
	width: 50px;
	margin-right: -50px
}

.user_msglist .g-mn1c {
	margin-left: 60px
}

.user_msglist .cour-msg-pic {
	display: inline-block
}

.user_msglist .cour-msg-pic img {
	border-radius: 50%
}

.user_msglist .cour-msg-body {
	width: 100%;
	border-bottom: 1px #e7e7e7 solid;
	padding-bottom: 15px
}

.user_msglist .cour-msg-body .cour-msg-name {
	font-size: 12px;
	color: #666;
	line-height: 20px
}

.user_msglist .cour-msg-body .cour-msg-name span {
	font-size: 12px;
	color: #666
}

.user_msglist .cour-msg-body .cour-msg-con {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
	line-height: 20px
}

.user_msglist .cour-msg-body .cour-msg-con .icon-wenhao {
	display: inline-block;
	margin-right: 5px;
	color: #23b561
}

.user_msglist .cour-msg-body .teach {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-top: 10px
}

.user_msglist .cour-msg-body .teach span {
	color: #e61717
}

.user_msglist .cour-msg-body .cour-msg-con2 {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 5px
}

.user_msglist .cour-msg-body .more {
	float: right;
	margin-top: 10px;
	color: #1eaace
}

.user_msglist .cour-msg-tit {
	display: block;
	font-size: 14px;
	color: #333;
	font-weight: bold
}

.user_msglist .cour-info i {
	padding-left: 15px
}

#ie-alert-overlay {
	width: 100%;
	height: 100%;
	background-image: url("../img/common/bg.png");
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999
}

* html #ie-alert-overlay {
	position: absolute;
	z-index: 9999
}

#goon {
	font-size: 20px;
	cursor: pointer;
	margin: 20px 0;
	color: green
}

#ie-alert-panel {
	width: 594px;
	height: 4100px;
	position: fixed;
	background: url("../img/common/iealertsprite.png") no-repeat;
	background-position: -1px -109px;
	top: 50%;
	left: 50%;
	margin: -201px 0 0 -296px;
	padding: 72px 0 0 72px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 700;
	color: #333;
	line-height: 1.5em;
	z-index: 10000;
	box-sizing: border-box
}

#ie-alert-panel .browser_tip {
	font-size: 14px;
	width: 486px;
	text-align: justify
}

#ie-alert-panel img {
	border: 0
}

#ie-alert-panel span {
	font-size: 18px;
	margin: 0 0 20px;
	display: block;
	padding: 0
}

#ie-alert-panel ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#ie-alert-panel li {
	float: left;
	margin: 0 22px 0 0
}

#ie-alert-panel li.last {
	margin-right: 0
}

#ie-alert-panel a {
	display: inline-block
}

#ie-alert-panel .red {
	color: red
}

.browser {
	position: absolute;
	bottom: 35px
}

.chrome,
.firefox,
.ie9,
.opera,
.safari {
	background: url("../img/common/iealertsprite.png") no-repeat
}

.chrome {
	background-position: 0 0;
	width: 73px;
	height: 96px;
	margin: 0 4px 0 0
}

.firefox {
	background-position: -292px 0;
	width: 73px;
	height: 98px
}

.ie9 {
	background-position: -179px 0;
	width: 95px;
	height: 98px
}

.opera {
	background-position: -90px 0;
	width: 73px;
	height: 98px
}

.safari {
	background-position: -387px 0;
	width: 73px;
	height: 98px;
	margin: 0 4px 0 0
}

.code-tab {
	margin: 0 30px;
	border: 1px #2ecb70 solid;
	padding: 10px 30px;
	width: auto;
	border-radius: 0
}

.cour-tree-tab {
	border-bottom: 2px #e4e7e8 solid
}

.cour-tree-tab li {
	width: 110px;
	border: 0;
	padding-bottom: 0;
	position: relative;
	bottom: -2px;
	height: 50px
}

.cour-tree-tab li a {
	padding: 0 10px
}

.cour-tree-tab .active,
.cour-tree-tab li:hover {
	border-bottom: 2px solid #2ecb70
}

.cour-tree-tab .active a,
.cour-tree-tab li:hover a {
	color: #2ecb70
}

.code-cate li a.active,
.code-cate li a:hover,
.code-cate li.active,
.code-cate li:hover {
	color: #2ecb70;
	border-bottom: 0
}

.subnavi2 {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 10px
}

.indexbox {
	padding-top: 0
}

.banner_mobeil {
	display: none
}

.navbar_toggle {
	display: none;
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 22px;
	margin-bottom: 8px;
	background-color: #2ecb70;
	border: 1px solid #2ecb70;
	border-radius: 4px;
	z-index: 2
}

.navbar_toggle .icon_bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #fff;
	margin-top: 4px
}

.navbar_collapse {
	position: absolute;
	padding: 0 5%;
	width: 90%;
	left: 0;
	top: 81px;
	display: none;
	background-color: #2ecb70;
	color: #fff;
	z-index: 1
}

.navbar_collapse a {
	display: inline-block;
	padding: 10px;
	color: #fff;
	line-height: 20px
}

.for_banner {
	height: 240px;
	background: url("../img/index/for_banner.jpg") center top no-repeat
}

.for_banner .con {
	position: relative;
	height: 240px;
	padding: 70px 220px 70px 95px;
	box-sizing: border-box
}

.for_banner h2 {
	color: #fdf9fd;
	font-size: 30px
}

.for_banner h2 span {
	font-size: 16px;
	font-weight: normal
}

.for_banner h2 span:first-child:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: #fff;
	margin: 0 10px
}

.for_banner p {
	margin-top: 15px;
	color: #fdf9fd;
	line-height: 25px;
	font-size: 14px
}

.for_banner i {
	position: absolute;
	left: 0;
	top: 78px;
	display: inline-block;
	width: 70px;
	height: 70px
}

.forum_left {
	float: left;
	width: 725px;
	margin-right: 20px;
	margin-top: 0;
	box-sizing: border-box
}

.forum_left .info {
	width: 585px
}

.forum_left .info .tit a {
	max-width: 485px
}

.forum_right {
	float: left;
	width: 295px;
	box-sizing: border-box;
	border: 1px #e8e8e8 solid;
	background-color: #fff
}

.forum_right .post {
	position: relative;
	margin: 30px auto;
	display: block;
	width: 240px;
	height: 55px;
	line-height: 55px;
	color: #fdf9fd;
	text-align: center;
	background-color: #28b362;
	border-radius: 4px
}

.forum_right .post i {
	position: absolute;
	top: 0;
	left: 70px
}

.forum_slider h3 {
	margin: 0 10px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #6d6d6d;
	border-bottom: 1px #e8e8e8 solid;
	font-weight: normal
}

.class_type2 {
	margin-top: 15px;
	padding: 10px 30px 0
}

.class_type2 a {
	margin-left: 30px;
	margin-bottom: 20px;
	width: 100px;
	height: 100px
}

.class_type2 a:nth-child(2n+1) {
	margin-left: 0
}

.hot_posts {
	padding: 0 20px;
	margin-bottom: 20px
}

.hot_posts li {
	margin-top: 15px
}

.hot_posts li:nth-child(1) i,
.hot_posts li:nth-child(2) i,
.hot_posts li:nth-child(3) i {
	background-color: #26b763;
	color: #fff;
	border: 0
}

.hot_posts a {
	display: inline-block;
	max-width: 250px;
	overflow: hidden;
	font-size: 14px;
	color: #6d6d6d;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.3s;
	box-sizing: border-box
}

.hot_posts a:hover {
	color: #26b763
}

.hot_posts a i {
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px #b7b7b7 solid;
	text-align: center;
	line-height: 20px;
	font-style: normal;
	box-sizing: border-box;
	color: #a5a1a1
}

.course_recommend {
	padding: 25px 15px 0
}

.course_recommend li {
	margin-bottom: 25px;
	overflow: hidden
}

.course_recommend .pic {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 140px;
	height: 80px
}

.course_recommend .info {
	width: 115px;
	float: right
}

.course_recommend .info .tit {
	font-size: 12px;
	color: #484848;
	line-height: 20px;
	transition: color 0.3s
}

.course_recommend .info .tit:hover {
	color: #26b763
}

.course_recommend .info p {
	font-size: 12px;
	color: #6d6d6d;
	margin-top: 10px
}

.course_recommend .info p span {
	color: #59b46e
}

.f_detail_con {
	box-sizing: border-box;
	background-color: #fff;
	border: 1px #d1d0d0 solid
}

.questions {
	padding: 20px 30px
}

.questions .q_tit {
	font-size: 18px;
	color: #333;
	line-height: 30px
}

.questions .q_edit {
	color: #838181;
	float: right;
	font-size: 14px
}

.questions .q_info {
	margin-top: 10px;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	color: #838181;
	padding-bottom: 20px;
	border-bottom: 1px #d1d0d0 solid
}

.questions .q_info .money {
	display: inline-block;
	color: #ffa202;
	font-size: 12px;
	height: 20px;
	position: relative;
	padding-left: 15px
}

.questions .q_info .money:after {
	position: absolute;
	left: 3px;
	top: 5px;
	content: "";
	background: url("../img/index/shuit.png") -20px -80px no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block
}

.questions .q_info .right {
	float: right
}

.questions .q_info .right span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-left: 8px
}

.questions .q_info .right i {
	display: inline-block;
	margin-right: 5px
}

.questions .q_info .right .view_num i {
	vertical-align: -2px
}

.questions .q_des {
	padding-top: 20px;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	overflow: hidden
}

.questions .q_des img {
	width: 100%
}

.best_answer {
	padding: 25px 30px;
	background-color: #e1fded
}

.best_answer .best_tit {
	color: #fe8004;
	margin-bottom: 10px;
	font-size: 16px;
	height: 25px;
	line-height: 25px
}

.best_answer .best_tit:before {
	position: relative;
	top: 5px;
	content: "";
	display: inline-block;
	margin-right: 5px;
	background: url("../img/index/shuit.png") 0 -80px no-repeat;
	font-size: 16px;
	width: 20px;
	height: 20px
}

.best_answer .answer_txt {
	font-size: 12px;
	line-height: 24px;
	color: #333
}

.answer_info {
	padding: 10px 0;
	font-size: 12px;
	color: #838181;
	line-height: 30px
}

.answer_info .answer_tx {
	display: inline-block;
	width: 30px;
	height: 30px
}

.answer_info .answer_tx img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	vertical-align: middle
}

.answer_info .comment_num {
	float: right
}

.answer_info .comment_num a {
	display: inline-block;
	margin-left: 5px;
	color: #838181;
	font-size: 12px
}

.answer_info .comment_num a:hover {
	color: #1bad58;
	text-decoration: underline
}

.best_reply {
	background-color: #fff;
	padding: 15px
}

.best_reply .textarea {
	position: relative
}

.best_reply .textarea textarea {
	padding: 10px;
	border: 1px #d4d4d4 solid;
	height: 100px;
	width: 100%;
	box-sizing: border-box
}

.best_reply .textarea .pub_btn {
	padding: 0 5px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #1bad58;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 65px
}

.best_reply .textarea .error {
	display: none;
	color: red
}

.best_reply .more {
	margin-top: 10px;
	display: block;
	text-align: center;
	color: #979897;
	line-height: 20px
}

.reply_li {
	margin-top: 20px
}

.reply_li .reply_name {
	font-size: 12px;
	color: #1bad58;
	height: 30px;
	line-height: 30px
}

.reply_li .reply_name .time {
	float: right;
	color: #838181
}

.reply_li .reply_tx {
	display: inline-block;
	margin-right: 5px
}

.reply_li .reply_tx img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	display: inline-block;
	border-radius: 50%
}

.reply_li .reply_com {
	margin-top: 10px;
	padding: 15px;
	background-color: #f9f8f8;
	font-size: 14px;
	color: #575757;
	line-height: 20px
}

.reply_li .reply_com .reply_btn {
	display: inline-block;
	margin-left: 5px;
	color: #babcbb
}

.reply_li .reply_com .quan {
	color: #c2c4c3
}

.answer_tit {
	padding: 10px 30px;
	height: 60px;
	line-height: 40px;
	font-size: 14px;
	color: #484747;
	background-color: #f9f7f8;
	border: 1px #d1d0d0 solid;
	border-style: solid none;
	box-sizing: border-box
}

.answer_tit .answer_num {
	font-size: 12px;
	color: #838181
}

.answer_tit .reply_btn {
	margin-top: 5px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	float: right;
	font-size: 14px;
	color: #838182;
	border: 1px #d1d0d0 solid;
	background-color: #fff;
	border-radius: 3px;
	padding: 0 20px;
	box-sizing: border-box;
	transition: all 0.3s
}

.answer_tit .reply_btn:hover {
	background-color: #838182;
	color: #fff
}

.answer_con {
	padding: 0 10px;
	overflow: hidden
}

.answer_item {
	padding: 30px 20px 30px 90px;
	border-bottom: 1px #d4d4d4 dashed;
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.answer_item .ans_tx {
	position: absolute;
	left: 20px;
	top: 30px
}

.answer_item .ans_tx img {
	border-radius: 50%
}

.answer_item .ans_adopt {
	position: absolute;
	right: 20px;
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #2ecb70;
	border-radius: 2px;
	border: 1px #a0f5c4 solid;
	transition: all 0.3s
}

.answer_item .ans_adopt:hover {
	color: #838182;
	border: 1px #d1d0d0 solid;
	background-color: #fff
}

.answer_item .ans_info {
	font-size: 12px;
	color: #838182;
	height: 30px;
	line-height: 30px
}

.answer_item .ans_info a {
	color: #3a3a3a
}

.answer_item .ans_content {
	margin: 10px 0;
	font-size: 14px;
	color: #444
}

.answer_item .right {
	float: right
}

.answer_item .ans_inter a {
	display: inline-block;
	font-size: 12px;
	margin-left: 10px;
	color: #9e9d9e
}

.answer_item .ans_inter a:hover {
	text-decoration: underline;
	color: #2ecb70
}

.answer_item .ans_inter .icon-zans:before {
	display: inline-block;
	margin-right: 2px;
	font-size: 14px
}

.reply_box {
	display: none;
	border: 1px #d1d0d0 solid;
	border-radius: 2px;
	background-color: #fbfafb;
	margin-top: 10px
}

.reply_box .more {
	margin-top: 10px;
	display: block;
	text-align: center;
	color: #979897;
	line-height: 20px
}

.reply_box .reply_text {
	margin: 10px 20px 40px
}

.reply_box .reply_text textarea {
	padding: 10px;
	width: 100%;
	height: 80px;
	border: 1px #d1d0d0 solid;
	border-radius: 4px;
	box-sizing: border-box
}

.reply_box .reply_text .pub_reply_btn {
	float: right;
	color: #979897;
	font-size: 12px;
	line-height: 20px
}

.reply_box .reply_text .error {
	display: none;
	color: red
}

.reply_item {
	position: relative;
	margin: 0 20px;
	border-bottom: 1px #d1d0d0 dashed
}

.reply_item:last-child {
	border-bottom: none
}

.reply_item .reply_info {
	margin-top: 10px;
	font-size: 12px;
	color: #9e9d9e;
	line-height: 20px;
	height: 20px
}

.reply_item .reply_info a {
	display: inline-block;
	margin-right: 10px;
	color: #2ecb70
}

.reply_item .reply_con {
	padding: 12px 0 25px;
	font-size: 14px;
	line-height: 20px;
	color: #5e605f
}

.reply_item .reply_con .quan {
	color: #c2c4c3
}

.reply_item .reply_btn {
	float: right;
	position: absolute;
	right: 0;
	bottom: 8px;
	color: #979897;
	font-size: 12px
}

.answer_reply {
	padding: 0 30px 30px 100px;
	position: relative
}

.answer_reply .ans_tx {
	position: absolute;
	left: 30px;
	top: 0;
	display: inline-block;
	width: 60px;
	height: 60px
}

.answer_reply .ans_tx img {
	border-radius: 50%
}

.answer_reply .code {
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	width: 90px;
	height: 30px;
	border: 1px #d1d0d0 solid;
	box-sizing: border-box
}

.answer_reply .yzm {
	float: left;
	display: inline-block
}

.answer_reply .ans_edit {
	width: 100%
}

.answer_reply .ans_code {
	margin-top: 15px;
	font-size: 14px;
	color: #4b4949
}

.answer_reply .ans_sub {
	display: inline-block;
	padding: 0 20px;
	float: right;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	background-color: #2ecb70;
	color: #fff
}

.answer_reply .error {
	color: red
}

.postbox {
	background-color: #fff;
	padding-bottom: 50px
}

.postbox h2 {
	padding: 15px 40px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #22a85a;
	border-bottom: 1px #ccc solid
}

.postbox .formdiv {
	position: relative;
	margin-top: 25px;
	padding: 0 40px
}

.postbox .formdiv .inp {
	padding: 0 10px;
	border: 1px #ccc solid;
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px
}

.postbox .formdiv select {
	height: 30px;
	line-height: 30px;
	border: 1px #ccc solid
}

.postbox .formdiv .tit {
	color: #989898
}

.postbox .formdiv .xuans {
	float: left;
	line-height: 30px
}

.postbox .formdiv .xuans input {
	margin-right: 5px;
	vertical-align: -1px
}

.postbox .formdiv .code {
	float: left;
	width: 90px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin-right: 10px;
	border: 1px #ccc solid;
	box-sizing: border-box
}

.postbox .formdiv .post_btn {
	position: absolute;
	right: 40px;
	top: 0;
	color: #fff;
	background-color: #2ecb70;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.money_d {
	float: left;
	margin-left: 5px;
	height: 30px;
	line-height: 30px;
	color: #7c7b7b;
	font-size: 14px
}

.money_d input {
	width: 50px
}

.post_error {
	display: none;
	padding: 0 40px;
	color: red
}

.uc_navi {
	background-color: #2a2a2f;
	border-bottom: none
}

.uc_navi .navi2 .sub {
	color: #fff;
	border-bottom: none
}

.uc_navi .search_box .search_inp {
	background-color: #2a2a2f;
	border: 1px #6d6d70 solid
}

.uc_navi .search_box .search_btn {
	border-color: #6d6d70
}

.uc_navi .login_txt>a {
	color: #fff
}

.uc_top {
	background: url("../img/index/usercenterbg.jpg") center top no-repeat;
	height: 286px
}

.uc_top .uct_left {
	width: 210px;
	float: left
}

.uc_top .uct_left>a {
	cursor: default
}

.uc_top .uct_left .tx {
	margin: 35px 20px 20px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	border: 5px #94a0ab solid
}

.uc_top .uct_left .name {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center
}

.uc_top .uct_left .name span {
	padding: 0 5px;
	display: inline-block;
	font-size: 12px;
	background-color: #15b275;
	border-radius: 4px;
	margin-left: 5px
}

.uc_top .uct_con {
	float: left;
	width: 510px;
	padding: 55px 25px
}

.uc_top .uct_con .uct_lev {
	padding: 0 5px;
	line-height: 20px;
	display: inline-block;
	background-color: #ffa102;
	border-radius: 2px;
	color: #fff
}

.uc_top .uct_con .uct_num {
	margin-top: 10px;
	color: #fff;
	font-size: 12px
}

.uc_top .uct_con .uct_num span {
	display: inline-block;
	margin-right: 25px
}

.uc_top .uct_con .name {
	font-size: 20px;
	line-height: 20px;
	color: #fff
}

.uc_top .uct_con .name span {
	padding: 0 5px;
	display: inline-block;
	font-size: 12px;
	background-color: #15b275;
	border-radius: 4px;
	margin-left: 5px
}

.uc_top .uct_con .uct_des {
	padding-top: 10px;
	font-size: 16px;
	color: #fff
}

.uc_top .uct_con .uct_btn {
	margin-top: 15px
}

.uc_top .uct_con .uct_btn a {
	margin-right: 25px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 1px #fff solid;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	color: #fff
}

.uc_top .uct_right {
	float: right;
	width: 270px;
	padding-top: 90px
}

.uc_top .uct_right .qd_btn {
	font-size: 26px;
	padding-left: 18px;
	line-height: 77px
}

.uc_top .uct_right .info {
	padding-top: 12px;
	width: 130px;
	height: 70px;
	font-size: 14px
}

.uc_top .uct_right .info span {
	font-size: 21px;
	line-height: 25px
}

.uc_box {
	padding: 40px 0
}

.ucbox_menu {
	float: left;
	width: 260px;
	margin-right: 25px;
	border: 1px #dedbdb solid;
	background-color: #fff;
	border-bottom: none;
	box-sizing: border-box
}

.ucbox_menu li {
	border-bottom: 1px #dedbdb solid;
	height: 56px
}

.ucbox_menu li a {
	display: block;
	font-size: 16px;
	color: #575757;
	text-align: center;
	line-height: 56px;
	transition: all 0.3s
}

.ucbox_menu li a.on,
.ucbox_menu li a:hover {
	color: #fff;
	background-color: #25b060
}

.ucbox_menu li i {
	display: inline-block;
	margin-right: 5px
}

.ucbox_con {
	float: left;
	width: 755px;
	border: 1px #dedbdb solid;
	background-color: #fff;
	box-sizing: border-box
}

.uc_other {
	float: none;
	width: 935px;
	margin: 0 auto
}

.uc_other .forum_ul .info {
	width: 790px
}

.uc_other .forum_ul .info .tit a {
	max-width: 690px
}

.uctab_navi {
	border-bottom: 1px #dedbdb solid
}

.uctab_navi li a {
	float: left;
	display: inline-block;
	margin-left: 30px;
	padding: 0 5px;
	color: #5e5e5e;
	font-size: 16px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-bottom: 2px #fff solid
}

.uctab_navi li a.on {
	border-color: #25b060
}

.uctab_navi li.on a,
.uctab_navi li.on a:hover {
	border-color: #25b060
}

.fanslist li {
	margin: 0 20px;
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px #e1e0df solid
}

.fanslist li:last-child {
	border-bottom: none
}

.fanslist li.nomore {
	text-align: center;
	line-height: 20px;
	height: 20px
}

.fanslist .tx {
	display: inline-block;
	float: left;
	margin-right: 15px
}

.fanslist .tx img {
	width: 75px;
	height: 75px;
	border-radius: 50%
}

.fanslist .info {
	float: left
}

.fanslist .info .name {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #4e4d4d
}

.fanslist .info .des {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #959494
}

.fanslist .info .des span {
	display: inline-block;
	margin-right: 20px
}

.fanslist .tools {
	display: inline-block;
	float: right;
	margin: 10px 25px
}

.fanslist .fans {
	display: block;
	margin-bottom: 10px;
	padding: 0 20px;
	color: #848484;
	width: 60px;
	border: 1px #848484 solid;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	font-size: 14px;
	text-align: center
}

.fanslist .fans:last-child {
	margin-bottom: 0
}

.fanslist .fans:hover {
	color: #25b060;
	border-color: #25b060
}

.uc_qdbtn {
	height: 77px
}

.uc_course_list {
	padding: 25px;
	margin-left: -15px
}

.uc_course_list li {
	margin-bottom: 10px;
	margin-left: 15px;
	float: left
}

.uc_course_list li .name {
	display: inline-block;
	padding-top: 5px;
	font-size: 12px;
	color: #333;
	line-height: 25px;
	overflow: hidden;
	width: 164px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.uc_course_list li .pro1 {
	font-size: 12px;
	line-height: 25px;
	color: #575958
}

.uc_course_list li .pro1 span {
	color: #25b060
}

.uc_course_list li .jx {
	float: right;
	color: #25b060
}

.tasklist li {
	position: relative;
	padding: 25px;
	height: 65px;
	border-bottom: 1px #dedbdb solid
}

.tasklist li:last-child {
	border-bottom: none
}

.tasklist .taskicon {
	float: left
}

.tasklist .info {
	padding-left: 15px;
	float: left
}

.tasklist .info .tit {
	padding: 10px 0;
	color: #5e5e5e;
	font-size: 16px;
	line-height: 20px
}

.tasklist .info .des {
	color: #848383;
	font-size: 14px;
	line-height: 20px
}

.tasklist .reward {
	float: right;
	margin-top: 15px;
	display: inline-block;
	width: 100px;
	height: 38px;
	line-height: 38px;
	color: #25b060;
	font-size: 14px;
	text-align: center;
	border-radius: 8px;
	border: 1px #25b060 solid
}

.tasklist .reward:hover {
	background-color: #25b060;
	color: #fff
}

.asklist li {
	padding: 20px 0;
	margin: 0 25px;
	border-bottom: 1px #dcdbdb dashed
}

.asklist li:last-child {
	border-bottom: none
}

.asklist li .tit {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.asklist li .tit i {
	display: inline-block;
	margin-left: 2px;
	margin-right: 7px;
	color: #918f8f
}

.asklist li .tit .icon-zuijia {
	color: #2ecb70
}

.asklist li .des {
	margin: 15px 0;
	padding: 20px;
	font-size: 14px;
	background-color: #f6f6f6;
	line-height: 20px;
	color: #535252
}

.asklist li .info {
	font-size: 12px;
	line-height: 20px;
	color: #bbb
}

.asklist li .info span {
	display: inline-block;
	margin-right: 15px
}

.cardlist li {
	position: relative;
	padding: 20px 0;
	margin: 0 25px;
	border-bottom: 1px #dcdbdb dashed
}

.cardlist li:last-child {
	border-bottom: 1px #dcdbdb solid
}

.cardlist li.read a {
	color: #b5b4b4
}

.cardlist li input {
	position: absolute;
	top: 27px;
	left: 0;
	width: 14px;
	height: 14px;
	z-index: 2
}

.cardlist li .msgcon {
	display: block;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 25px;
	color: #5e5e5e;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box
}

.cardlist li .msgcon a {
	color: #5e5e5e
}

.cardlist li .msgcon .time {
	position: absolute;
	right: 0;
	bottom: 20px
}

.card_tools {
	padding: 15px 25px
}

.card_tools .card_all {
	vertical-align: middle;
	position: relative;
	top: -1px
}

.card_tools .del_all {
	display: inline-block;
	margin-left: 15px;
	padding: 0 7px;
	font-size: 14px;
	color: #676b69;
	background-color: #dfdede;
	border-radius: 4px;
	height: 30px;
	line-height: 30px
}

.back_note {
	display: block;
	margin: 10px 0 10px 30px;
	width: 125px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background-color: #25b060;
	text-align: center
}

.msg_detail {
	padding: 25px
}

.msg_detail .tit {
	margin-bottom: 25px;
	font-size: 18px;
	color: #5a5a5a;
	text-align: center
}

.msg_detail .msg_inp {
	padding: 10px;
	height: 80px;
	width: 100%;
	border: 1px #d1d0d0 solid;
	box-sizing: border-box
}

.msg_detail .send_btn {
	display: block;
	margin-top: 5px;
	padding: 0 20px;
	float: right;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	background-color: #2ecb70;
	color: #fff;
	border: 0;
	cursor: pointer
}

.notelist li {
	position: relative;
	padding: 20px 0;
	margin: 0 25px;
	border-bottom: 1px #dcdbdb dashed
}

.notelist li:last-child {
	border-bottom: 0
}

.notelist li input {
	position: absolute;
	top: 35px;
	left: 0;
	width: 14px;
	height: 14px;
	z-index: 2
}

.noteitem {
	display: block;
	padding-left: 50px;
	position: relative
}

.noteitem .tx {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%
}

.noteitem .name {
	color: #838182;
	font-size: 12px;
	line-height: 20px
}

.noteitem .name a {
	color: #838182
}

.noteitem .des {
	margin-top: 5px;
	color: #444;
	font-size: 14px;
	line-height: 20px
}

.noteitem .btn {
	color: #9e9d9e
}

.noteitem .btn:hover {
	color: #2ecb70;
	text-decoration: underline
}

.msgitem {
	position: relative;
	margin: 10px 0 10px 50px;
	display: block;
	position: relative
}

.msgitem .tx {
	position: absolute;
	left: -50px;
	top: 0;
	border-radius: 50%
}

.msgitem .name {
	color: #327ab7
}

.msgitem .info {
	padding: 10px;
	background-color: #d9edf7;
	line-height: 20px
}

.msgitem .time {
	color: #737373
}

.msgitem2 {
	margin: 10px 50px 10px 0
}

.msgitem2 .tx {
	right: -50px;
	left: auto
}

.recharge {
	position: relative;
	float: left;
	padding-left: 70px;
	width: 200px;
	height: 90px;
	line-height: 90px;
	background-color: #25b060;
	color: #fff;
	font-size: 14px
}

.recharge .icon-jinbi {
	position: absolute;
	left: 27px;
	font-size: 28px
}

.recharge .num {
	font-size: 26px
}

.recharge_r {
	padding: 0 20px
}

.recharge_r .btns,
.recharge_r .name {
	height: 45px;
	line-height: 45px
}

.recharge_r .btns {
	line-height: 0
}

.recharge_r .btns a {
	display: inline-block;
	padding: 0 20px;
	background-color: #25b060;
	color: #fff;
	line-height: 35px;
	height: 35px;
	margin-right: 20px
}

.money_con {
	padding: 30px 25px;
	min-height: 1055px;
}

.money_con .tit {
	margin-bottom: 15px;
	height: 35px;
	font-size: 20px;
	line-height: 35px;
	color: #25b060
}

.money_con .small {
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	color: #989797
}

.money_con .formp {
	margin-top: 25px;
	overflow: hidden
}

.money_con .formp .label,
.money_con .formp .label_2 {
	float: left;
	width: 90px;
	padding-right: 10px;
	height: 30px;
	line-height: 30px;
	color: #3f3f3f;
	font-size: 14px;
	text-align: right
}

.money_con .formp .label_2 {
	line-height: 50px
}

.money_con .formp .formb {
	float: left;
	line-height: 30px
}

.money_con .formp .formb .num {
	margin-right: 15px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #3f3f3f;
	padding: 0 10px;
	border: 1px #d1cece solid
}

.money_con .formp .formb .num.on,
.money_con .formp .formb .num:hover {
	border-color: #25b060
}

.money_con .formp .zftype {
	display: inline-block;
	height: 50px;
	border: 1px #d1cece solid
}

.money_con .formp .zftype.on,
.money_con .formp .zftype:hover {
	border-color: #25b060
}

.money_con .formp .other {
	margin-left: 10px;
	padding: 0 10px;
	width: 60px;
	height: 30px;
	line-height: 30px;
	border: 1px #d1cece solid
}

.money_con .formp .other.on,
.money_con .formp .other:hover {
	border-color: #25b060
}

.money_con .formp .cz_btn {
	display: inline-block;
	background-color: #25b060;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border: none;
	cursor: pointer
}

.money_navi {
	margin-bottom: 30px
}

.money_navi li a {
	float: left;
	display: inline-block;
	margin-right: 40px;
	height: 25px;
	line-height: 25px;
	border-bottom: 2px #fff solid;
	font-size: 16px;
	color: #6a6a6a
}

.money_navi li a.on,
.money_navi li a:hover {
	border-color: #25b060
}

.money_tab table {
	width: 100%;
	border: 1px #ccc solid;
	border-collapse: collapse
}

.money_tab th {
	height: 40px;
	line-height: 40px;
	background-color: #eceaea;
	font-size: 14px;
	color: #5e5e5e;
	text-align: center
}

.money_tab tr {
	font-size: 12px;
	line-height: 20px;
	color: #3f3e3e;
	text-align: center;
	border-bottom: 1px #ccc solid
}

.money_tab tr:last-child {
	border-bottom: 0
}

.money_tab td {
	padding: 10px 5px
}

.money_tab a {
	color: #3f3e3e;
	display: inline-block;
	margin-left: 5px
}

.money_card {
	border: 1px #ccc solid
}

.money_card h2 {
	background-color: #eceaea;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: 100
}

.money_card .item {
	display: block;
	width: 400px;
	margin: 30px auto 0
}

.money_card .item .label {
	display: inline-block;
	float: left;
	width: 45px;
	margin-right: 15px;
	font-size: 14px;
	color: #3f3e3e;
	line-height: 35px;
	text-align: right
}

.money_card .item .inpbox {
	float: left;
	position: relative
}

.money_card .item .err {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	line-height: 20px;
	color: red;
	white-space: nowrap
}

.money_card .item .suc {
	color: #25b060
}

.money_card .item input {
	border: 1px #ccc solid;
	width: 300px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px
}

.money_card .item .submit {
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
	background-color: #25b060;
	color: #fff;
	text-align: center;
	border: none;
	width: auto;
	margin-bottom: 30px;
	cursor: pointer
}

.money_cards {
	border: 1px #ccc solid
}

.money_cards h2 {
	background-color: #eceaea;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: 100
}

.money_cards .item {
	display: block;
	width: 400px;
	margin: 30px auto 0
}

.money_cards .item .label {
	display: inline-block;
	float: left;
	width: 45px;
	margin-right: 15px;
	font-size: 14px;
	color: #3f3e3e;
	line-height: 35px;
	text-align: right
}

.money_cards .item .inpbox {
	float: left;
	position: relative
}

.money_cards .item .err {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	line-height: 20px;
	color: red;
	white-space: nowrap
}

.money_cards .item .suc {
	color: #25b060
}

.money_cards .item input {
	border: 1px #ccc solid;
	width: 300px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px
}

.money_cards .item .submit {
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
	background-color: #25b060;
	color: #fff;
	text-align: center;
	border: none;
	width: auto;
	margin-bottom: 30px;
	cursor: pointer
}

@media (max-width: 768px) {
	.banner_mobeil {
		display: block
	}
	.wrap {
		width: 90%;
		margin: 0 5%
	}
	.top2 .search_box {
		display: none
	}
	.footer .wrap {
		width: 90%;
		margin: 0 5%;
		padding: 5% 0;
		box-sizing: border-box
	}
	.footer .link {
		width: 100%;
		float: none;
		margin-bottom: 30px
	}
	.footer .link dl {
		width: 33%;
		box-sizing: border-box;
		text-align: center;
		margin-right: 0
	}
	.footer .code {
		width: 50%;
		float: left;
		box-sizing: border-box
	}
	.footer .contact {
		width: 50%;
		float: left;
		box-sizing: border-box
	}
	.system .course_ul li:first-child {
		width: 100%;
		box-sizing: border-box
	}
	.system .course_tit {
		width: 100%;
		box-sizing: border-box
	}
	.system .course_ul li {
		width: 50%;
		box-sizing: border-box
	}
	.reg_box {
		width: 90%;
		padding: 5%;
		box-sizing: border-box
	}
}

@media (max-width: 414px) {
	body,
	html {
		overflow-x: hidden
	}
	.navbar_collapse dl {
		padding-left: 30px
	}
	.wrap {
		width: 90%;
		margin: 0 5%
	}
	.login_txt,
	.navi2,
	.top2 .search_box {
		display: none
	}
	.navbar_toggle {
		display: inline-block
	}
	.system h4 .course_icon {
		display: none
	}
	.navbar_collapse a {
		width: 100%
	}
	.login_box {
		padding: 10%;
		width: 80%;
		box-sizing: border-box
	}
	.login_box .form_group .form_control {
		width: 100%;
		box-sizing: border-box
	}
}

.pop_buy {
	background-color: #fff;
	width: 440px
}

.pop_buy .pop_tit {
	position: relative
}

.pop_buy .pop_tit h4 {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	background-color: #25af61;
	text-align: center
}

.pop_buy .pop_body {
	padding: 20px
}

.pop_buy .pop_bottom {
	text-align: center
}

.pop_buy .pop_bottom a {
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	background-color: #25af61;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	text-align: center
}

.pop_buy .close {
	position: absolute;
	right: 15px;
	color: #fff
}

.pop_buy .tips {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666
}

.buy_p {
	font-size: 20px;
	color: #333;
	line-height: 40px;
	height: 40px
}

.buy_p .buy_lab {
	float: left;
	width: 50%;
	padding-right: 10px;
	text-align: right;
	box-sizing: border-box
}

.buy_p .moneyc {
	color: #25af61
}

.buy_p .buy_laba {
	float: left
}

body .buy_pop_skin {
	min-width: 440px
}

.study_route .tit {
	padding: 25px 0 15px 5px;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #969696;
	font-size: 16px
}

.study_route .route,
.study_route .route2 {
	display: block;
	float: left;
	position: relative;
	padding: 20px 15px 0;
	margin-left: 10px;
	width: 255px;
	height: 210px;
	background-color: #FFF;
	border-radius: 4px;
	box-sizing: border-box;
	transition: all 0.3s
}

.study_route .route .name,
.study_route .route2 .name {
	position: relative;
	z-index: 2;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #292929
}

.study_route .route .des,
.study_route .route2 .des {
	position: relative;
	z-index: 2;
	font-size: 12px;
	line-height: 20px;
	color: #969696
}

.study_route .route2:hover,
.study_route .route:hover {
	box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px)
}

.study_route .route_right {
	float: left;
	width: 520px;
	margin-top: -10px
}

.study_route .route2 {
	width: 250px;
	height: 100px;
	margin: 10px 0 0 10px;
	padding: 20px 15px
}

.study_route .html5 {
	margin-left: 0
}

.study_route .html5 i,
.study_route .ui i {
	position: absolute;
	bottom: 5px;
	left: 66px;
	display: block;
	width: 120px;
	height: 120px;
	background: #FFF url("../img/index/index_xx.png") 0 0 no-repeat
}

.study_route .ui i {
	background-position: -120px 0
}

.study_route .android i,
.study_route .ios i,
.study_route .javaee i,
.study_route .php i {
	position: absolute;
	display: block;
	bottom: 25px;
	right: 10px;
	width: 120px;
	height: 60px;
	background: #FFF url("../img/index/index_xx.png") 0 -120px no-repeat;
	z-index: 1
}

.study_route .javaee i {
	background-position: -120px -180px
}

.study_route .android i {
	background-position: -120px -120px
}

.study_route .ios i {
	background-position: 0 -180px
}

.live2 .tit {
	padding: 25px 0 15px 5px;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #969696;
	font-size: 16px
}

.live2 .live_ul {
	margin-left: -10px
}

.live2 .live_ul .state {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
	background-color: #1dcf2a;
	height: 20px;
	line-height: 20px;
	border-top-left-radius: 4px
}

.live2 .live_ul .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36px;
	font-size: 12px;
	color: #fff;
	padding: 8px;
	box-sizing: border-box
}

.live2 .live_ul .bottom p {
	position: relative;
	z-index: 2;
	padding-right: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.live2 .live_ul .bottom p span {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	color: #969696
}

.live2 .live_ul .bottom b {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 36px;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.live2 .live_ul li {
	position: relative;
	float: left;
	width: 200px;
	margin-left: 10px
}

.live2 .live_ul li>a {
	display: block;
	transition: all 0.3s;
	font-size: 0
}

.live2 .live_ul li>a>img {
	border-radius: 4px
}

.live2 .live_ul li>a:hover {
	box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px)
}

.order_top {
	background: url("../img/common/order_top_bg.jpg") 0 0 repeat;
	height: 40px;
	line-height: 40px
}

.order_top .name {
	float: right
}

.order_pagebg {
	padding: 60px 0
}

.order_page {
	padding: 40px 50px 15px;
	box-sizing: border-box;
	background-color: #fff
}

.order_page .order_head {
	margin-bottom: 40px;
	position: relative;
	height: 40px
}

.order_page .order_head .logo {
	position: absolute;
	left: -27px;
	top: -7px;
	display: inline-block;
	transform: scale(0.7, 0.7)
}

.order_page .order_head .tit {
	margin-left: 150px;
	color: #494848;
	font-size: 18px;
	line-height: 35px
}

.order_page .order_head .tit em {
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 20px;
	background-color: #dddede;
	width: 1px;
	height: 20px
}

.order_page .order_list {
	border-bottom: 1px #dddede solid;
	padding-bottom: 40px
}

.order_page .order_list dt {
	margin-bottom: 20px;
	font-size: 16px;
	color: #696969;
	line-height: 32px;
	height: 32px
}

.order_page .order_list dd {
	padding: 25px 30px;
	background-color: #f4f4f4
}

.order_page .order_list .name {
	float: left;
	margin-left: 30px;
	display: inline-block;
	padding-top: 50px;
	font-size: 16px;
	color: #444444;
	line-height: 30px
}

.order_page .order_list .money {
	float: right;
	padding-top: 50px;
	padding-right: 30px;
	color: #444
}

.order_page .order_info {
	margin-bottom: 40px;
	padding: 30px 25px;
	background-color: #f4f5f5;
	line-height: 30px
}

.order_page .order_info .number {
	font-size: 20px;
	line-height: 40px;
	color: #494848
}

.order_page .order_info .tips {
	margin: 12px 0;
	font-size: 14px;
	color: #454545
}

.order_page .order_info i {
	font-style: normal
}

.order_page .order_info .time {
	color: #f67e44
}

.order_page .order_info .name {
	color: #7b7b7b;
	font-size: 16px
}

.order_page .order_info .money {
	float: right
}

.order_page .line {
	margin-top: 40px;
	margin-bottom: 30px;
	width: 100%;
	height: 1px;
	background-color: #dddede
}

.order_page .order_paytype {
	padding-top: 30px;
	padding-bottom: 40px;
	border-top: 1px #dddede solid;
	border-bottom: 1px #dddede solid
}

.order_page .order_paytype .tit {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 25px;
	color: #696969;
	height: 25px;
	margin-bottom: 30px
}

.order_page .order_paytype .tit i {
	position: absolute;
	right: -30px;
	font-size: 30px
}

.order_page .order_paytype .paytype {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	border: 1px #dad8d8 solid;
	text-align: center;
	margin-right: 50px;
	transition: all 0.2s
}

.order_page .order_paytype .paytype:before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 10px;
	border-color: transparent #38b035 #38b035 transparent;
	display: none;
	transition: all 0.2s
}

.order_page .order_paytype .paytype img {
	display: inline-block;
	vertical-align: middle
}

.order_page .order_paytype .paytype.on,
.order_page .order_paytype .paytype:hover {
	border-color: #38b035
}

.order_page .order_paytype .paytype.on:before,
.order_page .order_paytype .paytype:hover:before {
	display: inline-block
}

.order_page .bean {
	padding-top: 30px;
	border-bottom: 1px #dddede solid;
	padding-bottom: 24px
}

.order_page .bean #toggle_bean {
	display: none
}

.order_page .bean .tit {
	display: inline-block;
	line-height: 36px;
	font-size: 16px;
	color: #696969;
	position: relative
}

.order_page .bean .tit i {
	position: absolute;
	right: -30px;
	font-size: 30px;
	transition: all 0.2s
}

.order_page .bean .tit.on i,
.order_page .bean .tit:hover i {
	transform: rotate(180deg)
}

.order_page .bean .des {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333
}

.order_page .bean .des input {
	margin: 0 10px;
	padding-left: 5px;
	border: 1px #d2d2d2 solid;
	height: 24px;
	line-height: 24px;
	width: 60px
}

.order_page .bean .des .error {
	display: none;
	margin-left: 20px;
	color: red
}

.order_page .bean .beanpay {
	display: inline-block;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	background-color: #d5d5d5;
	color: #333
}

.order_page .bean .beanpay.on {
	background-color: #fc0c0c;
	color: #fff
}

.order_page .bean .beanhelp {
	font-size: 14px;
	color: #acacab;
	float: right
}

.order_page .bean .info {
	font-size: 14px;
	color: #666;
	height: 28px;
	line-height: 28px
}

.order_page .bean .info span {
	color: #f67e44
}

.order_page .bean .info .use_bean {
	display: none;
	margin-left: 20px
}

.order_page .paymoeny {
	border-bottom: 1px #dddede solid
}

.order_page .paymoeny .tit {
	padding-top: 40px;
	font-size: 16px;
	line-height: 20px;
	height: 20px
}

.order_page .paymoeny .discount {
	float: right;
	padding: 15px 0;
	text-align: right;
	font-size: 14px;
	color: #333;
	line-height: 35px
}

.order_page .paymoeny .discount span {
	display: inline-block;
	color: #f67e44;
	width: 100px
}

.order_page .total_moeny {
	margin-top: 15px;
	padding: 20px 25px;
	height: 90px;
	background-color: #f9f8f8;
	box-sizing: border-box;
	line-height: 50px
}

.order_page .total_moeny .label {
	float: left;
	position: relative;
	bottom: -5px;
	display: inline-block;
	font-size: 14px;
	color: #333
}

.order_page .total_moeny .sum {
	float: left;
	display: inline-block;
	padding: 0 25px;
	font-size: 25px;
	color: #f67e44
}

.order_page .total_moeny .pay {
	float: left;
	display: inline-block;
	height: 50px;
	color: #fff;
	background-color: #f67e44;
	font-size: 16px;
	border-radius: 4px;
	padding: 0 30px
}

.order_page .total_moeny .dis {
	background-color: #9d9d9d
}

.order_page .student {
	padding: 30px 0;
	border-bottom: 1px #dddede solid
}

.order_page .student .tit {
	padding-bottom: 30px;
	font-size: 16px;
	line-height: 30px;
	height: 30px
}

.order_page .student .item {
	margin-bottom: 25px;
	height: 40px;
	line-height: 40px
}

.order_page .student .item .label {
	font-size: 14px;
	color: #333;
	width: 70px;
	float: left
}

.order_page .student .item .inp {
	display: inline-block;
	float: left;
	border: 1px #d2d2d2 solid;
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	width: 250px;
	box-sizing: border-box
}

.order_page .student .item .inp:focus {
	border-color: #2ecb70
}

.order_page .student .item .tips {
	display: none;
	margin-left: 20px;
	float: left;
	margin-left: 20px
}

.order_page .student .item:last-child {
	margin-bottom: 0
}

.order_page .student .error .inp {
	border-color: red
}

.order_page .student .error .tips {
	color: red;
	display: inline-block
}

.order_page .coupon {
	padding: 30px 0;
	border-bottom: 1px #dddede solid
}

.order_page .coupon .tit {
	font-size: 16px;
	line-height: 30px;
	height: 30px
}

.order_page .coupon .coupon_btn {
	margin-left: 30px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #fc0c0c;
	height: 30px;
	line-height: 30px;
	min-width: 90px;
	text-align: center
}

.order_page .coupon .use_coupon {
	display: none;
	margin-left: 30px
}

.order_page .coupon .use_coupon b {
	color: #f67e44;
	font-weight: 100
}

.order_page .order_wxcon {
	background-color: #fff
}

.order_page .order_wxcon .wxpay {
	padding: 80px 0
}

.order_page .order_wxcon .wxpay .left {
	float: left;
	width: 280px;
	margin-left: 250px
}

.order_page .order_wxcon .wxpay .left .bt {
	text-align: center;
	font-size: 16px;
	color: #5c5c5c
}

.order_page .order_wxcon .wxpay .left .wx_ewm {
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 14px;
	width: 280px;
	height: 280px;
	box-sizing: border-box;
	border: 1px #9d9c9c solid;
	text-align: center
}

.order_page .order_wxcon .wxpay .left .wx_ewm img {
	width: 250px;
	height: 250px;
	display: inline-block;
	text-align: center
}

.order_page .order_wxcon .wxpay .right {
	float: left;
	margin-left: 90px
}

.order_page .order_wxcon .pay_money {
	padding-bottom: 80px;
	font-size: 18px;
	color: #595a5a;
	text-align: center
}

.order_page .order_wxcon .pay_money .red {
	color: #f62b10;
	font-weight: bold
}

.order_footer {
	padding: 30px 0;
	background-color: #fff;
	font-size: 14px;
	color: #9e9f9f;
	line-height: 30px;
	text-align: center
}

.coupon_pop {
	display: none;
	padding: 40px 150px;
	width: 700px;
	box-sizing: border-box
}

.coupon_pop .item {
	margin-bottom: 30px;
	height: 40px;
	line-height: 40px
}

.coupon_pop .item .label {
	font-size: 14px;
	color: #333;
	width: 70px;
	float: left
}

.coupon_pop .item .inp {
	display: inline-block;
	float: left;
	border: 1px #d2d2d2 solid;
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	width: 320px;
	box-sizing: border-box
}

.coupon_pop .item .inp:focus {
	border-color: #2ecb70
}

.coupon_pop .item .yzm {
	display: inline-block;
	width: 100px;
	height: 40px;
	margin-left: 20px
}

.coupon_pop .item .yzm img {
	width: 100%
}

.coupon_pop .item .inp_code {
	width: 200px
}

.coupon_pop .item .inp_code:focus {
	border-color: #2ecb70
}

.coupon_pop .item:last-child {
	margin-bottom: 0
}

.coupon_pop .item .coupon_pop_sub {
	width: 100%;
	font-size: 16px;
	color: #fff;
	background-color: #38b035;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 0;
	border-radius: 4px;
	cursor: pointer
}

.coupon_pop .error .inp {
	border-color: red
}

.coupon_pop .error .tips {
	color: red;
	display: inline-block
}

.coupon_pop .alone_error {
	display: none;
	position: absolute;
	left: 70px;
	top: -30px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	color: red
}

.layer_coupon_pop .layui-layer-title {
	text-align: center;
	font-size: 20px;
	color: #191919;
	background-color: #f3f3f3
}

.course_comment_list {
	margin-bottom: 30px
}

.answer_item2 {
	padding: 30px 0 30px 90px;
	border-bottom: 1px #d4d4d4 solid
}

.answer_item2 .ans_info a {
	color: #838182
}

.reply_box2 {
	margin-top: 10px;
	background-color: #f9f8f8
}

.reply_item2 {
	margin: 0;
	padding: 15px 20px
}

.reply_item2 .reply_info {
	color: #333;
	font-size: 12px;
	margin-top: 0
}

.reply_item2 .reply_info a {
	color: #333
}

.reply_item2 .reply_con {
	padding-bottom: 0
}

.course_reply {
	position: relative;
	padding: 0 0 30px 90px;
	margin-top: 50px
}

.course_reply .ans_tx {
	position: absolute;
	left: 20px;
	top: 0
}

.course_reply .ans_tx img {
	border-radius: 50%
}

.course_reply textarea {
	padding: 5px;
	border: 1px #d1d0d0 solid;
	border-radius: 2px;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box
}

.course_reply .error {
	color: red;
	display: none
}

.course_reply .form_item {
	margin: 10px 0
}

.course_reply .pub {
	display: inline-block;
	float: right;
	width: 90px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	border-radius: 4px;
	background-color: #2ecb70;
	text-align: center
}

.course_reply .inp {
	float: left;
	padding: 0 5px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box
}

.course_reply .pic_code_btn {
	display: inline-block;
	float: left;
	margin-left: 5px;
	width: 140px;
	height: 40px
}

.course_reply .pic_code_btn .yzmpic {
	display: inline-block;
	width: 140px;
	height: 40px
}

.order_pop {
	border-radius: 4px
}

.order_pop .layui-layer-title {
	padding: 20px 80px 0 20px;
	height: 25px;
	line-height: 25px;
	border: none;
	font-size: 16px;
	color: #535353;
	background-color: #fff
}

.order_pop .layui-layer-setwin {
	top: 25px
}

.pop_buy2 {
	display: none;
	box-sizing: border-box;
	width: 400px;
	height: 275px;
	padding: 0 20px 20px
}

.pop_buy2 .con1 {
	font-size: 20px;
	color: #191919;
	line-height: 20px;
	text-align: center
}

.pop_buy2 .con1 .tit {
	padding: 80px 0;
	font-size: 20px;
	color: #191919;
	line-height: 32px;
	text-align: center
}

.pop_buy2 .con2,
.pop_buy2 .con3,
.pop_buy2 .con4 {
	padding-top: 40px;
	display: none
}

.pop_buy2 .con2 .icon,
.pop_buy2 .con3 .icon,
.pop_buy2 .con4 .icon {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	border: 1px #e5e5e5 solid;
	border-radius: 50%;
	line-height: 80px
}

.pop_buy2 .con2 .icon img,
.pop_buy2 .con3 .icon img,
.pop_buy2 .con4 .icon img {
	padding-left: 20px;
	text-align: center;
	vertical-align: middle
}

.pop_buy2 .con2 .tip1,
.pop_buy2 .con3 .tip1,
.pop_buy2 .con4 .tip1 {
	text-align: center;
	font-size: 14px;
	color: #545454
}

.pop_buy2 .con2 .tip2,
.pop_buy2 .con3 .tip2,
.pop_buy2 .con4 .tip2 {
	margin-top: 50px;
	color: #191919;
	font-size: 16px;
	text-align: center
}

.pop_buy2 .con2 .tip2 span,
.pop_buy2 .con3 .tip2 span,
.pop_buy2 .con4 .tip2 span {
	color: #f02121
}

.pop_buy2 .con2 .btn,
.pop_buy2 .con3 .btn,
.pop_buy2 .con4 .btn {
	display: block;
	width: 130px;
	height: 48px;
	margin: 40px auto 0;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background-color: #38b035;
	border-radius: 4px
}

.pop_buy2 .pop_bottom a {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	float: left;
	border-radius: 4px;
	padding: 0 15px
}

.pop_buy2 .pop_bottom .choose_btn {
	display: inline-block;
	font-size: 14px;
	color: #8b8989;
	border: 1px #cdcdcd solid
}

.pop_buy2 .pop_bottom .pay_suc {
	float: right;
	width: 130px;
	background-color: #38b035;
	color: #fff
}

.order_sucpage {
	padding: 80px 0;
	background-color: #fff
}

.order_sucpage .info {
	font-size: 20px;
	color: #525252;
	text-align: center;
	margin-bottom: 40px
}

.order_sucpage .info .icon {
	display: inline-block;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	border: 1px #e5e5e5 solid;
	border-radius: 50%;
	line-height: 60px
}

.order_sucpage .info .icon img {
	text-align: center;
	vertical-align: middle;
	transform: scale(0.8)
}

.order_sucpage .course_img {
	text-align: center
}

.order_sucpage .course_img .tit {
	font-size: 20px;
	color: #676767;
	line-height: 25px;
	padding: 15px 0
}

.order_sucpage .sucbtn {
	display: block;
	width: 240px;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	color: #fff;
	background-color: #38b035;
	border-radius: 6px;
	text-align: center;
	margin: 80px auto 0
}

.weixin_pop {
	width: 300px;
	display: none
}

.weixin_pop .body {
	padding: 15px
}

.weixin_pop .weixin-share-qrcode {
	margin-bottom: 10px;
	text-align: center
}

.weixin_pop .weixin-share-qrcode img {
	max-width: 100%;
	height: auto;
	width: 256px;
	margin: 0 auto
}

.weixin_pop .text-muted {
	color: #919191;
	text-align: center;
	margin-bottom: 10px
}

.weixin_pop .text-muted small {
	font-size: 85%
}

.ad_flex {
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 20px 0;
	width: 100%;
	height: 80px;
	line-height: 40px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	box-sizing: border-box
}

.ad_flex span {
	position: relative;
	z-index: 2
}

.ad_flex:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 110px;
	width: 100%;
	background-color: rgba(66, 164, 107, 0.9);
	z-index: 1
}

.ad_flex a {
	position: relative;
	z-index: 2;
	top: -5px;
	display: inline-block;
	margin-left: 20px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 36px;
	height: 36px;
	text-align: center;
	border: 1px #fff solid;
	color: #fff
}

.ad_flex_pop {
	display: none;
	width: 400px;
	padding: 20px;
	box-sizing: border-box
}

.ad_flex_pop textarea {
	width: 100%;
	padding: 5px;
	box-sizing: border-box
}

.sc_404,
.sc_500 {
	height: 450px;
	padding: 100px 0;
	background: #f4f4f4 url("../img/school/404.jpg") center center no-repeat
}

.sc_404 .tit,
.sc_500 .tit {
	font-size: 25px;
	color: #4b4a4a;
	text-align: center;
	margin-bottom: 20px
}

.sc_404 .des,
.sc_500 .des {
	font-size: 14px;
	color: #575757;
	text-align: center
}

.sc_404 .des .red,
.sc_500 .des .red {
	color: #ed5a58
}

.sc_500 {
	background: #f4f4f4 url("../img/school/500.jpg") center center no-repeat
}

.search_con {
	background-color: #f5f5f5;
	padding-top: 35px
}

.search_con .search_b {
	width: 640px;
	height: 52px;
	line-height: 50px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px #34ba47 solid;
	font-size: 16px;
	color: #c5c5c5
}

.search_con .search_inp {
	float: left;
	width: 560px;
	padding: 0 10px 0 50px;
	height: 50px;
	border: 0;
	color: #787878;
	font-size: 16px;
	background: #fff url("../img/common/search_btn.png") 18px 15px no-repeat;
	box-sizing: border-box
}

.search_con .search_submit {
	float: left;
	width: 78px;
	height: 50px;
	border: 0;
	background-color: #34ba47;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.search_con .search_hot {
	width: 640px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	padding: 10px 0 20px;
	font-size: 14px;
	color: #787878;
	overflow: hidden;
	white-space: nowrap
}

.search_con .search_hot dd,
.search_con .search_hot dt {
	float: left
}

.search_con .search_hot dd a,
.search_con .search_hot dt a {
	display: inline-block;
	margin-left: 15px;
	color: #787878
}

.search_menu {
	margin: 0 auto;
	width: 320px
}

.search_menu li {
	float: left
}

.search_menu li a {
	display: inline-block;
	text-align: center;
	padding: 33px 60px 25px;
	font-size: 18px;
	color: #333
}

.search_menu li.on a,
.search_menu li:hover a {
	color: #29b03c
}

.search_total {
	padding-left: 20px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	height: 50px;
	line-height: 50px;
	color: #787878
}

.search_list li {
	padding: 30px 0;
	border-bottom: 1px #e6e6e6 solid
}

.search_list li:last-child {
	border-bottom: 0
}

.search_list .green {
	color: #34ba47
}

.search_list .search_img {
	display: block;
	float: left;
	margin-right: 20px;
	width: 230px;
	height: 145px
}

.search_list .search_info {
	float: left;
	width: 950px;
	font-size: 14px
}

.search_list .search_info .tit {
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 5px 0;
	font-size: 16px;
	color: #232323
}

.search_list .search_info .tit .search_lab {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	color: #9d9d9d;
	border: 1px #c8c7c7 solid;
	border-radius: 4px;
	min-width: 50px;
	text-align: center
}

.search_list .search_info .des {
	padding: 10px 0;
	line-height: 24px;
	height: 56px;
	color: #555;
	overflow: hidden;
}

.search_list .search_info .info {
	padding: 10px 0;
	line-height: 20px;
	height: 20px;
	color: #858585
}

.search_list .search_info .info .time,
.search_list .search_info .info .view {
	display: inline-block;
	float: left;
	margin-right: 25px
}

.search_list .search_info .info i {
	display: inline-block;
	margin-right: 5px
}

.route_banner {
	text-align: center;
	position: relative;
	height: 400px;
	overflow: hidden
}

.route_banner img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	display: inline-block;
	text-align: center
}

.route_bg {
	padding-top: 20px;
	padding-bottom: 80px;
	background-color: #f5f5f5
}

.xx_menu {
	background-color: #FFF;
	border-bottom: 1px #cbcbcb solid;
	height: 90px
}

.xx_menu .menu_ul li {
	float: left;
	display: inline-block
}

.xx_menu .menu_ul li a {
	position: relative;
	display: inline-block;
	padding: 0 40px;
	line-height: 90px;
	height: 90px;
	color: #2463d3;
	font-size: 30px;
	font-weight: bold;
	text-align: center
}

.xx_menu .menu_ul li a:after,
.xx_menu .menu_ul li a:before {
	display: none;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-color: transparent transparent #cbcbcb;
	border-width: 10px;
	border-style: solid
}

.xx_menu .menu_ul li a:after {
	bottom: -1px;
	border-color: transparent transparent #f8f8f8
}

.xx_menu .menu_ul li:nth-child(2) a {
	color: #18ad26
}

.xx_menu .menu_ul li:nth-child(3) a {
	color: #d6620c
}

.xx_menu .menu_ul li.on a:after,
.xx_menu .menu_ul li.on a:before {
	display: inline-block
}

.c_head1 {
	background-color: #fff;
	padding-bottom: 45px
}

.c_head1 .c_head1_banner {
	padding: 20px 0;
	display: inline-block;
	text-align: center
}

.c_head1 .course_info {
	margin: 0 80px
}

.phase {
	margin: 0 40px
}

.phase_head {
	margin-bottom: 50px;
	height: 60px;
	position: relative;
	font-size: 18px
}

.phase_head .phase_bt {
	position: absolute;
	left: 50%;
	top: 4px;
	transform: translateX(-50%);
	display: block;
	width: 300px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #1d993f;
	color: #fff;
	z-index: 2
}

.phase_head .phase_bt:after,
.phase_head .phase_bt:before {
	position: absolute;
	left: 0;
	top: -4px;
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #1d993f
}

.phase_head .phase_bt:after {
	bottom: -4px;
	top: initial
}

.phase_head .phase_bg {
	position: absolute;
	left: 0;
	top: 25px;
	width: 100%;
	height: 10px;
	background-color: #1d993f;
	z-index: 1
}

.phase_graphics .img {
	display: inline-block;
	float: left;
	width: 320px;
	margin-right: 30px
}

.phase_graphics .phase_info {
	float: left;
	position: relative;
	width: 770px;
	height: 202px
}

.phase_graphics .phase_info .tit {
	font-size: 18px;
	line-height: 30px;
	color: #3f3f3f
}

.phase_graphics .phase_info .des {
	margin-top: 10px;
	font-size: 14px;
	color: #888;
	line-height: 25px
}

.phase_graphics .phase_info .btnbox {
	position: absolute;
	right: 10px;
	bottom: 0
}

.phase_graphics .phase_info .btnbox a {
	position: relative;
	margin-left: 25px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	background-color: #35b558;
	color: #fff;
	border-radius: 4px;
	padding: 0 10px 0 35px
}

.phase_graphics .phase_info .btnbox a:before {
	position: absolute;
	left: 10px;
	top: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	content: "";
	background: url("../img/common/icon.png") 0 -60px no-repeat
}

.phase_graphics .phase_info .btnbox a:nth-child(2):before {
	background-position: -20px -40px
}

.phase_graphics .phase_info .btnbox a:nth-child(3):before {
	background-position: 0 -40px
}

.system2 {
	padding: 40px 0
}

.system2 .course_tit {
	width: 100%;
	box-sizing: border-box
}

.system2 .course_ul li {
	width: 372px
}

.system2 .course_ul li:first-child {
	width: 1120px;
	box-sizing: border-box
}

.student_box {
	background-color: #fff;
	padding: 0 65px 75px;
	box-sizing: border-box
}

.student_list {
	margin-left: -70px
}

.student_list li {
	float: left;
	margin-left: 70px;
	width: 500px;
	height: 155px;
	margin-top: 40px;
	border: 1px #f0f0f0 solid;
	box-sizing: border-box
}

.student_list li .pic {
	float: left;
	width: 163px;
	height: 155px
}

.student_list li .info {
	float: left;
	width: 335px;
	padding: 20px 25px;
	box-sizing: border-box
}

.student_list li .info .name {
	font-size: 16px;
	color: #333;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis
}

.student_list li .info .des {
	font-size: 14px;
	color: #818181;
	margin: 15px 0;
	line-height: 20px;
	height: 20px
}

.student_list li .info .des span {
	float: left;
	display: inline-block;
	width: 33%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
	box-sizing: border-box;
	max-height:40px;
}

.student_list li .info .btn {
	display: inline-block;
	background-color: #34ba47;
	color: #fff;
	width: 70px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	text-align: center;
	float: right
}

.online_banner {
	margin-top: 15px;
	width: 1200px;
	height: 360px;
	position: relative;
	overflow: hidden
}

.online_banner .banner_list a {
	position: absolute;
	left: 0;
	top: 0
}

.online_banner .banner_control {
	position: absolute;
	right: 15px;
	bottom: 15px;
	height: 4px;
	z-index: 11;
	transform: translateX(-50%)
}

.online_banner .banner_control a {
	float: left;
	display: inline-block;
	width: 30px;
	height: 4px;
	margin-left: 7px;
	background-color: #b5b5b5;
	transition: background-color 0.2s linear
}

.online_banner .banner_control a.active {
	background-color: #8a8a8a
}

.online {
	padding-bottom: 20px
}

.online .title {
	padding: 20px 0;
	font-size: 18px;
	line-height: 30px;
	color: #424242
}

.online .navi {
	background-color: #f2f2f2;
	height: 50px;
	line-height: 50px;
	padding-left: 20px
}

.online .navi a {
	display: inline-block;
	font-size: 14px;
	color: #424242;
	padding: 0 7px
}

.online .navi a.active,
.online .navi a:hover {
	color: #12a93b
}

.online_list {
	padding-top: 10px;
	margin-left: -22px
}

.online_list li {
	float: left;
	margin-left: 22px;
	margin-top: 20px
}

.online_list .online_item {
	display: block;
	line-height: 24px;
	font-size: 14px;
	width: 222px;
	overflow: hidden
}

.online_list .online_item .img {
	width: 222px;
	height: 139px;
	overflow: hidden;
	border-radius: 5px
}

.online_list .online_item .img .img_scale {
	display: block;
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.online_list .online_item:hover .img .img_scale {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.online_list .online_item:hover .tit {
	color: #35b558
}

.online_list .online_item img {
	vertical-align: middle;
	width: 100%
}

.online_list .online_item .tit {
	padding-top: 7px;
	line-height: 26px;
	height: 52px;
	color: #424242;
	overflow: hidden;
	word-break: break-all;
	width: 100%;
	transition: color 0.2s
}

.online_list .online_item .info {
	padding: 15px 0 5px;
	line-height: 20px
}

.online_list .online_item .charge {
	color: #ff8900
}

.online_list .online_item .free {
	color: #35b558
}

.online_list .online_item .st {
	float: right;
	color: #878787;
	font-size: 14px
}

.online_list .online_item .st em {
	display: inline-block;
	margin-right: 5px;
	width: 11px;
	height: 11px;
	background: url("../img/common/bofang.png") 0 0 no-repeat
}

.er_right {
    width: 871px;
}

.er_current {
    float: left;
    width: 100%;
    padding-top: 39px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.er_current .tit {
    float: left;
    line-height: 24px;
}

.er_current .tit .span01 {
    color: #0caebd;
    font-size: 30px;
    line-height: 100%;
    display: inline-block;
    float: left;
}

.er_current .current {
    font-size: 12px;
    padding-left: 21px;
    color: #b1b1b1;
    float: right;
    line-height: 24px;
    margin-top: 2px;
}

.er_current .current a {
    color: #b1b1b1;
    display: inline-block;
    margin: 0px 5px;
}

.sidebar {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -100px;
	z-index: 20
}

.sidebar_ul {
	padding: 7px;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(135, 135, 135, 0.3)
}

.sidebar_ul li {
	width: 48px;
	padding-top: 34px;
	padding-bottom: 4px;
	border-bottom: 1px #ececec solid;
	font-size: 12px;
	color: #bbb;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s
}

.sidebar_ul li .icon {
	display: block;
	background: #FFF url("../img/common/sidebar.png") 0 0 no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 4px
}

.sidebar_ul li.active,
.sidebar_ul li:hover {
	color: #34b559
}

.sidebar_ul li.active .icon,
.sidebar_ul li:hover .icon {
	background-position-x: -30px
}

.sidebar_ul .xcx .icon {
	background-position-y: -30px
}

.sidebar_ul .gzh {
	z-index: 11
}

.sidebar_ul .gzh .icon {
	background-position-y: -60px
}

.sidebar_ul li:last-child {
	border-bottom: 0;
	z-index: 10
}

.sidebar_ul li:last-child .icon {
	background-position-y: -90px
}

.sidebar_ul .ewm {
	position: absolute;
	left: -130px;
	top: -50px;
	background: url(../img/common/sidebar_bk.png) 0 0 no-repeat;
	width: 200px;
	height: 200px;
	pointer-events: none;
	opacity: 0;
	background-size: 184px;
}

.sidebar_ul .ewm .img {
	position: absolute;
	left: 22px;
	top: 19px;
	background-color: #fff;
	width: 124px;
	height: 124px;
}

.sidebar_ul .ewm img {
	position: absolute;
	left: 2px;
	top: 2px;
	display: inline-block;
	width: 120px;
	height: 120px;
}

.u_dis_coupon>li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px
}

.dis_coupon {
	display: inline-block;
	position: relative;
	height: 110px;
	z-index: 1
}

.dis_coupon:before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	content: "";
	background: url("../img/common/coupon.png") 0 0 no-repeat;
	width: 212px;
	height: 110px;
	z-index: 1
}

.dis_coupon .dis_coupon_box {
	position: relative;
	z-index: 2
}

.dis_coupon .dc_left {
	float: left;
	width: 165px;
	display: inline-block
}

.dis_coupon .dc_left .dc_top {
	height: 64px;
	box-sizing: border-box;
	padding-top: 10px;
	padding-left: 20px;
	color: #fc0c0c
}

.dis_coupon .dc_left .dc_top .num {
	float: left;
	position: relative;
	display: inline-block;
	font-size: 65px;
	line-height: 54px;
	width: 50px;
	margin-right: 5px;
	font-weight: bold
}

.dis_coupon .dc_left .dc_top .zk {
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	right: -8px;
	bottom: 0
}

.dis_coupon .dc_left .dc_top p {
	float: left;
	padding-left: 8px;
	padding-top: 16px;
	color: #883511;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap
}

.dis_coupon .dc_left .dc_bottom {
	width: 135px;
	margin: 8px auto 0;
	background-color: #e58107;
	color: #fff;
	font-size: 14px;
	border-radius: 13px;
	line-height: 26px;
	height: 26px;
	text-align: center;
	letter-spacing: 2px
}

.dis_coupon .dc_right {
	float: left;
	width: 47px;
	height: 110px;
	padding: 10px 0 10px 5px;
	font-size: 16px;
	line-height: 22px;
	color: #b35718;
	text-align: center;
	box-sizing: border-box;
	text-shadow: 0 1px 3px #fff
}

.dis_coupon.gray:before {
	background-position: 0 -110px
}

.dis_coupon.gray .dc_left .dc_top {
	color: #a5a5a5
}

.dis_coupon.gray .dc_left .dc_top p {
	color: #a5a5a5
}

.dis_coupon.gray .dc_left .dc_bottom {
	background-color: #a5a5a5;
	color: #fff
}

.dis_coupon.gray .dc_right {
	display: none
}

.zk_coupon>li {
	float: left;
	margin-right: 35px;
	margin-bottom: 10px;
	position: relative
}

.zk_coupon>li.active:before {
	display: inline-block;
	content: "";
	position: absolute;
	right: -2px;
	top: -5px;
	width: 20px;
	height: 20px;
	background: url("../img/common/coupon.png") 0 -220px no-repeat;
	z-index: 2
}

.zk_coupon .dis_coupon {
	width: 167px;
	overflow: hidden
}

.zk_coupon .dis_coupon .dc_left {
	float: none
}

.zk_coupon .dis_coupon .dc_right {
	display: none;
	float: none
}

.live3 {
	height: 128px;
	margin-top: 5px;
	margin-left: 258px;
	background-color: #f6f6f6;
	border-radius: 4px
}

.live3 .live_head {
	float: left;
	margin-left: 22px;
	padding-top: 11px
}

.live3 .live_right {
	padding-top: 11px
}

.live3 .live_right .lv_list {
	float: left;
	height: 48px;
	width: 270px;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 5px 15px 0 4px;
	border-radius: 4px;
	background-color: #fff;
	box-sizing: border-box
}

.live3 .live_right .pic {
	float: left;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	overflow: hidden
}

.live3 .live_right .pic img {
	vertical-align: middle;
	max-width: 36px
}

.live3 .live_right .info {
	float: left;
	width: 215px;
	padding-left: 5px;
	box-sizing: border-box
}

.live3 .live_right .info .tit {
	color: #28aa4c;
	font-size: 14px;
	line-height: 20px;
	height: 20px
}

.live3 .live_right .info .tit2 {
	color: #4f4f4f;
	font-size: 12px
}

.live3 .live_right .info .des {
	color: #9d9d9d;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tqm_box {
	display: none;
	width: 390px;
	padding: 15px 30px 10px;
	box-sizing: border-box
}

.tqm_box .tqm_left {
	float: left;
	font-size: 14px;
	color: #6e6e6e;
	line-height: 30px
}

.tqm_box .tqm_left .tit {
	padding-top: 30px;
	font-size: 20px;
	color: #343434
}

.tqm_box .tqm_left .cid {
	color: #0ca33a;
	font-size: 16px
}

.tqm_box .tqm_right {
	float: left;
	margin-left: 15px;
	font-size: 14px;
	color: #b5b5b5;
	text-align: center
}

.tqm_box .tqm_right .ewm {
	margin-bottom: 5px;
	padding: 10px;
	border: 1px #dedede solid
}

.tag1 {
	position: relative;
	top: -139px;
	color: #FFFFFF;
	FLOAT: right;
	padding: 0px 8px;
	background: #f6122f;
	border-radius: 5px;
	font-size: 8px;
	margin-right: 7px;
	line-height: 22px;
	letter-spacing: 1px;
}

.tag2 {
	position: relative;
	top: -139px;
	color: #FFFFFF;
	FLOAT: right;
	padding: 0px 8px;
	background: #e9600f;
	border-radius: 5px;
	font-size: 8px;
	margin-right: 7px;
	line-height: 22px;
	letter-spacing: 1px;
}

.tag3 {
	position: relative;
	top: -139px;
	color: #FFFFFF;
	FLOAT: right;
	padding: 0px 8px;
	background: linear-gradient(to right, #efb06d, #ef111c);
	border-radius: 5px;
	font-size: 8px;
	margin-right: 7px;
	line-height: 22px;
	letter-spacing: 1px;
}

.usercenter_discountcardtitle {
	background: #f5f5f5;
	text-align: center;
	color: #aeaeae;
	line-height: 40px;
}

.usercenter_discountcardactive {
	line-height: 44px;
	text-align: right;
}

.usercenter_discountcardactive a {
	color: black;
}

.usercenter_discountcardactive img {
	vertical-align: middle;
	margin-bottom: 2px;
}

.usercenter_discountcardul {
	min-height: 300px;
	;
}

.usercenter_discountcardulbg {
	background-image: url('/themes/codingnew-1/img/usercenter/nodiscountcard.jpg');
	background-repeat: no-repeat;
	background-position: 50%
}

.g_banner_list img {
	border-radius: 7px;
}

.layui-layer-molvs .layui-layer-title {
	background: #25b060;
	color: #fff;
	border: none;
}

.layui-layer-molvs .layui-layer-btn a {
	background: #25b060;
}

.certification_teacherin {
	background: #ff9d00;
	color: #FFFFFF;
	padding: 3px 2px 3px 3px;
	border-radius: 3px;
	margin: 0 4px;
}

.certification_teacher {
	background: #FFFFFF;
	color: #ff9d00;
	border-radius: 3px;
	padding: 1px;
	margin-left: 2px;
}

#fivethbutton {
	border-radius: 8px;
	font-size: 24px;
	color: #ee4130;
	padding: 20px 40px;
	background: #ffea02;
}

#fivethbutton:hover {
	border-radius: 8px;
	font-size: 24px;
	color: #ee4130;
	padding: 20px 40px;
	background: #ffa302;
}

.fivethblock {
	width: 753px;
	height: 800px;
	position: absolute;
	top: 497px;
	background-image: url('/themes/codingnew-1/img/common/fivethbg.png');
	background-size: 753px 800px;
	background-repeat: no-repeat;
}

.fivethclose {
	text-align: right;
	margin: 10px 10px 0 0;
}

.fivethclose img {
	cursor: pointer;
}

.fivethletter {
	position: relative;
	top: -120px;
	left: 310px;
	text-align: center;
	width: 300px;
	color: #ffefed;
}

.fivethtitle {
	font-size: 26px;
}

.fivethstitle {
	font-size: 18px;
	line-height: 45px;
}

.fivethbutton {
	margin-top: 50px;
	cursor: pointer;
}

.fivethtextin {
	position: relative;
	top: 86px;
	left: 100px;
	width: 561px;
}

.newcubox_menu {
	float: left;
	margin-right: 25px;
	/* border: 1px #dedbdb solid;*/
	background-color: #fff;
	border-bottom: none;
	box-sizing: border-box;
	width: 183px;
	border-radius: 4px;
}

.newcubox_menu li a.on,
.newcubox_menu li a:hover {
	color: #25b060;
	background-color: #fff;
	border-left: 4px solid #25b060;
}

.newcubox_menu li a {
	border-left: 4px solid #fff;
	display: block;
	font-size: 16px;
	color: #575757;
	text-align: left;
	line-height: 28px;
	transition: all 0.3s;
	margin-top: 20px;
	padding-left: 40px
}

.newcubox_menu li {
	height: 48px;
}

.newuc_top {
	background: url(../img/index/perbg.jpg) center top no-repeat;
	height: 205px;
	overflow: hidden;
}

.newuc_top .uct_left {
	width: 210px;
	float: left
}

.newuc_top .uct_left>a {
	cursor: default
}

.newuc_top .uct_left .tx {
	margin: 28px 20px 20px;
	width: 146px;
	height: 146px;
	border-radius: 50%;
	border: 5px #94a0ab solid
}

.newuc_top .uct_left .name {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center
}

.newuc_top .uct_left .name span {
	padding: 0 5px;
	display: inline-block;
	font-size: 12px;
	background-color: #15b275;
	border-radius: 4px;
	margin-left: 5px
}

.newuc_top .uct_con {
	float: left;
	width: 510px;
	padding: 45px 25px
}

.newuc_top .uct_con .uct_lev {
	padding: 0 5px;
	line-height: 20px;
	display: inline-block;
	background-color: #ffa102;
	border-radius: 2px;
	color: #fff
}

.newuc_top .uct_con .uct_num {
	margin-top: 10px;
	color: #fff;
	font-size: 12px
}

.newuc_top .uct_con .uct_num span {
	display: inline-block;
	margin-right: 25px
}

.newuc_top .uct_con .name {
	font-size: 30px;
	line-height: 40px;
	color: #fff
}

.newuc_top .uct_con .textname {
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	margin-bottom: 18px;
}

.newuc_top .uct_con .qiandaos {
	color: #fff;
	padding: 7px 17px;
	background: #26b763;
	border-radius: 5px;
}

.newuc_top .uct_con .name span {
	padding: 0 5px;
	display: inline-block;
	font-size: 12px;
	background-color: #15b275;
	border-radius: 4px;
	margin-left: 5px
}

.newuc_top .uct_con .uct_des {
	padding-top: 10px;
	font-size: 16px;
	color: #fff
}

.newuc_top .uct_con .uct_btn {
	margin-top: 15px
}

.newuc_top .uct_con .uct_btn a {
	margin-right: 25px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 1px #fff solid;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	color: #fff
}

.newuc_top .uct_right {
	float: right;
	width: 270px;
	padding-top: 30px
}

.newuc_top .uct_right .qd_btn {
	font-size: 26px;
	padding-left: 18px;
	line-height: 77px
}

.newuc_top .uct_right .info {
	padding-top: 12px;
	width: 130px;
	height: 70px;
	font-size: 14px
}

.newuc_top .uct_right .info span {
	font-size: 21px;
	line-height: 25px
}

.j_uc_vicenav {
	margin-left: 20px;
}

.j_uc_vicenav_block {
	width: 72px;
	border: 1px solid #fff;
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	display: none;
}


/*.j_uc_vicenav_line{
	line-height: 25px;
}*/

.j_uc_vicenav img {
	margin-left: 8px;
}

.j_uc_vicenav_block div {
	line-height: 25px;
}

.j_uc_vicenac_num {
	text-align: center;
	position: absolute;
	top: 210px;
	margin-left: 150px;
	width: 76px;
	height: 42px;
	overflow: hidden;
}

.j_mg20 {
	margin-left: 20px;
}

.j_mg10 {
	margin-left: 10px;
}

.j_vicenav_bo {
	margin-top: 10px;
}

.newcubox_menu li a i {
	margin-right: 10px;
}

.money_cards .item .newlabel {
	display: inline-block;
	float: left;
	width: 90px;
	margin-right: 15px;
	font-size: 14px;
	color: #3f3e3e;
	line-height: 35px;
	text-align: right;
}

#ucset_phone_num {
	width: 280px;
}

.money_cards .newitem {
	display: block;
	width: 500px;
	margin: 30px auto 0;
}

#bangding,
#jiebangding {
	padding: 10px 80px;
	height: 40px;
	line-height: 20px;
	background-color: #33a8b7;
	color: #fff;
	text-align: center;
	border: none;
	width: auto;
	margin-bottom: 30px;
	cursor: pointer;
	margin-left: 105px;
	border-radius: 4px;
	cursor: pointer;
}

.c4 {
	background-color: #f4f4f4;
	height: 637px;
}

.afertbind {
	text-align: center;
	line-height: 100px;
	display: none;
}

.afertbind span:nth-child(1) {
	margin-right: 0px;
}

.afertbind span:nth-child(2) {
	margin: 0 20px;
}

.afertbind a span {
	margin-left: 10px;
}

.unbind_uc {
	color: #fff;
	width: 600px;
	text-align: center;
}

.clears {
	clear: both;
}

.uc_unbind_statu {
	float: left;
	width: 180px;
	padding: 13px 0px;
	background: #e9e9e9;
	margin: 0 10px;
	border-radius: 4px;
	color: #666666;
}

.uc_unbind_active {
	background: #33a8b7;
	color: #fff;
}
.bind_sta_ha{
	display: none;
}

.bind_sta_noha{
	display: block;
}
#imgaaas{
	vertical-align: middle;
    height: 37px;
    margin-bottom: 1px;
    margin-left: 20px;
    cursor: pointer;
}
.beforbind{
	display: block;
    
}
.uc_phone_input{
	display: none;
}

.sidebar_ul a {
    color: #bbb;
}

.mod_result {
    padding: 60px 0;
    text-align: center;
}

.icon_fail {
    display: inline-block;
    width: 168px;
    height: 126px;
    background: url(http://js.andisk.com/images/bg_regist_v2.png) 0 0;
    background-position: 220px 0;
}

.text_area {
    margin: 15px auto;
    width: 600px;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
}

.des {
    color: #798699;
    margin: 30px auto;
    width: 570px;
}

.btn {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    border-radius: 4px\9;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: none;
}

.btn_blue, .btn_blue_loading {
    border: 1px solid #0064b6;
    background: #0071ce;
}

.btn_blue, .btn_blue_loading {
    border: 1px solid #0064b6;
    background: #0071ce;
}

.btn_orange, .btn_orange2 {
    background: #fa7821;
    border: 1px solid #e36d1f;
    color: #fff;
}

.icon_succ {
    display: inline-block;
    width: 168px;
    height: 126px;
    background: url(//js.andisk.com/images/bg_regist_v2.png) 0 0;
}

.searchlist4 .selnavi .sel_list ul li.active a{
	background-color: #26b462;
    color: #fff;
}

a.xuanz{
    border: none;
    background: #d55;/*#fe862f;*/
    border-color: #d55;/*#fe862f!important;*/
    color: #fff!important;
}

.loginbox {
    position: fixed;
    display: block;
    width: 280px;
    height: 260px;
    top: 50%;
    margin-top: -195px;
    left: 50%;
    margin-left: -140px;
    background-color: rgba(255,255,255,0.9);
    z-index: 1042;
    border-radius: 5px;
    border: 2px solid #eee;
}

.loginbox h4 {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 25px;
    padding-left: 0px;
}

.loginbox .close-loginbox {
    width: 100%;
    margin-top: 15px;
    height: 50px;
    border-top: solid 1px rgba(0,0,0,0.1);
    color: #1f1f1f;
    font-size: 12px;
    line-height: 45px;
    text-align: center;
    display: block;
}

.modal-backdrop {
    opacity: 0.5;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    display: none;
}

img[src='https://icon.cnzz.com/img/pic.gif'] {
    display: none;
}

.qt_answer {
     border: 1px solid #ddd;
}
.wrapper_pc {
    	display:block;
}

.wrapper_mobile{
	display:none;
}
   
@media only screen and (max-width: 500px) {
    .wrapper_mobile {
        display: block;
    }
    
     .wrapper_pc {
        display: none;
    }
}

.s-more {
    text-align: center;
    position: relative;
    top: -1px;
    border-top: 1px solid #ddd;
    transition: border-color .15s ease-in-out;
}

.s-more .sm-wrap {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    height: 28px;
    line-height: 28px;
    padding: 0 40px 0 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF #DDD #DDD;
    background: #fff;
    cursor: pointer;
    color: #333;
    transition: border-color .15s ease-in-out;
}

.s-more .sm-wrap i {
    position: absolute;
    right: 16px;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/andisk/images/search.ele.png) no-repeat 4px 7px;
}


.s-more .sm-wrap.opened i {
    background-position: 4px -27px;
}

.sel_list .small {
    height: 96px;
    overflow:hidden;
}