@charset "utf-8";
html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,
blockquote,q,table,caption,thead,tbody,tfoot,
th,td,button {margin:0;padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); background:transparent;  }	
html , body{  width:100%; word-wrap:break-word  }
body { font-size:13px; color:#383838; background:#f2f5fa  }
html , body{ font-family:"微软雅黑";}
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

table { border-collapse:collapse; border-spacing:0;}
img, fieldset, abbr, acronym { border:none; vertical-align:top}
a img { border:none; padding:0; margin:0;}  
blockquote,q { quotes:none;}
p{
     -webkit-text-size-adjust:none; 
}
a { color:#333;  text-decoration:none; cursor:pointer;}
address,caption,cite,code,dfn,em,th,var { margin:0;padding:0 ; font-style:normal;font-weight:normal;}
*{ margin:0; padding:0px; }
/* ----End Reset---- */
input , textarea , select , option , button{ border:none; background:none; outline:none; font-family:"siyuan";}
textarea{ resize:none}
select::-ms-expand{ display: none; }
video{ border:none}
/*---- Patchs---- */
.fl { float:left;}		
.fr { float:right;}		
.fn { float:none;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}
.tl { text-align:left;} 
.tr { text-align:right;}
.tc { text-align:center;}
li{ list-style:none; vertical-align:bottom}

/*头部开始*/
.head-max{ width:100%; height:110px; background:#ffffff; position:sticky; top:0; left:0; z-index:99;  box-shadow:1px 1px 10px 5px rgba(0,0,0,0.08);}
.head-box{ width:1200px; height:auto; margin:0 auto;}
.logo{ width:278px; height:62px; overflow:hidden; float:left; margin-top:24px; text-align:center;}
.logo img{ width:181px; height:100%;}

.head-bz{ display:inline-block; float:right; height:110px; line-height:110px; font-size:16px; color:#333333;}

.nav-box{ width:420px; height:auto; float:left; margin-top:38px; margin-left:130px;}
.nav-box ul{ width:100%; height:auto;}
.nav-box ul li{ display:inline-block; float:left; margin-right:78px; height:auto; position:relative; height:46px;}
.nav-box ul li:last-child{ margin-right:0}
.nav-box ul li>a{ display:inline-block; height:auto; overflow:hidden;}
.nav-box ul li>a font{ display:block; width:100%; height:32px; line-height:32px; overflow:hidden; text-align:center; font-size:20px; color:#333;}
.nav-box ul li>a span{ display:block; width:40px; height:3px; overflow:hidden; margin:0 auto;}
.nav-box .nav-xl{ width:106px; height:auto; overflow:hidden; border:1px solid #fef7e9; position:absolute; top:46px; left:-30px; z-index:9; background:#ffffff;  border-radius:3px; display:none}
.nav-box .nav-xl dd{ width:100%; height:39px; overflow:hidden; margin:0 auto; }
.nav-box .nav-xl dd a{width:96px; height:38px; font-size:14px; color:#333333; overflow:hidden; margin:0 auto; border-bottom:1px solid #f2f5fa; display:flex; flex-wrap: nowrap;align-items: center;}
.nav-box .nav-xl dd a img{ width:22px; height:22px; margin-right:6px; margin-left:5px;}
.nav-box ul li>a:hover font{ color:#007aff}
.nav-box ul li>a:hover span{ background:#007aff}

.nav-box ul li.nav-on>a font{ color:#007aff}
.nav-box ul li.nav-on>a span{ background:#007aff}

.nav-box ul li:hover .nav-xl{ display:block}
.nav-xl dd:hover{ background:#fef8eb}
.nav-xl dd:hover a{ border-bottom:1px solid #faae29}

.huiyuan-topbox{ display:inline-block; float:right; text-align:right; padding-top:36px;}
.huiyuan-top1{ display:inline-block; height:auto; width:120px; margin-right:14px; vertical-align:top; position:relative; text-align:left}
.huiyuan-top11{ width:100%; height:46px; line-height:36px; overflow:hidden; font-size:16px; color:#333333;}
.huiyuan-top11 img{ width:36px; height:36px; margin-right:6px;}

.huiyuan-top12{ width:106px; height:auto; overflow:hidden; border:1px solid #fef7e9; position:absolute; top:46px; left:0px; z-index:9; background:#ffffff;  border-radius:3px; display:none;}
.huiyuan-top12 dd{ width:100%; height:39px; overflow:hidden; margin:0 auto; }
.huiyuan-top12 dd a{width:96px; height:38px; font-size:14px; color:#333333; overflow:hidden; margin:0 auto; border-bottom:1px solid #f2f5fa; display:flex; flex-wrap: nowrap;align-items: center;}
.huiyuan-top12 dd a img{ width:22px; height:22px; margin-right:6px; margin-left:5px;}
.huiyuan-top12 dd:hover{ background:#fef8eb}
.huiyuan-top12 dd:hover a{ border-bottom:1px solid #faae29}
.huiyuan-top1:hover .huiyuan-top12{ display:block}

.huiyuan-top2{ display:inline-block; margin-top:3px; border:1px solid #dadada; width:84px; height:28px; border-radius:3px; vertical-align:top;}
.huiyuan-top2 input{ width:100%; height:100%;display:flex; flex-wrap: nowrap;align-items: center; text-align: center;justify-content: center; font-size:14px; color:#666666; cursor:pointer }
/*头部结束*/


/*答题区域开始*/
.main-max{ width:1200px; height:auto; overflow:hidden; margin:20px auto 33px; min-height:calc(100vh - 257px)}
.main-left{ width:276px; height:auto; overflow:hidden; position:relative; border:1px solid #ddebfa; border-top:4px solid #9bb2d9; padding-bottom:60px; border-radius:0 0 7px 7px; background:url(../images/left-top.jpg) center top no-repeat #ffffff}
.main-leftdw{ position:fixed; top:80px; z-index:999; left:calc(50% - 600px); padding-bottom:20px;}
.main-leftdw .main-hybox{ display:none;}

.main-hybox{width:calc(100% - 86px); height:auto; overflow:hidden; margin:40px auto 0; padding:20px; background:#f5f8ff; border-radius:10px;}
.main-hy1{ width:72px; height:72px; overflow:hidden; float:left; border-radius:50%; display:none}
.main-hy1 img{ width:100%; height:100%}
.main-hy2{width:100%; height:auto; overflow:hidden; float:right;}
.main-hy21{ width:100%; height:26px; line-height:26px; font-size:22px; color:#333333; overflow:hidden;}
.main-hy21 a{ display:block; width:100%; height:auto; overflow:hidden; color:#333333; }
.main-hy21 img{ width:18px; height:16px; vertical-align:baseline; margin-left:5px;}
.main-hy22{ width:100%; height:22px; line-height:22px; overflow:hidden; margin-top:6px; font-size:14px; color:#666666;}
.main-hy23{ width:100%; height:22px; line-height:22px; overflow:hidden; font-size:14px; color:#666666; word-wrap:break-word;
word-break:break-all;}

.fenlei-max{ width:calc(100% - 46px); height:auto; overflow:hidden; padding-top:58px; margin:0 auto}
.fenlei-box{ width:100%; height:auto; overflow:hidden; margin-bottom:27px;}
.fenlei-max .fenlei-box:last-child{ margin-bottom:0}
.fenlei-boxon{}

.fenlei-1{ width:100%; height:76px; overflow:hidden; border-bottom:4px solid #b3d7fe; background:#007aff; display:flex; 
flex-wrap: nowrap;align-items: center; text-align: center;justify-content: center;  border-radius:25px 25px 0 0; font-size:22px; color:#fffefe; cursor:pointer;}
.fenlei-1 img{ width:46px; height:46px; margin-right:8px;}
.fenlei-2{ width:100%; height:auto; overflow:hidden; display:none}
.fenlei-boxon .fenlei-2{ display:block;}
.fenlei-21{ width:100%; height:52px; overflow:hidden; background:#f5f9ff; margin-bottom:2px;}
.fenlei-211{ width:calc(100% - 20px); height:52px; overflow:hidden; float:left; margin-left:10px; display:flex; 
flex-wrap: nowrap;align-items: center; text-align: center;justify-content: center; font-size:18px; color:#93b7de;}
.fenlei-211 img{ width:25px; height:25px; margin-right:10px;}
.fenlei-211 img:last-child{ display:none;}
.fenlei-212{ width:6px; height:30px; overflow:hidden; float:right; margin-top:11px;}
.fenlei-21:hover{ background:#ffebc8}
.fenlei-21:hover .fenlei-211{ color:#ffa200;}
.fenlei-21:hover .fenlei-211 img:nth-child(1){ display:none}
.fenlei-21:hover .fenlei-211 img:last-child{ display:block}
.fenlei-21:hover .fenlei-212{ background:#ffa200}

.fenlei-21on{ background:#ffebc8}
.fenlei-21on .fenlei-211{ color:#ffa200;}
.fenlei-21on .fenlei-211 img:nth-child(1){ display:none}
.fenlei-21on .fenlei-211 img:last-child{ display:block}
.fenlei-21on .fenlei-212{ background:#ffa200}

.fenlei-bot{ width:100%; height:120px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1; display:none}
.fenlei-bot img{ width:100%; height:100%}


.main-right{ width:898px; height:auto; overflow:hidden;}
.main-rightbt{ width:100%; height:50px; font-size:20px; color:#4d6792; display:flex; flex-wrap: nowrap;align-items: center; overflow:hidden; background:url(../images/biaoti-bj.png) center center no-repeat; border-radius:7px 7px 0 0;}
.main-rightbt img{ margin-left:30px; margin-right:8px;}
.main-rightmin{ width:100%; height:auto; overflow:hidden; box-sizing: border-box; background:#fff; min-height:300px; border:1px solid #ddebfa; border-top:none;  border-radius: 0 0 7px 7px;}

/*答题区域结束*/

/*底部开始*/
.bot-max{ width:100%; height:auto; overflow:hidden; background:#222222}
.bot-box{ width:1200px; height:auto; overflow:hidden; padding:40px 0 38px; margin:0 auto; font-size:12px; color:rgba(255,255,255,0.5); text-align:center;}
.bot-box a{ color:rgba(255,255,255,0.5); }
/*底部结束*/