/***** reset tags style *****/
html,body,header,div,table,tr,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,a,img,form,label,input,select,textarea,pre {margin:0; padding:0;}
body {background:#fff;min-width:320px; font:normal 18px/36px microsoft yahei, verdana,geneva,sans-serif;font-size:16px;}

input,select,textarea,h1,h2,h3,h4,h5,h6,pre,b,i,em,cite {color:gray; font:normal normal normal 18px/2.0 microsoft yahei, verdana,geneva,sans-serif;}
input,textarea,button,select{-webkit-tap-highlight-color:transparent;outline:none;background:#fff;}

table {border-collapse:collapse;}
th {font-weight:normal; text-align:left;}
pre {white-space:pre-wrap; word-wrap:break-word;}
ul,ol {list-style:none;}
li {height:auto;}
img {border:0;}
a,del {text-decoration:none;}



/***** text(span) style *****/
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:0.875rem;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}
.fs32 {font-size:3rem;}
.fc {text-align:center;}

.orange{color:#f18c05}
.c666{color:#666;font-family: "微软雅黑", arial, sans-serif}
.c333{color:#333;}
.hide {display:none;}
.show {display:block;}
.indent{text-indent:3em;}
.indent_2{text-indent:2em;}
.mar_top{margin-top:1rem !important;}
.mar_bom{margin-bottom:5.5rem;}
/*1px dashed*/
.border-bottom-1px,.border-right-1px,.border-top-1px{position:relative}
.border-bottom-1px:after,.border-bottom-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{
    content:"";
    display:block;
    position:absolute;
    transform-origin:0 0
}
.border-top-1px:before{border-top:1px dashed #b1b1b1;left:0;top:0;width:100%;transform-origin:0 top}
.border-right-1px:after{border-right:1px dashed #b1b1b1;top:0;right:0;height:100%;transform-origin:right 0}
.border-bottom-1px:after{border-bottom:1px dashed #b1b1b1;left:0;bottom:0;width:100%;transform-origin:0 bottom}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
    .border-top-1px:before{width:200%}
    .border-right-1px:after,.border-top-1px:before{
        -webkit-transform:scale(.5) translateZ(0);
        transform:scale(.5) translateZ(0)
    }
    .border-right-1px:after{height:200%}
    .border-bottom-1px:after{width:200%}
    .border-bottom-1px:after{
        -webkit-transform:scale(.5) translateZ(0);
        transform:scale(.5) translateZ(0)
    }
}
@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){
    .border-top-1px:before{width:300%}
    .border-right-1px:after,.border-top-1px:before{
        -webkit-transform:scale(.333) translateZ(0);
        transform:scale(.333) translateZ(0)
    }
    .border-right-1px:after{height:300%}
    .border-bottom-1px:after{width:300%}
    .border-bottom-1px:after{
        -webkit-transform:scale(.333) translateZ(0);
        transform:scale(.333) translateZ(0)
    }
}

/*1px solid*/
.border_bottom_1px,.border_right_1px,.border_top_1px,.border_left_1px{position:relative}
.border_bottom_1px:after,.border_bottom_1px:before,.border_right_1px:after,.border_right_1px:before,.border_top_1px:after,.border_top_1px:before,.border_left_1px:after,.border_left_1px:before{
    content:"";
    display:block;
    position:absolute;
    transform-origin:0 0
}
.border_top_1px:before{border-top:1px solid #e2e2e2;left:0;top:0;width:100%;transform-origin:0 top}
.border_right_1px:after{border-right:1px solid #e2e2e2;bottom:0;right:0;height:100%;transform-origin:right 0}
.border_bottom_1px:after{border-bottom:1px solid #e2e2e2;left:0;bottom:0;width:100%;transform-origin:0 bottom}
.border_left_1px:before{border-left:1px solid #e2e2e2;bottom:0;left:0;height:100%;transform-origin:left 0}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
    .border_right_1px:after{height:200%}
    .border_bottom_1px:after{width:200%}
    .border_top_1px:before{width:200%}
    .border_left_1px:before{height:200%}
    .border_right_1px:after,.border_top_1px:before,.border_bottom_1px:after,.border_left_1px:before{
        -webkit-transform:scale(.5) translateZ(0);
        transform:scale(.5) translateZ(0)
    }
}
@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){
    .border_top_1px:before{width:300%}
    .border_left_1px:before{height:300%}
    .border_right_1px:after,.border_top_1px:before{
        -webkit-transform:scale(.333) translateZ(0);
        transform:scale(.333) translateZ(0)
    }
    .border_right_1px:after{height:300%}
    .border_bottom_1px:after{width:300%}
    .border_bottom_1px:after{
        -webkit-transform:scale(.333) translateZ(0);
        transform:scale(.333) translateZ(0)
    }
}

input::-webkit-input-placeholder{color: #9d9d9d;}
input::-moz-placeholder{color: #9d9d9d;}
input:-ms-input-placeholder{color: #9d9d9d;}
img{width: 100%;height: auto;display: block}


@media only screen and (min-width: 1024px){
    .contant {
        max-width: 512px;
        margin: 0 auto;
    }
}
p{font-family: "微软雅黑", arial, sans-serif;}