/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,main{display:block;}
audio,canvas,progress,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
[hidefocus],summary{outline:0;}
a{background-color:transparent; text-decoration:none;}
a:active,a:hover{outline:0;}
img{vertical-align:middle; display:block;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
small{font-size:80%;}
sub,sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg:not(:root){overflow:hidden;}
code,kbd,pre,samp{font-size:1em;font-family:monospace, monospace;}
q:before,q:after{content:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
strong{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit;}
textarea{overflow:auto;resize:none;}
/*body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;}*/
body{background:#fff;font:14px -apple-system, BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif; color:#333;}

:focus{outline:0;-webkit-tap-highlight-color:transparent;}
::-webkit-input-placeholder{color:#bbb;}

address,caption,cite,code,dfn,em,strong,th,var,i {font-style:normal;font-weight:normal;}
ol,ul,li {
    list-style:none; /*清除列表默认样式*/
}
input, select, textarea {
    outline:none;
    border:none;
    background:none;
}
img:not([src*="/"]) {
    display: none; /* 如果图片没有地址，则隐藏 */
}

/* rem */
/*
 *
 * 计算公式：b * (d / r)
 * b 为基数，即像素值和 rem 值的比例，比如它们的比例是100：1，那么 b = 100；
 * d 为设备尺寸；
 * r 为标准尺寸(参照尺寸)；
 *
 */
@media screen and (max-width: 319px) {
    html{font-size:85.33333px;}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
    html{font-size:85.33333px;}
}
@media screen and (min-width: 360px) and (max-width: 374px) {
    html{font-size:96px;}
}
@media screen and (min-width: 375px) and (max-width: 383px) {
    html{font-size:100px;}
}
@media screen and (min-width: 384px) and (max-width: 399px) {
    html{font-size:102.4px;}
}
@media screen and (min-width: 400px) and (max-width: 413px) {
    html{font-size:106.66667px;}
}
@media screen and (min-width: 414px) and (max-width: 767px) {
    html{font-size:110.4px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    html{font-size:204.8px;}
}
@media screen and (min-width: 1024px) {
    html{font-size:273.06667px;}
}

/* function */
.f-cb:after,.f-cbli li:after{content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;}
.f-dn{display:none !important;}
.f-db{display:block !important;}
.f-vbh{visibility:hidden !important;}
.f-vbv{visibility:visible !important;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-pa{position:absolute;}
.f-pf{position:fixed;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;font-size:0;-webkit-text-size-adjust:none;}
.f-taj:after{content:'';display:inline-block;width:100%;height:0;overflow:hidden;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow:hidden;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{text-indent:-30000px;overflow:hidden;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdl,.f-tdl:hover{text-decoration:line-through;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe,.f-toe li{word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;user-select:none;}
/* 新增function样式 */
.f-nobor{border:0 none !important;}
.f-nobg{background:none !important;}
.fixed:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.fixed{display:block;min-height:1%;}
.clear{display:block!important;float:none!important;clear:both;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;line-height:0;font-size:0;overflow:hidden;}

.g-hd {
    height: .6rem;
    box-sizing: border-box;
    padding:.1rem .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
  width: 1.77rem;
  height: .4rem;
  background: url(../img/logo.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}

a.g-nav{
    height: .6rem;
    background: #3E3E3E;
    display: flex;
    line-height:.6rem;
    font-size:.2rem;
    color: #FFFFFF;
}
a.g-nav p{
    flex:1;
    text-align: center;
}


.g-ft{box-sizing:border-box;width:100%; margin-top:.25rem; background:#006155; padding:.15rem 0 .25rem; color:#fff; margin-bottom:1.2rem;}
.g-ft h3{text-align:center; font-size:.28rem;}
.g-ft p{ font-size:.24rem; margin-top:.1rem; line-height:.38rem; padding-left:.9rem;}

.g-btm{position:fixed;bottom:0;left:0;width:100%; z-index:20; display:flex;}
.g-btm a{display:block; width:50%; height:1.2rem; font-size:.5rem; color:#fff; letter-spacing:2px; text-align:center; line-height:1.2rem;}
.g-btm a.shit{background: #F8BB47; color: #371E19;}
.g-btm a.zixun{background:#4b47f8;}

.g-btm a:before{content:""; display:inline-block; width:.65rem; height:.65rem; margin:.28rem .15rem 0 0; vertical-align:top;}
.g-btm a.shit:before{background:url(../img/bom-bg1.jpg); background-size:100% 100%;}
.g-btm a.zixun:before{background:url(../img/bom-bg2.png); background-size:100% 100%;}


@media screen and (min-width:750px){
 .g-btm{ width:750px; position:fixed; left:50%; margin-left:-375px;}
}