html, body {font-size: 14px; padding: 0px; margin: 0px; background-color: #efeff8; font-family:"Microsoft YaHei","Segoe UI","Lucida Grande",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif}
ul,ul li{padding: 0px; margin:0px; list-style: none;}
i,em{font-style: normal;}
a{color: #333; text-decoration: none}
a:hover{text-decoration: none}
.c-fc0{color: #fc0 !important}
.c-3c0{color: #3c0 !important}
.c-39f{color: #39f !important}
.c-96f{color: #96f !important}
.c-f60{color: #f60 !important}
.c-e71f19{color: #e71f19 !important}
.c-666{color: #666 !important}
.c-999{color: #999 !important}
.f-20{font-size: 20px !important}
.f-12{font-size: 12px !important}
.f-14{font-size: 14px !important}
.f-16{font-size: 16px !important}
.f-8{font-size: 8px !important}
.mt-20{margin-top: 20px !important;}
.fw-n{font-weight: normal;}
.clear{clear: both}
.no-padding{padding: 0px !important}
.pull-right{float: right;}
.pull-left{float: left;}
.w960{width: 960px; margin: 0 auto}
span.math span:last-child{border-left-width: 0px !important}
.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;/* Opera */-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/}
#container{width: 960px; margin: 0 auto; margin-top: 20px; min-height: 300px;}
.input{width: 100%;height: 35px; outline: none; border-radius: 3px; padding: 0px 10px; border: 1px solid #ccc; box-sizing:border-box;}
.input:focus{border: 1px solid #47a5ee;}
.empty{margin: 40px 0px; text-align: center;}
.empty i{font-size: 34px; display:block; margin-bottom: 15px; line-height: 40px; color: #999}
.empty span{color: #999;}
.mt-10{margin-top: 10 !important;}

/*按钮*/
.btn{height: 34px; line-height: 34px; border-radius: 3px; text-align: center;padding: 0px 20px; border: 1px solid #ccc; color: #333; display: inline-block;}
.btn:hover{background-color: #dedede; border: 1px solid #ccc}
.btn-primary{ background-color: #47a5ee; border: 1px solid #2d9bf0; color: #fff; }
.btn-success{ background-color: #5cb85c; border: 1px solid #4cae4c; color: #fff; }
.btn-info{background-color: #5bc0de; border: 1px solid #46b8da; color: #fff}
.btn-danger{background-color: #d9534f; border: 1px solid #d43f3a; color: #fff}
.btn-warning{background-color: #f0ad4e; border: 1px solid #eea236; color: #fff}
.btn-fill{background-color: #fff; border: 1px solid #f2f2f2; color: #666}
.btn-fill:hover{border: 1px solid #ccc;}
.btn-primary:hover{background-color: #286090; border: 1px solid #204d74}
.btn-success:hover{background-color: #449d44; border: 1px solid #398439}
.btn-info:hover{background-color: #31b0d5; border: 1px solid #269abc}
.btn-danger:hover{background-color: #c9302c; border: 1px solid #ac2925}
.btn-warning:hover{background-color: #ec971f; border: 1px solid #d58512}
.btn-noborder{border:none !important; }
.btn-mini{font-size: 12px; height: 24px; line-height: 24px; padding: 0px 10px; border-radius: 1px;}
.btn-radius{border-radius: 34px; padding: 0px 20px;}
.btn-link{border:none; color: #007eff}
.btn-link:hover{color: #0678c7; background-color: #fff; border:none;}
.btn-disable{opacity: .7}
.btn-block{width: 100%; box-sizing:border-box;}

/*微信支付*/


/*分页*/
.page{margin: 10px auto; text-align: center;}
.page a,.page span{display: inline-block; padding: 6px 12px; border-radius: 2px; margin: 0px 2px}
.page span{border: 1px solid #e6e7e7; color: #999}
.page a{border: 1px solid #ccc; color: #666}
.page a:hover{color: #137bcc; border: 1px solid #137bcc}
.page a.active{border: 1px solid #137bcc; background-color: #47a5ee; color: #fff}

/*modal*/
.modal{position: fixed; z-index: 1000; left: 50%; margin-left: -300px; top:50%; margin-top: -200px; width: 600px;  background-color: #fff; border:1px solid #e6e7e7; border-radius: 3px; z-index: 999}
.modal-alert{width: 300px; z-index: 1000; margin-left: -150px; text-align: center;}
.alert-content{font-size: 16px;}
.alert-btn{margin-top: 30px;}
.modal-bg,.modal-alert-bg{z-index: 999;background-color: rgba(0,0,0,.6); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px}
.modal .t{height: 50px; line-height: 50px; padding: 0px 15px; padding-right: 0px; font-size: 16px; border-bottom: 1px solid #e6e7e7}
.modal .t b{font-weight: normal;}
.modal .t a{float: right; width: 50px; text-align: center; color: #999; transition:transform .5s;-moz-transition:transform .5s;-webkit-transition:transform .5s;-o-transition:transform .5s;transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
.modal .t a:hover{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); color: #000}
.modal .footer{position: absolute; left: 0px; bottom: 0px; right: 0px; height: 50px; line-height: 50px; padding: 0px 15px; font-size: 16px; border-top: 1px solid #e6e7e7; text-align: right;}
.modal .d{padding: 15px; padding-bottom: 70px;}
.modal-alert .d{padding-bottom: 15px}
.form-view label{ display: block; margin:10px 0px; color: #999}
.form-view label:first-child{margin-top: 0px;}
.form-view textarea{width: 100%; height: 60px; border:1px solid #ccc; border-radius: 2px; outline: none}
.form-view textarea:focus{border: 1px solid #47a5ee}
.radio-list a{display: inline-block; margin-bottom: 8px; margin-right: 8px; padding: 3px 12px; border-radius: 40px; border:1px solid #ccc;}
.radio-list a.checked{background-color: #0cd107; border: 1px solid #0cd107; color: #fff}
.radio-list a:hover{border: 1px solid #0cd107; color: #0cd107}
.radio-list a.checked:hover{color: #fff}
/*加载提示框*/
#loading{position: fixed; top:50%; margin-top: -20px; left:50%; margin-left: -50px;  width:100px;height: 20px; padding: 10px; background-color: #333;  opacity: 0.9; border-radius: 3px;}
#loading-content{color: #fff; margin-left: 40px; line-height: 20px;}
.spinner{float: left; width: 20px; height: 20px; position: relative;}
.container1 > div, .container2 > div, .container3 > div{width: 6px; height: 6px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.spinner .spinner-container{position: absolute; width: 100%; height: 100%;}
.container2{-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.container3{-webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);}
.circle1{top: 0; left: 0;}
.circle2{top: 0; right: 0;}
.circle3{right: 0; bottom: 0;}
.circle4{left: 0; bottom: 0;}
.container2 .circle1{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.container3 .circle1{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.container1 .circle2{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.container2 .circle2{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
.container3 .circle2{-webkit-animation-delay: -0.7s; animation-delay: -0.7s;}
.container1 .circle3{-webkit-animation-delay: -0.6s; animation-delay: -0.6s;}
.container2 .circle3{-webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.container3 .circle3{-webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
.container1 .circle4{-webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
.container2 .circle4{-webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
.container3 .circle4{-webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0.0)} 40%{-webkit-transform: scale(1.0)}}
@keyframes bouncedelay{0%, 80%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);} 40%{transform: scale(1.0); -webkit-transform: scale(1.0);}}

.spiner{transform: rotate(0deg); -webkit-animation:spiner .5s infinite linear ; animation:spiner .5s infinite linear;}
@-webkit-keyframes spiner{
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}
@keyframes spiner{
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}

header{background-image: url(../../img/member/bg2.png); height: 132px; position: relative;}
header #logo{float: left; height: 73px; margin-top: 25px;}
header div.pull-right{border-radius: 5px; width:360px;  background-color: #f0efed; margin-top: 28px; position: relative;}
header div.pull-right>a{width: 88px; border-right: 1px solid #dddddc;border-left: 1px solid #fff; float: left; height: 70px; text-align: center; font-size: 12px;}
header div.pull-right>a i{display: block; font-size: 24px; margin: 9px 0px; color: #6eb9ff}
header div.pull-right>a.active i,header div.pull-right a:hover i{color: #ff8400}
header div.pull-right>a:first-child{border-left: none; width: 89px;}
header div.pull-right>a:last-of-type{border-right: none; width: 89px}
header div#subjects-slt-container{
	position: absolute; padding-top: 10px;
	top: 70px; left: 0px; display: none;
	z-index: 100;
}
header div#subjects-slt-container:before{
	content: '';
	position: absolute;
	height: 0px;
	width: 0px;
	border-bottom: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	top: 2px; left: 30px;
	z-index: 101;
}
header div.pull-right div#subjects-slt-menu{ width: 360px; height: 120px; border-radius: 5px;  background-color: #fff; overflow: hidden;-webkit-box-shadow:0px 5px 20px #ccc;-moz-box-shadow:0px 5px 20px #ccc;box-shadow:0px 5px 20px #ccc;}
header div.pull-right div a{float: left; width: 90px; height: 60px; box-sizing:border-box; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 12px; color: #666; text-align: center; padding: 15px 0px}
header div.pull-right div a.last{border-right: none}
header div.pull-right div a:hover{background-color: #6fb9ff; color: #fff}
header div.pull-right div a i{float: left; width: 30px; height: 30px; background-image: url(../../img/member/subject-icon.png); margin-left: 5px;}
header div.pull-right div a span{float: left; height: 30px; line-height: 30px;}
header div.pull-right div a.a2 i{background-position: -30px 0;}
header div.pull-right div a.a3 i{background-position: -60px 0;}
header div.pull-right div a.a4 i{background-position: -90px 0;}
header div.pull-right div a.a5 i{background-position: -120px 0;}
header div.pull-right div a.a6 i{background-position: -150px 0;}
header div.pull-right div a.a7 i{background-position: -180px 0;}
header div.pull-right div a.a8 i{background-position: -210px 0;}
header div.pull-right div a.a1:hover i{background-position: 0px -30px;}
header div.pull-right div a.a2:hover i{background-position: -30px -30px;}
header div.pull-right div a.a3:hover i{background-position: -60px -30px;}
header div.pull-right div a.a4:hover i{background-position: -90px -30px;}
header div.pull-right div a.a5:hover i{background-position: -120px -30px;}
header div.pull-right div a.a6:hover i{background-position: -150px -30px;}
header div.pull-right div a.a7:hover i{background-position: -180px -30px;}
header div.pull-right div a.a8:hover i{background-position: -210px -30px;}



nav{width: 210px; padding-bottom: 30px; background-color: #47a5ee; border-radius: 5px; float: left; text-align: center; color: #fff}
nav .avatar{margin-top: 20px; width: 100px; height: 100px; border-radius: 100%; border: 3px solid #fff}
nav .nick{font-size: 16px; margin-top: 10px; margin-bottom: 15px;}
nav .nick i{color: #feb433}
nav .qiandao{background-color: #ffa200; color: #fff; padding: 5px 25px; border-radius: 15px; font-size: 12px; }
nav .qiandao:hover{background-color: #ff9900;}
nav .vip-tip{padding: 10px 0px; background-color: #3273a6; font-size: 12px; cursor: pointer;}
nav .vip-tip:hover{color: #ddf0fe}
nav .vip-tip a{padding: 3px 8px; background-color: #1e5e90; color: #fff; border-radius: 2px; margin-left: 10px;}
nav ul{margin: 5px 20px;}
nav ul li{min-height: 60px;  position: relative;}
nav ul li em{position: absolute; right: 10px; top: 10px; padding: 0px 6px; border-radius: 9px; color: #fff; font-size: 12px; background-color: #f00; height: 18px; line-height: 18px;}
nav ul li>a{display:block; height: 60px; border-bottom: 1px solid #75bcf2; color: #fff; padding-left: 60px; line-height: 60px; font-size: 18px; position: relative; text-align: left;}
nav ul li>a:hover,nav ul li.active>a{background-color: #3098e9; border-radius: 3px}
nav ul li>a i.iconfont{position: absolute; font-size: 20px; font-weight: 0; left: 20px;}
nav ul li div{display: none; background-color: #51acf2;}
nav ul li.active div{display: block}
nav ul li div a{display: block; height: 60px; line-height: 60px; text-align: right; padding-right: 40px; color: #fff; border-bottom: 1px solid #75bcf2}
nav ul li div a:hover,nav ul li div a.active{background-color: #369cec;}
nav .wxcode{margin-top: 40px;}
nav .tel{margin-top: 40px;}
nav .tel b{font-size: 20px;}
nav .tel p{font-size: 12px; margin-top:5px;}
nav .tel a{border: 1px solid #fff; color: #fff; margin: 0px 5px; font-size: 12px; display: inline-block; padding: 2px 5px; border-radius: 2px;}
nav .tel a:hover{color: #b7ddfa; border:1px solid #b7ddfa;}

footer{background-color: #ededf2; border-top: 1px solid #ccc; margin-top: 30px; text-align: center;}
footer .footer-content{width: 500px; margin: 0px auto}
footer .footer-links{height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; background-color: #ededf2;}
footer .footer-links a:hover{color: #359ceb}
footer .footer-links a{padding: 0px 15px; border-right: 1px solid #ccc}
footer .footer-links a:last-child{border-right: none}
footer .menu{margin-top: 20px; margin-bottom: 10px; position: relative;}
footer .menu a{display: inline-block; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; color: #fff; margin: 0px 5px}
footer .menu a.weibo{background-color: #c00;}
footer .menu a.tweibo{background-color: #37a4cd;}
footer .menu a.android{background-color: #509215;}
footer .menu a.ios{background-color: #333;}
footer .footer-content p{color: #666; font-size: 12px;}
footer .menu a:hover{opacity: .8}
.app-download{position: absolute; width: 200px; height: 200px; background-color: #fff; background-repeat: no-repeat; background-position: center center; top: -240px; left: 150px; border: 1px solid #ccc; border-radius: 5px; padding: 10px; display: none }
.app-download.android{background-image: url(../../img/android-download.png);}


section{ margin-left: 240px; }
section.all{margin-left: 0px; min-height: 300px;}
.section-container{border: 1px solid #e7e6e6; background-color: #fff;padding: 40px;border-radius: 5px;}
.title1{height: 40px; line-height: 40px; font-size: 20px; font-weight: normal; margin: 0px; margin-bottom: 10px; padding: 0px; position: relative;}
.title1 a{position: absolute; right: 0px; top: 15px; font-size: 12px; background-color: #dedede; line-height: 16px; padding: 3px 15px; border-radius: 15px; color: #666}
.title1 a:hover{background-color: #47a5ee; color: #fff}

.title2{background-color: #fff; border:1px solid #e7e6e6; padding: 15px 25px; border-radius: 5px;}
.title2 span{font-size: 20px; font-weight: normal;}
.title2 a.btn{float: right; font-size: 14px; height: 30px; line-height: 30px; font-weight: normal; margin-left: 10px;}
.title3{position: relative; height: 30px; line-height: 30px; text-align: center;}
.title3 i{position: absolute; height: 1px; left: 0px; right: 0px; top: 15px; background-color: #e7e6e6; z-index: 99}
.title3 span{background-color: #fff; position: absolute; z-index: 100; width:140px; display: inline-block; font-size: 18px; left: 50%; margin-left: -70px; color: #666}


.homeworks{background-color: #fff; border: 1px solid #e7e6e6; border-radius: 5px; margin-bottom: 20px;}
.homeworks div.t{height: 40px; line-height: 40px; border-bottom: 1px solid #e6e7e7; padding: 0px 30px}
.homeworks ul{margin: 15px 30px;}
.homeworks ul li{height: 70px; padding: 10px 0px; border-bottom: 1px dotted #e7e7e7; position: relative;}
.homeworks ul li:last-child{border-bottom: none}
.homeworks ul li .teacher{float: left; width: 100px; text-align: center;}
.homeworks ul li .teacher img{width: 50px; height: 50px; border-radius: 100%}
.homeworks ul li .teacher span{display:block;  font-size: 12px;}
.homeworks ul li .info{float: left; width: 400px; line-height: 32px; margin-left: 20px; padding-top: 5px;}
.homeworks ul li .info b{display: block; font-weight: normal; font-size: 16px;}
.homeworks ul li .info span{color: #666}
.homeworks ul li .menu{position: absolute; right: 0px; top: 30px; }
.homeworks ul li .completed{position: absolute; right: 140px; width: 90px; height: 52px; background-image: url(../../img/member/completed.png); top: 20px}
/*Index*/
.mycourses{background-color: #fff; border: 1px solid #e7e6e6; border-radius: 5px; height: 240px}
.mycourses ul{margin: 30px;}
.mycourses ul li{float: left; width: 200px; height: 180px; margin-right: 28px;}
.mycourses ul li.last-child{float: right; margin-right: 0px;}
.mycourses ul li a{display:block; width: 200px; height: 120px; border-radius: 5px; overflow: hidden; position: relative;}
.mycourses ul li a img{border-radius: 5px; width: 200px; height: 120px;transition:transform .5s;-moz-transition:transform .5s;-webkit-transition:transform .5s;-o-transition:transform .5s;transform:scale(1,1);-ms-transform:scale(1,1); -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); 
}
.mycourses ul li a i{background-color: rgba(0,0,0,.6); color:#fff; height: 30px; text-align: center; line-height: 30px; position: absolute; bottom: 0; left: 0; width: 200px;}
.mycourses ul li a:hover img{transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5); }
.mycourses ul li span{font-size: 12px; display:block;  line-height: 24px;}
.mycourses ul li div{height: 20px; line-height: 20px; position: relative; font-size: 12px; width: 100%; overflow: hidden;}
.mycourses ul li div b{width: 110px; height: 8px; background-color: #ccc; border-radius: 8px; position: absolute; left: 50px; top: 7px;}
.mycourses ul li div b i{background-color: #ff8400; border-radius: 8px; display:block; height: 8px;}
.mycourses ul li div em{position: absolute; left: 165px;}

.specs{background-color: #fff; border: 1px solid #e7e6e6; border-radius: 5px; height: 240px}
.specs ul{margin: 30px;}
.specs ul li{float: left; width: 200px; height: 180px; margin-right: 28px;}
.specs ul li.last-child{float: right; margin-right: 0px;}
.specs ul li a div.img{width: 200px; height: 120px; overflow: hidden; border-radius: 5px;}
.specs ul li a img{border-radius: 5px; width: 200px; height: 120px;transition:transform .5s;-moz-transition:transform .5s;-webkit-transition:transform .5s;-o-transition:transform .5s;transform:scale(1,1);-ms-transform:scale(1,1); -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); 
}
.specs ul li a img:hover{transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5); }
.specs ul li .t{height: 24px; line-height: 24px; margin-top: 3px;}
.specs ul li .t b{width: 70%; font-weight: normal;}
.specs ul li .t span{font-size: 12px; color: #666; float: right}
.specs ul li .t span i.iconfont{font-size: 12px; color: #f60}
.specs ul li p{line-height: 20px; height: 30px; font-size: 12px; margin: 0px; color: #999}
.specs ul li .price b{color: #f60;}
.specs ul li .price b i{font-size: 12px;}
.specs ul li .price span{float: right; font-size: 12px;}
.specs ul li .price span i.iconfont{color: #47a5ee; font-size: 12px;}
.specs ul li .price span:hover{color:#47a5ee }

.join-dialog{padding: 20px 30px;}
.join-dialog a{padding: 5px 15px; display: inline-block; border-radius: 2px; border:1px solid #e6e7e7; color: #666; margin: 5px;}
.join-dialog a:hover{border: 1px solid #47a5ee; color: #47a5ee}
.join-dialog a.active,.join-dialog a:active{background-color: #47a5ee; color: #fff;border: 1px solid #47a5ee;}

#feedback-textarea{width: 100%; height: 100px; border: 1px solid #ccc; outline: none; border-radius: 3px; padding: 10px; box-sizing:border-box;}
/*常见问题 qa.html*/
.qa{border: 1px solid #e7e6e6; background-color: #fff;padding: 40px;border-radius: 5px;}
.qa-t{border-bottom: 1px solid #e7e6e6; padding-bottom: 30px}
.qa-t a{margin-right: 20px;}
.qa-d{margin-top: 30px;}
.qa-d ul{display: none}
.qa-d ul.active{display: block;}
.qa-d ul li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #e7e6e6; color: #666}
.qa-d ul li div.q{border-left: 3px solid #fc8a03; padding-left: 8px; font-size: 16px;}
.qa-d ul li div.a{margin-top: 20px; padding-left: 8px; line-height: 26px; color: #999}

/*VIP*/
.vip-index{text-align: center;}
.vip-index .avatar{height: 140px; text-align: center; margin-top: 20px;}
.vip-index .avatar img{width: 100px; height: 100px; border-radius: 100%}
.vip-index .avatar span{display: block; font-size: 16px; margin-top: 10px;}
.vip-index a.btn{width: 120px;}
.vip-index .info{color: #666; font-size: 12px; margin-top: 20px; margin-bottom: 20px;}
.vip-index .title3{margin-top: 60px;}
.vip-index .vip-help{text-align: left; line-height: 30px; color: #666; padding-left: 80px; margin-top: 30px;}

.vip-list table{width: 100%;}
.vip-list table th{font-weight: normal; color: #47a5ee; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e7e7}
.vip-list table td{text-align: center; height: 40px; line-height: 40px;}
.vip-list table tr:nth-child(2n) td{background-color: #f6f6f6;}
.vip-list table tr:hover td{background-color: #dedede;}

.vip-pay{text-align: center;}
.vip-pay .t{font-size: 18px; margin-bottom: 50px;}
.pay-slt{width: 500px; margin: 0px auto; height: 150px;}
.pay-slt div{float: left; width: 190px; height: 100px; position: relative; padding: 15px; border-radius: 3px;}
.pay-slt div:before{
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 100%;
	left: -8px;
	top: 60px;
}
.pay-slt div:after{
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 100%;
	right: -8px;
	top: 60px;
}
.pay-slt div em{position: absolute; background-color: rgb(50,160,0); width: 30px; height: 30px; left: -10px; top: -10px; border-radius: 30px; line-height: 26px; color: #fff; text-align: center; display: none}
.pay-slt div.active em{display: block;}
.pay-slt div.pay-12{background-color: #69bdff; margin-right: 30px;}
.pay-slt div.pay-6{background-color: #ffbe34; margin-left: 30px;}
.pay-slt div b{display: block; border-bottom: 1px dotted #fff; color: #fff; font-size: 18px; font-weight: normal; height: 30px; line-height: 30px; padding-bottom: 10px}
.pay-slt div p{color: #fff; margin-top: 10px;}
.pay-slt div p span{display: block; font-size: 16px; margin-bottom: 5px;}
.vip-pay .title3{margin-top: 30px;}
.pay-type{border-bottom: 1px dotted #e6e7e7; height: 40px; padding-bottom: 10px; margin-bottom: 10px;margin-top: 30px; text-align: left;}
.pay-type a{height: 34px; border:1px solid #e6e7e7; display: inline-block; line-height: 34px; padding: 0px 10px; font-size: 16px; position: relative; padding-left: 40px; width: 94px; float: left; margin-right: 10px;}
.pay-type a i.iconfont{font-size: 20px; position: absolute; left: 10px; top: 0px;}
.pay-type a.alipay{color: #40a9e0}
.pay-type a.weixin{color: #3ea538}
.pay-type a:hover,.pay-type a.active{border:1px solid #fa3;}
.pay-banks{height: 250px;}
.vip-pay a.btn{width: 140px}
.bank-list li{float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
.bank-list li input{display: none}
.bank-list li label{height: 34px;display: block;}
.bank-list li span{cursor: pointer;}
.bank-list li span:hover{border: 1px solid #fa3}
.bank-icon{
  display:inline-block;
  width: 144px;
  height: 34px;
  background: url(../../img/pay.png) 5px -1095px no-repeat;
  overflow: hidden;
  border: 1px solid #e6e7e7;
}
.bank-list li.active .bank-icon{
  border-color: #fa3;
}
/*支付宝*/
.bank-icon.bank-alipay{
  background-position: 5px -1087px;
}
/*工商银行*/
.bank-icon.bank-ICBCB2C{
  background-position: 5px -541px;
}
/*招商银行*/
.bank-icon.bank-CMB{
  background-position: 5px -252px;
}
/*中国建设银行*/
.bank-icon.bank-CCB{
  background-position: 5px -146px;
}
/*中国银行*/
.bank-icon.bank-BOCB2C{
  background-position: 5px -72px;
}
/*中国农业银行*/
.bank-icon.bank-ABC{
  background-position: 5px 0;
}
/*交通银行*/
.bank-icon.bank-COMM{
  background-position: 5px -325px;
}
/*中国邮政储蓄银行*/
.bank-icon.bank-PSBC-DEBIT{
  background-position: 5px -755px;
}
/*中国光大银行*/
.bank-icon.bank-CEBBANK{
  background-position: 5px -179px;
}
/*上海浦东发展银行*/
.bank-icon.bank-SPDB{
  background-position: 5px -901px;
}
/*广东发展银行*/
.bank-icon.bank-GDB{
  background-position: 5px -431px;
}
/*中信银行*/
.bank-icon.bank-CITIC{
  background-position: 5px -218px;
}
/*兴业银行*/
.bank-icon.bank-CIB{
  background-position: 5px -1047px;
}
/*中国民生银行*/
.bank-icon.bank-CMBC{
  background-position: 5px -289px;
}
/*北京银行*/
.bank-icon.bank-BJBANK{
  background-position: 5px -37px;
}
/*杭州银行*/
.bank-icon.bank-HZCBB2C{
  background-position: 5px -505px;
}
/*上海银行*/
.bank-icon.bank-SHBANK{
  background-position: 5px -828px;
}
/*平安银行*/
.bank-icon.bank-SPABANK{
  background-position: 5px -865px;
}
/*温州银行*/
.bank-icon.bank-WZCBB2C-DEBIT{
  background-position: 5px -974px;
}
/*宁波银行*/
.bank-icon.bank-NBBANK{
  background-position: 5px -685px;
}

/*消息*/	

.message-list li{border-bottom: 1px dotted #e6e7e7; padding-top: 10px; padding-bottom: 20px;color: #555; font-size: 12px; position: relative;}
.message-list .t{height: 30px; line-height: 30px; color: #007eff}
.message-list .t i.iconfont{font-size: 12px; color: #007eff}
.message-list .t span{ color: #666; font-size: 12px;}
.message-list .t a{color: #007eff}
.message-list .t a.pull-right{margin-left: 10px;}
.message-list .t a:hover{color: #0678c7}
.message-list .d{margin-left: 16px; margin-top: 5px; }
.message-list li div.confirm{position: absolute; right: 0px; top: 40px; border: 1px solid #e6e7e7; border-radius: 4px; padding: 15px 30px; text-align: center; background-color: rgba(0,0,0,.8); color: #fff; z-index: 100}
.message-list li div.confirm p{margin-top: 10px; margin-bottom: 20px;}
.teacher-message-list .t{color: #666}
.message-list .reply{background-color: #f3f3f3; display: none; border-radius: 4px; padding: 20px; margin-left: 16px;margin-top: 20px;}
.message-list .reply-content{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ccc}

.message-list .reply-t{margin-bottom: 10px;}
.message-list .reply-t a{color: #007eff}
.reply-form input{width: 485px; margin-right: 5px; height: 35px; outline: none; border-radius: 3px; padding: 0px 10px; border: 1px solid #ccc;}
.reply-form input:focus{border: 1px solid #47a5ee;}

.videos-list li{height: 80px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #e6e7e7; position: relative;}
.videos-list li .video-content{width: 330px; position: relative; padding-left: 140px; float: left;}
.videos-list li .video-content img{width: 120px; height: 80px; position:absolute; left: 0px; top: 0px}
.videos-list li .video-content b{font-weight: normal;}
.videos-list li .video-content span{font-size: 12px; display:block;  line-height: 24px;}
.videos-list li .video-content div{height: 20px; line-height: 20px; position: relative; font-size: 12px; width: 100%; overflow: hidden;}
.videos-list li .video-content div b{width: 110px; height: 8px; background-color: #ccc; border-radius: 8px; position: absolute; left: 50px; top: 7px;}
.videos-list li .video-content div b i{background-color: #ff8400; border-radius: 8px; display:block; height: 8px;}
.videos-list li .video-content div em{position: absolute; left: 165px;}
.videos-list li .menu{position: absolute; right: 0px; top: 50px; }
.videos-list li .menu.btn-primary{top:10px;}
.videos-list li .completed{position: absolute; right: 140px; width: 90px; height: 52px; background-image: url(../../img/member/completed.png); top: 20px}
#video-play{width: 100%; height: 405px; margin-top: 20px; border-radius: 3px; overflow: hidden;}
.learn-menu{text-align: right; margin-top: 30px;}
.learn-remark{background-color: #fff; padding: 10px; border-radius: 5px; margin-top: 20px; line-height: 28px;}
.questions-content{position: relative;}
.question-t{margin-right: 80px; line-height: 28px;}
.clock{position: absolute; right: 0px; top: 0px; font-size: 16px; color: #47a5ee}
.clock i{font-size:20px; margin-right: 5px;}
.questions-options{margin-top: 20px;}
.questions-options .opt{position: relative; padding-left: 50px; min-height: 30px; margin-bottom: 20px; cursor: pointer;}
.questions-options .opt .x{position: absolute; left: 0px; top: 0px; width: 30px; text-align: center; height: 30px; line-height: 30px; border-radius: 100%; border: 2px solid #ccc; color: #666; font-size: 16px;}
.questions-options .opt .opt-d{padding: 7px 0px; font-size: 12px;}
.questions-options .opt.active .x{border-color:#47a5ee; color: #fff; background-color: #47a5ee;}
.questions-options .opt:hover .x{border:2px solid #47a5ee; color: #47a5ee}
.questions-options .opt.active:hover .x{color: #fff}
#section-question .tips{text-align: center; color: #999; margin-top: 30px;}
#section-question .menu{text-align: center;}
.questions-slt{border-bottom: 1px solid #d6d7d7; margin-bottom: 20px; margin-right: 3px;}
.questions-slt a{display: inline-block; margin-right: 4px; width: 25px; height: 25px; text-align: center; line-height: 25px; border-radius: 100%; border:1px solid #999; color: #999; margin-bottom: 10px;}
.questions-slt a.tested{border-color:#47a5ee; color: #47a5ee}
.questions-slt a:hover{border-color: #666}
.questions-slt a.wrong{border-color: #fe4809; color: #fe4809}
.questions-slt a.correct{border-color: #0f8709; color: #0f8709}
.questions-slt a.active{background-color: #47a5ee; color: #fff; border-color:#47a5ee }
.question-discription{margin-top: 30px;}
.qd-div{padding-left: 80px; position: relative; margin: 5px 0px;}
.qd-div.correct{color: #0f8709}
.qd-div span.label{position: absolute; left: 0px; top: 0px; color: #666}

.join-class{padding: 40px 100px; background-image: url(../../img/member/start.png); background-repeat: no-repeat; padding-left: 550px; background-position: 100px 20px; min-height: 250px}
.join-class .menu{margin-top: 20px; text-align: center;}
.join-class .t{font-size: 18px;  position: relative;}
.join-class .t i.iconfont{font-size:30px; margin-right: 5px;}
.join-class .class-div{height: 100px; position: relative; border-bottom: 1px dotted #e6e7e7; margin-bottom: 20px;}
.join-class .class-div:last-of-type,.class-div.noborder{border-bottom: none; margin-bottom: 0px;}
.join-class .class-div img{float: left; width: 80px; height: 80px; border-radius: 100%;}
.join-class .class-div div{margin-left: 100px; padding-top: 5px;}
.join-class .class-div b{font-size: 16px; font-weight: normal; display: block; margin-bottom: 5px;}
.join-class .class-div span{display: block; color: #666; line-height: 22px;}
.join-class .class-div span i{color: #47a5ee}
.join-class .class-div .btn{position: absolute; right: 0px; top: 30px;}
.join-class .search-div{margin-bottom: 20px;}
.join-class .search-div input{width: 300px; margin-right: 5px; height: 35px; outline: none; border-radius: 3px; padding: 0px 10px; border: 1px solid #ccc;}
.join-class .search-div  input:focus{border: 1px solid #47a5ee;}



.myclass-panel{background-color: #fff; border: 1px solid #e7e6e6; border-radius: 5px; margin-bottom: 20px;}
.myclass-panel div.t{height: 50px; line-height: 50px; border-bottom: 1px solid #e6e7e7; padding: 0px 20px}
.myclass-panel div.t b{font-size: 16px; font-weight: normal;}
.myclass-panel div.t a{float: right; margin-top: 12px;}
.myclass-panel .d{margin: 15px 18px;}
.myclass-panel .d li{display:inline-block;width: 130px; height: 120px; text-align: center; margin-top: 15px; cursor: pointer;}
.myclass-panel .d li img{width: 75px; height: 75px; border-radius: 75px; margin: 0px auto}
.myclass-panel .d li span{display: block}

.myclass-share a{width: 30%; display: inline-block; text-align: center;}
.myclass-share a i{font-size: 32px; color: #ccc}
.myclass-share a i.icon-qqzone:hover{color:#ffd200}
.myclass-share a i.icon-sina:hover{color: #dc1a1a}
.myclass-share a i.icon-qq:hover{color: #00aaf5}