* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
body {
  width: 100%;
  height: 100%;
  font-size: 16px; 
  color: #fff;
  font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
}
ul,ul li,ol,li {
  list-style: none outside none;
}
img {
  vertical-align: middle;
  border: none;
  width: 100%;
}
html,
body {
  position: relative;
  height: 100%;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.bydj{
  background: url(../imgs/bydj-bj.png) no-repeat;
}
.dzgw{
  background: url(../imgs/dzgw-bj.png) no-repeat;
}
.fjxt{
  background: url(../imgs/fjxt-bj.png) no-repeat;
}
.xlpt{
  background: url(../imgs/xlpt-bj.png) no-repeat;
}
.ydbg{
  background: url(../imgs/ydbg-bj.png) no-repeat;
}
.bydj, .dzgw, .fjxt, .xlpt, .ydbg{
  background-size: 100% 100%;
  padding: 8% 0 7% 0;
  overflow-x: auto;
}
/* 博源到家及其他页面一些公共样式 */
.bydj-content,
.dzgw-content,
.fjxt-content,
.xlpt-content,
.ydbg-content{
  width: 1420px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-flex;
}
.bydj-left,
.dzgw-left,
.fjxt-left,
.xlpt-left
.ydbg-left{
  width: 480px;
}
.bydj .title{
  background: url(../imgs/bydj-bt.png) no-repeat;
  width: 405px;
  height: 94px;
}
.bydj .subtitle{
  font-size: 30px;
  color: #fff;
  margin-top: 12px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}
.bydj .bydj-left p,
.dzgw .dzgw-left p,
.fjxt .fjxt-left p,
.xlpt .xlpt-left p,
.ydbg .ydbg-left p{
  width: 460px;
  line-height: 32px;
  text-indent: 2em;
  margin-bottom: 6px;
}
.qrcode-content{
  width: 480px;
  height: 242px;
  padding: 30px 0 30px 0;
  margin-top: 57px;
}
.qrcode-content dl{
  width: 240px;
  height: 100%;
  float: left;
}
.qrcode-content dl dt{
  text-align: center;
}
.qrcode-content dt img{
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.qrcode-content dd{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 12px;
}
.bydj-left, .bydj-center, .bydj-right,
.dzgw-left, .dzgw-center, .dzgw-right,
.fjxt-left, .fjxt-center, .fjxt-right,
.xlpt-left, .xlpt-center, .xlpt-right,
.ydbg-left, .ydbg-center, .ydbg-right{
  float: left;
}
.bydj-center,
.dzgw-center,
.fjxt-center,
.xlpt-center,
.ydbg-center{
  margin: 0 69px 0 59px;
}
.bydj-center,
.dzgw-center,
.fjxt-center,
.xlpt-center,
.ydbg-center{
  width: 302px;
  height: 611px;
  background: url(../imgs/phone.png) no-repeat;
  background-size: 100% 100%;
  padding: 16px 17px;
}
.bydj-swiper .swiper-wrapper,
.dzgw-swiper .swiper-wrapper,
.fjxt-swiper .swiper-wrapper,
.xlpt-swiper .swiper-wrapper,
.ydbg-swiper .swiper-wrapper{
  width: 267px;
  height: 579px;
}
.bydj-swiper .swiper-slide img,
.dzgw-swiper .swiper-slide img,
.fjxt-swiper .swiper-slide img,
.xlpt-swiper .swiper-slide img,
.ydbg-swiper .swiper-slide img{
  width: 100%;
  height: 100%;
}
.bydj-right ul,
.dzgw-right ul,
.fjxt-right ul,
.xlpt-right ul,
.ydbg-right ul{
  width: 470px;
  margin-bottom: 30px;
}
.bydj-right ul li,
.dzgw-right ul li,
.fjxt-right ul li,
.xlpt-right ul li,
.ydbg-right ul li{
  width: 450px;
  height: auto;
  background-color: rgba(255,255,255,0.6);
  border-radius: 8px;
  padding: 20px;
  margin: 0 0 20px 20px;
  cursor: pointer;
}
.bydj-right ul li:last-child,
.dzgw-right ul li:last-child,
.fjxt-right ul li:last-child,
.xlpt-right ul li:last-child,
.ydbg-right ul li:last-child{
  margin-bottom: 0;
}
.bydj-right ul li h2,
.dzgw-right ul li h2,
.fjxt-right ul li h2,
.xlpt-right ul li h2,
.ydbg-right ul li h2{
  font-size: 22px;
  color: #E22940;
  opacity: 0.6;
  line-height: 29px;
  margin-bottom: 6px;
}
.bydj-right ul li p,
.dzgw-right ul li p,
.fjxt-right ul li p,
.xlpt-right ul li p,
.ydbg-right ul li p{
  font-size: 14px;
  color: #343434;
  opacity: 0.6;
}
.bydj-right ul .actived,
.dzgw-right ul .actived,
.fjxt-right ul .actived,
.xlpt-right ul .actived,
.ydbg-right ul .actived{
  width: 470px;
  height: auto;
  background: #fff;
  margin: 0 0 20px 0;
}
.bydj-right ul .actived h2,
.dzgw-right ul .actived h2,
.fjxt-right ul .actived h2,
.xlpt-right ul .actived h2,
.ydbg-right ul .actived h2{
  line-height: 35px;
  font-size: 26px;
  opacity: 1;
}
.bydj-right ul .actived p,
.dzgw-right ul .actived p,
.fjxt-right ul .actived p,
.xlpt-right ul .actived p,
.ydbg-right ul .actived p{
  font-size: 18px;
  opacity: 1;
}
.bydj-right ul li,.bydj-right ul li h2,.bydj-right ul li p,
.dzgw-right ul li,.dzgw-right ul li h2,.dzgw-right ul li p,
.fjxt-right ul li,.fjxt-right ul li h2,.fjxt-right ul li p,
.xlpt-right ul li,.xlpt-right ul li h2,.xlpt-right ul li p,
.ydbg-right ul li,.ydbg-right ul li h2,.ydbg-right ul li p{
  /* -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -transition:all 0.4s; */
}
.bydj-promote{
  margin-left: 15px;
}
.bydj-promote img{
  width: 412px;
  height: 99px;
}
.bydj-pagination,
.dzgw-pagination,
.fjxt-pagination,
.xlpt-pagination,
.ydbg-pagination{
  height:10px;
  margin-top:35px;
  text-align:center;
}
.bydj-pagination span,
.dzgw-pagination span,
.fjxt-pagination span,
.xlpt-pagination span,
.ydbg-pagination span{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:5px;
  margin-right: 10px;
  background:#fff;
  cursor:pointer;
}
.xiahua{
  width: 15px;
  height: 38px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -7.5px;
  cursor: pointer;
}
.swiper-pagination{
  margin-right: 10px;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  width:10px;
  height:10px;
  border-radius:5px;
  margin-bottom: 20px;
  background:#fff;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{
  width:14px;
  height:14px;
  border-radius:7px;
  margin-left: -2px;
}
/* 博源到家及其他页面一些公共样式 */
/* 大宗购物 */
.dzgw .title{
  background: url(../imgs/dzgw-bt.png) no-repeat;
  width: 485px;
  height: 90px;
}
.dzgw .dzgw-left p{
  margin: 16px 0 6px 290px;
  margin: 16px 0 6px 0;
}
.dzgw-promote{
  margin-top: 39px;
}
.dzgw-promote img{
  width: 410px;
  height: 58px;
}
.dzgw-right ul li h2{
  color: #FE5500;
}
.dzgw-right ul li p{
  line-height: 28px;
}
/* 大宗购物 */
/* 分拣系统 */
.fjxt .title{
  background: url(../imgs/fjxt-bt.png) no-repeat;
  width: 474px;
  height: 90px;
  margin-bottom: 26px;
}
.fjxt .fjxt-left p{
  margin-bottom: 10px;
}
.fjxt .qrcode-content{
  margin-top: 94px;
}
.fjxt-promote{
  margin-left: 30px;
}
.fjxt-promote img{
  width: 415px;
  height: 58px;
}
.fjxt-right ul li h2{
  color: #9013FE;
}
.fjxt-right ul{
  margin-bottom: 71px;
}
/* 分拣系统 */
/* 小龙拼团 */
.xlpt .title{
  background: url(../imgs/xlpt-bt.png) no-repeat;
  width: 458px;
  height: 91px;
  margin-bottom: 15px;
}
.xlpt .xlpt-left p{
  margin-bottom: 10px;
}
.xlpt-right ul{
  margin-bottom: 42px;
}
.xlpt-right ul li h2{
  color: #4F9D00;
}
.xlpt-promote{
  margin-left: 30px;
}
.xlpt-promote img{
  width: 410px;
  height: 58px;
}
/* 小龙拼团 */
/* 移动办公 */
.ydbg .title{
  background: url(../imgs/ydbg-bt.png) no-repeat;
  width: 458px;
  height: 91px;
  margin-bottom: 15px;
}
.ydbg-left ul{
  margin-top: 30px;
}
.ydbg .qrcode-content{
  margin-top: 55px;
}
.ydbg-left ul li{
  line-height: 21px;
  margin-bottom: 20px;
}
.ydbg-left ul li span{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #fff;
  margin-right: 10px;
}
.ydbg-right ul{
  margin-bottom: 79px;
}
.ydbg-right ul li{
  width: 450px;
}
.ydbg-right ul .actived{
  height: 136px;
}
.ydbg-right ul li h2{
  color: #0EA572;
}
.ydbg-promote{
  margin-left: 30px;
}
.ydbg-promote img{
  width: 410px;
  height: 68px;
}
/* 移动办公 */