@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:60px; height: 60px; line-height: 60px; background:rgba(0,0,0,0.2); text-align: center;  color:#fff; transition: all .3s ease; }
.sp-pn:hover { background: #d1ab66; }
.sp-prev  {left: 0; }
.sp-next {right: 0; }
.sp-pn i {display:inline-block; line-height:60px; font-size: 18px; vertical-align: top;  }

.sp-bot.swiper-pagination { width:100%; bottom:20px; }
.sp-bot .swiper-pagination-bullet { width:12px; height: 12px; background:rgba(255,255,255,0.5); opacity: 1; margin:0 6px!important; border-radius:12px;   }
.sp-bot .swiper-pagination-bullet-active { background:rgba(255,255,255,1); }

.layui-input-block { margin-left:0; }
.layui-form .layui-input-wrap { line-height: 50px; }
.layui-form .layui-input { height: 50px; padding:0 20px;  }
.layui-form .layui-textarea {  padding:10px 20px;  line-height: 180%;  min-height: 16vh;  }
.layui-form em { line-height: 50px; margin: 0 20px;}

@media all and (max-width:981px) {
	
	.pc-cc { display: none; }
	.m-cc { display: block; }
	
	.sp-pn { margin-top:-0.55rem; width:1.1rem; height: 1.1rem; line-height: 1.1rem;   }
	.sp-pn i {  line-height:1.1rem; font-size: 0.42rem;   }
	
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:20px; }
	
	.layui-form .layui-input {  height:1.1rem; font-size: 0.38rem; padding:0 0.36rem; }
	.layui-form em { float:none; margin:0 0.36rem; line-height:1.1rem; }
	.layui-form .layui-input-wrap { line-height: 1.1rem;}
	.layui-form .layui-textarea {  font-size: 0.38rem; padding:0.24rem 0.36rem; }
	.layui-form-select dl dd { font-size: 0.38rem;}
	
}

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.header { box-shadow: 0 0 20px rgba(0,0,0,0.05); position: relative; z-index: 9; }
.header .hbox .hlogo h2 { font-size: 30px; }
.header .hbox .hnav>ul>li { position: relative; margin:0 30px; height: 80px; line-height: 80px; }
.header .hbox .hnav>ul>li>a>span { display: inline-block; font-size: 18px; line-height: 80px; color:#333; position: relative;font-weight: bold; }
.header .hbox .hnav>ul>li>a>span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:0;  height: 2px; background: linear-gradient(to right, #08134B, #445CB2);  z-index: 2; transition: all 0.3s ease;}
.header .hbox .hnav>ul>li>a>span::before { content: " ";  position: absolute; top: 50%;margin-top: -.8em;height:1.6em;left: -.3em; right: -.3em;background:#E8F2FE;z-index: -1;display:none;}
.header .hbox .hnav > ul > li > a.active > span {
	/*color: #334686;*/
	background: -webkit-linear-gradient(to top, #08134B, #445CB2); /* Chrome, Safari */
	background: linear-gradient(to top, #08134B, #445CB2); /* 标准语法 */
	-webkit-background-clip: text; /* Chrome, Safari */
	background-clip: text;
	-webkit-text-fill-color: transparent; /* Chrome, Safari */
	color: transparent; /* 其他浏览器 */
}
.header .hbox .hnav>ul>li>a:hover>span::after, .header .hbox .hnav>ul>li>a.active>span::after { width:100%;color: #334686 }
.header .hbox .hnav>ul>li>a:hover>span::before, .header .hbox .hnav>ul>li>a.active>span::before { display:block; }
.header .hbox .hnav ul li i { font-size: 14px; color:#ccc; margin:0 0 0 10px; transition: all 0.3s ease; }
.header .hbox .hnav ul li .dpnav { width:320px; padding:20px; background:#fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.05); position:absolute; left:0; top:90px; z-index: 99;  visibility: hidden; opacity: 0; transition: all 0.3s ease;} 
.header .hbox .hnav ul li .dpnav ul { display: grid; grid-template-columns: repeat(2, 1fr);  grid-gap: 20px; }
.header .hbox .hnav ul li .dpnav ul li { box-sizing: border-box; text-align: center; line-height: 50px; border:1px solid #e6e6e6; border-radius: 5px;  }
.header .hbox .hnav ul li .dpnav ul li i { display: inline-block; font-size: 18px; color:#666; margin:0 10px 0 0; }
.header .hbox .hnav ul li .dpnav ul li:hover { background: linear-gradient(to right, #08134B, #445CB2); border:1px solid linear-gradient(to right, #08134B, #445CB2); }
.header .hbox .hnav ul li .dpnav ul li:hover a { color:#fff;  }
.header .hbox .hnav ul li .dpnav ul li:hover i { color:#fff; }
.header .hbox .hnav ul li:hover>.dpnav { visibility: visible; opacity: 1; top:80px; }
.header .hbox .hnav ul li:hover i.icon-xiala { transform: rotate(180deg); }
.header .hbox .huser .faceimg { width: 40px; height: 40px; border-radius: 40px; overflow: hidden;  margin:0 0 0 20px;  }
.header .hbox .huser .faceimg img { vertical-align: top;}
.header .hbox .huser .name>a>span { font-size: 18px; color:#333; }
.header .hbox .huser .name i { font-size: 14px; color:#ccc; margin:0 0 0 10px; transition: all 0.3s ease; }
.header .hbox .huser .name ul { width:140px; border-radius: 10px;  background:#fff; overflow: hidden;  box-shadow: 0 0 20px rgba(0,0,0,0.05); position:absolute; left:0; top:70px; z-index: 99;  visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.header .hbox .huser .name ul li { text-align: center; height: 46px; line-height: 46px; border-bottom:1px solid #e6e6e6; }
.header .hbox .huser .name ul li:hover a { color:linear-gradient(to right, #08134B, #445CB2);}
.header .hbox .huser .name:hover i.icon-xiala { transform: rotate(180deg); }
.header .hbox .huser .name:hover ul { visibility: visible; opacity: 1; top:60px; }
.header .hbox .hnav .dpnav-wode ul { width:140px; border-radius: 10px;  background:#fff; overflow: hidden;  box-shadow: 0 0 20px rgba(0,0,0,0.05); position:absolute; left:0; top:70px; z-index: 99;  visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.header .hbox .hnav .dpnav-wode ul li { text-align: center; height: 46px; line-height: 46px; border-bottom:1px solid #e6e6e6; }
.header .hbox .hnav .dpnav-wode ul li:hover a { color:linear-gradient(to right, #08134B, #445CB2);}
.header .hbox .hnav .dpnav-wode:hover ul { visibility: visible; opacity: 1; top:80px; }


/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
.ibanwarp .iban-swp .swiper-slide { height: 420px; background-position:center top; background-repeat: no-repeat;  }

.itit { padding:0 0 15px; border-bottom: 1px solid #e6e6e6; }
.itit span { font-size: 30px; position: relative; z-index: 1; }
.itit span::after {content: " ";  position: absolute; bottom: 4px;  left: 0; width:100%;  height: 10px; background-image: linear-gradient(to right, rgba(58,132,254,0.5) , rgba(255,255,255,0.5)); border-radius: 10px;  z-index: -1; }

.igfzt { padding:40px; border-radius: 10px; margin:40px 0; }
.igfzt .list .hd { width:88%; margin:0 auto; }
.igfzt .list .hd ul li { text-align: center; position: relative;  padding:0 0 30px; cursor:pointer; }
.igfzt .list .hd ul li .img { width: 142px; height: 142px; margin:10px 0 0; }
.igfzt .list .hd ul li h3 { font-size: 24px; }
.triangle {	display: none; position: absolute; bottom:0; left:calc(50% - 12px); width: 0; height: 0; border-right: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #f4f7f7; }
.igfzt .list .hd ul li.on .triangle { display: block; }
.igfzt .list .bd .itemcc { background: #f4f7f7; padding:40px 40px 10px 40px; border-radius: 10px; }
.igfzt .list .bd .itemcc ul li a { display: inline-block; line-height: 50px; padding:0 20px; background: #fff;  border-radius: 50px; margin:0 30px 30px 0; }
	.igfzt .list .bd .itemcc:nth-child(1) ul li a:hover {
		background: linear-gradient(to right, #2BA0B1, #43B389);
		color: #fff;
	}
	.igfzt .list .bd .itemcc:nth-child(2) ul li a:hover {
		background: linear-gradient(to right, #7F339D, #F591DA);
		color: #fff;
	}
	.igfzt .list .bd .itemcc:nth-child(3) ul li a:hover {
		background: linear-gradient(to right, #1D69C2, #5CBCEE);
		color: #fff;
	}
	.igfzt .list .bd .itemcc:nth-child(4) ul li a:hover {
		background: linear-gradient(to right, #D33234, #F77256);
		color: #fff;
	}

.layui-progress-mid { height: 10px; line-height: 10px; }
.layui-progress-mid .layui-progress-bar { height: 10px; line-height: 10px; }
.layui-progress-big { height: 28px; line-height: 28px; }
.layui-progress-big .layui-progress-bar { height: 28px; line-height: 28px; }
.layui-progress-big .layui-progress-text { font-size: 16px; }
.layui-bg-blue { background: linear-gradient(to right, #08134B, #445CB2)!important; }

.imnks { padding:40px; border-radius: 10px; margin:40px 0; }
.imnks .list { margin:40px 0 0; }

.list-normal ul { display: grid; grid-template-columns: repeat(2, 1fr);  grid-gap: 30px; }
.list-normal ul li { box-sizing: border-box; border:1px solid #e6e6e6; }
.list-normal ul li:hover { box-shadow: 0 0 20px rgba(0,0,0,0.05); }
.list-normal ul li .item { padding:20px;  }
.list-normal ul li .item>div { width:50%; padding:0 0 5px; font-size: 15px; }
.list-normal ul li .item>div a { font-size: 15px; }
.list-normal ul li .item>div a:hover { color:linear-gradient(to right, #08134B, #445CB2); text-decoration: underline; }
.list-normal ul li .item .title h3 { font-size: 18px; }
.list-normal ul li .item .time { color:#999; }
.list-normal ul li .item i { margin:0 10px 0 0; }
.list-normal ul li .item .comp { color:linear-gradient(to right, #08134B, #445CB2); }
.list-normal ul li .item .txt a { color:linear-gradient(to right, #08134B, #445CB2); }
.list-normal ul li .item .stime, .list-normal ul li .item .result { margin:10px 0 0; }
.list-normal ul li .item .stime .wrong { margin:0 10px 0 0; }
.list-normal ul li .item.complete { background: #f4f7f7; }
.list-normal ul li .item.complete .comp { display: block; }
.list-normal ul li .item.complete .continue, .list-normal ul li .item.start .continue, .list-normal ul li .item.start .last { display: none; }

.imnks .imore a { display: inline-block;  width:200px; height: 50px; line-height: 50px; text-align: center; background: linear-gradient(to right, #08134B, #445CB2); color:#fff; border-radius: 5px; margin:40px 0 0; }

.footer { background: #2d2e32; color:#b6b6ba; font-size: 15px; }
.footer a { color:#b6b6ba;  font-size: 15px; }
.footer a:hover { color:#fff; text-decoration: underline; }
.footer p { font-size: 15px; }
.footer .fbox { padding:20px 0; }
.footer .fnav a { margin:0 20px 0 0; }
.footer.fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
.cbtn {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	padding: 0 20px;
	background: #f4f7f7;
}
.cbtn .cbtn-cc { display: flex; align-items: center; }
.cbtn i.ileft { margin:0 10px 0 0; font-size: 18px; }
.cbtn i.icon-you { margin:0 0 0 30px; font-size: 14px; }
.cbtn:hover { background: linear-gradient(to right, #08134B, #445CB2); color:#fff; }

.catenav { margin:40px 0; }
.catenav ul { display: grid; grid-template-columns: repeat(4, 1fr);  grid-gap: 40px;  }
.catenav ul li { box-sizing: border-box; text-align: center; height: 60px; line-height: 60px; }
.catenav ul li a { display: inline-block; width:100%; height: 100%; background: #fff; border-radius: 5px; position: relative; overflow: hidden; }
/*.catenav ul li a::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:0;  height: 3px; background:linear-gradient(to right, #08134B, #445CB2); z-index: 1; }*/
/*.catenav ul li a:hover::after, .catenav ul li a.on::after  { width:100%; }*/
.catenav ul li:nth-child(1) a:hover, .catenav ul li:nth-child(1) a.on {
	background: linear-gradient(to right, #2BA0B1, #43B389);
	color: #fff;
}
.catenav ul li:nth-child(2) a:hover, .catenav ul li:nth-child(2) a.on {
	background: linear-gradient(to right, #7F339D, #F591DA);
	color: #fff;
}
.catenav ul li:nth-child(3) a:hover, .catenav ul li:nth-child(3) a.on {
	background: linear-gradient(to right, #1D69C2, #5CBCEE);
	color: #fff;
}
.catenav ul li:nth-child(4) a:hover, .catenav ul li:nth-child(4) a.on {
	background: linear-gradient(to right, #D33234, #F77256);
	color: #fff;
}
.catenav ul li a:hover > span, .catenav ul li a.on > span {
	color: #fff;
}
.catenav ul li i {
	font-size: 18px;
	margin-right: 10px;
}
.catenav ul li span { font-size: 18px; color:#333; }

.cmbox { border-radius: 10px; overflow: hidden; margin:0 0 40px; }
.pra-cc .pra-cate { margin:0 0 40px; }
.pra-cc .pra-cate ul li { float: left; margin-right: 30px; height: 50px; }
.pra-cc .pra-cate ul li a { display: inline-block; height: 50px; line-height: 50px; padding:0 20px; background: #f4f7f7; border-radius: 50px;  position: relative; overflow: hidden; }
.pra-cc[data-parid="16"] .pra-cate ul li a:hover, .pra-cc[data-parid="16"] .pra-cate ul li a.on {
	background: linear-gradient(to right, #2BA0B1, #43B389);
	color: #fff;
}
.pra-cc[data-parid="17"] .pra-cate ul li a:hover, .pra-cc[data-parid="17"] .pra-cate ul li a.on {
	background: linear-gradient(to right, #7F339D, #F591DA);
	color: #fff;
}
.pra-cc[data-parid="18"] .pra-cate ul li a:hover, .pra-cc[data-parid="18"] .pra-cate ul li a.on {
	background: linear-gradient(to right, #1D69C2, #5CBCEE);
	color: #fff;
}
.pra-cc[data-parid="19"] .pra-cate ul li a:hover, .pra-cc[data-parid="19"] .pra-cate ul li a.on {
	background: linear-gradient(to right, #D33234, #F77256);
	color: #fff;
}
.pra-cc .pra-prog .txt { margin:0 0 20px; }
.pra-cc .pra-prog .txt span { font-size: 18px; }

.pra-cc .pra-data ul { display: grid; grid-template-columns: repeat(4, 1fr);  grid-gap: 40px; margin:40px 0; }
.pra-cc .pra-data ul li { background: #f4f7f7; border-radius: 10px; height: 120px; display: flex; align-items: center; text-align: center;  }
.pra-cc .pra-data ul li .num { width:100%;  }
.pra-cc .pra-data ul li .num p {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 17px;
}
.pra-cc .pra-data ul li .num span { font-size: 30px; color:#333; }
.pra-cc .pra-data ul li .num em { margin:0 0 0 10px; }

.pra-cc .pra-btn a { margin-right: 30px; }

.pra-cc .pra-list { margin:40px 0 0; }

.bread { padding:30px 0; }
.bread i { color:#ccc; margin-right:10px; }
.bread a:hover { color:linear-gradient(to right, #08134B, #445CB2); text-decoration: underline; } 

.pra-result .ptit { border-bottom:1px solid #e6e6e6; margin:0 0 30px; }
.pra-result .ptit span { font-size: 20px; position: relative; padding:0 0 20px 0; }
.pra-result .ptit span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 3px; background:linear-gradient(to right, #08134B, #445CB2); z-index: 1; }
.pra-result .ptit a i { margin:0 0 0 10px; }
.pra-result .ptit a:hover { color:linear-gradient(to right, #08134B, #445CB2); text-decoration: underline; }

.pra-analysis .itembox .tit { border-bottom:1px solid #e6e6e6; margin:0 0 30px; }
.pra-analysis .itembox .tit span { display: inline-block; font-size: 20px; position: relative; padding:0 0 20px 0; }
.pra-analysis .itembox .tit span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 3px; background:linear-gradient(to right, #08134B, #445CB2); z-index: 1; }

.layui-form-radio>* { font-size:16px; }

.pra-analysis .itembox .list-num .hd ul li { float:left; display: flex; align-items: center; box-sizing: border-box; padding: 0 10px; height: 40px; line-height: 40px; border:2px solid #e6e6e6; cursor: pointer; margin: 20px 20px 0 0; } 
.pra-analysis .itembox .list-num .hd ul li span { color:#333; }
.pra-analysis .itembox .list-num .hd ul li i { color: #ccc; margin:0 0 0 10px; display: none; }
.pra-analysis .itembox .list-num .hd ul li.wrong i.icon-chacha1 { display: inline-block; }
.pra-analysis .itembox .list-num .hd ul li.right i.icon-gou { display: inline-block; color:linear-gradient(to right, #08134B, #445CB2); }
.pra-analysis .itembox .list-num .hd ul li:hover, .pra-analysis .itembox .list-num .hd ul li.on { background: linear-gradient(to right, #08134B, #445CB2);  border:2px solid linear-gradient(to right, #08134B, #445CB2); }
.pra-analysis .itembox .list-num .hd ul li:hover span, .pra-analysis .itembox .list-num .hd ul li:hover i, .pra-analysis .itembox .list-num .hd ul li.on span, .pra-analysis .itembox .list-num .hd ul li.on i { color:#fff; }
.pra-analysis .itembox .list-num .hd ul li.right:hover i.icon-gou, .pra-analysis .itembox .list-num .hd ul li.right.on i.icon-gou { color:#fff; }

.pra-analysis .tab-item .lntit { margin:30px 0 20px 0; }
.pra-analysis .tab-item .lntit span { font-size: 18px; padding:0 0 0 20px; position: relative; }
.pra-analysis .tab-item .lntit span::after {   content: " ";  position: absolute; top: 0;  left: 0; width:4px;  height: 100%; border-radius: 4px; background:linear-gradient(to right, #08134B, #445CB2); z-index: 1; }
.pra-analysis .tab-item .lntit a.collect i { font-size: 18px; margin-right: 10px; }
.pra-analysis .tab-item .lntit a.collect i.icon-favorite-filling { color:#ffd032;  }
.pra-analysis .tab-item .lntit a.collect .on { display: none; }
.pra-analysis .tab-item .lntit a.active .unon { display:none; }
.pra-analysis .tab-item .lntit a.active .on { display: block; }

.question-info { padding:30px; background: #f4f7f7; }
.question-info .sub-text { margin-bottom:20px; }
.question-info .sub-cont .tk-type { text-align: center; display: flex; justify-content: center;  }
.question-info .sub-cont .tk-dl { margin:0 20px; }
.question-info .sub-cont .tk-dl dt { margin-bottom:20px; }
.question-info .sub-cont .tk-dl dd { width: 264px; height: 32px; line-height: 32px; border: 1px solid #666; border-bottom:0; }
.question-info .sub-cont .tk-dl dd:last-child { border-bottom:1px solid #666; }

.my-answer-box { padding:30px; background: #f4f7f7; }
.my-answer-box .answer-info { margin-bottom:20px; }
.my-answer-box .other-info { color:#999; }

.analysis-info { padding:30px; background: #f4f7f7; }

.right-opposite { padding:30px; background: #f4f7f7; }
.right-opposite .ul-box ul li { float: left; margin: 0 20px 20px 0; }
.right-opposite .ul-box ul li a { display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; background: #fff; }
.right-opposite .ul-box ul li a:hover, .right-opposite .ul-box ul li a.active { background: linear-gradient(to right, #08134B, #445CB2); color:#fff; }

.right-opposite-info { margin-bottom:20px; }
.select-options li { margin-bottom:10px; }

.ban-exam { border-radius: 10px; overflow: hidden; margin:40px 0; }
.exam-list { padding:40px; }

.exam-info .exam-score { width:200px; height:200px; text-align: center; background: #f4f7f7; border-radius: 10px; overflow: hidden; position: relative; }
.exam-info .exam-score::after { font-family: "iconfont"; content: "\e7dc"; transform: rotate(30deg); color:rgba(0,0,0,0.05); position: absolute; font-size: 120px; right:-30px; bottom:-10px; z-index: 1;}
.exam-info .exam-score .score { width:100%;  }
.exam-info .exam-score span { font-size: 30px; }
.exam-info .exam-data { width:680px;  }
.exam-info .exam-data ul li { padding:15px 0; border-bottom: 1px solid #e6e6e6; }
.exam-info .exam-data ul li:last-child { border-bottom:0; }
.exam-info .exam-data ul li .num>div { width:50%; }
.exam-info .exam-data ul li .num em { font-size: 24px; color:#333; }
.exam-info .exam-data ul li .num p { color:#999; margin:10px 0 0; }
.exam-info .exam-data ul li p.tips { color:#999; }
.exam-info .pra-btn { width:160px; height: 200px; position: relative;}
.exam-info .pra-btn a { margin:0; }
.exam-info .pra-btn .cbtn { position: absolute; bottom:0; right:0; }

.section-nav a { display: inline-block; height: 50px; line-height: 50px; padding:0 20px; border-radius: 5px;  background: #f4f7f7; margin:0 20px 20px 0; }
.section-nav a:hover, .section-nav a.on { background: linear-gradient(to right, #08134B, #445CB2); color:#fff; }

.question-de { margin:40px 0; }
.question-de .pra-analysis { padding:10px 40px 40px; }

.login-box { height:calc(100vh - 147px); background-image: url(../images/loginbg.jpg); background-size:cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; }
.login-box .login-cc { border-radius: 10px; overflow: hidden; margin:0 auto; }
.login-box .login-cc h2 { font-size: 24px; margin-bottom:20px; }

.loginfloat { width:360px;  padding:40px; overflow:hidden; position:absolute; left:50%; top:100px; z-index:10; margin:0 0 0 160px;background:#fff;}
.loginf_title { height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#666; padding:0 0 20px 0;}
.loginf_box { width:360px;}
.loginf_box li { width:100%; height:auto; margin:0 0 20px 0;}
.loginf_box li:last-child { margin:0; }

.loginf_txt { width:100%; height:48px; position:relative;}
.loginf_txt i { width:48px; height:48px; line-height:48px; display:block; overflow:hidden; text-align:center; font-size:20px; color:#ccc; position:absolute; left:0; top:0; z-index:10;}
.login_txt { float:left; width:310px; height:46px; line-height:46px; padding:0 0 0 48px; border:1px solid #ddd; background:#fff; font-size:16px; border-radius:5px;}
.code_txt{ width:175px; padding:0 15px;}

.loginf_check{ overflow:hidden;}
.loginf_check input{ float:left; margin:1px 10px 0 0;}
.loginf_check label{ color:#666;}
.loginf_check a{ color:#f42424;}
.loginf_check a:hover{ text-decoration:underline;}

.verifyCode { float:right; width:135px; height:46px; display:block; overflow:hidden; border:1px solid #ddd; border-radius:2px; background:#fff;}
.verifyCode img { width:135px; height:46px;}

.loginf_box a.login_btn{ height:50px; line-height:50px; display:block; overflow:hidden; background: linear-gradient(to right, #08134B, #445CB2);  border-radius:5px; color:#fff; font-size:18px; text-align:center; font-weight:bold;}
.loginf_box a.login_btn:hover{ color:#fff;}
.loginf_box a.link { float:right; clear:both;  }
.loginf_box a.link:hover { color:linear-gradient(to right, #08134B, #445CB2); text-decoration:underline;}

.mem-cc { margin:40px 0; }
.mem-cc .mem-left { width:260px; }
.mem-cc .mem-left .face-box { border-radius: 10px; overflow: hidden; padding:20px; margin-bottom:30px; }
.mem-cc .mem-left .face-box .img { width: 60px; height: 60px; border-radius: 60px; overflow: hidden; }
.mem-cc .mem-left .face-box .txt { width:calc(100% - 80px); }
.mem-cc .mem-left .face-box .txt h2 { font-size: 18px; }
.mem-cc .mem-left .face-box .info { margin:20px 0 0; }

.mem-cc .mem-left .mem-menu ul li { margin-bottom: 20px; }
.mem-cc .mem-left .mem-menu ul li:last-child { margin:0; }
.mem-cc .mem-left .mem-menu ul li a { display: inline-block; box-sizing: border-box; width: 100%;  height: 50px; line-height: 50px; background: #fff; border-radius: 5px; padding:0 20px; overflow: hidden;  }
.mem-cc .mem-left .mem-menu ul li a span { margin-left: 10px; }
.mem-cc .mem-left .mem-menu ul li a i.icon-you { font-size: 14px; color:#ccc; }
.mem-cc .mem-left .mem-menu ul li a:hover , .mem-cc .mem-left .mem-menu ul li a.active { background: linear-gradient(to right, #08134B, #445CB2); color:#fff;  }
.mem-cc .mem-left .mem-menu ul li a:hover i.icon-you, .mem-cc .mem-left .mem-menu ul li a.active i.icon-you { color:#fff;  }

.mem-cc .mem-right { width:calc(100% - 280px); }
.filtrate { border-radius: 10px; margin-bottom:30px; }
.filtrate .opt-select { margin-bottom: 20px; }
.filtrate .opt-select:last-child { margin:0; }
.filtrate .opt-select>span {  height:32px; line-height: 32px; }
.filtrate .opt-select .opt a { float: left; display: inline-block;  height: 32px; line-height: 32px; border-radius: 5px;  background: #f4f7f7; padding:0 10px; overflow: hidden; margin-right:20px; }
.filtrate .opt-select .opt a:hover, .filtrate .opt-select .opt a.active { background: linear-gradient(to right, #08134B, #445CB2); color:#fff;  }

.right-cont .list .itembox { padding:20px; background: #fff; border-radius: 10px; overflow: hidden; margin-bottom: 20px; position:relative; }
.right-cont .list .itembox:last-child { margin:0; }
.right-cont .list .itembox:hover { box-shadow: 0 0 20px rgba(0,0,0,0.05); }
.right-cont .list .itembox .tit { margin-bottom: 10px; }
.right-cont .list .itembox .tit span { font-size: 18px; }
.right-cont .list .itembox .tit a { color:linear-gradient(to right, #08134B, #445CB2); }
.right-cont .list .itembox .tit a.collect i { font-size: 18px; margin-right: 10px; }
.right-cont .list .itembox .tit a.collect i.icon-favorite-filling { color:#ffd032;  }
.right-cont .list .itembox .info p { color:#999; }
.right-cont .list .itembox a em { color:#666; height: 32px; line-height: 32px; border-radius: 5px;  background: #f4f7f7; padding:0 10px; overflow: hidden; margin-left:20px;  }
.right-cont .list .itembox ul { display: flex; justify-content: flex-start; margin:20px 0 0; }
.right-cont .list .itembox ul li { background: #f4f7f7; padding:0 20px;  border-radius: 10px; height: 80px; display: flex; align-items: center; text-align: center;  margin-right: 20px; }
.right-cont .list .itembox ul li .num { width:100%;  }
.right-cont .list .itembox ul li .num p { margin:5px 0 0; }
.right-cont .list .itembox ul li .num span { font-size: 20px; color:#333; }
.right-cont .list .itembox .mbtn { display: inline-block; width:120px; height: 42px; line-height: 42px; background: #f4f7f7; text-align: center; border-radius: 42px; position: absolute; right:20px; z-index:2;  }
.right-cont .list .itembox .mbtn:hover { background: linear-gradient(to right, #08134B, #445CB2); color:#fff; }
.right-cont .list .itembox a.continue { bottom:80px;  }
.right-cont .list .itembox a.again { bottom:20px; background: linear-gradient(to right, #08134B, #445CB2); color:#fff; }
.right-cont .list .itembox .info p span { margin-right: 20px;}
.right-cont .list .itembox .answer { margin:10px 0 0; }
.right-cont .list .itembox .answer p { padding:10px 20px; background: #f4f7f7; }
.right-cont .list .itembox .detail ol li { padding:10px 0; border-bottom: 1px solid #e6e6e6; }
.right-cont .list .itembox .detail ol li i { font-size: 18px; margin:0 5px; }
.right-cont .list .itembox .detail ol li em { color:#999; margin:5px 0 0; }
.right-cont .list .itembox .detail .showmore { margin:20px 0 0; display: none; }
.right-cont .list .itembox .detail .showmore a { display: inline-block; height: 32px; line-height: 32px;  background: #f4f7f7; border-radius: 5px; padding:0 10px; }
.right-cont .list .itembox .detail .showmore i { font-size: 14px; margin:0 0 0 10px; transition: all 0.3s ease; }
.right-cont .list .itembox .detail .showmore a.active i { transform: rotate(180deg);  }

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){
	
}