@charset "utf-8";
/*2016-4-7 create by suron*/

body{margin:auto; width:100%;font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#999; font-size:12px; line-height:24px; background:#f1f1f1; padding:20px 0;}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0;}
em,i,s{font-style:normal; text-decoration:none;}
a{text-decoration:none; color:#999;}
a:hover{color:#00a3e7;}

a.all_blue,.all_blue{color:#00a3e7;}
a.all_blue:hover{text-decoration:underline;}

@font-face {
  font-family: "responsivenav";
  src:url("../fonts/responsivenav.eot");
  src:url("../fonts/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../fonts/responsivenav.ttf") format("truetype"),
    url("../fonts/responsivenav.woff") format("woff"),
    url("../fonts/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.clearfix:before,.clearfix:after{content: ""; display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.fl{float:left;}
.fr{float:right;}
.wd{width:980px; margin-left:auto; margin-right:auto;}
.center{text-align:center;}
.up{margin-top:20px;}

.bangding_border{background:#fff; border-radius:5px; box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; -moz-box-shadow:0 0 8px #999; z-index:1; position:relative;}
.bd_box{padding:50px;}
.bd_box .bd_title{border-bottom:1px solid #e6e6e6; padding-bottom:10px; font-size:24px; color:#333;}
.bd_box .bd_title span{float:right; font-size:18px;}
.bd_up{margin-top:30px;}
.bd_order{width:550px; margin-left:auto; margin-right:auto; font-size:14px; line-height:30px;}
.bd_order li{padding:10px 0; position:relative; line-height:40px;}
.bd_order b{width:15.2777778%; display:block; float:left; text-align:right; margin-right:1%; font-size:16px; font-weight:normal;}
.bd_order b i{margin-right:5px;}
.bd_order li div{float:left; width:79.6%; position:relative; z-index:1;}
.bd_order .red{color:#f00;}
.bd_order .bd_input,.liebiao{border-radius:3px; padding:0 1.1%; border:1px solid #e6e6e6; font-size:16px; line-height:36px; float:left; background:transparent; font-family:"微软雅黑",Arial, Helvetica, sans-serif; position:relative; z-index:10; height:36px;}
.bd_order .select_class{border-radius:3px; padding:2% 1.1%; border:1px solid #e6e6e6; font-size:16px; line-height:30px;}
.bd_order .bd_in_wd{width:63%;}
.bd_order .bd_in_wd_a{width:36%;}
.bd_order .bd_in_wd_b{width:23.4%; overflow:hidden;}
.bd_order .bd_sub{background:#00a3e7; border-radius:3px; color:#fff; font-size:18px; line-height:30px; border:0; padding:1.1%; cursor:pointer; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.bd_order .bd_sub_wd{width:31%; float:right;}
.bd_order .bd_sub.bd_in_wd{width:50%;}
.bd_order .bd_mr{margin-left:3.3%;}
.bd_order li div p{width:100px; float:left; height:40px; margin-left:5px;}
.bd_order li div p img{width:100%; height:40px;}
.bd_order li span{display:block; width:27%; float:right;}
.bd_order li p.red{background:none; padding-left:0;}
.bd_order li small{background:#eee; display:block; margin-top:0.7%; padding:1% 0; text-align:center; font-size:18px;}
.bd_order.bd_vip{padding:80px 0;}
#city,#state{width:31%;}
#city{margin-left:1%;}
.liebiao{padding:0 2.1%;}

/*表单占位符颜色*/
::-webkit-input-placeholder{color:#fff; /* WebKit browsers */}
:-moz-placeholder{color:#fff; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder{color:#fff; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder{color:#fff; /* Internet Explorer 10+ */}

/*去掉Safari 浏览器的按钮样式*/
input[type="submit"], 
input[type="reset"], 
input[type="button"],input[type="text"],input[type="password"],
button { 
-webkit-appearance: none; 
}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{padding:2px 0 2px 5%; margin-top:10px; margin-left:0;}
.bd_order li span.onShow{background:none; padding-left:0; color:#f00; width:31%;}

.select{display:inline-block; position:relative; vertical-align:middle;}
.select select{background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; width:100%; line-height:2rem;}
.select select:focus {
  outline: none;
}
.select::before,.select::after{
  content:''; position:absolute; top:50%; right:10px; display:inline-block; height:1px; width:10px; background:#999; 
}
.select::after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.select::before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); right:17px;
}

.bd_activ{width:590px; margin-left:auto; margin-right:auto; font-size:14px; line-height:30px; color:#333;}
.bd_activ h3{font-size:30px; line-height:40px;}
.bd_activ h3 small{font-size:20px; color:#666; display:block; line-height:30px; padding-top:5px;}
.bd_activ .login_email{background:#00a3e7; border-radius:3px; color:#fff; font-size:18px; line-height:30px; border:0; padding:1.1%; cursor:pointer; width:350px; margin-top:20px; display:block;}
.bd_activ h4{font-size:20px;}
.bd_activ h4 small{display:block; font-size:14px; color:#999; line-height:24px;}

.agre_off,.agre_off2{position:fixed; top:0; left:0; right:0; bottom:0; z-index:0; width:540px; height:420px; margin:auto; border-radius:5px; -webkit-transition-duration:0.4s; opacity:0;}
.agre_off2{width: 340px;}
.agre_show{opacity:1; z-index:999;}
.agre_show::before{position:fixed; content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.2); top:0; left:0;}
.agre_off .agre_off_title,.agre_off2 .agre_off_title{position:relative; z-index:999; background:#00a3e7; color:#fff; padding:10px 20px; border-radius:5px 5px 0 0; font-size:22px;}
.agre_off .agre_off_title a,.agre_off2 .agre_off_title a{position:relative; padding:5px; float:right; margin-top:5px;}
.agre_off_title a::before,.agre_off_title a::after{content:''; position:absolute; top:50%; left:0; display:inline-block; height:1px; width:14px; background:#fff;}
.agre_off_title a::after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.agre_off_title a::before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.agre_off .bagre_off_info{
  -webkit-overflow-scrolling: touch; 
  overflow-y: scroll; 
  background:#fff;
  position:relative; 
  height:310px; 
  padding:10px; 
  overflow:hidden;
  }
.agre_off2 .bagre_off_info{
	-webkit-overflow-scrolling: touch; 
	overflow-y: scroll; 
	background:#fff;
	position:relative; 
  height:120px; 
	padding:10px; 
	overflow:hidden;
	}
.bagre_off_info .bagre_off_iosscroll{position:absolute; top:4%; left:3%; width:94%; height:92%;}
.bagre_off_info .bagre_off_iosscroll iframe{width:100%; height:100%;}
.agre_off .agre_but,.agre_off2 .agre_but{background:#fff; border-radius:0 0 5px 5px; position:relative; padding-bottom:10px;}
.agre_off .agre_but a,.agre_off2 .agre_but a{display:inline-block; padding:5px 30px; background:#00a3e7; color:#fff; cursor:pointer; border-radius:3px;}

.foorter span{margin-left:10px;}

@media only screen and (max-width: 640px){
.wd{width:95%;}
.logo img{width:40%;}
.bd_box{padding:20px;}
.bd_order{width:100%;}
/*.bd_order b{width:18.2777778%;}
.bd_order li div{width:78.6%;}*/
.bd_order b{display:none;}
.bd_order li div{width:98%;}
.bd_order .bd_in_wd{width:95%;}
.bd_order .bd_in_wd_a{width:46%;}
.bd_order .bd_sub.bd_in_wd{width:75%;}
.bd_order li span{position:absolute; z-index:2; right:5%; text-align:right; width:50%; top:2%;}
.bd_order li em{display:block;}
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{background:none; padding:0;}
#city,#state{width:48%;}
.bd_order li .yzm_box span{right:54%;}
.bd_order li .city_box span{display:none;}
.bd_order li span.onError{border:1px solid #e00; overflow:hidden; text-indent:-100em; top:-5%; right:2%; width:98%; border-radius:3px; line-height:40px; margin-top:0; text-align:left; box-shadow:0 0 3px #e00}
.bd_order li .yzm_box span.onError{width:49.5%; right:50.5%;}
.bd_order li .protocoltip span.onError{width:27%; float:right; border:0; text-indent:0; top:0 right:0; position:relative; box-shadow:0 0 0;}
.city_box{height:42px;}
.onFocus{color:#999;}
.onCorrect{color:#999;}

.Identity{line-height:26px;}
.bd_order .bd_sub.bd_in_wd{width:98%;}

/*表单占位符颜色*/
::-webkit-input-placeholder{color:#ddd; /* WebKit browsers */}
:-moz-placeholder{color:#ddd; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder{color:#ddd; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder{color:#ddd; /* Internet Explorer 10+ */}

.bd_up{margin-top:10px;}
.agre_off{width:90%; height:80%; top:0; left:0; right:0; bottom:0; margin:auto;}
.agre_off2{width:90%; height:150px; top:-120px; left:0; right:0; bottom:0; margin:auto;}
.agre_off .bagre_off_info,.agre_off2 .bagre_off_info{height:80%;}
.bagre_off_info .bagre_off_iosscroll{-webkit-overflow-scrolling:touch; overflow-y:scroll;}
.foorter span{display:block; margin-left:0;}
}

@media only screen and (max-width: 320px){
/*.bd_order b{display:none;}
.bd_order li div{width:98%;}*/
#city,#state{width:47%;}
#city{margin-left:2%;}
/*.Identity{line-height:26px;}
.bd_order .bd_sub.bd_in_wd{width:98%;}*/
}