


.page > a,.page > b{
  display: inline-block;
  width: auto;
  padding: 0 8px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #666;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  margin: 0 5px;
}


.page > a:hover,.page > b{
  background-color: #008cff;
  color: #fff;
}


@media(max-width:960px)
{
/*
white-space: nowrap;
overflow-x: scroll;
display: flex;
*/
/*
横向滚动条
*/

.gl-list .cont-l ul{
  padding: 1rem !important;
}

.gl-list .cont-l ul li{
  padding: 0.5rem 0 !important;
  height: fit-content !important;
  display: flow-root !important;
  overflow: hidden;
}

.gl-list .cont-l ul li a div p:nth-child(3){
  overflow: visible !important;
}

.gl-list .cont-l ul li a{
  width: 100% !important;
  height: fit-content !important;
  overflow: hidden;
}

.gl-list .cont-l ul li a div{
  width: 100% !important;
  display: flow-root !important;
  margin-left: 0px !important;
  height: fit-content !important;
  overflow: hidden;
}

.list li{
  width: calc(100%) !important;
  padding: 1rem 0 !important;
  margin: 0.5rem auto !important;
}

.list li a > div div{
  width: calc(100% - 90px) !important;
  margin-left: 6px !important;
}

.w1200{
  width: 98% !important;
  margin: 0.5rem 1% !important;
}

.ap-index-1{
  padding: 0.5rem 0 !important;
}

.ap-index-1 ul{
  width: 100% !important;
  white-space: nowrap;
  overflow-x: scroll;
  display: flex;
}

.in2-l,.in2-c,.in2-r{
  width: 98% !important;
  margin: 0.5rem 1% !important;
}

.in2-c .tab-cont div li a p{
  width: calc(100% - 120px) !important;
}

.in2-r .rcom a div{
  padding: 12px 0 !important;
}

.in2-r .rcom a > img{
  width: 100% !important;
}

.mg-list-l,.mg-list-l ul,.mg-list-r,.mg-list-r ul{
  width: 100% !important;
  margin: 1rem auto !important;
  display: flow-root !important;

}

.mg-list-l ul li{
  width: 30% !important;
  margin: 0.5rem 1.5% !important;
}

.mg-list-l ul li a img{
  width: 70% !important;
  margin: auto 15% !important;
  height: auto !important;
}

.mg-list-r ul li{
  width: 100% !important;
}


.in-bom-gl .imgb,.in-bom-gl .contb{
  width: 98% !important;
  margin: 0.5rem 1% !important;
}

.in-bom-gl .imgb ul li{
  width: 45% !important;
  margin: 0.5rem 2.5% !important;
}

.in-bom-gl .imgb ul li a img{
  width: 100% !important;
}

.in-bom-gl .contb ul li a p span:nth-of-type(1),.in2-r > ul li{
  width: 100% !important;
}

.gallery-thumbs{
  margin: 0 auto !important;
}


.in2-r > ul li a{
  width: calc(100% - 20px ) !important;
}

.in-bom-gl .contb ul li{
  display: flow-root !important;
  height: fit-content !important;
  overflow: visible !important;
}


.page{
  white-space: nowrap;
  overflow-x: scroll;
  display: flex;
}

html,body,.wrap,.w1200{
  width: 100% !important;
  max-width: unset !important;
  min-width: unset !important;
}


.hdmenu .logo{
  width: 6rem !important;
  margin: 0.5rem !important;
}

.hdmenu nav{
  width: calc(100% - 7rem) !important;
  white-space: nowrap;
overflow-x: scroll;
display: flex;
}

.gl-tit{
  padding: 0.5rem 0 !important;
  width: 96% !important;
  margin: 0.5rem 2% !important;
}

.gl-tit h1{
  font-size: 1.5rem;
  line-height: 1.6rem;
  text-align: left;
}

.gl-tit p{
  display: flow-root !important;
  height: fit-content !important;

}

.gl-tit p span{
  display: block !important;
  width: 45% !important;
  margin: 0.5rem 2.5% !important;
  float: left;
}

.gl-detail .cont-l,.gl-detail .cont-r{
  width: 100% !important;
  margin: 0.5rem auto !important;
}

.gl-detail .gl-cont,.gl-detail .xg-gl,.cont-r .r-gl{
  padding: 0.5rem !important;
}


.gl-detail .xg-gl ul li a div{
  width: 100% !important;
  margin-left: unset !important;
}

.gl-detail .xg-gl ul li a div{
  height: 158px !important;
}


.cont-r .r-hj > div:nth-of-type(2) a,.cont-r .r-hj > div:nth-of-type(2) a img{
  width: 100% !important;
}

.cont-r .r-rank ul li{
  width: 100% !important;
}
.info-tit{
  width: 100% !important;
}

.info-box{
  display: flow-root !important;
  height: fit-content !important;
}


.info-main ul{
  width: calc(100% - 110px) !important;
  margin-left: 5px !important;
}



.gm-dl-box{
  position: relative;
  top: 1rem !important;
  left:1rem !important;
  float: left !important;
}



.cont-l,.cont-r{
  width: 96% !important;
  margin: 0.5rem 2% !important;
}

.gm-cont-info img{
  width: 70% !important;
  margin: auto 15% !important;
  height: auto !important;
}

.gm-cont-info{

}

.gm-cont-info > h3{
  width: 100% !important;
}

.xh-tabbox > div ul li{
  width: 45% !important;
  margin: 0.5rem 2.5% !important;
}

.xh-tabbox > div ul li a span{
  margin: 0.5rem auto !important;
}





footer{
  display: flow-root !important;
  height: fit-content !important;
  width: 100% !important;
}

}  