body{background-color: #F6F7F8FF;}
.clearBoth{content: '';clear: both;display: block;}
.ad-mall-index .header-wrapper { margin-bottom: 0px !important;}
/*tab标签切换[[*/
.tabs{height: 97px;padding-top: 33px;}
.tabs{height: 97px;padding-top: 33px;}
.tabs li{float:left;background: #EBF1F5;border: 1px solid #DAE5ED;border-radius: 16px;width: 106px;height: 32px;margin-right: 8px;line-height: 30px;text-align: center;}
.tabs li.active{background: #007AB7;}
.tabs li a{color: #007AB7;font-size: 14px;}
.tabs li.active a{color: #fff;}
.mass-left{margin-bottom: 40px; float: left; width: 1068px;height: 632px;background-color: #fff;}
.mass-left span{display: inline-block; font-size: 20px;margin-top: 27px;padding-left: 152px;}
.mass-img{margin-top: 35px; margin-left: 152px; width: 760px;height: 480px;background: url(/res/hqbuyelecv2/advert/img/sketch-email.png) no-repeat;}
.right-content{margin-left: 54px; float: left; width: 170px;height: 200px;}
.right-content h3{font-size: 20px;margin-top: 27px;}
.right-content .con-tit{font-size: 16px;margin-top: 27px;color: #007AB7FF;}
.right-content p{font-size: 14px;color: #8A9BA8FF;line-height: 27px;}
.right-content span{font-size: 14px;color: #8FC31FFF;line-height: 27px;}
.wechart-left{margin-bottom: 64px; float: left; width: 1068px;height: 968px;background-color: #fff;}
.sms-img{margin-top: 35px; margin-left: 152px; width: 760px;height: 480px;background: url(/res/hqbuyelecv2/advert/img/sketch-sms.png) no-repeat;}
.wechart-left span{display: inline-block; font-size: 20px;margin-top: 27px;padding-left: 343px;}
.wechart-img{position: relative; margin-top: 35px; margin-left: 343px; width: 383px;height: 840px;background: url(/res/hqbuyelecv2/advert/img/phone.png) no-repeat;}
.headline{position: absolute; margin-top: 326px;margin-left: 22px; width: 339px;height: 146px;}
.headline:hover{background-color: #E8F2D1FF;}
.headline:hover .headline-btn{background-color: #8FC31FFF;}
.headline div{line-height: 29px;text-align: center; position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%); width: 72px;height: 29px;background-color: #3E79A0FF;color: #fff;font-size: 16px;}
.non-headline{position: absolute; margin-top: 476px;margin-left: 22px; width: 339px;height: 84px;}
.non-headline:hover{background-color: #E8F2D1FF;}
.non-headline:hover .non-headline-btn{background-color: #8FC31FFF;}
.non-headline div{line-height: 29px;text-align: center; position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%); width: 72px;height: 29px;background-color: #3E79A0FF;color: #fff;font-size: 16px;}
.news-left{margin-bottom: 32px; float: left; width: 1068px;background-color: #fff;}
.news-left span{display: inline-block; font-size: 20px;margin-top: 27px;margin-left: 154px;}
.news-img{margin-top: 27px; margin-left: 154px; width: 760px;height: 1040px;background: url(/res/hqbuyelecv2/advert/img/news.png) no-repeat;}
.ad-left{margin-left: 84px;margin-top: 138px; float: left;width: 440px;height: 136px;}
.ad-right{margin-top: 138px;float: left;width: 152px;height: 119px;}
.ad-bot{float: left; margin-left: 33px; width: 527px;height: 35px;}
.ad-ca{font-size: 16px;color: #fff; float: left;height: 29px;width: 253px;display: inline;line-height: 29px;text-align: center;background-color: #3E79A0FF;}
.ad-cb{font-size: 16px;color: #fff; display: inline;text-align: center;line-height: 29px; float: right;background-color: #3E79A0FF;height: 29px;width: 253px;}
.ad-btn{text-align: center;width: 136px;height: 54px;margin-top: 33px;margin-left: 8px;font-size: 16px;color: #fff; float: left;background-color: #3E79A0FF;}
.ad-btn span{display:inline-block;font-size: 16px;margin-top: 0;margin-left: 0;}
.news-head{position: relative; width: 428px;height: 37px;}
.headline-btn{color: #fff;font-size: 16px; text-align: center;line-height: 29px; position: absolute; background-color: #3E79A0FF; top: 50%;left: 50%; transform:translate(-50%,-50%); width: 184px;height: 29px;}
.news-two{width: 428px;height: 10px;margin-top: 84px;}
.one-left{float: left;width: 152px;height: 10px;}
.two-right{float: right;width: 152px;height: 10px;}
.container main .right-content {width: 370px;padding-top: 24px;margin-left: 32px;}
.right-content h7{height: 32px;line-height: 32px;font-size: 20px;color: #101113;padding-left: 24px;}
.right-content ul{width: 100%;}
.right-content ul li{margin-top: 14px;width: 100%;height: 124px;padding: 10px 52px;position: relative;}
.right-content ul li p{margin-bottom: 8px;height: 19px;font-size: 14px;line-height: 19px;}
.right-content ul li .title{height: 21px;font-size: 16px;font-weight: bold;line-height: 21px;color: #007AB7;}
.right-content ul li .id{color: #394B59;}
.right-content ul li .size{color: #8A9BA8;}
.right-content ul li .price{color: #8FC31F;}
.right-content ul li span{position: absolute; left: 20px; top: 10px;width: 20px;height: 120px;display: block;}
.right-content ul li span .round{width: 20px;height: 20px;border: 2px solid #DAE5ED ;border-radius: 50%;display: block;}
.right-content ul li span .bar{width: 2px;height: 120px;background: #DAE5ED ;display: block;margin-left: 9px;}
.bgc-ef{background: #E8F2D1;}

@media screen and (max-width: 1600px){
  .mass-left { width: 780px; }
  .wechart-left { width: 780px;}
  .wechart-img { margin-left: 202px;}
  .wechart-left span { padding-left: 202px; }
  .news-left { width: 780px; }
  .news-left span{margin-left: 10px;}
  .news-img {margin-left: 10px;}
  .mass-img { margin-left: 10px;}
  .sms-img { margin-left: 10px;}
  .mass-left span, .mass-left span { padding-left: 10px;}
}