@font-face
{
  font-family: siyuan;
  src: url('font/SOURCEHANSANSCN-REGULAR.OTF')
}
@charset "utf-8";html{background:#fff;overflow:auto;height:100%;font-size:11px}
body{font-size:12px;font-family:'siyuan', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei',FontAwesome,sans-serif;font-weight:500;color:#333;-webkit-font-smoothing:antialiased;min-height:100%;margin:0;padding:0;}
html, body {margin: 0;padding: 0;height: 100%;}
a{color:#333;text-decoration:none;outline:0 none;transition:.2s all ease}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,th,ul{margin:0;padding:0}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
dd,dl,dt,li,ol,ul{list-style:none}
fieldset,img{border:0}
button,input,select,submit{vertical-align:middle}
button,submit{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:lighter}
table{border-collapse:collapse;border-spacing:0}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,select{font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0;padding:0;margin:0}
img{display:block}
b,em,i{display:inline-block;font-weight:400;font-style:normal}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.wrap100{ width: 100%;}
#container {min-height: 100%;height: auto !important;height: 100%;position: relative;}
@font-face {src:url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype');}
.iconfont{font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.iconfont:hover{}
.hui{ color: #ccc !important;}
 [v-cloak] {
  display: none;
 }
/*>=750的设备屏幕*/
@media screen and (min-width:750px){
  a{font-size:14px;}
  #page {padding-bottom:260px;}
  .wrap100{ width: 100%; min-width: 1400px;}
  .wrap {width:1200px;margin: 0 auto;}
  /*头导航*/
  .headnav{background: #ebebeb;box-shadow: 0 0 2px 3px rgb(0 0 0 / 20%);height: 70px;box-sizing: border-box; padding: 0 80px;position: relative;z-index: 1000;}
  /*.headnav:hover { background: #3b70cf; }*/
  /*.headnav:hover a{color: #fff}*/
  .mcimgl{color: #3277df; font-size: 16px;line-height: 21px;margin-top: 26px; margin-left: 16px; width:300px;}
  .mcimgl span{ float: left; margin-right: 7px;}
  .mcimgl h1{font-size: 20px; font-weight: 500}
  .mcimgl a{color: #3277df;}
  /*注册*/
  .zhuche{background: #3277df;color: #e3e3e3; font-size: 16px;}
  .zhuche a {color:#e3e3e3;}
  .zhuche:hover{ background: #4487eb}
  .denglv a {color:#333;}
  .dlzt_denl{ display: block;float: right; height: 70px; line-height: 70px; font-size: 14px;}
  .dlzt_denl a:hover{color: #fff}
  .dlzt_denl span{ display: inline-block; width: 124px;font-size: 16px; text-align: center; float: left}
  .dlzt_denl a {font-size: 16px;color: #fff;}
  .dlzt_denl .denglv a{color: #181e4e;}
  .dlzt_denl .denglv a:hover{color: #203682; background: none}
  /*欢迎您*/
  .dlzt{ float: right; height: 70px; line-height: 70px; font-size: 14px;display: none;}
  .dlzt p{ float: left; margin-left: 20px;color:#3277df}
  .dlzt p span{ color: #203682; padding: 0px}
  .tuichu{ cursor: pointer}
  .tuichu:hover{ color: #203682}
  /*我的订单*/
  .gmnavsy{float: right;height: 70px;line-height: 70px;font-size: 14px;color: #181e4e;margin-right: 50px;cursor: pointer;display: block;}
  .gmnavsy li a{color: #181e4e;}
  .gmnavsy li a:hover{ color: #3277df}
  .gmnavsy li{ float: left; margin-right: 15px;}
  .nvahover:hover{ color:#3277df}
  /*  .zcdlrwap,.wapnavmenu{ display: none}*/
  /*  .zcdlr{ width:370px;height: 70px; line-height: 70px; display: block}*/
  /*  .zcdlr span{ display: inline-block; width: 124px;font-size: 16px; text-align: center; float: left}*/
  /*  .zcdlr a {font-size: 16px;}*/
  /*尾文件*/
  .foot{background: #001529;color: #fff;position: absolute;bottom: 0;clear: both;padding-bottom: 20px;}
  .lxwmbf{display: flex;justify-content:center;font-size:16px;padding-top: 30px;}
  .gywm{ text-align:center;width:120px;}
  .lianxwm{ text-align:center;width:200px;}
  .gywm img{ width: 120px; height: 120px;}
  .gywmbt{ display: block;}
  .ewma{ margin-top: 20px;}
  .lxwmdh{margin-top:14px;}
  .lxdh{ color: #fff; font-weight: bold}
  .banhao{text-align: center;/* line-height: 24px; */padding-top: 10px;}
  .banhao a{color:#fff ;}
  .banhao a:hover{color:#eaebec ;}
  .footer-shape{position: relative;overflow: hidden;}
  .foot .shape-1{width: 350px;height: 350px;background-color:rgba(237,244,255,.1);border-radius:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top: -70%;left:0;position:absolute;}
  /*弹框提示*/
  .popup_qr{display:none; z-index:101; padding:10px; border-radius: 5px; background:rgba(0,0,0,0.5);position:fixed; left: 50%; margin-left: -50px; top: 40%;color: #fff; font-size: 12px;}
/*二级头*/
  /*banner*/
  .gmbanner{ background: url("../img/bjtwo.png") no-repeat bottom  left; background-size:100%  100%; height:266px; }
  .gmbj{height: 266px; position: relative; width: 1200px; margin: 0 auto}
  .gmrbj{padding-top:0px;position:absolute;right:0px;animation:movegmimg 3.5s linear infinite}
  .gmrbj img{ width: 317px; height: 312px}
  .gouyuan1{position:absolute;left:40px;top:40px;width:100px;height:100px;border-radius:50%;background:rgba(191,209,553,.2);animation:movegmimg 2.5s linear infinite}
  .gouyuan2{position:absolute;left:30%;top:60%;width:150px;height:150px;border-radius:50%;background:rgba(191,209,553,.2);animation:movegmimg 3s linear infinite}
  .gouyuan4{position:absolute;left:45%;top:50px;width:160px;height:160px;border-radius:50%;background:rgba(191,209,553,.1);animation:movegmimg 3.5s linear infinite}
  .gouyuan3{position:absolute;right:40px;top:140px;width:130px;height:130px;border-radius:50%;background:rgba(191,209,553,.1);animation:move 2.5s linear infinite}
  @-webkit-keyframes movegmimg{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  @-moz-keyframes movegmimg{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  @-o-keyframes movegmimg{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  @keyframes movegmimg{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  /*** 回顶部 ***/
  .totop{width:50px;height:50px;border-radius:6px;background:#3277df;margin-bottom:6px;position:fixed;right:5%; bottom: 60px;cursor:pointer;box-sizing:border-box;overflow:hidden; z-index: 10000}
  .totop i{width:30px;height:30px;text-align:center;line-height:50px;background:url(../img/totop.png) no-repeat center center #3277df!important;background-size:100% 100%;display:block;margin:10px auto 0}
  .totop span{display:none;width:50px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff}
  .totop:hover i{display:none}
  .totop:hover span{display:block}
}
@media screen and (max-width:750px){
  #page {padding-bottom: 3.3rem;}
  .wrap100{ width: 100%; min-width: 100%;}
  .wrap{width:100%;}
  a{font-size:.28rem;}
  /*头导航*/
  .headnav{ background: #e3e3e3; box-shadow: 0 0 2px 3px rgb(0 0 0 / 20%);height:.7rem;position: relative;}
  .headnav:after{height: 1px;content: '';width: 100%;position:absolute;bottom: 1px;right: 0;z-index: 10;border-bottom: 1px solid #ddd}
  .mcimgl{color: #fff;font-size:.16rem;height: .5rem;line-height: .24rem;margin-top: .15rem;margin-left: .3rem;width: 3rem;}
  .mcimgl span{ float: left; margin-right:.2rem;}
  .mcimgl h1{font-size:.2rem;height: .5rem;line-height: .4rem; font-weight: bold; color: #3277df}
  .mcimgl a{color: #3277df;}
  /*注册*/
  .zcdlr{height: .7rem; line-height: .7rem; display: block; margin-top: -1px}
  .zcdlr span{ display: inline-block; width: 1.24rem;font-size:.18rem; text-align: center; float: left}
  .zcdlr a {font-size: .18rem;}
  .zhuche{background: #3277df;color: #e3e3e3; font-size:.18rem;}
  .zhuche a {color:#e3e3e3;}
  .denglv a {color:#203682;}
  .denglv:hover{ background: #4487eb;font-size:.18rem;}
  .denglv:hover a{color: #fff;font-size:.18rem;}
  .tuichu{ color: #3277df}
  .tuichu:hover{ color: #203682}
  /*欢迎您*/
  .dlzt{ float: right; height: .7rem; line-height: .7rem; font-size: .28rem; padding-right: .2rem; display: none}
  .dlzt p{ float: left; margin-left:.4rem;}
  .dlzt p span{ color: #3277df}
  .hyyhdl{ position: absolute;top: .8rem;right: .2rem; line-height: .4rem; z-index: 100; color: #203682}
  .dlzt_denl{ display: block;float: right; height: .66rem; line-height:.66rem; font-size: .28rem;}
  .dlzt_denl a:hover{color: #fff}
  .dlzt_denl span{ display: inline-block; width: 1.3rem;font-size: .28remrem; text-align: center; float: left}
  .dlzt_denl a {font-size: .28rem;color: #fff;}
  .dlzt_denl .denglv a{color: #203682}
  .dlzt_denl .denglv a:hover{color: #4487eb; background: none}
  .gmnavsy li{display: none}
  .gmnavsy li.nvahover{display: block;float: right;line-height: .7rem;font-size: .28rem;}
    /*尾文件*/
  .foot{background: #001529;/* height:2.4rem; */padding-top: .15rem;color: #fff;position: absolute;bottom: 0;clear: both;}
  .lxwmbf{display: flex;font-size:.22rem;justify-content: center;padding-bottom: .4rem;}
  .gywmbt{ display: none}
  .gywm,.lianxwm{ text-align:center;}
  .gywm img{ width: .85rem; height:.85rem;}
  .ewma{ margin-top: .2rem;}
  .lianxwm{ text-align: left; margin: .14rem 0 0 .2rem;font-size:.22rem;}
  .lxwmdh{margin-top:0px;}
  .lxdh{ color: #fff; font-weight: bold}
  .banhao{text-align: center;background: #022445;height: .7rem;font-size: .18rem;display: flex;flex-direction:column;}
  /*弹框提示*/
  .popup_qr{display:none; z-index:101; padding:10px; border-radius: 5px; background:rgba(0,0,0,0.5);color: #fff; font-size: 12px;position: fixed;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);}
   /*二级头banner*/
  .gmbanner{ height: 2.2rem;background: url("../img/gou_bj.png") no-repeat; background-size: cover }
  .gmbj{ background:none;height: 2.2rem;position: relative;}
  .gmnav{ padding:0}
  .gmnav li{ float: left; font-size: .3rem; line-height: .4rem; color: #010e1b; margin-right: .15rem;}
  .gmnav li.nvahover{ border-bottom: 1px #3277df solid}
  .gmrbj{ position: absolute; top: 0px; right: .2rem;}
  .gmrbj img{ width: 3.2rem; height: 2.27rem}
  
  /*二级头*/
  /*banner*/
  .gmrbj{padding-top: .4rem;position:absolute;right:0px;}
  .gmrbj img{ width: 3rem; height: 2rem;}
  .gouyuan1{ display: none}
  .gouyuan2{ display: none}
  .gouyuan4{ display: none}
  .gouyuan3{ display: none}
  /*** 回顶部 ***/
  .totop{width:.7rem;height:.7rem;border-radius:6px;background:#3277df;position:fixed;right:5%; bottom:2.5rem;cursor:pointer;box-sizing:border-box;overflow:hidden}
  .totop i{width:.6rem;height:.6rem;text-align:center;line-height:.31rem;background:url(../img/totop.png) no-repeat center center #3277df!important;background-size:100% 100%;display:block;margin:.06rem auto 0}
  .totop span{display:none;}
}