@charset "utf-8";
/* CSS Document */

.user-left{width:18%; box-sizing:border-box;}
.user-right{width:82%; padding-left:30px; box-sizing:border-box;}

.userInfo-left{width: 35%; height:auto;padding: 70px 20px 40px 150px;box-sizing: border-box;}
.userInfo-right{width: 65%;margin-top: 20px}
.userInfo-right li{width: 50%;text-align: left;margin-top: 40px}
.userInfo-right li span {font-size: 24px;padding-right: 15px;font-size: 18px}
.userInfo-right li a {color:#e64a3b;padding-left: 15px;font-size: 14px}
.green-bt, .sttj input[type="button"]{border: 1px solid #e3e3e3;background: #f9f9f9;color: #888 !important;}
.green-bt:hover, .sttj input[type="button"]:hover {background: #e64a3b;color: #fff !important; border:1px solid #e64a3b;}
.history_title{
    display: block;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    padding-left: 20px;
    color: #333
}
.class-list{
    background: #fff !important;
}
.cz_btn{
    border: none !important;
background: #fff !important;
}
.nomar{
    padding-bottom: 40px;
}
.textbox:focus{border:1px solid #e64a3b;}

.green-bt, .grey-bt, .border .button, .sttj input[type="button"]{border-radius: 5px;}
.grey-bt, .border .button{color: #888 !important;}

.top-sort-tab{border: 1px solid #eee;}
.top-sort-tab li{border-left: 1px solid #eee;}
.top-sort-tab li:first-child{ border-left:0;}
.top-sort-tab .puton {background: #f4f4f4;}
.top-sort-tab .puton a{color: #888;}
.top-sort-tab a {color: #888;}

select,.textbox{border: 1px solid #dedede;}
select:focus{border:1px solid #e64a3b;}

.top-sort-option .on {color: #e64a3b;}
.title-style:before{background: #e64a3b;}
.courseOrder .operating .button a{border:1px solid #e64a3b;color: #e64a3b;}
.courseOrder .operating .evaluate a{background: #e64a3b; color:#fff;}
.courseOrder .operating .total{margin-left: 15px;}

.mycos-tab .active .inner {background:#e64a3b;}
.mycos-tab .kshi{color: #888;}
.mycos-tab .date{color: #80c3e8;}
.mycos-tab .active .name a, .mycos-tab .active .kshi a{ color:#fff;}
.progress .line {background: #e2eff6;}
.progress .lined {background:#80c3e8;}
.mycos-tab .active .inner:before{background: url(arrow-bot.png) no-repeat;}
.task-keshi .task-icon{border: 2px solid #80c3e8;color: #80c3e8;}
.task-keshi .button{border: 1px solid #dedede;color: #888;line-height: 29px;}
.task-keshi .button:hover {border: 1px solid #e64a3b;color:#e64a3b; background:none;}
.task-keshi:before{background: #80c3e8;}

.task-section .task-id{border: 2px solid #80c3e8;color: #e64a3b;}
.mycos-tab .active .type{background:url(mark-on.png) no-repeat;}
.mycos-tab .type{background: url(mark.png) no-repeat;}
.userInfo{background: url(person.jpg) no-repeat 50% bottom;background-size: cover;}
.task-keshi p a:hover {color: #80c3e8;}
.userInfo-right i {font-size: 30px;display: inline-block;margin-right: 10px; position: relative;top: 4px;}
.userInfo-right strong {display: inline-block;top: 8px;position: relative}
.myCourse li .button a{border: 1px solid #eee;color: #888;background: #f8f8f8;}
.myCourse li .button a:hover{ border:1px solid #e64a3b; color:#e64a3b; background:none;}
.blue-color, .link-color {color: #999;}

.fy_box .fengye a{border-radius: 3px;font-size: 14px;line-height: 34px !important;padding:7px;border: 1px solid #e3e3e3;margin: 0 5px;color: #5b5b5b;}


/*课时清单*/
course-keshi{ display: block;padding: 20px}
.chapter-name{font-size: 16px;padding: 0 15px 0 55px; height:44px; line-height:44px;background: #f6f6f6; font-weight: bold; color:#7e838c; position: relative; border: 1px solid #e6e6e6; box-sizing: border-box}
.chapter-box{padding: 15px 0 15px 15px; position: relative;}

.chapter-index{width:22px; height: 22px; border:3px solid #7e838c;border-radius: 50%; text-align: center; line-height: 22px;  position: absolute;left:15px;top:50%;margin-top:-14px;}
.section-name{font-size:14px;line-height:44px;font-weight:bold;height:44px; position: relative;  color:#919491; border:1px solid #e6e6e6; padding:0 15px; z-index: 9; background: #fafafa; box-sizing: border-box}

.chapter-box::before,
.keshi::before{ content: '';width: 1px; height: 100%; position: absolute;top:0; background: #e6e6e6; z-index: 1;}
.chapter-box::before{left:30px;}
.keshi::before{left:85px;}

.keshi{margin-left:15px; position: relative;}
.keshi .keshi-url{ display: block; position: relative; height: 44px; line-height: 44px;font-size: 14px; padding: 0 15px 0 105px; transition: .3s;}
.keshi .keshi-url:hover{color:#333; background: #f5fbfe}
.keshi .type-name{width: 75px; position: absolute;left:0;top:0; text-align: center; color:#919491 }
.keshi .unlearn{ cursor: default}
.keshi .unlearn:hover{ color: #333}
.keshi .learn-state{width: 16px; height: 16px; position: absolute;left:75px; border:2px solid #989aa1;border-radius: 50%;top:50%;margin-top:-10px; background: #fff; z-index: 9;}
.keshi .learn-state span{width:16px;height:16px; display: block; background-image: url(../course/learn-state.png); background-repeat: no-repeat; background-size: 100%;}
.keshi .learn-state .schedule-icon0{ background-image: none}
.keshi .learn-state .schedule-icon10,
.keshi .learn-state .schedule-icon20,
.keshi .learn-state .schedule-icon30{ background-position: 0 -16px;}
.keshi .learn-state .schedule-icon40,
.keshi .learn-state .schedule-icon50,
.keshi .learn-state .schedule-icon60{ background-position: 0 -32px;}
.keshi .learn-state .schedule-icon70,
.keshi .learn-state .schedule-icon90{ background-position: 0 -48px;}
.keshi .learn-state .schedule-icon100{ background-position: 0 0;}

.keshi .keshi-duration{float:right; font-size:12px; color:#a3a7a8; background: url(../course/play.png) no-repeat 0 50%; padding-left: 20px;}
.keshi .zl-link-tips{width:69px;height: 26px; line-height: 22px; background: url(../course/tips.png) no-repeat; color:#fff; position: absolute;left:50%;margin-left:-35px;top:-15px; text-align: center; display: none}
.keshi .zlicon{ float:right;width:44px;height: 44px;position: relative; z-index: 9;background: url(../course/icon-zl.png) no-repeat 50% 50%; position: relative;}
.keshi .zlicon:hover .zl-link-tips{ display: block;}
.keshi .zlicon-disabled{background:url(../course/icon-zl-dis.png) no-repeat 50% 50%; }
.keshi .free{color:#3ab57f; margin-left:15px;}
.keshi .purchased{color:#e7352b;}

.keshi-exam {padding-left: 105px;margin:5px 0;}
.keshi-exam a{color:#5b5b5b;line-height:24px;font-size:14px;}
.keshi-exam a:hover{color: #e64a3b}
.keshi-exam span{background: #fafafa; padding: 3px 6px;border-radius: 3px;margin-right: 10px}
.keshi-empty{ text-align: center;line-height: 88px;color: #9b9b9b;font-size: 14px; }
.r_content { margin:30px 30px 0 0}
.r_content li{border: 1px solid #eee; padding: 20px;width:47%;margin-left: 3%;margin-bottom: 30px;float: left;position: relative;box-sizing: border-box;background: url(me_icon_money.png) no-repeat right center;background-size: contain;}
.r_content li h4 {font-size: 16px;color:#333;font-weight: normal;margin-bottom: 15px}
.r_content li p {font-size: 14px;color: #999;}
.r_content li a {display: block;position: absolute;height: 30px;line-height: 30px;padding: 0 15px;right:20px;top: 50%;margin-top: -15px;font-size: 14px;color: #FF6600;border:1px solid #FF6600;border-radius: 20px}

/*add 20181188*/
div:after,ul:after,li:after { content: "";display: block; clear: both;}
em,i{ font-style: normal;list-style: none;}
input { outline: 0;  -webkit-appearance: none;}
.earnings ul {padding: 20px 0;background: #fffdec;}
.earnings ul li {box-sizing: border-box;width: 25%;float: left;padding: 20px 0;text-align: center;border-right: 1px solid #eeeeee;}
.earnings ul li span {color: #ff6600;font-size: 18px;line-height: 24px;display: block;}
.earnings ul li i {display: block;font-size: 18px;line-height: 24px;color: #333333;}
.earnings ul li em {display: block;font-size: 12px;line-height: 24px;color: #666666;}
 .earnings ul li input {  border: 1px solid #ff6600;  width: 120px;  height: 40px; box-sizing: border-box;  margin: 0 auto;  color: #ff6600;  font-size: 12px; line-height: 38px; background: #fff;  border-radius: 6px;}
 .earnings ul li:last-child { padding: 30px 0; border-right: none;}
.border td.empty {text-align: center; font-size: 14px; color: #bbb;padding: 150px 0px 40px 0px; line-height: 24px;}
.r_title .tabs li.puton a{
    color: #e64a3b;
}
.r_title .tabs li.puton{
    border-bottom: 1px solid #e64a3b;
}
.my-coslist .learned-bg{ background: #e64a3b !important;}
.statused1{
    display: block;
    width: 100%;
    text-align: left;
    color: #e64a3b;
}
/*课程表*/
.my-coslist .learn-button {padding: 10px 10px 20px 10px;}
.my-coslist .learn-button .button{width:50%; float:left;}
.my-coslist .learn-button a{ display:block;margin:0 10px; height:38px; line-height:38px; text-align:center;color:#e64a3b;border:1px solid #e64a3b;font-size:14px;}
.my-coslist .learn-button .main-button a{background:#e64a3b; color:#fff;}
/*2018-11-28改*/
#myRecord li{margin:20px;position:relative}
.puton_none{display:none}
.earnings{margin-top:20px;margin-bottom:30px}
.earnings ul{padding:20px 0;background:#fffdec}
.earnings ul li{box-sizing:border-box;width:25%;float:left;padding:20px 0;text-align:center;border-right:1px solid #eee}
.earnings ul li span{color:#f60;font-size:16px;line-height:24px;display:block}
.earnings ul li i{display:block;font-size:16px;line-height:24px;color:#333;font-style:normal}
.earnings ul li em{display:block;font-size:12px;line-height:24px;color:#666}
.earnings ul li input{border:1px solid #f60;width:120px;height:40px;box-sizing:border-box;margin:0 auto;color:#f60;font-size:12px;line-height:38px;background:#fff;border-radius:6px}
.earnings ul li:last-child{padding:30px 0;border-right:none}
.cartbox{float:left}
.cz_btn .f-left{float:right}
.cz_btn .f-right{float:left}
.r_tybottom{margin-bottom:15px}
.new_earn{margin:30px 0}
.new_earn ul{background:0 0}
.new_earn li{box-sizing:border-box;width:30%;float:left;padding:20px 40px;border-right:1px solid #eee}
.new_earn li:last-child{border:0}
.new_earn li span{font-size:18px}
.new_earn .earning_btn{display:block;float:right;height:26px;width:60px;text-align:center;line-height:26px;border-radius:4px;font-size:12px;color:#fff;background:#e64a3b;box-sizing:border-box}
.new_earn stong{font-size:20px}
.new_earn .earning_btn1{background:0 0;color:#e64a3b;border:1px solid #e64a3b}
.new_earn .earning_mt{margin-top:15px}
.my-coslist .type{
    right: 80% !important ;
    height: 30px !important;
    line-height: 30px !important;
    background: url("../list-icon1.png")repeat !important;
}