@charset "utf-8";
/* CSS Document */
 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;}
 ul, li{ list-style-type: none; }
 body{color:#8f847a;font-family:Helvetica;}
 .fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
 .clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}
.warp{ padding:0 12px;}

a, a:link { color: #8f847a; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: underline; color:#8f847a}
a:focus { outline: none; }
.fontRed{color:#e65a65}


#header{height:50px; line-height:50px; text-align:center; font-size:18px; background:#fff; position:relative;color:#333; border-bottom: 1px solid #ddd}
#header a.btnPre{ padding:5px 15px; border-radius:10px; font-size:15px; position:absolute; left:10px; top:7px; line-height:20px; background:url(../img/iconPre.png) no-repeat 8px; padding-left:25px; background-size:20px 20px; color:#333; text-decoration:none; height:25px;}
#header a.btnhome{ padding:5px 15px; border-radius:10px; font-size:15px; position:absolute; right:10px; top:7px; line-height:20px; background:url(../img/iconHome.png) no-repeat 8px; padding-left:25px; background-size:20px 20px; color:#333; text-decoration:none; height:25px;}


.form{padding:30px}
.form .formRadio{ position:relative;margin-bottom:25px; height:50px;}
.form .formRadio label{display:inline-block;*display:inline;zoom:1;padding:0.5em;line-height:1.4em;border-radius:inherit;font-size:18px;border-radius:0.6em;width:35%; margin-right:10px; text-align:center;border:1px solid #ccc; background:#fff}
.form .formRadio span{ display:block;position:absolute;text-align:left;color:#777; font-size:14px; padding-top:5px;width:100%}
.form .formRadio input{ margin:10px 0 0 10PX;}
.form .formRadio .radioOn{background:#8f847a;border:1px solid #8f847a;color:#fff; font-weight:bold}

.form .inputBox{position:relative;margin-bottom:15px;-webkit-border-radius:inherit;border-radius:inherit;border-radius:0.6em; margin-left:50px}
.form .inputBox .mLeft{margin-left:5em}
.form .inputBox i{  position:absolute; display:inline-block;padding:0.5em 1em;color:#fff; background:#ffc6ac;border-radius: 0.6em;font-size:15px;right:0;top:0.35em;right:0.35em;font-style:normal}
.form .inputBox em{ position:absolute; display:inline-block;  text-align:right; line-height:2.4em;font-size:18px;top:0;left:-100px;font-style:normal; height:100%;color:#aaa; padding-left:0.5em;width:80px}
.form .radio  li{ display:block; padding:10px 0}

.form .textInput{padding:0.5em;line-height:1.4em;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;min-height:2.2em;text-align:left;border:none;background:transparent none;-webkit-appearance:none; font-size:18px; background:#fff;border-radius:0.2em;border:1px solid #ccc;}
.form input::-moz-placeholder{color: #AAAAAA;}  
.form input:hover, textarea:hover,input:focus, textarea:focus {border-color: #0364bd;-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}
.form a.btn_summint{ display:block; margin:10px auto;color:#fff; font-size:22px; text-align:center; padding:8px 0; background:#0364bd; font-weight:bold; text-decoration:none; border-radius:5px; position:relative; margin-left:50px}
.form .tips{font-size:16px; padding:5px 0; color:#ff3300; line-height:22px; margin-left:50px}
.form .tips a{color:#ff6c81; text-decoration:none}
.form .tips a:hover{color:#333}

.form input.btn_summint{ display: block; margin:10px auto;color:#fff; font-size:22px; text-align:center; padding:8px 0; background:#0078d7; font-weight:bold; text-decoration:none;position:relative;margin-left:50px;  border-radius:5px;width: 80%; border: 0;}
.form input.btn_disabled{background: #eee; color: #ccc; display: block}

.footer{ padding:10px 0; text-align:center; line-height:25x; font-size:12px; color:#666; background:#f4f4f4; margin-top:30px}

/*注册*/
.reg .regBanner{text-align:center;}
.reg .regBanner img{width:100%;}
.reg .hotLine{font-size:15px; text-align:center; padding-top:15px; }
.reg .hotLine font{color:#0364bd;font-size:18px;font-weight:bold}

#download .logo{text-align: center;}
#download .logo img{width: 80%;}
#download .downloadIcon{display: block; text-align: center;}
#download .downloadIcon li{display: inline-block; width: 80px; margin:0 15px;}
#download .downloadIcon li img{width: 80px;}

/*登录*/
.login .regBanner{text-align:center;}
.login .regBanner img{width:100%;}
.loginBox{padding:30px 20px;}
.loginBox .login{border:1px solid #ccc; border-radius:0.6em; background:#fff}
.loginBox .login .form inputBox{margin-left:0}
.loginBox a.btn_summint{ display:block; margin:10px auto;color:#fff; font-size:25px; text-align:center; padding:10px 0; background:#0364bd; font-weight:bold; text-decoration:none; border-radius:10px; position:relative; margin-left:50px}
.loginBox a.btn_back1{ display:block; margin:10px auto;color:#fff; font-size:25px; text-align:center; padding:10px 0; background:none; border:1px solid #0364bd;font-weight:bold; text-decoration:none; border-radius:10px; position:relative; margin-left:50px;color:#0364bd;}
.loginBox .fontReg{float:left}
.loginBox .fontReg a{color:#ff6c81}
.loginBox .remberUser{float:right}
.QRem{ text-align:center; margin-top:20px}
.QRem img{width:80%; border:1px solid #ddd;}
.loginBox a.btn_contactUs{ display: inline-block;color:#fff;text-align:center; padding:10px 30px; background:#0364bd; font-weight:bold; text-decoration:none; border-radius:10px; position:relative;}

.loginBox .hotLine{text-align: center;color: #333; font-size: 18px;}
.loginBox .hotLine a{font-size:24px;color: #F43509; font-weight: bold; text-decoration: none)}
.loginBox .hotLine a:hover{ text-decoration: none;}
.loginBox .hotLineService{text-align:center;padding-top:20px}

#head{height: 40px;}
#head .logo{width:90px; height: 35px; float: left; margin: 15px 0 0 15px;}
#head .qytxLogo{background: url(../img/logoQYTX.png);background-size: 100%; }

.img100{width:100%}
.banner img{width: 100%;}
.indexBtn li{width: 33%; display: block; float: left;}
.indexBtn li a{ display: block; padding: 5px;}
.indexBtn li a img{width: 100%; border-radius: 5px;}

.indexContact{ text-align: center; font-size: 14px;}
.indexContact .btn{width:50%; margin: 10px auto;}

a.btnWhite{display: block; background: #0364bd; font-size:16px; color: #fff; padding: 10px; text-align: center; border-radius: 5px; text-decoration: none;}
a.btnWhite:active,a.btnWhite:hover{background: #f4f4f4;color: #333;}

a.btnRed{display: block; background: #0364bd; font-size:16px; color: #fff; padding: 10px; text-align: center; border-radius: 5px; text-decoration: none;}
a.btnRed:active,a.btnRed:hover{background: #f4f4f4;color: #333;}

.txt{font-size: 14px; line-height: 20px; color: #777; margin: 10px 0;}
.txt h2{font-size:20px; margin:10px 0 5px 0;color: #333;}
.txt p{ text-align: justify; margin: 10px 0;}

.menu{display:block;}
.menu li{width:50%;display: block; float: left;}
.menu li a{ margin:10px;}

.page{ display: block; padding: 20px 0;}
.pageBg{ background:#f4f4f4}
.page .img,.page .txt{width: 50%; float: left; margin: 0;}
.page .img{text-align: center;}
.page .img img{width: 80%; max-width: 500px; text-align: center; vertical-align: middle; margin-top:10%;}

.doyoo_pan_icon{margin-right:-5px}