html {
  font-size: 12px;
}

@media only screen and (min-width: 320px) {
  html {
    font-size: 0.6em !important;
  }
}

@media only screen and (min-width: 375px) {
  html {
    font-size: 1.1em !important;
  }
}

@media only screen and (min-width: 750px) {
  html {
    font-size: 1.1em !important;
  }
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #ffffff;
}

img {
  width: 100%;
}

#index .main {
  background-color: #d71436;
}

#shouji .main {
  background-color: #f16254;
}

#shuma .main {
  background-color: #5592ed;
}

#peishi .main {
  background-color: #ee67a2;
}

#baihuo .main {
  background-color: #f08e5d;
}

#jiayong .main {
  background-color: #c255ee;
}

#index .partLink {
  position: relative;
  background-color: #d71436;
}

#index .partLink a {
  position: absolute;
  top: 4%;
  width: 32%;
  height: 48%;
}

#index .partLink a.shouji {
  left: 1.5%;
  height: 97%;
}

#index .partLink a.shuma {
  left: 34%;
}

#index .partLink a.jiayong {
  left: 66.5%;
}

#index .partLink a.peishi {
  top: 53%;
  left: 34%;
}

#index .partLink a.baihuo {
  top: 53%;
  left: 66.5%;
}

#peishi .partLink {
  background-color: #ee67a2;
}

#shuma .partLink {
  background-color: #5592ed;
}

#jiayong .partLink {
  background-color: #c255ee;
}

#baihuo .partLink {
  background-color: #f08e5d;
}

#shouji .partLink {
  background-color: #f16254;
}

.rel {
  position: relative;
	height: 100%;
}

.box {
  position: relative;
  opacity: 0;
}


/* 20191128修改高度100% */
.wrapper {
  height: 100% !important;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

#wrapper header {
  opacity: 0;
}

#logolink {
  height: 8px !important;
}

#index header,
#shouji header,
#shuma header,
#jiayong header,
#baihuo header,
#chongfeng header,
#peishi header {
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 99 !important;
}

#index .main.width-head,
#shouji .main.width-head,
#shuma .main.width-head,
#jiayong .main.width-head,
#baihuo .main.width-head,
#chongfeng .main.width-head,
#peishi .main.width-head {
  margin-top: 12%;
}

#index .nav-fixed-with-header,
#shouji .nav-fixed-with-header,
#baihuo .nav-fixed-with-header,
#peishi .nav-fixed-with-header {
  z-index: 1991;
  position: fixed;
}

#index .nav-fixed-without-header,
#shouji .nav-fixed-without-header,
#baihuo .nav-fixed-without-header,
#peishi .nav-fixed-without-header {
  z-index: 1991;
  position: fixed;
  top: 0;
}

/* 百货 */
#nav .nav-item {
  top: -4%;
  height: 107%; box-sizing: border-box; width: 15%;
}
#nav .nav-bk {left: 2.2%;}
#nav .nav-pp { left: 17.4%;}
#nav .nav-wb {left: 32.6%;}
#nav .nav-ss { left: 47.8%;}
#nav .nav-js { left: 63%;}
#nav .nav-mz {left: 78.2%;}





#peishi .nav-item {
  top: -1px;
  height: 103%;
}

#peishi .nav-baopin {
  left: 2.2%;
  width: 18.3%;
}

#peishi .nav-pinpai {
  left: 20.8%;
  width: 17.2%;
}

#peishi .nav-wanbiao {
  left: 38.2%;
  width: 17.7%;
}

#peishi .nav-shoushi {
  left: 56%;
  width: 17.7%;
}

#peishi .nav-jingshi {
  left: 74%;
  width: 17.1%;
}

.main {
  position: relative;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.unable {
  pointer-events: none;
}

.rule1 {
  position: relative;
}

.rule1 a {
  position: absolute;
  top: 13%;
  right: 5%;
  width: 13%;
  height: 100%;
}

.part2 {
  position: relative;
}

.part2 .rule2 {
  z-index: 3;
  position: absolute;
  bottom: 1%;
  right: 4%;
  width: 14%;
  height: 10%;
}

.main img {
  margin-top: -1px;
}

.rules,
.nav-item {
  position: absolute;
}

#index .ope {
  position: relative;
}

#index .ope .join,
#index .ope .rules {
  position: absolute;
  top: 67%;
  width: 32%;
}

#index .ope .join {
  left: 17%;
}

#index .ope .rules {
  right: 17%;
}

#index .nav img {
  margin-top: -2px;
}

.nav-item {
  top: 0%;
  width: 18%;
  height: 100%;
  /* background-color: rgba(232, 40, 112, 0.7); */
}

.nav-shouji {
  left: 2%;
}

.nav-shuma {
  left: 20.5%;
  width: 17%;
}

.nav-jiadian {
  left: 38%;
  width: 17.5%;
}

.nav-peishi {
  left: 56%;
  width: 17.7%;
}

.nav-baihuo {
  left: 73.8%;
  width: 17.2%;
}

.nav-hongbao300 {
  left: 3%;
  width: 21%;
}

.nav-hongbao200 {
  left: 25%;
  width: 21.5%;
}

.nav-hongbao150 {
  left: 48%;
  width: 21%;
}

.nav-hongbao100 {
  left: 70%;
  width: 21.5%;
}

