@charset "gbk";
/*
Template Name: anymetre css
Template URI: http://www.anymetre.com/
Description: anymetre official network css
Version: 2.7.0
Author: zhangsir
Author URI: http://www.anymetre.com/
Logo filename: logo.gif
Template Type: type_0
*/
body{ font-size:14px; color:#656d78; font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;background-color: #ededed;}
* { margin:0px; padding:0px; border:0px;}
table img{display:block}

/*bootstrap*/
.container-mds {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}



@media (min-width: 992px) {
  .container-mds {
    max-width: 960px;
	margin-top: 1.5rem!important;

	
  }
}

@media (min-width: 1200px) {
  .container-mds {
    max-width: 1140px;
	margin-top: 1.5rem!important;
	
  }
}

.container-ad {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}



@media (min-width: 992px) {
  .container-ad {
  max-width: 960px;
	 margin-top: 3.5rem!important;
	
	
  }
}

@media (min-width: 1200px) {
  .container-ad {
    max-width: 1140px;
	margin-top: 3.5rem!important;
	
  }
}

.container-help {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}



@media (min-width: 992px) {
  .container-help {
  max-width: 960px;
   margin-top: 2rem!important;
  
  
  }
}

@media (min-width: 1200px) {
  .container-help {
    max-width: 1140px;
  margin-top: 2rem!important;
  
  }
}


.container-four {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2rem!important;
}



@media (min-width: 992px) {
  .container-four {
    max-width: 960px;
	 overflow: hidden;
	
  }
}

@media (min-width: 1200px) {
  .container-four {
  max-width: 1140px;
	overflow: hidden;
  }
}


.container-tanwen {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2.5rem!important;
}



@media (min-width: 992px) {
  .container-tanwen {
    max-width: 960px;
  overflow: hidden;
  
  }
}

@media (min-width: 1200px) {
  .container-tanwen {
    max-width: 1140px;
  overflow: hidden;
  }
}


@media (min-width: 992px) {
  .container-mds .navbar{
   padding: .4rem 1.6rem;
	
  }
}

@media (min-width: 1200px) {
  .container-mds .navbar{
padding: .4rem 1.6rem;
	
  }
}

.container-mds ul li{padding-right: 1.8rem;
    padding-left: .5rem; color: #212121}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #5079d9;cursor: pointer;
    transition: all .15s ease-out;
    text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
}

.container-mds .navbar:hover{box-shadow: 0 0 40px -10px rgba(0,0,0,.2)}
.container-mds .navbar{-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.1); box-shadow: 0 0 50px 0 rgba(0,0,0,.1);-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;}
.border-secondary{border-color: rgba(0,0,0,.14) !important;}

.container-four h5{font-size: 1.25rem;line-height: 2rem;padding-left: 1.4rem;padding-top: 0.5rem;}

@media (max-width: 767px) {
  .container-four h5{
    padding-left: 0rem;
  }
}

@media (max-width: 767px) {
  .container-four .mr-4{
    margin-right: 0rem!important;
  }
}


