@charset "utf-8";
/* CSS Document */
.subPage{ overflow: hidden; }
.subPage-con.gp-container{ max-width: 1200px; margin:120px auto; background: #fff; overflow: hidden; padding: 25px 45px;box-shadow: 0px 10px 28.8px 3.2px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.subPage-con2.gp-container { margin: 40px  auto; }
.subPage-con > .gp-fl{ width: 69%; overflow: hidden; }
.subPage-con > .gp-fr{ width: 28%; overflow: hidden;}


/*登录页*/
.login{ max-width: 340px; margin: 160px auto auto auto; background: #fff;box-shadow: 0px 10px 28.8px 3.2px rgba(0, 0, 0, 0.05);
border-radius: 5px; padding: 30px;} 
.loginTitle{ text-align: center; margin-bottom: 30px;} 
.list1 > li{ display: block;   margin-bottom: 24px; overflow: hidden;}
.list1 .text { display: block; width: 100%; }
.list1 .text input{  height: 58px; line-height: 58px; padding: 0 20px;border:#e7e7e7 1px solid; border-radius: 5px; outline:none; width: 100%;box-sizing: border-box;color: #999;font-size: 16px;} 
.list1 .mark{ float: left;display: block;  line-height: 54px;} 
.list1 .mark.grey{ color: #666; }
.list1 .mark.error{ background: url(../images/warning.png) no-repeat left center;  color: #e64a4a; padding-left: 28px;background-size: 18px;}
.list1 .mark.correct{ background: url(../images/warning2.png) no-repeat left center;  color: #29881a; padding-left: 28px;}

.list1 li.yzm .text{width: 239px; float: left;}
.list1 li.yzm a{ display: inline-block; width: 90px; height: 58px; margin-left:6px; overflow: hidden;border: #e7e7e7 1px solid;border-radius: 5px;}
.listBnt{}
.listBnt span{ display: block; background: #1a56d0; border-radius: 5px; text-align: center; height: 60px; line-height: 60px;}
.listBnt input{ border: none; background: none; font-size: 16px; color: #fff;height: 60px; line-height: 60px; width: 100%; cursor: pointer;}


/*补充个人信息*/
.articleTitle{ border-bottom: #dddddd 1px solid; padding-bottom: 15px; margin-bottom: 30px; overflow: hidden; }
.articleTitle .title{ display: inline-block; padding-left: 15px; position: relative;}
.articleTitle .title:before{ content:""; display: block;width: 2px; height: 25px; background: #004ea2;
position: absolute; left: 0; top: 4px; }
.articleTitle .mark{ color: #999999; float: right; padding-top: 10px;}

.list2 { max-width: 370px; margin: 0 auto; }
.list2 > li{ display: block;  margin-bottom: 20px; overflow: hidden;}
.list2 .name{ display: block; width: 70px; height: 38px; line-height: 38px; float: left;color: #999;}
.list2 .name b{ color: #ee0101; } 
.list2 .text { display: block; width: 70%; float: left;}
.list2 .text input{  height: 38px; line-height: 38px; padding: 0 10px;border:#dddddd 1px solid; outline:none; width: 100%;box-sizing: border-box;color: #666;/*! font-size: 16px; */border-radius: 5px;} 
.list2 .text.rili input{ background: url(../images/rili.png) no-repeat right 15px center; }
.list2 .checkBox{ display: block; height: 38px; line-height: 38px; }
.list2 .checkBox .input{ border:#f2f2f2 1px solid; color: #666;}
.list2 .checkBox label{ margin-right: 30px; }
.list2 .listBnt span,.list2 .listBnt input{ height: 40px; line-height: 40px; font-size: 14px; }



/*测试项目列表*/
.list3{margin-top: -20px; overflow:hidden;padding: 0 20px;}
.list3 li a{ display: block; border-bottom: #ddd 1px solid; padding: 20px 0; overflow: hidden; }
.list3 .gp-img-responsive{ width: 215px; height: 120px; padding: 0; float: left; }
.list3 .listText{ display: block; margin-left: 232px; overflow: hidden; transition: all 0.3s ease-in-out;}
.list3 .listTitle{ display: block; margin-bottom: 8px;}
.list3 .listCon{ display: block; line-height: 24px; max-height: 72px; color: #999999; overflow: hidden; }
.list3 li a:hover .listText{ padding-left: 6px; }

  
/*测试报告页面*/
.list3 .listCon2{ display: block; line-height: 24px; max-height: 48px; color: #999999; overflow: hidden; }
.list3 .Test{ display: inline-block; padding: 5px 14px; color: #fff; background: #004ea2; border-radius: 20px;margin-top: 8px;}
.list3 .Test.Test2{ background: #ee873b; }


/*测试报告*/
.articleTitle3{ border-bottom: #dddddd 1px solid; padding-bottom: 15px; margin-bottom: 25px; overflow: hidden; }
.articleTitle3 .title1{ display: inline-block; background: url(../images/title1.png) no-repeat left center; padding-left: 35px; background-size: contain;}
.articleTitle3 .title2{ display: inline-block; background: url(../images/title2.png) no-repeat left center; padding-left: 35px;
margin-left: 34px; background-size: contain;}
.articleTitle3 .title3{ display: inline-block; background: url(../images/title3.png) no-repeat left center; padding-left: 35px;
background-size: contain;}


.testReport{ position: relative;overflow: hidden; }
.articleTitle4{ border-bottom: #dddddd 1px solid; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; }
.articleTitle4 .title{ color: #004ea2; }

/*tab start*/
.tabArticleList{ /*! position:relative; */}
.tabArticleList .tabListTitle{ /*! overflow:hidden; */position: absolute; top: 0; left: 11%; width: 85%;margin-bottom: 20px;}
.tabArticleList .tab_menu h3{ width:auto; height:40px;line-height:40px; float:left; margin:0 1% 0 0;}
.tabArticleList .tab_menu h3 a{ display:block; height:40px; text-align:center; line-height:40px; float:left;font-size:18px; width:auto;
 position: relative; font-weight: normal;padding: 0 14px; border-radius: 20px;}  
.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block;height:40px; line-height:40px; float:left;  width:auto; position: relative; }
.tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; width:auto; height:40px;
 line-height:40px; color: #004ea2; font-weight: bold; }
.tabArticleList .tab_menu h3:hover:before,.tabArticleList .tab_menu h3.on:before{ content: ""; display: block;
 width: 100%; height: 3px;background: #004ea2; position: absolute; left: 0; bottom: -7px; }

.tabArticleList .tab_menu h3 a:hover{}
.tabArticleList .more_tab{ display: none;}
.tabArticleList .tabListTitle .more{ float:right; padding-top:10px;}
.tabArticleList .tabList{position:relative;}
.tabArticleList .tabListBox .more{ position:absolute; right:0; top:-45px; font-size:14px;}
.tabArticleList .tabListBox .more a{ color: #999; }
.tabArticleList .tabListBox .more a:hover{ color: #e60012; }
.tabArticleList .tabListBox{ display:none;}
/*tab end*/


/*选题答题*/
.questionList{ }
.list4{ margin: 24px -15px 24px -15px; border-top:#ddd 1px solid; border-bottom: #ddd 1px solid; overflow: hidden; padding: 24px 0; }
.list4 li a{ display: block; margin: 0 15px; overflow: hidden; }
.list4 .option{ display: block; width: 23px; height: 23px; text-align: center;line-height: 23px; background: #fff; color: #1a56d0; border:#1a56d0 1px solid;
border-radius: 50%; float: left;margin-top: 7px;}
.list4 .answer{ display: block; margin-left: 35px; line-height: 30px; overflow: hidden; }
.list4 .on .option{ background: #1a56d0; color: #fff; }
.list4 .on .answer{ color: #1a56d0; }
.listBnt2{text-align: center;}
.listBnt2 span{ display: inline-block; width: 41%;  background: #1a56d0; border-radius: 5px; text-align: center; height: 40px; line-height: 40px;margin: 0 2%;}
.listBnt2 input{ border: none; background:#eeeeee ; font-size: 16px; color: #666;height:40px; line-height: 40px; width: 100%; cursor: pointer;}
.listBnt2 .bnt2{ background: #1a56d0; color: #fff; }

.answerList{ padding: 20px; border:#ddd 1px solid; border-radius: 5px; margin-top: 43px; overflow: hidden; }
.answerList .scroll-pane{ height: 380px; }
.answerList .jspVerticalBar{ width: 6px; }
.list5{ margin: -10px; overflow: hidden; }
.list5 li{ margin: 10px; }
.list5 li a{ cursor:pointer; display: inline-block; width: 28px; height: 28px; background: #fff; border:#dddddd 1px solid; text-align: center;line-height: 28px;
border-radius: 5px; }
.list5 li.on a,.list5 li:hover a{ background: #004ea2; border: #004ea2 1px solid; color: #fff; }

.identification{ float: right; display: inline-block;margin-top: 10px;}
.identification span{ padding-left: 10px; }
.identification i{ display: inline-block; width: 8px; height: 8px; border-radius: 2px; }
.identification .yes i{ background: #004ea2;border:#004ea2 1px solid; }
.identification .no i{ background: #fff;border:#ddd 1px solid; }


/*如何测试*/
.articleTitle2{ border-bottom: #dddddd 1px solid; padding-bottom: 15px; margin-bottom: 30px; overflow: hidden; }
.articleTitle2 .title{ display: block; color: #004ea2; text-align: center; }
.gp-article{ padding: 0 20px; overflow: hidden; }
.gp-article p{ line-height: 30px; }
.close{ border-top:#ddd 1px solid; padding-top: 30px; margin-top: 20px; overflow: hidden; }
.close a{ display: block;max-width: 343px; height: 40px; line-height: 40px;margin: 0 auto; background: #eeeeee; border-radius: 5px; text-align: center;
line-height: 40px; transition: all 0.3s ease-in-out; }
.close a:hover{ background: #0a51b3; color: #fff; }



/*分页*/ 
.gp-page { font-size: 0;margin: 30px auto 10px auto; } 
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer; position:relative;text-align: center; margin:0 8px;  vertical-align: top;font-size: 16px; font-size: 1.6rem;height: 46px;line-height: 46px;width: 46px;transition: all 0.3s ease-in-out;border-radius: 50%;border: #e1e1e1 1px solid;color: #999999;}
.gp-page .gp-page-data { display:inline-block;*display: inline;*zoom:1;overflow: hidden;}
.gp-page-select{height: 46px;line-height: 46px;min-width: 70px;*width: 70px; color:#666; display:inline-block;*display: inline;*zoom:1;vertical-align: top;*vertical-align: middle; border:none; padding-left: 10px;padding-right: 10px;font-size: 16px;font-size: 1.6rem;background: none;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev {width: 46px;background-position: center center;background-repeat: no-repeat;/*! border-radius: 20px; *//*! padding: 0 15px; */}
.gp-page .gp-page-next{ background: url(../images/arrow_rt.png) no-repeat center;}
.gp-page .gp-page-prev{ background: url(../images/arrow_lf.png) no-repeat center;}
.gp-page .gp-page-next:hover{background: url(../images/arrow_rt_h.png) no-repeat center #1855cb;}
.gp-page .gp-page-prev:hover{background: url(../images/arrow_lf_h.png) no-repeat center #1855cb;}
.gp-page .gp-page-start,.gp-page .gp-page-end{font-size: 22px;font-size: 2.2rem;line-height: 28px;margin:0 10px;}
.gp-page > .select-span{padding-left:0;margin-left: 15px;border-right:1px solid #24528a;}

.gp-page a:hover,.gp-page a.active { color:#fff; background: #1855cb; position: relative;border: #1855cb 1px solid;}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 35px;line-height: 35px;width: auto;background-color: #fff;border-radius: 5px;padding: 0 20px;color:#666;border: #ddd 1px solid;}
/*居中*/
.gp-page-centered {text-align:center; position: relative;}
/*右对齐*/ 
.gp-page-right {text-align:right} 

 
.gp-page .select2{ }
.gp-page .pageSelect{min-width:120px;height: 44px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #a343c4;line-height: 44px;text-align: center;padding:0;border-right: 1px solid #d2a8e0;}
.select2-container--default .select2-selection--single{ border: none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background: url(../images/select.png) no-repeat center;}
.select2-container .select2-selection--single{height: 44px;line-height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 44px;}



@media screen  and (max-width:1440px) {
   .login{ margin: 80px auto; }
   .subPage-con.gp-container{ margin: 50px auto; }
} 


@media screen  and (max-width:1024px) {
   .subPage-con > .gp-fl,.subPage-con > .gp-fr{ width: 100%; float: none; }


} 

@media screen  and (max-width:997px) {
   .tabArticleList .tabListTitle{ position: static; overflow: hidden;}
   .tabArticleList .tab_menu h3:hover:before, .tabArticleList .tab_menu h3.on:before{ bottom: 0; }
   .tabArticleList .tab_menu h3{ margin: 0; }
   .tabArticleList .tab_menu h3 a{ font-size: 14px; padding:0 10px; } 

} 
 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  .gp-page{ display: none; }
  .gp-m-page{ display: block; }
  .list3,.gp-article{ padding: 0 20px 0 0; }
}




@media screen and (max-width:767px) {
   .subPage-con.gp-container{ padding:25px; }
   .articleTitle .mark{ float: none; display: block; }
   .articleTitle,.articleTitle2,.articleTitle3{ margin-bottom: 15px; }
}
 

@media screen and (max-width:640px) { 
}

@media screen and (max-width:480px) { 
	.list1 li.yzm .text{ width: 200px; }
	.list1 li.yzm a{ width: 70px; }
	.list2 .name,.list2 .text{ float: none; width: 100%; }
	.list3 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 56.2%; float: none; }
	.list3 .listText{ margin: 20px 0 0 0; }
}