@charset "utf-8";
/* 
    @名称: base
    @功能: 重设浏览器默认样式
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:62.5%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
    font-size: 12px;
    line-height: 1.5em;
}
/* iphone手机表单默认 */
input.no {-webkit-appearance:none;}

input,select,textarea{
    font-size:100%;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table{
    border-collapse:collapse;border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/
th{
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img{
    border:0;
    width: 100%;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
    border:0;font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 默认不显示下划线，保持页面简洁 */
a {
    text-decoration: none;
    outline: none;
    color: inherit;
}
a:hover {
    text-decoration:none;
}
/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}
i{font-style:normal;display:inline-block;}
.fl{float:left;}
.fr{float:right}
.no-mr{margin-right:0!important}
.no-mb{margin-bottom:0!important}
.no-pr{padding-right:0!important;}
.no-pb{padding-bottom:0!important}
.no-borr{border-right: none!important;}
.no-borb{border-bottom: none!important;}


/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
.main {
    max-width: 640px;
    margin: 0 auto;
}
/* header*/
header{
    width: 6.4rem;
}
header img{
    display: block;
    width: 6.4rem;
}
.m-bg{
    width: 6.4rem;
    background:url(../images/bg1.jpg) repeat;
    background-size:.66rem;
    padding:.3rem;
    box-sizing:border-box;
}
.m1-cont{
    width: 5.8rem;
    background-color: #fff;
    border-radius: .2rem;
    margin:0 auto;
    box-shadow: 0 .1rem .1rem rgba(9,100,235,.3);
    padding-bottom: .3rem;
}
.m1-cont p{
    font-size: .2rem;
    line-height: .3rem;
    color: #999999;
    padding: .15rem .15rem 0 .15rem;
    box-sizing:border-box;
}
.m1-cont span{
    color: #de152a;
    
}
.m1-top{
    width: 5.4rem;
    margin: 0 auto;
}
.m1-top .m1-name{
    width: 2.6rem;
    height: .5rem;
    line-height: .5rem;
    border:1px solid #e4e4e4;
    border-radius: .1rem;
    overflow: hidden;
    padding: 0 .05rem;
    margin-top: .2rem;
    box-sizing:border-box;
}
.m1-top .m1-name label{
    float: left;
    width: .95rem;
    font-size: .24rem;
    color: #333;
    text-align: right;
}
.m1-top .m1-name input{
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .24rem;
    color: #999;
    border:none;
}
.m1-top .m1-name input.radio1{
    float: left;
    width: .2rem;
    height: .2rem;
    margin-top: .15rem;
}
.m1-top .m1-name i{
    float: left;
    font-size: .22rem;
    margin-right: .1rem;
    color: #333;
    line-height: .5rem;
}
.m1-ks{
    width: 5.4rem;
    height: .5rem;
    line-height: .5rem;
    margin: .2rem auto 0;
    border-radius: .1rem;
    border:1px solid #e4e4e4;
    padding: 0 0 0 .06rem;
}
.m1-ks label{
    float: left;
    width: 1.45rem;
    font-size: .24rem;
    color: #333;
    text-align: right;
}
.m1-ks input,.m1-ks select,.m1-ks textarea{
    float: left;
    width: 3.9rem;
    height: .5rem;
    line-height: .5rem;
    border:none;
    font-size: .24rem;
    color:#333;
    appearance:none;
    -webkit-appearance:none;
}
.m1-ks select{
    background: url(../images/icon1.jpg) no-repeat right .08rem;
    background-size: .3rem;
}
.m1-ks #date{
    background: url(../images/icon1.jpg) no-repeat right -.62rem;
    background-size: .3rem;
}
.m1-btn{
    width: 5.2rem;
    margin: .3rem auto 0;
}
.m1-btn div{
    width: 2.4rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .1rem;
    font-size: .36rem;
    color: #fff;
}
.m1-btn div.m1-btnl{
    background: linear-gradient(60deg, #21c13b, #079c1e);
    box-shadow: .03rem 0 .04rem rgba(7,156,31,.4);
}
.m1-btn div.m1-btnl a{
    padding-left: .7rem;
    background: url(../images/icon_tel.png) no-repeat .25rem center;
    background-size: .4rem;
    box-sizing:border-box;
}
.m1-btn div.m1-btnr{
    background: linear-gradient(60deg, #fa9033, #ff6000);
    box-shadow: .03rem 0 .04rem rgba(255,96,0,.4);
}
.m1-btn div.m1-btnr input{
    width: 2.7rem;
    border:none;
    background-color: inherit;
    color: #fff;
    background: url(../images/icon_sub.png) no-repeat .25rem center;
    background-size: .4rem;
    padding-left: .1rem;
    box-sizing:border-box;
}
.m1-sj{
    width: 5.4rem;
    height: .5rem;
    line-height: .5rem;
    margin: .2rem auto 0;
    border-radius: .1rem;
    border:1px solid #e4e4e4;
    padding: 0 0 0 .06rem;
}
.m1-sj label{
    float: left;
    width: 1.45rem;
    font-size: .24rem;
    color: #333;
    text-align: right;
}
.m1-sj input.radio1{
    float: left;
    width: .2rem;
    height: .2rem;
    margin-top: .15rem;
}
.m1-sj i{
    float: left;
    font-size: .22rem;
    margin-right: .1rem;
    color: #333;
    line-height: .5rem;
    letter-spacing: -1px;
}

.bgcolor{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    left: 0;
    display: none;
}

.m-gh{
    width: 5.4rem;
    height: 7.3rem;
    background: url(../images/bg.png) no-repeat;
    background-size: 100%;
    position: fixed;
    top:50%;
    left: 50%;
    margin-left: -2.7rem;
    margin-top: -3.65rem;
}
.m-gh .close{
    display: block;
    width: .64rem;
    height: .64rem;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top:-.27rem;
    right: -.27rem;
}
.m-gh h2{
    font-size: .46rem;
    font-weight: bold;
    color: #005af9;
    line-height: .6rem;
    text-align: center;
    margin-top: .35rem;
}
.m-gh i{
    display: block;
    font-size: .16rem;
    line-height: .3rem;
    text-align: center;
    color: #a1a1a1;
}
.m-bor{
    width: 4.6rem;
    margin: .35rem auto .2rem;
    border-bottom: 1px dashed #e4e4e4;
    border-top: 1px dashed #e4e4e4;
    padding:.2rem;
    box-sizing:border-box; 
}
.m-cen p{
    font-size: .24rem;
    color: #a1a1a1;
    line-height: .45rem;
}
.m-cen p em{
    color: #333
}
.m-ts p{
    width: 4.6rem;
    margin: 0 auto;
    font-size: .2rem;
    line-height: .3rem;
    color: #e0162c;
}
.m-ts1 p{
    width: 5.4rem;
    margin: 0 auto;
    font-size: .26rem;
    line-height: .4rem;
    color: #333;
}
.m-ts1 p a{color:red;}
.m-xqbgcolor{
    width: 5.8rem;
    margin: 0 auto;
    border-radius: .2rem;
    background-color: #fff;
    box-shadow: 0 .1rem .1rem rgba(9,100,235,.4);
    padding: .15rem 0;
}
.m-xq{
    width: 5.2rem;
    margin: 0 auto;
    padding-bottom: .4rem;
    border-bottom: 1px dashed #e4e4e4;
}
.m-xq a{
    display: block;
    width: 5.2rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .2rem;
    background: linear-gradient(to right,#fa9033,#ff6000);
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin-top: .3rem;
}
.m-xqbgcolor .m-ts p{
    width: 5.2rem;
    margin-top: .2rem;
}
.m-off{
    width: 3.8rem;
    height: 1rem;
    line-height: 1rem;
    background: #000;
    position: fixed;
    top:50%;
    margin-top: -.5rem;
    left: 50%;
    margin-left: -1.9rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
    display: none;
}