*{padding:0px;margin:0px;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */box-sizing:border-box;}
 html,body{width:100%;height:100%;min-height:720px;font-family:Arial,"Microsoft YaHei",PingFangSC-Regular,"Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
 .row,ul,p,a,a:hover,a:focus,h1,h2,h3,h4,h5,h6 {margin:0;text-decoration:none;}
 .container-fluid{position:relative;width:100%;margin:0 auto;padding-right: 0px;padding-left: 0px;min-width:1200px;}
 .content{width:1520px;margin:0 auto 70px; }
 img{vertical-align:middle}
 .a-block{display:block;width: 100%;height: 100%;}
 .table > thead > tr > th{  border-bottom: 0px solid #ddd; }
 .del-disabled{display:none}
 .btn-a{display:block;line-height:60px;font-size:20px;text-align:center;text-decoration:none;}
 .btn-a:hover;.btn-a:focus{text-decoration:none;}
 .transition{ -moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
 .icon-line{width:50px;display:block;height:5px;border-radius:5px;background:#ffb319;}
 .title-box{padding:70px 0 70px;text-align:center;}
 .title-box .title-text{font-size:42px;text-transform:uppercase;font-weight:bold;color:#021833}
 .title-box .title-text span{color:#fa1f53}
 .title-box .title-icon{margin:30px auto 20px;display:block;}
 .title-box .title-desc{color:#494a4c;font-size:24px;}
 .td_bg{background:transparent;}
 .tea_table td::selection {background:transparent;}
.tea_table td::-moz-selection {background:transparent;}
.tea_table td::-webkit-selection {background:transparent;}
.tea_allchecked{font-size:18px;margin-bottom:10px;}
.tea_allchecked input{width:18px;height:18px;margin-right:5px;  margin-top: 0;vertical-align:middle}
.tea_allchecked span{ vertical-align:middle}

.hide-codebox{display:none;z-index:9999;padding:10px 0;color:#333;width:140px;background:#fff;position:absolute;right:90px;top:55px; left: 0; right: 0;margin:auto;border:1px solid #988587;border-radius:5px}
.hide-codebox::after{content:"";position:absolute;display:block;width:0;height:0;border-width:8px 8px 8px 8px;border-style:solid;border-color:transparent transparent  #988587 transparent ;/*透明 黄 透明 透明 */position:absolute;    top: -16px;
    right: 0;
    left: 0;
    margin: auto;} 
.hide-codebox::before{display:block; content:"";position:absolute; width:0;height:0; border-width: 6px 6px 6px 6px;border-style: solid;z-index:999;border-color: transparent transparent #fff transparent ;position: absolute;top: -12px;
    right: 0;
    left: 0;
    margin: auto;}
.hide-codebox img{display: block;margin:0 auto;}
.person-navlist .person-navbtn{position:relative;}
.person-navlist .person-navbtn:hover  .hide-codebox{display:block}


 /*top*/
 .top-nav{padding:20px 0;position:absolute;top:0;z-index:999;left:0;right:0}
 .top-nav .content{margin-bottom:0;padding:0}
 .top-nav ul li:last-child{margin-right:0}
 .top-1{float:left;}
 .top-2{float:right;}
 .logo{float:left;height:60px; margin-right:60px;}
 .top-1 .nav-ul{float:left;height:60px;}
 .top-1 .nav-ul li,.top-2 .sign-ul li {font-size:16px;position:relative;line-height:60px;float:left;display:block;margin-right:45px;}
 .top-1 .nav-ul li a{display:block;color:#021833;font-weight:bold} 
 .top-1 .nav-ul li:after{content:"";position:absolute;bottom:10px;height:2px;width:0%;background:#021833;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
 .top-1 .nav-ul li.active a,.top-1 .nav-ul li:hover a{color:#ff3068}
 .top-1 .nav-ul li.active:after{content:"";position:absolute;bottom:10px;height:2px;width:100%;background:#021833}
 .top-2 .sign-ul{float:right;position:relative}  
 
 .top-2 .sign-ul li .sign-btn{position:relative;display:block;width:130px;line-height:36px;text-align:center;float:left;border-radius:60px;background:#f51247;color:#fff;margin-right:50px;margin-top:10px }
 .top-2 .sign-ul li .sign-btn1:hover{box-shadow:0 3px 15px #fe3a5f;margin-top:5px }
 .top-2 .sign-ul li .sign-btn2:hover{box-shadow:0 3px 15px #031e40;margin-top:5px }
 .top-2 .sign-ul li .sign-btn:nth-child(2){margin-right:0;background:#031e40}
 .top-2 .sign-ul li:nth-child(2):after{content:"/";position:absolute;top:.0rem;right: 50%;font-size:16px;color:#fff}
 
 .top-2 .sign-ul .dropdown {position: relative; }
 .top-2 .sign-ul .dropdown .active{width:50px;color:#fff;background: transparent url(../images/select-icon.png) no-repeat scroll right center;}
 .top-2 .sign-ul .dropdown div.CE-line{width:80%;margin:5px auto;border-top:1px dashed #ccc;}
 .top-2 .sign-ul .dropdown div.CE-li{padding:0 15px;}
 .top-2 .sign-ul .dropdown div.CE-li:hover{background-color:rgba(255, 255, 255, 0.1)}
 .top-2 .sign-ul .dropdown div.CE-li a{display:block;color:#fff;width:100%;line-height:34px;text-align:center;}
 .top-2 .sign-ul .dropdown div.CE-li:last-child a{border-bottom:0}
 .top-2 .sign-ul .dropdown-content{display: none;position: absolute;left:-15px;}
 .top-2 .sign-ul .dropdown-content div.CE-ul {background-color:rgba(3,30,64,0.5);border-radius: 5px;width:80px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 0px;}
 .top-2 .sign-ul  .dropdown:hover .dropdown-content {display: block;}
 .san {position:absolute;left:0;right:0;top:-8px;width: 0;height: 0;    margin: 0 auto;border-width:0 10px 8px;border-style: solid;border-color: transparent transparent rgba(3, 30, 64,0.5);}

 
 
 
 
   /*底部*/
 .footerbg{background:#1f2833;padding:50px 0 120px;color:#fff;}
 .footer-box.content{margin-bottom:0;padding:0}
 ul.footer-box  li{float:left;color:#fff;height: 120px;padding:0 75px 0 0; }
 ul.footer-box  li:last-child{margin-right:0;border:0} 
 ul.footer-box  li h4{font-size:26px;margin-bottom:25px; color: #fff;}
 ul.footer-box  li h4 a{ margin-bottom:25px; color: #fff;}

 ul.footer-box  li.list-contact{padding-left:0}
 ul.footer-box  li.list-contact a{color:#7a838e;font-size:16px;display:inline-block;margin-left:10px;}
 ul.footer-box  li.list-contact .contact-icon{color:#7a838e;font-size:20px;}
 ul.footer-box  li.list-contact .contact-num{margin-bottom:20px;}
  
 ul.footer-box  li.list-contact .contact-num:hover a{color:#9ea9b8}
 ul.footer-box  li.list-contact .contact-num:hover .contact-icon{color:#9ea9b8} 
 ul.footer-box li.list-contact.list-about a{margin-left:0}
 ul.footer-box li.list-contact.list-code .col-xs-6{text-align:center;color:#7a838e;padding:0;width:110px;} 
 ul.footer-box li.list-contact.list-code .col-xs-6 img{width:80px;display:block;margin:0 auto 10px;height:80px;}
 ul.footer-box li.list-contact.list-code .col-xs-6:last-child{margin-left: 40px;display:none}
 ul.footer-box li:last-child{padding:0;float:right;margin-right:80px}
 
 .footerbg  .beian{color: #7a838e;font-size: 16px;line-height:28px;}

 
 .footer-box .Follow-icon a{display:block;width:24px;height:24px;float:left;margin-right:30px;}
 .Follow-icon1{background:url(../images/link-icon.png)no-repeat 0 -31px;}
 .Follow-icon2{background:url(../images/link-icon.png)no-repeat -50px -31px;}
 .Follow-icon3{background:url(../images/link-icon.png)no-repeat -100px -31px;}
 .Follow-icon4{background:url(../images/link-icon.png)no-repeat -152px -31px;}
 .Follow-icon5{background:url(../images/link-icon.png)no-repeat -205px -31px;}
 .Follow-icon6{background:url(../images/link-icon.png)no-repeat -258px -31px;}
 .Follow-icon7{background:url(../images/link-icon.png)no-repeat -311px -30px;}
 .Follow-icon8{background:url(../images/link-icon.png)no-repeat -364px -30px;} 
 .Follow-icon9{background:url(../images/link-icon.png)no-repeat -416px -30px;}
 .Follow-icon10{background:url(../images/link-icon.png)no-repeat -470px -30px;} 
 
 .Follow-icon1:hover{background:url(../images/link-icon.png)no-repeat 0 0px;}
 .Follow-icon2:hover{background:url(../images/link-icon.png)no-repeat -50px -0px;}
 .Follow-icon3:hover{background:url(../images/link-icon.png)no-repeat -100px 0px;}
 .Follow-icon4:hover{background:url(../images/link-icon.png)no-repeat -152px 0px;}
 .Follow-icon5:hover{background:url(../images/link-icon.png)no-repeat -205px 0px;}
 .Follow-icon6:hover{background:url(../images/link-icon.png)no-repeat -258px 0px;}
 .Follow-icon7:hover{background:url(../images/link-icon.png)no-repeat -311px 0px;}
 .Follow-icon8:hover{background:url(../images/link-icon.png)no-repeat -364px 0px;} 
 .Follow-icon9:hover{background:url(../images/link-icon.png)no-repeat -416px 0px;}
 .Follow-icon10:hover{background:url(../images/link-icon.png)no-repeat -470px 0px;} 
 
 

 
 
 /*登陆页*/
 
 
 .sign-pagebg{background:#f0fcff url(../images/sign-bg.png);background-size:100%;min-width:1000px;}
 .sign-nav{background:#fff;position:relative} 
 .sign-nav .top-2 .sign-ul li{background: #faa30c;line-height: 45px;padding: 0 40px;border-radius: 45px;margin-top:7.5px;}
 .sign-nav .top-2 .sign-ul .dropdown-content{width: 100px;left: -22px; }
 .sign-nav .top-2 .sign-ul .dropdown-content .san:before{content:"";position:absolute;width:100%;height:30px;}
 .sign-nav .san {top: 10px;}
 .sign-nav .top-2 .sign-ul .dropdown-content div.CE-ul{margin-top: 18px;width:100%}
 
 .signbox{position:relative; width:1250px;height:680px;border-radius:12px;margin:65px auto;background:#fff url(../images/sign-conbg.png)no-repeat;background-size:auto 100%;}
 .sign-congirl{  max-width: 52%; position:absolute;bottom:0;left:-1%;} 
 .sign-form{width:50%;padding:45px 90px 0 0;float:right;} 
 .Tealogintitle{color:#022933;font-size:40px;text-align:center;font-weight:800;margin:120px auto  0px}
 .Tealogintitle span{display: block;width:40px;height:3px;margin:40px auto;background:#3eb5d2}
 
 .sign-formcon{margin:45px auto;}
 .input-list{position:relative;width:100%;margin-bottom:20px;font-size:16px;color:#57595c;padding:11px 15px;border-radius:10px;border:1px solid #c2c6cc;background:#fff;overflow:hidden;} 
 .input-list i{position:absolute;z-index:9999;width:32px;height:32px;display:block;top:50%;margin-top:-16px;right:10px;background:url(../images/sign-icon.png)no-repeat -98px -32px;background-size:auto 64px;}
 .input-list i.passeye{background:url(../images/sign-icon.png)no-repeat -98px 0px;background-size:auto 64px;}
 .input-list input{width:100%;line-height:36px;position:relative;border:0;padding-left:60px;outline:none;color:#666}
  input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#c2c6cc;font-size:14px;}
  input:-moz-placeholder { /* Mozilla Firefox 4 ~ 18 */color:#c2c6cc;font-size:14px;}
  input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c2c6cc;font-size:14px;}
  input:-ms-input-placeholder { /* Internet Explorer 10 ~ 11 */color:#c2c6cc;font-size:14px;}
  input::-ms-input-placeholder { /* Microsoft Edge */color:#c2c6cc;font-size:14px;}
  input::placeholder { /* 大部分现代浏览器 */color:#c2c6cc;font-size:14px;}
 
 .input-list span{position:absolute;z-index:9999;display:inline-block;line-height:36px;}
 .forget-password{padding:0px 20px;}
 .forget-password a{color:#faba4b;font-size:14px;height:20px;float:right;}
 .forget-password  a:hover{color:#f2a318;text-decoration:underline}
 .sign-regbtn{display:block;outline:none;font-size:16px;border-radius:70px;border:0;width:260px;height:70px;line-height:70px;color:#fff;background:#3eb5d2;margin:45px auto 0;}
 .sign-regbtn:hover{background: #17A3C5}
 .reg-careful {color:#919599;font-size:14px;margin:20px auto;}
 .reg-careful span{color:#fb941e}
 .reg-careful a{color:#5c9ff1} 
 
 .register-e-form{padding:13% 90px 0 0}
 .register-e-form .sign-inup{margin: 0px auto 60px;}
 .password-form  {padding:6.5% 90px 0 0}
 .password-form .sign-inup li:nth-child(1):before{content:"";width:0px;height:0px;}
 .password-form .sign-formtitle{width: 100%;} 
 .password-form .sign-inup{margin: 0px auto 60px;}
 .password-form .input-list input{padding-left:60px;} 
 
 .em-input-list .input-list:nth-child(1){width:70%;float:left}
 .em-input-list .input-list:nth-child(2){width:27%;float:right;padding: 0;background: #faa30c;border-color:#faa30c;} 
 .em-input-list .input-list button{outline:none;border: 0;padding: 18px 15px;background: #faa30c;width: 100%; display: block;color:#fff;}
 .em-input-list .input-list button:hover{background: #fa9b0c}
 
.filter-disabled {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.filter-box {position: relative;}
.filter-box select {display: none;} 
.filter-list {display: none;background:#fffbf0;width: 100%;max-height:140px;  position: absolute;top: 60px;left: 0; z-index: 99;border: 1px solid #c2c6cc;overflow: auto;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:20px 0;font-size:14px; }
.filter-list li.filter-null a {color: #d2d2d2;}
.filter-list li a {display: block;color:#919599;padding: 0 20px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.filter-list li:hover {background-color: #f2f2f2;}
.filter-list li.filter-selected {background-color: #fff0d6;}
.filter-list li.filter-selected a{display: block;color:#faa30c;}
.filter-list li.filter-disabled {background-color: #fff;}
.filter-list li.filter-disabled a{display: block;color: #d2d2d2;}
.filter-list li.filter-disabled:hover a {cursor: not-allowed!important;background-color: #fff;}
.icon {position: absolute;}
.icon-filter-arrow {width:14px;height:14px;background-repeat: no-repeat;background-image: url(../images/icon_arrow_down_x2.png);background-size: 100%;right: 10px;top: 50%;margin-top:-7px;transition: all .2s;}
.icon-filter-arrow.filter-show {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar {width: 4px;height: 4px;}
.filter-list::-webkit-scrollbar-track {background: #fff}
.filter-list::-webkit-scrollbar-thumb {background: #CBCBCB;}

 .sex-ul li{width:110px;float:left;margin: 10px;line-height:40px;color:#57595c;font-size:16px;text-align:center;background:#fff0d6;border-radius:60px;cursor:pointer}
 .sex-ul li.active{background:#faa30c;color:#fff}
 
 /*学生端-我的课程*/ 
 .personal-nav.teacher-nav{background:#f0fcff;position: relative; }
 .personal-nav .top-2 .sign-ul li{font-size:20px;}
 .personal-nav .top-2 .sign-ul li .dropdown .active{color:#021833}
 .personal-nav .top-2 .sign-ul li .dropdown .active{width:auto}
 .personal-nav .top-2 .sign-ul li after{content:""}
 .personal-nav .top-2 .sign-ul li .select-icon-person{display:inline-block;margin-left:10px;width:16px;height:8px;background: transparent url(../images/select-icon-person.png) no-repeat  0  -8px;background-size:16px;}
 .personal-nav .top-2 .sign-ul li:hover .select-icon-person{background: transparent url(../images/select-icon-person.png) no-repeat  0  0px;background-size:16px;} 
 .personal-nav .top-2 .sign-ul li .dropdown-content div.CE-ul{padding:6px 0;background-color: rgba(33,23, 20,0.14); border-radius: 5px; width:106px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);}
 .personal-nav .top-2 .sign-ul li .dropdown div.CE-li a{color:#57595c;font-size:18px;} 
 .personal-nav .top-2 .sign-ul li .dropdown div.CE-li:hover{background:transparent}
 .personal-nav .top-2 .sign-ul li .san{border-color: transparent transparent rgba(33,23, 20,0.115);}
 .personal-nav .top-2 .sign-ul li .dropdown-content{ left: auto;right:0}
 .personal-nav .top-2 .sign-ul li .san{left:auto;right:15px;}
 
 .person-box{width:1520px;position:relative;margin:80px auto; }
 .person-leftnav{width:22.3%;height:auto; padding:40px 0  ;float:left;background:#fafbfc;border-radius:10px;}
 .person-rightcon{width:1116px;padding-left:20px;float:right}
 .person-navlist{width:230px;margin:0 auto;font-size:16px;}
 .person-navlist .person-manbox{display:block;float:left;width:100px;height:100px;border-radius:50%;overflow:hidden;background:#edf4fa;}
 .person-navlist .person-manbox img{width:100%;height:auto}
 .person-maninfo{width:auto;max-width:100px;float:right;font-size:32px;color:#021833;text-align:center; }
 .person-manname{margin-top:25px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;} 
 .person-ulnav{margin:60px 0 110px;}
 .person-ulnav{width:290px;}
 .person-ulnav li{width:100%;line-height:56px; margin-bottom:20px;padding-left:30%;border-top-right-radius:50px;border-bottom-right-radius:50px;background:#edf4fa}
 .person-ulnav li.active, .person-ulnav li.active:hover{background:#3abfe0;color:#fff}
 .person-ulnav li a{color:#57595c;display:block}
 .person-ulnav li.active a, .person-ulnav li.active:hover a{color:#fff}  
 .person-ulnav li:hover  a{color:#3abfe0;}
 .person-navicon{width:22px;height:22px;display:inline-block;vertical-align:middle; margin-right:10px;}
 .person-ulnav li.active .person-navicon-my,.person-ulnav li.active:hover .person-navicon-my  {background:url(../images/tperson-navicon.png)no-repeat -3px -23px}  
 .person-ulnav li.active .person-navicon-yy,.person-ulnav li.active:hover .person-navicon-yy {background:url(../images/tperson-navicon.png)no-repeat -28px -23px}
 .person-ulnav li.active .person-navicon-shop,.person-ulnav li.active:hover .person-navicon-shop {background:url(../images/tperson-navicon.png)no-repeat -58px -23px}
 .person-ulnav li.active .person-navicon-cen,.person-ulnav li.active:hover .person-navicon-cen {background:url(../images/tperson-navicon.png)no-repeat -84px -23px}
 .person-ulnav li.active .person-navicon-grxx,.person-ulnav li.active:hover .person-navicon-grxx {background:url(../images/tperson-navicon.png)no-repeat -84px -23px}
 
 .person-ulnav li .person-navicon-my  {background:url(../images/tperson-navicon.png)no-repeat -3px -0px} 
 .person-ulnav li .person-navicon-yy {background:url(../images/tperson-navicon.png)no-repeat -28px -0px}
 .person-ulnav li .person-navicon-shop {background:url(../images/tperson-navicon.png)no-repeat -58px -0px}
 .person-ulnav li .person-navicon-cen {background:url(../images/tperson-navicon.png)no-repeat -84px -0px}
 .person-ulnav li .person-navicon-grxx{background:url(../images/tperson-navicon.png)no-repeat -84px -2px}
 
 .person-ulnav li:hover .person-navicon-my  {background:url(../images/tperson-navicon.png)no-repeat -3px -46px} 
 .person-ulnav li:hover .person-navicon-yy {background:url(../images/tperson-navicon.png)no-repeat -28px -46px}
 .person-ulnav li:hover .person-navicon-shop {background:url(../images/tperson-navicon.png)no-repeat -58px -46px}
 .person-ulnav li:hover .person-navicon-cen {background:url(../images/tperson-navicon.png)no-repeat -84px -46px}
 .person-ulnav li:hover  .person-navicon-grxx{background:url(../images/tperson-navicon.png)no-repeat -84px -47px}
 
 .person-navbtn{width:100%;display:block;border-radius:60px; margin-top:20px;text-align:center;line-height:56px;height:56px; border:1px solid #7285f3;color:#7285f3;}
 .person-navbtn.active,.person-navbtn:hover{background:#7285f3;color:#fff;margin-top:20px;}
 .person-navbtn .person-navicon-kf{background:url(../images/tperson-navicon.png)no-repeat -107px -23px}  
 .person-navbtn:hover  .person-navicon-kf{background:url(../images/tperson-navicon.png)no-repeat -107px -46px} 
 
 .person-titlehead{margin-top:60px;border-bottom:1px solid #e1e7ed;}
 .person-titlehead .person-titletext{ ;color:#021833;font-size:22px;float:left}
 .person-titlehead .person-titlehead-r{float:right;}
 .person-titlehead1{padding-bottom:10px;padding-left:10px;}
 .titlehead-btn{font-size:14px;}
 .titlehead-btn,.titlehead-btn:hover,.titlehead-btn:focus{ display:inline-block;padding:4px 13px;color:#faa30c;background:#fff4e0;border-radius:60px;}
 .person-minebox{min-height:360px; }
 .person-mineinfobox{min-height:440px; }
 .empty-show{text-align:center;padding: 0;display:none}
 .empty-show  .empty-desc{font-size:16px;color:#919599;text-align:center;margin-top: -20px;}
 .empty-show .btn-a{margin:30px auto;width:240px;height:40px;line-height:40px;font-size:16px;}
   
 .person-recordsbox{min-height:820px;}
 .person-recordsbox .person-titlehead{margin-top:0} 
 .area-headtitle{position:relative;z-index:999;border-left:4px solid #3abfe0;padding-left:10px;font-size:28px;line-height: 30px;margin:55px 0 20px 0;}
 .area-headtitle.curr-headtitle{ border-left:0 ;padding-left:0px; }
 .curr-headtitle i{width:13px;height:26px;display:inline-block;vertical-align:middle; margin-right:10px;background:url(../images/tperson-navicon.png)no-repeat -165px -46px}
 .headtitle-line{position:relative;padding-left: 5px;}
 .headtitle-line:before{background:#d7f5fd;content:"";height:4px;width:110%;position:absolute;bottom:5px;left:0;z-index:-1}

.headtitle-zytab {position:relative;border-bottom:1px solid #dedede;}
.headtitle-zytab .headtitle{color:#333;border-bottom:2px solid transparent;line-height:1.8;display: inline-block;margin-right:60px;margin-top:10px;font-size:24px;} 
.headtitle-zytab .headtitle.active{border-bottom:2px solid #3abfe0}
 #scroll-topmess{font-size:20px; overflow:hidden;height:44px;line-height:22px;}
 #scroll-topmess .mingdan li{position:relative;display:table; height:44px;width:100%; }
 #scroll-topmess .mingdan li a{color:#333;display:table-cell; vertical-align:middle;}
 #scroll-topmess .icon-laba{position:relative;height:22px;vertical-align:text-bottom;margin-right:10px;display:inline-block;}
.headtitle-zytab .upbtn {background: #7e8ff5;
color: #fff;
display: inline-block;
padding: 0px 20px;
border-radius: 100px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
line-height: 30px;
height: 30px;
font-size: 16px;}

.jfzl-box .jfzl-item {width:100%;padding:5px 0;border-bottom:1px solid #f2f2f2;}
.jfzl-box .jfzl-item  .imgbox{width:40px;height:40px;display:inline-block;vertical-align: middle;background: transparent;}
.jfzl-box .jfzl-item  .imgbox img{width:auto;height: 100%}
.jfzl-box .jfzl-item .title{width:38%;display:inline-block;padding:0 1%;vertical-align: middle;position :relative;  }
.jfzl-box .jfzl-item .title-label{    font-size: 14px;color: #666666;width:32%;padding:0 1%;display:inline-block;vertical-align: middle;position :relative;  }
.jfzl-box .jfzl-item .desc {display:inline ;}
.text-center{text-align:center;}



#inputfile .up-dataitem{display: inline-block;width: 300px;background: #fff;border: 1px solid #ccc;height: 40px;line-height: 40px;text-indent: ;padding: 0 15px;border-radius: 5px;} 
#inputfile .item{margin-bottom:10px;}
#inputfile .up-dataitem input{width:100%;}
 /*教师端-课件*/
 .curr-con{padding-left:20px;}
 .curr-ul {margin:30px 0}
 .curr-ul li{font-size:22px;color:#022933;margin-bottom:10px;}
 .curr-ul li:last-child{margin-bottom:0}
 .curr-ul li i{display:inline-block;width:22px;height:22px;background:url(../images/tperson-navicon.png)no-repeat -180px -46px;margin-right:10px;}
 .curr-table{border-collapse: separate;border-spacing: 0;border-radius:10px;border:1px solid #e6eced;text-align:center;font-size:16px;table-layout: fixed; } 
 .curr-table thead { color:#fff;background:#3abfe0}
 .curr-table thead th{font-size:22px;font-weight:normal;} 
 .curr-table.table > thead > tr >th{padding:15px 10px ;}
 .curr-table.table > tbody > tr > td{ padding:15px 10px ;vertical-align:middle;}
 .curr-thbtn{width:300px; }
 .curr-btn.curr-play{margin-right:20px;}
 .curr-btn, .curr-btn:hover, .curr-btn:focus {width:70px;border-radius:70px;display:inline-block; line-height:32px;border:1px solid #7285f3;color:#7285f3;text-decoration:none; }
 .curr-btn:hover{background:#7285f3;color:#fff}
 .curr-table  td:nth-child(1){border-left:0}
 .curr-table  td{border-left:1px solid #e6eced;border-top:1px solid #e6eced;}
 .curr-table tr:first-child th:first-child {border-top-left-radius: 12px;}
 .curr-table tr:first-child th:last-child {border-top-right-radius: 12px;}
 .curr-table tr:last-child td:first-child {border-bottom-left-radius: 12px;}
 .curr-table tr:last-child td:last-child {border-bottom-right-radius: 12px;}
 
 
 /*课堂反馈*/
 .feedback-con{padding-left:20px;}
 .feedback-ul {margin:40px auto}
 .feedback-ul li{width:180px;height:150px;margin-bottom:20px;float:left;border:1px solid #f2f4f5;margin-right:25px;background:url(../images/feedbackbg.png);border-radius:10px;overflow:hidden;background-size:100% 100%;color:#575b5c;font-size:16px;text-align:center;padding: 30px 0;}
 .feedback-ul li:nth-child(5n){margin-right:0}
 .feedback-ul li a{color:#7285f3;font-size:36px;line-height:45px;}
 .area-headtitle2{color:#022933;font-size:22px;margin : 40px 0;}
 .area-headtitle2 i{display:inline-block;vertical-align:top;width:22px;height:22px;background:url(../images/tperson-navicon.png)no-repeat -180px -46px;margin-right:5px;}
 .feedback-btn,.feedback-btn:hover,.feedback-btn:focus{width:auto;padding:0 10px;background:transparent;color: #7285f3}
 .feedicon-back{display:inline-block;width:22px;height:22px;background:url(../images/tperson-navicon.png)no-repeat -110px 2px;margin-right:5px;
    vertical-align: text-bottom;}
 .feedicon-look{display:inline-block;width:22px;height:22px;background:url(../images/tperson-navicon.png)no-repeat -134px 2px;margin-right:5px;
    vertical-align: text-bottom;}
/*星星样式*/
 .atar_Show{background:url(../images/stark2.png); width:100px; height:17px;  position:relative;margin:0 auto }
 .atar_Show p{ background:url(../images/stars2.png);left:0; height:17px;max-width:100px;overflow:hidden  } 



 
  /*免费领取试听 弹框*/
 .freelisten-frame{display:none; width:820px;padding-bottom: 25px; position:fixed; top:12%;left:0;right:0;margin:auto; background-color:#fcfeff;z-index:10000; border-radius:20px;margin-bottom:40px; }
 .zhezhao {width:100%;height:100%;min-height:720px;background-color:#021833;filter:alpha(opacity=88);-moz-opacity:0.88;opacity:0.88; position:fixed;left:0px;top:0px;display:none;z-index:9999; }  
 .btnclose-frame{position:absolute;z-index:999999;right:20px;top:20px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.3);overflow:hidden;}
 .btnclose-frame img{cursor:pointer;display:block;width:22px;margin:9px auto;}
 .head-frame{position:relative;text-align: center;height:280px;border-top-right-radius:20px;border-top-left-radius:20px;background:url(../images/tanbox-bg.png)no-repeat;background-size:100% 100%}
 .head-frame-boyimg{position:absolute;right:-5px;top:115px;}
 .head-frame-title{width:86%;padding:40px 0 25px;text-align:center;margin:0 auto;font-size:50px;color:#fff;letter-spacing:4px;}
 .head-frame-title span.othercolor{color:#fc2350}
 .head-frame-icon {position:relative;text-align:center;margin-bottom:25px;}
 .head-frame-icon:before{content:"";width:70%;z-index:0;position:absolute;left:0;right:0;margin:auto;height:1px;background:#fcb736;top:50%;}
 .head-frame-icon span{position:relative;z-index:999;display:inline-block;text-align:center;padding:0 15px;background:#faa30c;}
 .head-frame-icon span img{height:22px;}
 .head-frame-text{background:#fdd186;letter-spacing:1px;text-align:center;color:#80550d;font-size:18px; width:55% ;margin:0 auto; padding:5px 25px;border-radius:100px; }

 .frame-levelul{margin:10px auto 40px}
 .frame-levelul li{cursor:pointer;margin-bottom:17px;font-size:18px;line-height:24px;color:#57595c}
 .frame-levelul li span{display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:10px;background:url(../images/sign-icon.png)no-repeat -136px -40px;background-size:auto 64px;}
 .frame-levelul li.active span{background:url(../images/sign-icon.png)no-repeat -136px -8px;background-size:auto 64px;}
 .frame-levelul li:last-child{margin-bottom:0}
 
 .body-frame{width:530px;margin:20px auto;color:#021833;font-size:20px;}
 .form-musticon{color:#faa30c;padding:5px; vertical-align: middle;  display: inline-block;}
 .body-frame2{display:none}
  table{table-layout: fixed;word-break: break-all; word-wrap: break-word;} 
 .body-frame table tr { height:90px;padding:15px 0 }
 .body-frame table tr.tr-sex{ height:60px;padding:0}
 .body-frame table tr td:nth-child(1){ width:200px;padding-right:20px;text-align:right;}
 .body-frame table tr td:nth-child(2){ width:410px;}
 .frame-inputbox{width:100%;}
 .frame-inputbox input{width:100%;outline:none;padding:0 20px;font-size:16px;color:#57595c;line-height:60px;height:60px;border:1px solid #c2c6cc;border-radius:10px;background:transparent}
 .frame-btn{display:block;text-align:center;margin:30px auto 0;border:1px solid #7285f3;line-height:56px;width:320px;color:#7285f3;font-size:22px;border-radius:100px;}
 .frame-btn:hover, .frame-btn:focus {text-decoration:none;color:#fff;background:#7285f3;box-shadow:0 3px 15px #7285F3;margin:30px auto 0; } 

 #freelisten-frame1{width: 820px;top:50%;height:780px;margin-top:-390px;}
 #freelisten-frame1 .head-frame{height:280px;}
 
 
 /*提示 弹框*/ 
 .freelisten-frame .body-warnframe{padding:30px 11% 30px;background:url(../images/tanbox-bgplan.png)no-repeat right 10% top 40%}
 .freelisten-frame  .body-warnframe2 {padding: 0px 15% 30px;background: url(../images/tanbox-bgplan2.png)no-repeat right 20% top 5%}
 .freelisten-frame .body-warnframe .warn-message{color:#57595c;font-size:19px;text-align:center;line-height:38px;padding:40px 0 ;}
 .freelisten-frame .body-warnframe .warn-message .color-yellow{color:#fff23d;}
 .freelisten-frame  .warnhead-frame{height:210px;background:url(../images/tanbox-bg2.png)no-repeat;background-size:100% 100%}
 .freelisten-frame .warnhead-frame .head-frame-title{font-size:44px; height: 155px; padding:50px 0 0px;}
 .freelisten-frame .warnhead-frame .head-frame-title span.centerline{line-height:60px;display: inline-block;vertical-align: middle;}

 
  /*学生端-我的课程 （弹框-敲黑板注意了！）*/
 .defaultwarn-frame{ background:transparent}
 .head-frame-title span.othercolor2{color:#faa30c}
 .defaultwarn-frame .body-warnframe .warn-message{text-align:left;font-size:20px;color:#fff;padding:40px 0}
 .defaultwarn-frame .head-frame {height: auto;background: transparent;margin-bottom: 20px;}
 .defaultwarn-frame .head-frame .head-frame-title{width:90%;height:auto;padding:0 } 
 .defaultwarn-frame .body-warnframe .frame-btn{ background:transparent;border:1px solid #fff}
 .defaultwarn-frame .body-warnframe .frame-btn:hover, .defaultwarn-frame .body-warnframe .frame-btn:focus{box-shadow: 0 3px 15px #000000;}
 
  /*学生端-我的课程 （弹框-校对时间）*/
 .timewarn-frame{display:none;}
 .timewarn-frame .body-warnframe2{padding:0 0 30px;}
 .timewarn-frame .head-frame-text{width:90%;line-height:28px;background:rgba(50, 73, 100, 0.83);color:#fff;text-align: left;padding: 10px 0 10px 100px;}
 .timewarn-frame .head-frame-icon:before{background:#375274;width:100%} 
 .timewarn-frame .head-frame-icon span{background:#21344c}
 .timewarn-frame .timewarn-title{width:75%;margin:0 auto;position:relative}
 .timewarn-frame .head-frame-timeimg{position:absolute;left:-35px;top:-60px;z-index:9999}
 .timewarn-frame .nowtime-title{text-align:center;margin-top: 45px;color:#fff;font-size:28px;letter-spacing:2px;}
 .timewarn-frame .head-frame-icon{margin: 25px auto;}
 .timewarn-frame .nowtime-num{text-align:center;color:#faa30c;font-size:34px;margin-bottom:50px;}
 .timewarn-frame .nowtime-num a{border-radius:60px;color:#6b90bb;display:inline-block;font-size:14px;background:rgba(50, 73, 100, 0.83);vertical-align:middle;padding:7px 20px;}
  
  
  /*学生端-取消课时*/
 .tips-frame .head-frame{height: 150px;background: url(../images/tanbox-bg3.png)no-repeat; background-size: 100% 100%; } 
 .tips-frame .body-warntitle{position:relative;letter-spacing:1px;background:#faf4e9;padding: 10px 20px;border-radius:100px;text-align:center;color:#824906;font-size:16px;width:90%;text-align:center;margin:0 auto 20px; }
 .tips-frame .body-warntitle .color-pink{color:#fb2151;}
 .tips-frame .body-warnframe{background: url(../images/tanbox-bgplan.png)no-repeat right 10% top 15px;background-size: auto 84px;}
 .tips-frame .body-warnframe .warn-message{padding:20px 0 40px}
 .tips-frame .tips-contime{letter-spacing:2px;font-size:26px;text-align:center;color:#824906;}
 .tips-frame .tips-conname{letter-spacing:2px;font-size:22px;text-align:center;color:#824906;}
 .tips-frame .tips-conline{border-bottom:1px dashed #e0ddda;margin:15px auto}
 .tipsframe-btnbox{padding:0 40px;}
 .tipsframe-btnbox a,.tipsframe-btnbox a:hover,.tipsframe-btnbox a:focus{width:43%;float:left;margin:0}
 .tipsframe-btnbox a:last-child{float:right;color:#673800;background:#ffecf0}
 .tipsframe-btnbox a:last-child:hover, .tipsframe-btnbox a:last-child:focus{box-shadow: 0 3px 15px #ffd7e0;}
 .tips-frame .tips-titleimg{position:absolute;left: -44px;top: 50%;margin-top: -32px;}

 
 /*教师端-提示*/
 .teacherwarn-frame .head-frame-title {color:#fff}
 .teacherwarn-frame .warn-message{text-align:center !important;position:relative;}
 .teacherwarn-frame .warn-message .color-blue{color:#4fdcff}
 .teacherwarn-frame .warn-message .teacherwarn-num{font-size:30px;text-align:center;color:#fff;display:block;width:50px;height:50px;line-height:45px;background:url(../images/tperson-navicon.png)no-repeat -203px -25px;position:absolute;left:40px;top:20px}
 
 
 
 /*预约课程-非空白页*/  
 .subscribebox{margin-top:50px;}
 .subscribe-l{float:left;text-align:left;font-size:14px; color:#919799; line-height:32px;}
 .subscribe-l i, .subscribe-l span{cursor:pointer;color:#cbd0d4;display:inline-block;min-width:30px;height:32px;border-radius:5px;background:#fafbfc;vertical-align:middle;margin:0 2px;padding:0px 10px;}
 .subscribe-l span.nowweek{background:#3abfe0;color:#fff}
 .subscribe-l span.nowweek:hover{background:#3bc9ec}
 .subscribe-l i.icon-angle-right:before, .subscribe-l i.icon-angle-left:before{ font-size: 22px;line-height:32px;} 
 .subscribe-l i:hover {background:#f0fcff}
 .subscribe-l .tip{font-size:14px;}
 .subscribe-l .tip img{margin-right:5px;}
 .subscribe-r{ font-size:16px; float:right; color:#022933;padding-right:20px;}
 .data-now {font-size:16px;}
 .data-now i{display:inline-block;width:22px;height:22px;vertical-align: bottom;background:url(../images/tperson-navicon.png)no-repeat -286px -3px}
 .data-now  span{color:#022933;font-size:20px;padding:0 10px;}


 .subscribe-courselsit{ height:auto;position:relative;padding-right:15px; }
  .subscribe-courselsit.subscribe-courselsit_show{display:block}
  .subscribe-tabbox .subscribe-tab{font-size:20px;cursor:pointer;color:#021833;display:inline-block;margin-right:10px;background:#fff4e0;padding:10px 40px;border-top-left-radius:10px;border-top-right-radius:10px;}
  .subscribe-tabbox .subscribe-tab.active{background:#faa30c;color:#fff}
  .subscribe-desc{float:right}
  .subscribe-desc li{float:left;padding-top:10px;margin-right:25px;font-size:16px;color:#919599}
  .subscribe-desc li:last-child{margin-right:0}
  .subscribe-desc li span{display:inline-block;margin-right:8px;vertical-align:middle;width:30px;height:15px;border-radius:15px;border:1px solid #e1e7ed}
 .subscribe-coursebox{position:relative;height:760px;border:1px solid #e1e7ed;border-radius:10px;  overflow-x: auto;margin:25px 0px 15px;border-radius: 10px;border-top-left-radius:0;}
  .subscribe-yes{background:#a576d5;color:#fff; position:relative;z-index: 1 }
  .subscribe-yz{background:#faa30c;color:#fff; position:relative;z-index: 1 }
  .subscribe-open{background:#3abfe0;color:#fff;position:relative; z-index: 1 }
  .subscribe-appraise{background:#ffa019;color:#fff ;position:relative;z-index: 1}
  .subscribe-gray{background:#e1e7ed;position:relative;z-index: 1}
 .subscribe-old{background:#a7abae;color:#fff;position:relative; z-index: 1 }
.arrow_btn {width:20px;color:#a7abae;line-height:70px;height:70px;font-size:30px;cursor: pointer;position:absolute;z-index:999;}
.arrow_btn.arrow_left{left:140px;padding:0 40px 0 0;} 
.arrow_btn.active{color: #3abfe0}
 .arrow_btn.arrow_right{right:0px;padding:0 20px 0 20px }
.tea_table .left_active,.tea_table .right_active{cursor: pointer;} 
.arrow_left img,.arrow_right img{width: 35px;}
.tea_table .tea_table{border-right: none;width: 880px;overflow: hidden;position: relative;}
.tea_table table{position: absolute;top: 0;left: 0;text-align:center;table-layout: fixed; border-collapse: collapse;margin-bottom: 0px;} 
.tea_table table tbody{background:#fff}
.tea_table table tr th{ font-weight:normal;text-align:center;border-bottom:1px solid  #e1e7ed;padding:15px 0}
.tea_table table tr{position:relative;}
.tea_table table tr th .week{font-size:18px;} 
.tea_table table tr th .time{display:inline-block;padding:1px 10px;margin-top:5px;border-radius:20px;font-size:14px;color:#fff;background:#3abfe0;}
.tea_table table tr td{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;border-right:1px solid  #e1e7ed;width: 134px ;vertical-align: middle;height:40px;  font-size: 16px;}
.tea_table table tr td:last-child{border-right:0}
 
 /*滚动条样式
.subscribe-courselsit::-webkit-scrollbar { width:0px;  height:0px; }
.subscribe-courselsit::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); background   : #999;}
.subscribe-courselsit::-webkit-scrollbar-track { box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px; background   : #ededed;}
 .subscribe-courselsit{ -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: none; }  */
.icon-angle-right:before,.icon-angle-left:before{line-height:70px}

.tea_table  #trHead{font-size:18px;  vertical-align: middle;}
.tea_table table tr td.tableHeadLeft{pointer-events:none;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }


/*td点击弹框*/
.td-tip {display:none;position: absolute;z-index:9999;min-height:260px;min-width:210px;max-width:300px;color:#021833;font-size:16px;text-align:center;padding:50px 20px 20px;background:url(../images/td-tipbg.png);background-size:100% 100%/*#fffcf7*/ ; }
.td-tip h4{line-height:28px;margin-bottom:10px;color:#022533;font-size:22px;} 
.td-tip p{color:#085370}
.td-tip .del{display:block;margin:40px auto 0;width:50px;height:50px;border-radius:50%;overflow:hidden ;background:#dfecf8 url(../images/tperson-navicon.png)no-repeat -265px -35px} 
 
 /*我的课表-主页*/
.main-box{padding-left:20px;}
.Scroll-left{ position:relative;margin:20px 0 60px;}
.Scroll-left .bd{width:1000px;left:40px;position: relative; overflow: hidden;}
.Scroll-left ul li {margin:10px;
    background-color: #fff;
	border-radius:10px;
	border:1px solid #e1e7ed;
	box-shadow:0 0 10px #e1e7ed;
    margin-right:30px;
    box-sizing:content-box;
    text-align: center;
    float: left;
    width: 298px;
    height:260px;
    -webkit-transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
} 
.Scroll-left .next, .Scroll-left .prev {
    opacity: 0.5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    width: 28px;
    height: 62px;
    line-height: 62px;
    color: #333;
    text-align: center;
    font-size:30px;
    font-weight: 400;  font-family: simsun; transition: all ease-in .4s; }
.Scroll-left .prev  { left: 0px; }
.Scroll-left .next { right: 0px; }
.Scroll-left .prev:hover{ opacity: 1;color:#3abfe0 }
.Scroll-left .next:hover { opacity: 1;color:#3abfe0  }
 
.picList .picList-time{padding:30px 20px 0;color:#022533;font-size:18px;}
.picList .picList-course{height:100px;padding:10px 20px 15px;color:#919799;font-size:16px;}
.picList .picList-course {display:-webkit-box; vertical-align: middle; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
 
.picList .picList-course p,.picList .picList-time p{margin-bottom:5px}
.picList .picList-btn{padding:0 20px 10px;color:#7285f3;font-size:16px;}
.picList .picList-btn .person-navbtn{margin:0;width:46%;margin-right:8%;float:left;line-height: 38px;height: 40px;}
.picList .picList-btn .person-navbtn:last-child{margin:0;}
 
 
 /*日历*/
 .data-box {padding-left:25px;}
 .data-time1{float:left}
 .data-title{color:#022933;font-size:26px;font-weight:bold;text-align:center;width:100%;line-height:54px;background:url(../images/data-titlebg.png)no-repeat;background-size:100% 100%}
 .data-time1 .data-now{margin:15px auto 30px;text-align: center;color:#616566}
 .data-time1 .data-now span {color:#616566;font-size:16px; padding: 0 10px ;}
.flatpickr-calendar:after, .flatpickr-calendar:before{display:none}
.flatpickr-calendar.inline {border-radius:10px;overflow:hidden;max-width: 460px;width: 460px;max-height: 370px;height: 370px;}
.flatpickr-current-month {font-size: 26px;padding: 20px 0px 10px;width: 80%;margin:0 auto}
.flatpickr-month { background: #3abfe0; color: #fff;fill: #fff;padding: 0;}
.flatpickr-next-month svg, .flatpickr-prev-month svg {width: 20px;position: absolute;top: 50%;margin-top: -10px;}
.flatpickr-next-month svg:hover, .flatpickr-prev-month svg:hover {fill: #fff;font-weight:bold;}
.flatpickr-current-month .cur_year{width:100px;float:right;font-weight:bold;text-align: right;}
.flatpickr-current-month .cur_month{line-height: 32px;float:left}

 .flatpickr-rContainer{max-width: 440px;width: 440px;margin:20px auto;}    
 .flatpickr-day{width:14.28%;height: 36px;font-size: 16px;line-height:36px;}
 .flatpickr-day.today,.flatpickr-day.today:focus, .flatpickr-day.today:hover {color:#fff;border-color: #7285f3!important;background: #7285f3!important;}
 .flatpickr-day.selected, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover{border-color:#3ABFE0;background: #3ABFE0;color: #fff;}
 .flatpickr-weekdays{  padding-bottom: 15px;margin-bottom:10px;  border-bottom: 1px dashed #dfe3e7;}
 span.flatpickr-weekday {font-size: 26px;color: #022933;height: auto;line-height: 26px;}
 
 
 .data-time2{float:left;padding-top: 60px;width:540px; margin-left:30px; }
 .data-time2 .subscribe-desc{float:none;padding-left:40px; padding-bottom:10px} 
 .data-timeline{max-width:100%}
 .data-timelist{margin :10px 0 25px;margin-left:20px;border-left:1px dashed #dfe3e7}
 .data-timelist>p{position:relative; padding-left:20px;font-size:20px;color:#021833;}
 .data-timelist>p::after{content:"";position:absolute;z-index:9999;left:-5px;top:10px;width:10px;height:10px;border-radius:50%;background:#3abfe0}
 .data-timelist>p::before{content:"";position:absolute;z-index:999;left:-1px;top:0px;width:1px;height:20px;background:#fff}
 .data-timelist ul{padding-left:20px;font-size:16px;color:#57595c;}
 .data-timelist ul li{width:12%;margin-top:8px;float:left;margin-right:2%;border:1px solid #e1e7ed;border-radius:5px;text-align:center;line-height:30px;}

 .td-tip.picList {padding:30px; min-width:300px;}
 .td-tip.picList p{color:#021833} 
 .td-tip.picList .picList-time { padding: 0 0 20px;font-size:16px;border-bottom:1px solid #e1e7ed;}
 .td-tip.picList .picList-course{ padding:10px 0 10px;}
 .td-tip.picList .picList-btn{ padding:10px 0 15px;}

 
 .tea_table table tr th {
    width: 134px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #e1e7ed;
    padding: 15px 0;
}
 .position_th{background:#fff;z-index:99}
 
 
 
 /*个人中心*/
 .grzx-navbox{margin-top:40px}
 .grzx-navbox li{float:left;margin-right:10px;background:#fafbfc;line-height:54px;text-align:center;width:200px;font-size:20px;color:#333;border-top-left-radius:10px;border-top-right-radius:10px}
 .grzx-navbox li.active{background:#3abfe0}
 .grzx-navbox li a{display:block;color:#333;}
 .grzx-navbox li.active a, .grzx-navbox li.active:hover a{color:#fff;}
 .grzx-navbox li:hover a{color:#3abfe0}
 
 .close-inputbtn{cursor:pointer;line-height:20px;font-size:16px;position:absolute;top:-30px;right:5px;}
 .close-inputbtn i{vertical-align: bottom;margin-right:10px;width:20px;height:20px;display:inline-block;background:url(../images/icon-block.png)no-repeat -6px -40px;}
 .close-inputbtn.active i{background:url(../images/icon-block.png)no-repeat -6px -10px;}
 .data-inputbox{color:#a0a5a7;font-size:16px;padding:50px 70px 100px;position:relative;border:1px solid #e1ebed;border-radius:10px;border-top-left-radius:0;}
 .data-inputbox tr td{ position:relative}
 .calendar{position:absolute;width:40px;height:40px;left:360px;top: 10px;}
 .data-inputbox tr td:first-child{min-width:110px;font-size:18px;vertical-align:top;padding-top:16px;}
 .data-inputbox input, .data-inputbox > select{padding:0 10px;outline:none;line-height:40px;height:40px;width:400px;border-radius:5px;border:1px solid #c2cacc}
 
 .data-inputbox tr{height:60px;}
 .data-inputbox .sex-select span{vertical-align:middle;cursor:pointer;background:#ebeeff;color:#7285f3;display:inline-block;margin:0 10px;width:100px;height:45px;line-height:45px;text-align:center;border-radius:60px;}
 .data-inputbox .sex-select span.active{background:#7285f3;color:#fff}
 .data-inputbox .sex-select.sex-selectdis span{background:#ececec;color:#7285f3;}
 .person-userbtnbox{display:none;width:400px;padding:20px 20px 0 75px}
 .person-userbtnbox .person-userbtn{line-height:40px;width:120px;display:block;text-align:center;margin-right:20px;float:left;background:#7285f3;color:#fff;border-radius:40px;}
 .person-userbtnbox .person-userbtn:last-child{background:#ebeeff;color:#7285f3;}
 
 .data-inputbox .sex-select.sex-selectdis  span{background: #fafbfc; color: #a0a5a7;} 
 .data-inputbox .sex-select.sex-selectdis  span.active{background: #ebebe4;}
 .data-inputbox input[disabled]{ cursor: default;background-color: #ebebe4;}
 
 .person-userbox{display:inline-block;width:150px;height:150px;border-radius:50%;overflow:hidden;}
 .person-userbox img{width:100%;min-height:100%;}
 .person-photobtn{display:inline-block; vertical-align: super;cursor:pointer}

 .data-inputbox .filter-box{ width: 400px;}
 .data-inputbox .filter-list{background:#fff;top:38px;padding:0 0 10px;max-height: 115px;}
 .data-inputbox .person-userinput .icon-filter-arrow {  background-image: url(../images/icon_arrow_down_x3.png);} 
 .data-inputbox .filter-list li.filter-selected {background-color: #e5faff;}
 .data-inputbox .filter-list li.filter-selected a{color:#7285f3;}
 .data-inputbox .filter-list li:hover {background-color: #fafbfc;}

 
 /*日期插件*/
 .layui-laydate-footer{display:none;}
.layui-laydate .layui-this { background-color: #3abfe0!important;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover { color: #3abfe0;}
 
 /*教育背景*/
 .jybj-ul  li{ position: relative;width:100%;padding-right:40px}
 .jybj-ul  li .item{position:relative;float:left;margin : 5px auto;margin-right:1%;} 
 .jybj-ul  li .item:nth-child(5n){margin-right:0}
 .jybj-ul  li .item-1{width:19.2%;min-width:155px}
 .jybj-ul  li .item input{width:100%}
 .jybj-ul  li .item .calendar{width:30px;height:30px;left:auto;right:5px;top:5px; }
 .jian-btn{display:none;position:absolute;right:0;cursor:pointer; top: 50%; margin-top: -16px;}
 .jia-btn{display:none;cursor:pointer;margin:10px auto}
 .jybj-ul  li .item-3{ width:486px;margin-right:0px !important;}
 
 
 .fileinput-button {position: relative; display: inline-block; overflow: hidden;  } 
 .fileinput-button input{ position:absolute; right: 0px; top: 0px; opacity: 0;  -ms-filter: 'alpha(opacity=0)';  font-size: 200px;}
 .scbtn,.scbtn:hover,.scbtn:focus{outline:none;width:100px!important;padding:0 20px;vertical-align:middle;border:0;line-height:36px;color:#fff;border-radius:60px!important;background:#7285f3;text-align:center;display:inline-block}
 .btn-tips{height:26px;margin-left:5px;position:relative;display:inline-block;vertical-align:middle;} 
 .btn-tips img{cursor:pointer; float: left;}
 .btn-tips p{ min-width: 380px; display:none ;background:#f3f5ff;color:#7285f3;font-size:14px;padding:5px 10px;border-radius:5px;position:relative;top:-30px;right:-35px}
 .btn-tips p:after{content:"";position:absolute;bottom:-10px;left:10px;width: 0;height: 0;border-top: 15px solid #f3f5ff;border-right: 15px solid transparent;}
 .btn-tips:hover p{display:block;}
 .data-inputbox input.scbtn[disabled]{background:#7285f3;}
  
  
 .filter-pthzs{margin:10px 0}
 .data-inputbox .filter-box.filter-pthzs,.data-inputbox .filter-pthzs input{width:180px; }
 .pthzs-btn  .scbtn{line-height:28px}
 .pthzs-btn  .btn-tips { height: 30px;}
 
 /*复选框*/
.nlzs-ul{margin-top:20px;}
.nlzs-ul li{margin-bottom:10px;}
.gcs-checkbox {
  display: none;
}
.gcs-checkbox+label {
  background-color: white;
  border-radius: 0px;
  margin:0;
  border: 1px solid #d3d3d3;
  border-radius:4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  line-height: 20px;
}
.gcs-checkbox+label:hover {
  cursor: pointer;
  border: 1px solid #7285f3;
}
.gcs-checkbox:checked+label {
    border: 1px solid #7285f3;
  background-color: #7285f3;
 background: #7285f3;
}
.gcs-checkbox:checked+label:after {
  content: "\2714";
  color: white;
}
 
 /*身份证*/
 .sfz-imgbox{margin-top:20px;}
 .sfz-imgbox .sfz-item{position:relative;width:236px;height:140px;float:left;margin-right:20px;}
 .sfz-tiptext{margin:10px auto;color:#c2cacc;font-size:14px;}
 .sfz-imgbox .sfz-item img{max-height: 140px;max-width:236px;}
 
 /*课堂反馈*/
 .appraise-itembox{width:86%; margin-top:60px;padding:10px;position:relative;border:1px solid #e7eaeb;border-radius:10px;}
 .appraise-itembox .titlebox{padding:0 10px;font-size:22px;background:#fff;position:absolute;top:-20px;left:20px;}
 .appraise-itembox .titlebox img{margin-left:10px;}
 .appraise-itembox .imgbox{width:70px;height:70px;position:absolute;left:30px;}
 .appraise-itembox .imgbox img{width:100%;min-height:100%;}
 
 .appraise-itembox.appraise-stubox{height:130px;padding:30px 10px 10px 120px}
 .appraise-itembox.appraise-stubox .namebox{font-size:16px}
 .appraise-itembox.appraise-stubox .namebox span{font-size:30px;padding-right:2px}
 .appraise-itembox.appraise-stubox .atar_Show{margin-left:0;margin-top:8px;}
 .appraise-itembox.appraise-stubox .atar_Show{display:inline-block; }
 .appraise-itembox.appraise-stubox .satar_box span{ font-size:16px;padding:0 5px;line-height:14px;vertical-align: text-top;}
 
 .appraise-teachbox{margin-bottom:40px;}
 .appraise-teachbox textarea{background:#f8fbfd;border-radius:10px;border:0;width:100%;height:240px;resize:none;outline:none;padding:20px;font-size:16px;line-height:28px; }
 .appraise-btnbox a{display:block;float:left;margin-right:40px;width:120px;height:40px;line-height:40px;border-radius:40px;color:#7285f3;background:#ebeeff;text-align:center;font-size:16px;}
 .appraise-btnbox a:first-child{ color:#fff;background:#7285f3;}
 .appraise-btnbox a:last-child{margin-right:0}
 .td-appraisetip.picList .picList-btn .person-navbtn:last-child{background:#7285f3;color:#fff}
 
 /*课酬统计*/
 .area-headtitle2 .btn-tips p { min-width: 420px;  padding: 10px;}
 .area-headtitle2  .btn-tips { vertical-align: text-bottom;}
 .area-headtitle2 .btn-tips img{  height: 100%;}
 
 .total-datebox{display:inline-block;font-size:18px;padding:0 20px;height:46px;margin: 20px auto 0;}
 .total-datebox > .bluebg{display:inline-block;background:#f7fafc;padding:5px;border-radius:5px}
 .total-datebox > .bluebg >span{display:inline-block;position:relative;margin:0 5px;height:36px;line-height:36px;}
 .total-datebox > .bluebg >span > input{ width: 150px;font-size:16px;padding:0 10px;outline:none;border-radius:5px;border:0}
 .total-datebox > .bluebg >span > img{position:absolute;top:10px;right:10px;}
 .total-datebox .totalbtn{display:inline-block;  vertical-align: middle;border-radius:5px;background:#3abfe0;width:36px;height:36px;}
 .total-datebox .totalbtn img{display:block;margin:10px auto;}
 
 .total-pricebox {margin:25px auto 10px;}
 .total-pricebox li{font-size:16px;color:#687df2;float:left;margin: 0 22px;}
 .total-pricebox li:last-child{margin-right:0}
 .total-pricebox li img{vertical-align: baseline;display:inline-block; }
 .total-pricebox li span{color:#687df2;font-size:24px;padding-right:5px;}
 .total-pricebox li span.titlebox{color:#797e80;font-size:18px;padding-left:10px;}
 
 .total-table {width:98%;font-size:16px;margin-left:2%}
 .total-table   thead{color: #333; background: #f0f2ff;}
 .total-table.table > thead > tr > th{font-size:15px;border-left:1px solid #ddd;font-weight: bold}
 .total-table.table > thead > tr > th:first-child{border-left:0px solid #ddd;}
 .total-table .total-xqbtn{color:#7285f3}
 .total-table .total-xqbtn:hover{color:#8d9eff} 
 
 
 .total-table.table > thead > tr > th.rq{width:120px;}
 .total-table.table > thead > tr > th.sj{width:110px;}
 .total-table.table > thead > tr > th.kc{width:160px;}
 .total-table.table > thead > tr > th.ks{width:160px;}
 .total-table.table > thead > tr > th.sjkc{width:100px;}
 
 /*个人信息-上传简历表格*/
 .sclist-table{width:76%} 
 .sclist-table th,.sclist-table{text-align:center;}
 .sclist-table th:first-child{width:80px;}
 .sclist-table a, .sclist-table a:hover{padding:0 10px;color: #8c9bf6}
 .sclist-table tr{line-height:45px;height:45px}
 .sclist-table tr td:first-child {padding-top: 0;}


 
 
 
/* 我的课程tab切换*/
 .empty-show{text-align:center;padding:40px 0 0;display:none}
 .empty-show  .empty-desc{font-size:16px;color:#919599;text-align:center;margin-top: -20px;}
 .empty-show .btn-a{margin:30px auto;width:240px;height:40px;line-height:40px;font-size:16px;}
 
 
 .person-mineinfobox{min-height:440px; }
 .person-mineinfobox .nav-tabs{border:0}
 .person-mineinfobox .nav-tabs > li{margin-right:60px;}
 .person-mineinfobox .nav-tabs > li:last-child{margin-right:0}
 .person-mineinfobox .nav-tabs > li.active > a, .person-mineinfobox .nav-tabs > li.active > a:hover, .person-mineinfobox .nav-tabs > li.active > a:focus {color:#21b1d5;border:1px solid transparent;border-bottom: 3px solid #21b1d5; border-bottom-color: #21b1d5;}
 .person-mineinfobox .nav-tabs > li > a{color:#021833}
 .person-mineinfobox .nav-tabs > li a .tips{border-radius: 50%;border:2px solid #d90505;color:#d90505;line-height:16px;width:20px;height:20px;font-size:14px;display: block;position: absolute;top: 8px;right: -10px;text-align: center; }
 .person-mineinfobox .nav > li > a:hover, .person-mineinfobox .nav > li > a:focus{border-color: transparent;background-color:transparent;color: #21b1d5;}
 .person-mineinfocon{padding:20px 0 0 40px;}
 .person-mineinfotime{ margin-right:10px;display: inline-block; vertical-align: middle;}
 .person-titlehead-r p{color:#919599; }
 .person-titlehead-r .color-red{color:red} 
 .course-minelist{width:970px;box-shadow:0px 12px 36px -24px #d6e1ec;margin-top:40px ;padding:20px  0px;background:#fafbfc;border-radius:10px;}
 .course-minelist .course-teainfo{width:230px;padding:0px 20px;float:left;text-align:center;}
 .course-minelist .course-teainfo .course-teaimgbox{background:#fff;width:110px;height:110px;margin:10px auto;border-radius:50%;overflow:hidden}
 .course-minelist .course-teainfo .course-teaimgbox img.course-teaimg{width:100%}
 .course-minelist .course-teainfo .course-teanamebox{height:40px;font-size:22px;color:#021833;text-align:center; display: -webkit-box;vertical-align: middle; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 .course-minelist .course-timeinfo {width:500px;min-height:204px;float:left;padding:20px 20px 0;border-left: 3px solid #c8d7db;}
 .course-minelist .course-timeinfo h1{display: table-cell; vertical-align: middle;}
 .course-minelist .course-timeinfo h1{height:auto ;line-height:38px;font-size:20px;color:#021833;font-weight:600;margin-bottom:20px;display:-webkit-box; vertical-align: middle; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 .course-minelist .course-timeinfo p{height:24px; color:#585959;font-size:28px; line-height: 24px;}
 .course-minelist .titlehead-btn{color:#99958d;margin-top:30px;  background: #def6fc;}
 .course-minelist .course-btninfo{margin-top:20px;width:240px;float:left;padding-right:40px;}
 #dpj .course-minelist .course-btninfo{margin-top:0 !important}
 
 .bkxj-frame{position:fixed;z-index:9999;top:15%;left:0;right:0;margin:auto;font-size:16px;line-height:24px;background:#fff;width:520px;padding:40px;border-radius:5px;box-shadow: 0px 8px 20px -15px #ccc;border:1px solid #dedede}
 .bkxj-frame .title{font-size:18px;margin-bottom:5px}
 .bkxj-frame .area{border:1px solid #dedede;border-radius:5px;padding:10px;width:100%;height:70px;resize:none;margin-bottom:10px;outline:none;}
 .bkxj-frame .btnbox{ background: #7285f3;outline:none;border-radius:5px;color:#fff;font-size:16px;line-height:45px;height:45px;display:block;margin:10px auto 20px;border:0;width:260px;}
 .bkxj-frame .btnbox:hover{background:#7e8ff5}
 .bkxj-frame .closebtn{font-size:42px;position:absolute;right:20px;top:20px;cursor:pointer}
 
 
 .sec-coursebtnbox a{color:#333;display: inline-block;border-radius: 100px;font-size:16px;margin: 0 5px;line-height: 40px;height:40px;box-sizing: content-box;padding:0 20px;border: 2px solid #21b1d5;}
 .sec-coursebtnbox a.active{background: #21b1d5;color:#fff;}
 
 
 
 
 
   .course-btninfo .course-cancelbtn,.course-btninfo  a{position:relative;display:block;width:100%;line-height:40px;font-size:16px;background:transparent;color:#7285f3;margin-top:10px;border:1px solid #7285f3;text-align:center;border-radius:40px;}
   .course-btninfo .course-cancelbtn:hover,.course-btninfo  a:hover{ color:#fff;background:#7285f3;text-decoration:none;}
 .course-btninfo p{color:#919599;height:20px;font-size:14px;margin:15px 0 20px;text-align:center;} 
 .course-btninfo a.channel-btn:last-child, .course-btninfo a.channel-btn:last-child:hover, .course-btninfo a.channel-btn:last-child:focus{margin-top:10px;float:right;right:20px;font-size:16px;color:#b2b4b8;position:relative;width:auto;z-index:99;border:0;display: inline-block;background:transparent;}
 .course-btninfo a.channel-btn img{height:20px;margin-right:10px} 

 .before-test,.before-test:hover,.before-test:focus{color:#7293f5;display:inline-block; margin: 0px auto;border:1px solid #7293f5;border-radius:40px;height:34px;line-height:34px;text-align:center;font-size:14px;padding:0 15px;}
 .before-test:hover,.before-test:focus{color:#fff;background:#7293f5;}
  
 .area-headtitle .data-now{margin-left:50px;}
 
.course-btninfo .course-cancelbtn .down{display:none;width:100%;text-align:center; position:absolute!important;left:0;right:0;top:40px;margin:auto; }
 .course-btninfo .course-cancelbtn .down li{display:inline-block;max-width: 50%;}
 .course-btninfo .course-cancelbtn .down a {margin:5px 0;padding:0 20px;line-height: 30px;height:30px;}
.course-btninfo .course-cancelbtn:hover .down{display:block;}


 .new_videoul li{ position: relative;top:0;margin-top:20px;float:left;width:23.5%;margin-right:2%}
 .new_videoul li:hover{top:-5px;}
 .new_videoul li:hover .title{color:#7285f3}
 .new_videoul li:nth-child(4n){margin-right: 0;}
 .new_videoul li a{display:block;width:100%; }
 .new_videoul li .imgbox{width:100%;height:160px;background:#dedede;margin-bottom:10px;border-right: 5px;overflow: hidden}
 .new_videoul li .imgbox img{width:100%;min-height: 100%}
 .new_videoul li .title {font-size:17px;line-height:24px;color:#333}
 .new_videoul li .desc {font-size:14px;color:#666666}




 .fg-line{display:block;max-width:96%;margin:10px auto}
 .status-dskbtnbox .inline-list{display:inline-block;text-align:center;vertical-align:middle}
 .status-dskbtnbox .inline-list.title{margin-left:55px;width:120px;color:#021833;font-size:16px}
 .status-dskbtnbox .inline-list.title img{display:block;margin:5px auto;}
 .status-dskbtnbox .inline-list.icon{width:64px;margin-top:30px}
 .status-dskbtnbox .inline-list.users{margin-left:65px}
 .status-dskbtnbox .inline-list.users li{width:115px;float:left;}
 .status-dskbtnbox .inline-list.users li .imgbox{position:relative;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;overflow:hidden;}
 .status-dskbtnbox .inline-list.users li .imgbox img{position:relative;width:100%;height:auto}
 .status-dskbtnbox .inline-list.users li .sex{height:13px;margin:0 5px;display:inline-block;vertical-align:middle}
 .status-dskbtnbox .inline-list.users li .imgbox .pjbtn{display:none;position:absolute;z-index:999;background:rgba(0,0,0,.59);left:0;top:0;right:0;bottom:0;padding:12px;margin:auto;color:#fff;font-size:14px;text-align:center;width:100%;height:100%;}
 .status-dskbtnbox .inline-list.users li .imgbox:hover .pjbtn{display:block;}
 .status-dskbtnbox .inline-list.users li .cpbtn{color:#7293f5;display:inline-block;padding:0px 8px;line-height:18px;border-radius:50px;font-size:12px;background:#def6fc;}
 .status-dskbtnbox .inline-list.users li .cpbtn:hover{background:#7293f5;color:#FFF}
 .status-dskbtnbox .inline-list.users li .nametext{max-width:90px;vertical-align: middle;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }



 .filter-studylevel{width:400px;margin:30px 0  }
 .filter-studylevel .filter-list {top:45px;max-height:200px;background: #fff;}
 .filter-studylevel .filter-list li.filter-selected a{color:#3abfe0}
 .filter-studylevel .filter-list li.filter-selected {background-color: #edf4fa;}
 .person-userinput{width: 100%;outline: none;overflow:hidden;font-size: 16px;color: #57595c;line-height: 45px;height: 45px;border: 1px solid #e1e7ed;border-radius: 10px;background: #fff;}
 input.person-userinput{padding: 0 20px;}
 .person-userinput input{background:transparent;border:0;outline:none;padding: 0 20px;width:100%}
 .person-usertable .filter-box .filter-list{top:44px;}
 .person-usertable .filter-list{border: 1px solid #e1e7ed;}
 .person-userinput .icon-filter-arrow {background-image: url(../images/icon_arrow_down_x3.png);}
 .person-userinput[disabled], .person-userinput input[disabled]{background:#edf4fa}
 .course-studyul{padding:10px 20px;font-size:16px;line-height:24px;background:#fffdfa;border-top:3px solid  #3abfe0;}
 .course-studyul >li{padding:15px;border-bottom:1px solid #e9eff5}
 .course-studyul > li:last-child{border-bottom:0}
 .course-studyul > li i{width:22px;height:22px;vertical-align:text-bottom;background:url(../images/iconcourse-study.png)no-repeat  -4px -4px;display:inline-block;margin:0 10px;}
 .course-studyul > li.locked i{background:url(../images/iconcourse-study.png)no-repeat  -4px -34px;}
 .course-studyul > li .title{float:left;}
 .course-studyul > li .down{float:right;position:relative;}
 .course-studyul > li .zxitem{font-size:14px;width:90px;text-align:center;display:inline-block;border-radius:50px;margin-left:10px;line-height:28px;background:#edf4fa;color:#3abfe0; }
 .course-studyul > li .zxitem:hover{background:#3abfe0;color:#fff}
 .course-studyul > li .zxitem.none,.course-studyul li .zxitem.none:hover{background:transparent;color:#919599}
 .course-studyul > li.locked .zxitem,.course-studyul li.locked .zxitem:hover{background:#e1e7ed;color:#919599}

 .course-studyul > li  .zxitem:hover .down-zxitem{display:block;}
 .course-studyul > li  .zxitem .down-zxitem{display:none;line-height: 20px; font-size: 14px;right: 0; margin: auto; left: 0;position:absolute;width:auto;top:28px;border-radius:5px;background:#fff;border:1px solid #dfdfdf;z-index:999}
 .course-studyul  >li  .zxitem .down-zxitem li{width:100%;}
 .course-studyul  >li  .zxitem .down-zxitem li a{color:#333;display:block;padding: 10px;}
 .course-studyul  >li  .zxitem .down-zxitem li a:hover{ color:#fff;background:#3abfe0}




 @media (max-width: 1600px){
  .subscribe-coursebox{height:653px}
	.content {width: 1200px; padding:0}
	.top-nav{padding:10px  0}
	.top-1 .nav-ul li{font-size:18px;}
	.top-2 .sign-ul li{font-size:16px;}
	.top-2 .sign-ul li .sign-btn{width:100px; font-size: 16px;} 

	ul.footer-box li h4 {font-size: 20px;}
	ul.footer-box li.list-contact .contact-num {margin-bottom: 15px;}
 
	/*个人中心-我的课程*/
		/*弹框-已领取试听机会弹框*/
	.freelisten-frame{width:640px;}
	.freelisten-frame .body-warnframe{padding:20px 11% 15px;}
    .freelisten-frame .warnhead-frame{height:120px;}
    .freelisten-frame .warnhead-frame .head-frame-title{font-size:34px;height: auto;padding: 25px 0 0px;}
    .freelisten-frame .body-warnframe .warn-message  {font-size:18px;padding:35px 0} 

    /*个人中心-我的课程 （弹框-校对时间）*/
    .timewarn-frame .head-frame-text{font-size:16px;line-height: 24px;}
    .timewarn-frame .nowtime-title{font-size:22px;}
    .timewarn-frame .head-frame-timeimg{left: 0px;top: -30px;height: 105px;}
    .timewarn-frame .nowtime-num{font-size:26px;}
    .timewarn-frame .head-frame-icon {margin: 15px auto;}
    .timewarn-frame .nowtime-num{margin-bottom: 35px;}
    .timewarn-frame .nowtime-num a{padding:5px 20px;}
 
    /*弹框-取消课时*/ 
    .tips-frame .warnhead-frame .head-frame-title{padding:40px 0 0 0 ;}
    .tips-frame .body-warnframe .warn-message{padding:10px 0 30px}
    .tips-frame .body-warntitle {padding: 5px 15px; font-size: 16px; margin:0px auto 20px;}
	.tips-frame .tips-contime {letter-spacing: 1px;font-size: 22px;line-height: 32px;}
	.tips-frame .tips-conname{letter-spacing: 1px;font-size: 20px;line-height: 32px;}
	.tips-frame .tips-conline{margin:12px auto} 
	.tips-frame .tips-titleimg {left: -38px;height: 50px;margin-top: -25px;}
	.tips-frame .teachwarn-btnbox{text-align:center;}
	.tips-frame .teachwarn-btnbox a{width: 200px;display:inline-block;margin:0 20px;} 
	.feedback-frame .feedback-conbox {padding: 10px 15px;font-size: 14px;line-height: 24px;}
	.feedback-closebtn,.feedback-closebtn:hover,.feedback-closebtn:focus{margin-top:0}
	
    .appraise-frame.tips-frame .body-warnframe .appraise-message .head-frame-icon {margin-bottom: 10px;}
	.appraise-teacherbox .appraise-teachertext{font-size:22px;} 
	.xzw_starSys .description{margin-top:10px;font-size:18px}
	
	
	
	.feedback-ul li{width:220px;height:140px;margin-right:40px;}
	.feedback-ul li a {font-size: 32px;line-height: 40px;}
	
 

	/*注册登录*/
	.signbox{width: 1000px;height: 544px;}
	.sign-inup li{font-size:22px;padding: 0 40px;}
	.input-list span{font-size:14px;}
	.input-list{padding:5px 10px;}
	.em-input-list .input-list button{padding:13px 5px;font-size:14px;}
	.Tealogintitle{font-size:34px; margin: 80px auto 0px;}
	.sign-formtitle{position:relative;width:80%;margin:0 auto;font-size:16px;color:#57595c;text-align:center;}
	.sign-inup-other li{font-size:14px;width:29%;margin-right: 6.5%;padding: 7px;}
	.sign-inup-other {margin: 0px auto 15px;}
	.sign-formcon {margin: 30px auto;}
	.sign-regbtn{margin-top:35px;  height: 56px; line-height: 56px;}
    .password-form .sign-formtitle{width: 100%;font-size:14px;} 
    .password-form .sign-formtitle span{padding:0 5px}
    .password-form .sign-inup {margin: 0px auto 45px;}
    .sign-inup li:nth-child(1):before{height:15px;margin-top:-5px;}
	.sign-nav .top-2 .sign-ul li{padding:0 25px;}
 
	
	 .person-box{ position:relative;margin:60px auto;}
	 .person-navlist{width:180px;}
	 .person-navlist .person-manbox{width:80px;height:80px;}
	 .person-maninfo{font-size:26px;}
	 .person-manLV{font-size:16px;}
	 .person-ulnav{width:215px;margin:50px 0 85px}
	 .person-ulnav li {height:45px;line-height: 45px;margin-bottom: 15px;padding-left:23%}
	 .person-navbtn{height:45px;line-height: 45px;}  
	 .person-titlehead1 { padding-bottom: 5px;}
	 .person-titlehead {margin-top: 45px;}
	 .person-titlehead-r,.titlehead-btn{font-size:14px;}
	 .person-mineinfocon {padding: 10px 0 0 30px;}
	 .person-mineinfocon {padding: 10px 0 0 30px;}
     .curr-thbtn {width: 220px;}
	 .curr-btn.curr-play {margin-right: 10px;}
	.area-headtitle{font-size:26px;margin: 40px 0 20px 0;line-height: 24px;}
	.area-headtitle2{font-size:22px;}
	.area-headtitle2 i{}
	.curr-ul li {font-size: 20px; margin-bottom: 5px;}
	.curr-table thead th { font-size: 20px;} 
	
	/*课堂反馈*/
	.feedback-ul li{width:190px;height:125px;margin-right:15px;}
	.feedback-ul li a {font-size: 26px;line-height: 34px;}

	
	/*预约课程-非空白页*/ 
	.tea_table table tr td{width: 104px ;height:36px;} 
	.subscribe-r {font-size: 14px;}
	.subscribe-l, .data-now  span {font-size: 16px; padding: 0 5px;}
	.subscribe-tabbox .subscribe-tab{font-size:18px; padding: 8px 30px;}
	.subscribe-desc li{font-size:12px;margin-right:15px}
	.subscribe-desc li span{width:25px;}
	.tea_table table tr td{width: 120px ;height:36px;font-size:16px;  padding: 0px;}
	.tea_table table tr th .time{font-size:12px;}
	.tea_table table tr th .week {font-size: 16px;}
	.subscribe-teacherbox{font-size:20px}
	.select-teacher{  width: 300px;font-size: 14px;}
    .appraise-teacherbox .appraise-teacherinfo{font-size:12px;} 
	.appraise-teacherbox .appraise-teacherinfo .appraise-teaimgbox {width: 45px;height: 45px;}
    .subscribe-teacherbox .teachername{font-size:14px;width: 300px;height: 45px;line-height: 45px;}
    
	
/*主页*/ 
 .Scroll-left .bd{left:40px;width:760px;} 
 .Scroll-left ul li {  margin-right:20px; width: 225px; height:200px	}
.picList .picList-time{padding:20px 15px 0;font-size:16px;}
.picList .picList-course{height:88px;padding:5px 15px 15px;font-size:14px;}
.picList .picList-course p,.picList .picList-time p{margin-bottom:2px}
.picList .picList-btn{padding:0 15px 10px;font-size:14px;}
.picList .picList-btn .person-navbtn{margin:0;width:46%;margin-right:8%;float:left;line-height: 28px;height: 30px;}
.picList .picList-btn .person-navbtn:last-child{margin:0;}
 
	
/*日历*/
.data-title{font-size:22px;}	 
.flatpickr-calendar.inline{max-width:350px;width:350px;height:310px;}
.flatpickr-rContainer{max-width:330px;width:330px}    
.flatpickr-current-month{padding: 15px 0px 10px;font-size:22px;}
span.flatpickr-weekday {font-size: 20px;line-height: 24px;}
.flatpickr-weekdays {  padding-bottom: 10px;}
.data-time1 .data-now {font-size: 14px;  margin: 15px auto 20px;}
.data-time2 {width: 450px;margin-left: 15px;padding-top: 60px;}
.data-timelist ul { font-size: 14px;}
.flatpickr-day { height: 28px;  font-size: 14px; line-height: 28px;}
.data-timelist>p{font-size:17px} 
.td-tip.picList{max-width:250px;min-width:250px}
.td-tip.picList .picList-time {padding: 0 0 12px;}
.td-tip.picList .picList-course {padding: 12px 0;}
.data-timelist ul li{line-height:24px}
.data-timelist {margin: 5px 0 15px;margin-left: 20px;}


.tea_table table tr th {width: 104px;} 
.arrow_btn.arrow_left{left:110px}

.jybj-ul  li .item-1{width:185px} 
.jybj-ul  li .item-3{width:580px;margin-right:0px !important;}


/*课酬统计*/
 .total-table {width:98%;font-size:14px;margin-left:2%}
 .total-table   thead{color: #333; background: #f0f2ff;}
 .total-table.table > thead > tr > th{font-size:16px;border-left:1px solid #ddd;}
 .total-table.table > thead > tr > th.rq{width:100px;}
 .total-table.table > thead > tr > th.sj{width:86px;}
 .total-table.table > thead > tr > th.kc{width:110px;}
 .total-table.table > thead > tr > th.ks{width:130px;}
 .total-table.table > thead > tr > th.sjkc{width:85px;}

 
 
 	/*个人中心-我的课程*/.person-rightcon{width:878px}
	 .personal-content{width:1200px } 
	 .person-box{width:1200px;position:relative;margin:60px auto;}
	 .person-navlist{width:180px;}
	 .person-navlist .person-manbox{width:80px;height:80px;}
	 .person-maninfo{font-size:26px;}
	 .person-manLV{font-size:16px;}
	 .person-ulnav{width:215px;margin:50px 0 85px}
	 .person-ulnav li {height:45px;line-height: 45px;margin-bottom: 15px;padding-left:23%}
	 .person-navbtn{height:45px;line-height: 45px;}  
	 .person-titlehead1 { padding-bottom: 5px;}
	 .person-titlehead {margin-top: 45px;}
	 .person-titlehead-r,.titlehead-btn{font-size:16px;}
	 .person-mineinfocon {padding: 10px 0 0 30px;}
	 .minecourse-list .minecourse-title{font-size:20px;line-height:24px;padding: 15px 25px;max-height:70px;}
	 .minecourse-text {padding: 0px 25px;}
	 
	 .minecourse-list{height:260px;}
	 .minecourse-list .minecourse-iconbox .course-icon{width:22px; margin-right: 5px;}
	 .minecourse-list .minecourse-iconbox > p >span{font-size:22px;}
	 .minecourse-list .minecourse-iconbox .titlehead-btn{width:115px;}
	 .minecourse-list .minecourse-btnbox {padding:0px 15px 0;}
	 .person-mineinfobox .nav-tabs > li {margin-right: 50px;} 
	 .course-minelist{width:770px;}
	 .course-minelist .course-teainfo .course-teaimgbox{width:85px;height:85px;margin:5px auto 10px;}
	 .course-minelist .course-teainfo { width: 180px; padding: 0px 10px;}
	 .course-minelist .course-teainfo .course-teanamebox{font-size:18px;height:36px;} 
	 .course-minelist .course-timeinfo{width:380px;min-height: 170px;padding:10px 20px 0;}
	 .course-minelist .course-timeinfo h1{height: 64px;line-height:32px;font-size:22px;margin-bottom: 15px;}
	 .course-minelist .course-timeinfo p{font-size:16px;height:34px;line-height:22px;}
	 .course-minelist .titlehead-btn{margin-top:10px;}
	 .course-minelist .course-btninfo{width:210px;}
	 .course-btninfo a {line-height: 34px; font-size: 14px;}
	 .course-btninfo p {font-size: 12px;margin: 10px 0 10px; text-align: center;}
	  .personal-nav .top-2 .sign-ul li {font-size: 16px;}
	   .course-minelist .course-btninfo{margin-top:15px;}




  .status-dskbtnbox .inline-list.title {  margin-left: 35px; width: 100px;  font-size: 14px;}
  .status-dskbtnbox .inline-list.title img { height: 38px;}
  .status-dskbtnbox .inline-list.icon{width:50px;margin-top:30px}
  .status-dskbtnbox .inline-list.users{margin-left:54px}
  .status-dskbtnbox .inline-list.users li{width:95px;float:left;}
  .status-dskbtnbox .inline-list.users li .imgbox{width:54px;height:54px;margin:0 auto 10px;}
  .status-dskbtnbox .inline-list.users li .imgbox .pjbtn{padding:7px}
  .status-dskbtnbox .inline-list.users li .nametext{max-width:70px;}
	}

 /*分页样式*/
 .pagination .active span{
  cursor: default;
  background-color: #3abfe0;
  border-color: #3abfe0;
 }
 .pagination .active a{
  cursor: default;
  background-color: #3abfe0;
  border-color: #3abfe0;
 }

 .pagination li a{
  margin-left: 5px;
  margin-right: 5px;
 }
 .pagination li span{
  margin-left: 5px;
  margin-right: 5px;
 }