* {font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;margin: 0;padding:0;}
html {font-size: 14px;color: #424242;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
dl {-webkit-margin-before:0;-webkit-margin-after:0;}
h1, h2, h3, h4, h5, h6 {font-size: 14px;}
a {text-decoration: none;color:#424242;}
a:hover, .color81 a:hover, .color81 a.cur {color: #000}
a.red {color: #ff4a56;}
a.red:hover {color: #950b11;}
.color81, .color81 a {color:#818181;}

textarea {resize: none;}

input.iw60 {width: 60px;}
input.iw80 {width: 80px;}
img {border:none;}
.blue {color:#00baf2;}
input,button,input[type="button"] {outline: none;font-size: 14px;}
button,input[type="button"]  {color:#FFF;background-color: #00baf2;line-height: 30px;border:none;padding:0px 20px;cursor: pointer;}
button:hover,input[type="button"]:hover {opacity: .9;}
img {border:none;}
body  {text-align: left;}
body{color: #424242;background:#FFF;min-width: 1230px;}
.red{color: #ff4a56;}
.green {color: #49af4f;}
.redb {background: #ff4a56;color: #FFF;}
.disabled {background: #999;}
.del{text-decoration: line-through;}
.clear  {clear: both;width: 0px;height: 0px;overflow: hidden;}
.fl,.Left{float: left;}.fr,.Right{float: right;}.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;}
.color999 {color:#999;}
.disp-n {display: none;}
.color42,.color42 a  {color:#424242;}
.color81,.color81 a  {color:#818181;}
.fb {font-weight: bold;}

.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f21 {
  font-size: 21px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f26 {
  font-size: 26px;
}
input.iw60 {width: 60px;};
input.iw80 {width: 80px;}

.ml-10 {margin-left: -10px;}
.ml-20 {margin-left: -20px;}
.mt5   {margin-top: 5px;}
.mt10  {margin-top: 10px;}
.mt15  {margin-top: 15px;}
.mt20  {margin-top: 20px;}
.mt25  {margin-top: 25px;}
.mt30  {margin-top: 30px;}
.mt40  {margin-top: 40px;}
.mt50  {margin-top: 50px;}
.mt80  {margin-top: 80px;}
.mt100 {margin-top: 100px;}
.mb5   {margin-bottom: 5px;}
.mb10  {margin-bottom: 10px;}
.mb15  {margin-bottom: 15px;}
.mb20  {margin-bottom: 20px;}
.mb25  {margin-bottom: 25px;}
.mb30  {margin-bottom: 30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom: 50px;}
.mb80  {margin-bottom: 80px;}
.mb100 {margin-bottom: 100px;}
.ml5   {margin-left:5px;}
.ml10  {margin-left: 10px;}
.ml15  {margin-left: 15px;}
.ml20  {margin-left: 20px;}
.ml24  {margin-left: 25px;}
.ml30  {margin-left: 30px;}
.ml40  {margin-left:40px;}
.ml50  {margin-left: 50px;}
.ml80  {margin-left: 80px;}
.ml100 {margin-left: 100px;}
.mr5   {margin-right:5px;}
.mr10  {margin-right: 10px;}
.mr15  {margin-right: 15px;}
.mr20  {margin-right: 20px;}
.mr25  {margin-right: 25px;}
.mr30  {margin-right: 30px;}
.mr40  {margin-right: 40px;}
.mr50  {margin-right: 50px;}
.mr80  {margin-right: 80px;}
.mr100 {margin-right: 100px;}

.pt5   {padding-top: 5px;}
.pt10  {padding-top: 10px;}
.pt15  {padding-top: 15px;}
.pt20  {padding-top: 20px;}
.pt25  {padding-top: 25px;}
.pt30  {padding-top: 30px;}
.pt40  {padding-top: 40px;}
.pt45  {padding-top: 45px;}
.pt50  {padding-top: 50px;}
.pt80  {padding-top: 80px;}
.pt100 {padding-top: 100px;}
.pb5   {padding-bottom: 5px;}
.pb10  {padding-bottom: 10px;}
.pb15  {padding-bottom: 15px;}
.pb20  {padding-bottom: 20px;}
.pb25  {padding-bottom: 25px;}
.pb30  {padding-bottom: 30px;}
.pb40  {padding-bottom:40px;}
.pb50  {padding-bottom: 50px;}
.pb80  {padding-bottom: 80px;}
.pb100 {padding-bottom: 100px;}

.con {padding-left: 20px;}
.border-bom1 {border-bottom: 1px solid #ddd;}


.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}


.fl,.Left {float: left;}
.fr,.Right {float: right;}
.clear {clear: both;width: 0px;height: 0px;overflow: hidden;}
.pl30 {padding-left:30px;}.pr30 {padding-right:30px;}
.pl10 {padding-left:10px;}.pr10 {padding-right:10px;}
.pl20 {padding-left:20px;}.pr20 {padding-right:20px;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix {display: block;height: 1%;zoom: 1;}* html
.Clearfix {display: block;} 

.clearfix2{*zoom:1;}
.clearfix2:after{content:'\0020';display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}



.mask, .Mask {width:100%;height:100%;position:fixed;background: url(0.png);top:0px;left:0px;z-index:9999;display: none;}


.Page {width:1200px;margin:auto;position: relative;z-index: 2;}
.Header {padding:50px 0px 40px 0px;height: 40px;border-bottom: 1px solid #EEE;background: #FFF;position: relative;z-index: 100;}
.Header .Logo {margin-top: 0;margin-right: 45px;}
.Header .Logo img.sublogo {margin-left: 15px;margin-top: 5px;}
.Header .Navigate {margin-left: 0;}
.Header .Navigate li {float: left;font-size: 16px;line-height: 1;padding-top:24px;padding-right: 30px;*padding-right: 25px;position: relative;padding-bottom: 10px;margin-bottom: -10px;}
.Header .Navigate li p.min_more    {background: url(tips.png) no-repeat right center;padding-right: 10px;font-size: 16px;cursor: default;}
.Header .Navigate li:hover p.min_more  {background-image: url(tips2.png)}
.Header .Navigate li div.min_more   {position: absolute;top:50px;z-index: 101;background: #FFF;left: -20px;right: 10px;display: none;border:1px solid #EEE;border-radius: 3px;line-height: 36px;}
.Header .Navigate li:hover div.min_more {display: block;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.Header .Navigate li div.min_more a {display: block;text-align: center;}
.Header .Navigate li {float: left;font-size: 16px;line-height: 1;padding-top:24px;padding-right: 30px;*padding-right: 25px;}
.Header .Search {height: 22px;border:1px solid #15b1e4;border-radius: 5px;background-color: #15b1e4;margin-top: 20px;width:180px;}
.Header .Search * {height: 22px;line-height: 22px;}
.Header .Search button  {background-color: transparent;border:none;color:#FFF;width: 50px;line-height: 1;padding:0;}
.Header .Search input {border:none;width: 130px;text-indent: 5px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 12px;padding: 0;}


.Header3    {position: relative;z-index: 10000;height: 50px;background: #333;}
.Header3 ul {}
.Header3 ul li  {position: relative;}
.Header3 ul li.logo {margin-right: 15px;}
.Header3 ul li.logo>a { padding: 0; }
.Header3 ul li.logo .logo_pic1 {
  display: block;
  width: 110px;
  height: 50px;
  background: url('2.png') -230px -10px;
}
.Header3 ul li.logo .logo_pic2 {
  display: block;
  width: 110px;
  height: 50px;
  background: url('2.png') -230px -80px;
}
.Header3 ul li>a    {padding: 0 13px;line-height: 50px;display: block;position: relative;z-index: 4;}
.Header3 ul li>a:hover  {opacity: 1;}
.Header3 ul li.fl a  {font-size: 16px;color:#FFF;}
.Header3 ul li.fr    {font-size: 12px;}
.Header3 ul li.fr>a  {color: #DDD;}
.Header3.IndexHeader_old_bg ul li.fr>a  {color: #999;}
.Header3.IndexHeader_old_bg ul li.fr a.vipslgn {
  color: #d32f24;
  padding-left: 40px;
  position: relative;
}
.Header3.IndexHeader_old_bg ul li.fr a.vipslgn:after {
  content: '';
  position: absolute;
  left: 8px;
  top: 6px;
  width: 21px;
  height: 19px;
  background: url(s.png) no-repeat -7px -9px;
}

.Header3 ul li.fr:hover>a {
    background: #FFF url("s.png") -10px -135px repeat-x;
    background-size: 100% 4px;
    color:#00baf2;}
.Header3 ul li.links  {margin: 0;}
.Header3 ul li.links>a  {width: 2px;height: 50px;}
.Header3 ul li.links i.icon    {width: 12px;height: 12px;background: url(s.png) -85px -10px;position: absolute;left: 50%;top:18px;margin-left: -6px;z-index: 5;}
.Header3 ul li.links:hover i.icon {background: url(s.png) -85px -42px;}
.Header3 ul li .More    {position: absolute;background: #FFF;border:1px solid #DDD;right: -1px;top:50px;padding-bottom: 5px;display: none;text-align: center;min-width: 100%;z-index: 2;}
.Header3 ul li .More>a  {position: relative;line-height: 30px;margin: 0 5px;white-space: nowrap;display: block;padding: 0 20px;color: #424242;}
.Header3 ul li .More>a:hover    {background: #EEE;}
.Header3 ul li.links .More  {width: 1198px;padding: 25px 0;overflow: hidden;}
.Header3 ul li.links .More dl {border-right: 1px solid #e8e8e8;padding-left: 60px;text-align: left;float: left;height: 160px;}
.Header3 ul li.links .More dl.noBorder    {border:none;}
.Header3 ul li.links .More dl dt    {font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.Header3 ul li.links .More dl dd.th1    {max-width: 130px;}
.Header3 ul li.links .More dl dd.th2    {max-width: 250px;}
.Header3 ul li.links .More dl dd a{ color:#666;}
.Header3 ul li.links .More dl dd a:hover{ color:#00a8e9;}
.Header3 ul li.links .More dl p {width: 125px;margin-bottom: 5px;float: left;}
.Header3 ul li.hasMore>a  {padding-right: 25px;}
.Header3 ul li.hasMore i.icon   {background-position: 0 -250px;width: 9px;height: 6px;position: absolute;right: 10px;top:22px;z-index: 5;}
.Header3 ul li.hasMore2>a  {padding-right: 45px;}
.Header3 ul li.hasMore2 .vipSide    {position: absolute !important;top:17px; right:25px;z-index: 5;}
.Header3 ul li .empty {width: 100%;position: absolute;right: -1px;top:0;height: 50px;z-index: 3;border:1px solid #DDD;border-top: 0;border-bottom: 1px solid #FFF;display: none;}

.Header3 ul li:hover>*  {display: block;}
.Header3 ul .myname a{max-width: 65px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;}
.topSearch  {padding-top: 9px;margin-left: 30px;}
.topSearch input    {width: 170px !important;padding-right: 25px;padding-left: 10px;border:1px solid #e6e6e7;height: 20px;background-color: #FFF; padding:5px 25px 5px 10px;}
.topSearch .in_foucs{border:1px solid #21b8ff;}
.topSearch .icon.search    {width: 14px;height: 14px;position: absolute;z-index: 2;top:17px;right: 13px;cursor: pointer;padding: 0;background: url(s.png) no-repeat -51px -10px;}
.topSearch .icon.search2 {background: url(s.png) no-repeat -51px -44px;}

.Header3.white  {
  background: #FFF url("s.png") -10px -135px repeat-x;
  background-size: 100% 4px;
 
}

.Header3.white ul li.fl a  {font-size: 16px;color:#333;}
.Header3.white ul li.fl:hover>a    {background: #00baf2;color:#FFF;}
.Header3.white ul li.logo:hover a{ background:none;}
.Header3.white ul li.fr>a  {color: #999;}
.Header3.white ul li.fr a.vipslgn{ color: #d32f24;padding-left: 25px; position: relative;}
.Header3.white ul li.fr a.vipslgn:after {content: '';width:21px;height:19px;background: url('s.png') -10px -10px;position: absolute;left: 0;top: 15px;}
.Header3.Fix  {position: fixed;left: 0;top: 0;width: 100%;z-index: 1000;display: none;}

.ALLCourse  {position: absolute;background: #FFF;border:2px solid #00baf2;top:50px;right:0px;display: none;}
  .ALLCourse .List  {width: 240px;background: #00baf2;position: relative;}
    .ALLCourse .List .item  {padding: 10px 20px;padding-top: 0;}
    .ALLCourse .List .item:hover  {background: #FFF;border:none;margin-right: -2px;}
      .Header3 ul li .ALLCourse .List .item h2  {overflow: hidden;border-top:1px dashed #FFF;border-top:1px dashed rgba(255,255,255,0.5);padding-top: 11px;margin-top: -1px;}
      .Header3 ul li .ALLCourse .List .item:first-child h2 {border:none;margin-top: 0;}
      .Header3 ul li .ALLCourse .List .item h2 * {float: left;}
      .Header3 ul li .ALLCourse .List .item h2 a {color: #FFF;font-weight: normal;line-height: 28px;font-size: 14px;}
      .ALLCourse .List .item h2 span  {width: 0px;height: 12px;padding-left: 1px;overflow: hidden;background: #87d7f4;margin-top: 8px;}
      .Header3 ul li .ALLCourse .List .item p a,.ALLCourse .List .item h2 span {color: #87d7f4;font-size: 12px;}
      .Header3 ul li .ALLCourse .List .item p {font-size: 12px;}
      .Header3 ul li .ALLCourse .List .item a  {margin: 0 4px;}
      .Header3 ul li .ALLCourse .List .item:hover a  {color:#666;position: static;}
      .Header3 ul li .ALLCourse .List .item:hover a:hover  {color:#00baf2;}
      .ALLCourse .List .item .more  {position: absolute;width: 660px;height: 100%;left: 242px;top:-2px;background: #FFF;border:2px solid #00baf2;border-left:0;display: none;}
      .ALLCourse .List .item:hover .more {display: block;}
        .ALLCourse .List .item .more .main  {padding: 20px;}
          .ALLCourse .List .item .more .main dl {margin-bottom: 20px;font-size: 12px;width: 420px;}
            .ALLCourse .List .item .more .main dl dt  {font-weight: bold;margin-bottom: 10px;}
            .ALLCourse .List .item .more .main dl dd  {overflow: hidden;}
              .ALLCourse .List .item .more .main dl dd a  {margin: 0;}
        .ALLCourse .List .item:hover .more img  {position: absolute;right: 0;bottom:0;}


.Content  {padding:20px 0;}
.Footer {background-color: #FAFAFA;padding-bottom: 40px;border-top:1px solid #EEE;}
.Footer .Links  {overflow: hidden;padding:15px 0px;line-height: 40px;border-bottom: 1px solid #FFF;}
.Footer .Links dt {float: left;width: 125px;font-size: 16px;}
.Footer .Links dd {float: left;width: 1075px;}
.Footer .Links dd a{margin-right: 30px;white-space:nowrap}
.Footer>.Page  {padding-top: 55px;}
.Footer .QRcode {margin:0 50px;width: 280px;float: left;}
.Footer .QRcode caption {padding-bottom: 30px;}
.Footer .Info  {margin-top: 70px;line-height: 1}
.Footer .Info .Map  {margin-bottom: 45px;font-size: 14px;}
.Footer .Info .Map a,.Footer .Info .Map span  {margin-right: 15px;}
.Footer .Info .Map span {border-left: 1px solid #AAA;}
.Footer .Info .Call {font-size: 22px;font-weight: bold;padding-left: 30px;background: url(l.png) no-repeat left 1px;margin-right: 30px;}
.Footer .Info .callTime {margin-top: 6px;}
.Footer .Info .copy {color: #818181;margin-top: 15px;font-size: 14px;text-align: left;}
.Footer .Info .copy a {color: #818181;}
.Footer .Info .copy a:hover {color: #000;}

.footer_bg {background: #FAFAFA;line-height: 1.75;z-index: 1;}
.footer {width: 1060px;padding: 50px 50px 30px;margin: 0 auto;border-top: 1px solid #f5f5f5;}
.footer_list {float: left;width: 200px;}
.footer h2 {display: inline-block;font-size: 18px;color: #333;margin-right: 10px;}
.footer h3 {font-size: 34px;color: #333;}
.footer_list a {font-size: 14px;color: #666;line-height: 30px;}
.footer_company {text-align: center;border-top: 1px solid #FFF; padding-bottom: 10px;}
.footer_company .bottom_logo_pic {
  display: block;
  width: 200px;
  height: 44px;
  background: url('2.png') -10px -10px;
  margin: auto;
  margin-bottom: 20px;
  transform: scale(.5)
}
.footer_company div, .footer_company div a {font-size: 14px;color: #999;line-height: 1;}

.sbox_more a {display: inline-block;width: 46px;height: 46px;margin-right: 30px;}
.sbox_more a.sina {
  background: url('2.png') -112px -74px;
}
.sbox_more a.qq {
  background: url('2.png') -10px -280px;
}
.sbox_more a.wechat {
  background: url('2.png') -220px -174px;
}
.sbox_more a.sina:hover {
  background: url('2.png') -154px -174px;
}
.sbox_more a.qq:hover {
  background: url('2.png') -76px -280px;
}
.wechat_bg {position: relative;}
.wechat_bg:hover a.wechat {
  background: url('2.png') -286px -174px;
}
.wechat_bg:hover .wechat_box {display: block;}
.wechat_box {display: none;position: absolute;top: 0px;left: 56px;background: #fff;padding: 10px;box-shadow: 0 0 10px #ccc;}
.wechat_box p {text-align: center;margin-top: 5px;font-size: 14px;color: #666;}


.pagination  {margin: 30px auto;text-align: right;font-size: 14px;}
.pagination li  {display:inline-block;margin:0px 2px;height: 34px;line-height: 34px;overflow: hidden;background: #FFF;border:1px solid #E0E0E0;}
.pagination li  {*display:inline;}
.pagination li.disabled,.pagination li.disabled:hover {border-color:#EEE;padding:0px 10px;cursor: default;}
.pagination li.active,.pagination li:hover  {border-color: #00baf2;}
.pagination li:last-child.last.disabled {border-color:#FFF;font-size: 14px;color: #818181}
.pagination li a{display: block;padding:0px 14px;background:#F5F5F5;text-align: center;}
.pagination li.active a,.pagination li a:hover{background: #00baf2;color:#FFF;}
.pagination li:last-child.last.noLink {border-color:transparent;margin: 0;margin-left: 10px;background: none;}

.Advice {position: fixed;width: 588px;height: 392px;padding:7px 6px;background:#FFF url(k.png) no-repeat;top:50%;left: 50%;margin-top: -203px;margin-left: -300px;z-index: 50001;}
.Advice .Main {font-size: 12px;padding: 4px 10px 9px 20px;position: relative;}
.Advice .Main h3  {font-size: 16px;color: #c01a20;font-weight: bold;margin-top: 10px;}
.Advice .Main a {font-size: 14px;color: #0c72f0;}
.Advice .Main .close  {position: absolute;top:0px;right: 2px;width: 40px;height: 40px;border-radius: 0;background: #c01a20 url(e.png) no-repeat center center;font-family: Arial;padding: 0;text-align: center;line-height: 1;}
.Advice .Main #bizQQ_WPA  {position: absolute;right: 0;bottom: -20px;width: 152px;height: 49px;background: url(3.png) no-repeat; padding:0;border-radius: 0;}
.Notices  {border:1px solid #e5e5b5;background-color: #ffffca;position: relative;line-height: 30px;padding:5px 10px;}


.vipBig {display: inline-block !important;width: 26px;height: 26px;background: url(p.png) no-repeat left -114px;cursor: pointer;}
.vipMedium {display: inline-block !important;width: 22px;height: 22px;background: url(p.png) no-repeat left -240px;cursor: pointer;}
.vipSmall {display: inline-block !important;width: 20px;height: 20px;background: url(p.png) no-repeat left bottom;cursor: pointer;}
.vipSide {position: relative !important;display: inline-block !important;width: 15px !important;height: 15px !important;background: url(p.png) no-repeat left top;cursor: pointer;}


.vipBig_gray {display: inline-block !important;width: 26px;height: 26px;background: url(6.png) no-repeat;cursor: pointer;}
.vipMedium_gray {display: inline-block !important;width: 22px;height: 22px;background: url(2.png) no-repeat;cursor: pointer;}
.vipSmall_gray {display: inline-block !important;width: 20px;height: 20px;background: url(0.png) no-repeat;cursor: pointer;}
.vipSide_gray {position: relative !important;display: inline-block !important;width: 15px !important;height: 15px !important;background: url(5.png) no-repeat;cursor: pointer;}
.vipSide_gray:hover span {display: block;}
.vipSide_gray span {position: absolute;left: -58px;top: 20px;display: inline-block;width: 128px;height: 32px;text-align: center;line-height: 32px;background: #faf7e6;border: 1px solid #ecb7a5;color: #666;font-size: 12px;padding: 3px 5px;display: none;}
.vipSide_gray span i {position: absolute;left: 58px;top: -6px;display: inline-block;width: 12px;height: 7px;background: url(o.png) no-repeat;}
.vipSide_gray span b {display: inline-block;font-style: normal;font-weight: normal;font-size: 12px;color: #f60;}

i.icon{background: url(s.png) no-repeat;}
a.btn {display: block;background-color: #00baf2;color:#FFF;line-height: 24px;padding:0 10px;}
a.btn:hover {opacity: 0.8;}

div.loading  {padding-top: 88px;text-align: center;background: url(g.gif) no-repeat center top;color:#999;}
div.Empty {text-align: center;line-height: 40px;color:#666;}
  div.Empty p,div.Empty td  {height: 100px;padding-left: 95px !important;background: url(y.png) no-repeat left center;font-size: 16px;}
  div.Empty p {display: inline-block;line-height: 100px;}
  div.Empty p {_display: inline;}
  div.Empty table {margin: auto;width: auto;border:none;}
  div.Empty td {line-height: 1.5;text-align: left;border:none;}
    div.Empty span  {color: #818181;font-size: 12px;}
    div.Empty a     {border:1px solid #00abf2;padding: 0 15px;display: block;color: #00baf2;font-size: 14px;float: left;line-height: 2;margin-top: 5px;}


.stars,.stars02  {overflow: hidden;}
  .stars i.star {width: 22px;height: 20px;float: left;background-position: -350px -250px;margin-right: 3px;}
  .stars i.star.full  {background-position: -350px -300px;}
  .stars.set i.star {cursor: pointer;}
  .stars.small i.star {width: 18px;height: 16px;background-position: -350px -350px;}
  .stars.small i.star.full  {background-position: -350px -400px;}

  .stars02 i.star {
    width: 12px;
    height: 12px;
    background: url(s.png) no-repeat -117px -10px;
    float: left;
    display: block;
    margin-right: 3px;
  }
  .stars02 i.star.full {
    background: url(s.png) no-repeat -117px -42px;
  }

#ClCache    {display: none;}
.edu-ad img {display: block;}

.fixpop{ position: fixed; left:0; bottom:0; width:100%; height:150px; z-index: 99; display:none;}
.fixpop .bg{ position: fixed; left:0; bottom:0; width:100%; height:150px; z-index: 99; background:#353c47; opacity: 0.9;filter: alpha(opacity=90);}
.fixpop .Page{ z-index: 999;}
.fixpop .Page img {display: block;height: 100%;}
.fixpop .Page .a_1s{ float: left; padding:15px 0 0 83px; height:113px;}
.fixpop .Page .a_2s{ float: left; width:210px; height:56px; line-height: 56px; text-align: center; background:#ffe535; border-radius: 56px; color:#f3551b; font-size: 22px; display:inline-block; margin:44px 0 0 30px;}
.fixpop .Page .btn_close{float: left;margin-top:10px; width:20px; height:20px;margin-left:50px;background: url(7.png) no-repeat center top; cursor: pointer;}
#exit_newuser {bottom: 100%;position: absolute;}

.qqbm_bs_box  {position: fixed;right:10px;top:50%;margin-top:-140px;width:58px;z-index: 999;cursor: pointer;opacity: .8;filter: opacity(80);}
.qqbm_bs_box>*  {display: block;margin-top: 2px;position: relative;}
.qqbm_bs_box img  {display: block;width: 100%;}
.qqbm_bs_box img.mouseIn {position: absolute;left: 0;top: 0;display: none;}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .qqbm_bs_box  {width: 50px;}
  .fixpop .Page .a_1s {height: 100px;margin-top: 12px;padding-left: 50px;}
  .fixpop .Page .a_2s {height: 40px;line-height: 40px;width: 180px;margin-top: 58px;font-size: 18px;font-weight: bold;}
}
@media screen and (max-width: 1024px) {
  .qqbm_bs_box  {width: 48px;}
  .fixpop .Page .a_1s {height: 90px;margin-top: 17px;padding-left: 30px;}
  .fixpop .Page .a_2s {height: 40px;line-height: 40px;width: 180px;margin-top: 58px;font-size: 18px;font-weight: bold;}
}
.whitebox{ background:#fff; border-radius: 5px;}
.whitebox:hover{box-shadow: 0 0 10px #ccc;}
.exit_slide{ position: fixed; z-index:999; right:40px; top:50%; display:inline-block; line-height: 1;}
.exit_slide .pre,.exit_slide .after{ height:50px;width:52px; display:inline-block; text-align: center;}
.exit_slide .after,.exit_slide .cur .pre{ display:none;}
.exit_slide .cur .after,.exit_slide .pre{ display:block;} 

.exit_slide .customer{ border-radius: 5px; overflow:hidden;cursor: pointer;}
.exit_slide .customer .pre {
  background: url('2.png') -82px -174px;
  height: 36px;
  color: #1ac6fe;
  line-height: 16px;
  padding-top: 50px;
}
.exit_slide .customer .after {
  background: url('2.png') -10px -174px;
  height: 36px;
  color: #fff;
  line-height: 16px;
  padding-top: 50px;
}
.exit_slide .bots{border-radius: 5px; background:#fff; width:52px; margin-top: 12px;box-shadow: 0 0 10px #f5f2f2;}
.exit_slide .bots .item{ height:50px; cursor: pointer; position: relative;transition: background .3s }
.exit_slide .bots .item_app .pre{width:39px; height:37px;position:absolute;top:8px;left:7px;background: url(3.png) no-repeat -10px -101px;}
.exit_slide .bots .item_app_wc .pre{width:40px; height:38px;position:absolute;top:8px;left:7px;background: url(3.png) no-repeat -5px -183px;}
.exit_slide .bots .item_app .after,.exit_slide .bots .item_top .after{padding-top: 12px; height:38px; line-height: 16px;}
.exit_slide .bots .item_top .pre{width:39px;height:24px;background: url(3.png) -172px -10px;position: absolute;top: 14px;left: 7px;}
.exit_slide .app_code{position: absolute; left:-150px; top:0; padding:15px; box-shadow: 0 0 10px #f5f2f2;}
.exit_slide .app_code p{ line-height: 18px; font-size: 12px; text-align: center;}
.exit_slide .bots .line{ width:24px; height:2px; background:#f6f6f6;margin:0 auto;}
.trans_scale{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform-origin: 100% 0%;-webkit-transform-origin: 100% 0%;-ms-transform-origin:100% 0%;-moz-transform-origin:100% 0%;-o-transform-origin:100% 0%; transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;-ms-transition: all ease .3s;-moz-transition: all ease .3s;-o-transition: all ease .3s;display:none\0;*display:none;}
.trans_scale_h{display: block;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);opacity: 1;*display:block;}

.circle {width: 8px;height: 8px;display: inline-block;background-color: rgb(255,84,0);border-radius: 50%;}
.circle-pos1 {position: absolute;right: 19px;top: 5px;}
.circle-pos2 {position: absolute;right: 11px;top: 4px;}
.circle-pos3 {position: absolute;right: 19px;top: 12px;}
.circle-seckill-pos1 {position: absolute; right: 3px; top: -5px;}
.circle-seckill-pos2 {position: absolute; right: 7px; top: 11px;}
.circle-seckill-pos3 {position: absolute; right: -9px; top: 5px;}
.circle-hot-icon {position: absolute;right: 5px;top: 8px;width: 10px;height: 13px;background: url(s.png) -212px -10px;}

#suspension_box{width:119px;height:340px;position:fixed;right:1%;top:13%;z-index: 99;}
#sus_content{width:94px;height:185px;position:absolute;top:102px;left:12px;cursor: pointer;}
#sus_top{width:58px;height:20px;position:absolute;bottom: 5.5%;left: 24%;cursor: pointer;}
.sus_list{width: 98%;height: 31px;line-height: 31px;text-align: center;font-size: 16px;color: #303030;border: 1px solid #a0a0a0;margin-bottom: 5px;}
.sus_list.active{background-color: #df4d51;color: #fff;width: 100%;height: 33px;line-height: 33px;border: none;}
.sus_list:hover{background-color: #df4d51;color: #fff;width: 100%;height: 33px;line-height: 33px;border: none;}



.upopbg{ width:100%; height:100%; position: fixed;left:0; top:0;z-index: 99999; background:url(0.png) repeat;display:none;}
.upopbox_mid{width:500px; height:500px; margin:-250px 0 0 -250px; position: fixed; z-index: 9999999; top:50%; left:50%; display: none;}
.upopbox_mid .ins{ position: relative;}
.upopbox_mid .ins span{ display:block; width:20px; height:20px;text-align: center; position: absolute;right:-10px; top:-10px; z-index: 999; cursor: pointer;}
.upopbox_mid .ins span.offbtn-center{width: 19px; height: 19px;background: url(2.png) -178px -74px;}
.upopbox_bot{ width:100%; height:100px;position: fixed;left:0; bottom:0;z-index: 99999; background:url(0.png) repeat;  display: none; }
.upopbox_bot .ins{ position: relative;}
.upopbox_bot .ins span.offbtn{ display:block; width:20px; height:20px;text-align: center; position: absolute;right:-23px; top:3px; z-index: 999; cursor: pointer;}
.upopbox_bot .ins span.offbtn-bottom{width: 19px; height: 19px;background: url(2.png) -178px -74px;transform: scale(.8);}
.upopbox_bot .ins a{ height: 100px;position: relative; display: block; }
.upopbox_bot .ins .ctxt{position: absolute; left:690px; top:20px; z-index: 999; font-size: 16px; color: #fff;}
.upopbox_bot .ins .botTimer{position: absolute; left:690px; top:48px; font-size: 16px; z-index: 999;color: #fff;}
.upopbox_bot .ins .botTimer{font-weight: normal; }
.upopbox_bot .ins .botTimer span{ border-radius: 3px; display: inline-block; height: 30px; line-height: 30px;width:30px;font-size: 20px; background: #413b7e; text-align: center; }
.upopbox_bot .ins .botTimer b{padding:0 5px; font-weight: normal; font-size: 14px;}


.eduadvtop .Page {
  position: relative;
}

.eduadvtop .Page .ctxt {
  position: absolute;
  left: 735px;
  top: 15px;
  z-index: 999;
  font-size: 18px;
  color: #333333;
}

.eduadvtop .Page a {
  height: 60px;
  position: relative;
  display: block;
}


.pr{position: relative;}
.wjw_logo{position:absolute;top:30px;left: 50px;z-index: 9999;}
.tp10{top:10px!important;}
.tp73{top:73px!important;}
.tp100{top:100px!important;}
.lt60{left:60px!important;}
.lt30{left:30px!important;}
.lt70{left:70px!important;}


.top_exam-wrap-shadow {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
}
.top_exam-wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 540px;
  height: 543px;
  transform: translate(-270px, -271px);
  background: url('e.png') no-repeat center;
  background-size: 100% 100%;
  z-index: 10001;
  display: none;
}
.top_exam-wrap .close {
  cursor: pointer;
  display: inline-block;
  width: 200px;
  height: 44px;
  position: absolute;
  bottom: 0;
  right: 178px;
}

.act_tab {display: inline-block;position: absolute;left: 0;top: 0;padding: 0 !important;z-index: 999;}
.act_tab span {display: block !important;width: 78px;text-align: center;}
.act_tab .act_tab_l  {height: 16px;line-height: 16px;font-size: 14px;color: #df3737;background: #fff;}
.act_tab .act_tab_r {font-size: 12px;line-height: 14px;color: #fff;background: url(r.png);background-size: 100% 100%;}
.act_tab .double-eleven {line-height:14px;font-size: 12px;color: #fff;border-radius: 3px 0 0 0;}



.datepicker-container {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    line-height: 30px;
    float: left;
    position: absolute;
    z-index: 9999999;
}

.datepicker-arrow,
.datepicker-arrow:after {
    border: 5px solid transparent;
    display: block;
    height: 0;
    width: 0;
}

.datepicker-arrow {
    border-bottom-color: #9cf;
    margin: 0 10px;
    position: relative;
}

.datepicker-arrow:after {
    border-bottom-color: #fff;
    content: " ";
    left: -5px;
    position: absolute;
    top: -4px;
}

.datepicker-content {
    border: 1px solid #ccc;
    border-top-color: #9cf;
    box-shadow: 0 0 3px #ccc;
    width: 210px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.datepicker-prev,
.datepicker-next {
    font-size: 18px;
}

.datepicker-content ul:before,
.datepicker-content ul:after {
    content: "";
    display: table;
}

.datepicker-content ul:after {
    clear: both;
}

.datepicker-content ul {
    margin: 0;
    padding: 0;
    width: 102%;
    *zoom: 1;
}

.datepicker-content li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}

.datepicker-content .col-1 {
    width: 30px;
}

.datepicker-content .col-2 {
    width: 60px;
}

.datepicker-content .col-3 {
    width: 90px;
}

.datepicker-content .col-4 {
    width: 120px;
}

.datepicker-content .col-5 {
    width: 150px;
}

.datepicker-content .col-6 {
    width: 180px;
}

.datepicker-content .col-7 {
    width: 210px;
}

.datepicker-content li:hover {
    background-color: #eee;
}

.datepicker-content .selected,
.datepicker-content .selected:hover {
    color: #36f;
}

.datepicker-content .disabled,
.datepicker-content .disabled:hover {
    color: #ccc;
}

.datepicker-years li,
.datepicker-months li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px;
}

.datepicker-week li,
.datepicker-week li:hover {
    background-color: #fff;
    cursor: default;
}


.content-btns   {border-top:1px solid #DDD;padding:5px;background: #FFF;}
.content-btns button    {background: #FFF;border:1px solid #DDD;color:#333;display: block;width: 50px;height: 24px;line-height: 24px;padding:0px;}
.user_Top {padding: 20px 0;height: 155px;background: url(g.png) no-repeat center center;position: relative;z-index: 10;}
  .Conditional  {margin-top: 30px;}
    .Conditional button {height: 36px;line-height: 1;padding: 0 20px;}
    .Conditional>p  {line-height: 38px;margin-right: 10px;font-size: 14px;}
    .Conditional input {height: 36px;border:1px solid #DDD;line-height: 34px;text-indent: 15px;}
    .Conditional div.title  {width: 270px;height: 38px;position: relative;right: 0px;top: 0px;}
      .Conditional div.title input  {height: 36px;border:1px solid #DDD;line-height: 34px;text-indent: 15px;padding-right: 34px;width: 234px;}
      .Conditional div.title i.icon{height: 36px;width: 34px;background-position: 8px -91px;display: block;position: absolute;top:1px;right: 1px;cursor: pointer;}
    .Conditional .more  {line-height: 36px;margin-left: 20px;position: relative;padding-right: 20px;cursor: pointer;}
    .Conditional .more:hover  {color: #000;}
    .Conditional .more i.icon {width: 10px;height: 7px;display: block;background-position: 0px -200px;position: absolute;right: 5px;top: 13px;}
    .Conditional.open .more i.icon  {background-position: -50px -200px;}
    .Conditional .btn  {line-height: 36px;background:#00BAF2;color:#FFF;height: 36px;overflow: hidden;width: 110px;text-align: center;}
    .Conditional .btn.fr {margin-left: 20px;}
    .Conditional .other {margin-top: 20px;display: none;}
    .Conditional.open .other  {display: block;}
    .Conditional .SelectDL {line-height: 34px;height: 34px;width: 130px;margin-right:20px;}
      .Conditional .SelectDL dt {position: relative;}
      .Conditional .SelectDL dd {top:36px;text-align: center;text-indent: 0}
    .Conditional .condition {margin-right: 40px;overflow: hidden;margin-left: 10px;}
      .Conditional .condition>*  {float: left;}
      .Conditional .condition dt  {line-height: 36px;margin-right: 10px;font-size: 14px;
font-weight: 400;}
      .Conditional .condition dd p  {margin: 0px 5px ;line-height:34px;}
      .Conditional .condition input {line-height: 34px;height: 34px;border:1px solid #DDD;line-height: 34px;width: 130px;text-indent: 5px;float: left;}
      .Conditional .condition input.w200 {width: 200px;}

.userTabs {background: #f5f5f5;}
  .userTabs ul  {overflow: hidden;}
  .userTabs li  {float: left;position: relative;line-height: 50px;}
    .userTabs li i.icon {width: 8px;height: 8px;border-radius: 100%;background:rgb(255,84,0);position: absolute;right: 12px;top:10px;}
    .userTabs li a  {position: relative;display: block;padding:0 20px;}
    .userTabs li .circle {width: 8px;height: 8px;display: inline-block;background-color: rgb(255,84,0);border-radius: 50%;}
    .userTabs li .circle-pos1 {position: absolute;right: 12px;top: 10px;}
    .userTabs li.cur a  {background-color: #FFF;font-size: 14px;color:#000;}
    .userTabs .fr-wrapper {font-size:0;}
    .userTabs .fr-wrapper .btn {display:inline-block; vertical-align:middle; font-size: 14px; line-height: 34px; height: 34px; width: 114px; border-radius:2px;overflow: hidden; text-align: center;}
    .userTabs .fr-wrapper .icon-white-right-arrow {position: absolute; right: 11px; top: 50%; margin-top: -6.5px;}

a:hover  {opacity: 0.8}


i.look {background-position: -50px -100px;}
i.look:hover {background-position: -50px -150px;}
i.edit {background-position: -100px -100px;}
i.edit:hover {background-position: -100px -150px;}
i.del {background-position: -150px -100px;}
i.del:hover {background-position: -150px -150px;}
i.Directory {background-position: -250px -100px;width: 22px !important;}
i.Directory:hover {background-position: -250px -150px;}
i.vip {width: 15px;height: 15px;background-position: -150px 0px;display: block;}
i.vip.gray {background-position: -170px 0px;}
i.sign  {background-position: -200px 0}
i.user  {background-position: -250px 0}
i.stuCenter  {background-position: -300px 0}
i.del2 {background-position: -150px -50px;width: 24px;height: 24px;}
i.del3 {background-position: -194px -44px;width: 24px;height: 24px;}
i.error {background-position: -300px -50px;width: 15px;height: 15px;}
i.upload {background-position: -200px -100px;}
i.upload:hover {background-position: -200px -150px;}
i.check {width: 16px;height: 16px;display: block;background-position: 0 -400px;}
i.check:hover {background-position: -50px -400px;}
i.check.ed  {background-position: 0 -350px;}
i.check.ed:hover  {background-position: -50px -350px;}
i.preview {background-position: -300px -99px;}
i.preview:hover {}
#videoList i.preview {width:20px;}
i.icon-white-right-arrow {display:inline-block; width: 7px; height: 13px; background: url(w.png) no-repeat center;}

p.tag {float: left;background: #DDD;line-height: 18px;padding: 0 5px 0 20px;margin-top: 7px;margin-left: 10px;font-size: 12px;background:#FEB97E url(2.png) no-repeat;color:#A5571B;}
.tag.lv1 {background-position: 3px 4px;}
.tag.lv2 {background-position: 3px -23px;}
.tag.lv3 {background-position: 4px -52px;}
.tag.lv4 {background-position: 3px -78px;}
.tag.lv5,.tag.lv6,.tag.lv7 {background-position: 3px -107px;}


 .rank-entry-wrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.course-box .rank-entry-wrap {
  top: -45px;
}

.Page.Stu .pageTabs {
  padding-top: 50px;
}
.favorite .rank-entry-wrap {
  top: 4px;
}

.page_sign .rank-entry-wrap {
  top: -48px;
}

 

.rank-entry-wrap a {
  width: 228px;
  height: 31px;
  line-height: 38px;
  padding-left: 16px;
  box-sizing: border-box;
  text-align: center;
  display: block;
  background: url('g.png') no-repeat top center;
  background-size: 100% 100%;
  color: #FFFFFF;
}

.rank-entry-wrap a:hover {
  opacity: 1;
}

#Msg_Board {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .5);
  border-radius: 8px !important;
}
#Msg_Board>div {
  padding: 10px 0px 20px !important;
}
#Msg_Board button {
  border-radius: 120px;
  background-color: #4ca7f8;
}

.cfff{color: #fff!important;}


.shadow-copyright_bg {
  width: 100%;
  height: 100%;
  background: rgba(00,00,00,0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9998;
}

.shadow-copyright {
  position: absolute;
  left: 50%;
  top: 119px;
  z-index: 9999;
  margin-left: -97px;
}

.shadow-copyright .top {
  background: url('r.png') no-repeat center;
  width: 508px;
  height: 224px;
  color: #424242;
  font-size: 14px;
  position: relative;
}

.shadow-copyright .span1 {
  position: absolute;
  left: 10px;
  top: 138px;
}

.shadow-copyright .span2 {
  position: absolute;
  left: 198px;
  top: 88px;
  text-align: center;
}

.shadow-copyright .read-btn {
  background: rgba(0,168,233,1);
  border-radius: 6px;
  font-size: 16px;
  color: #FFFFFF;
  padding: 5px 10px;
  right: 116px;
  -webkit-appearance: button;
  position: absolute;
  bottom: -25px;
}
.SelectDL {border:1px solid #DDD;height: 30px;background: #FFF;cursor: default;text-indent: 4px;position: relative;}
.SelectDL:hover,.SelectDL.cur{box-shadow:0 0 3px #00baf2;}
  .SelectDL dt  {padding-right: 30px;background: url(tips.png) no-repeat 95% center;color:#666;}
    .SelectDL dt.disabled {background-color: #e3e3e3;cursor: no-drop;}
  .SelectDL-icon {background: url(tips.png) no-repeat 95% center !important;}
    .SelectDL dt p,.SelectDL dd li  {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;word-wrap:normal;text-align: center;    font-weight: 400;
    line-height: 34px;font-size: 14px;
}
  .SelectDL dd  {position: absolute;left: -1px;top:30px;background: #FFF;border:1px solid #DDD;width: 100%;display: none;overflow: hidden;z-index: 100;margin-top: -1px;}
    .SelectDL dd ul {max-height: 240px;padding:5px 10px;}
      .SelectDL dd ul li:hover  {background: #F1F1F1;}
      .SelectDL dd ul li.disabled,.SelectDL dd ul li.disabled:hover {background: #CCC;}
      .SelectDL i.icon.arrow_down{background-position: 0px -150px;width: 8px;height: 5px;position: absolute;right: 10px;top:13px;}
button {
  border-radius: 0;
}

button.white {
  background: #FFF;
  color: #00baf2;
}

button.white:hover {
  background: #00baf2;
  color: #FFF;
}

.Infos {}

.Infos .Portrait {
  width: 110px;
  height: 110px;
  padding: 25px 20px 20px 0px;
}

.Infos .Portrait img {
  display: block;
  border-radius: 55px;
  background: #EEE;
  height: 100%;
  width: 100%;
}

.Infos .Main {
  color: #FFF;
  padding: 20px 0;
  font-size: 12px;
  max-width: 750px;
}

.Infos .Main .name {
  padding-top: 10px;
  margin-bottom: 20px;
}

.Infos .Main .name h2 {
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
}

.Infos .Main .name a.title {
  background: #ffbb86;
  color: #a5571b;
  margin: 0 40px 0 10px;
  margin-top: 1px;
  padding: 0 5px;
}

.Infos .Main .name div.qrcode {
  position: relative;
  top: 0px;
}

.Infos .Main .name i.icon.qrcode {
  width: 20px;
  height: 20px;
  background-position: 0px -50px;
  margin-top: 2px;
  display: block;
}

.Infos .Main .name div.qrcode>div {
  position: absolute;
  left: 35px;
  top: -20px;
  background: #FFF;
  width: 110px;
  padding: 10px 10px 0 10px;
  color: #666;
  text-align: center;
  line-height: 2;
  display: none;
}

.Infos .Main .name div.qrcode:hover>div {
  display: block;
}

.Infos .Main .name div.qrcode>div img {
  display: block;
  margin: 0;
  padding: 0;
  width: 105px;
  height: 105px;
  background: url(g.gif) no-repeat center center;
}

.Infos .Main .name div.qrcode>div i.icon.arrow_left {
  background-position: -100px 0;
  width: 7px;
  height: 15px;
  position: absolute;
  left: -7px;
  top: 24px;
}

.Infos .currency {
  overflow: hidden;
  margin-bottom: 10px;
}

.Infos .currency p {
  margin-right: 30px;
}

.Infos .currency a.getMoney {
  background: #FFF;
  color: #00baf2;
  padding: 3px 5px;
  margin-right: 5px;
}

.Infos .currency a.getMoney:hover {
  background: #96d9f4;
}

.Infos .currency a.setPassword {
  color: #96d9f4;
}

.Infos .currency a.setPassword:hover {
  color: #000;
}

.Infos .myStuDB {
  background: url(0.png);
  overflow: hidden;
  float: left;
  padding: 5px 0px;
}

.Infos .currency p,
.Infos .myStuDB p {
  float: left;
}

.Infos .currency p.my-account .icon-question {
  width: 18px;
  height: 18px;
  background: url(n.png) no-repeat left center;
  cursor: pointer;
  margin-left: 10px;
  float: right;
}

.Infos .myStuDB p {
  margin: 0 10px;
}

.Infos .cant_tip {
  margin: -5px 0 0 10px;
}

.Infos .Notices {
  background: url(0.png);
  width: 310px;
  border: none;
  padding: 0;
  position: static;
}

.Infos .Notices,
.Infos .Notices a {
  color: #C6C6C6;
}

.Infos .Notices dt {
  text-align: center;
  font-size: 16px;
  line-height: 29px;
  border-bottom: 1px solid #1d556f;
}

.Infos .Notices dd {
  padding: 15px 20px;
}

.Infos .Notices dd p {
  overflow: hidden;
  font-size: 12px;
  line-height: 24px;
}

.Infos .Notices dd p:hover,
.Infos .Notices dd p:hover a {
  color: #FFF;
}

.Infos .Notices dd p a {
  float: left;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.Infos .Notices dd p span {
  float: right;
  width: 70px;
}

.Lec {
  margin-top: 40px;
  margin-bottom: 20px;
  min-height: 300px;
}

.Lec .Left {
  width: 180px;
}

.Lec .Left .Navigates {
  padding: 10px;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  border: 1px solid #DDD;
}

.Lec .Left .Navigates a {
  position: relative;
  display: block;
  margin-bottom: 5px;
}

.Lec .Left .Navigates a.cur {
  background-color: #00baf2;
  color: #FFF;
}

.circle {
  width: 7px;
  height: 7px;
}

.circle-pos1 {
  position: absolute;
  right: 33px;
  top: 1px;
}

.circle-pos2 {
  position: absolute;
  right: 12px;
  top: 5px;
}

.circle-pos4 {
  position: absolute;
  right: -1px;
  top: 1px;
}

.circle-pos5 {
  position: absolute;
  right: 12px;
  top: 0px;
}

.Lec .Right {
  width: 995px;
}

.rule {
  width: 990px;
  position: relative;
  margin-bottom: 30px;
}

.ruleLt {
  float: left;
  font-size: 14px;
  color: #765720;
  text-indent: 1em;
  margin: 8px 0 0 12px;
  line-height: 22px;
}

.ruleRt {
  float: right;
  width: 68px;
  height: 24px;
  background-color: #ffd5a1;
  border-radius: 3px;
  line-height: 24px;
  cursor: pointer;
  font-size: 14px;
  color: #333333;
  text-align: center;
  margin: 15px 10px 0 0;
  border-radius: 3px;
}

.statistics {
  position: absolute;
  ;
  bottom: -82px;
  right: 0px;
  width: 370px;
  height: 43px;
  background: rgba(251, 251, 251, 1) url(s.png) no-repeat 12px center;
  background-size: 28px 28px;
  border: 2px solid #f0f0f0;
  border-radius: 22px;
}

.statistics p {
  font-size: 14px;
  color: rgba(233, 135, 49, 1);
  line-height: 43px;
  padding-left: 48px;
}

.statistics p>b {
  font-size: 16px;
}

.statistics #rule {
  display: inline-block;
  width: 66px;
  height: 23px;
  line-height: 23px;
  background: rgb(233, 135, 49);
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  margin-left: 5px;
}

.ruleRt:hover {
  background-color: #ebc18d;
  color: #755620;
}

.dateYuan {
  float: left;
  width: 126px;
  height: 34px;
  line-height: 34px;
}

.date0 {
  float: left;
  margin-right: 24px;
}

.date1 {
  float: left;
  margin-right: 24px;
}

.ling {
  float: left;
  margin-left: 10px;
}

.yuan {
  float: right;
  font-size: 13px;
  color: #999999;
  margin-right: 13px;
}

.DateTxt {
  width: 100px;
  padding-left: 10px;
  box-sizing: border-box;
}

.myClassList .waiBox {
  margin-bottom: 35px;
  display: block;
  overflow: hidden;
}

.SetUp {
  position: relative;
  width: 126px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #02a6e3;
  border-radius: 1px;
  display: block;
  text-align: center;
  color: #41bcea;
}

.SetUp:hover {
  background-color: #02a6e3;
  color: #fff;
}

.subTab {
  background: #e5f6fc;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  margin-bottom: 30px;
}

.subTab a {
  display: block;
  padding: 0 20px;
  float: left;
}
.subTab a.tab-timeout {
  color: #EA4E4B;
}
.subTab a.fr {
  float: right;
}

.subTab a.cur,
.subTab a:hover {
  color: #00baf2;
}

.timeout-tip {
  width: 993px;
  height: 42px;
  background: rgba(255, 251, 231, 1) url(c.png) no-repeat 31px center;
  padding: 14px 0 14px 54px;
  font-size: 14px;
  color: rgba(51, 51, 51);
  box-sizing: border-box;
  margin-top: -15px;
  margin-bottom: 30px;
  background-size: 16px 16px;
  line-height: 1;
  border-bottom: 1px solid #f3ddb6;
}
.timeout-tip span {
  color: rgb(234, 78, 75);
}

.subTab a.overtime_tab {
  position: relative;
}

.subTab a.overtime_tab.cur {
  color: #EA4E4B !important;
}
.subTab a.overtime_tab b {
  position: absolute;
  right: -9px;
  top: -3px;
  padding: 0 7px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  background: rgb(234, 78, 75);
  border-radius: 9px;
  color: #fff;
  font-size: 14px;
}

.myClassList {
  margin-top: 50px;
  width: 995px;
}

.myClassList li {
  overflow: hidden;
  padding: 20px 10px 20px 20px;
  text-align: center;
  border-bottom: 1px solid #DDD;
  line-height: 90px;
}

li.bg {
  background: #f5f5f5;
}

.caption-ms {
  padding: 0px 10px 0 20px;
  line-height: 36px;
}

.caption-ms p {
  font-size: 16px;
  color: #333;
}

.caption-ms a {
  font-size: 12px;
  color: #999;
}

.myClassList li.caption {
  background: #f5f5f5;
  font-weight: bold;
  padding: 0px 10px 0 20px;
  line-height: 36px;
}

.myClassList li>* {
  float: left;
}

.myClassList li .info {
  width: 360px;
}

.myClassList li .info .pic {
  width: 150px;
  height: 90px;
  float: left;
  position: relative;
  overflow: hidden;
}

.myClassList li .info .pic img {
  background-color: #EEE;
  display: block;
  width: 100%;
}

i.recommendCorner {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: -50px 0px;
}

.myClassList li .info .name {
  margin-left: 160px;
  height: 90px;
  color: #999;
  line-height: 1;
  word-wrap: break-word;
}

.myClassList li .info .name a {
  color: #00baf2;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 20px;
  display: block;
}

.myClassList li .info .name a:hover {
  color: #000;
}

.myClassList li .date {
  width: 120px;
}

.myClassList li .price {
  width: 100px;
}

.myClassList li .price_1 {
  width: 90px
}

.myClassList li .price_2 {
  width: 90px
}

.myClassList li .classNum {
  width: 90px
}

.myClassList li .status {
  width: 100px;
  word-break: break-all;
}

.myClassList li .students {
  width: 100px;
}

.myClassList li .actions {
  width: 175px;
  padding-left: 10px
}

.myClassList li .actions_2 {
  width: 105px;
  padding-left: 10px
}

.myClassList li.item .actions {
  padding-top: 15px;
}

.myClassList li.item .actions_2 {
  padding-top: 35px;
}

.myClassList li.item .actions_3 {
  padding-top: 0px;
}

.myClassList li .info,
.myClassList li .actions,
.myClassList li .actions_2 {
  text-align: left;
}

.myClassList li .actions_2 a,
.myClassList li .actions a {
  position: relative;
  display: block;
  line-height: 20px;
}

.actions i.icon,
.actions_2 i.icon {
  float: left;
  margin-right: 30px;
  width: 18px;
  height: 20px;
  cursor: pointer;
}

.actions i.recommend,
.actions_2 i.recommend {
  font-style: normal;
  display: block;
  text-align: center;
  width: 16px;
  line-height: 16px;
  border: 1px solid #999;
  color: #999;
  padding: 0;
  height: 16px;
  overflow: hidden;
  margin-top: 2px;
}

.actions i.recommend.cur,
.actions_2 i.recommend.cur {
  border: 1px solid red;
  color: red;
}


.myClassList .info {
  width: 400px;
  overflow: hidden;
}

.myClassList .info .pic {
  width: 150px;
  height: 90px;
  overflow: hidden;
  float: left;
}

.myClassList .info .pic a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.myClassList .info .pic img {
  display: block;
  width: 100%;
}

.myClassList td .info .name {
  width: 230px;
  float: right;
  height: 90px;
}

.myClassList td .info .name a {
  display: block;
  height: 48px;
  line-height: 24px;
  overflow: hidden;
  color: #00baf2;
  margin-bottom: 12px;
}

.myClassList td .info .name p {
  line-height: 20px;
  margin-top: 5px;
  color: #818181;
}

.myClassList .acts {
  width: 100px;
}

.myClassList .acts a {
  position: relative;
  display: block;
  line-height: 24px;
}

.myClassList td.acts i.recommend,
.actions_2 i.recommend {
  font-style: normal;
  display: block;
  text-align: center;
  width: 16px;
  line-height: 16px;
  border: 1px solid #999;
  color: #999;
  padding: 0;
  height: 16px;
  overflow: hidden;
  margin-top: 2px;
}

.myClassList td.acts i.recommend.cur,
.actions_2 i.recommend.cur {
  border: 1px solid red;
  color: red;
}

.fileList {
  margin-top: 30px;
  line-height: 24px;
  border-top: 1px solid #DDD;
}

#videoList,
#fileList {
  margin-top: 0;
  border-top: 0;
}

.fileList li {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px solid #DDD;
}

.fileList li.caption {
  font-weight: bold;
  padding: 5px 0;
}

.fileList li>* {
  float: left;
  width: 130px;
  text-align: left;
  padding-left: 15px;
}

.fileList li .name {
  width: 490px;
  padding-left: 20px;
}

.videoList li .name {
  width: 360px;
}

.fileList li .actions {
  width: 165px;
}

.fileList li .actions i.icon {
  margin-top: 5px;
}

.special_create {}

.special_create .ps {
  border-top: 1px dashed #DDD;
  padding: 30px;
}

.special_create .caption {
  background: #e2f6fd;
  line-height: 45px;
  height: 45px;
  font-size: 18px;
  padding: 0 20px;
}

.special_Info {
  margin-top: 30px;
}

.special_Info>* {
  float: left;
  margin-bottom: 30px;
}

.special_Info_ms>dt {
  font-size: 14px;
  color: #999;
}

.special_Info_ms>dt,
.special_Info_ms>dd {
  line-height: 30px;
  margin-bottom: 20px;
  float: left;
}

.special_Info_ms>dd {
  color: #333;
}

.SelectDL-word {
  display: inline-block;
  line-height: 30px;
  margin-left: -10px;
  color: #333;
}

.special_Info>dt {
  width: 80px;
  padding-left: 20px;
  line-height: 32px;
  height: 32px;
}

.special_Info>dd {
  width: 880px;
  padding-right: 15px;
  min-height: 32px;
  position: relative;
}

.special_Info>dd input,
.special_Info>dd>textarea {
  border: 1px solid #DDD;
  line-height: 22px;
  display: block;
}

.special_Info>dd input {
  width: 870px;
  text-indent: 5px;
  padding: 4px;
  height: 22px;
}

.special_Info>dd input.w120 {
  width: 120px;
}

.special_Info>dd>textarea {
  width: 860px;
  height: 120px;
  padding: 4px 9px;
  height: 110px;
}

.special_Info>dd p.errorLog {
  left: 0px;
  bottom: -24px;
  line-height: 24px;
  position: absolute;
  color: #b02f29;
  text-indent: 10px;
  display: none;
}

.special_Info>dd .SelectDL {
  margin-right: 20px;
  width: 350px;
  line-height: 30px;
}

.special_Info>dd .SelectDL dt {
  background: none;
  text-indent: 10px
}

.special_Info .cover {
  width: 500px;
  height: 300px;
  background: #EEE;
  border: 1px solid #DDD;
  position: relative;
}

.special_Info .cover button {
  width: 100px;
  display: block;
  margin: 80px auto 30px auto;
}

.special_Info .cover p {
  padding-left: 80px;
}

.special_Info .cover .upControl,
.special_Info .cover img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.special_Info .cover img.loading {
  background: #FFF url(g.gif) no-repeat center center;
}

.special_Info>dd.addClasses {}

.addClasses-span {
  color: #999;
  margin-left: -16px;
}

.special_Info>dd.addClasses button {
  border-radius: 0;
  height: 32px;
  width: 90px;
  padding: 0;
  margin-right: 20px;
}

.special_Info>dd.addClasses>p {
  line-height: 32px;
}

.special_Info>dd.addClasses table {
  width: 100%;
  margin-top: 20px;
}

.special_Info>dd.addClasses input {
  width: 100px;
}

.special_Info>dd.addClasses .SelectDL {
  width: 130px;
  margin: auto;
}

.special_Info>dd.addClasses th {
  border-bottom: 1px solid #DDD;
  padding: 5px 10px;
  border-top: 1px solid #DDD;
  background: #F5F5F5;
}

.special_Info>dd.addClasses td {
  border-bottom: 1px solid #DDD;
  padding: 5px 10px;
  text-align: left;
}

.special_Info>dd.addClasses td select {
  display: inline-block;
  margin-right: 5px;
  width: 50%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.special_Info>dd.addClasses td select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.special_Info>dd.addClasses td.acts a {
  margin: 0 5px;
}

.special_Info>dd.addClasses a:hover {
  color: #00baf2;
}

#cList tr:first-child a.up,
#cList tr:last-child a.down {
  color: #999;
}

.special_Info input.course_price.error {
  border-color: red;
}

.special_create .prices {
  margin-top: 20px;
}

.special_create .prices span {
  font-size: 18px;
  color: #b02f29;
  margin-right: 30px;
}

.special_create button.Save {
  width: 220px;
  height: 60px;
  padding: 0;
  margin: 50px auto;
  display: block;
  border-radius: 0;
  font-size: 22px;
}

.special_create button.Save.lock {
  background-color: #999;
}

.addLesson {}

.addLesson>h2 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: -10px;
  line-height: 60px;
  background: #f5f5f5;
  text-align: center;
}

.addLesson .searchDiv {
  overflow: hidden;
  padding: 0px 20px 20px 20px;
}

.addLesson .searchDiv input {
  width: 220px;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  margin-right: 10px;
}

.addLesson .searchDiv button {
  font-size: 16px;
  width: 100px;
  height: 34px;
  line-height: 1;
}

.addLesson .lessonList {
  height: 245px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  overflow: hidden;
}

.addLesson .lessonList li {
  overflow: hidden;
  border-bottom: 1px solid #DDD;
  line-height: 50px;
  text-align: left;
}

.addLesson .lessonList li:hover {
  background: #F5F5F5;
  cursor: pointer;
}

.addLesson .lessonList li p {
  width: 320px;
  overflow: hidden;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addLesson .lessonList li span {
  float: left;
}

.addLesson .lessonList li.cur {
  background: url(g.png) no-repeat 92% center;
}

.addLesson .lessonList p.more {
  line-height: 40px;
  background: #EEE;
  text-align: center;
  cursor: pointer;
  color: #999;
  display: none;
}

.addLesson .btns {
  margin: 0 auto;
}

.addLesson .btns button {
  border: 1px solid #00baf2;
  font-size: 18px;
  width: 150px;
  height: 40px;
  margin: 30px;
}

.useStatus {
  margin-top: 20px;
}

.useStatus li {
  line-height: 36px;
  border-bottom: 1px solid #DDD;
}

.useStatus button {
  display: block;
  width: 130px;
  height: 40px;
  font-size: 16px;
  margin: 20px auto auto auto;
}

.dir {
  padding-top: 30px;
  border-top: 1px solid #DDD;
  margin-top: 15px;
}

.dir>p.fl {
  width: 120px;
  text-align: right;
}

.dir .SelectDL {
  width: 300px;
  margin-left: 20px;
  line-height: 32px;
  margin-bottom: 40px
}

.dir .SelectDL dd ul,
.ManageDir .SelectDL dd ul {
  max-height: 120px
}

.dir button,
.ManageDir button {
  font-size: 18px;
  height: 40px;
  border: 1px solid #00baf2;
  line-height: 1;
  padding: 0 30px;
  margin: 40px 20px 0 20px;
}

.ManageDir {
  padding-top: 30px;
  border-top: 1px solid #DDD;
  margin-top: 15px;
  line-height: 32px;
}

.ManageDir .th {
  float: left;
  overflow: hidden;
  width: 150px;
  line-height: 32px;
}

.ManageDir .th input {
  float: left;
  margin-left: 30px;
  margin-top: 10px;
}

.ManageDir .th p {
  float: left;
  margin-left: 5px;
  color: #818181;
}

.ManageDir .td {
  text-align: left;
  float: left;
  width: 400px;
  margin-bottom: 25px;
}

.ManageDir .td p.error {
  margin-bottom: -18px;
  line-height: 18px;
  display: none;
}

.ManageDir .td input {
  height: 30px;
  line-height: 30px;
  width: 340px;
  border: 1px solid #DDD;
  text-indent: 4px;
}

.ManageDir .td .SelectDL {
  width: 340px;
  margin-bottom: 10px;
}

.ManageDir .td .SelectDL dd {
  max-height: 110px;
}

.uploadList {}

.uploadListTitle {
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border-bottom: 1px solid #EEE;
  background: #F5F5F5;
}

.uploadList {}

.uploadList>.main {
  height: 250px;
}

.uploadList>.main .intro {
  line-height: 40px;
  text-align: center;
}

.uploadList li {
  overflow: hidden;
  height: 44px;
  border-bottom: 1px solid #EEE;
  position: relative;
}

.uploadList li.bg {
  background: #F5F5F5;
  border-top: 1px solid #EEE;
}

.uploadList li:last-child {
  border-bottom: 0;
}

.uploadList li>* {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.uploadList li .pec {
  background: #E5F6FC;
  height: 100%;
  width: 0;
}

.uploadList li .main {
  line-height: 44px;
  overflow: hidden;
}

.uploadList li p {
  float: left;
  text-align: left;
}

.uploadList li p.name {
  width: 310px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 20px;
}

.uploadList li p.size {
  width: 15%;
}

.uploadList li p.pecNum {
  width: 20%;
}

.uploadList li a,
.uploadList li p.acts {
  float: right;
  padding-right: 20px;
  width: 10%
}

.uploadList button {
  font-size: 16px;
  padding: 0 30px;
  height: 40px;
  line-height: 1;
}

.uploadList li p.acts i.icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
  margin-top: 12px;
  cursor: pointer;
}

.batch.Btns button {
  width: 120px;
  background: #FFF;
  color: #818181;
  border: 1px solid #818181;
  height: 32px;
  padding: 0;
  line-height: 1;
  margin: 0 10px;
}

.batch.Btns button:hover {
  background: #00baf2;
  color: #FFF;
  border-color: #00baf2;
}

.distribute {
  padding: 20px;
}

.distribute textarea {
  width: 500px;
  padding: 4px;
  border: 1px solid #DDD;
  height: 48px;
  line-height: 24px;
  margin-bottom: 20px;
  display: block;
}

.distribute button {
  font-size: 16px;
  width: 160px;
  margin: 10px 15px;
  border: 1px solid #00baf2;
  padding: 0;
  height: 40px;
}

.CreateBath {}

.CreateBath td {
  padding-bottom: 20px;
  padding-right: 10px;
}

.CreateBath th {
  padding-bottom: 20px;
  padding-right: 20px;
  text-align: right;
}

.CreateBath input {
  height: 34px;
  border: 1px solid #DDD;
  line-height: 34px;
  width: 240px;
  padding-left: 10px;
}

.CreateBath i.icon {
  margin-top: 3px;
}

.CreateBath .SelectDL {
  line-height: 36px;
  height: 36px;
}

.CreateBath .SelectDL dd {
  top: 36px;
}

.CreateBath.Btns button {
  height: 50px;
  font-size: 20px;
  width: 240px;
  margin: 20px;
  border: 1px solid #00baf2;
}

.CreateBath.tips {
  padding: 30px;
  border-top: 1px dashed #DDD;
}

.orderList table th,
.orderList table td {
  padding: 10px;
}

.DialogV2 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 50002;
  display: none;
}

.DialogV2 .content {
  background: #FFF;
  border-radius: 5px;
  margin: auto;
  width: 740px;
}

.DialogV2 .content .title {
  padding: 20px;
  text-align: center;
  font-size: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #F5F5F5;
}

.DialogV2 .content .Main {
  padding: 20px 50px;
}

.DialogV2 .content .Main button {
  height: 45px;
  border: 1px solid #00baf2;
  font-size: 18px;
  padding: 0 35px;
  margin: 10px 20px 0 20px;
}

.DialogV2 .content .Main button.white {
  background: #FFF;
  color: #00baf2;
}

.DialogV2 .content .Main textarea {
  width: 490px;
  padding: 4px;
  height: 80px;
  margin-top: 10px;
  padding-bottom: 20px;
  display: block;
}

.DialogV2 .content .Main p.prompt {
  line-height: 20px;
  margin-top: -30px;
  text-align: right;
  padding-right: 10px;
}

.DV2Con {
  width: 500px;
  padding-left: 100px;
  word-wrap: break-word;
}

.DV2Con li {
  position: relative;
  line-height: 30px;
  margin-bottom: 10px;
}

.DV2Con li span {
  position: absolute;
  left: -100px;
  top: 0px;
  display: block;
  text-align: right;
  width: 80px;
  color: #818181;
}

.questList {
  padding-right: 20px;
}

.qItem {
  margin-bottom: 35px;
  overflow: hidden;
}

.qItem .blue {
  color: #56B8ED;
  cursor: pointer;
}

.qItem .pic {
  float: left;
  width: 52px;
  height: 52px;
  position: relative;
}

.qItem .pic img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background: #DDD;
}

.qItem .pic .vipMedium {
  position: absolute;
  right: 0;
  bottom: 0;
}

.qItem>.main {
  width: 903px;
  float: right;
  word-wrap: break-word;
  position: relative;
}

.qItem .top {
  color: #333;
  font-size: 16px;
}


.qItem .main .top-content {
  margin: 11px 0;
  color: #333333;
  font-size: 16px;
  word-break: break-all;
}

.qItem>.main .time {
  border: 1px solid #DDD;
  padding: 0 5px;
  line-height: 14px;
  font-size: 12px;
  margin-top: 4px;
  color: #999;
  margin-right: 10px;
  padding-left: 20px;
  background: url(s.png) no-repeat -444px -98px;
  position: relative;
}

.qItem>.main .time:hover {
  color: #666;
  border-color: #999;
}

.qItem>.main .time:before {
  position: absolute;
  height: 100%;
  width: 1px;
  display: block;
  content: "";
  background: #DDD;
  left: 16px;
  top: 0px;
}

.qItem .replyList .content {
  margin-top: 16px;
  color: #333333;
}

.qItem .replyList {
  background: #F4F5F7;
  padding: 0px 39px 0 22px;
  box-sizing: border-box;
  width:902px;
  border-radius:10px;
}

.rItem {
  overflow: hidden;
  border-bottom: 1px solid #E2E4E8;
  padding: 18px 0;
}

.rItem:last-child {
  border: none;
}

.rItem .main {
  
}

.qItem p.blue-button {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 76px;
  height: 32px;
  line-height: 32px;
  background: linear-gradient(-90deg, rgba(0, 156, 255, 1), rgba(33, 184, 255, 1));
  border-radius: 16px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}

.qItem p.blue-button:hover {
  background: #009DFF;
}

.replyMain {
  padding: 20px 30px 30px 30px;
  text-align: left;
  background: #F5F5F5;
  display: none;
  margin-bottom: 20px;
}

.replyMain p {
  margin-bottom: 10px;
  font-weight: bold;
}

.replyMain textarea {
  padding: 4px;
  border: 1px solid #DDD;
  height: 80px;
  width: 835px;
}

.replyMain button {
  width: 100px;
  height: 32px;
  margin: 10px auto;
  font-size: 16px;
  border: 1px solid #00BAF2;
  border-radius: 2px;
}

.replyMain button.w {
  background: #FFF;
  color: #00baf2;
  margin-left: 20px;
}

.rItem .replyMain {
  padding: 0 30px 0 74px;
  margin-bottom: 0;
}

.rItem .replyMain textarea {
  width: 729px;
}

span.Explain {
  border: 1px solid #999;
  line-height: 28px;
  margin: 5px 10px;
  padding: 0 30px 0 15px;
  font-size: 14px;
  cursor: default;
  background: url(tips.png) no-repeat 90% center;
}

span.Explain:hover {
  opacity: 0.8;
}

span.Explain.open {
  background-image: url(tips2.png);
}

div.Explain {
  margin-top: -10px;
  border: 1px solid #DDD;
  padding: 10px 20px;
  position: relative;
  line-height: 2;
  display: none;
}

div.Explain.open {
  display: block;
}

div.Explain .ps {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.Pack {
  margin-bottom: 30px;
}

.Pack .tit {
  border-left: 4px solid #00baf2;
  line-height: 16px;
  padding-left: 16px;
  overflow: hidden;
}

.Pack .tit h4 {
  font-size: 16px;
}

.maxHeight {
  max-height: 800px;
  overflow: hidden;
}

.showMore {
  line-height: 40px;
  color: #00baf2;
  cursor: pointer;
  font-size: 16px;
  border-top: 1px solid #DDD;
}

.showMore:hover {
  opacity: 0.8;
}

.ExDatas {
  margin: 30px -5px;
  overflow: hidden;
}

.ExDatas li {
  float: left;
  width: 191px;
  margin: 0 5px;
  height: 55px;
  padding: 20px 0;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

.ExDatas li p {
  font-size: 36px;
  margin-bottom: 5px;
}

.ExDatas li span {
  font-size: 12px;
}

.bg_blue {
  background: #5FBCDF;
}

.bg_blue2 {
  background: #8FABD6;
}

.bg_org {
  background: #EBA26A;
}

.bg_org2 {
  background: #F6835C;
}

.bg_green {
  background: #7DCBAB;
}

.ExplainList {
  width: 100%;
}

.ExplainList thead {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  font-weight: bold;
  background: #F5F5F5;
}

.ExplainList tbody td {
  border-bottom: 1px solid #DDD;
  line-height: 24px;
}

.ExplainList td {
  padding: 10px 10px;
}

.ExplainList td p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ExplainList td p.w150 {
  width: 150px;
}

.Section {}

.Section a.day {
  display: block;
  line-height: 30px;
  border: 1px solid #DDD;
  padding: 0 20px;
  cursor: default;
  float: left;
  margin-right: -1px;
  position: relative;
  z-index: 1;
}

.Section a.day.cur,
.Section p.day:hover {
  border-color: #00baf2;
  z-index: 2;
  color: #00baf2;
}

.Optional {
  border: 1px solid #DDD;
  line-height: 30px;
  padding: 0 30px 0 10px;
  background: url(n.png) no-repeat 90% center;
  position: relative;
  cursor: default;
}

.Optional .changeDates {
  position: absolute;
  top: -1px;
  line-height: 0px;
  padding: 4px;
  width: 260px;
  border: 1px solid #DDD;
  background: #FFF;
  left: -1px;
  display: none;
}

.Optional.show .changeDates {
  display: block;
}

.Optional .changeDates.on {
  width: 190px;
}

.Optional .changeDates input {
  height: 20px;
  border: 1px solid #EEE;
  width: 80px;
  margin: 0 5px;
  text-align: center;
}

.Optional .changeDates button {
  width: 60px;
  padding: 0;
  height: 20px;
  line-height: 1;
}

.Optional .changeDates.on button {
  display: none;
}

.Section .SelectDL {
  line-height: 30px;
  width: 400px;
}

.chart {
  height: 300px;
  margin-top: 10px;
}

.chartTabs {
  overflow: hidden;
  border: 1px solid #DDD;
  float: left;
  margin-left: 20px;
  padding: 1px;
}

.chartTabs p {
  float: left;
  cursor: pointer;
  margin: 1px;
  background: #F5F5F5;
  float: left;
  padding: 5px 20px;
}

.chartTabs p.cur,
.chartTabs p:hover {
  color: #00baf2;
  background: #EEE;
}


.publication_course {
  width: 645px;
  background: #f5f5f5;
  border: 1px dashed #e0e0e0;
  margin: 100px auto 0;
}

.publication_course_top {
  position: relative;
  padding: 20px;
}

.publication_course_top .a_img {
  float: left;
}

.publication_course_top img {
  display: block;
  width: 216px;
  height: 130px;
}

.publication_course_top .right {
  position: absolute;
  top: 22px;
  left: 256px;
  width: 380px;
  overflow: hidden;
}

.publication_course_top .right .tit {
  display: block;
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.publication_course_top .right .con {
  height: 40px;
  font-size: 12px;
  color: #666;
  padding-left: 0;
  margin-top: 5px;
  overflow: hidden;
}

.publication_course_top .right .list {
  margin-left: -20px;
  margin-top: 10px;
}

.publication_course_top .right .list li {
  float: left;
  font-size: 12px;
  color: #a0a0a0;
  padding: 0 20px;
  border-left: 1px solid #e0e0e0;
}

.publication_course_top .right .list li:first-child {
  border-left: 0;
}

.publication_course_top .right .list li span {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #f75c5c;
}

.publication_course_top .right .list li.last {
  float: right;
  border-left: 0;
}

.publication_course_top .right .list li a {
  font-size: 12px;
  color: #02a6e3;
}

.publication_course_bot {
  margin: 20px;
  padding: 10px 0;
  border-top: 1px solid #e0e0e0;
}

.publication_course_bot li a {
  display: block;
  padding-left: 10px;
  background: url(0.png) no-repeat left center;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.more_special_btn {
  text-align: center;
  margin-top: 20px;
}

.more_special_btn a {
  font-size: 14px;
  color: #02a6e3;
}

.msg_special {
  width: 820px;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  font-size: 16px;
  color: #F75C5C;
  background: #fff0d8;
  margin: 40px auto 0;
  text-align: center;
}

.btns_box_special {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -285px;
  margin-top: 60px;
  width: 570px;
  margin-bottom: 30px;
}

.btns_box_special a {
  float: left;
  width: 168px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  margin-left: 30px;
  font-size: 20px;
  color: #333;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

.btns_box_special a:first-child {
  margin-left: 0;
}

.btns_box_special a.on {
  background: #02a6e3;
  color: #fff;
  border: 1px solid #02a6e3;
}

.tobindnew {
  position: absolute;
  top: -28px;
  left: 0;
}

.tobindnew a {
  color: #00baf2;
}


#Msg_link .link-wrap {
  padding: 0 13px;
}

#Msg_link .link-wrap p {
  float: left;
  width: 440px;
  height: 40px;
  line-height: 40px;
  background: #F4F7FD;
  padding-left: 15px;
  font-size: 16px;
}

#Msg_link .link-wrap p>b {
  color: #666;
}

#Msg_link .link-wrap button {
  float: left;
  border-radius: 6px;
  margin-left: 10px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}

#Msg_link .link-wrap button[disabled="disabled"] {
  background-color: rgb(228, 228, 228);
  color: #999;
  cursor: no-drop;
}

#Msg_link .tip {
  margin-top: 19px;
  font-size: 12px;
  color: #F76262;
  background: url(p.png) no-repeat left center;
  background-size: 17px 16px;
  padding-left: 25px;
  margin-left: 12px;
  line-height: 22px;
  cursor: pointer;
  display: inline-block;
}

.addLesson .sec_tip {
  position: relative;
  width: 755px;
  height: 32px;
  line-height: 32px;
  color: #fc5c60;
  background: #fff1f3;
  font-size: 12px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 0 20px;
}

.addLesson .sec_tip:before {
  content: '';
  background-image: url('r.png');
  vertical-align: middle;
  display: inline-block;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-right: 7px;
}

.addLesson .til {
  position: relative;
  width: 836px;
  height: 36px;
  line-height: 36px;
  background: #f5f5f5;
  border-top: 1px #ddd solid;
}

.addLesson .t_ch {
  float: left;
  width: 65px;
  margin-left: 20px;
}

.addLesson .t_name {
  float: left;
  width: 320px;
}

.addLesson .t_price {
  float: left;
  width: 70px;
}

.addLesson .t_time {
  float: left;
  width: 120px;
}

.addLesson .t_salenum {
  float: left;
  width: 70px;
}

.addLesson .t_secnum {
  float: left;
  width: 100px;
}

.addLesson .t_score {
  float: left;
  width: 58px;
}

.lessonList ul {
  width: 100%;
}

.lessonList ul li {
  width: 100%;
}

.lessonList .i_ch {
  width: 65px;
  display: block;
  height: 50px;
}

.lessonList .i_price {
  width: 70px;
}

.lessonList .i_time {
  width: 120px;
}

.lessonList .i_salenum {
  width: 70px;
}

.lessonList .i_secnum {
  width: 100px;
}

.lessonList .uncheck:before {
  content: '';
  background-image: url('e.png');
  vertical-align: middle;
  display: inline-block;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  margin-top: -3px;
  margin-right: 7px;
}

.lessonList .cantcheck:before {
  content: '';
  background-image: url('y.png');
  vertical-align: middle;
  display: inline-block;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  margin-top: -3px;
  margin-right: 7px;
}

.luncheck {
  color: #999;
}

.i_ch.checked+p {
  color: #02A6E3;
}

.i_ch.checked~span {
  color: #02A6E3;
}

.lessonList .checked:before {
  content: '';
  background-image: url('d.png');
  vertical-align: middle;
  display: inline-block;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  margin-top: -3px;
  margin-right: 7px;
}

.addLesson .select_all {
  position: relative;
  margin-left: 20px;
  height: 50px;
  line-height: 50px;
  width: 120px;
  cursor: pointer;
}

.select_all.uncheck:before {
  content: '';
  background-image: url('e.png');
  vertical-align: middle;
  display: inline-block;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  margin-top: -3px;
  margin-right: 7px;
}

.select_all.checked:before {
  content: '';
  background-image: url('d.png');
  vertical-align: middle;
  display: inline-block;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  margin-top: -3px;
  margin-right: 7px;
}

.cant_tip {
  position: absolute;
  line-height: 16px;
  background-color: #fdf4ed;
  border: 2px solid #f5bd95;
  font-size: 12px;
  color: #e83323;
  display: block;
  padding: 10px;
  border-radius: 3px;
  float: left;
  top: 10px;
  right: 0%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  cursor: pointer;
}

.Infos .Main {
  position: relative;
}

.getMoney1 {
  position: relative;
  float: left;
  color: #00baf2;
  padding: 0px 5px;
  margin-right: 10px;
  cursor: pointer;
}

.i_info {
  position: relative;
  width: 20px;
  height: 20px;
}

.pubList .err-status .cash-status {
  color: red;
}

.pubList .err-status .hover-box {
  background-color: #fdf4ed;
  border: 2px solid #f5bd95;
  font-size: 12px;
  color: #e83323;
}

.pubList .status-wrap .hover-box {
  position: absolute;
  top: 45px;
  left: -78px;
  padding: 10px;
  min-width: 200px;
  z-index: 99;
  display: none;
}

.pubList .status-wrap {
  position: relative;
}

.pubList .status-wrap .hover-box p {
  line-height: 18px;
}

.condition-mr10 {
  margin-right: 10px;
  overflow: hidden;
}



.s_l {
  float: left;
}

.s_r {
  float: right;
}

.top-tip {
  position: relative;
  height: 44px;
  line-height: 44px;
  background: #d6f6fc;
  color: #424242;
  padding-left: 20px;
  font-size: 16px;
  padding-right: 30px;
}

.top-tip .s_r {
  cursor: pointer;
}

.rec_name,
.rec_time,
.rec_from,
.rec_class,
.rec_btns {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  padding-right: 30px;
  margin-top: 24px;
}

.rec_name .s_r {
  float: left;
  margin-left: 10px;
  width: 840px;
}

.rec_time .s_r {
  float: left;
  margin-left: 10px;
  width: 120px;
  height: 34px;
}

.rec_from .s_r {
  float: left;
  margin-left: 10px;
}

.rec_from .rec_from_tip {
  float: left;
  margin-left: 10px;
  color: #999;
}

.rec_class .s_r {
  float: left;
  margin-left: 10px;
  width: 84px;
  height: 34px;
  border-radius: 3px;
  line-height: 34px;
  text-align: center;
  border: 1px #96cde0 solid;
  color: #02a6e3;
  background: #f1fbff;
  cursor: pointer;
}

.rec_btns {
  text-align: center;
}

.rec_btns .s_l {
  width: 120px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background: #33c8f5;
  display: inline-block;
  float: none;
  cursor: pointer;
}

.rec_btns .s_r {
  width: 120px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 3px;
  color: #33c8f5;
  background: #fff;
  display: inline-block;
  border: 1px #33c8f5 solid;
  float: none;
  margin: 0 20px;
  cursor: pointer;
}

.ipt-recname {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 1px #ddd solid;
}

.rec_tips {
  padding-top: 40px;
  font-size: 14px;
  color: #424242;
  margin-top: 60px;
  border-top: 1px #ddd solid;
  margin-bottom: 60px;
}

.form-group-c .addClasses {
  position: relative;
  line-height: 36px;
  padding-left: 86px;
  padding-right: 30px;
  margin-top: 24px;
}

.form-group-c .addClasses table th {
  border-bottom: 1px solid #DDD;
  padding: 5px 10px;
  border-top: 1px solid #DDD;
  background: #F5F5F5;
}

.form-group-c .addClasses table td {
  border-bottom: 1px solid #DDD;
  padding: 5px 10px;
  text-align: left;
}

.rec_time select {
  width: 100%;
  height: 34px;
}

.addLesson .lessonList li {
  padding: 0 20px;
  box-sizing: border-box;
}



.index-board-wrapper {
  margin-top: -9px;
}

.index-board-wrapper .board-intro {
  padding-bottom: 50px;
}

.index-board-wrapper .common-box,
.lec_no_course-wrapper .common-box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.index-board-wrapper .number-wrapper {
  background: #E8F4FE;
  height: 105px;
  padding: 30px 0 30px 150px;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
}

.index-board-wrapper .number-wrapper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 144px;
  height: 105px;
  background: url('s.png') -10px -10px;
}

.index-board-wrapper .number-wrapper:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 97px;
  height: 58px;
  background: url('s.png') -174px -10px;
}

.index-board-wrapper .number-wrapper .text {
  font-size: 16px;
  color: #575D6F;
  line-height: 28px;
}

.index-board-wrapper .number-wrapper .text span {
  font-size: 18px;
  color: #EB5F61;
  display: inline-block;
  margin: 0 2px;
  font-weight: bold;
}

.index-board-wrapper .college-wrapper {
  margin-top: 26px;
}

.index-board-wrapper .college-wrapper .tit {
  font-size: 12px;
  color: #80828E;
  text-align: right;
  float: right;
  width: 100%;
  margin-bottom: 18px;
}

.index-board-wrapper .college-wrapper .tit:hover {
  color: #4CA6E3;
}

.index-board-wrapper .college-wrapper .list {
  margin-left: -20px;
}

.index-board-wrapper .college-wrapper .list li {
  float: left;
  margin-left: 20px;
  width: 223px;
  height: 80px;
  font-size: 18px;
  color: #575D6F;
  font-weight: bold;
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  transition: all .2s linear;
}

.index-board-wrapper .college-wrapper .list li:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
}

.index-board-wrapper .college-wrapper .list li span {
  display: inline-block;
  width: 76px;
  height: 41px;
  line-height: 20px;
  position: absolute;
  left: 85px;
  top: 20px;
}

.index-board-wrapper .college-wrapper .list li>a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.index-board-wrapper .college-wrapper .list li:before {
  content: '';
  position: absolute;
  left: 21px;
  top: 14px;
  width: 53px;
  height: 53px;
}

.index-board-wrapper .college-wrapper .list .item1:before {
  background: url('s.png') -156px -135px;
}

.index-board-wrapper .college-wrapper .list .item2:before {
  background: url('s.png') -10px -135px;
}

.index-board-wrapper .college-wrapper .list .item3:before {
  background: url('s.png') -10px -208px;
}

.index-board-wrapper .college-wrapper .list .item4:before {
  background: url('s.png') -83px -208px;
}

.index-board-wrapper .college-wrapper .list .item5:before {
  background: url('s.png') -83px -135px;
}

.index-board-wrapper .board-charts {
  background: #F2F5F7;
  padding-top: 48px;
  padding-bottom: 50px;
}

.index-board-wrapper .board-charts .tip {
  font-size: 16px;
  color: #575D6F;
  font-weight: Bold;
}

.index-board-wrapper .nav {
  width: 100%;
  height: 36px;
  background: #DFE6E9;
  border-radius: 17px;
  margin: 32px 0;
}

.index-board-wrapper .nav .nav-item {
  display: inline-block;
  width: 95px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #212432;
}

.index-board-wrapper .nav .nav-item.trend {
  border-radius: 17px 0 0 17px;
}

.index-board-wrapper .nav .nav-item.cur {
  background: #4CA7F8;
  color: #fff;
  font-weight: bold;
}


.index-board-wrapper .chart-wrapper .title {
  font-size: 26px;
  color: #212432;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.index-board-wrapper .chart-wrapper {
  position: relative;
}

.index-board-wrapper .chart-wrapper .other-intro {
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #80828E;
  transition: color .1s linear;
}

.index-board-wrapper .chart-wrapper .other-intro:hover {
  color: #4CA6E3;
}

.index-board-wrapper .chart-wrapper .title:after {
  content: '';
  position: absolute;
  right: -28px;
  top: 13px;
  width: 19px;
  height: 19px;
  background: url('s.png') -291px -121px;
  cursor: pointer;
}

.index-board-wrapper .chart-wrapper .title:hover:after {
  background: url('s.png') -291px -160px;
}

.index-board-wrapper .classfy-wrapper {
  margin-top: 20px;
  margin-bottom: 42px;
}

.index-board-wrapper .classfy-wrapper .classfy-dl .til,
.index-board-wrapper .time-wrapper .tit {
  float: left;
  width: 68px;
  margin-top: 10px;
  margin-right: 9px;
  text-align: right;
  font-size: 12px;
  color: #80828E;
}

.index-board-wrapper .classfy-wrapper .classfy-dl .content {
  float: left;
  min-height: 36px;
  line-height: 36px;
  position: relative;
}

.index-board-wrapper .classfy-wrapper .classfy-dl .content .SelectDL {
  line-height: 34px;
  margin-right: 30px;
  width: 200px;
  height: 34px;
}

.index-board-wrapper .classfy-wrapper .classfy-dl .content .SelectDL dt p.default {
  color: #999;
  text-align: left;
  text-indent: 30px;
  font-size: 14px;
}

.index-board-wrapper .classfy-wrapper .classfy-dl .content .SelectDL dt p.errorLog {
  line-height: 14px;
  position: absolute;
  left: -11px;
  bottom: -24px;
  color: red;
  line-height: 20px;
  text-indent: 10px;
  display: none;
}

.index-board-wrapper .classfy-wrapper .classfy-dl>dd>dl>dd {
  font-size: 14px;
  color: #999;
  line-height: 26px;
  margin-top: 5px;
  top: 30px;
}

.index-board-wrapper .time-wrapper ul li {
  width: 77px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(228, 230, 231);
  border-radius: 3px;
  font-size: 12px;
  color: #212432;
  cursor: pointer;
  margin-top: 5px;
  margin-right: 10px;

}

#searchType li:last-child {
  color: gainsboro;
}

.index-board-wrapper .time-wrapper ul li.cur {
  background: rgba(76, 167, 248, 1);
  border: 1px solid rgba(76, 167, 248, 1);
  color: #fff;
}

.index-board-wrapper .bar-chart-wrapper {
  margin: -5px 0 54px;
}

.index-board-wrapper .bar-chart-wrapper .left {
  width: 932px;
  height: 371px;
  margin-right: 20px;
}

.index-board-wrapper .bar-chart-wrapper .left .echart {
  width: 932px;
  height: 371px;
}

.index-board-wrapper .bar-chart-wrapper .right {
  width: 246px;
  height: 371px;
}

.index-board-wrapper .bar-chart-wrapper .right li {
  width: 246px;
  height: 111px;
  padding: 27px 0 0 22px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}

.index-board-wrapper .bar-chart-wrapper .right li .p1 {
  font-family: 'DIN', 'lato', 'dosis', '微软雅黑', '苹方';
  font-size: 26px;
  color: #212432;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 28px;
}

.index-board-wrapper .bar-chart-wrapper .right li:after {
  content: '';
  position: absolute;
  right: 26px;
  bottom: 0;
  width: 44px;
  height: 40px;

}

.index-board-wrapper .bar-chart-wrapper .right li.item0:after {
  background: url('s.png') -291px -10px;
}

.index-board-wrapper .bar-chart-wrapper .right li.item1:after {
  background: url('s.png') -290px -63px;
}

.index-board-wrapper .bar-chart-wrapper .right li.item2:after {
  background: url(s.png) -152px -201px;
  width: 51px;
  height: 45px;
}

.index-board-wrapper .bar-chart-wrapper .right li .p2 {
  font-size: 14px;
  color: #80828E;
}

.index-board-wrapper .keyword-chart-wrapper .time-wrapper .tit {
  width: 36px;
  margin-bottom: 30px;
}

.index-board-wrapper .table-wrapper {
  margin-top: -22px;
}

.index-board-wrapper .table-wrapper .left {
  width: 932px;
}

.index-board-wrapper .table-wrapper .right {
  width: 246px;
  height: 371px;
}

.index-board-wrapper .table-wrapper .right .tit {
  margin: 18px 0 0 25px;
  font-size: 14px;
  color: #212432;
  font-weight: bold;
  position: relative;
}

.index-board-wrapper .table-wrapper .right .tit:after {
  content: '';
  position: absolute;
  right: 79px;
  top: 3px;
  width: 19px;
  height: 19px;
  background: url(s.png) -291px -121px;
  cursor: pointer;
  transform: scale(.8);
}

.index-board-wrapper .table-wrapper table {
  width: 932px;
  font-size: 14px;
  color: #575D6F;
  text-align: left;


}

.index-board-wrapper .table-wrapper table thead td:nth-of-type(1),
.index-board-wrapper .table-wrapper table tbody td:nth-of-type(1) {
  padding-left: 46px;
  max-width: 650px;
}

.index-board-wrapper .table-wrapper table thead td:nth-of-type(2),
.index-board-wrapper .table-wrapper table tbody td:nth-of-type(2) {
  width: 100px;
}

.index-board-wrapper .table-wrapper table thead td:nth-of-type(3),
.index-board-wrapper .table-wrapper table tbody td:nth-of-type(3) {
  width: 130px
}

.index-board-wrapper .table-wrapper table thead td:nth-of-type(7),
.index-board-wrapper .table-wrapper table tbody td:nth-of-type(7) {
  padding-right: 46px;
}

.index-board-wrapper .table-wrapper table tbody td a:hover {
  color: #4CA6E3;
}

.index-board-wrapper table .bg {
  background: #F2F5F7;
}

.index-board-wrapper table thead {
  font-weight: bold;
  height: 66px;
}

.index-board-wrapper table thead td:not(:first-child) {
  cursor: pointer;
}

.index-board-wrapper table thead td.no-pointer {
  cursor: initial;
}

.index-board-wrapper table tr {
  height: 58px;
}

.index-board-wrapper table .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: all .1s linear;
}

.index-board-wrapper table .caret.rotate {
  transform: rotate(180deg);
}

.index-board-wrapper table .caret.hide {
  display: none;
}


.ic-pagination {
  text-align: center;
}

.ic-pagination a,
.ic-pagination span {
  display: inline-block;
  margin: 0px;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  line-height: 40px;
  overflow: hidden;
  background: none;
  border: 0;
  margin-right: 5px;
}

.ic-pagination span.active,
.ic-pagination a:hover {
  display: inline-block;
  border-color: #00baf2;
  color: #fff;
  background: #21B8FF;
  border-radius: 50%;
}

.pagination .prev,
.pagination .next {
  background: #d2d9dd;
  
}

.pagination .next .i_right {
  width: 21px;
  height: 21px;
  background: url('2.png') -61px -85px;
  top: 9px;
  left: 11px;
  position: relative;
  transform: scale(.7);
}

.pagination .prev .i_left {
  width: 21px;
  height: 23px;
  background: url('2.png') -21px -85px;
  top: 8px;
  left: 8px;
  position: relative;
  transform: scale(.7);
}

.ic-pagination a,
.ic-pagination a {
  display: inline-block;
  margin-right: 10px;
}

.index-board_course-wrapper .table-wrapper table {
  width: 1200px;
}

.index-board_course-wrapper .data-card-wrapper {
  margin: 0px -18px 53px 0px;
}

.index-board_course-wrapper .data-card-wrapper li {
  float: left;
  width: 223px;
  height: 95px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  margin-right: 18px;
  padding: 21px 0 0 26px;
  box-sizing: border-box;
  font-size: 14px;
  color: #80828E;
  position: relative;
}

.index-board_course-wrapper .data-card-wrapper li .p1 {
  font-family: DIN-Bold;
  font-size: 26px;
  color: #212432;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 28px;
}

.index-board_course-wrapper .data-card-wrapper li:after {
  content: '';
  position: absolute;
  right: 26px;
  bottom: 0;

}

.index-board_course-wrapper .data-card-wrapper li.item0:after {
  width: 44px;
  height: 39px;
  background: url('s.png') -10px -67px;
}

.index-board_course-wrapper .data-card-wrapper li.item1:after {
  width: 43px;
  height: 38px;
  background: url('s.png') -141px -10px;
}

.index-board_course-wrapper .data-card-wrapper li.item2:after {
  width: 44px;
  height: 39px;
  background: url('s.png') -77px -10px;
}

.index-board_course-wrapper .data-card-wrapper li.item3:after {
  width: 43px;
  height: 38px;
  background: url('s.png') -141px -68px;
}

.index-board_course-wrapper .data-card-wrapper li.item4:after {
  width: 47px;
  height: 37px;
  background: url('s.png') -10px -10px;
}


.index-board_course-wrapper .hide {
  display: none;
}

.lec_no_course-wrapper {
  margin-top: -9px;
  margin-bottom: 60px;
}

.lec_no_course-wrapper .top-wrapper {
  background: #E8F4FE url('e.png') no-repeat top center;
  background-size: 100%;
  height: 69px;
  box-sizing: border-box;
  padding: 0 82px 0 263px;
  position: relative;
}

.lec_no_course-wrapper .top-wrapper .text {
  margin-top: 21px;
  font-size: 16px;
  color: #575D6F;
  display: inline-block;
}

.lec_no_course-wrapper .top-wrapper .text a {
  color: #4CA6E3;
}

.lec_no_course-wrapper .top-wrapper .text a:hover {
  color: #469BF8;
  opacity: 1;
}

.lec_no_course-wrapper .top-wrapper .btn {
  position: absolute;
  right: 82px;
  top: 16px;
  width: 144px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #5AB6F9;
  border-radius: 19px;
  transition: all .2s ease-out;
  font-size: 16px;
  color: #FFFFFF;
}

.lec_no_course-wrapper .top-wrapper .btn:hover {
  background: #469BF8;
  opacity: 1;
}

.lec_no_course-wrapper .tip-line {
  margin: 32px 32px 32px 0;
  font-size: 16px;
  font-weight: bold;
  color: #575D6F;
}

.lec_no_course-wrapper .section .title {
  padding: 24px;
  box-sizing: border-box;
  font-size: 16px;
  color: #575D6F;
  position: relative;
}

.lec_no_course-wrapper .section .title .action {
  position: absolute;
  right: 31px;
  top: 30px;
  font-size: 12px;
  color: #80828E;
}

.lec_no_course-wrapper .section .title .action:hover {
  opacity: 1;
  color: #4CA6E3;
}

.lec_no_course-wrapper .section .content {
  background: #F2F5F7;
  padding: 40px 23px;
  box-sizing: border-box;
}



.lec_no_course-wrapper .sectionOne .content li {
  float: left;
  margin-right: 34px;
  height: 53px;
  padding: 0 14px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #212432;
  font-size: 14px;
  padding-top: 13px;
  box-sizing: border-box;
  position: relative;
}

.lec_no_course-wrapper .sectionOne .content li:after {
  content: '';
  position: absolute;
  right: -26px;
  top: 6px;
  width: 21px;
  height: 38px;
  background: url('w.png') no-repeat top center;
  transform: scale(.4);

}

.lec_no_course-wrapper .sectionOne .content li:last-child:after {
  content: '';
  background: none;
}

.lec_no_course-wrapper .sectionOne .content li span {
  display: inline-block;
  width: 21px;
  height: 21px;
  text-align: center;
  line-height: 21px;
  background: rgba(90, 182, 249, 1);
  border-radius: 50%;
  margin-right: 6px;
  color: #fff;
  font-size: 12px;
}

.lec_no_course-wrapper .sectionOne .content li:last-child {
  margin-right: 0;
}

.lec_no_course-wrapper .sectionTwo {
  margin: 34px 0;
}

.lec_no_course-wrapper .sectionTwo .content li {
  float: left;
  width: 215px;
  height: 72px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
  margin-right: 19px;
  transition: all .2s ease-in-out;
}

.lec_no_course-wrapper .sectionTwo .content li:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.26);
}


.lec_no_course-wrapper .sectionTwo .content li:last-child {
  margin-right: 0;
}

.lec_no_course-wrapper .sectionTwo .content li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.lec_no_course-wrapper .sectionTwo .content li a span {
  font-size: 16px;
  color: #575D6F;
  position: absolute;
  top: 23px;
  left: 85px;
}



.lec_no_course-wrapper .sectionTwo .content li:before {
  content: '';
  position: absolute;
  left: 35px;
  top: 14px;
  width: 44px;
  height: 44px;
}

.lec_no_course-wrapper .sectionTwo .content li.item1:before {
  background: url('s.png') -10px -74px;
}

.lec_no_course-wrapper .sectionTwo .content li.item2:before {
  background: url('s.png') -138px -10px;
}

.lec_no_course-wrapper .sectionTwo .content li.item3:before {
  background: url('s.png') -74px -10px;
}

.lec_no_course-wrapper .sectionTwo .content li.item4:before {
  background: url('s.png') -10px -10px;
}

.lec_no_course-wrapper .sectionTwo .content li.item5:before {
  background: url('s.png') -74px -74px;
}

.lec_no_course-wrapper .three-title {
  padding: 33px 22px 25px 24px;
  font-size: 16px;
  color: #575D6F;
  margin-bottom: 25px;
}

.lec_no_course-wrapper .rank-list {
  margin-right: -3px;
}

.lec_no_course-wrapper .rank-list li {
  float: left;
  margin-right: 19px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  width: 225px;
  height: 265px;
}

.lec_no_course-wrapper .rank-list li:last-child {
  margin-right: 0;
}

.lec_no_course-wrapper .rank-list li a {
  display: block;
}

.lec_no_course-wrapper .rank-list li .img-wrapper {
  width: 225px;
  height: 135px;
  overflow: hidden;
}

.lec_no_course-wrapper .rank-list li:hover {
  box-shadow: 0 0 10px #ccc;
}

.lec_no_course-wrapper .rank-list li:hover img {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
}

.lec_no_course-wrapper .rank-list li .img-wrapper img {
  display: inline-block;
  width: 225px;
  height: 135px;
  border-radius: 4px;
  transition: .8s all ease;
  -ms-transition: .8s all ease;
  -moz-transition: .8s all ease;
  -webkit-transition: .8s all ease;
  -o-transition: .8s all ease;
}

.lec_no_course-wrapper .rank-list li .content {
  padding: 20px 14px 0 14px;
  box-sizing: border-box;
}

.lec_no_course-wrapper .rank-list li .title {
  font-size: 16px;
  color: #212432;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}

.lec_no_course-wrapper .rank-list li .lec {
  margin-top: 20px;
  font-size: 14px;
  color: #80828E;
}

.board-wrapper {
  margin-bottom: 0;
}

.new-quest-box {
  margin-bottom: 18px;
}

.new-quest-box .sensitive-error {
  font-size: 14px;
  color: red;
  text-align: center;
}

.new-quest-box .title {
  border-bottom: 1px solid #f5f5f5;
  padding-left: 20px;
  padding-bottom: 5px;
}

.new-quest-box .container {
  padding: 20px 30px 0 30px;
  max-height: 300px;
  overflow-y: auto;
}

.new-quest-box .edit-wrapper {
  border: 1px solid #EEE;
  margin-bottom: 10px;
}

.new-quest-box .edit {
  height: 180px;
  border: none;
  width: 100%;
}

.new-quest-box button {
  border-radius: 50px;
  height: 36px;
  line-height: 1;
  font-size: 14px;
  color: #fff;
  background:linear-gradient(-90deg, rgba(0, 153, 255, 1), rgba(33, 184, 255, 1));
}

.new-quest-box button.confirm:hover {
  background: rgb(0, 157, 255);
}

.new-quest-box .cancel {
  background: #fff;
  border: 1px solid #ccc;
  color: #999;
}
.new-quest-box button.cancel:hover {
  border: 1px solid #999;
  color: #666666;
}

.new-quest-box .RecordTime {
  margin-left: 30px;
  line-height: 35px;
}

#Msg_edit {
  top: 88px !important;
}

#Mask {
  z-index: 999 !important;
}

#Msg_edit {
  z-index: 1000 !important;
}
#Msg_edit>img {
  top: 23px !important;
  right: 34px !important;
}
.new-quest-box .RecordTime.on i.check {
  width: 21px;
  height: 21px;
  background: url('e.png') -10px -10px;
}

.new-quest-box .RecordTime i {
  width: 21px;
  height: 21px;
  background: url('e.png') -51px -10px;
}

.quest-info-box {
  margin: 10px 27px;
}

.quest-info-box .title {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  margin-left: 10px;
}

.quest-info-box .info-wrapper {
  border: 1px solid #DADDE1;
  border-radius: 9px;
  padding: 14px;
  width: 719px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 24px auto 10px;
}

.quest-info-box .info {
  line-height: 28px;
  height: 396px;
  overflow-y: auto;
  overflow-x: hidden;
}

.quest-info-box .info img {
  max-width: 100%;
  max-height: 100%;
}

.lec-reply-box .box_question .top {
  margin-left: 28px;
  margin-top: 10px;
}

.lec-reply-box .box_question .left {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

.lec-reply-box .box_question .left img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.lec-reply-box .box_question .right {
  margin-left: 13px;
}

.lec-reply-box .box_question .right .p1 {
  color: #333;
  font-size: 16px;
  
}

.lec-reply-box .quest-info-box .info-wrapper {
  height: 110px;
  margin-top: 10px;
}

.lec-reply-box .quest-info-box .info {
  height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.lec-reply-box .quest-info-box .info img {
  max-width: 100%;
  max-height: 100%;
}

.lec-reply-box .quest-info-box .info p {
  word-break: break-all;
}

.lec-reply-box .title {
  font-size: 16px;
  color: #333;
  border: none;
  padding-left: 31px;
  margin-top: 15px;
  margin-bottom: -12px;
  font-weight: bold;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
a.color999:hover {
  color: #21b8ff;
}
.qItem .blue:hover {
  color: #0fa1fe;
}

.qItem .look {
  position: relative;
}

.qItem .look:after {
  content: '';
  width: 9px;
  height: 16px;
  background: url(t.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -14px;
  top: 6px;
}
.qItem .look:hover:after {
  content: '';
  width: 9px;
  height: 16px;
  background: url(r.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -14px;
  top: 6px;
}
.rItem .look:after {
  content: '';
  width: 6px;
  height: 15px;
  background: url(t.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -13px;
  top: 4px;
}
.rItem .look:hover:after {
  content: '';
  width: 6px;
  height: 15px;
  background: url(r.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -13px;
  top: 4px;
}

#Msg_info>img {
  top: 22px !important;
  right: 37px !important;
  width: 15px !important;
  height: 15px !important;
}


.discount-create .special_Info>dt {
  padding-right: 20px;
  padding-left: 0;
}
.discount-create .special_Info>dd label {
  display: block;
  cursor: pointer;
}
.discount-create .special_Info>dd input[type="radio"] {
  width: auto;
  display: inline-block;
  padding: 0;
  height: auto;
  margin-right: 5px;
  vertical-align: text-top;
}

.discount-create #CLIST .SelectDL {
  width: 68px;
}
.discount-create #CLIST .SelectDL .SelectDL-icon{
  padding-right: 20px;
}

.discount-create #CLIST .SelectDL-word {
  margin-left: 10px;
}

.discount-create .btn-wrapper {
  width: 365px;
  margin: 18px auto;
}

.discount-create button.common-btn {
  margin: 0;
  display: inline-block;
  width: 160px;
  height: 50px;
}

.discount-create button.cancel {
  color: #00BAF2;
  background: inherit;
  border: 1px solid rgb(0, 186, 242);
  padding: 0;
  border-radius: 0;
  font-size: 22px;
  margin-right: 40px;
}

.discount-create .course-title {
  max-width: 181px;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
}
button  {padding: 0 20px;}
.weHead {padding: 40px 0;background: #0f98ce;color: #FFF;}
  .weHead .Page {position: relative;}
  .weHead .title h1  {font-size: 22px;font-weight: normal;line-height: 1;margin-bottom: 20px;}
  .weHead .title  a.wejob-intro {font-size: 13px;color: #fff;border: 1px solid #fff;padding: 0 5px;border-radius: 5px;margin-bottom: 2px;}
  .weHead .lecs {max-width: 560px;overflow: hidden;margin-left: -11px;position: relative;float: left;}
    .weHead .lecs ul  {float: left;}
    .weHead .lecs li  {float: left;width: 48px;margin: 0px 11px;font-size: 12px;line-height: 1;color: #FFF;text-align: center;position: relative;}
      .weHead .lecs li img  {width: 48px;height:48px;display: block;margin-bottom: 5px;border-radius: 50%;background: #FFF;}
      .weHead .lecs li p  {width: 48px;height: 48px;line-height: 48px;overflow: hidden;background:url(0.png);color:#FFF;text-align: center;left: 0;top: 0;position: absolute;display: none;border-radius: 50%;}
      .weHead .lecs li:hover p  {display: block;}
  .weHead .classStudents  {position: absolute;right: 0;bottom: 0px;}

.pubList  {margin-top: 30px}
  .pubList table  {width: 100%;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;}
  .pubList th {padding:5px 20px;white-space: nowrap;text-align: center;}
    .pubList th .style-time {width:100px;background: url(h.png) right center no-repeat;background-size: 15px 21px;}
    .pubList th .style-time.desc {background: url(c.png) right center no-repeat;background-size: 15px 21px;}
    .pubList th .style-time.desc {background: url(c.png) right center no-repeat;background-size: 15px 21px;}
  .pubList td {padding: 10px 10px;border-top: 1px solid #DDD;line-height: 30px;word-wrap: break-word;text-align: center;}
    .pubList td>a.blue:hover {color:#00baf2;}
    .pubList td p.name  {text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
    .pubList td a {margin-right: 10px;}
    .pubList td i.icon a  {margin: 0;}
    .pubList td i.icon  {display: block;float: left;margin-right: 10px;width: 20px;height: 20px;cursor: pointer;}
      .pubList td i.icon a  {display: block;line-height: 20px;}
      .pubList td i.icon.detailed {background-position: -350px -150px}
      .pubList td i.icon.talk {background-position: -400px -149px}
      .pubList td i.icon.group {background-position: -450px -150px}
      .pubList td i.icon.detailed:hover {background-position: -350px -200px}
      .pubList td i.icon.talk:hover {background-position: -400px -199px}
      .pubList td i.icon.group:hover {background-position: -450px -200px}
      .pubList td i.icon.check {margin-right: 0;width: 16px;height: 16px;}
  .pubList thead,.pubList .bg {background: #F5F5F5}
  .pubList thead,.nowarp  {white-space: nowrap;}


.pubList.killList th,.pubList.killList td {text-align:center;}
.pubList.killList tr td:first-of-type{width: 305px;text-align:left;}
.pubList.killList tr td:last-of-type{max-width: 100px;word-wrap: break-word;}
.pubList.killList a {color: #00baf2;}
.pubList .time-session {max-width: 90px;}

.pubList.evaluateList .operation {min-width:96px;}

.w300 {max-width: 300px;}
.w200 {max-width: 200px;}

.pubList .status-wrap {position: relative;}
  .pubList .status-wrap .hover-box {position: absolute; top:45px; left: -78px;padding: 10px; min-width: 200px;z-index: 99;display: none;}
  .pubList .status-wrap .hover-box p {line-height: 18px;}
  .pubList .suc-status .hover-box {background-color: #f0f8ed;border: 2px solid #c9e2c1;font-size: 12px;color: #329701;}
  .pubList .err-status .hover-box {background-color: #fdf4ed;border: 2px solid #f5bd95;font-size: 12px;color: #e83323;}
  .pubList .suc-status, .pubList .err-status  {cursor: pointer;}
  .pubList .err-status .cash-status {color: red;}
  .pubList .back-status .cash-status {color: green;}

.modal {
  width: 950px;
  max-height: 500px;
  overflow: auto;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px;
  color: #333333;
  z-index: 9999999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -475px;
  margin-top: -271px;
  display: none;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgb(0, 0, 0.1);
}
.modal table thead {
  background: #e5f6fc;
  border-color: #d0eefa;
}
.modal .title {
  font-size: 16px;
  text-align: center;
}
.modal .tip {
  margin-top: 5px;
}
.modal .order {
  margin-top: 20px;
}
.modal .pubList {
  margin-top: 10px;
}
.modal .pubList .line-wrap .p1 {
  width: 85px;
  overflow: hidden;
  margin-left: 10px;
}
.modal .b1 {
  display: inline-block;
  text-align: left;
  font-size: 15px;
}
.modal #closeModal {
  margin: 16px auto 0;
  width: 68px;
  display: block;
  border-radius: 8px;
}
#mask {
  display: none;
  overflow: hidden;
  z-index: 9999998;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgb(0, 0, 0);
  opacity: 0.6;
}
.naviga-back {
  width: 126px;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background: rgb(0, 151, 203);
  display: inline-block;
  border-radius: 6px;
  margin-top: 30px;
}
.naviga-back:hover {
  color: #fff;
}
.notice-wrap {
  margin: 30px auto;
}

.notice-wrap .notice-list {
  margin-top: 35px;
}

.notice-wrap .notice-title {
  font-size: 24px;
  color: #333;
  text-align: center;
}

.notice-wrap .notice-item-content {
  margin-top: 20px;
  overflow: hidden;
}

.ic-pagination-wrapper {
  margin: 30px 0;
  text-align: center
}

.ic-pagination {
  display: inline-block;
  zoom: 1;
}

.ic-pagination:before,
.ic-pagination:after {
  content: "";
  display: table;
}

.ic-pagination:after {
  clear: both;
  overflow: hidden;
}

.ic-pagination span {
  float: left;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #424242;
  font-size: 14px;
}

.ic-pagination .active {
  float: left;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: #33C8F5;
  color: #fff;
  font-size: 14px;
  border: 1px solid #33C8F5;
}

.ic-pagination a {
  float: left;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: #F5F5F5;
  border: 1px solid #e0e0e0;
  color: #424242;
  font-size: 14px;
}

.ic-pagination a:hover {
  color: #fff;
  background: #33C8F5;
}

.ic-pagination .next,
.ic-pagination .prev {
  font-family: "Simsun";
  font-size: 16px;
  font-weight: bold;
}



.em1 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


.hover-blue:hover {
  color: #00baf2
}
.naviga-back {
  width: 126px;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background: rgb(0, 151, 203);
  display: inline-block;
  border-radius: 6px;
  margin-top: 30px;
}

.naviga-back:hover {
  color: #fff;
}

.notice-wrap {
  margin: 30px auto;
}

.notice-wrap .notice-list {
  margin-top: 35px;
}

.notice-wrap .notice-title {
  font-size: 24px;
  color: #333;
  text-align: center;
}

.notice-wrap .notice-item-content {
  margin-top: 20px;
  overflow: hidden;

}