.container-four .bg-secondary {background-color: #f8f8f8!important;}
.border-white {
    border-color: #efefef!important;
}

.container-four h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #333;}

 .container-four h7 {

  line-height: 1;
  color: #999;
 

 }   

.container-tanwen .card-text{ color: #999; }
.container-tanwen .card-body a{ color: #656d78; transition: all .3s ease;}
.container-tanwen .card-body a:hover{ color: #5079d9; text-decoration: none;}

.btn-link {
    font-weight: 400;
    color: #656d78;
    background-color: transparent;}

.btn-link:hover {
    color: #5079d9;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;}
.nav-line{line-height: 1.8rem;}

.nav-line a{color: #999;transition: all .3s ease;}
.nav-line a:hover{color: #5079d9;text-decoration: none;}
.footer-mds{

    padding: 3rem 0 1rem 0;
    color: #999;
    text-align: center;
    background-color: #f5f5f5;
    border-top: .05rem solid #e5e5e5;
    margin-top: 5rem;
}
.footer-mds h6{color: #646464;line-height: 2rem;}
.row-bt{margin: 1rem 0;}
.footer-mds-box{border-top:0.05rem solid #e5e5e5;}
.footer-mds-top{padding-top: 2rem; font-size: 0.8rem;}

.footer-mds a{color: #999;transition: all .3s ease;}
.footer-mds a:hover{color: #5079d9;text-decoration: none;}
.footer-mds .iphone-mds{text-align: left!important;}

@media (min-width: 1200px) {
  .footer-mds .iphone-mds {
   text-align: right!important;
  }
}


@media (min-width: 992px) {
  .footer-mds .iphone-mds{
   text-align: right!important;
  
  }
}
.footer-mds .iphone-mds a{color: #fefefe; }


.footer-mds .iphone-mds p{
    margin-top: 0;
    margin-bottom: 0.2rem;
    font-size: 0.9rem;}


@media (min-width: 1200px) {
  .footer-mds .iphone-mds p{
    margin-top: 0;
    margin-bottom: 1rem;
     font-size:14px;
  }
}


@media (min-width: 992px) {
  .iphone-mds .col-8 .iphone-hot{
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 14px;
  
  }
}

.footer-mds .iphone-mds h3{color: #333333!important;}
@media (max-width: 767px) {
  .footer-mds .iphone-mds h3{
  margin-bottom: .1rem;
  font-size: 1.6em;
  color: #333333!important;
  }
}


@media (max-width: 575px) {
  .footer-mds .iphone-mds h3{
    margin-bottom: .1rem;
    font-size: 1.6em;
    color: #333333!important;
  
  }
}

@media (max-width: 767px) {
  .footer-mds-top{
padding-top: 1rem;
  }
}


@media (max-width: 575px) {
  .footer-mds-top{
padding-top: 1rem;
  }
}

@media (max-width: 767px) {
  .footer-mds-top .text-left{
  text-align: center!important;
  }
}


@media (max-width: 767px) {
  .footer-mds-top .text-right{
  text-align: center!important;
  }
}

@media (max-width: 767px) {
  .footer-mds-top .text-left p{
  margin-bottom: 0.2rem;
  }
}

@media (max-width: 767px) {
  .iphone-mds .col-7 span{
  display:block;
overflow:hidden; 
width:0; 
height:0; 
  }
}

@media (max-width: 767px) {
  .footer-mds{
  margin-top: 1.5rem;
  }
}

@media (max-width: 767px) {
  .container-tanwen{
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1.4rem!important;
  }
}

@media (max-width: 767px) {
  .container-tanwen .col-6{
   padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-bottom: 0.5rem;
  }
}


@media (max-width: 767px) {
  .container-four{
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1.2rem!important;
    width: 97%;
  }
}


.container-baner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2rem!important;
}



@media (min-width: 992px) {
  .container-baner {
    max-width: 960px;
  overflow: hidden;
  
  }
}

@media (min-width: 1200px) {
  .container-baner {
    max-width: 1140px;
  overflow: hidden;
  }
}

@media (max-width: 767px) {
  .container-baner .baner-mds .col-6{
    padding-right: 0.3rem;
    padding-left: 0.3rem;
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .container-baner{
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1rem!important;
  }
}

 .padding-right-mds
  {padding-right:0px!important;}

@media (max-width: 767px) {
  .padding-right-mds
  {padding-right:0px!important;
     padding-left:0px!important;}
}

.border-right-mds {
    border-right: 1px solid #dee2e6!important;
}
@media (max-width: 767px) {
  .border-right-mds
  {border-right:none!important;}
}

@media (max-width: 767px) {
 .container-four .border-bottom-mds{border-bottom: 1px solid #efefef!important;}
}


@media (max-width: 767px) {
 .container-four .img-mds .col-6{padding-right: 0.6rem;
    padding-left: 0.6rem;}
}

.img-mds-font a{color: #656d78;
    transition: all .3s ease;}
.img-mds-font a:hover{color: #5079d9;
    text-decoration: none;}

/*Corporate culture*/

.container-fluid-wenhua{ width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:absolute;
    top:0px;
    z-index:-1;
    height: 32rem;
    background: url(https://anymetre.oss-cn-shenzhen.aliyuncs.com/img/mds-wenhua01.jpg) center no-repeat;
    background-size: cover;
  }

  .container-fluid-goods{ width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:absolute;
    top:0px;
    z-index:-1;
    height: 20rem;
    background: url(https://anymetre.oss-cn-shenzhen.aliyuncs.com/img/mds-wenhua01.jpg) center no-repeat;
    background-size: cover;
  }
  .wenhua-goods{height: 18rem;}
  .wenhua-h{height: 31rem;}
  .wenhua-text p{font-size: 1rem; color: #757575; line-height: 1.7rem;}
  .wenhua-text h3{margin-bottom: 3rem;margin-top: 3rem; color: #333;}
  .wenhua-text h5{margin-bottom: 1rem;margin-top: 1.8rem; color: #333;}

  @media (max-width: 767px) {
 .container-mds .rounded { border-radius: 0rem!important;}
}

@media (max-width: 575px) {
  .footer-mds-top{padding-top: 1rem;}
}
  @media (max-width: 767px) {
 .container-mds .rounded { border-radius: 0rem!important;}
}

.goods-img{padding: 2.2rem 0 1.4rem;}
@media (max-width: 575px){.goods-img{padding: 0rem 0 1rem;}}

.goods-img img{width: 200px;}
.goods-text-title{ display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.goods-text-title a{line-height: 1.2;
    font-size: 14px;
    color: #333;
    margin: 0 8px;}
.goods-text-title a:hover{text-decoration: none;}

.goods-box{
    background-color: #ffffff;
    padding-bottom:1.4rem;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
   }
@media (max-width: 575px){.goods-box{
    background-color: #ffffff;
    padding-bottom:1rem;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
   }}

.goods-tree-box .col-md-3{ padding-right: 4px;padding-left: 4px; padding-bottom: 8px;}

.goods-box:hover {
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.1);
    box-shadow: 0 2px 20px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
}
.goods-box-font{padding-top:0.3rem;}

.goods-box-font a{
    color: #999;
}
.goods-box-font a:hover{text-decoration: none;}
.goods-service{background-color: #ffffff; border-radius: 0.8rem;}
.goods-ad-top{margin-top:2rem;}
.goods-fenlei{ background-color: #ffffff;padding: 1rem 0rem 0.5rem;}
.goods-fenlei a{ color:#666; padding-left:1rem;}
.goods-fenlei a:hover{ color:#5079d9; cursor: pointer;
    transition: all .15s ease-out;
    text-decoration: none;}
	 
	 
.container-baner .baner-mds .card:hover{  box-shadow: inset 0 0 38px rgba(0,0,0,.08);
    transition: all .15s ease;}
.index-box-click{position: relative;}
.index-box-click .index-box-click-a{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;}
.index-box-click .index-box-click-a:hover{ box-shadow: inset 0 0 38px rgba(0,0,0,.08);transition: all .15s ease;}
.card.tanwen-box:hover {
    box-shadow: inset 0 0 38px rgba(0,0,0,.08);
    transition: all .15s ease;}

/*软件下载*/
.handshaker-app{font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, STHeiti, 华文细黑, sans-serif;}
.handshaker-app .banner {
    text-align: center;
    padding: 100px 0px 19px;
}
.handshaker-app .banner > h2 {
    font-size: 30px;
    color: rgb(97, 97, 97);
    line-height: 1;
    padding: 0px 18px;
  font-weight: 400;
  padding-bottom: 20px;
  
}
.handshaker-app .banner > p {
    line-height: 2.15;
    color: rgb(153, 153, 153);
    margin: 10px 0px 31px;
}
.handshaker .handshaker-app .banner .handshaker-win-expl {
    font-size: 12px;
    margin: -27px 0px 31px;
}
.download-btn {
    line-height: 30px;
}
.download-btn .btn-control.btn-control-left {
    margin-right: 30px;
}
.download-btn .btn-control:first-child {
    margin-left: 0px;
}
.download-btn .btn-control {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
}
.for-apps-tbtn,.for-btn.for-win-full{
    width: 210px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    transition: none;
}
.apps-tbtn-primary {
    box-shadow: rgb(126, 161, 232) 0px 1px 2px inset;
    color: rgb(255, 255, 255);
    text-shadow: rgb(79, 112, 179) 0px -1px 0px;
    background: linear-gradient(rgb(111, 151, 229), rgb(82, 126, 217));
  
}
.apps-tbtn{
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 6px;
}
.handshaker-app .download-btn .btn-control .mark {
    margin-top: 11px;
}
.download-btn p.mark {
    margin-top: 16px;
    font-size: 12px;
    color: rgb(189, 189, 189);
}
.download-btn .for-btn:first-child {
    margin-left: 0px;
}
.for-btn.for-win-full {
    color: rgb(97, 97, 97);
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(rgb(255, 255, 255), rgb(250, 250, 250));
}
.for-btn {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    box-shadow: rgb(230, 230, 230) 0px 0px 0px 1px inset;
    border-radius: 6px;
}
  
.hand-shaker {
    margin-top: 24px;
    margin-bottom: 113px;
}
.smart-wrapper {
    position: relative;
    max-width: 1225px;
    margin: 0px auto;
}
.hand-shaker span.winbook {
    background-image: url(../images/winbook.png);
}
.hand-shaker .winbook {
    height: 670px;
}
.hand-shaker .winbook {
    display: block;
    width: 100%;
}
.hand-shaker span {
    background-size: contain;
    background-repeat: no-repeat;
}
.winbook-pic{
    position: absolute;
    left: 17.73%;
    top: 6.1%;
    width: 64.2%;
    z-index: 2;
}
.hand-shaker .macbook-pic span.active, .hand-shaker .phone-usb span.active, .hand-shaker .winbook-pic span.active {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}
.hand-shaker .macbook-pic span.active, .hand-shaker .phone-usb span.active, .hand-shaker .winbook-pic span.active {
    z-index: 3;
}
.hand-shaker span.winbook-1 {
    background-image: url(../images/handshaker-win-img-1.png);
}
.winbook-pic span {
    height: 524px;
}
.winbook-pic span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.apps-tbtn-primary:hover {
    color: #fff;
    box-shadow: inset 0 1px 1px #7696de,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4);
}

.download-btn .text-secondary{color: #999!important;}

/*产品详情页*/
.goods-pic-box {
    float: left;
    width: 580px;
    position: relative;
    text-align: center;}

.chanpin-box{padding:60px 45px;}

.goods-info-box {
    float: left;
    width: 460px;
    font-size: 14px;
    color: #434a54;
    border-left: none;
}
.picture img {
    width: 78px;
    height: 78px;
    margin: 0 3px;
    cursor: pointer;
    zoom: 1;
    border-radius: 5px;
}

.xiangqing img{max-width: 100%;height: auto;}
.xiangqing table{max-width: 100%;height: auto;}

@media (max-width: 575px){
.picture .list-inline{display: inline-block;}}
@media (max-width: 767px) {.picture .list-inline{display: inline-block;}}

@media (max-width: 575px){.picture img {
    width: 4.2rem;
    height: 4.2rem;
    margin: 0 3px;
    cursor: pointer;
    zoom: 1;
    border-radius: 5px;
}}
@media (max-width: 767px) {.picture img {
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
    margin: 1rem 0.1rem;
    zoom: 1;
    border-radius: 5px;
}}


.picture img.autobg {
   
    border: 1px solid rgba(0,0,0,.06);
}

.picture img.onbg {border: 3px solid #e3e3e3;}

.chanpin-box ul li{margin-bottom:10px;}
.chanpin-box ul li:last-child{margin-bottom:0px;}

.goods-big-pic {
    width: 430px;
    height: auto;
    margin-left: 20px;
    background: url(http://www.anymetre.com/images/loading.gif) no-repeat center center;
}
.goods-info-phone {line-height: 2;color: #999;}

.goods-info-box .chanpin_biaoti{  border-bottom: 1px solid rgba(0,0,0,.08);}
.goods-info-box p{margin-bottom: 0.75rem;}
.icon-stat {display: inline-block;width: 85px;height: 14px;text-indent: -9999em;overflow: hidden;background-image: url("http://www.anymetre.com/images/icon-stat.png");background-repeat: no-repeat;}
.goods-info-price .icon-stat {margin-right: 5px;margin-bottom: -3px;}
.icon-stat{display:inline-block;*display:inline;*zoom:1;width:85px;height:14px;text-indent:-9999em;overflow:hidden;background-image:url("http://www.anymetre.com/images/icon-stat.png");background-repeat:no-repeat}
.icon-stat-5{background-position:0 1px}
.icon-stat-4ban{background-position:0 -15px}
.icon-stat-4{background-position:0 -29px}
.icon-stat-3ban{background-position:0 -45px}
.icon-stat-3{background-position:0 -59px}
.icon-stat-2ban{background-position:0 -74px}
.icon-stat-2{background-position:0 -89px}
.icon-stat-1ban{background-position:0 -104px}
.icon-stat-1{background-position:0 -119px}
.icon-stat-ban{background-position:0 -133px}
.icon-stat-0{background-position:0 -149px}

.goods-info-price{border-bottom: 1px solid rgba(0,0,0,.08); margin-top:1rem;}
.goods-info-price .goods-info-price-num em {font-size: 24px;font-style:normal; color: #d44d44; font-weight: bold;}

.goods-info-options{border-bottom: 1px solid rgba(0,0,0,.08); margin-top:1rem;}
.chanpin_goumai{margin-top: 2rem;}
.goods-info-extent{margin-top: 2rem;padding-bottom: 1rem; border-bottom: 1px dashed rgba(0,0,0,.08);}

.chanpin_biaoti h3{font-size: 1.6rem;color:#000;}
@media (max-width: 575px){.chanpin_biaoti h3{font-size: 1.4rem;color:#000;}}
@media (max-width: 767px){.chanpin_biaoti h3{font-size: 1.4rem;color:#000;}}
.goods-info-price .goods-info-price-num .chanpin_jiage_fu{font-size: 1rem;color: #d44d44;font-weight: bold;}
.chanpin_canshu{padding: 0 0;}
.chanpin_canshu .chanpin_canshu_toubu{display: block;
    position: relative;
    font-size: 22px;
    line-height: 56px;
    color: #666;
    background: #fafafa;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 1rem;}
.chanpin_canshu .chanpin_canshu_toubu .chanpin_title{margin-left: 25px;}
.chanpin_canshu .chanpin_canshu_toubu .chanpin_kefu{position: absolute;right: 20px;height: 60px;font-size: 16px;color: #666;}
.chanpin_biaoge{padding:10px 20px;}
.chanpin_biaoge .table tbody+tbody {border-top: 1px solid #dee2e6;}
.chanpin_biaoge .table td, .table th {padding: .65rem;width: 50px;}

.chanpin_biaoge .table-bordered thead td, .table-bordered thead th {border-bottom-width: 1px;}
.chanpin_biaoge .table thead th {vertical-align: bottom;border-bottom: 1px solid #dee2e6;}
.chanpin_xiangqing{padding:0 0;}
.chanpin_xiangqing .chanpin_xiangqing_toubu{display: block;
    position: relative;
    font-size: 17px;
    line-height: 56px;
    color: #666;
    background: #fafafa;
    border-bottom: 1px solid rgba(0,0,0,.1);}
.chanpin_xiangqing .chanpin_xiangqing_toubu ul{margin-bottom:0px;}
.chanpin_xiangqing .chanpin_xiangqing_toubu a{color: #666;}
.chanpin_xiangqing .chanpin_xiangqing_toubu a:hover{color: #5079d9;text-decoration: none;}
.chanpin_xiangqing .chanpin_xiangqing_toubu .chanpin_xiangqing_gengduo{position: absolute;right: 20px;top: 3px;height: 60px;font-size: 16px;color: #666;}
.chanpin_fenlei_right{padding-right: 0px;}
.chanpin_fenlei_toubu{display: block;position: relative;font-size: 17px;line-height: 56px;color: #666;background: #fafafa;border-bottom: 1px solid rgba(0,0,0,.1);padding-left: 1rem;}
.chanpin_fenlei_bg{background-color: #fff;}

.chanpin_fenlei_zi .list-inline { border-bottom: 1px dashed rgba(0,0,0,.08); padding:0.6rem 0; } 
.chanpin_fenlei_zi .list-inline a{padding:0 2.25rem; color: #666;}
.chanpin_fenlei_zi .list-inline a:hover{color: #5079d9;cursor: pointer;transition: all .15s ease-out;text-decoration: none;}
.chanpin_fenlei_zi .list-inline:last-child { border-bottom:none; padding:0.6rem 0; } 
.chanpin_seach_box .search-form {
    height: 32px;
    padding-left: 20px;
    padding-right: 10px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: inset 0 1px 6px 0 rgba(0,0,0,.05);
    overflow: hidden;
}

.chanpin_seach_box .search_btn {
    background-color: #fff;
    width: 30px;
    height: 30px;}

.chanpin_seach_sou{float:right;}
.chanpin_seach_box .ur_here{padding-top:10px; color: #999;}
.chanpin_seach_box .ur_here code {font-size: 87.5%;color: #999;word-break: break-word;}
.chanpin_seach_box .ur_here a:hover{color: #5079d9;cursor: pointer;transition: all .15s ease-out;text-decoration: none;}
.chanpin_seach_box .ur_here a{color: #999;}
.chanpin_seach_box .chanpin_seach_sou input{width: 200px;height: 30px;}

.lianjie .click-a{ 
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;}

@media (min-width: 576px) {
  .bubian {
    max-width: 540px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .bubian {
    max-width: 720px;
   padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
  }
}

  @media (min-width:992px)
      {
.bubian {
    max-width: 960px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;

  }}

@media (min-width: 1200px)
      {
.bubian {
    max-width: 1140px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;

  }}