@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1462772965'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1462772965#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1462772965') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1462772965') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1462772965#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bofang2:before { content: "\e600"; }
.icon-home:before { content: "\e60d"; }
.icon-bofang:before { content: "\e601"; }
.icon-cha:before { content: "\e602"; }
.icon-reset:before { content: "\e605"; }
.icon-gengduo:before { content: "\e608"; }
.icon-pan:before { content: "\e609"; }
.icon-car:before { content: "\e60a"; }
.icon-arrow-left:before { content: "\e60b"; }
.icon-sreach:before { content: "\e607"; }
.icon-tel:before { content: "\e610"; }
.icon-shangchuan:before { content: "\e60c"; }
.icon-idcard:before { content: "\e611"; }
.icon-ok-bold:before { content: "\e603"; }
.icon-cha-bold:before { content: "\e604"; }
.icon-date:before { content: "\e612"; }
.icon-zhuce:before { content: "\e613"; }
.icon-ok:before { content: "\e606"; }
.icon-leimu:before { content: "\e60e"; }
.icon-arrow-right:before { content: "\e60f"; }
.icon-user:before { content: "\e615"; }

.header{height: 44px;  background: #0087e5; color: white; padding: 0px 15px;  position: relative;}
.header-user{ position: absolute; left: 15px; top:8px;  }
.header-user .iconfont{font-size: 20px; }
.header .back{   margin-right: 10px; padding-right: 10px; margin-top: 10px; border-right:1px solid rgba(0,0,0,0.1);} 
.header .header-title{ line-height: 44px; font-size: 16px; font-weight: normal; text-align: center;}
.header .home{ line-height: 44px; }
.header .home .iconfont{font-size: 18px;}
.header a{color: white;}
.header a:hover{opacity: 0.6; cursor: pointer;}
.content{ width: 100%; height: auto; display: block; position: relative; overflow-x: hidden;}
.video_list{ background: white;border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.video_list li{ padding: 15px 15px; border-bottom: 1px solid #EFEFF4;}
.video_list li:last-child{border: none;}
.video_list dl{ min-height: 65px;}
.video_list dt{ min-height: 65px;position: relative; float: left;  margin-right: 10px;}
.video_list dt span{ position: absolute; z-index: 1; font-size: 11px;  color: white; bottom: 0px; padding:0px 0%; line-height: 18px; display: block; text-align: center; width: 100%;}
.video_list .finish{ background: rgba(31,147,12,0.7); font-size:11px; border-radius:3px; color:white; padding:3px 6px;}
.video_list .unfinish{background:rgba(255,78,0,0.7); }
.video_list .finish .icon-ok{font-size: 11px; margin-right: 5px;}
.video_list dt img{  position: relative; z-index: 0; display:block;}
.video_list dd{display:table-cell; vertical-align: middle;  min-height: 65px;}
.video_list .icon-bofang{  right: 0px; top:50%; margin-top: -16px; position: absolute; height: 20px; width: 20px; font-size: 18px; color: #ABABAB; border: 1px solid #ABABAB; border-radius: 90px; padding: 5px;}
.video_list .icon-bofang:before{    top: -3px;   position: relative;   left: 3px;}
.video_list .icon-bofang:hover,.video_list .icon-pan:active,.video_list li:hover .icon-bofang{color: #0087e5; border-color: #0087e5;}
.video_list a{ display: block; padding-right: 43px;  position: relative;}
.video_list li:hover{ background: #efeff4;} 
.video_list li:hover{ background: #efeff4;} 
.class-list{}
.class-list img{ display: block;  border-radius: 2px;}
.class-list li{background: white;border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;margin-bottom: 15px;}
.class-list .count{ margin: 20px 0; width: 100%; }
.class-list .count li{margin-bottom: 0px; font-size: 13px; width: 33%; display: inline; text-align: center; border: none; border-right:1px solid #EFEFF4;; float: left; }
.class-list .count li:last-child{border: none;}
.class-list .count li p{ padding-top: 5px;}
.red{color: red;}
.green{color: #82b606;}
.orange{ color: #ff9000;}
.btn-primary{ display: inline-block; font-size: 16px; text-align: center; line-height: 44px; padding: 0px 15px;  background: #0087e5; color: white; border-radius: 5px;}
.btn-primary:hover{ background: #0069c7;}
.btn-green{ display: inline-block; font-size: 16px; text-align: center; line-height: 44px; padding: 0px 15px;  background: #62c041; color: white; border-radius: 5px;}
.btn-green:hover{ background: #4ca92b;}
.class-list dl{ widows: 100%;padding: 0px 15px;} 
.class-list h2{ margin-top: 15px; line-height: 17px; border-left: 7px solid #0087e5;  font-size: 16px; padding-left: 10px; margin-bottom: 15px;}
.class-list dt{  padding-top: 25px;}
.class-btn .btn-primary{ padding: 0px; width: 31%; margin-right: 2%; }
.class-btn  a:last-child{ margin: 0;}
.class-btn{ margin-bottom: 25px;}
.video-tit{  background:black; width:100%; color:white; height:30px; } 
.video-tit h2{ padding: 5px 10px; } 
.test-header span{display: block; line-height: 44px; text-align: center;}
.test-header .reset{ position: absolute; left: 0px;top: 9px; }
.test-header .reset i,.test-header .submit i{ margin-right: 5px;}
.test-header .submit{ position: absolute; top: 9px;  right: 0px;}
.test-header{ position: relative; font-size: 16px;}
.question{ padding: 15px 0px; background: white;  margin-bottom: 15px;border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.answer{padding: 20px 15px;background: white; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.question .radio{font-size: 11px;border: 1px solid #8D8C8D;border-radius: 5px;padding: 2px 5px;margin-right: 5px;position: relative;top: -2px;}
.question .tit{font-size: 19px;/* font-weight: bold; */text-align: justify;}
.question dt{margin-bottom: 15px; padding: 0px 15px;}
.question-img img{display: block;    max-width: 100%; max-height: 200px; margin: 0 auto  ;}
.question-img { padding: 0px 15px; margin-bottom:20px;}
.question ul{ width: 100%; font-size: 16px;}
.question ul li{padding: 10px 15px 10px 45px;position: relative;min-height: 24px;box-sizing: content-box;}
.question ul li i{font-size: 14px;position: absolute;line-height: 19px;left: 15px;top: 12px;margin-right: 10px;text-align: center;border: 1px solid #8D8C8D;border-radius: 90px;width: 20px;text-align: center;display: inline-block;height: 20px;}
.question ul .correct{ color: #1fae0c;}
.question ul .correct i{ text-indent: 5000px; background: #1fae0c; border-color:#1FAE0C ;}
.question ul .wrong{ color: #f84747;}
.question ul .wrong i{ text-indent: 5000px; background: #f84747; border-color:#f84747 ;}
.question ul .correct i:after,.question ul .wrong i:after{   font-family:"iconfont" !important;text-indent: 0px;  font-size:14px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; color: white; position: absolute;}
.question ul .correct i:after{content: "\e606";top: 0;left: 2px;}
.question ul .wrong i:after{content: "\e602";top: 0;left: 2px;}
.question ul .on{ background: #fff6de;}
.question ul .wrong{}
.question ul span{font-family:Tahoma; display: inline-block;}
.question ul .judgment{font-size: 24px; line-height: 24px;   display: block;}
.question .red{ font-weight: bold;}
.answer{ }
.answer dt{font-size: 16px; }
.answer dd strong{color: #0087e5;}
.test-nav{ height: 49px;   background: white; border-top: 1px solid #E1E1E1; position:  fixed; z-index: 100; bottom: 0px; width: 100%;}
.test-nav .nav-content{ display: table; width: 100%;}
.test-nav .nav-content ul{display: table-row;}
.test-nav .nav-content ul li{display: table-cell; text-align: center; vertical-align: middle; font-size: 12px; height: 49px;}
.test-nav .nav-content ul li .iconfont{ font-size: 19px;    height: 23px;  display: block;  color: #989898;}
.test-nav .nav-content ul li .icon-leimu{ }
.test-nav .nav-content ul li .icon-huatong{ font-size: 20px;}
.test-nav .nav-content ul li:active{  }
.test-nav .nav-content ul a:active,.test-nav .nav-content ul a:active .iconfont,.test-nav .nav-content ul a:active p{ color: #0087e5; } 

.test-fixed{ padding: 0; position: fixed; width: 100%; display: block; top:0px;left:0px;  z-index: 1;}
.test-fixed .submit{ right: 15px;}
.test-fixed .reset{left: 15px;}
.question-padding{padding-top: 59px;}
.question-num{ background: rgba(0,0,0,0.5); position: absolute; z-index: 101; left: 0px; top: 0px; width: 100%; height: 100%;}
.question-num .question-num-content{ height: 70%; background: white; width: 100%; position: absolute; bottom: 0px;}
.question-num .num{ padding: 15px 10px 10px 15px; overflow: scroll; height: 78.5%;}
.question-num .num ul li{ width: 15.6%; margin-right: 1%; text-align: center; margin-bottom: 1%; border-radius: 5px; line-height: 45px; float: left; background: #ededed;}
.question-num .num ul li a{border-radius: 5px;display: block;height: 100%;position: relative;}
.question-num .num ul li a:hover{ }
.question-num .result{ overflow: hidden;font-size: 12px;box-shadow: 0 0 5px rgba(0,0,0,0.3);height: 11%;/* width: 100%; */padding-left: 15px;position: relative;}
.question-num .result div{line-height: 30px;position: absolute;height: 30px;margin-top: -15px;top: 50%;width: 100%;}
.question-num .result span{ margin-right: 10px;}
@media only screen and (max-width:319px){
	.question-num .result span{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);}
}
.question-num .result b{font-size: 14px;}
.question-num .result .close{position: absolute;right: 30px;background: #0087e5;color: white;line-height: 20px;padding: 5px 15px;border-radius: 2px;}
.question-num .num ul { }
.question-num .num ul li a span{ position: relative; z-index: 10; }
.question-num .num .correct:after,.question-num .num .wrong:after{position: relative;display: block;width: 100%;z-index: 1;margin-top: 0px;top: 0px;font-family:"iconfont" !important;text-indent: 0px;font-size: 18px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;color: white;position: absolute;}
.question-num .num .wrong:after{content: "\e603";color: #59b541;}
.question-num .num .correct:after{content: "\e604";color: red;}
.question-num .num .done{ background: #F8E346;}
.question-num .num .present{ background: #85D272;}

.question-num .num .red{background: #ffd0d0;}
.question-num .num .green{background: #b7e9b7; color: #36a948;}
.question-num .num .on{background: #0087e5;color: white;}


.testResult-content{ background: white; padding: 30px 0  25px 0;}
.testResult-content  dl dt{ text-align: center; padding-bottom: 30px;}
.testResult-content .btn{ display: table; width: 95%; padding: 0px 2.5%;}
.testResult-content .btn ul{display: table-row;width: 100%;}
.testResult-content .btn li{ display: table-cell; padding: 0px;}
.testResult-content .btn li a{  display: block; margin: 0px 10px;}
.testResult-content .score{ font-size: 12px; color: #8D8C8D;}
.testResult-content .score .score-txt{ text-align: right;  padding-right: 15px;  box-sizing: border-box;}
.testResult-content .score .score-txt span{ color: #f93d57; font-size: 52px; line-height: 40px; }
.testResult-content .score .score-date{ line-height: 23px; text-align: left;border-left:1px solid #E1E1E1; padding-left: 15px;box-sizing: border-box;}
.testResult-content .score .score-date b{ color: #0087e5; font-size: 14px;}
.testResult-content .score li{ width: 50%; float: left;}
.testResult-content .tip{ text-align: center; margin-bottom: 30px; margin-top: 15px;}
.sideBar{    top: 0px; width: 100%; height: 100%;  position: absolute; z-index: 1001;}
.mask{     top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6);  position: absolute; z-index: 1000;}
.sideBar .content{ width: 80%; background: rgba(14,20,24,0.95); height: 100%; color: rgba(255,255,255,0.75);}
.sideBar .content dl,.sideBar .content dl dt,.sideBar .content dl dd,.sideBar .content dd ul{ width: 100%;}
.sideBar .content dt{ padding-top: 20px; border-bottom: 1px solid black; padding-bottom: 10px; text-align: center; font-size: 18px;}
.sideBar .content dt span{ display: inline-block;  width: 24%; border: 4px solid #0087e5; border-radius: 5000px;padding: -2px;}
.sideBar .content dt img{  display: block;  -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);}
.sideBar .content dd ul li{ position: relative; margin: 0px 15px;  border-bottom: 1px solid rgba(255,255,255,0.08); padding: 13px 0 13px 25px;}
.sideBar .content dd ul li .iconfont{position: absolute;  }
 .content dd ul li em{ float: right; color: #0087e5;}
.sideBar .content dd ul li .iconfont{ left: 0;color: #0087e5; }
.sideBar .content dd ul li span,.sideBar .content dd ul li  em{ font-size: 15px;   line-height: 19px; display: inline-block;  }
.sideBar .content dd ul li  em.tel{ color: #0087e5;}
@media only screen and (min-width: 200px) and (max-width: 321px) {
	 .sideBar .content dd ul li em.idcard{ font-size: 12px; position: relative; top:2px; }	 
}
.multiselect{ text-align: center; padding: 10px 0;}
.multiselect .btn-primary{ padding: 0px 10%; color: white; }
.multiselect .btn-primary:active,.multiselect .btn-primary:hover{ color: white;}
.exam-content{  padding-bottom: 64px;}