.container{padding-left:4em;padding-right:4em}.row{margin-left:-1em;margin-right:-1em}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:1em;padding-right:1em}
.oneline,h1,h2,h3,h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.red{color:#8c071f}/*!
 * footer start
 */.footer{margin-top:20px;background:#eee;padding-top:20px;padding-bottom:10px;color:#767676}.footer a{color:#767676}.footer lside{border-right:1px solid #ddd}.footer bside{padding-top:10px}
/*!
 * footer end
 *//*!
 * banner start
 */.carousel .item img{width:100%}#carousel_coures .carousel-indicators{position:absolute;z-index:15;width:460px;right:10%;bottom:10%;margin:0;left:inherit}#carousel_coures .carousel-indicators .carousel_img{width:100px;margin-left:10px;float:left;opacity:.5;transition:width .5s,opacity .5s,margin-top .5s;color:#fff}
#carousel_coures .carousel-indicators .carousel_img img{border:2px solid #ddd}#carousel_coures .carousel-indicators .carousel_img.active{width:120px;height:auto;background-color:transparent;opacity:1;transition:width .5s,opacity .5s,margin-top .5s;margin-top:-20px}#carousel_coures .carousel-caption a{color:#fff;visibility:hidden}
#carousel_coures .carousel-caption:hover{background:rgba(0,0,0,0.5);background:#333\9}#carousel_coures .carousel-caption:hover a{visibility:visible;border:1px solid #fff}@media screen and (min-width:1200px){.top_float{position:relative;margin-top:-154px;background:#fff}#carousel_coures .carousel-indicators{bottom:35%}
}@media screen and (min-width:768px){#carousel_coures .carousel-caption{left:10%;width:600px;height:200px;top:10%;padding:2%;text-align:left}#carousel_coures .carousel-caption p{overflow:hidden;width:100%;height:4em}#carousel01 .carousel-caption{background:rgba(0,0,0,0.6);left:15%;width:60%;height:auto;top:15%;bottom:20%;padding:2%;text-align:left}
#carousel01 .carousel-caption p{overflow:hidden;width:100%;height:3em}}@media screen and (max-width:767px){#carousel01 .carousel-caption p,#carousel01 .carousel-caption h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}#carousel_coures .carousel-control{width:8%}/*!
 * banner end
 *//*!
 * plan start
 */.btn-tran{border:1px solid #6c0518}
.btn-tran:hover,.btn-tran:focus{border:1px solid #6c0518;background-color:#6c0518;color:#fff}/*!
 * plan end
 *//*!
 * snav start
 */.listnav .snav{position:absolute;top:50px;color：#fff;background:#262e3b;overflow:hidden;height:0}@media screen and (min-width:768px){.listnav .snav{opacity:0}
.listnav:hover .snav,.listnav .snav:hover{overflow:visible;z-index:20;opacity:1;height:auto;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.listnav:hover .search{padding:.5em 1em;left:44px;width:275px;top:1px;background:#8c071f}.listnav:hover .all-list{box-shadow:.2em .2em .5em #000;padding:1em 2em;width:644px;left:-130px;top:50px;color:#fff}
.listnav:hover .all-list dl{width:28%;float:left;margin-right:2em;margin-bottom:2em}.listnav:hover .all-list dl dt{border-bottom:1px dotted #fff;padding-bottom:.5em;margin-bottom:1em}.listnav:hover .all-list dl dd{padding:.25em .5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listnav:hover .all-list dl dd:hover{background:#fff;color:#262e3b}
.listnav:hover .all-list dl dd a{display:block;color:inherit;text-decoration:none}.nav>li.user-center{margin-left:2em}.nav>li.user-center>a{padding:0}.nav>li.user-center>a img{border:4px solid #6c0518;width:50px;z-index:20;position:relative}.navbar-default .navbar-nav>li.user-center>a:hover,.navbar-default .navbar-nav>li.user-center>a:focus{color:#f8f8f8;background-color:#8c071f}
.nav>li.user-center div.user-name{background:#6c0518;color:#fff;float:right;margin-top:10px;margin-left:-10px;padding:5px 4px 7px 8px;border-radius:10px;width:10em;text-align:center}.listnav:hover .user-center-list{background:#6c0518;width:10em;top:32px;left:40px;color:#fff;z-index:19}.listnav:hover .user-center-list ul{list-style:none;padding:1em 0 0;border:1px solid #6c0518}
.listnav:hover .user-center-list ul li{padding:.5em 1em}.listnav:hover .user-center-list ul li:hover{background:#fff;color:#6c0518}.listnav:hover .user-center-list ul li a{display:block;color:inherit;text-decoration:none}}/*!
 * snav end
 *//*!
 * thumbnail start
 */.thumbnail .title{background-color:rgba(0,0,0,0.6);background-color:#666\9;color:#fff;padding:.45em 1em;font-size:100%;height:2.5em;overflow:hidden;position:relative;margin-top:-2.5em;text-overflow:ellipsis;white-space:nowrap}
.thumbnail a{text-decoration:none}.thumbnail .tips{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail .description{height:3em;overflow:hidden}/*!
 * thumbnail end
 *//*!
 * nav start
 */.nav-notes{border-top:4px solid #cfcacb;margin-bottom:2em}
.nav-notes>li{float:left;position:relative;display:block}.nav-notes>li.active>a,.nav-notes>li.active>a:focus,.nav-notes>li.active>a:hover{border-top:4px solid #6c0518;margin-top:-4px;color:#fff;background-color:#262e3b}.nav-list{border-top:4px solid #cfcacb}.nav-list>li{float:left;position:relative;display:block}
.nav-list>li.active>a,.nav-list>li.active>a:focus,.nav-list>li.active>a:hover{border-top:4px solid #6c0518;margin-top:-4px;color:#fff;background-color:#262e3b}.nav2-list{margin-bottom:2em}.nav2-list li{float:left;position:relative;display:block}/*!
 * nav end
 *//*!
 * notes start
 */.notes-header{border-top:4px solid #262e3b;color:#262e3b;padding:10px 15px;margin-bottom:2em}
.notes-header small{color:#cfcacb}.notes img{display:block;width:100%;height:auto}.notes .notes-name{background-color:#262e3b;padding:5px 15px;color:#f0f0f0;text-align:center;margin-bottom:15px}/*!
 * notes end
 *//*!
 * notice start
 */@media all{#notice .carousel-inner>.item{-webkit-transition:-webkit-transform .8s ease-in-out;-o-transition:-o-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:top .8s ease-in-out\0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
#notice .carousel-inner>.item.next,#notice .carousel-inner>.item.active.right{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:0}#notice .carousel-inner>.item.prev,#notice .carousel-inner>.item.active.left{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);top:0}
#notice .carousel-inner>.item.next.left,#notice .carousel-inner>.item.prev.right,#notice .carousel-inner>.item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top:0}}#notice .carousel-inner>.active{top:0}#notice .carousel-inner>.next,#notice .carousel-inner>.prev{left:0}#notice .carousel-inner>.next{top:100%}
#notice .carousel-inner>.prev{top:-100%}#notice .carousel-inner>.next.left,#notice .carousel-inner>.prev.right{top:0}#notice .carousel-inner>.active.left{top:-100%}#notice .carousel-inner>.active.right{top:100%}/*!
 * notice end
 *//*!
 * modal-dialog start
 */@media(min-width:768px){#login .modal-dialog,#join .modal-dialog,#buy .modal-dialog{width:400px;margin:70px auto}
}#login .modal-body{padding:2em 3em 1em}#login .form-group{margin-bottom:1.5em}#login .modal-footer{padding:1em 3em 1em}/*!
 * modal-dialog end
 *//*!
 * course-well start
 */.course-well{padding:2em 0;color:#fff;min-height:400px;background-color:#262e3b;border:1px solid #262e3b;-webkit-box-shadow:inset 0 1px 1px #000;box-shadow:inset 0 1px 1px #000}
.course-well .info{border-left:5px solid;border-color:rgba(255,255,255,0.5);padding:5px 10px;margin:0 0 20px;background:rgba(0,0,0,0.2);background:#1e242e\9;float:left;font-size:75%}.course-well img{margin:1em;padding:.5em;border:1px solid #ddd;background:rgba(255,255,255,0.3)}.course-well a{color:inherit}
.course-well h1{text-shadow:0 1px 5px #fff}.course-well .coures-description{height:5em}.course-well .pay{padding:8px;border-left:5px solid #000;background:rgba(0,0,0,0.8);background:#000\9}.course-well .pay .pay-item{float:left;padding:6px 12px}.course-well .pay .pay-item-btn{padding:0 0 0 15px}.course-well .pay .pay-item .btn-tran{border:1px solid #fff}
/*!
 * course-well end
 *//*!
 * table start
 */table .progress{margin-bottom:0}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{vertical-align:middle}/*!
 * table end
 *//*!
 * teacher start
 */.tcherlist a{color:inherit}
.tcherlist>div>h1 small{visibility:hidden}.tcherlist>div:hover{background:#f0f0f0;box-shadow:.2rem .2rem .5rem #ddd}.tcherlist>div:hover>h1 small{visibility:inherit;margin-left:1rem}.tcherlist>div>img{float:left;width:100px;height:120px;margin:1em}.tcherlist>div>p:nth-child(3){height:4em;overflow:hidden}
.tcherlist>div>dl{margin-top:2rem}.tcherlist>div>dl>dt{clear:both;margin:1rem}.tcherlist>div>dl>dt>small{float:right}.tcherlist>div>dl>dd{margin:.5rem 1rem;margin:7px 14px\9;border-bottom:1px solid #ddd;padding:.5rem}.tcherlist>div>dl>dd:nth-child(2){border-top:1px solid #ddd}.tcher>div>img{width:200px;max-width:100%;height:auto;display:block}
.tcher>div>p{margin:24px 0;line-height:2rem;font-size:120%}/*!
 * teacher end
 *//*!
 * video start
 */video{width:100%;max-width:640px;height:auto}.video h1{font-size:24px}.video .tab-content{margin-top:15px}.video .thumbnail{margin:0;padding:0;position:relative}.video .thumbnail h4{margin:0;zoom:1;z-index:3;position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);background:#333\9;color:#fff;padding:5px 10px;font-size:14px}
.video .media a{display:block;text-decoration:none}.video .media.active a{cursor:default}.video .media.active{background:#f8f8f8}.video .media.active:before,.video .media:hover:before,.video .media:focus:before{content:"";width:0;height:0;position:absolute;top:inherit;right:1em;border-top:32px solid transparent;border-right:20px solid #eee;border-bottom:32px solid transparent}
.video .media-left,.video .media-right,.video .media-body{vertical-align:middle}/*!
 * video end
 *//*!
 * usercenter start
 */body.usercenter{background:#1e2228;padding-top:50px;overflow-y:scroll}.navbar-userpage{position:fixed;right:0;left:0;top:0;z-index:3}@media(min-width:768px){.userpage>div:nth-child(1).collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
}@media(max-width:767px){.userpage>div:nth-child(1),.userpage>div:nth-child(1).collapsing{display:none}.userpage>div:nth-child(1).collapse.in{display:inherit;position:fixed;top:52px;z-index:3;width:300px;height:100%;background:#262e3b;overflow:hidden}.userpage>div:nth-child(1).collapse.in:before{background:rgba(0,0,0,0.6);height:100%;width:100%;z-index:-1;content:"";position:fixed;margin-left:-1em}
.userpage>div:nth-child(1) li{padding:1em 0 1em 2em;border-bottom:1px solid rgba(255,255,255,0.1);margin:0 1em}}.container-fluid{padding-left:1em;padding-right:1em}.navbar-userpage a,.userpage a{color:inherit}.navbar-userpage{background-color:#6c0518;border-color:#000}.navbar-userpage .navbar-brand{color:#fff}
.navbar-userpage p{color:#fff;margin-right:0}.userpage{background:#262e3b}.userpage>div:nth-child(1){background:#262e3b;color:#fff;min-height:500px;height:562px}.userpage>div:nth-child(1)>div:nth-child(1){background:#6c0518;border-radius:0 0 120px 0;color:#fff;padding:15px 0;box-shadow:10px 0 0 #8c071f}
@media(max-width:767px){.userpage>div:nth-child(1)>div:nth-child(1){background:transparent;border-radius:0;color:#fff;padding:15px 0;box-shadow:0 0 0 #8c071f}}.userpage>div:nth-child(1)>div:nth-child(1) img{max-width:8em;width:100%;height:auto}.userpage>div:nth-child(1)>div:nth-child(1) p{margin-top:1em;text-align:center}
.userpage>div:nth-child(1)>ul:nth-child(2){list-style:none;margin:0 -1em;padding:2em 0 0 0}@media(max-width:767px){.userpage>div:nth-child(1)>ul:nth-child(2){padding-top:.5em}}.userpage>div:nth-child(1)>ul:nth-child(2) a{display:block;text-decoration:none}.userpage>div:nth-child(1)>ul:nth-child(2) li{padding:.5em 0 .5em 1em;margin-left:1em}
.userpage>div:nth-child(1)>ul:nth-child(2) li.seli{margin-left:2em;background:rgba(255,255,255,0.1)}.userpage>div:nth-child(1)>ul:nth-child(2) li.active,.userpage>div:nth-child(1)>ul:nth-child(2) li.active:hover{background:#fff;color:#000;cursor:default}.userpage>div:nth-child(1)>ul:nth-child(2) li:hover,.userpage>div:nth-child(1)>ul:nth-child(2) li:focus{background:#eee;color:#000}
.userpage .tab-pane{background:#fff;padding:1.5em 1em;margin-bottom:1em;border-radius:5px 0 0 5px;min-height:400px}.userpage-footer{background:#1e2228;padding:10px 0;color:#666;border-top:1px solid #000}.nav-user{margin-bottom:0;padding-left:0;list-style:none;background:#8c071f;margin:0 -1em}.nav-user:after{clear:both}
.nav-user:after,.nav-user:before{content:" ";display:table}.nav-user li:first-child{margin-left:1em}.nav-user li{float:left;font-size:16px;padding:0;color:#fff}.nav-user li a{color:inherit;display:block;padding:12px 24px;text-decoration:none}.nav-user li.active{background:#fff;color:#8c071f;box-shadow:rgba(0,0,0,.5) 0 -5px 18px}
.nav-user li:hover{box-shadow:rgba(0,0,0,.3) 0 5px 18px inset}#classlist>div>div{background:#eee;margin-bottom:1.5em;padding:1em}.step>div i{width:50px;height:50px;background:#999;display:block;border-radius:50%;color:#fff;text-align:center;font-size:32px;font-style:normal;margin-left:auto;margin-right:auto;z-index:2;position:relative;border:2px solid #999}
.step>div.pass i{background:#8c071f;border-color:#6c0518}.step>div{height:150px;text-align:center;margin:20px 0}.step>div:after{position:absolute;content:"";width:100%;height:20px;background:#ddd;left:0;z-index:1;top:16px;border:3px solid #999}.step>div:nth-child(1):after{border-radius:10px 0 0 10px;border-right:0}
.step>div:nth-child(2):after{border-right:0;border-left:0}.step>div:nth-child(3):after{border-radius:0 10px 10px 0;border-left:0}.step>div.pass:after{border-color:#6c0518;background:#8c071f}@media screen and (max-width:767px){.step>div h4,.step>div p{display:inline;font-size:1em;font-weight:bold;color:#8c071f}
.step>div i{width:20px;height:20px;font-size:1em;border:1px solid #999}.step>div:after{height:5px;top:10px;border:1px solid #999}.step>div{height:80px;margin:20px 0}}/*!
 * usercenter end
 *//*!
 * sign start
 */.sign .sign-body{background:#262e3b}.sign .signfoot{background:#eee}
.sign-logo{margin:100px auto;color:#fff}.sign .form{background:#fff;max-width:350px;padding:25px;margin:100px auto;border-radius:8px}@media(max-width:480px){.sign .form{padding:10px;margin:50px -3em}}.manlist{padding:4em 1em}.manlist .img-circle{width:100px;height:100px;border:5px solid #fff;overflow:hidden;float:left;margin:1em;box-shadow:1px 1px 5px #aaa}
.mandetail{padding:4em 0}.mandetail .media{padding:2em;background:#fff;height:400px}.mandetail .media{border-radius:1em}/*!
 * sign end
 */