@charset "utf-8";
/*
author:吴雨杰
data:2014.3
*/
/* -----------------------------------------------------------
【用户页面】
 -----------------------------------------------------------*/
.highlight {color: red;}

/*老师历史上课--*/
.left-con .user-center .mine-list .bmenu{ float:right; position:relative;}
.left-con .user-center .mine-list .bmenu .bmore{  display:block; height:32px; line-height:32px; float: right; border:1px solid #c0c0c0; border-radius:3px;color:#666;background:url(../Images/mico.png) no-repeat 60px -40px; padding-right:20px; text-align:center; padding-left:5px; width:55px; float:left; }
.left-con .user-center .mine-list .bmenu .bmore:hover{ background:url(../Images/mico.png) no-repeat 60px -16px #428be7; color:#fff; border:1px solid #428be7; }
.left-con .user-center .mine-list .bmenu .mlist li{ margin:0; padding:0; border:none;}
.left-con .user-center .mine-list .bmenu .mlist{ background:#fff;box-shadow: 0px 1px 1px #999; position:absolute; top:33px; z-index:888; border-top:1px solid #ccc; margin-left:1px; display:none;}
.left-con .user-center .mine-list .bmenu .mlist a{ display:block; height:35px; width:80px; text-align:center; line-height:35px; border-bottom:1px solid #ddd; float:left;}
.left-con .user-center .mine-list .bmenu .mlist a:hover{ background:#f4f4f4;}
.left-con .user-center .mine-list .bmenu:hover .mlist{ display:block;}


/*用户中心头部*/
.top-header{width:980px; padding:10px 0;margin:0 auto;}
.top-header li{ float:left;margin-right:20px;}

.user-header{position:relative; min-width:980px;height:45px;color:#fff;background:#FF412E;}
.user-header .header-bg{ position:absolute; height:30px; line-height:30px;left:50%;top:0px; width:980px;margin:8px 0 0 -490px;}
.header-bg h1{float:left;font-size:25px; font-weight:normal;}
.header-bg ul{ position:absolute; right:0;}
.header-bg li{position:relative;float:left;margin-right:45px;}
.header-bg li a{color:#fff;font-size:16px;}
.header-bg li i{display:none;position:absolute;left:50%;bottom:-17px;}
.header-bg .current i{display:inline;}

/* /用户中心内容部分/*/
.a-style{color:#4588E1;text-decoration:underline;}
.user-bg{padding:5px 0 65px 0;min-height: 100%; margin: 60px auto auto 80px;}
.user-bg .user-main{ width:980px;margin:10px auto;}
.user-main .left-con{ float:left; width:630px;}
.user-main .left-con .row .col-md-8 .section {background-color: #FFFFFF;border: 1px solid #BBBBBB;padding: 10px;}
.user-main .left-con .row .col-md-8 .attenders {margin-top:20px; background-color: #FFFFFF;border: 1px solid #BBBBBB;padding: 10px;}
.user-main .left-con .row .col-md-8 .attenders .header {color: #666666}
.user-main .left-con .row .col-md-8 .attenders table {width: 100%}

.user-main .left-con .info {background: none repeat scroll 0 0 #FFFFFF;margin-bottom: 30px;padding: 20px;font-size: 20px}
.user-main .left-con .info a {text-decoration: underline}
/*user-nologin*/
.left-con .no-login h2{font-size:18px;margin-bottom:20px;}
.left-con .no-login .no-login-list li{height:35px;line-height:35px;margin-top:6px;color:#6D6D55;border:1px solid #F6EDCC;background:#FFFDD4;}
.left-con .no-login .no-login-list i{position:relative;top:3px;margin:0 15px 0 20px;}
.left-con .no-login .no-login-list li a{margin-left:10px;}
.left-con .no-login .no-login-list li .order {margin-left:10px;display:inline-block;width:610px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.left-con .course{ padding:30px;margin:30px 0;border:1px solid #E7E7E7;background:#fff;}
.left-con .course .course-left{float:left;width:48%;color:#606060;background: url(../Images/course-bg.png) 180px 0 no-repeat;}
.left-con .course .course-left .sel{margin-top:20px;display:inline-block;padding:5px 10px;color:#fff;border-radius:3px;text-align: center;background:#458BE3;}
.left-con .course .num{font-size:20px;color:#458BE3;margin:0 20px;}
.left-con .course .course-right{float:left;width:50%;border-left:1px solid #EEEEEE;background: url(../Images/course-bg2.png)  180px 0 no-repeat;}
.left-con .course .course-right .sm{color:#CFCFCF;margin:0 20px;}
.left-con .course .course-right .classes{color:#000000;margin:0 20px;}
.left-con .course .course-right p{padding-left:30px;margin-bottom:20px;}

.left-con .course-step{background:#E7E7E7;}
.left-con .course-step li{position:relative;width:124px;height:50px;line-height:50px;text-align:center;float:left;}
.left-con .course-step li i{display:inline-block;position:absolute;top:0;width:18px;height:50px;background:url(../Images/step.png) 0 0 no-repeat;}

.left-con .mine-class{margin:20px 0;}
.left-con .mine-class .tit {background:#ECECEC;}
.left-con .mine-class .tit li{float:left;width:135px;height:40px;line-height:42px;font-size:16px;text-align: center;}
.left-con .mine-class .tit .current{color:#fff;background:#F7493E;}
.left-con .mine-class .tit .active{color:#fff;background:#F7493E;}
.left-con .mine-class .tit .active a {color:#fff;}
.left-con .mine-class .help{float:right;margin:10px 30px 10px 0;}
.left-con .mine-class .help i{position:relative;top:3px;}
.left-con .mine-class .class-con{ height:370px;border-top:1px solid #fff;background:url(../Images/none.png) #fff 280px 105px no-repeat;}
.left-con .mine-class .class-con p{text-align: center;margin-top:200px;}
.left-con .mine-class .class-con .sel{margin-left:235px;margin-top:25px;padding:10px 50px;font-size:20px;color:#EA4340;display:inline-block;font-weight:bold;text-align: center;border:3px solid #EA4340;border-radius:5px;}

.left-con .hot{padding:25px;background:#fff;}
.left-con .hot .hot-tit{position:relative;}
.left-con .hot .hot-tit h3{border-left:5px solid #E84D48;padding-left:10px;}
.left-con .hot .hot-tit a{position:absolute;right:20px;top:0;text-decoration:underline;}

.left-con .hot .hot-con ul{margin-top:45px;}
.left-con .hot .hot-con li{margin-bottom:15px;position: relative;}
.left-con .hot .hot-con .time{color:#9D9D9D;}
.left-con .hot .hot-con a{display:inline-block;padding:3px 15px;text-align: center;border-radius:5px;}
.left-con .hot .hot-con .detail{margin-right:10px;border:1px solid #D0D0D0;}
.left-con .hot .hot-con .go{border:1px solid #518BCB; color:#fff;background:#4587E7;}
.left-con .hot .hot-con > ul > li > em {display:inline-block;width:170px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.left-con .hot .hot-con > ul > li .level {position:absolute; left:180px;display:inline-block;width:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.left-con .hot .hot-con > ul > li .time {position:absolute; left:260px;display:inline-block;width:160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.left-con .hot .hot-con > ul > li .operate {display:inline-block;margin-left:20px; width:25%; position:absolute;right:0px}
/*user-center*/
.left-con .user-center .course{margin:0 0 30px 0;}
.left-con .user-center .mine-list{padding:10px 10px 0 30px;background:#fff;font-size: 13px}
.left-con .user-center .mine-list li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #E7E7E7;}
/*.left-con .user-center .mine-list .tit{text-decoration:underline;background:#fff;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}*/
.left-con .user-center .mine-list .topic .tit a {display: block;width: 220px;word-wrap: break-word;word-break: normal;background-color: #ffffff}
.left-con .user-center .mine-list .time {width:110px}
.left-con .user-center .mine-list .topic {width:220px; margin:0 20px}
.left-con .user-center .mine-list .time span{line-height: 20px;color:#8c8c8c;}
.left-con .user-center .mine-list .flow{float:left;}
.left-con .user-center .mine-list .flow-r{float:right; line-height: 20px;}
.left-con .user-center .mine-list .topic{margin:0 20px 0 20px;}
.left-con .user-center .mine-list .topic em{color:#8c8c8c;}
.left-con .user-center .mine-list .begin-or{color:red;}
.left-con .user-center .mine-list .begin-ok{color:#8c8c8c;margin-left:75px;}
.left-con .user-center .mine-list .pj{padding:5px 25px;color:#fff;border-radius:3px;text-align: center;background:#FF7101;}
.left-con .user-center .mine-list .operate a{display:inline-block;padding:6px 15px;text-align: center;border-radius:5px;}
.left-con .user-center .mine-list .operate .check{padding:5px 10px;color:#fff;border-radius:3px;text-align: center;color:#575757;border: 1px solid #D0D0D0}
.left-con .user-center .mine-list .operate .cancel{display:inline;position:relative;left:10px; background: none repeat scroll 0 0 #4587E7;border: 1px solid #518BCB;color: #FFFFFF;padding: 7px 10px;}
.left-con .user-center .mine-list .operate .can{display:block;padding:5px 10px;border:1px solid #C5C5C5;border-radius:5px;}
.left-con .user-center .mine-list .operate .detail{position:relative;left:20px;bottom:3px;}
.left-con .user-center .mine-list .operate .go-class{display:inline;position:relative;background: none repeat scroll 0 0 #4587E7;border: 1px solid #518BCB;color: #FFFFFF;padding: 7px 10px;}

/*study-card*/
.left-con .study-card .card-tit{padding:20px;margin-bottom:30px;background:#fff;}
.left-con .study-card .card-tit h3{font-size:22px;font-weight:normal;color:#333;}
.left-con .study-card .card-tit em{font-size:30px;color:#FF412E;margin-left:15px;}
.left-con .study-card .card-con .con-tit{height:45px;border:1px solid #ECECEC;background:#fff;}
.left-con .study-card .card-con li{float:left;width:88px;height:45px;line-height:45px;text-align: center;}
.left-con .study-card .card-con .con-list{ text-align:center;height:280px;border:1px solid #ECECEC;background:#fff;}
.left-con .study-card .card-con .con-list i{display:inline-block;margin-top:50px;}
/*coupon*/
.left-con .coupon .coupon-tit{padding:20px;margin-bottom:30px;background:#fff;}
.left-con .coupon .coupon-tit h3{font-size:22px;font-weight:normal;color:#333;}
.left-con .coupon .coupon-tit em{font-size:30px;color:#FF412E;margin-left:15px;}
/*.left-con .coupon .sta{width:640px;height:330px;margin-bottom:40px;border-top:1px solid #fff;text-align:center;background:url(../Images/yh.png) no-repeat; }*/
.left-con .coupon .sta { margin:50px 0; background:url(../Images/yh.png) no-repeat #fff right bottom;margin-bottom: 20px;border: 1px dashed #ddd;border-bottom:none;text-align: center;}
.left-con .coupon .sta h3{font-size:25px;color:#353535;margin:10px 0;}
.left-con .coupon .sta li{line-height:25px;color:#868686;}
.left-con .coupon .sta .jh{display:inline-block;margin:20px 0;padding:10px 40px;font-size:18px;color:#fff;text-align: center;border-radius:3px;background:#FF412E;}
.left-con .coupon .two .jh-ok{display:inline-block;margin:20px 0;padding:10px 50px;font-size:18px;color:#fff;text-align: center;border-radius:50px;background:#2BB1B0;}
.left-con .coupon .sta .jh-use{display:inline-block;margin:20px 0;padding:5px 30px;font-size:18px;color:#fff;text-align: center;border-radius:30px;background:#D5D5D5;}
.left-con .coupon .sta .none{ display:block;margin-top:100px;}
.left-con .coupon .sta .have-none{color:#C4C4C4;font-size:18px;margin-top:10px;}



.user-main .right-con{ float:right;width:320px;background:#fff;}
.right-con .user-info-list{padding:20px 20px 40px 20px;}
.right-con .user-info .p-img{ float:left;width:65px;height:65px;border-radius:100%;overflow:hidden;}
.right-con .user-info .p-img img{ width:100%;vertical-align: middle;}
.right-con .user-info .info-list{float:left;position:relative;left:10px; top:10px;}
.right-con .user-info .info-list .operate{margin-top:15px;}
.right-con .user-info .info-list .operate a{color:#666;margin-right:15px;}
.right-con .bm img{ margin:10px 20px;}

.right-con .question {padding:20px;}
.right-con .question h3{border-left:3px solid #FD483F;padding-left:15px;margin-bottom:20px;}
.right-con .question ul {margin-left: 20px;}
.right-con .question li{color:#666;line-height:25px; text-decoration: underline}
.right-con .question .operate{margin:20px 0;}
.right-con .question .operate .more{text-decoration:underline;float:right;position:relative;right:20px;top:10px;}

/*优惠劵右边栏*/
.right-con .coupon-right{padding:25px;}
.right-con .coupon-right h3{font-size:16px;color:#333;margin:20px 0;font-weight:normal;}
.right-con .coupon-right p{color:#5E5E5E;}
.right-con .coupon-right .link input{width:100%;height:35px;margin:20px 0;line-height: 35px;border:1px solid #C3C3C3;}
.right-con .coupon-right .link a{padding:5px 20px;color:#fff;text-align: center;font-size:16px;bordr-radius:3px;background:#0794EC;}

/*学习卡右边栏*/
.right-con .card-right{padding:20px;}
.right-con .card-right h3{margin-bottom:30px;}
.right-con .card-right h3 i{position:relative;top:2px;right:5px;}
.right-con .card-right p{ line-height: 25px;}
.right-con .card-right .card-ques{margin-bottom:30px;}

.right-con .comment-right {padding:25px}
.right-con .comment-right .comment-item {margin-top: 20px}
.right-con .comment-right .comment-user {color:#999999;font-size: 13px;}
.right-con .comment-right .comment-time {color: #999999; font-size: 13px; }
.right-con .comment-right .more {margin-top: 30px; }
.right-con .comment-right .score {color: #F7493E;}

.zx{margin:20px;text-align:center;}
.zx .phone{font-size:18px;}
.zx h3{margin:20px 0;}
.zx p{color:#A8A8A8;margin:20px 0;}


.mic-status { border: 1px solid #999999;border-radius: 20px;display: inline-block;height: 20px;width: 20px;}
.mic-enabled {background-color: greenyellow}
.mic-na {background-color: darkgrey}
.mic-disabled {background-color: red}
.session-info span {display: inline-block; height: 26px;}

.student-comment { background-color: #FFFFFF; margin: 20px 0; padding: 10px; border:1px solid #C3C3C3;}
.student-comment label {line-height: 30px; }
.student-comment .star-desc {font-size: 24px; margin-left: 20px}

/*评论*/
.evaluate-bar { font-size:12px; color:#666;}
.l-con{ width:190px; float:left;  background:#ededed; padding:40px 15px;}
.l-con .class-info h2{ font-weight: normal; color:#333; position:relative; margin-bottom:30px;}
.l-con .class-info h2 span{ position:absolute; width:3px; background:#458be3; height:20px; left:-18px; top:0;}
.l-con .class-info li{ line-height:22px;}
.l-con .class-info li span{ width:120px; float:left; display:inline-block; }
.l-con .class-info li i{ font-style:normal;float:left; display:inline-block;width:62px;}

.r-con{ width:660px; float:left; background:#fff; padding: 0px 50px;}
.r-con .eva-box h2{ font-weight: normal; color:#333; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-bottom:25px;}
.r-con .eva-box .item{ margin-bottom:15px;}
.r-con .eva-box .item .title{ float:left; font-size:14px; height:25px; line-height:25px;}
.r-con .eva-box .item .starbox{ float:left;}
.r-con .eva-box .item .starbox li { float:left;}
.r-con .eva-box .item .starbox li a{ display:block; width:25px; height:25px; float:left; background: url(../Images/star.gif) no-repeat;}
.r-con .eva-box .item .star-title{ margin:0 10px; float:left; height:25px; line-height:25px; padding:0 5px; border-radius:3px; background:#f4f4f4;}
.r-con .eva-box .item .star-title span{ font-size:14px; font-weight:bold; color:#ff642e;}
.r-con .eva-box .item .pl-text textarea{ width:580px; background:#f8f8f8; border:1px solid #e7e7e7; color:#666; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif, "微软雅黑"；}
.r-con .eva-box .btnbox{ padding-left:70px; margin:20px 0;}
.r-con .eva-box .btnbox button{ margin-right:10px; font-size:14px; cursor:pointer; width:80px; height:32px;display: inline-block;border-radius: 5px;text-align: center;}
.r-con .eva-box .subbtn{background: none repeat scroll 0 0 #4587E7;color: #FFFFFF;}
.r-con .eva-box .canbtn {background: none repeat scroll 0 0 #f2f2f2;color: #666;}
.r-con .return{ text-align:right;}
.r-con .return a{ color:#666; text-decoration:underline;}


.m-r-main .photo{float: left;width: 50px;height:50px;overflow: hidden;border-radius: 100%;border: 1px solid silver;background: #ddd;}
.m-r-main .cominfo { float:left; width:580px; margin-left:20px;font-size: 13px;}
.m-r-main .cominfo .data{ float: right; margin:0 20px; color:#999;}
.m-r-main .cominfo .name{ color:#333; float:left;font-size: 16px; padding: 0 0 20px 0;}
.m-r-main .cominfo .pf{ text-align: left; /* float:right; */width: 100%;clear: both;margin-top: 8px;}
.m-r-main .cominfo .pf span{ margin-right: 10px;}
.m-r-main .cominfo .pf b{ color:#ff412e;}
.m-r-main .cominfo .text{ margin:10px auto;/* background: #f6f6f6; *//* padding: 10px; */}
.m-r-main .reply-box{ margin-top:25px; border:1px solid #dfaa65; padding:15px; border-radius:5px; position:relative;}
.m-r-main .reply-box i{ width:17px; height:11px; background:url(../Images/pl_ico.png) no-repeat; top:-11px; position:absolute;}
.m-r-main .reply-box .t-name{ color:#333;}
.m-r-main .reply-box .t-data{ color:#999; margin:0px 10px;}
.m-r-main .reply-box .text{ color:#d67901;}


.m-r-main .r-edit-box{ margin-top:25px; border: 1px solid #E8E8E8; padding:25px 15px; border-radius:5px; position:relative;background: #f9f9f9;margin-bottom: 20px;}
.m-r-main .r-edit-box i{ width:17px; height:11px; background:url(../Images/pl_ico.png) no-repeat 0 -11px; top:-11px; position:absolute;}
.m-r-main .r-edit-box .t-name{ color:#333;}
.m-r-main .r-edit-box .edit-t { margin-top:5px; /* background:#f5f5f5; */ padding:3px;}
.m-r-main .r-edit-box .edit-t input{ width:470px; height:26px; font-size:12px; color:#666; border:1px solid #dbdbdb;}
.m-r-main .r-edit-box .edit-t button{font-size:14px; cursor:pointer; width:60px; height:27px;display: inline-block;border-radius: 3px; background:#458be3; color:#fff;text-align: center;}

.m-r-main .r-edit-box .edit-t textarea{ border: 1px solid #E4E4E4; width:100%;height: 160px;margin-bottom: 10px;padding: 5px 0 0 5px;}



/*发布作业*/
.biaoti{height:30px; padding:20px;}
.biaoti h1{font-size:16px; color:#333; float:left;}
.biaoti .publish{ margin:0 70px; float:right; display:inline-block; height:28px; line-height:28px; padding:0 10px; border:1px solid #2aa383; border-radius:4px; font-size:14px; color:#2aa383; padding-right:25px; background:url(../Images/e_b_ico.png) no-repeat right -80px #fff;}
.biaoti .publish:hover{background:url(../Images/e_b_ico.png) no-repeat right -108px #07ad8d; color:#fff;}