.gray_bg {
	background-color: #f8f8f8;
}

/*面包屑导航*/
.gb-crumbs{
    width: 1200px;
    margin: 0 auto;
    padding: 25px;
}
.gb-crumbs ul{
    height: 35px;
    overflow: hidden;
    font-size: 0;
}
.gb-crumbs ul li{
	height: 35px;
	line-height: 35px;
	font-size: 0;
	display: inline-block;
	zoom: 1;
}
.gb-crumbs li a{
    font-size: 16px;
    color: #666;
}
.gb-crumbs li span {
	font-size: 16px;
	color: #666;
	font-family: "simsun";
    padding: 0 8px;
}
.gb-crumbs li.active a{
	color: #aaa;
}
.gb-crumbs li a:hover{
    color: #E82D23;
}

/*分类筛选*/
.selector{
	width: 1200px;
	padding: 30px 30px 15px 30px;
	background-color: #fff;
	border: 1px solid #eee;
	margin: 0 auto 40px;
}
.opt-list .brand-section dt{
    float: left;
    width: 75px;
    text-align: left;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.opt-list .brand-section dd.ri-section{
    float: left;
    width: calc(100% - 75px);
    margin-bottom: 20px;
}
.ri-section .brand-list a{
    float: left;
    line-height: 30px;
    margin-right: 15px;
    padding: 0 10px;
    font-size: 16px;
    color: #666;
}
.ri-section .brand-list a.active,
.ri-section .brand-list a:hover{
	color: #E82D23;
}

/*课程*/
.allcourse {
    width: 1200px;
    margin: 0 auto 100px;
}
.allcourse .part-left{
    width: 922px;
}
.filter{
    width: 100%;
    height: 60px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}
.filter .f-sort{
    float: left;
    height: 60px;
}
.filter .f-sort a{
    float: left;
    padding: 0 5px;
    margin-right: 20px;
    height: 58px;
    border-bottom: 4px solid transparent;
    line-height: 54px;
    position: relative;
}
.filter .f-sort a.on{
	border-color: #E82F24;
}
.filter .f-sort .fs_price.on{
	border-color: transparent;
}
.filter .f-sort .fs-tit{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #666;
}
.filter .f-sort a.on .fs-tit{
	color: #E82F24;
}
.filter .f-sort .fs_price .iconfont{
	font-size: 10px;
	color: #d2d2d2;
	line-height: 10px;
	position: absolute;
	right: -10px;
}
.filter .f-sort .fs_price .icon-jiantou-top-copy{
	top: 19px;
}
.filter .f-sort .fs_price .icon-jiantou-down-copy{
	top: 28px;
}
.filter .f-sort .fs_price .iconfont.on{
	color: #E82F24;
}
.filter .f-price{
    position: relative;
    float: left;
    width: 170px;
    height: 58px;
    padding: 16px 0;
    margin-left: 10px;
}
.filter .f-price .f-price-set{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.filter .f-price .f-price-set .input-txt{
    width: 70px;
    height: 26px;
    padding: 3px;
    border: 1px solid #D2D2D2;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.filter .f-price .f-price-set em{
	display: block;
    float: left;
    width: 18px;
    height: 13px;
    margin: 0 6px;
    border-bottom: 1px solid #D2D2D2;
}
.filter .tab-list li a{
	display: block;
	width: 60px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	background-color: #F8F8F8;
	border-left: 1px solid #eee;
}
.filter .tab-list li.on a{
	background-color: #fff;
}
.filter .tab-list li .iconfont{
	font-size: 20px;
	color: #D2D2D2;
}
.filter .tab-list li.on .iconfont{
	color: #E82F24;
}
.filter .f-pager{
	width: 125px;
	text-align: center;
	line-height: 58px;
	border-left: 1px solid #eee;
}
.filter .f-pager a{
	display: inline-block;
	font-size: 16px;
	color: #777;
	padding: 0 2px;
}
.filter .f-pager .fp-text{
	line-height: 58px;
}
.filter .f-pager .fp-text b{
	font-size: 12px;
    color: #E82D23;
    font-weight: normal;
}
.filter .f-pager .fp-text em, .filter .f-pager .fp-text i{
    font-size: 12px;
    color: #777;
    font-weight: 400;
    font-style: normal;
}
.filter .f-pager .fp-text em{
	display: inline-block;
	padding: 0 3px;
}

.allcourse .course-main{
	width: 100%;
	padding: 40px 25px 0 30px;
	border: 1px solid #eee;
	border-top: 1px solid transparent;
}
.allcourse .course-main .course-box{
	position: relative;
}
.course-box .hide{
	visibility: hidden;
	position: absolute;
	z-index: -1;
	height: 0;
}
.course-main .liebiao .item{
	width: 100%;
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px solid #eee;
}
.course-main .liebiao .cour-img{
	width: 246px;
	height: 155px;
	overflow: hidden;
}
.course-main .liebiao .cour-text{
	width: 489px;
	padding: 0 12px;
}
.liebiao .cour-text .course-name{
	height: 36px;
	padding: 8px 0;
}
.liebiao .cour-text .course-name a{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.liebiao .cour-text .course-name a:hover{
	color: #EB443B;
}
.liebiao .cour-text .course-name .sign{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 17px;
	margin-right: 5px;
	border: 1px solid #EB473E;
	font-size: 14px;
	color: #EB443B;
}
.liebiao .cour-text .desc{
	font-size: 16px;
	color: #777;
	line-height: 24px;
	margin-bottom: 5px;
}
.liebiao .cour-text .cour-mes{
	width: 100%;
	margin-bottom: 30px;
}
.liebiao .cour-text .cour-mes span{
	display: inline-block;
	font-size: 16px;
	color: #777;
	line-height: 24px;
}
.liebiao .cour-text .cour-mes span.line{
	color: #D2D2D2;
	margin: 0 7px;
}
.liebiao .cour-text .number-mes .price{
    font-size: 24px;
    color: #E82D23;
    line-height: 30px;
    margin-right: 15px;
}
.liebiao .cour-text .number-mes .num{
    font-size: 14px;
    color: #777;
    line-height: 30px;
}
.liebiao .cour-text .number-mes .num .iconfont{
    font-size: 20px;
    color: #999;
    margin-right: 5px;
}
.course-main .liebiao .cour-btn{
	width: 130px;
	margin-top: 45px;
}
.course-main .liebiao .cour-btn .a-btn{
	display: block;
	width: 130px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #E82F24;
	border-radius: 2px;
	font-size: 16px;
	color: #E82D23;
}
.course-main .liebiao .cour-btn .a-btn:hover{
	background-color: #E82F24;
	color: #fff;
}
.course-main .biaodan .course-item{
	width: 275px;
	margin: 0 20px 50px 0;
}
.course-main .biaodan .course-item:nth-child(3n){
	margin-right: 0;
}
.biaodan .course-item .course-img{
	width: 275px;
	height: 172px;
	overflow: hidden;
	position: relative;
}
.biaodan .course-item .course-img .mask{
	width: 140px;
	height: 172px;
	padding: 65px 40px 0 14px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%; 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
.biaodan .course-item .course-img .mask{
	background-image: url(../img/part1-img-mask.png);
}
.biaodan .course-img .mask .cour-desc{
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.biaodan .course-text .course-name{
	height: 44px;
	padding: 12px 0;
}
.biaodan .course-text .course-name a{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.biaodan .course-text .course-name a:hover{
	color: #EB443B;
}
.biaodan .course-text .course-name .sign{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 17px;
	margin-right: 5px;
	border: 1px solid #EB473E;
	font-size: 14px;
	color: #EB443B;
}
.biaodan .course-text .number-mes .num{
	font-size: 14px;
	color: #777;
	line-height: 30px;
	height: 30px;
}
.biaodan .course-text .number-mes .num .iconfont{
	font-size: 20px;
	color: #999;
	margin-right: 5px;
}
.biaodan .course-text .number-mes .price{
	font-size: 24px;
	color: #EB443B;
	line-height: 30px;
	height: 30px;
}
.biaodan .course-text .number-mes .price.free{
	font-size: 18px;
	color: #3A8905;
	font-weight: bold;
}

/*分页*/
.pages{
	width: 100%;
	height: 60px;
	padding: 0 15px;
	text-align: center;
	margin: 60px 0;
}
.pages .p-wrap{
	width: 100%;
	height: 60px;
	overflow: hidden;
	background-color: #eee;
}
.pages .p-wrap .p-num{
	display: inline-block;
	height: 60px;
	padding: 17px 0;
}
.pages .p-num a{
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    margin: 0 5px;
    font-size: 14px;
    color: #333;
}
.pages .p-num a.prev{
	margin-right: 60px;
}
.pages .p-num a.next{
	margin-left: 60px;
}
.pages .p-num a.curr,.pages .p-num a:hover{
    background: #bfbfbf;
    color: #fff;
}

/*课程右边*/
.allcourse .part-right{
    width: 254px;
}
.hotCourse{
	width: 100%;
	padding: 20px 10px 15px;
	border: 1px solid #eee;
	margin-bottom: 30px;
}
.allcourse .part-right .tit-con{
	width: 100%;
	height: 20px;
	padding-left: 8px;
	border-left: 3px solid #E82F24;
	margin-bottom: 5px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: bold;
}
.hotCourse .hotCourse-list .item{
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}
.hotCourse .hotCourse-list .item:last-child{
	border-bottom: 1px solid transparent;
}
.hotCourse-list .item .course-img{
	width: 109px;
	height: 69px;
	position: relative;
}
.hotCourse-list .course-img .sign{
	width: 35px;
	height: 27px;
	background: url(../img/sj-sign.png) no-repeat left top;
	padding: 0 7px;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.hotCourse-list .course-mes{
	width: 123px;
	padding-left: 5px;
}
.hotCourse-list .course-mes .cour-name{
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-bottom: 9px;
}
.hotCourse-list .course-mes .num{
	font-size: 16px;
	color: #E82D23;
	line-height: 20px;
	font-weight: bold;
}
.hotCourse-list .item>.sign{
	float: left;
	display: block;
	width: 22px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #BFBFBF;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}
.hotCourse-list .item:nth-child(2)>.sign{
	background-color: #F39800;
}
.hotCourse-list .item:nth-child(3)>.sign{
	background-color: #05C626;
}
.hotCourse-list .item .cour-name{
	display: block;
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-left: 5px;
}
.hotCourse-list .item .cour-name:hover{
	color: #EB443B;
}

.hotNews{
	width: 100%;
	padding: 20px 10px 15px;
	border: 1px solid #eee;
	margin-bottom: 30px;
}
.hotNews .hotNews-list .item{
	width: 100%;
	padding: 12px 0;
}
.hotNews-list .item em{
	display: block;
	float: left;
	font-size: 14px;
	color: #C4B71C;
	font-weight: bold;
}
.hotNews-list .item .name{
	display: block;
	width: calc(100% - 15px);
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-left: 5px;
}
.hotNews-list .item .name:hover{
	color: #EB443B;
}

/*课程详情*/
.course-detail .course-banner{
	width: 1200px;
	padding: 55px 45px;
	border: 1px solid #eee;
	margin: 0 auto 45px;
}
.course-banner .imgtext-course .img-left{
	width: 502px;
	height: 362px;
	overflow: hidden;
	position: relative;
}
.course-banner .imgtext-course .img-left .cour-img{
	width: 502px;
	height: 362px;
	overflow: hidden;
}
.imgtext-course .img-left .banner-cover{
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.45);
}
.imgtext-course .img-left .banner-cover .video {
    vertical-align: middle;
    display: inline-block;
}
.banner-cover .video .play-btn{
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 136px 0;
}
.banner-cover .video .play-btn .icon-play {
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    background: url(../img/play-icon.png) no-repeat center center;
    background-size: 100% 100%;
}
.imgtext-course .banner-cover .cour-mes{
	width: 100%;
	height: 30px;
	padding: 0 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 9;
}
.banner-cover .cour-mes .teacher{
	font-size: 16px;
	color: #fff;
	height: 30px;
	line-height: 30px;
}
.banner-cover .cour-mes .teacher .iconfont{
	font-size: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
.banner-cover .cour-mes .number{
	height: 30px;
	padding: 7px 0;
}
.banner-cover .number .star-list{
	height: 16px;
	font-size: 0;
}
.banner-cover .number .star-list .star{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 3px;
	background-image: url(../img/star1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%; 
}
.banner-cover .number .star-list .star.on{
	background-image: url(../img/star1-on.png);
}
.banner-cover .number .num{
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #fff;
}
.course-banner .imgtext-course .text-right{
    width: calc(100% - 502px);
    padding-left: 50px;
}
.course-banner .imgtext-course .cour-tit{
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin-bottom: 15px;
}
.course-banner .imgtext-course .tt-below-line{
	width: 100%;
	font-size: 0;
	margin-bottom: 25px;
}
.imgtext-course .tt-below-line .line-item{
	display: block;
	float: left;
	font-size: 16px;
	color: #7c7c7d;
	height: 20px;
	line-height: 20px;
}
.imgtext-course .tt-below-line .line-item .iconfont{
	font-size: 18px;
	color: #7D7F7D;
	margin-right: 5px;
}
.imgtext-course .tt-below-line .icon-sep{
	display: block;
	float: left;
	width: 1px;
	height: 20px;
	background-color: #E5E5E5;
	margin: 0 15px;
}
.imgtext-course .cour-desc .tit{
	display: block;
	font-size: 16px;
	color: #777777;
	line-height: 30px;
}
.imgtext-course .cour-desc .desc{
	width: calc(100% - 48px);
	font-size: 16px;
	color: #777777;
	line-height: 30px;
}
.imgtext-course .text-right .price{
	width: 100%;
	height: 88px;
	padding: 0 15px;
	line-height: 88px;
	background-color: #eee;
	margin: 15px 0 40px;
	font-size: 16px;
	color: #777;
}
.imgtext-course .text-right .price span{
	font-size: 24px;
	color: #E82D23;
	font-weight: bold;
}
.imgtext-course .text-right .price strong{
	font-size: 36px;
	color: #E82D23;
	font-weight: bold;
}
.imgtext-course .text-right .price s{
	font-size: 18px;
	color: #999;
	font-weight: 500;
	margin-left: 10px;
}
.imgtext-course .text-right .oper-bar a{
	display: inline-block;
	width: 150px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background-color: #FF5823;
	border-radius: 2px;
	font-size: 16px;
	color: #fff;
}
.imgtext-course .text-right .oper-bar a.a-shopcart{
	background-color: #3C404B;
	margin-left: 15px;
} 
.course-banner .course-info{
	width: 100%;
	margin: 5px 0;
}
.course-banner .course-info .text-mes{
	width: 502px;
}
.course-banner .course-info .text-mes .mes{
	font-size: 16px;
	color: #777;
	line-height: 30px;
}
.course-banner .course-info .btn-list li{
	margin-left: 20px;
}
.course-info .btn-list .item-share,
.course-info .btn-list .item-collect{
	font-size: 15px;
	color: #777;
	line-height: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}
.course-info .btn-list .item-share .iconfont,
.course-info .btn-list .item-collect .iconfont{
	font-size: 18px;
	margin-right: 3px;
}
.course-info .btn-list .item-collect .iconfont.hide{
	display: none;
}
.course-info .btn-list .item-collect.on,
.course-info .btn-list .item-collect .icon-shoucang1{
	color: #E82D23;
}
.course-banner .course-info .ewm{
	position: relative;
	display: block;
	padding: 0;
	top: 0;
	width: auto;
	height: 20px;
	border: 0;
	background: #fff;
}
.course-banner .course-info .ewm .txt{
	display: block;
	font-size: 15px;
	color: #777;
	line-height: 20px;
}
.course-banner .course-info .ewm .iconfont{
	font-size: 18px;
	margin-right: 3px;
	color: #999;
	vertical-align: middle;
}
.course-info .ewm .qrcode-wrap{
	height: 14px;
}
.course-info .ewm .qrcode-wrap .fxp{
	display: none;
	width: 122px;
	height: 122px;
	padding: 5px;
	background: #fff;
	border: 1px solid #FF5823;
	position: absolute;
	top: 30px;
	left: -23px;
}
.course-info .ewm .qrcode-wrap .fxp:before{
	position: absolute;
	right: 58px;
	bottom: 114px;
	width: 12px;
	height: 12px;
	border: solid 1px #FF5823;
	border-width: 1px 1px 0 0;
	background-color: #fff;
	content: '';
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(45deg);
}
.course-info .ewm:hover .qrcode-wrap .fxp{
	display: block;
}

/*其它课程*/
.other-course{
	width: 1200px;
	padding: 0 0 60px;
	border: 1px solid #eee;
	margin: 0 auto 55px;
}
.other-course .tit{
	width: 100%;
	padding: 30px 40px;
	height: 90px;
	line-height: 30px;
	font-size: 18px;
	color: #333;
}
.other-course .other-course-list{
	width: 100%;
	position: relative;
}
.other-course .other-course-list .otherCourse{
	width: 1140px;
}
.otherCourse .live-item{
	border: 1px solid #E5E5E5;
}
.otherCourse .live-item .course-text{
	width: 100%;
	padding: 0 10px;
}
.otherCourse .live-item .course-text .name{
	margin: 10px 0;
}
.otherCourse .live-item .course-text .name a{
	font-size: 16px;
	color: #333;
	line-height: 20px;
	font-weight: bold;
}
.otherCourse .live-item .course-text .date{
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 18px;
}
.otherCourse .live-item .course-text .price{
	font-size: 24px;
	color: #E82D23;
	line-height: 30px;
	padding: 5px 0 10px;
}
.other-course .swiper-button-next,
.other-course .swiper-button-prev{
	width: 25px;
	height: 68px;
	text-align: center;
	line-height: 68px;
	top: 50%;
	margin-top: -34px;
	background: none;
	background-color: #f5f5f5;
	opacity: 1;
}
.other-course .swiper-button-next{
    right: 0px;
    left: auto;
}
.other-course .swiper-button-prev{
	left: 0;
	right: auto;
}
.other-course .swiper-button-next .iconfont,
.other-course .swiper-button-prev .iconfont{
	font-size: 20px;
	color: #a6a6a6;
}

.coursePro-main{
	width: 1200px;
	min-height: 450px;
	margin: 0 auto 70px;
	position: relative;
}
.coursePro-main .tabClass{
	width: 850px;
	padding: 20px;
	border: 1px solid #eee;
}
.tabClass .hd{
	width: 100%;
	height: 48px;
	padding: 0 40px;
	border-bottom: 1px solid #DCDCDC;
}
.tabClass .hd li{
	float: left;
	width: 80px;
	height: 48px;
	text-align: center;
	margin-right: 50px;
}
.tabClass .hd li a{
	display: block;
	width: 100%;
	height: 48px;
	text-align: center;
	line-height: 44px;
	border-bottom: 4px solid transparent;
	cursor: pointer;
	font-size: 18px;
	color: #333;
}
.tabClass .hd li.on a{
	border-color: #E82F24;
}
.tabClass .introduction{
	width: 100%;
	padding: 80px 30px;
}
.tabClass .introduction .txt{
	font-size: 16px;
	color: #666;
	line-height: 22px;
	margin-bottom: 15px;
}
.tabClass .introduction .img-box{
	width: 697px;
	height: 353px;
	overflow: hidden;
	margin: 30px auto;
}

.tabClass .catalog{
	width: 100%;
	padding: 70px 20px;
}
.tabClass .catalog .item{
	width: 100%;
	height: 54px;
	padding: 0 20px 0 30px;
	margin-bottom: 30px;
	background-color: #f4f4f4;
}
.tabClass .catalog .item .cour-name{
	max-width: 90%;
	font-size: 15px;
	color: #333;
	line-height: 54px;	
}
.tabClass .catalog .item .cour-name:hover{
	color: #E82D23;
}
.tabClass .catalog .item .cour-name .iconfont{
	font-size: 30px;
	color: #C4B71C;
	margin-right: 5px;
	vertical-align: middle;
}
.tabClass .catalog .item .time{
	display: block;
	font-size: 16px;
	color: #777;
	line-height: 54px;
}

.tabClass .stu-comment{
	width: 100%;
	padding: 70px 20px 30px;
}
.tabClass .stu-comment .scoring{
	width: 100%;
	height: 22px;
	margin-bottom: 15px;
}
.stu-comment .scoring .tit{
	width: 200px;
	height: 22px;
	font-size: 15px;
	color: #8e8e8e;
	line-height: 22px;
}
.stu-comment .scoring .star-list{
	height: 22px;
	font-size: 0;
}
.stu-comment .scoring .star-list .star{
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 8px 0 0;
    background-image: url(../img/star2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.stu-comment .scoring .star-list .star.on{
    background-image: url(../img/star2-on.png);
}
.stu-comment .choice{
	width: 100%;
	height: 26px;
	margin-bottom: 25px;
}
.stu-comment .choice .tit{
	width: 200px;
	height: 26px;
	font-size: 15px;
	color: #8e8e8e;
	line-height: 26px;
}
.stu-comment .choice .choice-list a{
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	background-color: #EDEBEB;
	border-radius: 15px;
	font-size: 13px;
	color: #8e8e8e;
	margin-right: 5px;	
}
.stu-comment .choice .choice-list a.on{
	background-color: #C4B71C;
	color: #fff;
}
.stu-comment .textarea-box{
	width: 100%;
	text-align: right;
	padding-bottom: 30px;
	border-bottom: 1px solid #edecec;
}
.stu-comment textarea::-webkit-input-placeholder{
	color:#d1d1d1;
	font-size:13px;
}
.stu-comment textarea:-moz-placeholder{
	color:#d1d1d1;
	font-size:13px;
}
.stu-comment textarea::-moz-placeholder{
	color:#d1d1d1;
	font-size:13px;
}
.stu-comment textarea:-ms-input-placeholder{
	color:#d1d1d1;
	font-size:13px;
}
.stu-comment .textarea-box textarea{
	width: 100%;
	height: 150px;
	text-align: left;
	padding: 10px 15px;
	background-color: #f6f6f6;
	border: 1px solid #efebeb;
	border-radius: 3px;
	resize: none;
	font-size: 13px;
	color: #666;
	line-height: 20px;
}
.stu-comment .textarea-box .comment-btn{
	display: inline-block;
	width: 100px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	margin-top: 30px;
	background-color: #C4B71C;
	border-radius: 3px;
	overflow: hidden;
	font-size: 13px;
	color: #fff;
}
.stu-comment .comment-box{
	width: 100%;
	padding: 20px 5px 0;
}
.stu-comment .comment-box .tit{
	font-size: 15px;
	color: #8E8E8E;
	line-height: 30px;
	margin-bottom: 10px;
}
.comment-box .comment-list .comment-item{
	width: 100%;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #edecec;
}
.comment-list .stu-item .user-img{
	width: 47px;
	height: 47px;
	overflow: hidden;
	border-radius: 50%;
}
.comment-list .stu-item .user-text{
	width: calc(100% - 47px);
	padding-left: 10px;
}
.comment-list .stu-item .user-text .user-mes{
	height: 28px;
	padding: 5px 0;
}
.comment-list .stu-item .user-text .name{
	font-size: 14px;
	color: #454545;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	margin-right: 10px;
}
.comment-list .stu-item .user-text .star-list{
	height: 18px;
	padding: 3px 0;
}
.comment-list .stu-item .user-text .star-list .star{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    background-image: url(../img/star2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    vertical-align: top;
}
.comment-list .stu-item .user-text .star-list .star.on{
    background-image: url(../img/star2-on.png);
}
.comment-list .stu-item .desc{
	font-size: 14px;
	color: #8E8E8E;
	line-height: 20px;
}
.comment-list .stu-item .date{
	width: 100%;
	padding: 0 57px;
	font-size: 12px;
	color: #b7b3b3;
	margin-top: 15px;
}
.comment-box .comment-list .tea-item{
	width: 100%;
	padding: 15px 0 0 57px;
}
.comment-list .tea-item .tea-img{
	width: 37px;
	height: 37px;
	border-radius: 50%;
	overflow: hidden;
}
.comment-list .tea-item .tea-text{
	width: calc(100% - 37px);
	padding-left: 10px;
}
.comment-list .tea-item .tea-text .name{
	font-size: 14px;
	color: #C4B71C;
	font-weight: bold;
	line-height: 28px;
}
.comment-list .tea-item .tea-text .name strong{
	color: #454545;
}
.comment-list .tea-item .tea-text .name span{
	color: #8E8E8E;
	font-weight: normal;
}
.comment-list .tea-item .tea-text .desc{
	font-size: 14px;
	color: #8E8E8E;
	line-height: 20px;
}
.comment-list .tea-item .tea-text .comment-mes{
	width: 100%;
	height: 20px;
	margin-top: 10px;
}
.comment-list .tea-item .comment-mes .date{
	font-size: 12px;
	color: #B7B3B3;
	line-height: 20px;
}
.comment-list .tea-item .comment-mes span{
	display: inline-block;
	font-size: 14px;
	color: #B2B2B2;
	line-height: 20px;
	margin-left: 20px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}
.comment-list .tea-item .comment-mes span.hide{
	display: none;
}
.comment-list .tea-item .comment-mes .iconfont{
	font-size: 18px;
	margin-right: 3px;
	vertical-align: middle;
}
.comment-list .tea-item .reply-box{
	width: 100%;
	height: 148px;
	margin-top: 15px;
	text-align: right;
}
.comment-list .tea-item .reply-box.hide{
	display: none;
}
.comment-list .tea-item .reply-box textarea{
	width: 100%;
	height: 92px;
	text-align: left;
	padding: 10px 15px;
	background-color: #f6f6f6;
	border: 1px solid #efebeb;
	border-radius: 3px;
	resize: none;
	font-size: 13px;
	color: #666;
	line-height: 20px;
}
.comment-list .tea-item .reply-box .a_send{
	display: inline-block;
	width: 100px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	margin-top: 20px;
	background-color: #C4B71C;
	border-radius: 3px;
	overflow: hidden;
	font-size: 13px;
	color: #fff;
}

.tabClass .case-download{
	width: 100%;
	padding: 60px 20px;
}
.tabClass .case-download .item{
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px solid #E5E5E5;
}
.case-download .item .ico-img{
	width: 56px;
	height: 46px;
	overflow: hidden;
}
.case-download .item .case-mes{
	width: calc(100% - 156px);
	padding: 0 15px;
}
.case-download .item .case-mes .tit{
	font-size: 16px;
	color: #6c6c6c;
	line-height: 26px;
}
.case-download .item .case-mes .desc{
	font-size: 12px;
	color: #A0A09F;
	line-height: 20px;
}
.case-download .item .download-btn{
	display: block;
	width: 100px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background-color: #35B16C;
	border-radius: 3px;
	overflow: hidden;
	margin: 4px 0;
	font-size: 15px;
	color: #fff;
}
.case-download .item .download-btn .iconfont{
	font-size: 20px;
	margin-right: 3px;
	vertical-align: middle;
}

.tabClass .note-box{
	width: 100%;
	padding: 60px 20px;
}
.tabClass .note-box .note-tit{
	width: 100%;
	margin-bottom: 45px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #eee;
}
.tabClass .note-box .note-tit textarea{
	width: 93%;
	height: 34px;
	padding: 0 10px;
	line-height: 34px;
	border: none;
	resize: none;
	font-size: 14px;
	color: #666;
}
.tabClass .note-box .note-tit span{
	display: inline-block;
	font-size: 14px;
	color: #b8b8b8;
	line-height: 34px;
	vertical-align: top;
}
.tabClass .note-box .note-main{
	width: 100%;
	height: 148px;
	border: 1px solid #eee;
}
.tabClass .note-box .note-main textarea{
	display: block;
	width: 100%;
	height: 120px;
	padding: 5px 10px;
	border: 0;
	resize: none;
	font-size: 14px;
	color: #666;
	line-height: 150%;
	overflow-y: auto;
}
.tabClass .note-box .note-main .num-count{
	width: 100%;
	height: 28px;
	text-align: right;
	padding: 0 10px;
}
.tabClass .note-box .note-main .num-count span{
	line-height: 28px;
	font-size: 14px;
	color: #b8b8b8;
}
.tabClass .note-box .task{
	display: inline-block;
	height: 16px;
	margin-top: 15px;
	line-height: 16px;
	font-size: 12px;
	color: #999;
	cursor: pointer;
}
.tabClass .note-box .task label{
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 14px;
	border: 1px solid #eee;
	margin-right: 5px;
	vertical-align: top;
}
.tabClass .note-box .task label .iconfont{
	font-size: 12px;
	color: #fff;
}
.tabClass .note-box .task label.on .iconfont{
	color: #C4B71C;
}
.tabClass .note-box .btn-box{
	width: 100%;
	height: 36px;
	text-align: right;
	margin-top: 10px;
}
.tabClass .note-box .submitBtn{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #C4B71C;
    width: 92px;
    float: right;
    border-radius: 2px;
}

.coursePro-main .aside-right{
	width: 324px;
}
.coursePro-main .aside-right .teacher-info{
	width: 100%;
	padding: 20px 20px 30px;
	border: 1px solid #eee;
	margin-bottom: 25px;
}
.aside-right .teacher-info a{
	display: block;
	width: 100%;
}
.aside-right .teacher-info .tea-img{
	width: 79px;
	height: 79px;
	border-radius: 50%;
}
.aside-right .teacher-info .tea-text{
	width: calc(100% - 79px);
	padding: 8px 0 0 15px;
}
.teacher-info .tea-text .tea-name{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin: 5px 0;
}
.teacher-info .tea-text .sign-box{
	position: relative;
	padding: 2px 0 2px 15px;
	height: 26px;
}
.teacher-info .tea-text .sign-box .img-box{
	width: 26px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.teacher-info .tea-text .sign-box span{
	display: block;
	width: 70px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	background-color: #DCDCDC;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
}
.tree-list{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 15px 0;
}
.tree-list li{
    display: table-cell;
    border-left: 1px solid #e5e5e5;
    text-align: center;
}
.tree-list li:first-child{
    border-left: 0;
}
.tree-list li .item-tt{
	font-size: 16px;
	color: #333;
	line-height: 150%;
}
.tree-list li .item-num{
    font-size: 14px;
	color: #999;
	line-height: 150%;
}
.teacher-info .tea-desc{
	width: 100%;
	font-size: 14px;
	color: #777;
	line-height: 20px;
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #E5E5E5;
}
.teacher-info .class-mes .tit{
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 15px;
}
.teacher-info .class-mes .tit .a-join{
	display: inline-block;
	width: 86px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	border: 1px solid #C4B71C;
	border-radius: 3px;
	margin-left: 15px;
	font-size: 14px;
	color: #C4B71C;
}
.teacher-info .class-mes .class-name{
	font-size: 16px;
	color: #777;
	line-height: 30px;
}
.teacher-info .class-mes .class-name .iconfont{
	font-size: 30px;
	color: #C4B71C;
	vertical-align: middle;
	margin-right: 5px;
}

.coursePro-main .aside-right .about-course{
	width: 100%;
	padding: 0px 20px 5px;
	border: 1px solid #eee;
}
.aside-right .about-course .tit{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	padding: 15px 5px;
	font-weight: bold;
}
.about-course .course-list .cour-item{
	width: 100%;
	padding: 0 15px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 25px;
}
.about-course .course-list .cour-item:last-child{
	border-bottom: 1px solid #fff;
}
.about-course .course-list .cour-item .course-img{
	width: 100%;
	height: 200px;
	position: relative;
}
.about-course .course-list .course-img .num{
	width: 100%;
	height: 36px;
	padding: 0 15px;
	background: rgba(0,0,0,.35);
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.about-course .course-list .course-img .num .iconfont{
	font-size: 24px;
	margin-right: 5px;
	vertical-align: middle;
}
.about-course .course-list .name{
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.about-course .course-list .name a{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 24px;
}
.about-course .course-list .name a:hover{
	color: #E82D23;
}

/*分享弹框*/
.share-tk{
	width: 470px;
	height: 158px;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -235px;
	margin-top: -79px;
	z-index: 1001;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.share-tk.hide{
	top: -100px;
}
.mask2{
	display: block;
	position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
}
.mask2.hide{
	display: none;
}
.share-tk .tk-tit{
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 16px;
	color: #84C016;
}
.share-tk .close-pop{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #d8d8d8;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	right: 20px;
}
.share-tk .close-pop .iconfont{
	font-size: 15px;
	color: #fff;
}
.share-tk .share-list{
	width: 100%;
	height: 88px;
}
.share-tk .share-list li{
	float: left;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin: 29px 56px;
}
.icon-qzone{
    background-image: url(../img/qzone-icon.png);
}
.icon-weixin{
    background-image: url(../img/wechat-icon.png);
}
.icon-weibo{
    background-image: url(../img/sina-icon.png);
}

/*购买课程*/
.buy-info{
	width: 1200px;
	padding: 30px 55px;
	border: 1px solid #eee;
	margin: 0 auto 85px;
}
.buy-info .part-tit{
	width: 100%;
	height: 50px;
	padding: 0 25px;
	line-height: 50px;
	background-color: #eee;
	margin-bottom: 30px;
	font-size: 18px;
	color: #333;
}
.buy-info .order-info{
	width: 100%;
	margin-bottom: 40px;
}
.buy-info .order-info .order-table{
	width: 100%;
	height: 250px;
	border: 1px solid #DCDCDC;
	margin-bottom: 20px;
}
.order-info .order-table .tab-head{
	width: 100%;
	height: 60px;
	line-height: 58px;
	border-bottom: 1px solid #DCDCDC;
	font-size: 16px;
	color: #333;
}
.order-info .order-table .tit{
	width: 486px;
	padding-left: 25px;
}
.order-info .order-table .style,
.order-info .order-table .price,
.order-info .order-table .handle{
	width: 200px;
	text-align: center;
}
.order-info .order-table .tab-head .tit{
	padding-left: 100px;
}
.order-info .order-table .tab-body{
	width: 100%;
	height: 190px;
	padding: 37px 0;
}
.order-info .order-table .tab-body .cour-img{
	width: 179px;
	height: 116px;
	overflow: hidden;
}
.order-info .order-table .tab-body .cour-text{
	width: calc(100% - 179px);
	padding-left: 10px;
}
.order-info .order-table .tab-body .cour-name a{
	font-size: 18px;
	color: #333;
	line-height: 30px;
}
.order-info .order-table .tab-body .cour-name a:hover{
	color: #E82D23;
}
.order-info .order-table .tab-body .date{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.order-info .order-table .tab-body .style{
	font-size: 16px;
	color: #999;
	line-height: 116px;
}
.order-info .order-table .tab-body .price{
	font-size: 16px;
	color: #E82D23;
	line-height: 116px;
}
.order-info .order-table .tab-body .handle{
	padding: 43px 0;
}
.order-info .order-table .tab-body .handle .a-del{
	display: inline-block;
	font-size: 16px;
	color: #999;
	line-height: 30px;
	padding: 0 10px;
}
.order-info .order-table .tab-body .handle .a-del:hover{
	color: #E82D23;
}
.buy-info .order-info .tools{
	width: 100%;
	height: 30px;
	text-align: right;
	line-height: 30px;
	padding: 0 15px;
}
.buy-info .order-info .tools span{
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin-left: 25px;
}
.buy-info .order-info .tools span em{
	color: #E82D23;
}

.payment-box .payment{
	width: 100%;
	padding: 25px 25px 40px;
	border: 1px solid #DCDCDC;
}
.payment-box .payment .tit{
	width: 100%;
	height: 24px;
	padding-left: 16px;
	line-height: 24px;
	border-left: 4px solid #E82F24;
	font-size: 18px;
	color: #333;
	margin-bottom: 30px;
}
.payment-box .payment .account{
	width: 100%;
	margin-bottom: 50px;
}
.payment .account .money,
.payment .account .tips{
	width: 100%;
	padding: 0 0 0 35px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-bottom: 8px;
}
.payment .account .money strong{
	font-size: 24px;
	color: #E82F24;
	font-weight: normal;
}
.payment .line-pay .payment-way .f-radio{
	display: block;
	float: left;
	width: 225px;
	height: 80px;
	margin-right: 35px;
	cursor: pointer;
}
.payment .payment-way .f-radio .icon-radio{
	float: left;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	overflow: hidden;
	margin: 31px 17px 0 0;
	background-image: url(../img/checked-off.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.payment .payment-way .f-radio.checked .icon-radio{
	background-image: url(../img/checked-on.png);
}
.payment .payment-way .f-radio .pay-img{
	float: left;
	width: 190px;
	height: 80px;
	border: 1px solid #e4e4e4;
}

.buy-info .pro-info{
	width: 100%;
	text-align: right;
	margin: 60px 0;
}
.buy-info .pro-info .tools{
	padding-right: 20px;
	margin-bottom: 10px;
}
.buy-info .pro-info .tools span{
	display: inline-block;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-right: 20px;
}
.buy-info .pro-info .tools span em{
	color: #E82F24;
}
.buy-info .pro-info .select-box{
	margin-bottom: 10px;
}
.buy-info .pro-info .select-box span{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #333;
	margin-right: 25px;
}
.buy-info .pro-info .select-box select{
	width: 240px;
	height: 40px;
	padding: 0 15px;
	text-align: center;
	border: 1px solid #E5E5E5;
	font-size: 16px;
	color: #333;
}
.buy-info .pro-info .order-money{
	font-size: 18px;
	color: #333;
	line-height: 36px;
	padding-right: 60px;
	margin-bottom: 40px;
}
.buy-info .pro-info .order-money strong{
	font-size: 28px;
	color: #E82F24;
	font-weight: normal;
}
.buy-info .pro-info .btn-box .submitBtn{
	display: inline-block;
	width: 360px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-color: #E82F24;
	font-size: 28px;
	color: #fff;
}

/*支付成功弹框*/
.paySuccess-tk{
	width: 630px;
	height: 160px;
	border-radius: 5px;
	overflow: hidden;
	padding: 15px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -315px;
	margin-top: -80px;
	z-index: 1001;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.paySuccess-tk .payment-main .ico-img{
	width: 100px;
} 
.payment-main .ico-img .ico{
	width: 90px;
	height: 90px;
	margin: 0 auto 5px;
}
.payment-main .ico-img .ico .iconfont{
	font-size: 90px;
	color: #00C652;
}
.payment-main .ico-img span{
	font-size: 24px;
	color: #00C652;
	line-height: 30px;
}
.payment-main .pay-text{
	width: calc(100% - 100px);
	padding-left: 40px;
}
.payment-main .pay-text .pay-way{
	font-size: 20px;
	color: #8A9EA8;
	line-height: 40px;
	margin-bottom: 5px;
}
.payment-main .pay-text .pay-way span{
	color: #E82D23;
}
.payment-main .pay-text .number-mes span{
	display: inline-block;
	font-size: 20px;
	color: #8A9EA8;
	line-height: 40px;
	margin-bottom: 5px;
}
.payment-main .pay-text .number-mes span:first-child{
	margin-right: 15px;
}
.payment-main .pay-text .btn-box span{
	display: inline-block;
	font-size: 20px;
	color: #8A9EA8;
	line-height: 40px;
	margin-right: 20px;
}
.payment-main .pay-text .btn-box span em{
	color: #00C652;
}
.payment-main .pay-text .btn-box .a-back{
	display: inline-block;
	width: 120px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	margin: 3px 0;
	background-color: #E82F24;
	border-radius: 3px;
	font-size: 18px;
	color: #fff;
	vertical-align: top;
}

/*班级中心*/
.classCenter{
	width: 1200px;
	margin: 0 auto;
}
.classCenter .hot-class{
	width: 100%;
	padding: 40px 30px 0;
	margin-bottom: 45px;
	border: 1px solid #eee;
}
.classCenter .part-tit{
	width: 100%;
	height: 25px;
	padding-left: 12px;
	line-height: 25px;
	border-left: 4px solid #E82F24;
	margin-bottom: 40px;
	font-size: 20px;
	color: #666;
}
.classCenter .class-list .class-item{
	width: 268px;
	border: 1px solid #E5E5E5; 
	margin-right: 22px;
	margin-bottom: 65px;
}
.classCenter .class-list .class-item:nth-child(4n){
	margin-right: 0;
}
.class-list .class-item .class-img{
	width: 266px;
	height: 172px;
	overflow: hidden;
}
.class-list .class-item .class-text{
	width: 100%;
	padding: 10px;
}
.class-list .class-item .class-mes .name{
	width: 74%;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #464646;
}
.class-list .class-item .class-mes .a-join{
	display: block;
	width: 62px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	background-color: #E82F24;
	border-radius: 2px;
	font-size: 15px;
	color: #fff;
}
.class-list .class-item .class-info{
	width: 100%;
	margin: 15px 0;
}
.class-list .class-info .info-num{
	width: 50%;	
	height: 22px;
	line-height: 22px;
}
.class-list .class-info .info-num:first-child{
	border-right: 1px solid #DCDCDC;
}
.class-list .class-info .info-num span{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #8a8a8a;
	vertical-align: top;
}
.class-list .class-info .info-num .iconfont{
	font-size: 20px;
	color: #8a8a8a;
	margin-right: 10px;
	vertical-align: top;
}

.class-filter{
	width: 100%;
	height: 60px;
	margin-bottom: 40px;
	border: 1px solid #eee;
}
.class-filter .f-sort a{
    margin-right: 0px;
    width: 98px;
    height: 58px;
    border-bottom: 0;
    line-height: 58px;
    text-align: center;
}
.class-filter .f-sort .fs-tit {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #464646;
}
.class-filter .f-sort a.on{
   background-color: #E82F24;
}
.class-filter .f-sort a.on .fs-tit {
    color: #fff;
}
.class-filter .search-box{
	width: 230px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #E5E5E5;
	margin: 12px 25px 12px 0;
	position: relative;
}
.class-filter .search-box .sea-int{
	width: 100%;
	height: 32px;
	padding: 0 40px 0 10px;
	font-size: 14px;
	color: #464646;
}
.class-filter .search-box .iconfont{
	font-size: 20px;
	color: #c1c1c1;
	position: absolute;
	right: 10px;
}

.classCenter .allClass{
	width: 100%;
	padding: 40px 30px 0;
	margin-bottom: 45px;
	border: 1px solid #eee;
	background-color: #fff;
}

/*班级详情*/
.class-detail .class-banner{
    width: 1200px;
    padding: 75px 45px;
    border: 1px solid #eee;
    margin: 0 auto 60px;
}
.class-banner .imgtext-course .class-img{
	width: 524px;
	height: 394px;
	overflow: hidden;
}
.class-banner .imgtext-course .text-right{
    width: calc(100% - 524px);
    padding: 10px 0 0 50px;
    position: relative;
}
.class-banner .imgtext-course .class-tit{
    width: 100%;
    padding-right: 120px;
    font-size: 25px;
    color: #272727;
    line-height: 40px;
    margin-bottom: 5px;
}
.class-banner .text-right .btn-list{
	display: inline-block;
	height: 40px;
	position: absolute;
	right: 0;
	top: 10px;
}
.class-banner .btn-list li{
	margin-left: 20px;
}
.class-banner .btn-list .item-share,
.class-banner .btn-list .item-collect{
	font-size: 15px;
	color: #777;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}
.class-banner .btn-list .item-share .iconfont,
.class-banner .btn-list .item-collect .iconfont{
	font-size: 18px;
	margin-right: 3px;
}
.class-banner .btn-list .item-collect .iconfont.hide{
	display: none;
}
.class-banner .btn-list .item-collect.on,
.class-banner .btn-list .item-collect .icon-shoucang1{
	color: #E82D23;
}
.class-banner .imgtext-course .desc{
	font-size: 14px;
	color: #888;
	line-height: 20px;
}
.class-banner .imgtext-course .class-info{
	width: 100%;
	height: 86px;
	background-color: #f2efef;
	margin: 20px 0;
}
.class-banner .class-info .item{
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 15px 0;
}
.class-banner .class-info .ico{
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	margin: 0 auto 4px;
}
.class-banner .class-info .ico .iconfont{
	font-size: 30px;
	color: #7a7a7a;
}
.class-banner .class-info .num{
	display: block;
	font-size: 14px;
	color: #888;
	line-height: 20px;
}
.class-banner .imgtext-course .tt-below-line{
	padding-bottom: 5px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 20px;
}
.class-banner .imgtext-course .tt-below-line .line-item{
	font-size: 14px;
	color: #888;
}
.class-banner .imgtext-course .tt-below-line .icon-sep{
	margin: 0 10px;
}
.class-banner .imgtext-course .class-price{
	font-size: 15px;
	color: #797979;
	margin-bottom: 30px;
}
.imgtext-course .class-price span{
    font-size: 22px;
    color: #E82D23;
    font-weight: bold;
}
.imgtext-course .class-price strong {
    font-size: 30px;
    color: #E82D23;
    font-weight: bold;
}
.imgtext-course .class-bar a{
    display: inline-block;
    width: 226px;
    height: 52px;
    text-align: center;
    line-height: 50px;
    background-color: #FA5622;
    border: 1px solid #FA5622;
    border-radius: 3px;
    font-size: 20px;
    color: #fff;
}
.imgtext-course .class-bar a.a-ask{
	background-color: #fff;
	color: #FA5722;
	margin-left: 24px;
}
.imgtext-course .class-bar a.a-ask .iconfont{
	font-size: 32px;
	vertical-align: middle;
	margin-right: 10px;
}

.classPro-main .class-desc{
	width: 100%;
	padding: 50px 20px 30px;
}
.classPro-main .class-desc .txt{
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	margin-bottom: 20px;
}
.classPro-main .class-course{
	width: 100%;
	padding: 60px 20px 30px;
}
.class-course .module-list h4{
    position: relative;
    padding: 0 64px 0 45px;
    margin-bottom: 20px;
    height: 54px;
    line-height: 54px;
    background: #eee;
    font-size: 18px;
    color: #333;
}
.class-course .module-list h4 .iconfont{
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 20px;
    color: #a8a8a8;
}
.class-course .module-list h4.on .iconfont{
    transform: rotate(180deg);
    transition: .3s all;
}
.class-course .module-list .chapter-wrap{
    display: none;
    padding: 5px 0 25px;
}
.class-course .module-list .module-item{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	margin-bottom: 15px;
}
.class-course .module-list .module-item a{
	display: block;
	padding: 0 15px;
}
.class-course .module-list .module-item .tit span{
	display: inline-block;
	color: #333;
	font-size: 16px;
	line-height: 36px;
	vertical-align: middle;
}
.class-course .module-list .module-item .tit .iconfont{
	font-size: 20px;
	color: #C4B71C;
	vertical-align: middle;
	margin-right: 10px;
}
.class-course .module-list .module-item .date{
	display: block;
	font-size: 16px;
	color: #999;
	line-height: 36px;
}

.classPro-main .class-evaluate{
	width: 100%;
	padding: 50px 20px 10px;
}
.classPro-main .class-evaluate .item-tit{
	font-size: 18px;
	color: #6d6d6d;
	line-height: 24px;
	margin-bottom: 10px;
}
.classPro-main .class-evaluate .message-main{
	width: 100%;
	height: 150px;
	border: 1px solid #eee;
}
.class-evaluate .message-main textarea{
    display: block;
    width: 100%;
    height: 120px;
    padding: 5px 10px;
    border: 0;
    resize: none;
    font-size: 14px;
    color: #666;
    line-height: 150%;
    overflow-y: auto;
}
.class-evaluate .message-main .num-count{
	width: 100%;
	height: 28px;
	text-align: right;
	padding: 0 10px;
}
.class-evaluate .message-main .num-count span{
	line-height: 28px;
	font-size: 14px;
	color: #a9a9a9;
}
.classPro-main .class-evaluate .btn-box{
    width: 100%;
    height: 38px;
    text-align: right;
    margin-top: 20px;
}
.class-evaluate .btn-box .submitBtn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #C4B71C;
    width: 106px;
    float: right;
    border-radius: 2px;
}
.class-evaluate .evaluate-box .evaluate-list .stu-item{
    width: 100%;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #edecec;
}
.class-evaluate .evaluate-list .stu-item .user-img{
    width: 66px;
    height: 66px;
    overflow: hidden;
    border-radius: 50%;
}
.class-evaluate .evaluate-list .stu-item .stu-text{
    width: calc(100% - 66px);
    padding: 7px 0 0 10px;
}
.class-evaluate .stu-item .stu-text .name{
	font-size: 18px;
	color: #293438;
	line-height: 30px;
}
.class-evaluate .stu-item .stu-text .desc{
	font-size: 15px;
	color: #6F7171;
	line-height: 22px;
}
.evaluate-list .stu-item .stu-text .evaluate-mes{
    width: 100%;
    height: 20px;
    margin-top: 10px;
}
.evaluate-list .stu-item .evaluate-mes .date{
    font-size: 12px;
    color: #6F7171;
    line-height: 20px;
}
.evaluate-list .stu-item .evaluate-mes span{
	display: inline-block;
	font-size: 14px;
	color: #B2B2B2;
	line-height: 20px;
	margin-left: 20px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}
.evaluate-list .stu-item .evaluate-mes span.hide{
	display: none;
}
.evaluate-list .stu-item .evaluate-mes .iconfont{
	font-size: 18px;
	margin-right: 3px;
	vertical-align: middle;
}
.evaluate-list .stu-text .reply-box{
	width: 100%;
	padding: 10px;
	background-color: #eee;
	border-radius: 10px;
	margin-top: 15px;
}
.evaluate-list .stu-text .reply-box .txt{
	font-size: 13px;
	color: #6F7171;
	line-height: 22px;
}
.evaluate-list .stu-text .reply-box .txt span{
	color: #C4B71C;
}

/*线下课*/
.opt-list .brand-list .date-box{
	width: 100%;
	overflow: hidden;
}
.brand-list .date-box .jeitem{
	float: left;
	width: 190px;
	height: 44px;
	border: 1px solid #BFBFBF;
	border-radius: 5px;
	padding: 0 10px;
	margin-right: 20px;
}
.brand-list .date-box .jeitem .ico{
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	margin: 6px 10px 6px 0;
}
.brand-list .date-box .jeitem .ico .iconfont{
	font-size: 30px;
	color: #8E8E8E;
}
.brand-list .date-box .jeitem .jeinpbox{
	width: 128px;
	height: 42px;
	float: left;
	vertical-align: middle;
	position: relative;
}
.jeitem ::-webkit-input-placeholder {
	font-size: 16px;
}
.jeitem :-moz-placeholder {
	font-size: 16px;
}
.jeitem ::-moz-placeholder {
	font-size: 16px;
}
.jeitem :-ms-input-placeholder {
	font-size: 16px;
}
.jeinput {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
	font-size: 16px;
	color: #666;
}
.brand-list .date-box .btn-box{
	width: 90px;
	height: 44px;
	float: left;
}
.brand-list .date-box .btn-box .submitBtn{
	display: block;
	width: 90px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 5px;
	background-color: #E72F24;
	font-size: 16px;
	color: #fff;
}

.unline{
	width: 1200px;
	margin: 0 auto 80px;
}
.unline .unline-box{
	width: 100%;
	padding: 40px 25px 30px;
	border: 1px solid #eee;
	border-top: 1px solid transparent;
}
.unline .unline-list .unline-item{
	width: 100%;
	padding: 0 15px 40px 15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #eee;
}
.unline .unline-list .unline-item:last-child{
	border-bottom: 1px solid #fff;
}
.unline-list .unline-item .unline-img{
	width: 308px;
	height: 237px;
	overflow: hidden;
}
.unline-list .unline-item .unline-text{
	width: calc(100% - 308px);
	padding-left: 20px;
	position: relative;
}
.unline-list .unline-text .cour-name{
	height: 30px;
	margin-bottom: 10px;
}
.unline-list .unline-text .cour-name a{
	display: inline-block;
	font-size: 21px;
	color: #666;
	line-height: 30px;
	font-weight: bold;
}
.unline-list .unline-text .cour-name a:hover{
	color: #E82D23;
}
.unline-list .unline-text .desc{
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin-bottom: 25px;
}
.unline-list .unline-text .cour-mes li{
	width: 100%;
	height: 32px;
	margin-bottom: 5px;
}
.unline-list .unline-text .cour-mes li span{
	display: inline-block;
	font-size: 16px;
	color: #666;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
}
.unline-list .unline-text .cour-mes li .iconfont{
	height: 32px;
	font-size: 24px;
	color: #666;
	line-height: 32px;
	margin-right: 7px;
	vertical-align: top;
}
.unline-list .unline-text .number-btn{
	position: absolute;
	right: 0;
	bottom: 5px;
}
.unline-list .unline-text .number-btn .price{
	font-size: 24px;
	color: #E82D23;
	font-weight: bold;
}
.unline-list .unline-text .number-btn .price strong{
	font-size: 30px;
}
.unline-list .unline-text .number-btn .baoming-btn{
	display: block;
	width: 134px;
	height: 42px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #E82F24;
	border-radius: 5px;
	margin-left: 20px;
	font-size: 18px;
	color: #E82F24;
}
.unline-list .unline-text .number-btn .baoming-btn.disabled{
	border-color: #919191;
	color: #919191;
	cursor: no-drop;
}
.unline-list .unline-text .number-btn .baoming-btn:hover{
	background-color: #E82F24;
	color: #fff;
}
.unline-list .unline-text .number-btn .baoming-btn.disabled:hover{
	background-color: #fff;
	color: #919191;
}

/*线下课详情*/
.unline-detail .unline-banner{
    width: 1200px;
    height: 520px;
    padding: 50px 35px;
    border: 1px solid #eee;
    margin: 0 auto 50px;
}
.unline-banner .imgtext-course .img-left{
	width: 455px;
	height: 380px;
	overflow: hidden;
}
.unline-banner .imgtext-course .unline-img{
	width: 455px;
	height: 313px;
	overflow: hidden;
}
.unline-banner .imgtext-course .baoming-btn{
	display: block;
	width: 100%;
	height: 66px;
	text-align: center;
	line-height: 66px;
	background-color: #E82F24;
	font-size: 24px;
	color: #fff;
}
.unline-banner .imgtext-course .text-right{
    width: calc(100% - 524px);
    padding: 0px 0 0 25px;
    position: relative;
}
.unline-banner .imgtext-course .unline-tit{
	font-size: 25px;
	color: #272727;
	line-height: 30px;
	margin: 5px 0;
	padding-right: 75px;
}
.unline-banner .imgtext-course .collect-btn{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 6px;
}
.unline-banner .collect-btn .item-collect{
	width: 70px;
	height: 28px;
	text-align: center;
	line-height: 26px;
	border: 1px solid #DCDCDC;
    font-size: 15px;
    color: #797979;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.unline-banner .collect-btn .item-collect .iconfont{
	font-size: 18px;
	margin-right: 3px;
}
.unline-banner .collect-btn .item-collect .iconfont.hide{
	display: none;
}
.unline-banner .collect-btn .item-collect.on,
.unline-banner .collect-btn .item-collect .icon-shoucang1{
	color: #E82D23;
}
.unline-banner .text-right .desc{
	margin: 15px 0;
}
.unline-banner .text-right .desc .tit{
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.unline-banner .text-right .desc .txt{
	width: calc(100% - 80px);
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.unline-banner .text-right .unline-mes{
	width: 100%;
	height: 68px;
	padding: 10px 0;
	background-color: #eee;
	margin-bottom: 20px;
}
.unline-banner .unline-mes .unline-price{
	display: inline-block;
	height: 48px;
	padding: 0 10px 0 25px;
	line-height: 48px;
	font-size: 15px;
	color: #797979;
}
.unline-banner .unline-mes .unline-price span{
    font-size: 24px;
    color: #E82D23;
    font-weight: bold;
}
.unline-banner .unline-mes .unline-price strong{
    font-size: 36px;
    color: #E82D23;
    font-weight: bold;
}
.unline-banner .unline-mes .number{
	font-size: 16px;
	color: #797979;
	line-height: 48px;
	padding-right: 25px;
	border-right: 1px solid #D2D2D2;	
}
.unline-banner .unline-mes .item-share{
	font-size: 16px;
	color: #797979;
	line-height: 48px;
	height: 48px;
	padding: 0 25px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.unline-banner .unline-mes .item-share .iconfont{
	font-size: 18px;
	margin-right: 5px;
	vertical-align: middle;
}
.unline-banner .text-right .cour-mes li{
	width: 100%;
	height: 32px;
	margin-bottom: 7px;
}
.unline-banner .text-right .cour-mes li span{
	display: inline-block;
	font-size: 16px;
	color: #666;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
}
.unline-banner .text-right .cour-mes li .iconfont{
	height: 32px;
	font-size: 24px;
	color: #666;
	line-height: 32px;
	margin-right: 7px;
	vertical-align: top;
}

.unlinePro-main .unlinePro{
	width: 850px;
}
.unlinePro-main .unlinePro .baoming-form{
	width: 100%;
	padding: 10px 25px;
	border: 1px solid #eeee;
	margin-bottom: 40px;
}
.unlinePro-main .com-tit{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 5px;	
}
.unlinePro-main .com-tit h5{
	width: 100%;
	height: 30px;
	padding: 0 15px;
	line-height: 30px;
	border-left: 5px solid #E82F24;
	font-size: 18px;
	color: #333;
}
.unlinePro-main .baoming-form .form-main{
	width: 100%;
	padding: 20px 54px 65px;
}
.form-main .form-box .full-db{
	width: 100%;
	margin-bottom: 15px;
}
.form-main .form-box label{
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding: 0 5px;
	margin-bottom: 5px;
	position: relative;
}
.form-main .form-box label .iconfont{
	font-size: 10px;
	color: #D81E06;
	line-height: 1;
	position: absolute;
	top: 7px;
	left: 40px;
}
.form-box ::-webkit-input-placeholder {
	font-size: 16px;
}
.form-box :-moz-placeholder {
	font-size: 16px;
}
.form-box ::-moz-placeholder {
	font-size: 16px;
}
.form-box :-ms-input-placeholder {
	font-size: 16px;
}
.form-main .form-box input{
	width: 100%;
	height: 46px;
	padding: 0 15px;
	line-height: 44px;
	border: 1px solid #E5E5E5;
	font-size: 16px;
	color: #666;
}
.baoming-form .form-main .tips-text{
	width: 100%;
	margin: 30px 0 25px;
}
.form-main .tips-text span{
	display: block;
	font-size: 16px;
	color: #E82D23;
	line-height: 32px;
}
.form-main .tips-text .txt{
	width: calc(100% - 32px);
	font-size: 16px;
	color: #999;
	line-height: 32px;
}
.form-main .btn-box .bm-btn{
	display: block;
	width: 100%;
	height: 66px;
	text-align: center;
	line-height: 66px;
	background-color: #E82F24;
	font-size: 24px;
	color: #fff;
}

.unlinePro .course-contents{
	width: 100%;
	padding: 20px 25px 100px;
	border: 1px solid #eeee;
}
.course-contents .contents-info .item-tit{
	width: 164px;
	height: 48px;
	text-align: center;
	line-height: 46px;
	border-top: 1px solid #F08200;
	border-bottom: 1px solid #F08200;
	font-size: 24px;
	color: #F08200;
	margin: 75px auto 35px;
}
.course-contents .contents-info .cour-desc{
	width: 774px;
	padding: 40px 30px 10px;
	border: 1px solid #E5E5E5;
	margin: 0 auto;
	position: relative;
}
.course-contents .contents-info .cour-desc:before{
	content: "";
	width: 19px;
	height: 25px;
	background: url(../img/top-sj.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 10px;
	left: 10px;
}
.course-contents .contents-info .cour-desc:after{
	content: "";
	width: 19px;
	height: 25px;
	background: url(../img/bottom-sj.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.course-contents .contents-info .cour-desc .txt{
	font-size: 16px;
	color: #6d6c6c;
	line-height: 30px;
	margin-bottom: 30px;
}
.course-contents .contents-info .cour-txt{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #6D6C6C;
	line-height: 48px;
}

.unlinePro-main .orga-info{
	width: 100%;
	padding: 15px;
	border: 1px solid #eee;
}
.unlinePro-main .orga-info a{
	display: block;
	padding: 0 15px;
	margin: 25px 0 10px 0;
}
.unlinePro-main .orga-info .orga-img{
	width: 102px;
	height: 102px;
	border: 1px solid #d3d3d3;
	padding: 16px 0;
	border-radius: 50%;
}
.unlinePro-main .orga-info .orga-img img{
	width: 54px;
	height: 68px;
	margin: 0 auto;
}
.unlinePro-main .orga-info .orga-text{
	width: calc(100% - 102px);
	padding: 20px 0 0 10px;
}
.unlinePro-main .orga-info .orga-text .orga-name{
	font-size: 24px;
	color: #E82D23;
	line-height: 36px;
}
.unlinePro-main .orga-info .orga-text span{
	display: block;
	font-size: 15px;
	color: #6D6C6C;
	line-height: 24px;
}
.orga-info .tree-list li .item-tt{
	color: #5a5a5a;
}
.unlinePro-main .orga-info .orga-desc{
	font-size: 14px;
	color: #5A5A5A;
	line-height: 28px;
	padding: 0 20px 20px 20px;
	border-bottom: 1px solid #eee;
}
.unlinePro-main .orga-info .orga-mes{
	padding: 10px 15px;
}
.unlinePro-main .orga-info .orga-mes .tit{
	font-size: 17px;
	line-height: 30px;
	color: #E82D23;
	padding: 5px 0;
}
.unlinePro-main .orga-info .orga-mes .orga-phone{
	font-size: 13px;
	color: #5A5A5A;
	line-height: 26px;
}

/*讲师*/
.teacher{
	width: 1200px;
	margin: 0 auto 100px;
}
.tea-filter .search-box{
	width: 230px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #E5E5E5;
	margin: 12px 25px 12px 0;
	position: relative;
}
.tea-filter .search-box .sea-int{
	width: 100%;
	height: 32px;
	padding: 0 40px 0 10px;
	font-size: 14px;
	color: #464646;
}
.tea-filter .search-box .iconfont{
	font-size: 20px;
	color: #c1c1c1;
	position: absolute;
	right: 10px;
}

.teacher .teacher-box{
	width: 100%;
	padding: 60px 30px 30px;
	border: 1px solid #eee;
	border-top: 1px solid transparent;
}
.teacher-box .teacher-list .tea-item{
	width: 262px;
	margin: 0 30px 50px 0;
	text-align: center;
	padding: 30px;
	box-shadow: 0px 1px 7px rgba(120, 114, 114, .25);
}
.teacher-box .teacher-list .tea-item:nth-child(4n){
	margin-right: 0;
}
.teacher-list .tea-item .tea-img{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.teacher-list .tea-item .tea-img a{
	display: block;
}
.teacher-list .tea-item .tea-name{
	margin: 10px 0;
}
.teacher-list .tea-item .tea-name a{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 24px;
}
.teacher-list .tea-item .post{
	width: 144px;
	height: 34px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #E82F24;
	border-radius: 5px;
	margin: 0 auto 10px;
	font-size: 16px;
	color: #E82D23;
}
.teacher-list .tea-item .desc{
	font-size: 14px;
	color: #333;
	line-height: 28px;
	text-align: left;
}

/*讲师详情*/
.teacher-detail .tea-banner{
    width: 1200px;
    padding: 55px 45px;
    border: 1px solid #eee;
    margin: 0 auto 50px;
}
.tea-banner .imgtext-course .tea-img{
	width: 280px;
	height: 350px;
	overflow: hidden;
}
.tea-banner .imgtext-course .text-right{
    width: calc(100% - 280px);
    padding: 5px 0 0 30px;
    position: relative;
}
.tea-banner .imgtext-course .tea-name{
    width: 100%;
    padding-right: 100px;
    font-size: 30px;
    color: #333;
    line-height: 40px;
    margin-bottom: 20px;
}
.tea-banner .imgtext-course .tea-name .sign{
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../img/vip-icon.png) no-repeat center center;
	background-size: 100% 100%;
	margin: 0 0 0 10px;
}
.tea-banner .imgtext-course .guanxhu-btn{
	width: 94px;
	height: 34px;
	position: absolute;
	top: 10px;
	right: 20px;
}
.tea-banner .imgtext-course .guanxhu-btn a{
	display: block;
	width: 94px;
	height: 34px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #C4B71C;
	border-radius: 3px;
	font-size: 16px;
	color: #C4B71C;
}
.tea-banner .imgtext-course .post{
	font-size: 18px;
	color: #333;
	line-height: 24px;
	font-weight: bold;
}
.tea-banner .imgtext-course .good-at{
	font-size: 16px;
	color: #777;
	line-height: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.tea-banner .imgtext-course .desc{
	font-size: 16px;
	color: #777;
	line-height: 30px;
	padding: 20px 0;
}
.tea-banner .imgtext-course .tea-bar{
	height: 54px;
	margin-top: 20px;
}
.tea-banner .imgtext-course .tea-bar .a-ask{
	display: block;
	width: 210px;
	height: 54px;
	text-align: center;
	line-height: 52px;
	border: 1px solid #E82F24;
	border-radius: 10px;
	font-size: 18px;
	color: #E82D23;
}
.tea-banner .imgtext-course .tea-bar .a-ask .iconfont{
	font-size: 34px;
	margin-right: 10px;
	vertical-align: middle;
}
.tea-banner .imgtext-course .ewm-share{
	width: auto;
	height: 20px;
	margin-top: 25px;
}
.tea-banner .imgtext-course .ewm-share .ewm{
    position: relative;
    display: block;
    padding: 0;
    top: 0;
    width: auto;
    height: 20px;
    border: 0;
    background: #fff;
}
.tea-banner .imgtext-course .ewm-share .ewm span{
	display: block;
	font-size: 14px;
	color: #777;
	line-height: 20px;
	margin-right: 20px;
}
.tea-banner .imgtext-course .ewm-share .ewm .iconfont{
    font-size: 18px;
    margin-right: 3px;
    color: #999;
    vertical-align: middle;
}
.ewm-share .ewm .qrcode-wrap{
	height: 14px;
}
.ewm-share .ewm .qrcode-wrap .fxp{
	display: none;
	width: 122px;
	height: 122px;
	padding: 5px;
	background: #fff;
	border: 1px solid #FF5823;
	position: absolute;
	top: 30px;
	left: -23px;
}
.ewm-share .ewm .qrcode-wrap .fxp:before{
	position: absolute;
	right: 58px;
	bottom: 114px;
	width: 12px;
	height: 12px;
	border: solid 1px #FF5823;
	border-width: 1px 1px 0 0;
	background-color: #fff;
	content: '';
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(45deg);
}
.ewm-share .ewm:hover .qrcode-wrap .fxp{
	display: block;
}
.tea-banner .ewm-share .item-share{
    font-size: 14px;
    color: #777;
    line-height: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tea-banner .ewm-share .item-share .iconfont{
	font-size: 18px;
	margin-right: 3px;
}

.teacherPro-main .tea-info{
	width: 100%;
	padding: 50px 20px;
}
.teacherPro-main .com-tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	padding-left: 16px;
	border-left: 4px solid #E82F24;
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}
.teacherPro-main .tea-info .desc{
	font-size: 16px;
	color: #777777;
	line-height: 36px;
	padding-left: 20px;
	margin: 25px 0 55px 0;
}
.teacherPro-main .tea-info .resume{
	font-size: 16px;
	color: #777777;
	line-height: 40px;
	padding-left: 20px;
	margin: 25px 0 70px 0;
}
.teacherPro-main .tea-info .resume span{
	margin-right: 30px;
}
.teacherPro-main .tea-info .honor-list{
	width: 100%;
	margin: 50px 0 0;
	padding: 0 0 0 20px;
}
.teacherPro-main .tea-info .honor-list .honor-img{
	width: 195px;
	text-align: center;
	margin: 0 60px 40px 0;
}
.teacherPro-main .tea-info .honor-list .honor-img:nth-child(3n){
	margin-right: 0;
}
.teacherPro-main .tea-info .honor-img .name{
	font-size: 16px;
	color: #777777;
	line-height: 40px;
	margin: 20px 0 0;
}
.teacherPro-main .tea-course{
	width: 100%;
	padding: 45px 2px 30px 2px;
}
.teacherPro-main .tea-course .tea-item{
	width: 248px;
	border: 1px solid #E5E5E5;
	margin: 0 25px 55px 0;
}
.teacherPro-main .tea-course .tea-item:nth-child(3n){
	margin-right: 0;
}
.teacherPro-main .tea-item .course-text{
	width: 100%;
	padding: 0 10px;
}
.teacherPro-main .tea-item .course-text .name{
	margin: 10px 0;
}
.teacherPro-main .tea-item .course-text .name a{
	font-size: 15px;
	color: #333;
	line-height: 20px;
	font-weight: bold;
}
.teacherPro-main .tea-item .course-text .date{
	display: block;
	font-size: 13px;
	color: #999;
	line-height: 18px;
}
.teacherPro-main .tea-item .course-text .price{
	font-size: 22px;
	color: #E82D23;
	line-height: 30px;
	padding: 5px 0 10px;
}
.comment-box .comment-list .stu-img{
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
}
.comment-box .comment-list .stu-text{
	width: calc(100% - 85px);
	padding: 10px 0 0 20px;
}
.comment-box .comment-list .stu-text .user-name{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-bottom: 10px;
}
.comment-box .comment-list .stu-text .user-name span{
	display: inline-block;
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin-left: 20px;
}
.comment-box .comment-list .stu-text .comment-text{
	font-size: 16px;
	color: #777;
	line-height: 24px;
}

.teacherPro-main .fans-box{
	width: 100%;
	padding: 50px;
}
.fans-box .fans-list .fans-item{
	width: 108px;
	margin: 0 80px 50px 0;
	text-align: center;
}
.fans-box .fans-list .fans-item:nth-child(4n){
	margin-right: 0;
}
.fans-box .fans-list .fans-item .name{
	font-size: 18px;
	color: #333;
	line-height: 24px;
	margin-top: 10px;
}
.teacherPro-main .fans-box .btn-box .more-btn{
	display: block;
	width: 354px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	margin: 10px auto;
	font-size: 18px;
	color: #999;
}
.teacherPro-main .aside-right .hot-teacher{
    width: 100%;
    padding: 30px 15px;
    border: 1px solid #eee;
}
.teacherPro-main .hot-teacher .tea-list{
	padding-top: 10px;
}
.hot-teacher .tea-list .tea-item{
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 35px;
	border-bottom: 1px solid #eee;
}
.hot-teacher .tea-list .tea-item:last-child{
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
}
.hot-teacher .tea-list .tea-item a{
	display: block;
}
.hot-teacher .tea-list .tea-img{
	width: 102px;
	height: 102px;
	border-radius: 50%;
	overflow: hidden;
}
.hot-teacher .tea-list .tea-text{
	width: calc(100% - 102px);
	padding: 10px 0 0 10px;
}
.hot-teacher .tea-list .tea-name{
	font-size: 18px;
	color: #333;
	line-height: 24px;
	height: 24px;
	margin: 5px 0;
}
.hot-teacher .tea-list .tea-name span{
	display: inline-block;
	width: 72px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	border: 1px solid #E82F24;
	border-radius: 5px;
	margin: 0 0 0 5px;
	font-size: 14px;
	color: #E82D23;
	vertical-align: top;
}
.hot-teacher .tea-list .desc{
	font-size: 14px;
	color: #777;
	line-height: 20px;
}

/*考试*/
.examination{
	margin-bottom: 80px;
}
.filter .sea-tools{
	font-size: 16px;
	color: #666;
	line-height: 60px;
}
.filter .sea-tools span{
	color: #E82D23;
}
.examination .exam-box{
	width: 100%;
	padding: 60px 25px 40px;
	border: 1px solid #eee;
}
.exam-box .exam-list .exam-item{
	width: 364px;
	height: 230px;
	text-align: center;
	margin: 0 28px 60px 0;
	padding: 45px 0 0;
	border: 1px solid #E5E5E5;
	position: relative;
}
.exam-box .exam-list .exam-item:before{
	content: "";
	height: 9px;
	background-color: #C4B71C;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
}
.exam-box .exam-list .exam-item:nth-child(3n){
	margin-right: 0;
}
.exam-list .exam-item .exam-tit{
	font-size: 24px;
	color: #666;
	line-height: 30px;
	margin-bottom: 20px;
}
.exam-list .exam-item .numer{
	width: 200px;
	height: 44px;
	text-align: center;
	line-height: 42px;
	border: 1px solid #666;
	margin: 0 auto;
	font-size: 18px;
	color: #666;
}
.exam-list .exam-item .item-fot{
	width: 100%;
	height: 66px;
	padding: 19px 15px;
	background-color: #F8F8F8;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.exam-list .exam-item .item-fot .sign{
	width: 60px;
	height: 28px;
	text-align: center;
	line-height: 26px;
	border-radius: 2px;
	margin-right: 10px;
	font-size: 15px;
	color: #fff;
}
.exam-list .exam-item .item-fot .sign.free{
	background-color: #30D25D;
}
.exam-list .exam-item .item-fot .sign.vip{
	background-color: #E82F24;
}
.exam-list .exam-item .item-fot .start-btn{
	width: 88px;
	height: 28px;
	text-align: center;
	line-height: 26px;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	font-size: 15px;
	color: #2c2c2c;
}
.exam-list .exam-item .exam-mes .ui-li{
	font-size: 15px;
	color: #919191;
	line-height: 28px;
}
.exam-list .exam-item .exam-mes .ui_line .line{
	display: block;
	width: 1px;
	height: 16px;
	background-color: #919191;
	margin: 6px 7px;
}

/*考试弹框*/
.exam-tk{
	width: 494px;
	height: 320px;
	overflow: hidden;
	padding: 40px 90px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -247px;
	margin-top: -160px;
	z-index: 1001;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.exam-tk.hide{
	top: -180px;
}
.exam-tk .tk-tit{
	font-size: 28px;
	color: #C4B71C;
	line-height: 36px;
	text-align: center;
	margin-bottom: 30px;
}
.exam-tk .close-pop{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: 25px;
	right: 25px;
}
.exam-tk .close-pop .iconfont{
	font-size: 24px;
	color: #D2D2D2;
}
.exam-tk .exam-btn .a-btn{
	display: block;
	width: 310px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	margin: 0 auto 40px;
	background-color: #EEEEEE;
	font-size: 24px;
	color: #666;
}


/*问答*/
.FAQ-center{
	margin-bottom: 80px;
}
.FAQ-center .tab-faq{
	width: 848px;
	padding: 10px 35px;
	border: 1px solid #eee;
}
.FAQ-center .tab-faq .hd{
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #E5E5E5;	
	margin-bottom: 40px;
}
.FAQ-center .tab-faq .hd li{
    float: left;
    width: 84px;
    height: 60px;
    text-align: center;
    margin-right: 40px;
}
.tab-faq .hd li a{
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    font-size: 18px;
    color: #838383;
}
.tab-faq .hd li.on a{
	color: #313131;
    border-color: #E82F24;
}
.FAQ-center .faq-box .faq-filter{
	width: 100%;
	height: 44px;
	background-color: #eee;
	padding: 0;
	border: none;
	margin-bottom: 50px;
}
.faq-filter .f-sort a{
	display: block;
	width: 90px;
	height: 44px;
	text-align: center;
	border-bottom: none;	
}
.faq-filter .f-sort .fs-tit{
    display: block;
    line-height: 44px;
	font-size: 17px;
	color: #838383;
}
.faq-filter .f-sort a.on{
	background-color: #C4B71C;
}
.faq-filter .f-sort a.on .fs-tit{
    color: #fff;
}
.faq-box .faq-list .item{
	width: 100%;
	padding-bottom: 45px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee;
}
.faq-box .faq-list .item:last-child{
	border-bottom: 1px solid #fff;
}
.faq-list .item .img-left{
	width: 98px;
	text-align: center;
}
.faq-list .item .img-left a{
	display: block;
}
.faq-list .item .img-left .user-img{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
}
.faq-list .item .img-left .name{
	font-size: 15px;
	color: #777;
	line-height: 24px;
	margin-top: 10px;
}
.faq-list .item .text-right{
	width: calc(100% - 98px);
	padding: 5px 0 0 25px;
}
.faq-list .item .text-right .question{
	font-size: 18px;
	color: #333;
	line-height: 24px;
	margin-bottom: 10px;
}
.faq-list .item .text-right .answer{
	font-size: 16px;
	color: #777;
	line-height: 24px;	
}
.faq-list .item .text-right .answer span{
	color: #C4B71C;
}
.faq-list .text-right .faq-mes{
	height: 30px;
	margin-top: 5px;
}
.faq-list .text-right .faq-mes .date{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.faq-list .text-right .faq-mes span{
	display: inline-block;
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin-left: 20px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}
.faq-list .text-right .faq-mes span.hide{
	display: none;
}
.faq-list .text-right .faq-mes .iconfont{
	font-size: 20px;
	margin-right: 3px;
	vertical-align: middle;
}
.faq-list .text-right .faq-mes span a{
	display: block;
	font-size: 16px;
	color: #999;
	line-height: 30px;
}

.FAQ-center .aside-right .hot-question{
	width: 324px;
	padding: 25px 0 0;
	border: 1px solid #eee;
	margin-bottom: 45px;
}
.FAQ-center .aside-right .com-tit{
	height: 25px;
	line-height: 25px;
	margin: 0 15px 20px 15px;
	padding-left: 8px;
	font-size: 18px;
	color: #333;
	border-left: 4px solid #E82F24;
}
.hot-question .ques-list{
	width: 100%;
	padding: 0 25px 25px 25px;
}
.hot-question .ques-list .item{
	margin-bottom: 10px;
}
.hot-question .ques-list .item a{
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.hot-question .ques-list .item a:hover{
	color: #C4B71C;
}
.hot-question .ques-list .ico{
	height: 30px;
	line-height: 34px;
	margin-right: 5px;
}
.hot-question .ques-list .ico .iconfont{
	font-size: 20px;
	color: #C4B71C;
}
.hot-question .btn-box .ques-btn{
	display: block;
	width: 100%;
	height: 58px;
	text-align: center;
	line-height: 58px;
	background-color: #C4B71C;
	font-size: 22px;
	color: #fff;
}
.FAQ-center .aside-right .hot-person{
	width: 324px;
	padding: 25px 0 0;
	border: 1px solid #eee;
}
.hot-person .person-list{
	width: 100%;
	padding: 5px 20px;
}
.hot-person .person-list .item{
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
}
.hot-person .person-list .item:last-child{
	border-bottom: 1px solid #fff;
}
.hot-person .person-list .user-img{
	width: 99px;
	height: 99px;
	border-radius: 50%;
	overflow: hidden;
}
.hot-person .person-list .pers-text{
	width: calc(100% - 99px);
	padding-left: 10px;
}
.hot-person .person-list .pers-text .name a{
	display: block;
	font-size: 18px;
	color: #666;
	line-height: 30px;
	margin-bottom: 5px;
}
.hot-person .person-list .desc,
.hot-person .person-list .mes{
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
.hot-person .person-list .mes span{
	color: #C4B71C;
}

/*问答-答复*/
.FAQ-center .faq-reply{
	width: 848px;
}
.FAQ-center .faq-reply .faq-banner{
	width: 100%;
	padding: 40px 50px;
	border: 1px solid #eee;
	margin-bottom: 40px;
	position: relative;
}
.faq-reply .faq-banner .tit{
	font-size: 20px;
	color: #333;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 25px;
	padding-right: 75px;
}
.faq-reply .faq-banner .item-share{
	display: inline-block;
    font-size: 16px;
    color: #a5a5a5;
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 40px;
    right: 50px;
}
.faq-reply .faq-banner .item-share .iconfont{
	font-size: 25px;
	color: #a5a5a5;
	margin-right: 3px;
	vertical-align: middle;
}
.faq-banner .user-mes .user-img{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
}
.faq-banner .user-mes .user-text{
	width: calc(100% - 98px);
	padding: 15px 0 0 10px;
}
.faq-banner .user-mes .user-text .name{
	font-size: 18px;
	color: #777;
	line-height: 24px;
	margin-bottom: 10px;
}
.faq-banner .user-text .faq-mes span{
    display: inline-block;
    font-size: 16px;
    color: #777;
    line-height: 24px;
    margin-right: 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.faq-banner .user-text .faq-mes .iconfont {
    font-size: 20px;
    color: #E82F24;
    margin-right: 3px;
    vertical-align: middle;
}
.faq-banner .user-text .faq-mes .date{
	font-size: 16px;
	color: #777;
	line-height: 24px;
}

.faq-reply .my-reply{
	width: 100%;
	padding: 50px 45px;
	border: 1px solid #eee;
}
.faq-reply .my-reply .message-main{
    width: 100%;
    height: 150px;
    border: 1px solid #eee;
}
.my-reply .message-main textarea{
    display: block;
    width: 100%;
    height: 120px;
    padding: 5px 10px;
    border: 0;
    resize: none;
    font-size: 14px;
    color: #666;
    line-height: 150%;
    overflow-y: auto;
}
.my-reply .message-main .num-count{
	width: 100%;
	height: 28px;
	text-align: right;
	padding: 0 10px;
}
.my-reply .message-main .num-count span{
	line-height: 28px;
	font-size: 14px;
	color: #a9a9a9;
}
.my-reply .btn-box{
    width: 100%;
    height: 44px;
    text-align: right;
    margin-top: 25px;
}
.my-reply .btn-box .submitBtn{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #E02D23;
    width: 124px;
    float: right;
    border-radius: 2px;
}
.my-reply .reply-list{
	margin-top: 60px;
}
.my-reply .reply-list .item{
    width: 100%;
    padding: 0 0 40px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #E5E5E5;
}
.my-reply .reply-list .item:last-child{
	border-bottom: 1px solid #fff;
}
.my-reply .reply-list .user-img{
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
}
.my-reply .reply-list .stu-text{
	width: calc(100% - 72px);
	padding: 10px 0 0 20px;
}
.my-reply .reply-list .stu-text .name{
	width: 100%;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 25px;
}
.my-reply .reply-list .stu-text span{
	display: block;
	font-size: 16px;
	color: #999999;
	line-height: 24px;
}
.my-reply .reply-list .stu-text .desc{
	font-size: 16px;
	color: #666;
	line-height: 26px;
}

/*我要提问*/
.FAQ-center .quiz-box{
	width: 848px;
	padding: 15px 20px;
	border: 1px solid #eee;
}
.FAQ-center .quiz-box .tit-box{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border-bottom: 1px solid #EEE;
}
.FAQ-center .quiz-box .tit-box span{
	display: block;
	width: 75px;
	height: 50px;
	text-align: center;
	line-height: 45px;
	border-bottom: 5px solid #E82F24;
	font-size: 18px;
	color: #333;
}
.FAQ-center .quiz-box .quiz-main{
	width: 100%;
	padding: 30px 40px 80px 15px;
}
.quiz-main .form-box .full-db{
	width: 100%;
	margin-bottom: 40px;
}
.quiz-main .form-box label{
	display: block;
	float: left;
	width: 55px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #666;
}
.quiz-main .form-box .classify{
	float: left;
}
.quiz-main .form-box .classify span{
	display: block;
	width: 88px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	margin-right: 15px;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #999;
	cursor: pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quiz-main .form-box .classify span.on{
	border-color: #C4B71C;
	color: #C4B71C;
}
.quiz-main input::-webkit-input-placeholder,.quiz-main textarea::-webkit-input-placeholder {
	color:#999;
	font-size:15px;
}
.quiz-main input:-moz-placeholder,.quiz-main textarea:-moz-placeholder {
 	color:#999;
	font-size:15px;
}
.quiz-main input::-moz-placeholder,.quiz-main textarea::-moz-placeholder {
	color:#999;
	font-size:15px;
}
.quiz-main input:-ms-input-placeholder,.quiz-main textarea:-ms-input-placeholder {
	color:#999;
	font-size:15px;
}
.quiz-main .form-box input{
	width: calc(100% - 55px);
	height: 32px;
	padding: 0 10px;
	line-height: 30px;
	border: 1px solid #D2D2D2;
	font-size: 15px;
	color: #666;
}
.quiz-main .form-box textarea{
	display: block;
	width: calc(100% - 55px);
	height: 360px;
	padding: 5px 10px;
	border: 1px solid #D2D2D2;
	resize: none;
	font-size: 15px;
	color: #666;
	line-height: 150%;
	overflow-y: auto;
}
.quiz-main .form-box .btn-box{
	width: 100%;
	text-align: right;
}
.quiz-main .form-box .btn-box .send-btn{
	display: inline-block;
	width: 180px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background-color: #E82F24;
	border-radius: 2px;
	font-size: 18px;
	color: #fff;
}
.FAQ-center .aside-right .quiz-tips{
    width: 324px;
    padding: 25px 0;
    border: 1px solid #eee;
}
.FAQ-center .quiz-tips .tips-list{
	width: 100%;
	padding: 0 25px;
}
.FAQ-center .quiz-tips .tips-list .txt{
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin-bottom: 20px;
}

/*文库*/
.library{
	margin-bottom: 60px;
}
.library .library-left{
	width: 864px;
}
.library .library-left .library-box{
	width: 100%;
	padding: 45px 20px;
	border: 1px solid #eee;
	border-top: 1px solid #fff;
}
.library-box .library-list .item{
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 35px;
	border-bottom: 1px solid #E5E5E5;
}
.library-box .library-list .book-info{
	width: 590px;
	padding-left: 10px;
}
.library-list .book-info .ico-img{
	width: 61px;
	height: 83px;
	overflow: hidden;
}
.library-list .book-info .book-text{
	width: calc(100% - 61px);
	padding-left: 15px;
}
.library-list .book-info .tit{
	font-size: 17px;
	color: #333;
	line-height: 24px;
}
.library-list .book-info .desc{
	margin-bottom: 10px;
}
.library-list .book-info .desc span{
	display: inline-block;
	font-size: 14px;
	color: #777;
	line-height: 20px;
	margin-right: 15px;
}
.library-list .btn-box .a-btn{
	display: block;
	width: 96px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #E82F24;
	border-radius: 2px;
	margin-right: 10px;
	font-size: 14px;
	color: #E82D23;
}
.library-list .btn-box .a-btn.download-btn{
	background-color: #E82F24;
	color: #fff;
}
.library-list .btn-box .a-btn .iconfont{
	margin-right: 3px;
	vertical-align: middle;
}
.library-list .number-mes{
	padding: 18px 0;
}
.library-list .number-mes div{
	width: 116px;
	text-align: center;
}
.library-list .number-mes div .item-tt{
	font-size: 14px;
	color: #777;
	line-height: 24px;
}
.library-list .number-mes .integral .item-num{
	display: block;
	font-size: 18px;
	color: #C4B71C;
	line-height: 24px;
}
.library-list .number-mes .download-times .item-num{
	display: block;
	font-size: 18px;
	color: #777;
	line-height: 24px;
}
.library .hot-download{
	width: 304px;
	padding: 20px 15px;
	border: 1px solid #EEEEEE;
}
.library .hot-download .com-tit{
	width: 100%;
    height: 25px;
    line-height: 25px;
    margin-bottom: 20px;
    padding-left: 8px;
    font-size: 16px;
    color: #666;
    border-left: 4px solid #E82F24;
}
.library .hot-download .download-list{
	padding: 0 10px;
}
.hot-download .download-list .item{
	margin-bottom: 20px;
}
.hot-download .download-list .item a{
	font-size: 16px;
	color: #5e5e5e;
	line-height: 26px;
	padding-right: 58px;
	position: relative;
}
.hot-download .download-list .item a:hover{
	color: #E82D23;
}
.hot-download .download-list .item em{
	display: block;
	float: left;
	height: 26px;
	width: 26px;
	text-align: center;
	line-height: 26px;
	margin-right: 10px;
	background-color: #E5E5E5;
	font-size: 16px;
	color: #5E5E5E;
}
.hot-download .download-list .item:first-child em{
	background-color: #E82F24;
	color: #fff;
}
.hot-download .download-list .item:nth-child(2) em{
	background-color: #C4B71C;
	color: #fff;
}
.hot-download .download-list .item:nth-child(3) em{
	background-color: #80C269;
	color: #fff;
}
.hot-download .download-list .item span{
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #bdbcb9;
	position: absolute;
	top: 0;
	right: 0;
}
.hot-download .download-list .item span .iconfont{
	font-size: 18px;
	vertical-align: middle;
}

/*会员中心*/
.member-center .banner-box{
	width: 100%;
	height: 735px;
	padding: 138px 0;
	background: url(../img/vip-banner.jpg) no-repeat center top;
	background-size: auto 100%;
}
.banner-box .banner .vip-open{
	width: 828px;
	height: 449px;
	margin: 0 auto;
	padding: 90px 0;
	background: url(../img/vip-openBg.jpg) no-repeat center center;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
}
.banner .vip-open .sidai-img{
	width: 230px;
	height: 328px;
	position: absolute;
	top: -95px;
	right: -110px;
}
.banner .vip-open .tit{
	font-size: 42px;
	color: #F7D7AC;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 35px;
}
.banner .vip-open .desc{
	font-size: 28px;
	color: #F7D7AC;
	line-height: 1;
	margin-bottom: 70px;
}
.banner .vip-open .open-btn{
	display: block;
	width: 316px;
	height: 72px;
	text-align: center;
	line-height: 72px;
	margin: 0 auto;
	border-radius: 40px;
	font-size: 30px;
	color: #fff;
	background: -webkit-linear-gradient(to right, #FBD398 0%, #965C3A 100%);
	background: -o-linear-gradient(to right, #FBD398 0%, #965C3A 100%);
	background: -moz-linear-gradient(to right, #FBD398 0%, #965C3A 100%);
	background: linear-gradient(to right, #FBD398 0%, #965C3A 100%);
}
.vipCenter-main .privilege{
	width: 100%;
	text-align: center;
	padding: 40px 70px 130px;
	margin: 70px 0;
}
.vipCenter-main .vip-tit{
	width: 100%;
	text-align: center;
}
.vipCenter-main .vip-tit .tit{
	display: inline-block;
	height: 41px;
	font-size: 30px;
	color: #333;
	line-height: 41px;
	margin: 0 30px;
	vertical-align: top;
}
.vipCenter-main .vip-tit .tit-line{
	display: inline-block;
	width: 285px;
	height: 1px;
	background-color: #E5E5E5;
	margin: 20px 0;
	vertical-align: top;
}

.privilege .priv-table{
	margin-top: 50px;
}
.privilege .priv-table table{
	width: 100%;
	border: 1px solid #EEEEEE;
}
.priv-table table th{
	height: 169px;
	border: 1px solid #EEEEEE;
	overflow: hidden;
	position: relative;
}
.priv-table table th span{
	display: block;
	width: 135px;
	height: 92px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.priv-table table th h3{
	font-size: 23px;
	color: #666;
	line-height: 60px;
	font-weight: bold;
}
.priv-table table th.pt-user h3{
	color: #C4B71C;
}
.priv-table table th.vip-user h3{
	color: #FFA800;
}
.priv-table table th p{
	font-size: 18px;
	color: #666;
	line-height: 30px;
	font-weight: normal;
}
.priv-table table td{
	height: 76px;
	border: 1px solid #EEEEEE;
	font-size: 18px;
	color: #666;
}
.priv-table table td .iconfont{
	font-size: 42px;
}
.priv-table table td .icon-cha{
	color: #cdcecf;
}
.priv-table table td .icon-duihao1{
	color: #FFA800;
}

.vipCenter-main .setMeal{
	width: 100%;
	padding: 45px 95px 20px;
	margin-bottom: 70px;
}
.vipCenter-main .setMeal .setMeal-list{
	margin-top: 65px;
}
.setMeal .setMeal-list .item{
	width: 438px;
	height: 228px;
	padding: 30px 0;
	margin-bottom: 95px;
	margin-right: 134px;
	border: 1px solid #d4d2d2;
	position: relative;
}
.setMeal .setMeal-list .item:nth-child(2n){
	margin-right: 0;
}
.setMeal .setMeal-list .item-img{
	width: 174px;
	height: 168px;
	padding: 29px 0;
	text-align: center;
	border-right: 2px solid #ddd;
}
.setMeal .setMeal-list .ico-img{
	width: 76px;
	height: 70px;
	margin: 0 auto 10px;
}
.setMeal .setMeal-list .tit{
	font-size: 20px;
	color: #3e3e3e;
	line-height: 30px;
}
.setMeal .setMeal-list .sign{
	display: block;
	width: 81px;
	height: 72px;
	position: absolute;
	top: -2px;
	left: -2px;
}
.setMeal .setMeal-list .item-text{
	width: calc(100% - 174px);
	height: 168px;
	padding: 20px 0 0 35px;
}
.setMeal .setMeal-list .price{
	font-size: 16px;
	color: #3E3E3E;
}
.setMeal .setMeal-list .price strong{
	font-size: 30px;
	color: #927F60;
	font-weight: bold;
}
.setMeal .setMeal-list .desc{
	font-size: 18px;
	color: #999;
	line-height: 24px;
	margin: 5px 0 10px;
}
.setMeal .setMeal-list .recharge-btn{
	display: block;
	width: 174px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background-color: #C1AD8B;
	border-radius: 3px;
	font-size: 19px;
	color: #fff;
}

.vipCenter-main .vipService{
	width: 100%;
	padding: 45px 50px 85px;
	margin-bottom: 70px;
}
.vipCenter-main .vipService .service-list{
	margin-top: 75px;
}
.vipService .service-list .item{
	width: 20%;
	text-align: center;
}
.vipService .service-list .ico-img{
	width: 119px;
	height: 119px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 15px;
}
.vipService .service-list .tit{
	font-size: 16px;
	line-height: 20px;
	color: #7E7D7D;
}

.vipCenter-main .vipProblem{
	width: 100%;
	padding: 45px 45px 80px;
	margin-bottom: 70px;
}
.vipCenter-main .vipProblem .problem-list{
	margin-top: 80px;
}
.vipProblem .problem-list .item{
	width: 495px;
	margin: 0 120px 40px 0;
}
.vipProblem .problem-list .item:nth-child(2n){
	margin-right: 0;
}
.vipProblem .problem-list .item .tit{
	font-size: 18px;
	color: #3E3E3E;
	line-height: 24px;
	margin-bottom: 5px;
}
.vipProblem .problem-list .item .desc{
	font-size: 14px;
	color: #8b8b8b;
	line-height: 24px;
}

/*付款界面*/
.member-center .payment{
	width: 100%;
	padding: 35px 30px 100px;
	border: 1px solid #eee;
	margin-bottom: 100px;
}
.member-center .payment .account{
	width: 100%;
	height: 52px;
	padding: 0 15px;
	line-height: 52px;
	background-color: #EEEEEE;
	margin-bottom: 50px;
	font-size: 16px;
	color: #666;
}
.payment .tit-con{
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	color: #333;
	border-left: 5px solid #E82F24;
	padding-left: 10px;
	margin-bottom: 35px;
}
.payment .choice-setMeal{
	width: 100%;
	padding: 0 20px;
	margin-bottom: 80px;
}
.payment .setMeal-list .item{
	width: 326px;
	height: 180px;
	text-align: center;
	margin-right: 60px;
	padding: 30px 20px 0 20px;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.payment .setMeal-list .item:last-child{
	margin-right: 0;
}
.payment .setMeal-list .sign{
	display: block;
	width: 160px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background-color: #E82F24;
	font-size: 18px;
	color: #fff;
	transform: rotate(-35deg);
	position: absolute;
	left: -45px;
	top: 10px;
}
.payment .setMeal-list .price{
	font-size: 18px;
	color: #777;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.payment .setMeal-list .price strong{
	font-size: 48px;
	color: #E82D23;
	font-weight: bold;
}
.payment .setMeal-list .num{
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	color: #777;
}
.payment .setMeal-list .ico{
	width: 48px;
	height: 48px;
	position: absolute;
	right: -1px;
	bottom: -1px;
}
.payment .setMeal-list .item.on{
	border-color: #E82F24;
	box-shadow: 0 3px 15px rgba(232, 45, 35, .28);
}
.payment .setMeal-list .item.on .price,
.payment .setMeal-list .item.on .num{
	color: #E82D23;
}
.payment .setMeal-list .item.on .ico{
	background: url(../img/duihao.png) no-repeat center bottom;	
}
.payment .payment-method-box{
	width: 100%;
	padding: 0 20px;
}
.payment .payment-method-box .payment-method{
	width: 100%;
	height: 490px;
	border: 1px solid #E5E5E5;
	padding: 0 65px;
	margin-bottom: 30px;
}
.payment-method-box .payment-method .pay-money{
	width: 100%;
	height: 110px;
	border-bottom: 1px dashed #E5E5E5;
	text-align: center;
	line-height: 109px;
	font-size: 18px;
	color: #333;
}
.payment-method-box .payment-method .pay-money strong{
	font-size: 24px;
	color: #E82D23;
	font-weight: normal;
}
.payment-method-box .payment-method .payment-way{
	padding: 65px 40px;
}
.payment-method .payment-way .item{
	width: 180px;
	margin: 0 105px;
}
.payment-method .payment-way .code-box{
	width: 180px;
	height: 180px;
	border: 1px solid #ddd;
	padding: 20px;
}
.payment-method .payment-way .tit{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	text-align: center;
}
.payment-method .payment-way .tit .iconfont{
	font-size: 24px;
	margin-right: 5px;
	vertical-align: middle;
}
.payment-method .payment-way .tit .icon-weixinzhifu{
	color: #00C901;
}
.payment-method .payment-way .tit .icon-umidd17{
	color: #1E89F2;
}
.payment-method-box .tips-text{
	font-size: 16px;
	color: #777;
	line-height: 30px;
	padding: 0 15px;
	margin-bottom: 10px;
}
.payment-method-box .agree{
	height: 20px;
	padding: 0 15px;
	position: relative;
}
.payment-method-box .agree input[type="checkbox"]{
	float: left;
	display: block;
	width: 20px;
	height: 20px;	
	-webkit-appearance: none;
	border: 1px solid #D2D2D2;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
	position:relative;
	background-color: #eee;
	margin-right: 10px;
	cursor: pointer;
}
.payment-method-box .agree input[type="checkbox"]:checked{
	border: 1px solid #E82F24;
	background-color: #fff;
}
.payment-method-box .agree input:checked:after{
	font-family:"iconfont" !important;
	font-size:14px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:"\e6c0";
	position:absolute;
	left:2px;
	top:1px;
	color:#E82F24;
	display:block;
	width:20px;
	height:20px;
}
.payment-method-box .agree a{
	font-size: 16px;
	color: #E82D23;
}

/*资讯中心*/
.news-center{
	padding: 40px 25px;
	border: 1px solid #eee;
	margin-bottom: 60px;
}
.news-center .news-filter{
	border: 1px none;
	margin-bottom: 45px;
	height: 36px;
	padding: 0;
}
.news-filter .f-sort a{
    float: left;
    display: block;
    width: 80px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    margin-right: 0px;
    border: none;
    border-radius: 3px;
}
.news-filter .f-sort a.on{
    background-color: #E82F24;
}
.news-filter .f-sort .fs-tit{
    display: block;
    font-size: 18px;
    color: #666;
}
.news-filter .f-sort a.on .fs-tit{
    color: #fff;
}
.news-center .news-list .news-item{
	width: 100%;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee;
}
.news-center .news-list .news-item:last-child{
	border-bottom: 1px solid #fff;
}
.news-list .news-item .news-img{
	width: 240px;
	height: 162px;
	overflow: hidden;
}
.news-list .news-item .news-text{
	width: calc(100% - 240px);
	padding-left: 20px;
}
.news-list .news-item .news-tit{
	height: 24px;
	margin-bottom: 6px;
}
.news-list .news-item .news-tit a{
	display: inline-block;
	font-size: 18px;
	color: #333;
	lighting-color: 24px;
	vertical-align: top;
}
.news-list .news-item .news-tit a:hover{
	color: #E82D23;
}
.news-list .news-item .desc{
	font-size: 16px;
	color: #777;
	line-height: 30px;
	margin-bottom: 30px;
}
.news-list .news-item .news-mes .date{
	font-size: 14px;
	color: #777;
	line-height: 24px;
}
.news-list .news-mes .number-mes span{
	display: inline-block;
	font-size: 14px;
	color: #777;
	line-height: 24px;
	margin-left: 20px;
}
.news-list .news-mes .number-mes span .iconfont{
    font-size: 24px;
    color: #B5B2B2;
    margin-right: 3px;
    vertical-align: middle;
}

/*资讯-详情*/
.news-detail{
	margin-bottom: 50px;
}
.news-detail .part-left{
	width: 850px;
	border: 1px solid #eee;
	padding: 35px 20px 60px;
} 
.news-detail .part-left .article-head{
	margin-bottom: 40px;
}
.article-head .arti-tit{
	font-size: 22px;
	color: #333;
	line-height: 30px;
	margin-bottom: 10px;
}
.article-head .arti-mes .date,
.article-head .arti-mes .author{
	font-size: 16px;
	color: #777;
	line-height: 36px;
	margin-right: 35px;
}
.article-head .arti-mes .share-box p {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #777;
}
.news-detail .article-body{
	padding: 0 15px;
}
.news-detail .article-body .txt{
	font-size: 16px;
	color: #777;
	line-height: 36px;
	margin-bottom: 30px;
}
.news-detail .article-body .txt strong{
	color: #333;
	font-weight: normal;
}
.news-detail .article-body .img-box{
	width: 730px;
	height: 366px;
	margin: 0 auto 30px;
}
.news-detail .mewsPage{
	width: 100%;
	height: 50px;
	background-color: #eee;
	margin-bottom: 50px;
}
.news-detail .mewsPage a{
    display: block;
    width: 50%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    color: #777;
}
.news-detail .mewsPage a:hover{
	color: #E82D23;
}
.news-detail .arti-comment textarea{
    width: 100%;
    height: 220px;
    padding: 10px 15px;
    border: 1px solid #DCDCDC;
    resize: none;
    font-size: 16px;
    color: #777;
    line-height: 20px;
}
.news-detail .arti-comment .btn-box{
	width: 100%;
	height: 44px;
	text-align: right;
	margin-top: 25px;
}
.news-detail .arti-comment .btn-box .submitBtn{
	display: inline-block;
	width: 146px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-color: #C4B71C;
	border-radius: 3px;
	font-size: 18px;
	color: #fff;
}

.news-detail .part-right{
	width: 316px;
}
.news-detail .part-right .tit-con{
    width: 100%;
    height: 26px;
    padding-left: 10px;
    border-left: 4px solid #E82F24;
    margin-bottom: 10px;
    font-size: 18px;
    color: #666;
    line-height: 26px;
}
.news-detail .part-right .tj-News{
	width: 100%;
	padding: 20px;
	border: 1px solid #eee;
	margin-bottom: 35px;
}
.tj-News .tj-News-list .item{
    width: 100%;
    padding: 12px 0px;
}
.tj-News-list .item em{
	display: block;
	float: left;
	font-size: 16px;
	color: #C4B71C;
	font-weight: bold;
}
.tj-News-list .item .name{
	display: block;
	width: calc(100% - 16px);
	float: left;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	margin-left: 5px;
}
.tj-News-list .item .name:hover{
	color: #EB443B;
}

.news-detail .part-right .all-see{
	width: 100%;
	padding: 20px;
	border: 1px solid #eee;
}
.all-see .allSee-list .item{
	width: 100%;
	padding: 0 15px;
	margin-bottom: 10px;
}
.all-see .allSee-list .item:last-child{
	border-bottom: 1px solid #fff;
}
.all-see .allSee-list .item .course-img{
	width: 100%;
	height: 200px;
	position: relative;
}
.all-see .allSee-list .name{
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.all-see .allSee-list .name a{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 24px;
}
.all-see .allSee-list .name a:hover{
	color: #E82D23;
}

/*网站简介*/
.about-banner{
	width: 100%;
	height: 264px;
	background: url(../img/about-banner.jpg) no-repeat center top;
	background-size: auto 100%;
}
.about-main{
	padding: 50px 0 80px;
}
.about-main .part-left{
	width: 234px;
}
.sideNav .toggle>a{
	display: block;
	width: 100%;
	height: 52px;
	padding: 0 25px;
	line-height: 52px;
	background-color: #E82F24;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.sideNav .toggle>a .iconfont{
	float: right;
	font-size: 20px;
}
.sideNav .toggle .subnav{
	width: 100%;
	border: 1px solid #E5E5E5;
}
.sideNav .toggle .subnav dd a{
	display: block;
	text-align: center;
	height: 51px;
	line-height: 50px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 18px;
	color: #333;
}
.sideNav .toggle .subnav dd:last-child a{
	border-bottom: 1px solid #fff;
}
.sideNav .toggle .subnav dd a.active,
.sideNav .toggle .subnav dd a:hover{
	color: #E82D23;
}
.about-main .part-right{
	width: 918px;
}
.about-main .gb-crumbs-about{
	width: 100%;
	height: 52px;
	background-color: #EEEEEE;
	padding: 0 25px;
	margin-bottom: 20px;
}
.about-main .gb-crumbs-about ul{
    height: 52px;
    overflow: hidden;
    font-size: 0;
}
.gb-crumbs-about ul li{
	height: 52px;
	line-height: 52px;
	font-size: 0;
	display: inline-block;
	zoom: 1;
}
.gb-crumbs-about li a{
    font-size: 16px;
    color: #333;
}
.gb-crumbs-about li span {
	font-size: 16px;
	color: #333;
	font-family: "simsun";
    padding: 0 5px;
}
.gb-crumbs-about li a:hover{
    color: #E82D23;
}
.about-main .about-article{
	width: 100%;
	border: 1px solid #E5E5E5;
	padding: 40px 30px;
}
.about-main .about-article .tit{
	height: 24px;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.about-main .about-article .tit em{
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #E82F24;
	margin: 8px 10px 8px 0;
	vertical-align: top;
}
.about-main .about-article .txt{
	font-size: 16px;
	color: #333;
	line-height: 40px;
	margin-bottom: 40px;
}

/*城市切换*/
.city-top-box .city-top{
	height: 134px;
	border-bottom: 1px solid #E5E5E5;
}
.city-top .top-left .logo{
    width: 68px;
    height: 85px;
    overflow: hidden;
    margin: 25px 35px 25px 0;
}
.city-top .top-left .top-tit{
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #777;
	margin: 37px 0;
	padding: 0 20px;
	border-left: 1px solid #DCDCDC;
}
.city-top .top-right{
	height: 22px;
	margin-top: 70px;
}
.city-top .top-right .a-btn{
	float: left;
	display: block;
	width: 60px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-size: 18px;
	color: #333;
}
.city-top .top-right .login-btn{
	border-right: 1px solid #bcbcbc;
}
.city-top .top-right .a-btn:hover{
	color: #E82D23;
}
.hot-city-box{
	padding: 30px 10px;
	border-bottom: 1px solid #E5E5E5;
}
.hot-city-box .item-tit{
	width: 88px;
	font-size: 14px;
	color: #333;
	line-height: 36px;
}
.hot-city-box .city-list{
	width: calc(100% - 88px);
}
.hot-city-box .city-list li{
	display: inline-block;
	margin-right: 20px;
	cursor: pointer;
}
.hot-city-box .city-list li a{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
}
.city-select{
	padding: 40px 10px;
	border-bottom: 1px solid #E5E5E5;
}
.city-select .item-tit{
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.city-select .select{
	width: 120px;
	height: 30px;
	margin-left: 20px;
}
.city-select .select .sub{
	width: 120px;
	height: 30px;
	border: 1px solid #E5E5E5;
	padding: 0 10px;
	position: relative;
	
}
.city-select .select .sub span{
	display: inline-block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #999;
	cursor: pointer;
}
.city-select .select .sub .iconfont{
	font-size: 14px;
	line-height: 28px;
	position: absolute;
	top: 0;
	right: 10px;
}
.city-select .select .select-options{
    display: none;
	width: 120px;
	max-height: 300px;
	background-color: #fff;
	overflow-y: auto;
	top: 31px;
    position: absolute;
    left: -1px;
	top: 100%;
	border: 1px solid #E5E5E5;
	z-index: 9;
	-ms-transform: translate(0, -1px);
	-o-transform: translate(0, -1px);
	-webkit-transform: translate(0, -1px);
	transform: translate(0, -1px);
}
.city-select .select .select-options li{
	padding: 0 7px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
.city-select .select .select-options li a{
	display: block;
	font-size: 14px;
	color: #333;
}
.city-select .select .select-options li:hover {
    background-color: #f8f8f9;
}
.city-select .search-city{
	height: 30px;
	margin-left: 55px;
}
.city-select .search-city .search{
	width: 260px;
	height: 30px;
	border: 1px solid #E5E5E5;
	overflow: hidden;
}
.city-select .search-city .search .sea-int{
    width: 200px;
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
    font-size: 14px;
    color: #333;
}
.city-select .search-city .search button{
    width: 58px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    background-color: #F5F5F5;
    border: none;
    border-left: 1px solid #E5E5E5;
    font-size: 14px;
    color: #333;
}
.city-recommend{
	padding: 50px 30px;
}
.city-recommend .city-list-ul .city-list-li{
	width: 100%;
	position: relative;
	margin-bottom: 45px;
}
.city-recommend .city-list-ul .city-list-li .city-firstletter{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 37px;
    height: 35px;
    background-color: #C4B71C;
    border-radius: 2px;
}
.city-recommend .city-list-ul .city-list-li .city-firstletter span{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: auto;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}
.city-recommend .city-list-ul .city-list-li .city-list{
	margin-left: 60px;
}
.city-list-ul .city-list ul li{
	display: inline-block;
	margin-right: 25px;
	line-height: 37px;
	cursor: pointer;
}
.city-list-ul .city-list ul li a{
	display: block;
	line-height: 37px;
	font-size: 16px;
	color: #666;
}
.city-list-ul .city-list ul li a:hover{
	color: #E82D23;
	font-weight: bold;
}