@charset "utf-8";

/*-- Public CSS --*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,input,th,td,p,pre{margin:0;padding:0; border:0; -webkit-text-size-adjust:100%;}

table{border-collapse:collapse;}

img,video{border:none; vertical-align:top;}

ul, ol, li{list-style:none}

a{text-decoration:none;-webkit-tap-highlight-color:transparent; color:#333;}

h1, h2, h3, h4, h5, h6, b, i, em  {font-size:100%;font-weight:normal;font-style:normal;}

textarea{ resize:none; overflow:auto; }

input,textarea,select,lable,textarea{ outline:none; border:none;padding:0; margin:0;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;appearance: none; border-radius: 0;}

textarea { -webkit-appearance: none;} 

.block05{ clear:both; width:100%; height:5px;}

.block10{ clear:both; width:100%; height:10px;}

.block14{ clear:both; width:100%; height:14px;}

.block20{ clear:both; width:100%; height:20px;}

.block30{ clear:both; width:100%; height:30px;}

.block40{ clear:both; width:100%; height:40px;}

.fl{float:left;}

.fr{float:right;}

.clear{zoom:1;}

.clear:after{content:"";display:block;clear:both;visibility:hidden;}

body{ font-size:14px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;  color:#353535; -webkit-user-select: none; -webkit-text-size-adjust: none; line-height:22px;  }

.main{ margin:0 auto; min-width:320px; max-width:640px; overflow:hidden; background:#fff;}


/*长表单样式*/
.long-course{background:#fff; }
.long-course .info{ padding:20px 10px 10px;  font-size: 15px; color: #474747;}
.long-course .grid{  padding-top:12px; width: 250px; margin:0 auto; font-size:14px; line-height:32px;}
.long-course .grid .title{ float:left; padding-right:5px;}
.long-course .sm-text{ text-align:center; color:#f5780b; padding-top:10px;}
.long-course .grid .yy-inp-text{ width:170px; height:32px; line-height:32px; padding:0 10px; border:1px solid #ccc;color:#4e4d4d; box-sizing:border-box;}
.long-course .grid select{ width:170px; height:32px; line-height:32px; padding:0 20px 0 10px;border: 1px solid #CCC; background:#fff url(../images/sel-ico.png) no-repeat right center; background-size:20px;color:#4e4d4d; box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.long-course label{padding:3px 10px;}
.long-course .radio-box{ overflow:hidden;}
.long-course .yy-radio{ margin:0 2px; -webkit-appearance:none;appearance:none; width:11px; height:11px; border-radius:50%; outline: 0 !important;border: 0; font-size: 1em !important; border:1px solid #f88e31; background:none; }
.long-course label.active{ background:#f88e31; border-radius:5px; color:#fff;}
.long-course label.active .yy-radio{border:1px solid #fff;}
.long-course .submit-btn{overflow:hidden; margin-top:20px;}
.long-course .submit-btn .btn{display:block; padding:6px 0; color:#fff; color:#fcfdfa; font-size:18px; font-weight:bold; width:80%; margin:0 auto; background:#ec3944; border-radius:6px;}




/*量表*/
.freeTest{ overflow:hidden;  }

.freeTest .ceshi_nav{ overflow:hidden; padding:5px 0;}
.freeTest .ceshi_nav a,.freeTest .ceshi_nav em{ float:left; height:30px; line-height:30px; color:#fff; text-align:center;}
.freeTest .ceshi_nav .text{ width:28%; background:#0dacfe; border-radius:12px; margin:0 1%; padding:0 5px; box-sizing:border-box;}
.freeTest .ceshi_nav .jt{ width:5%; background:url(../images/ft-jt.gif) no-repeat center; background-size:contain;}
.freeTest .ceshi_nav a.active{ color:#fff800;}



.freeTest .ceshi_box{ overflow:hidden;}
.freeTest .ceshi_box .grid{ padding:10px 20px 0;}
.freeTest .grid .fc{ padding:4px 0 0 15px}
.freeTest .ceshi_box .grid label{ margin:0 6px;}
.freeTest .ceshi_box .grid .ft-radio{ width:13px; height:13px;appearance: none;margin:2px 2px 0; -webkit-appearance:none;appearance:none; border-radius:50%; outline: 0 !important;border: 0; font-size: 1em !important; border:1px solid #64add1; background:none;}
.freeTest .ceshi_box .grid label.active .ft-radio{ background:#64add1;}

.freeTest .bd-box{ overflow:hidden;}
.freeTest .bd-box .h2title{ text-align:center; padding:10px 0;}
.freeTest .bd-box .h2info{ padding:0 3% 10px; text-indent:2em; }

.freeTest .bd-box .bd{ overflow:hidden;}
.freeTest .bd-box .grid{ padding-top:12px; width: 250px; margin:0 auto; font-size:14px; line-height:32px;}
.freeTest .bd-box .grid .title{ float:left; padding-right:5px;}
.freeTest .bd-box .grid select{width:170px; height:32px; line-height:32px; padding:0 20px 0 10px;border: 1px solid #CCC; background:#fff url(../images/sel-ico-blue.png) no-repeat right center; background-size:20px;color:#4e4d4d; box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.freeTest .bd-box .grid .input-text{width:170px; height:32px; line-height:32px; padding:0 10px; border:1px solid #ccc;color:#4e4d4d; box-sizing:border-box;}
.freeTest .bd-box .grid label{ padding:3px 10px;}
.freeTest .bd-box .ft-radio{ margin:0 2px; -webkit-appearance:none;appearance:none; width:11px; height:11px; border-radius:50%; outline: 0 !important;border: 0; font-size: 1em !important; border:1px solid #64add1; background:none;}
.freeTest .bd-box label.active{ background:#64add1; border-radius:5px; color:#fff;}
.freeTest .bd-box label.active .ft-radio{border:1px solid #fff;}

.freeTest .ceshi_btn_box{ overflow:hidden; padding:15px 10%; }
.freeTest .btn{ float:left; width:35%; height:30px; line-height:30px; margin:0 6%; text-align:center; text-decoration:none;background:#ffc652; color:#fff;} 
.freeTest .submit{ color:#FF0; appearance: none;}
#cs_step1.next_btn{ margin-left:30%;}
#cs_step1,#cs_step2,#button{ background:#f54b4b}

/*report页面*/

#report{ position:fixed; width:100%; height:100%; background:#FFF; z-index:1999999; top:0; left:0; overflow:scroll;display:none;}
.top-nav{  overflow:hidden;background: #003271; height:35px;}
.top-nav .return{ float:left; height:35px;line-height:35px; background:url(../images/preturn.png) no-repeat 10px center; background-size:13px; color:#fff; padding-left:30px; overflow:hidden;}
.top-nav .tel{ float:right; background:url(../images/itph.png) no-repeat;background-size:contain;color:#fff; margin:5px 10px 0 0; padding-left:25px;}
.reportIn{ width:100%; height:560px; overflow:hidden;  position:relative;}

#report .head{ overflow:hidden; padding-bottom:10px; border-bottom:2px solid #ccc;}
#report .head .logo{ width:100px; float:left; padding-top:7px}
#report .head .logo img{ width:100%;}
#report .head .title{ float:left;padding-top:16px}
#report .head .right{ float:right;line-height:20px; padding:5px 10px 0 0; }
#report .head .right span{ color:#ae2649;}

#report .table1{ width:100%; height:257px; margin:0 auto; background:url(../images/report_map.jpg) no-repeat;float:left;margin-top:10px; overflow:hidden;}
#report .report_map{float:left;width:38px;height:193px;position:relative;overflow:hidden;margin-left:58px;margin-top:21px;}
#report .report_map .avg_map{width:38px;height:193px;position:absolute;z-index:1;left:0;top:193px;background:#27548c;}
#report .report_map .val_map{width:38px;height:193px;position:absolute;z-index:1;left:0;top:193px;background:#ae2649;}

#report .res_title{ padding:10px 20px; overflow:hidden; line-height:20px; border-bottom:1px solid #ccc;}
#report .table2{ overflow:hidden;border-bottom:1px solid #ccc;}
#report .table2 .t1{display:block;color:#4d90ea; padding:10px; }
#report .table2 .t2{display:block;color:#4d90ea; padding:10px 0 0 10px;}
#report #tb_res{font-size: 14px;color: #4d90ea; border-collapse: collapse; margin:0 auto;}
#report #tb_res tr{ height:30px; border-bottom:1px solid #666;}
#report #tb_res td{border:1px solid #666;}
#report_yuyue{ width: 80%;overflow: hidden;display: block; margin: 10px auto 0;}
#report_yuyue img{ width:100%;}

.freeTest .ft-pub-tit{ overflow:hidden; text-align:center; padding:5px 0 ;}
.freeTest .ft-pub-tit .t1{ display:block; text-shadow: 0px 0px 6px #de2525,0px 0px 6px #de2525,0px 0px 10px #de2525;  font-size:22px; color:#fff;}
.freeTest .ft-pub-tit .t2{ padding:10px 10px 0; display:block; font-weight: normal; text-align: left;;}



/*表单样式*/
.yy-course{ position:relative; margin:0 1.5% 0; padding-bottom:5px; background:#0dacfe; border-radius:10px;}
.yy-course .h2title .num{ background:#000; color:#fff; text-align:center; display:inline-block; margin:0 2px; padding:0 4px; border-radius:5px;}
.yy-course .bd-box{margin:0 2%; border-radius:10px; padding:6px 0;}
.yy-course .grid{ line-height:32px;  padding-top:10px; width:280px; margin:0 auto; overflow:hidden;}
.yy-course .sm-text{ text-align:center; color:#f5780b; font-size:14px; padding-top:10px;}
.yy-course .grid .title{float:left; padding-right:5px; font-size:14px;}
.yy-course .grid .yy-inp-text{ width:200px; height:32px; line-height:32px; padding:0 10px; border:1px solid #ccc;color:#4e4d4d; box-sizing:border-box;}

.yy-course .grid select{ width:170px; height:32px; padding:0 20px 0 10px;border: 1px solid #CCC; background:#fff url(../images/sel-ico.png) no-repeat right center; background-size:20px;color:#4e4d4d; box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.yy-course label{ font-size:14px; padding:3px 10px;}
.yy-course .radio-box{ overflow:hidden;}
.yy-course .yy-radio{ margin:0 2px; -webkit-appearance:none;appearance:none; width:11px; height:11px; border-radius:50%; outline: 0 !important;border: 0; font-size: 1em !important; border:1px solid #f88e31;  background:#fc6317;}
.yy-course label.active{ background:#fc6317; border-radius:5px; color:#fff;}
.yy-course label.active .yy-radio{border:1px solid #fff; background:#fff;}
.yy-course .btn-next{ background:#f37800; color:#fff; text-align:center; margin:14px 10% 10px;  font-size:16px; font-weight:bold; height:30px; line-height:30px; border-radius:6px;}

/*弹出的表单*/
.pop-course{ background:#0dacfe;}
.pop-course .pop-title{ text-align:center;overflow:hidden;}
.pop-course .pop-title .t1{ color:#fff813; font-size:20px; padding:10px 3% 6px; display:block; line-height:30px; }
.pop-course .pop-title .t2{ color:#fff; font-size:16px;}
.pop-course .pop-bd{ display:none;  position:absolute; width:100%; z-index:888; left:0; top:0; }
.pop-course .pop-bd-in{background:#fff;width:94%; position: relative;z-index:888;left: 50%;margin-left:-47%;top:0; border-radius:12px; padding:10px 10px 20px; box-sizing:border-box; position:relative; box-shadow:0 0 30px #000; border:4px solid #ec3944; display:block;}
.pop-course .pop-bd .grid{ width:260px;}
.pop-course .pop-bd .submit-btn{ overflow:hidden; margin-top:15px;}
.pop-course .pop-bd .submit-btn .btn{ display:block; padding:6px; color:#fff; color:#fcfdfa; font-size:15px; width:65%; margin:0 auto; background:#ec3944; border-radius:6px}
.pop-course .pop-bd .pop-close{ position:absolute; right:-10px; top:-10px; width:30px; height:30px; background:url(../images/closer.png) no-repeat; background-size:contain;}
.pop-course .pop-bd .info{ padding:10px 0 15px; font-size:16px; text-indent:2em;}