@charset "utf-8";
/* CSS Document */
input,select{ -webkit-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.left{ float:left}
.right{ float:right}
img{border:none; vertical-align:middle;}
.zxbj-con{ width:100%; background:#ffffff; margin:0 auto;  min-width:320px; max-width:640px; position:relative;overflow:hidden; }
.zxbj-span1{ width:29%; }
.zxbj-span2{ width:43%; }
.zxbj-span3{ width:28%; }
.zxbj-span{text-align:center; font-size:14px; padding:2% 0%;}
.zxbj-conn{ margin-top:1% ; padding-top:3%}
.zxbj-con-p{ width:100%; text-align:center; color:#333333; margin:15px 0;}
.zxbj-con-p font{ color:#fa4c06}
.zxbj-form{ width:94%; margin:0 auto; margin-top:3%}
.zxbj-form-select,.zxbj-form-input{ width:48.5%; }
.zxbj-form-border{ border:1px solid #cccccc; border-radius:6px;  line-height:30px; font-size:10px; color:#333333; margin-bottom:2%; margin:1% 0; padding-left:2%;}

.input-group-field{border:1px solid #cccccc; border-radius:6px;  line-height:30px; font-size:12px; color:#333333; margin-bottom:2%; padding-left:2%;margin:1% 0; width:25%;}

.zxbj-form-select{ background:url(../images/zxbj-04.jpg) no-repeat 95% center; background-size:13px;  }
.zxbj-form-input{ background:url(../images/zxbj-05.jpg) no-repeat 95% center; background-size:13px; }
.zxbj-form-input1{ width:100%}
.zxbj-form-input2{ width:60%; border-right:0px !important; border-top-right-radius:0px ;border-bottom-right-radius:0px ;}
.zxbj-form-input3{ width:40%;border-left:0px !important; background:#ffffff; border-bottom-left-radius:0px ; border-top-left-radius:0px ; color:#fa4c06; background:url(../images/zxbj-06.jpg) left no-repeat; background-size:1.5px; cursor:pointer}
.sub{ width:99%; margin:0 auto; border:none !important; background:#00a0ee; color:#ffffff; cursor:pointer;border:#cccccc 1px solid; border-radius:20px; height:40px; line-height:40px; font-size:14px;  margin-bottom:2%; padding-left:1%; transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transition:width 2s; /* Opera */ }

.sub:hover
{
width:100%;
}
.zxbj-form-button{ width:100%; border:none !important; background:#00a0ee; color:#ffffff; cursor:pointer}
.zxbj-con-p1{ width:100%; font-size:12px; margin:1% 0% 4% 0%;}
.zxbj-con-p1 font{ color:#fa0606}
.zxbj-con-p2{ font-size:20px; text-align:center; width:100%;color:#333333}
.zxbj-con-pp{ position:absolute; left:0px; top:30%}
.zxbj-js{ position:absolute; left:3%; top:15%; width:50%}
.zxbj-js p span,.zxbj-jss p span{ margin-top:6%; color:#755ccb; line-height:19px; font-size:12px !important;}
.zxbj-js b,.zxbj-jss b{ color:#755ccb; font-size:24px;}
.zxbj-js-b,.zxbj-js-span{ color:#04aeb9 !important;}
.zxbj-js-b1,.zxbj-js-span1{ color:#43d65d !important; width:90%}
.zxbj-jss{ position:absolute; left:52%; top:15%; width:50%}
.zxbj-js-b2,.zxbj-js-span2{ color:#f48612 !important; width:90%}
.zxbj-js-b3,.zxbj-js-span3{ color:#9f5f35 !important; width:90%; text-align:center}
.zxbj-jsa{ position:absolute; left:50%; top:18%; width:50%}
.zxbj-js-b3{ font-size:20px;}
.zxbj-jsb{ position:absolute; left:53%; top:41%; width:50%}
.zxbj-js-span3{ font-size:12px;}
.zxbj-form-p4{ width:94%; margin:0 auto}
.zxbj-con-p5{ top:36%; font-size:16px; color:#333333}
.zxbj-wz{ position:absolute; left:0px; width:100%}
.zxbj-wz1{ bottom:11%}
.zxbj-wz span{ width:33%; text-align:center; float:left; font-size:13px; line-height:16px;}
.zxbj-wz2{ bottom:7%}
.zxbj-wz3{ bottom:8%;}
.zxbj-wz3 span{font-size:12px;}
.zxbj-wz4{ top:20%; left:7%; width:88%;color:#ffffff; font-size:14px; line-height:24px;}
.zxbj-section{ background:#F0F0F0 !important}
.zxbj-wz-span1{ width:35% !important}
.zxbj-wz-span2{ width:32% !important}
.zxbj-wz-span3{ width:32% !important}  


.zxbj{ height:3.5rem; overflow:hidden}

.zxbj02{ height:1.2rem; background:url(../images/zxbj-02.jpg) no-repeat; background-size:cover; width:100%;}

.row{ width:100%; overflow:hidden;}

.row label{ float:left; width:28%; text-align:center; height:40px; line-height:40px;}