﻿@charset "utf-8";
blockquote, body, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, legend, li, ol, p, pre, td, th, ul { margin: 0; padding: 0 }
html { font-size: 14px;height:100%; }
body { font: 18px/35px "微软雅黑", Verdana, Geneva, sans-serif; color: #000; width: 100%; max-width: 640px; margin: 0 auto;background: #efefef; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { font-weight: 400; text-align: left }
fieldset, img { border: 0 }
/*blockquote, body, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, legend, li, ol, p, pre, td, th, ul { margin: 0; padding: 0 }
html { font-size: .22rem;height:100%; }
body { font: 18px/35px "微软雅黑", Verdana, Geneva, sans-serif; color: #000; width: 100%; max-width: 640px; height:100%; margin: 0 auto; background:#f5f5f5; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { font-weight: 400; text-align: left }
fieldset, img { border: 0 }*/
/*li { list-style: none }
input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none }
select {line-height: .7rem;height: .7rem; padding-right:.18rem; }
select::-ms-expand {
 display: none
}
textarea { -webkit-appearance: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
a { text-decoration: none; color: #000 }
a:hover { text-decoration: none }
blockquote:after, blockquote:before, q:after, q:before { content: "" }
img { display: block }
#BDBridgeIconWrap, #BDBridgeInviteWrap, #BDBridgeMess, #LXB_CONTAINER, #qiao-wrap, .bds-credit-pop, .lxb-container, .qiao-icon-sector-inner { display: none!important }
.fl { float: left }
.fr { float: right }
.cl { clear: both }
.fl { float: left }
.fr { float: right }
.cl { clear: both }


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color: #999;
font-size: .22rem;
text-align: left;
background:#fff;
}
input:-webkit-input-placeholder,textarea:-webkit-input-placeholder {
color: #999;
font-size: .22rem;
text-align: left;
background:#fff;
}
input:-moz-placeholder,textarea:-moz-placeholder {
color: #999;
font-size: .22rem;
text-align: left;
background:#fff;
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: #999;
font-size: .22rem;
text-align: left;
background:#fff;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #999;
font-size: .22rem;
text-align: left;
background:#fff;
}
select { border:0; float:right;
 direction: rtl;
color: #999;
font-size: .22rem; }
select option { direction: ltr; 
color: #999;
font-size: .22rem;}
input::-webkit-clear-button,textarea::-webkit-clear-button {
display: none;
}
input::-webkit-calendar-picker-indicator,textarea::-webkit-calendar-picker-indicator {
display: none;
}*/


.main{ background:#21669f;}
/*.tit{ width:100%; text-align:center; padding:.26rem 0;    overflow: hidden;}
.tit span{ color:#fff; width:100%; display:inline-block; line-height:.22rem;float: left; font-size: .22rem;}
.tit span.h3{ font-size:.3rem; color:#ffff6f; line-height:.3rem; margin-bottom:.1rem;}*/





.banner img{width:100%;}
.form{background:#fff;  padding-top:.4rem;}
.form .con{ overflow:hidden; width:100%; background:#fff; line-height:.72rem; margin-bottom:.15rem; font-size:.22rem; color:#333; text-indent:.25rem;}
.form .con .mc{ width:1.6rem; overflow:hidden; float:left;text-align: right; margin-right:.12rem;}

.form .con .rad{ float:left; width:1.6rem; margin-right:.25rem;}
.form .con .rad a{ float:left; background:url(../images/icon-nocheck.png) 0 center/.26rem .26rem no-repeat;padding: 0 .08rem;}
.form .con input:checked + a{
	background:url(../images/icon-checked.png) 0 center/.26rem .26rem no-repeat;
	}



.form .con input.radio{ width:.3rem;height: .6rem; display:none;}

.form .con input,.form .con textarea{ border:1px #e3e3e3 solid; width:3.7rem; line-height:.6rem;  float:left; text-align:left; padding-right:.18rem;color: #999;font-size: .22rem; text-indent:.2rem;}
.form .con input.phone{}
.form .con textarea.content{}
.form .tijiao{ width:100%; margin-top:.3rem; text-align:center;}
.form .tijiao .guahao-submit{ width:3rem; height:.76rem; background:#d92a2a;  margin:0 auto; border:0; color:#fff; font-size:.34rem; letter-spacing:2px; }
.form .tijiao span{display: inline-block; font-size:.2rem; color:#aeaeae; line-height:.3rem; width:4.8rem; margin:.2rem 0 .3rem; text-align:left;}


#date{ float:left; text-align: left;padding-left: .2rem; padding-right:0; width:2.2rem; line-height:.7rem;}
/*.condate{ position:relative;}
em{ color:#d92a2a;font-style:normal}
.condate .xy{ width:.29rem; height:.29rem; position:absolute; top:.2rem; right:.18rem;}
.condate .xy img{ width:100%;}
.huizf{ float:right; padding-right:.18rem;
color: #999;
font-size: .22rem;}
.huizf span{text-decoration:line-through;}

.twdate{ width:100%; overflow:hidden;}
.twdate label{overflow: hidden; height: .76rem;line-height:.76rem; background:#fff;float:left; display:inline-block; width:48%; font-size:.22rem; text-align:center; margin-bottom:.18rem;}
.twdate label:nth-of-type(even){ float:right;}
.twdate label .zdate{ display:none;}
.twdate label span{ color:#333;border: 1px #fff solid;}
.twdate input:checked + span{background-color:#eeeeee;color: #157cdc;display: inline-block;width: 98%; line-height:.74rem;border: 1px #157cdc solid;}*/


.form .con textarea{ line-height:.4rem; padding:.1rem 0 .4rem;}
.zn{    background: #efefef; }
.zn img{ width:100%;}

	
.msg__wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    transition: all .3s;
    transform: translate(-50%, -50%) scale(0, 0);
    width: 80%;
    border-radius: 0.3rem;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    font-size: 10px;
	overflow: hidden;
  }
  
  /* 弹出框头部 */
  .msg__wrap .msg-header {
    padding: 0.15rem 0.15rem 0 0.15rem;
    font-size: 0.3rem;
    text-align: center;
    font-weight: bold;
  }
  
  .msg__wrap .msg-header .msg-header-close-button {
    float: right;
    cursor: pointer;
  }
  
  /* 弹出框中部 */
  .msg__wrap .msg-body {
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
	    text-align: center;
  }
  
  /* 图标 */
  .msg__wrap .msg-body .msg-body-icon{
    width: 1.2rem;
  }
  
  .msg__wrap .msg-body .msg-body-icon div{
    width: 0.9rem;
    height: 0.9rem;
    margin: 0 auto;
    line-height: 0.9rem;
    color: #fff;
    border-radius: 50% 50%;
    font-size: 2em;
  }
  
  .msg__wrap .msg-body .msg-body-icon .msg-body-icon-success{
    background: #32a323;
    text-align: center;
  }
  

  .msg__wrap .msg-body .msg-body-icon .msg-body-icon-wrong{
    background: #ff8080;
    text-align: center;
  }

  .msg__wrap .msg-body .msg-body-icon .msg-body-icon-info{
    background: #80b7ff;
    text-align: center;
  }

  
  /* 内容 */
  .msg__wrap .msg-body .msg-body-content{
	color:#808080;
    font-size: 0.32rem;
    word-break: break-all;
	
    align-items: center;
	line-height: 0.4rem;
    box-sizing: border-box;
  }
  
  /* 弹出框底部 */
  .msg__wrap .msg-footer {
    padding: 0 ;
    	margin-top: 0.3rem;
    flex-direction: row-reverse;
  }
  
  .msg__wrap .msg-footer .msg-footer-btn {
    width: 100%;
    height: 1rem;
    border: 0 none;
    color: #5b6a91;
    outline: none;
    font-size: 0.3rem;
    cursor: pointer;
	padding:0;
	font-weight: bold;
	border-top:1px solid #e5e5e5 ;
  }
  
  .msg__wrap .msg-footer .msg-footer-cancel-button{
    background-color: #ff3b3b;display:none;
  }
  
  .msg__wrap .msg-footer .msg-footer-cancel-button:active{
    background-color: #ff6f6f;
  }
  
  .msg__wrap .msg-footer .msg-footer-confirm-button{
    background-color: #fff;
  }
  
  .msg__wrap .msg-footer .msg-footer-confirm-button:active{
    background-color: #1d5fac;
  }
  
  /* 遮罩层 */
  .msg__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, .4);
    transition: all .3s;
    opacity: 0;
  }






