/****reset****/
body,div,table,tr,td,th,h1,h2,h3,h4,h5,h6,form,input,button,label,select,textarea,p,u,i,em,ul,ol,li,dl,dd,dt,img,article,aside,details,figcaption,figure,footer,header,menu,nav,section{ margin:0; padding:0;}
*{box-sizing: border-box;}
img{ border:0 none; vertical-align:middle;max-width:100%;}
li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal}
em,i,dfn{ font-style:normal;}
table{ border-collapse:collapse; border-spacing:0;width:100%;}
a, input, select, textarea, area, button{ outline:none; font-family:inherit; font-size:inherit; border:none; background:none; color:inherit;}
a{ text-decoration:none;}
a:hover{text-decoration:none;}
textarea{ overflow:auto; resize:none;}
input[type="button"], input[type="submit"], input[type="reset"]{ cursor:pointer;}
input::-webkit-input-placeholder{color:#fff;}
input:focus::-webkit-input-placeholder{color:#fff;}
html,body{width: 100%; -webkit-tap-highlight-color: transparent;}
html{font-size: 100px; font-size: calc(100vw/3.2);}
body{ font-size: 0.16rem;}

/*clearfix*/
.clearfix:after{ content:""; display:table; clear:both;}
.clear{ clear:both;}

/*text*/
.tr{ text-align:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft24{ font-size:24px;}
.ft32{ font-size:32px;}
.t2{ text-indent:2em;}
.t5{ text-indent:0.05rem;}
.t10{ text-indent:0.1rem;}
.t20{ text-indent:0.2rem;}
.lh18{ line-height:0.18rem;}
.lh20{ line-height:0.2rem;}
.lh22{ line-height:0.22rem;}
.lh24{ line-height:0.24rem;}
.lh26{ line-height:0.26rem;}
.lh28{ line-height:0.28rem;}
.lh30{ line-height:0.3rem;}
.lh40{ line-height:0.4rem;}
.tdu{ text-decoration:underline;}
.fwb{ font-weight:bold;}
.fwn{ font-weight:normal;}
.wsn{ white-space:nowrap;}
.yahei{ font-family:"Microsoft YaHei";}

/*layout*/
.w{ width:100%;}
.h{ height:100%;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}
.pr{ position:relative;}
.pa{ position:absolute;}
.dn{ display:none;}
.db{ display:block;}
.dib{ display:inline-block;}
.ofh{ overflow:hidden;}
.vam{ vertical-align:middle;}
.vat{ vertical-align:top;}
.vab{ vertical-align:bottom;}

/*padding*/
.p5{padding:0.05rem}
.p10{padding:0.1rem}
.p20{padding:0.2rem}
.p30{padding:0.3rem}
.p40{padding:0.4rem}
.pt5{padding-top:0.05rem}
.pt10{padding-top:0.1rem}
.pt15{padding-top:0.15rem}
.pt20{padding-top:0.2rem}
.pt25{padding-top:0.25rem}
.pt30{padding-top:0.3rem}
.pt35{padding-top:0.35rem}
.pt40{padding-top:0.4rem}
.pt50{padding-top:0.5rem}
.pr5{padding-right:0.05rem}
.pr10{padding-right:0.1rem}
.pr15{padding-right:0.15rem}
.pr20{padding-right:0.2rem}
.pr25{padding-right:0.25rem}
.pr30{padding-right:0.3rem}
.pr35{padding-right:0.35rem}
.pr40{padding-right:0.4rem}
.pr50{padding-right:0.5rem}
.pb5{padding-bottom:0.05rem}
.pb10{padding-bottom:0.1rem}
.pb15{padding-bottom:0.15rem}
.pb20{padding-bottom:0.2rem}
.pb35{padding-bottom:0.35rem}
.pb40{padding-bottom:0.4rem}
.pb50{padding-bottom:0.5rem}
.pl_5{padding-left:0.05rem}
.pl_10{padding-left:0.1rem}
.pl_15{padding-left:0.15rem}
.pl_20{padding-left:0.2rem}
.pl_25{padding-left:0.25rem}
.pl_30{padding-left:0.3rem}
.pl_35{padding-left:0.35rem}
.pl_40{padding-left:0.4rem}
.pl_50{padding-left:0.5rem}
.mt5{margin-top:0.05rem}
.mt10{margin-top:0.1rem}
.mt15{margin-top:0.15rem}
.mt20{margin-top:0.2rem}
.mt25{margin-top:0.25rem}
.mt30{margin-top:0.3rem}
.mt35{margin-top:0.35rem}
.mt40{margin-top:0.4rem}
.mt50{margin-top:0.5rem}
.mr5{margin-right:0.05rem}
.mr10{margin-right:0.1rem}
.mr15{margin-right:0.15rem}
.mr20{margin-right:0.2rem}
.mr25{margin-right:0.25rem}
.mr30{margin-right:0.3rem}
.mr35{margin-right:0.35rem}
.mr40{margin-right:0.4rem}
.mr50{margin-right:0.5rem}
.mb5{margin-bottom:0.05rem}
.mb10{margin-bottom:0.1rem}
.mb15{margin-bottom:0.15rem}
.mb20{margin-bottom:0.2rem}
.mb25{margin-bottom:0.25rem}
.mb30{margin-bottom:0.3rem}
.mb35{margin-bottom:0.35rem}
.mb40{margin-bottom:0.4rem}
.mb50{margin-bottom:0.5rem}
.ml_5{margin-left:0.05rem}
.ml_10{margin-left:0.1rem}
.ml_15{margin-left:0.15rem}
.ml_20{margin-left:0.2rem}
.ml_25{margin-left:0.25rem}
.ml_30{margin-left:0.3rem}
.ml_35{margin-left:0.35rem}
.ml_40{margin-left:0.4rem}
.ml_50{margin-left:0.5rem;}

/*line*/
.line1{ width: 100%; height: 0.02rem; background: #fff;}
.line2,.line3{ display: block; position: relative; width: 100%; height: 0.11rem; background: #f4f5f7;}
.line3{height: 0.06rem;}
.line2:before,.line2:after,.line3:before,.line3:after{ content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #d1d1d1; transform: scaleY(0.5);}
.line2:before,.line3:before{top: 0;}
.line2:after,.line3:after{bottom: 0;}
.line4{ width: 100%; height: 0.1rem; background: #f7f7f7;}
.blue{color: #1976d2;}
.red{color: #d60105;}
.gray9{color: #999;}

/*container*/
.main_bgf7{ background: #f5f5f9;}
.p_header{ position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 0.44rem; display: -webkit-box; -webkit-box-align: center;  -webkit-box-pack:center;  background: url(../images/header_bg.png) no-repeat center; background-size: cover;}
.main_view{ width: 100%; min-height: 100%; padding-top: 0.44rem;}
.main_view.bg{ background:#91e5ee url(../images/b_bg1.jpg) no-repeat center 0.44rem; background-size: 3.2rem auto;}
.main_view.pb50{ padding-bottom: 0.5rem;}
#shiminjia_header,#shiminjia_footer{display: none;}
body{min-width:10px!important;}
@media only screen and (min-width: 640px){
    html{
        font-size: 130px;
    }
    .p_header{ display: none;}
    .wrap_cont{padding-top: 300px!important; width: 700px!important; margin: auto!important;}
    .main_view.bg{ background-size: 700px!important; background-position-y: 30px!important;}
    .main_view{ width: 1210px!important; padding-top: 30px!important;  padding-bottom: 30px!important; min-height: 100px!important; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; box-shadow: 0 2px 6px #d8d8d8;}
    .wrap_input{ padding: 30px 0}
    #shiminjia_header,#shiminjia_footer{display: block;}
    .g-box{ display: none!important;}
    .footer{ margin-top: 0!important;}
}



























