@charset "utf-8";

.SonBtns{border:1px solid #DDD;border-radius: 5px;margin: 10px 10px 0 0;}
.SonBtns a{display:inline-block;padding: 5px 0;width: 80px;text-align: center; margin:0;}
.SonBtns a + a{border-left:1px solid #DDD;margin-left: -4px;}
.SonBtns a:hover,.SonBtns a.on{ color:#FFF; background-color:#b21023;}

.layui-table .captcha{float: left;padding:0 5px; height: 35px; display: table;}
.layui-table #captchaImg{float: left;padding:0 5px; height: 35px; display: table;}
.layui-laypage a, .layui-laypage span{ background:none;margin: 0 2px 5px 0;}
.layui-disabled, .layui-disabled:hover{ color: #000 !important;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border: 1px solid #b4b3b3;}
.layui-laypage{display: table!important;margin: 10px auto!important;}

.layui-laypage a, .layui-laypage span{background:none!important;}
.layui-laypage{display: table!important;margin: 10px auto!important;}
.top-box{overflow: hidden;}
.left-pic{width: 40%;height: 380px;float:left;}
.left-pic img{height: 300px;}
.right-txt{ float: right;width: 58%;line-height: 30px;padding-top: 60px;}

.right-txt strong{color: #0055AA;}
.txt-box{width: 100%;position: relative;}
.txt-box .sl-box{width: 60%;float: left;}
.txt-box .form-box{width:460px;position: absolute;left: 50%;margin-left: 130px; overflow: hidden;}
.layui-table td, .layui-table th{padding: 3px!important;}
.sl_main{padding: 2%;overflow: hidden;}
.sl_main .sl-tit{ line-height:29px;color: #666;}
.sl_main .sl-tit strong{ color: #0055AA;float: left;}
.no-html{ text-align: center; font-size: 14px; color: #C30000;}
.questions-list{width:473px;line-height: 25px;height: 660px;overflow-y: auto;overflow-x: hidden;cursor: pointer;}
.questions-list .q-tit{ font-size: 14px;color: #fff; height: 30px; line-height: 30px;  background: #009688;}
.questions-list .q-tit span{font-weight: bold; padding: 0 5px;}
.questions-list .q-con{ padding:20px 10px; color: #666; background: #F0F0F0;}
.questions-list .q-recon{ padding:20px 10px; color: #666;background: #F0F0F0;}
.time-bar{ height: 30px; line-height: 30px;background: #009688; color: #fff; text-align: center;}
.time-bar span{float: left;padding: 0 15px;}
.tit h1{ border-bottom: #eee solid 2px; height: 40px; line-height: 40px;}
.tit h1 span{ border-bottom: cornflowerblue solid 2px;float: left; padding: 0 10px; height: 40px; line-height: 40px; font-size: 18px;color:#005BAA;}
.Interview-box{ overflow: hidden;width: 70%;float: left; }
.Interview-box ul{width: 100%;overflow: hidden;}
.Interview-box ul li{ float: left; width: 21%; margin:2%;line-height: 25px;position: relative;}
/*.Interview-box ul li i{position: absolute;left:0;top:0;width: 110px;height: 30px;}*/
.Interview-box ul li img{width: 100%;}
.Interview-box ul li .title{ font-size: 14px;}
.Interview-box ul li .txt{ font-size: 12px; color: #666;}
.Interview-box ul li strong{ font-size: 14px; color: #005BAA;}
.right-box{float: right;width: 28%;overflow: hidden;border-left: #eee solid 1px; padding-left: 1%;}
.right-box .m-yg .layui-table td, .layui-table th{font-size: 12px!important;}
.hot-box{ text-align: left;line-height: 25px;padding:2%; background: #eee; border:#ccc solid 1px; border-top: none;font-size: 12px;}
.hot-box .pic{ text-align: center;width: 100%;overflow: hidden;}
.hot-box .pic img{width: 100%;}
.hot-box .txt strong{ font-size: 14px; color: #005BAA;}
.in-view{text-align: center;padding: 10px 0;}
.in-view a span{ height: 40px;line-height: 40px;padding: 0 15px;font-size: 16px;}

.m-js{ overflow: hidden;width: 100%;float: left; }
.m-js ul{border:#ccc solid 1px; border-top: none;overflow: hidden;}
.m-js ul li{ float: left; width: 48%; margin:1%;line-height: 25px;}
.m-js ul li img{width: 100%;}
.m-js ul li .title{ font-size: 12px;}
.m-js ul li .txt{ font-size: 12px; color: #666;}
.m-js ul li strong{ font-size: 12px; color: #005BAA;}
.live_icon{height: 18px;padding: 0px 5px 0px 13px;border-radius: 9px;background: url(../images/point_yellow.png) 5px center no-repeat rgba(0,0,0,.5);line-height: 18px;
position: absolute;
left: 5px;
top: 5px;
color: #fff;
display: block;
font-style: normal;
font-size: 10px;
}


.layui-table tr{ background:none !important;}

@media screen and (max-width:750px ) {
  .txt-box .sl-box{width:100%;float: left;}
.txt-box .form-box{width:100%;position: absolute;left: 0px;margin-left: 0px;top:36px;} 
.right-txt{width: 100%;padding-top: 10px;margin-bottom: 20px;} 
.left-pic{width:100%;height: 380px;float:left;}
.layui-tab-content #a1{width:100%!important;}
.questions-list{height: 600px;}
}