.mt0 {
  margin-top: 0px !important;
}

.mt2 {
  margin-top: -2px !important;
}

.mt4 {
  margin-top: -4px !important;
}

.mt6 {
  margin-top: -6px !important;
}

/* 20200327simon */
.width50 {
  width: 50%;
}

.width41 {
  width: 26%;
}

.width42 {
  width: 24%;
}


.width43 {
  width: 24%;
}

.width44 {
  width: 26%;
}

.width31 {
  width: 34%;
}

.width32 {
  width: 32%;
}

.width33 {
  width: 34%;
}

.widthh31 {
  width: 36.4%;
}

.widthh32 {
  width: 27.2%;
}

.widthh33 {
  width: 36.4%;
}

.rule {
  position: absolute;
  right: 0;
  /* background-color: rgba(255, 255, 255, 0.3); */
}

#index .rule {
  top: 2%;
  width: 22%;
  height: 7%;
}

#shouji .rule,
#shuma .rule,
#jiayong .rule,
#baihuo .rule,
#chongfeng .rule,
#peishi .rule {
  top: 85%;
  width: 19%;
  height: 10%;
}

.part5 {
  position: relative;
}

.part5 .part5Link {
  position: absolute;
  width: 31.5%;
  height: 48%;
  /* background-color: rgba(233, 146, 44, 0.5); */
}

.part5 .bingxi {
  top: 2%;
  left: 3%;
  width: 29%;
  height: 98.5%;
}

.part5 .chudian {
  top: 2%;
  left: 33%;
}

.part5 .shenghuo {
  top: 2%;
  left: 65%;
}

.part5 .gehu {
  top: 52%;
  left: 33%;
}

.part5 .dianshi {
  top: 52%;
  left: 65%;
}

.best {
  margin: 0 auto;
  width: 96.4%;
}

.best .inner {
  position: relative;
}

.best1 {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 34%;
}

.best2 {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 34%;
  width: 32%;
}

.best3 {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: 34%;
}

.hot {
  position: relative;
}

.hot .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 61.3%;
  height: 100%;
}

.hot .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 38.7%;
  height: 100%;
}

.nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.op0 {
  opacity: 0;
}

.nav-dapai {
  width: 20.5%;
  height: 80%;
  top: 0;
  left: 0;
}

.nav-diannao {
  width: 20%;
  height: 80%;
  top: 0;
  left: 20.5%;
}

.nav-jiayong {
  width: 20.5%;
  height: 80%;
  top: 0;
  left: 40.5%;
}

.nav-zhubao {
  width: 21%;
  height: 80%;
  top: 0;
  left: 61%;
}

.nav-riyong {
  width: 18%;
  height: 80%;
  top: 0;
  left: 82%;
}

/* 20191024 */
#dapai .nav-fixed-with-header {
  position: fixed;
  top: -0.4rem;
}

#dapai .nav-fixed-without-header {
  position: fixed;
  top: -0.4rem;
}

/* 20191024 */
.nav-huawei,
.nav-apple,
.nav-vivo,
.nav-oppo {
  height: 48%;
  top: 0;
}

.nav-huawei {
  width: 26%;
  left: 0;
}

.nav-apple {
  width: 24%;
  left: 26%;
}

.nav-vivo {
  width: 24%;
  left: 50%;
}

.nav-oppo {
  width: 25%;
  left: 74%;
}

.nav-honor,
.nav-mi,
.nav-samsung,
.nav-shops {
  height: 45%;
  top: 50%;
}

.nav-honor {
  width: 26%;
  left: 0;
}

.nav-mi {
  width: 24%;
  left: 26%;
}

.nav-samsung {
  width: 24%;
  left: 50%;
}

.nav-shops {
  width: 25%;
  left: 74%;
}

.more {
  position: absolute;
  width: 5.4rem;
  height: 2.8rem;
  bottom: 0;
  right: 0;
}


/* 20191028 */
#riyong .box {
  background-color: #fda663;
}

.part22 {
  position: relative;
  background-color: #2f196b;
}

.part22top {
  position: absolute;
}

.part22top1 {
  bottom: 27%;
}

.part22top2 {
  bottom: 0px;
}


.part23 {
  position: relative;
  background-color: #2e1a6d;
}

.part23 .date114 {
  display: none;
}

.showPic2 {
  display: none;
}

/* 20191227 shouji.html版块 */
.brandInner {
  position: relative;
}

.brandInner .brandBanner {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 97%;
  height: 43%;
}

.brandInner.multiple .brandBanner {
  height: 28%;
}

.brandInner .innerSimple {
  position: absolute;
  top: 43%;
  width: 31%;
  height: 54%;
}

.brandInner.multiple .innerSimple {
  top: 28%;
  height: 34.5%;
}

.brandInner .innerSimple1,
.brandInner .innerSimple4 {
  left: 3%;
}

.brandInner .innerSimple2,
.brandInner .innerSimple5 {
  left: 34.6%;
}

.brandInner .innerSimple3,
.brandInner .innerSimple6 {
  left: 66.5%;
}

.brandInner.multiple .innerSimple4,
.brandInner.multiple .innerSimple5,
.brandInner.multiple .innerSimple6 {
  top: 63%;
}

.brandInner:last-child .brandBanner {
  height: 44%;
}

.brandInner:last-child .innerSimple {
  top: 44%;
}