@charset "gb2312";
/* CSS Document */
/*====================================================表单=============================================================*/
.form_box_wrap{display:inline-block; clear:both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow: visible; background:rgba(0,0,0,0.8);}	
.show_form{ position: absolute; z-index: 1; left:50%; bottom:400px; display:none; width:20px; height:80px; line-height: 20px; padding:5px; margin:0; margin-left:500px; text-align:center; overflow: hidden; background:rgba(0,0,0,1.0); box-shadow:0 5px 10px rgba(0,0,0,0.2); text-decoration: none; font-size: 14px; font-family: Microsoft Yahei; color:#f80; letter-spacing:0;  }


.form_box{ position: relative; display:inline-block; clear:both; width:1000px; height:auto; padding:0; margin:0 auto; text-align:center; /*overflow: hidden; background:rgba(255,255,255,1.0);*/ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.form_box .form_tit{ position: relative; /*display:block;*/ display: none; clear: both; width:100%; height:auto; padding:0; margin:0; text-align:center; overflow: hidden; border:none; }
.form_box .form_tit a.close_form{ position: absolute; z-index: 1; right: 10px; top:10px; display:block; width:40px; height:40px; line-height:40px; padding:0; margin:0; text-align:center; overflow: hidden; font-size: 14px; font-family: Microsoft Yahei; color:#d83; font-weight:normal; text-decoration: none;}
.form_box .form_tit span{ display:inline-block; clear: both; width:100%; height:auto; padding:0.6em 0; margin:0; text-align:center; overflow: hidden; border:none; line-height: normal; font-size: 24px; font-family: Microsoft Yahei; color:#d83; letter-spacing: 0.4em; font-weight:normal; background:rgba(30,20,20,1.0);}
.form_box .form_tit font{ display:inline-block; clear: both; width:94%; height:auto; padding:1em 0; margin:0 auto; text-align:center; text-indent: 0; overflow: hidden; border:none; line-height: normal; font-size: 14px; font-family: Microsoft Yahei; color:#d83; letter-spacing:0; }

.form_box a.close_form{ position: absolute; z-index: 1; right:60px; top:-30px; display:block; width:80px; height:30px; line-height:30px; padding:0; margin:0; text-align:center; overflow: hidden; font-size: 12px; font-family: Microsoft Yahei; color:#d83; font-weight:normal; text-decoration: none; background:rgba(0,0,0,0.8); border-radius:0;}

.form_box ul.form{display:block; clear:both; width:90%; height:auto; padding:1em 0; margin:0 auto; text-align:center; overflow: hidden; list-style-type:none;/* background:#fff; */ box-shadow:none;}
.form_box ul.form li{display:inline-block; float: left; clear:none; height:auto; padding:0; margin:0; text-align:center; overflow: hidden; list-style-type:none;}
.form_box ul.form li:nth-child(1){ width:26%; height:auto; padding:0; margin:0;}
.form_box ul.form li:nth-child(2){ width:26%; height:auto; padding:0; margin:0;}
.form_box ul.form li:nth-child(3){ width:26%; height:auto; padding:0; margin:0;}
.form_box ul.form li:nth-child(4){ width:22%; height:auto; padding:0; margin:0;}
	
.form_box ul.form li .input_wrap{ display:block; clear: both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow: hidden; border:none;}
.form_box ul.form li .input_wrap .tag,
.form_box ul.form li .input_wrap .fill{ position:relative; display:inline-block; float:left; width:68%; height:50px; padding:0; margin:0; overflow:hidden; text-align: center; }
.form_box ul.form li .input_wrap .tag{ width:26%; padding: 0 2% 0 0;}
.form_box ul.form li .input_wrap .tag label{ display: inline-block; float:right; width:auto; height:50px; line-height: 50px; font-weight:normal; letter-spacing:0; text-align:right; text-indent: 0; font-size: 16px; font-family: Microsoft Yahei;/* color: #000;*/color:#fff; text-shadow:0; white-space: nowrap; text-overflow: ellipsis; padding:0 0.2em; margin: 0; }
.form_box ul.form li .input_wrap .tag label span{ font-size: 16px; font-family: Microsoft Yahei; color: #888; text-shadow:0; }	
.form_box ul.form li .input_wrap .tag label span.red{ font-size:12px; font-family:Microsoft Yahei; color:#f33; text-shadow:0; margin: 0 0 0 0.2em;}	

.form_box ul.form li .input_wrap .tag .clew{ display:none; float: right; width:50%; height:30px; line-height: 30px; padding:0; margin:0; text-align:right; font-size:12px; font-family:Microsoft Yahei; color:#f33; text-shadow:0; overflow:hidden;}	

.form_box ul.form li .input_wrap .fill.input{ position:relative; display:inline-block; float:left; width:80%; height:40px; line-height: 40px; border: 1px solid #eee;  background: #fff;  padding:0; margin:0; overflow:hidden; text-align: center; }	
.form_box ul.form li .submit_bar{ display:block; clear: both; width:90%; height: auto; padding:0.2em 0; margin:0 auto; text-align:center; overflow: hidden; border:none;}
/*.form_box ul.form li .link_bar{ display:block; clear: both; width:90%; height: auto; padding:0.2em 0; margin:0 auto; text-align:center; overflow: hidden; border:none;}
.form_box ul.form li .link_bar .btn{ display:block; clear: both; width:100%; height: auto; padding:0.5em 0; margin:0 auto; text-align:center; text-decoration: none; border: 1px solid #fa2;  background: #fa2; box-sizing: border-box; border-radius: 0.2em; cursor: pointer; font-size: 18px; font-family: Microsoft Yahei; color: #fff; text-shadow: none; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/

/*====================================================表单元素=============================================================*/
/*输入框*/
.form div.ui-input-text { position:relative; padding:0; margin:0.2em 0; background-image:none; cursor:pointer;}
.form div.ui-shadow-inset { box-shadow:none;}
.form div.ui-corner-all { border-radius:0.2em;}
.form div.ui-btn-shadow,
.form div.ui-input-text.ui-focus{ box-shadow:none; outline: none;}
.form div.ui-input-text.ui-body-c{ border:1px solid #ddd; background:#fcfcfc; box-shadow:none; box-sizing:border-box;}
.form div.ui-input-text input.ui-input-text{ width:100%; text-align:left; text-indent:0.4em; min-height:30px; line-height:30px; font-size:14px; font-family:Microsoft Yahei; color:#666; text-shadow:0; padding:0.4em 0; margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

/*按钮*/
.submit_bar div.ui-btn{ padding:0 0.4em; margin:0; background-image: none; position: relative; cursor:pointer;}
.submit_bar div.ui-btn-up-c,
.submit_bar div.ui-btn-up-c:hover,
.submit_bar div.ui-btn-hover-c{ background:#e94; border:1px solid #e84; box-sizing:border-box; }
.submit_bar div.ui-btn-up-c:hover,
.submit_bar div.ui-btn-hover-c{ filter: Alpha(Opacity=90); opacity: 0.9;}
.submit_bar div.ui-btn-up-c.ui-disabled { filter: Alpha(Opacity=60); opacity: 0.6; zoom: 1; background:#ccc; border:1px solid #bbb; box-sizing: border-box;}

.submit_bar div.ui-shadow,
.submit_bar div.ui-focus{ box-shadow:none;}
.submit_bar div.ui-btn-corner-all{ border-radius:0.2em;}
.submit_bar div.ui-btn span.ui-btn-inner{ min-height:30px; line-height:30px; border:none; padding:0.4em 0; font-size:14px; }
.submit_bar div.ui-btn span.ui-btn-inner span.ui-btn-text{font-size:16px; font-family:Microsoft Yahei; color:#fff; text-shadow:none; font-weight:normal; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}



/*下拉框*/
.form .ui-select{ margin:0.2em 0; outline:none; box-shadow:none; box-sizing:border-box;}
.form .ui-select .ui-btn{ display: block; text-align: center; cursor: pointer; position: relative; margin:0; padding: 0;}
.form .ui-select .ui-shadow{ box-shadow:none;}
.form .ui-select .ui-btn-corner-all{ border-radius:0.2em;}
.form .ui-select .ui-btn-icon-right,
.form .ui-select .ui-btn-up-c,
.form .ui-select .ui-btn-down-c,
.form .ui-select .ui-focus{ outline:none; box-shadow:none; }
.form .ui-select .ui-btn-inner{ position: relative; min-height:30px; line-height:30px; font-size:16px; font-family:Microsoft Yahei; color:#666; text-shadow:none; padding:0.4em 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.form .ui-select .ui-btn-up-c,
.form .ui-select .ui-btn-down-c,
.form .ui-select .ui-btn-hover-c{  border:1px solid #ddd; background:#fcfcfc; box-shadow:none; box-sizing:border-box; }
.form .ui-select .ui-btn-icon-right .ui-btn-inner,
.form .ui-select span.ui-btn-inner{ padding-right: 40px; border-radius:0; border:none;}
.form .ui-select span.ui-btn-inner span.ui-btn-text{ text-align:left; text-indent:0.2em; padding:0; margin:0; font-size:16px; font-family:Microsoft Yahei; color:#666; text-shadow:none; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.form .ui-select span.ui-btn-inner span.ui-btn-text span,
.form .ui-select span.ui-btn-inner span.ui-btn-text span.sel { font-size:16px;  font-family: Microsoft Yahei , Helvetica, Arial, sans-serif; color: #666; text-shadow: none; font-weight:normal; zoom: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.form .ui-select span.ui-btn-inner span.ui-icon,
.form .ui-select span.ui-btn-inner span.ui-icon-arrow-d{ width:40px; height:40px; top:0; right:0; margin:0; border-radius:0; background:#fff url(../images/select_arrow.png) no-repeat 50% 50%; background-size:40px 40px;}
.form .ui-select span.ui-btn-inner span.ui-icon-shadow {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}


/*文本域*/
.form textarea.tex{resize: auto; cursor: auto; white-space: pre-wrap; word-wrap: break-word; letter-spacing: normal; word-spacing: normal;text-transform: none;} 
.form textarea.ui-body-c{position: relative;  border: none;  background: none; text-shadow: none;  padding: 0;  margin: 0; color: #666;}
.form textarea.ui-corner-all{ border-radius:0;}
.form textarea.ui-shadow-inset { box-shadow:none; }
.form textarea.ui-input-text { display: block; width: 95%; height:auto; min-height:20px; line-height:20px; text-align:left; text-indent:0; padding:0.6em 5%;  margin:5px 0; background:#fff; font-size: 14px; color:#666; outline: 0;}
.form textarea:focus { outline-offset:0;}
.form .fill_l textarea.ui-input-text { padding:0.6em 0;  margin:0 0 10px 0;}

/*iPad 768-1024*/
@media only screen and (max-width:1024px) {

.show_form{ position: absolute; z-index: 1; right:0; bottom: 10px; display:none; width:20px; height:80px; line-height: 20px; padding:5px; margin:0;  text-align:center; overflow: hidden; background:rgba(0,0,0,1.0); box-shadow:0 0 0 rgba(0,0,0,0); text-decoration: none; font-size: 14px; font-family: Microsoft Yahei; color:#f80; letter-spacing:0;  }	
	
}


@media only screen and (max-width:768px) {	

/*====================================================表单(底部浮动)=============================================================*/
.form_box{ display:inline-block; clear:both; width:100%; height:auto; padding:0.2em 0; margin:0 auto; text-align:center; overflow: visible;/* overflow: hidden;*/ background:rgba(30,20,20,1.0); box-shadow:none; border-top:2px solid #f80;}
	
.show_form{ position: absolute; z-index: 1; left:50%; bottom:0; display:none; width:30%; height:auto; line-height:normal; padding:5px 0; margin:0; margin-left:-15%;   text-align:center; overflow: hidden; background:rgba(0,0,0,1.0); box-shadow:0; text-decoration: none; font-size: 14px; font-family: Microsoft Yahei; color:#f80; letter-spacing:0;  }	
	
.form_box .form_tit{ position: relative; /*display:block; */ display: none; clear: both; width:100%; height:auto; padding:0; margin:0; text-align:center; overflow: visible;/* overflow: hidden;*/ border:none; }
.form_box .form_tit span{ display:none; clear: both; width:100%; height:auto; padding:0.6em 0; margin:0; text-align:center; overflow: hidden; border:none; line-height: normal; font-size: 18px; font-family: Microsoft Yahei; color:#fff; letter-spacing: 0.4em; font-weight:normal; background:#16a;}
.form_box .form_tit font{ display:inline-block; clear: both; width:74%; height:auto; padding:0.4em 20% 0.4em 0; margin:0 auto; text-align:left; text-indent: 0; overflow: hidden; border:none; line-height: normal; font-size: 12px; font-family: Microsoft Yahei; color:#d83; letter-spacing:0; }
/*.form_box .form_tit a.close_form{ position: absolute; z-index: 2; right: 3%; top:-15px; display:block; width:30px; height:30px; line-height:4000px; padding:0; margin:0; text-align:center; overflow: hidden; font-size: 14px; font-family: Microsoft Yahei; color:#d83; font-weight:normal; text-decoration: none; border: 1px solid #d83;  box-sizing: border-box; border-radius:50%; background:#000 url(../images/close_ico.png) no-repeat 50% 50%; background-size: 20px 20px;}	*/
.form_box a.close_form{ position: absolute; z-index: 1; right:10px; top:-60px; display:block; width:30px; height:60px; line-height:4000px; padding:0; margin:0; text-align:center; overflow: hidden; font-size: 12px; font-family: Microsoft Yahei; color:#d83; font-weight:normal; text-decoration: none; border:none; box-sizing: border-box; border-radius:0; background:transparent url(../images/form_close_ico.png) no-repeat 50% 50%; background-size:100% 100%;}	

.form_box ul.form{display:block; clear:both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow: hidden; list-style-type:none; background:rgba(30,20,20,1.0); box-shadow:none;}
.form_box ul.form li{display:inline-block; float:left; clear:none; height:auto; padding:0; margin:0; text-align:center; overflow: hidden; list-style-type:none;}
.form_box ul.form li:nth-child(1){ width:30%; height:auto; padding:0.4em 0; margin:0 0 0 2%;}	
.form_box ul.form li:nth-child(2){ width:36%; height:auto; padding:0.4em 0; margin:0 0 0 2%;}	
.form_box ul.form li:nth-child(3){ display: none; }	
.form_box ul.form li:nth-child(4){ float:right; width:26%; height:auto; padding:0.4em 0; margin:0 2% 0 0;}	

.form_box ul.form li .input_wrap .tag,
.form_box ul.form li .input_wrap .fill{ position:relative; display:inline-block; float:none; clear: both; width:100%; height:auto; padding:0; margin:0; overflow:hidden; text-align: center; }
.form_box ul.form li .input_wrap .tag label{ display:none; float:left; width:auto; height:50px; line-height: 50px; font-weight:normal; letter-spacing:0; text-align:left; text-indent: 0; font-size: 14px; font-family: Microsoft Yahei; color: #000; text-shadow:0; white-space: nowrap; text-overflow: ellipsis; padding:0 0.2em; margin: 0; }	
.form_box ul.form li .submit_bar{ display:block; clear: both; width:100%; height: auto; padding:0.2em 0; margin:0 auto; text-align:center; overflow: hidden; border:none;}	
	
}

/*iPhone6\7\8*/
@media only screen and (max-width:414px) {
/*.form_box .form_tit a.close_form{ position: absolute; z-index: 2; right: 3%; top:0.4em; display:block; width:30px; height:30px; line-height:4000px; padding:0; margin:0; text-align:center; overflow: hidden; font-size: 14px; font-family: Microsoft Yahei; color:#d83; font-weight:normal; text-decoration: none; border: 1px solid #d83;  box-sizing: border-box; border-radius:50%; background:#000 url(../images/close_ico.png) no-repeat 50% 50%; background-size: 20px 20px;}	*/

}


/*导航 固定底部*/
.ui-footer-fixed {  bottom: 0;  padding-bottom:0; z-index: 90;}