html,
body {
  height: 100%;
  line-height: 1.15;
  padding: 0;
  margin: 0;
  font-family: PingFangSC-Semibold, PingFang SC, sans-serif;
}
html #demo,
body #demo {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(https://file.gongbangbang.com/2022012111543688bf2457f2554209b29ccaf252925dac.png) repeat;
  z-index: 1000;
  pointer-events: none;
  background-position: 100% 100%;
}
html #authentication,
body #authentication {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(https://file.gongbangbang.com/202203221058320784bc227e4b4668aa865ebc81d5b815.png) repeat;
  z-index: 1000;
  pointer-events: none;
  background-position: 100% 100%;
}
a {
  text-decoration: none;
  color: #333;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
* {
  box-sizing: border-box;
}
#__next {
  height: 100%;
}
/* --------------------- 样式字典----------------------- */
/* display */
.dn {
  display: none;
}
.di {
  display: inline;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
div.dib {
  *display: inline;
  *zoom: 1;
}
/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0 {
  height: 0;
}
.h14 {
  height: 14px;
}
.h16 {
  height: 16px;
}
.h18 {
  height: 18px;
}
.h20 {
  height: 20px;
}
.h22 {
  height: 22px;
}
.h24 {
  height: 24px;
}
.h26 {
  height: 26px;
}
.h28 {
  height: 28px;
}
.h30 {
  height: 30px;
}
.h32 {
  height: 32px !important;
}
.h_full {
  height: 100%;
}
/* width */
/* fixed width value */
.w_full {
  width: 100%;
}
.w5 {
  width: 5px;
}
.w6 {
  width: 6px;
}
.w7 {
  width: 7px;
}
.w8 {
  width: 8px;
}
.w9 {
  width: 9px;
}
.w10 {
  width: 10px;
}
.w11 {
  width: 11px;
}
.w12 {
  width: 12px;
}
.w13 {
  width: 13px;
}
.w14 {
  width: 14px;
}
.w15 {
  width: 15px;
}
.w16 {
  width: 16px;
}
.w17 {
  width: 17px;
}
.w18 {
  width: 18px;
}
.w19 {
  width: 19px;
}
.w20 {
  width: 20px !important;
}
.w21 {
  width: 21px;
}
.w22 {
  width: 22px;
}
.w23 {
  width: 23px;
}
.w24 {
  width: 24px;
}
.w25 {
  width: 25px;
}
.w26 {
  width: 26px;
}
.w27 {
  width: 27px;
}
.w28 {
  width: 28px;
}
.w29 {
  width: 29px;
}
.w30 {
  width: 30px !important;
}
.w31 {
  width: 31px;
}
.w32 {
  width: 32px;
}
.w33 {
  width: 33px;
}
.w34 {
  width: 34px;
}
.w35 {
  width: 35px;
}
.w36 {
  width: 36px;
}
.w37 {
  width: 37px;
}
.w38 {
  width: 38px;
}
.w39 {
  width: 39px;
}
.w40 {
  width: 40px;
}
.w41 {
  width: 41px;
}
.w42 {
  width: 42px;
}
.w43 {
  width: 43px;
}
.w44 {
  width: 44px;
}
.w45 {
  width: 45px;
}
.w46 {
  width: 46px;
}
.w47 {
  width: 47px;
}
.w48 {
  width: 48px;
}
.w49 {
  width: 49px;
}
.w50 {
  width: 50px;
}
.w51 {
  width: 51px;
}
.w52 {
  width: 52px;
}
.w53 {
  width: 53px;
}
.w54 {
  width: 54px;
}
.w55 {
  width: 55px;
}
.w56 {
  width: 56px;
}
.w57 {
  width: 57px;
}
.w58 {
  width: 58px;
}
.w59 {
  width: 59px;
}
.w60 {
  width: 60px;
}
.w61 {
  width: 61px;
}
.w62 {
  width: 62px;
}
.w63 {
  width: 63px;
}
.w64 {
  width: 64px;
}
.w65 {
  width: 65px;
}
.w66 {
  width: 66px;
}
.w67 {
  width: 67px;
}
.w68 {
  width: 68px !important;
}
.w69 {
  width: 69px;
}
.w70 {
  width: 70px;
}
.w71 {
  width: 71px;
}
.w72 {
  width: 72px;
}
.w73 {
  width: 73px;
}
.w74 {
  width: 74px;
}
.w75 {
  width: 75px;
}
.w76 {
  width: 76px;
}
.w77 {
  width: 77px;
}
.w78 {
  width: 78px;
}
.w79 {
  width: 79px;
}
.w80 {
  width: 80px;
}
.w81 {
  width: 81px;
}
.w82 {
  width: 82px;
}
.w83 {
  width: 83px;
}
.w84 {
  width: 84px;
}
.w85 {
  width: 85px;
}
.w86 {
  width: 86px;
}
.w87 {
  width: 87px;
}
.w88 {
  width: 88px;
}
.w89 {
  width: 89px;
}
.w90 {
  width: 90px;
}
.w91 {
  width: 91px;
}
.w92 {
  width: 92px;
}
.w93 {
  width: 93px;
}
.w94 {
  width: 94px;
}
.w95 {
  width: 95px;
}
.w96 {
  width: 96px;
}
.w97 {
  width: 97px;
}
.w98 {
  width: 98px;
}
.w99 {
  width: 99px;
}
.w100 {
  width: 100px;
}
.w101 {
  width: 101px;
}
.w102 {
  width: 102px;
}
.w103 {
  width: 103px;
}
.w104 {
  width: 104px;
}
.w105 {
  width: 105px;
}
.w106 {
  width: 106px;
}
.w107 {
  width: 107px;
}
.w108 {
  width: 108px;
}
.w109 {
  width: 109px;
}
.w110 {
  width: 110px !important;
}
.w111 {
  width: 111px;
}
.w112 {
  width: 112px;
}
.w113 {
  width: 113px;
}
.w114 {
  width: 114px;
}
.w115 {
  width: 115px;
}
.w116 {
  width: 116px;
}
.w117 {
  width: 117px;
}
.w118 {
  width: 118px;
}
.w119 {
  width: 119px;
}
.w120 {
  width: 120px !important;
}
.w121 {
  width: 121px;
}
.w122 {
  width: 122px;
}
.w123 {
  width: 123px;
}
.w124 {
  width: 124px;
}
.w125 {
  width: 125px;
}
.w126 {
  width: 126px;
}
.w127 {
  width: 127px;
}
.w128 {
  width: 128px;
}
.w129 {
  width: 129px;
}
.w130 {
  width: 130px;
}
.w131 {
  width: 131px;
}
.w132 {
  width: 132px;
}
.w133 {
  width: 133px;
}
.w134 {
  width: 134px;
}
.w135 {
  width: 135px;
}
.w136 {
  width: 136px;
}
.w137 {
  width: 137px;
}
.w138 {
  width: 138px;
}
.w139 {
  width: 139px;
}
.w140 {
  width: 140px;
}
.w141 {
  width: 141px;
}
.w142 {
  width: 142px;
}
.w143 {
  width: 143px;
}
.w144 {
  width: 144px;
}
.w145 {
  width: 145px;
}
.w146 {
  width: 146px;
}
.w147 {
  width: 147px;
}
.w148 {
  width: 148px;
}
.w149 {
  width: 149px;
}
.w150 {
  width: 150px;
}
.w151 {
  width: 151px;
}
.w152 {
  width: 152px;
}
.w153 {
  width: 153px;
}
.w154 {
  width: 154px;
}
.w155 {
  width: 155px;
}
.w156 {
  width: 156px;
}
.w157 {
  width: 157px;
}
.w158 {
  width: 158px;
}
.w159 {
  width: 159px;
}
.w160 {
  width: 160px;
}
.w161 {
  width: 161px;
}
.w162 {
  width: 162px;
}
.w163 {
  width: 163px;
}
.w164 {
  width: 164px;
}
.w165 {
  width: 165px;
}
.w166 {
  width: 166px;
}
.w167 {
  width: 167px;
}
.w168 {
  width: 168px;
}
.w169 {
  width: 169px;
}
.w170 {
  width: 170px;
}
.w171 {
  width: 171px;
}
.w172 {
  width: 172px;
}
.w173 {
  width: 173px;
}
.w174 {
  width: 174px;
}
.w175 {
  width: 175px;
}
.w176 {
  width: 176px;
}
.w177 {
  width: 177px;
}
.w178 {
  width: 178px;
}
.w179 {
  width: 179px;
}
.w180 {
  width: 180px;
}
.w181 {
  width: 181px;
}
.w182 {
  width: 182px;
}
.w183 {
  width: 183px;
}
.w184 {
  width: 184px;
}
.w185 {
  width: 185px;
}
.w186 {
  width: 186px;
}
.w187 {
  width: 187px;
}
.w188 {
  width: 188px;
}
.w189 {
  width: 189px;
}
.w190 {
  width: 190px;
}
.w191 {
  width: 191px;
}
.w192 {
  width: 192px;
}
.w193 {
  width: 193px;
}
.w194 {
  width: 194px;
}
.w195 {
  width: 195px;
}
.w196 {
  width: 196px;
}
.w197 {
  width: 197px;
}
.w198 {
  width: 198px;
}
.w199 {
  width: 199px;
}
.w200 {
  width: 200px;
}
.w210 {
  width: 210px;
}
.w220 {
  width: 220px;
}
.w225 {
  width: 225px;
}
.w240 {
  width: 240px;
}
.w250 {
  width: 250px;
}
.w260 {
  width: 260px;
}
.w280 {
  width: 280px;
}
.w290 {
  width: 290px;
}
.w300 {
  width: 300px;
}
.w320 {
  width: 320px;
}
.w350 {
  width: 350px;
}
.w360 {
  width: 360px;
}
.w400 {
  width: 400px;
}
.w430 {
  width: 430px;
}
.w440 {
  width: 440px;
}
.w460 {
  width: 460px;
}
.w500 {
  width: 500px;
}
.w600 {
  width: 600px;
}
.w630 {
  width: 630px;
}
.w640 {
  width: 640px;
}
.w693 {
  width: 693px;
}
.w700 {
  width: 700px;
}
.w862 {
  width: 862px;
}
.w912 {
  width: 912px;
}
.w927 {
  width: 927px;
}
/* percent width value */
.pct10 {
  width: 10%;
}
.pct15 {
  width: 15%;
}
.pct20 {
  width: 20%;
}
.pct25 {
  width: 25%;
}
.pct30 {
  width: 30%;
}
.pct33 {
  width: 33.3%;
}
.pct40 {
  width: 40%;
}
.pct50 {
  width: 50%;
}
.pct60 {
  width: 60%;
}
.pct66 {
  width: 66.6%;
}
.pct70 {
  width: 70%;
}
.pct75 {
  width: 75%;
}
.pct80 {
  width: 80%;
}
.pct90 {
  width: 90%;
}
.pct100 {
  width: 100%;
}
/* line-height */
.lh0 {
  line-height: 0;
}
.lh14 {
  line-height: 14px;
}
.lh16 {
  line-height: 16px;
}
.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh22 {
  line-height: 22px;
}
.lh24 {
  line-height: 24px;
}
.lh30 {
  line-height: 30px;
}
/* margin */
.m0 {
  margin: 0;
}
.ml1 {
  margin-left: 1px;
}
.ml2 {
  margin-left: 2px;
}
.ml5 {
  margin-left: 5px;
}
.ml6 {
  margin-left: 6px;
}
.ml7 {
  margin-left: 7px;
}
.ml8 {
  margin-left: 8px;
}
.ml9 {
  margin-left: 9px;
}
.ml10 {
  margin-left: 10px !important;
}
.ml11 {
  margin-left: 11px;
}
.ml12 {
  margin-left: 12px !important;
}
.ml13 {
  margin-left: 13px;
}
.ml14 {
  margin-left: 14px;
}
.ml15 {
  margin-left: 15px;
}
.ml16 {
  margin-left: 16px;
}
.ml20 {
  margin-left: 20px;
}
.ml21 {
  margin-left: 21px;
}
.ml22 {
  margin-left: 22px;
}
.ml25 {
  margin-left: 25px;
}
.ml26 {
  margin-left: 26px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px;
}
.mr2 {
  margin-right: 2px;
}
.mr5 {
  margin-right: 5px;
}
.mr6 {
  margin-right: 6px;
}
.mr8 {
  margin-right: 8px;
}
.mr10 {
  margin-right: 10px;
}
.mr12 {
  margin-right: 12px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.mr60 {
  margin-right: 60px;
}
.mt0 {
  margin-top: 0px !important;
}
.mt1 {
  margin-top: 1px;
}
.mt2 {
  margin-top: 2px;
}
.mt3 {
  margin-top: 3px;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt7 {
  margin-top: 7px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px;
}
.mt16 {
  margin-top: 16px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mb1 {
  margin-bottom: 1px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
/* margin negative */
.ml-1 {
  margin-left: -1px;
}
.ml-3 {
  margin-left: -3px;
}
.ml-13 {
  margin-left: -13px;
}
.ml-20 {
  margin-left: -20px;
}
.mt-1 {
  margin-top: -1px;
}
.mt-2 {
  margin-top: -2px;
}
.mt-3 {
  margin-top: -3px;
}
.mt-4 {
  margin-top: -4px;
}
.mt-5 {
  margin-top: -5px;
}
.mt-7 {
  margin-top: -7px;
}
.mt-9 {
  margin-top: -9px;
}
.mt-10 {
  margin-top: -10px;
}
.mt-13 {
  margin-top: -13px;
}
.mt-16 {
  margin-top: -16px;
}
.mt-20 {
  margin-top: -20px;
}
.mb-1 {
  margin-bottom: -1px;
}
.mr-1 {
  margin-right: -1px;
}
.mr-3 {
  margin-right: -3px;
}
.mr-20 {
  margin-right: -20px;
}
.mb-3 {
  margin-bottom: -3px;
}
.mb-20 {
  margin-bottom: -20px;
}
/* 相对位置 */
.l3 {
  left: 3px !important;
}
.l7 {
  left: 7px;
}
.l11 {
  left: 11px;
}
.l15 {
  left: 15px;
}
.t-1 {
  top: -1px !important;
}
.t-2 {
  top: -2px !important;
}
.t-3 {
  top: -3px !important;
}
.t1 {
  top: 1px !important;
}
.t2 {
  top: 2px !important;
}
.t3 {
  top: 3px !important;
}
.t4 {
  top: 4px !important;
}
.t5 {
  top: 5px !important;
}
.t6 {
  top: 6px !important;
}
.t15 {
  top: 15px !important;
}
/* padding */
.p0 {
  padding: 0 !important;
}
.p1 {
  padding: 1px;
}
.p2 {
  padding: 2px;
}
.p5 {
  padding: 5px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}
.pt1 {
  padding-top: 1px;
}
.pt2 {
  padding-top: 2px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt11 {
  padding-top: 11px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt16 {
  padding-top: 16px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pr0 {
  padding-right: 0;
}
.pr1 {
  padding-right: 1px;
}
.pr2 {
  padding-right: 2px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr16 {
  padding-right: 16px;
}
.pr20 {
  padding-right: 20px !important;
}
.pr22 {
  padding-right: 22px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pb1 {
  padding-bottom: 1px;
}
.pb2 {
  padding-bottom: 2px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px;
}
.pl1 {
  padding-left: 1px;
}
.pl2 {
  padding-left: 2px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.pl17 {
  padding-left: 17px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl75 {
  padding-left: 75px !important;
}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc {
  border: 1px solid #ccc;
}
.bde2 {
  border: 1px solid #e2e2e2;
}
.bde5 {
  border: 1px solid #e50012;
}
.blc {
  border-left: 1px solid #ccc;
}
.brc {
  border-right: 1px solid #ccc;
}
.btc {
  border-top: 1px solid #ccc;
}
.bbc {
  border-bottom: 1px solid #ccc;
}
.bdd {
  border: 1px solid #ddd;
}
.bld {
  border-left: 1px solid #ddd;
}
.brd {
  border-right: 1px solid #ddd;
}
.btd {
  border-top: 1px solid #ddd;
}
.bbd {
  border-bottom: 1px solid #ddd;
}
.bde {
  border: 1px solid #eee;
}
.ble {
  border-left: 1px solid #eee;
}
.bre {
  border-right: 1px solid #eee;
}
.bte {
  border-top: 1px solid #eee;
}
.bbe {
  border-bottom: 1px solid #eee;
}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh {
  background-color: #fff;
}
.bg0 {
  background-color: #000;
}
.bgfb {
  background-color: #fbfbfb;
}
.bgf2 {
  background-color: #f2f2f2;
}
.bgf5 {
  background-color: #f5f5f5;
}
.bgf0 {
  background-color: #f0f0f0;
}
.bgeb {
  background-color: #ebebeb;
}
.bge0 {
  background-color: #e0e0e0;
}
.bge2 {
  background-color: #e2e2e2;
}
.bge5 {
  background-color: #e50012;
}
.bgef {
  background-color: #efefef;
}
.bgf7 {
  background-color: #f7f7f7;
}
.bgFEFAF5 {
  background-color: #FEFAF5;
}
/* safe color */
.g0 {
  color: #000;
}
.g3 {
  color: #333;
}
.g6 {
  color: #666;
}
.g9 {
  color: #999;
}
.g70 {
  color: #707070;
}
.gdc {
  color: #DCDCDC;
}
.gc {
  color: #ccc;
}
.gd {
  color: #ddd;
}
.ge5 {
  color: #e50012;
}
.wh {
  color: white;
}
/* font-size */
.f0 {
  font-size: 0;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f21 {
  font-size: 21px;
}
.f24 {
  font-size: 24px !important;
}
.f26 {
  font-size: 26px !important;
}
.f28 {
  font-size: 28px;
}
/* font-style */
.n {
  font-weight: normal;
  font-style: normal;
  white-space: normal;
}
.b {
  font-weight: bold;
}
.i {
  font-style: italic;
}
/* text-align */
.tc {
  text-align: center !important;
}
.tr {
  text-align: right !important;
}
.tl {
  text-align: left !important;
}
.tj {
  text-align: justify !important;
}
/* text-decoration */
.tdl {
  text-decoration: underline;
}
.tlt {
  text-decoration: line-through;
}
/* letter-spacing */
.lt-1 {
  letter-spacing: -1px;
}
.lt0 {
  letter-spacing: 0;
}
.lt1 {
  letter-spacing: 1px;
}
/* white-space */
.nowrap {
  white-space: nowrap;
}
/* word-wrap */
.bk {
  word-wrap: break-word;
}
/* vertical-align */
.vm {
  vertical-align: middle;
}
.vtb {
  vertical-align: text-bottom;
}
.vb {
  vertical-align: bottom;
}
.vt {
  vertical-align: top;
}
.v-1 {
  vertical-align: -1px;
}
.v-2 {
  vertical-align: -2px;
}
.v-3 {
  vertical-align: -3px;
}
.v-4 {
  vertical-align: -4px;
}
.v-5 {
  vertical-align: -5px;
}
/* float */
.l {
  float: left;
}
.r {
  float: right;
}
/* clear */
.clr:after {
  content: '';
  clear: both;
  display: table;
}
.cl {
  clear: both;
}
/* position */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
/*z-index*/
.zx1 {
  z-index: 1;
}
.zx2 {
  z-index: 2;
}
/* cursor */
.poi {
  cursor: pointer;
}
.def {
  cursor: default;
}
/* overflow */
.ovh {
  overflow: hidden;
}
.ova {
  overflow: auto;
}
.ovs {
  overflow: scroll;
}
.ovys {
  overflow-y: scroll;
}
/* visibility */
.vh {
  visibility: hidden;
}
.vv {
  visibility: visible;
}
.opa5 {
  opacity: 0.5;
}
/* zoom */
.z {
  *zoom: 1;
}
/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto {
  margin-left: auto;
  margin-right: auto;
}
/* 清除浮动*/
.fix {
  *zoom: 1;
}
.fix:after {
  display: table;
  content: '';
  clear: both;
}
/* 基于display:table-cell的自适应布局 */
.cell {
  display: table-cell;
  *display: inline-block;
  width: 2000px;
  *width: auto;
}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2 {
  overflow: hidden;
  _display: inline-block;
}
/* 单行文字溢出虚点显 示*/
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* css3过渡动画效果 */
.trans {
  -webkit-transition: all .15s;
  transition: all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading {
  background: url(about:blank) no-repeat center;
}
/* 无框文本框文本域 */
.bd_none {
  border: none !important;
  outline: none;
}
/* 绝对定位隐藏 */
.abs_out {
  position: absolute;
  left: -999em;
  top: -999em;
}
.abs_clip {
  position: absolute;
  clip: rect(0 0 0 0);
}
/* 按钮禁用 */
.disabled {
  outline: 0 none;
  cursor: default !important;
  opacity: .4;
  filer: alpha(opacity=40);
  -ms-pointer-events: none;
  pointer-events: none;
}
/*inline-block与float等宽列表*/
.inline_box {
  font-size: 1em;
  letter-spacing: -0.25em;
  font-family: Arial;
}
.inline_two,
.inline_three,
.inline_four,
.inline_five,
.inline_six,
.inline_any {
  display: inline-block;
  *display: inline;
  letter-spacing: 0;
  vertical-align: top;
  *zoom: 1;
}
.float_two,
.float_three,
.float_four,
.float_five,
.float_six {
  float: left;
}
.inline_two,
.float_two {
  width: 50%;
  *width: 49.9%;
}
.inline_three,
.float_three {
  width: 33.33333%;
  *width: 33.3%;
}
.inline_four,
.float_four {
  width: 25%;
  *width: 24.9%;
}
.inline_five,
.float_five {
  width: 20%;
  *width: 19.9%;
}
.inline_six,
.float_six {
  width: 16.66666%;
  *width: 16.6%;
}
.inline_fix {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.iblk {
  display: inline-block;
}
.blk {
  display: block;
}
.oneLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.twoLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.threeLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* 滚动条有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
  border-radius: 0;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 4px;
}
/* 滚动条竖向滑块 */
::-webkit-scrollbar-thumb:vertical {
  background-color: #c1c1c1;
  border-radius: 10px;
}
/* 滚动条竖向滑块hover */
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #999;
  border-radius: 10px;
}
/* 滚动条横向滑块 */
::-webkit-scrollbar-thumb:horizontal {
  background-color: #c1c1c1;
  border-radius: 10px;
}
/* 滚动条横向滑块hover */
::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #999;
  border-radius: 10px;
}
/* 同时有垂直和水平滚动条时交汇的部分 */
::-webkit-scrollbar-corner {
  display: block;
  /* 修复交汇时出现的白块 */
}
.shopcontent {
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
}
.content {
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
}
.leadTimeTag {
  display: flex;
  height: 18px;
  border-radius: 2px;
  align-items: center;
  font-size: 12px;
  white-space: nowrap;
  text-align: left;
}
.leadTimeTag .iconfont {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.leadTimeTag .tag-text {
  display: inline-block;
  padding: 0 2px;
  text-align: center;
}
.tag-wrap {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}
.tag-position {
  left: 5px;
  top: 5px;
}
.scribe-wrap {
  display: flex;
  align-items: baseline;
}
.scribe-price {
  color: #777;
  text-decoration: line-through;
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  font-weight: 400;
}
.sales-promotion-tag {
  width: 60px;
  background: #FFA300;
  border-radius: 2px;
  border: 1px solid #FFA300;
  font-size: 12px;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  position: relative;
  margin-left: 5px;
}
.sales-promotion-tag:hover .toolTip-desc {
  display: block;
  z-index: 99;
}
.sales-preference-tag {
  border: 1px solid #E84034;
  background: #E84034;
}
.toolTip-desc {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 30px;
  width: 200px;
  right: calc(-50%);
  padding: 5px 10px;
  text-align: left;
  border-radius: 4px;
  z-index: 99;
}
.toolTip-desc:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 6px solid #00000099;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: calc(47%);
  top: -6px;
}
/*公共的表格样式*/
table {
  width: 100%;
  border-collapse: collapse;
  color: #333;
}
table tr td {
  vertical-align: top;
  box-sizing: border-box;
  padding: 16px;
  font-size: 12px;
  word-break: break-all;
  line-height: 24px;
}
table tr td.empty {
  height: 70px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  color: #999;
  font-style: italic;
}
table tr.tableHead th,
table tr.tableHead td {
  background-color: #f1f1f1;
  border: none;
}
table tr.tableHead th {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-align: left;
}
table tr.tr-split td {
  border: none;
  height: 15px;
  line-height: unset;
  padding: unset;
}
table tbody tr {
  border-bottom: 1px solid #EEEEEE;
}
.ant-modal-mask {
  backdrop-filter: blur(10px);
}
@font-face {
  font-family: 'iconfont';
  /* Project id 2325526 */
  src: url('//at.alicdn.com/t/c/font_2325526_2siqsheuzeh.woff2?t=1668478980414') format('woff2'), url('//at.alicdn.com/t/c/font_2325526_2siqsheuzeh.woff?t=1668478980414') format('woff'), url('//at.alicdn.com/t/c/font_2325526_2siqsheuzeh.ttf?t=1668478980414') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-yanjing_yincang:before {
  content: "\E6AE";
}
.icon-yanjing_zhengyan:before {
  content: "\E6AF";
}
.icon-datu:before {
  content: "\E6A3";
}
.icon-leibiao:before {
  content: "\E6AD";
}
.icon-arrowright:before {
  content: "\E6AB";
}
.icon-24gl-expandVertical:before {
  content: "\EB6D";
}
.icon-weixin:before {
  content: "\E6AC";
}
.icon-fenxiang1:before {
  content: "\E72F";
}
.icon-shanchu1:before {
  content: "\E6A2";
}
.icon-19:before {
  content: "\E6A1";
}
.icon-icon-kefu:before {
  content: "\E6A0";
}
.icon-shaixuan:before {
  content: "\E69F";
}
.icon-icon_zixun:before {
  content: "\E69E";
}
.icon-shanchu:before {
  content: "\E69D";
}
.icon-jinggao:before {
  content: "\E69C";
}
.icon-a-iconshanchu:before {
  content: "\E69A";
}
.icon-dingbu:before {
  content: "\E6A4";
}
.icon-bangzhuzhongxin1:before {
  content: "\E6A5";
}
.icon-denglu:before {
  content: "\E6A6";
}
.icon-piliangzhaohuo:before {
  content: "\E6A7";
}
.icon-lianxi1:before {
  content: "\E6A8";
}
.icon-saoma:before {
  content: "\E6A9";
}
.icon-gouwuche:before {
  content: "\E6AA";
}
.icon-fahuo1:before {
  content: "\E69B";
}
.icon-ditu-dibiao:before {
  content: "\EC3F";
}
.icon-dizhi:before {
  content: "\E692";
}
.icon-dianpu:before {
  content: "\E693";
}
.icon-qiye:before {
  content: "\E694";
}
.icon-shijian:before {
  content: "\E695";
}
.icon-dianhua:before {
  content: "\E696";
}
.icon-youxiang:before {
  content: "\E697";
}
.icon-QQ:before {
  content: "\E698";
}
.icon-fuwu:before {
  content: "\E699";
}
.icon-tongyong:before {
  content: "\E691";
}
.icon-JPG:before {
  content: "\E68F";
}
.icon-png:before {
  content: "\E690";
}
.icon-pdf:before {
  content: "\E68C";
}
.icon-iconsetting:before {
  content: "\E68D";
}
.icon-caiwuguanli:before {
  content: "\E68E";
}
.icon-jiageshezhi:before {
  content: "\E684";
}
.icon-xunjia:before {
  content: "\E685";
}
.icon-kehufenxi:before {
  content: "\E686";
}
.icon-kehuguanli1:before {
  content: "\E687";
}
.icon-yunfei:before {
  content: "\E68A";
}
.icon-iconcustomer:before {
  content: "\E67A";
}
.icon-iconsupportCenter:before {
  content: "\E67B";
}
.icon-iconshop:before {
  content: "\E67C";
}
.icon-iconpurchase:before {
  content: "\E67D";
}
.icon-gongzuotai:before {
  content: "\E67E";
}
.icon-icongoods:before {
  content: "\E67F";
}
.icon-iconfinance:before {
  content: "\E680";
}
.icon-iconsales:before {
  content: "\E681";
}
.icon-icondashboard:before {
  content: "\E682";
}
.icon-iconstock:before {
  content: "\E683";
}
.icon-weixinzhifu:before {
  content: "\E689";
}
.icon-yinlian:before {
  content: "\E68B";
}
.icon-gouwuchefill:before {
  content: "\E73C";
}
.icon-daichuli:before {
  content: "\E673";
}
.icon-shouhuodizhi:before {
  content: "\E674";
}
.icon-wodefapiao:before {
  content: "\E675";
}
.icon-shoupiaodizhi:before {
  content: "\E676";
}
.icon-yichuli:before {
  content: "\E677";
}
.icon-lianxishangjia:before {
  content: "\E678";
}
.icon-wodeshoucang:before {
  content: "\E679";
}
.icon-daiqueren:before {
  content: "\E66F";
}
.icon-daifahuo:before {
  content: "\E670";
}
.icon-daishouhuo:before {
  content: "\E671";
}
.icon-yiwancheng:before {
  content: "\E672";
}
.icon-piliangzhaohuoicon:before {
  content: "\E66E";
}
.icon-lianxi:before {
  content: "\E66C";
}
.icon-riqi:before {
  content: "\E787";
}
.icon-fenxiang:before {
  content: "\E668";
}
.icon-arrow-right-filling:before {
  content: "\E688";
}
.icon-video:before {
  content: "\E66A";
}
.icon-arrow-right:before {
  content: "\E6C9";
}
.icon-new:before {
  content: "\E667";
}
.icon-info:before {
  content: "\E665";
}
.icon-Waring:before {
  content: "\E666";
}
.icon-question1:before {
  content: "\E664";
}
.icon-a-CombinedShape:before {
  content: "\E662";
}
.icon-Success:before {
  content: "\E663";
}
.icon-xinshoujiaocheng:before {
  content: "\E661";
}
.icon-question:before {
  content: "\E660";
}
.icon-a-zu7428:before {
  content: "\E669";
}
.icon-a-zu1202:before {
  content: "\E66B";
}
.icon-a-zu7430:before {
  content: "\E66D";
}
.icon-pic_arrow:before {
  content: "\E65F";
}
.icon-personal_icon_daichuli:before {
  content: "\E65E";
}
.icon-icon_file1:before {
  content: "\E65D";
}
.icon-icon_file:before {
  content: "\E65C";
}
.icon-icon_close:before {
  content: "\E65B";
}
.icon-emtry_coffee:before {
  content: "\E65A";
}
.icon-icon_pic:before {
  content: "\E659";
}
.icon-dianputongyonglogo:before {
  content: "\E658";
}
.icon-logo6:before {
  content: "\E657";
}
.icon-personal_icon_collection:before {
  content: "\E654";
}
.icon-icon_jingyingkanban:before {
  content: "\E653";
}
.icon-icon_collection:before {
  content: "\E652";
}
.icon-background_customer:before {
  content: "\E64F";
}
.icon-background_feedback:before {
  content: "\E650";
}
.icon-background_set:before {
  content: "\E651";
}
.icon-bangzhuzhongxin:before {
  content: "\E64E";
}
.icon-bby_logo:before {
  content: "\E64D";
}
.icon-shopcart_icon_order1:before {
  content: "\E64C";
}
.icon-rightsinterests_icon_pinpai:before {
  content: "\E644";
}
.icon-rightsinterests_icon_pinzhi:before {
  content: "\E645";
}
.icon-rightsinterests_icon_zhengpin:before {
  content: "\E648";
}
.icon-rightsinterests_icon_xianhuo:before {
  content: "\E649";
}
.icon-btn_off:before {
  content: "\E64B";
}
.icon-btn_on:before {
  content: "\E64A";
}
.icon-btn_close:before {
  content: "\E641";
}
.icon-icon_list:before {
  content: "\E642";
}
.icon-icon_thumbnail:before {
  content: "\E643";
}
.icon-icon_pay_alipay:before {
  content: "\E63D";
}
.icon-icon_pay_wechat:before {
  content: "\E63E";
}
.icon-icon_pay_unionpay:before {
  content: "\E63F";
}
.icon-icon_pay_zhangqi:before {
  content: "\E640";
}
.icon-logo1:before {
  content: "\E63C";
}
.icon-btn_arrow_up1:before {
  content: "\E638";
}
.icon-btn_arrow_down1:before {
  content: "\E639";
}
.icon-btn_arrow_right1:before {
  content: "\E63A";
}
.icon-btn_arrow_left1:before {
  content: "\E63B";
}
.icon-icon_daifahuo:before {
  content: "\E613";
}
.icon-icon_fahuozhong:before {
  content: "\E614";
}
.icon-icon_daizhifu:before {
  content: "\E615";
}
.icon-icon_email:before {
  content: "\E60E";
}
.icon-icon_QQ:before {
  content: "\E611";
}
.icon-icon_phone:before {
  content: "\E612";
}
.icon-QR_logo:before {
  content: "\E610";
}
.icon-logo:before {
  content: "\E60F";
}
.icon-btn_arrow_left:before {
  content: "\E606";
}
.icon-btn_arrow_up:before {
  content: "\E607";
}
.icon-btn_arrow_right:before {
  content: "\E608";
}
.icon-btn_arrow_down:before {
  content: "\E609";
}
.icon-btn_check:before {
  content: "\E637";
}
.icon-shopcart_icon_order:before {
  content: "\E634";
}
.icon-shopcart_icon_shopcart:before {
  content: "\E635";
}
.icon-shopcart_icon_balance:before {
  content: "\E636";
}
.icon-camera:before {
  content: "\E62D";
}
.icon-pre:before {
  content: "\E655";
}
.icon-fenlei:before {
  content: "\E626";
}
.icon-telephone1:before {
  content: "\E627";
}
.icon-jt1_up:before {
  content: "\E62F";
}
.icon-jt1_down:before {
  content: "\E630";
}
.icon-more1:before {
  content: "\E647";
}
.icon-verify:before {
  content: "\E628";
}
.icon-fenlei1:before {
  content: "\E629";
}
.icon-plus:before {
  content: "\E6DC";
}
.icon-up:before {
  content: "\E6E1";
}
.icon-home:before {
  content: "\E62A";
}
.icon-next:before {
  content: "\E656";
}
.icon-refresh:before {
  content: "\E62B";
}
.icon-more:before {
  content: "\E6CD";
}
.icon-cart:before {
  content: "\E62C";
}
.icon-search:before {
  content: "\E62E";
}
.icon-check:before {
  content: "\E631";
}
.icon-password:before {
  content: "\E632";
}
.icon-user:before {
  content: "\E633";
}
.icon-plus1:before {
  content: "\E78D";
}
.icon-barcode:before {
  content: "\E646";
}
.icon-btn_refresh:before {
  content: "\E625";
}
.icon-btn_add1:before {
  content: "\E624";
}
.icon-icon_failed:before {
  content: "\E622";
}
.icon-icon_OK:before {
  content: "\E623";
}
.icon-btn_miuns:before {
  content: "\E620";
}
.icon-btn_add:before {
  content: "\E621";
}
.icon-radio_nor:before {
  content: "\E61E";
}
.icon-radio_sel:before {
  content: "\E61F";
}
.icon-personal_icon_address:before {
  content: "\E61A";
}
.icon-personal_icon_billsaddress:before {
  content: "\E61B";
}
.icon-persoal_icon_bills:before {
  content: "\E61C";
}
.icon-personal_icon_call:before {
  content: "\E61D";
}
.icon-personal_icon_daiqueren:before {
  content: "\E616";
}
.icon-personal_icon_yiwancheng:before {
  content: "\E617";
}
.icon-personal_icon_daifahuo:before {
  content: "\E618";
}
.icon-personal_icon_daishouhuo:before {
  content: "\E619";
}
.icon-btn_top:before {
  content: "\E605";
}
.icon-icon_search:before {
  content: "\E604";
}
.icon-tab_icon_home_nor:before {
  content: "\E600";
}
.icon-tab_icon_personal_nor:before {
  content: "\E601";
}
.icon-tab_icon_shopcart_nor:before {
  content: "\E602";
}
.icon-tab_icon_category_nor:before {
  content: "\E603";
}
.icon-tab_icon_home_red:before {
  content: "\E60A";
}
.icon-tab_icon_personal_red:before {
  content: "\E60B";
}
.icon-tab_icon_shopcart_red:before {
  content: "\E60C";
}
.icon-tab_icon_category_red:before {
  content: "\E60D";
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.home-brand-v2 {
  position: relative;
  margin-bottom: 15px;
}
.home-brand-v2 .titleBox {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 5px 0 16px;
}
.home-brand-v2 .titleBox .flag {
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 22px;
  display: inline-block;
  background-color: #e50012;
}
.home-brand-v2 .titleBox .title {
  font-size: 22px;
  font-weight: bold;
}
.home-brand-v2 .titleBox .more {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 14px;
}
.home-brand-v2 .titleBox .more span {
  font-size: 14px;
}
.home-brand-v2 .titleBox .more:hover {
  color: #e30c1e;
}
.home-brand-v2 .brandBox {
  margin-top: 15px;
  position: relative;
  left: 0;
  height: 220px;
  overflow: hidden;
}
.home-brand-v2 .brandBox > div {
  position: absolute;
  left: 0;
  top: 0;
}
.home-brand-v2 .brandBox > div .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 222px;
  height: 220px;
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  margin-left: 10px;
  /*品牌鼠标效果*/
}
.home-brand-v2 .brandBox > div .item:first-child {
  margin-left: 0;
}
.home-brand-v2 .brandBox > div .item .bSkuBox {
  position: relative;
  text-align: center;
  margin-top: 10px;
  height: 129px;
}
.home-brand-v2 .brandBox > div .item .bSkuBox img {
  position: absolute;
  width: 128px;
  height: 126px;
  left: 38px;
  top: 0;
}
.home-brand-v2 .brandBox > div .item .desc {
  margin-top: 8px;
  padding: 3px 10px;
  font-size: 14px;
  text-align: left;
  background-color: #F4F4F4;
  border-radius: 2px;
}
.home-brand-v2 .brandBox > div .item .desc div {
  display: inline-block;
  vertical-align: middle;
}
.home-brand-v2 .brandBox > div .item .desc div.imgBox {
  width: 84px;
  height: 33px;
  text-align: center;
}
.home-brand-v2 .brandBox > div .item .desc div.imgBox img {
  max-width: 84px;
  max-height: 33px;
}
.home-brand-v2 .brandBox > div .item .desc div p {
  margin: 5px 0;
  line-height: 16px;
}
.home-brand-v2 .brandBox > div .item:hover .brandContent {
  display: block;
}
.home-brand-v2 .brandBox > div .item .brandContent {
  display: none;
  position: absolute;
  width: 222px;
  height: 220px;
  left: 0;
  top: 0;
  padding-top: 70px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.home-brand-v2 .brandBox > div .item .brandContent p {
  margin: 15px 0;
  font-size: 22px;
  color: #fff;
}
.home-brand-v2 .brandBox > div .item .brandContent .toolBtn {
  display: inline-block;
  background-color: #fff;
  height: 38px;
  line-height: 38px;
  border-radius: 20px;
  width: 110px;
  cursor: pointer;
}
.home-brand-v2 .brandBox > div .item .brandContent:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  filter: blur(45px);
  z-index: -1;
}
.home-brand-v2 .tool {
  display: none;
  position: absolute;
  top: 86px;
  width: 20px;
  line-height: 40px;
  text-align: center;
  background-color: #000;
  opacity: 0.5;
  color: #fff;
  cursor: pointer;
}
.home-brand-v2 .tool.left {
  left: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.home-brand-v2 .tool.right {
  right: 0;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.home-brand-v2 .tool:hover {
  font-weight: bold;
}
.home-brand-v2 .tool.disabled {
  opacity: 0.1;
}
.home-brand-v2:hover .tool {
  display: block;
}

.home-brand {
  position: relative;
  margin-bottom: 10px;
  background-color: #fff;
}
.home-brand .brandTitleBg,
.home-brand .brandTitle {
  position: absolute;
  left: 34px;
  top: 25px;
  width: 64px;
  height: 76px;
  text-align: center;
  font-size: 32px;
  color: #fff;
}
.home-brand .brandTitleBg {
  background-color: #000;
  opacity: 0.5;
}
.home-brand > img {
  width: 147px;
  height: 126px;
  vertical-align: top;
}
.home-brand > div {
  display: inline-block;
  vertical-align: top;
  width: 1005px;
  overflow: hidden;
}
.home-brand > div .brandBox {
  position: relative;
  left: 0;
  height: 126px;
  display: flex;
}
.home-brand > div .brandBox .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 167px!important;
  padding: 20px 15px 0 14px;
  cursor: pointer;
  text-align: center;
  /*品牌鼠标效果*/
}
.home-brand > div .brandBox .item img {
  width: 140px;
  height: 55px;
}
.home-brand > div .brandBox .item .desc {
  height: 45px;
  line-height: 35px;
  padding: 0 10px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.home-brand > div .brandBox .item:hover img {
  position: relative;
  box-shadow: 0 0 6px 0 #ddd;
}
.home-brand > div .brandBox .item:hover .desc {
  color: #e50012;
}
.home-brand .tool {
  display: none;
  position: absolute;
  top: 40px;
  width: 20px;
  line-height: 40px;
  text-align: center;
  background-color: #000;
  opacity: 0.5;
  color: #fff;
  cursor: pointer;
}
.home-brand .tool.left {
  left: 0px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  z-index: 1;
}
.home-brand .tool.right {
  right: 0px;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 1;
}
.home-brand .tool.disabled {
  opacity: 0.1;
}
.home-brand:hover .tool {
  display: block;
}

.itemBox {
  display: inline-block;
  vertical-align: top;
  width: 190px;
  height: 300px;
  padding: 20px 18px 15px ;
  position: relative;
}
.itemBox > div img {
  width: 148px;
  height: 140px;
}
.itemBox.loading .bgLoading {
  background-color: #f8f8f8;
  border-radius: 5px;
  height: 16px;
}

.home-hot {
  margin-bottom: 15px;
  position: relative;
}
.home-hot #hotProBoxV1 {
  min-height: 620px;
}
.home-hot .titleBox {
  position: relative;
  height: 46px;
  line-height: 46px;
  padding: 0 5px 0 16px;
  background-color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.home-hot .titleBox .flag {
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 22px;
  display: inline-block;
}
.home-hot .titleBox .title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 90px;
}
.home-hot .titleBox .catalog {
  margin-right: 30px;
  position: relative;
  font-weight: 700;
  cursor: pointer;
  height: 28px;
  background: #fff;
  border-radius: 15px;
  padding: 0 14px;
  line-height: 28px;
  text-align: center;
}
.home-hot .titleBox .more {
  position: absolute;
  right: 10px;
  font-size: 14px;
}
.home-hot .titleBox .more span {
  font-size: 14px;
}
.home-hot .titleBox .more:hover {
  color: #e30c1e;
}
.home-hot .hotProBox {
  width: 1152px;
  background-color: #fff;
  padding: 0 5px 6px;
  font-size: 0px;
}
.home-hot .hotProBox .itemBox {
  display: inline-block;
  vertical-align: top;
  width: 190px;
  height: 300px;
  padding: 20px 18px 15px ;
  position: relative;
}
.home-hot .hotProBox .itemBox > div img {
  width: 148px;
  height: 140px;
}
.home-hot .hotProBox .itemBox .priceBox {
  height: 28px;
  line-height: 30px;
  font-size: 16px;
  color: #e50012;
}
.home-hot .hotProBox .itemBox p {
  margin: 6px 0 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-hot .hotProBox .itemBox .title {
  margin-top: 5px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.home-hot .hotProBox .itemBox.loading .bgLoading {
  background-color: #f8f8f8;
  border-radius: 5px;
  height: 16px;
}
.home-hot .hotProBox .itemBox:hover .buyBox {
  display: block;
}
.home-hot .hotProBox .itemBox:hover button {
  display: inline-block;
}
.home-hot .hotProBox .itemBox .buyBox {
  display: none;
  position: absolute;
  width: 192px;
  height: 280px;
  left: 0;
  top: 0;
  cursor: pointer;
  background: url('/images/home/commodity_mask.png') no-repeat center center;
}
.home-hot .hotProBox .itemBox button {
  display: none;
  position: absolute;
  left: 43px;
  bottom: 30px;
}

.home-hot-v2 {
  position: relative;
  margin-bottom: 15px;
}
.home-hot-v2 .titleBox {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 5px 0 16px;
}
.home-hot-v2 .titleBox .flag {
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 22px;
  display: inline-block;
  background-color: #e50012;
}
.home-hot-v2 .titleBox .title {
  font-size: 22px;
  font-weight: bold;
}
.home-hot-v2 .titleBox .more {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 14px;
}
.home-hot-v2 .titleBox .more span {
  font-size: 14px;
}
.home-hot-v2 .titleBox .more:hover {
  color: #e30c1e;
}
.home-hot-v2 .hotProBox {
  margin-top: 15px;
  width: 1152px;
  height: 560px;
  background-color: #fff;
}
.home-hot-v2 .hotProBox .hotProductsRow {
  display: inline-block;
  font-size: 0px;
}
.home-hot-v2 .hotProBox .itemBox {
  display: inline-block;
  vertical-align: top;
  width: 190px;
  height: 280px;
  padding: 15px 18px 15px ;
  position: relative;
}
.home-hot-v2 .hotProBox .itemBox ul {
  margin-left: -18px;
}
.home-hot-v2 .hotProBox .itemBox ul li {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  margin: 1px 0;
}
.home-hot-v2 .hotProBox .itemBox ul li:hover,
.home-hot-v2 .hotProBox .itemBox ul li.active {
  position: relative;
  background-color: #e50012;
  opacity: 0.5;
  color: #fff;
}
.home-hot-v2 .hotProBox .itemBox ul li:hover:before,
.home-hot-v2 .hotProBox .itemBox ul li.active:before {
  position: absolute;
  content: "";
  right: 0;
  top: 19px;
  border: 6px transparent solid;
  border-right: 10px #fff solid;
}
.home-hot-v2 .hotProBox .itemBox > div img {
  width: 148px;
  height: 140px;
}
.home-hot-v2 .hotProBox .itemBox .priceBox {
  margin-top: 10px;
  height: 28px;
  line-height: 30px;
  font-size: 16px;
  color: #e50012;
}
.home-hot-v2 .hotProBox .itemBox p {
  margin: 6px 0 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-hot-v2 .hotProBox .itemBox .title {
  margin-top: 5px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.home-hot-v2 .hotProBox .itemBox.loading .bgLoading {
  background-color: #f8f8f8;
  border-radius: 5px;
  height: 16px;
}
.home-hot-v2 .hotProBox .itemBox:hover .buyBox {
  display: block;
}
.home-hot-v2 .hotProBox .itemBox:hover button {
  display: inline-block;
}
.home-hot-v2 .hotProBox .itemBox .buyBox {
  display: none;
  position: absolute;
  width: 192px;
  height: 280px;
  left: 0;
  top: 0;
  cursor: pointer;
  background: url('/images/home/commodity_mask.png') no-repeat center center;
}
.home-hot-v2 .hotProBox .itemBox button {
  display: none;
  position: absolute;
  left: 43px;
  bottom: 30px;
}
.home-hot-v2 .hotProBox img {
  vertical-align: top;
}
.home-hot-v2 .hotProBox img.leftImg {
  width: 192px;
  height: 280px;
}
.home-hot-v2 .hotProBox img.rightImg {
  width: 576px;
  height: 280px;
}
.home-hot-v2 .hotProBox img:hover {
  opacity: 0.5;
}

.home-catalog-block {
  margin-bottom: 20px;
}
.home-catalog-block .titleBox {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 5px 0 16px;
}
.home-catalog-block .titleBox .flag {
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 22px;
  display: inline-block;
  background-color: #e50012;
}
.home-catalog-block .titleBox .title {
  font-size: 22px;
  font-weight: bold;
}
.home-catalog-block .home-catalog {
  margin-top: 10px;
  height: 372px;
  position: relative;
}
.home-catalog-block .home-catalog:first-child {
  margin-top: 15px;
}
.home-catalog-block .home-catalog .catalogImgBox,
.home-catalog-block .home-catalog .catalogBox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 372px;
}
.home-catalog-block .home-catalog .catalogImgBox {
  width: 192px;
  padding-right: 10px;
}
.home-catalog-block .home-catalog .catalogImgBox img {
  width: 182px;
  height: 372px;
}
.home-catalog-block .home-catalog .catalogImgBox p {
  position: absolute;
  left: 18px;
  top: 22px;
  margin: 0;
  font-size: 26px;
}
.home-catalog-block .home-catalog .catalogImgBox:hover {
  opacity: 0.5;
  cursor: pointer;
}
.home-catalog-block .home-catalog .catalogBox {
  width: 960px;
}
.home-catalog-block .home-catalog .catalogBox .proBox {
  height: 300px;
  background-color: #fff;
  overflow: hidden;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox {
  display: inline-block;
  vertical-align: top;
  width: 192px;
  height: 300px;
  padding: 20px 18px 15px ;
  position: relative;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox > div img {
  width: 148px;
  height: 140px;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox .priceBox {
  margin-top: 10px;
  height: 28px;
  line-height: 30px;
  font-size: 16px;
  color: #e50012;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox p {
  margin: 10px 0 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox.loading .bgLoading {
  background-color: #f8f8f8;
  border-radius: 5px;
  height: 16px;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox:hover .buyBox {
  display: block;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox:hover button {
  display: inline-block;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox .buyBox {
  display: none;
  position: absolute;
  width: 192px;
  height: 280px;
  left: 0;
  top: 0;
  cursor: pointer;
  background: url('/images/home/commodity_mask.png') no-repeat center center;
}
.home-catalog-block .home-catalog .catalogBox .proBox .itemBox button {
  display: none;
  position: absolute;
  left: 43px;
  bottom: 30px;
}
.home-catalog-block .home-catalog .brandBox {
  margin-top: 1px;
  height: 71px;
  padding: 0 9px;
  background-color: #fff;
}
.home-catalog-block .home-catalog .brandBox a {
  position: relative;
  display: inline-block;
  width: 157px;
  height: 71px;
  text-align: center;
}
.home-catalog-block .home-catalog .brandBox a img {
  margin: 8px 0;
  width: 144px;
  height: 55px;
}
.home-catalog-block .home-catalog .brandBox a:hover .brandContent {
  display: block;
}
.home-catalog-block .home-catalog .brandBox a .brandContent {
  display: none;
  position: absolute;
  width: 144px;
  height: 55px;
  left: 8px;
  top: 8px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.home-catalog-block .home-catalog .brandBox a .brandContent p {
  margin: 7px 0 8px;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
}
.home-catalog-block .home-catalog .brandBox a .brandContent .toolBtn {
  display: inline-block;
  width: 70px;
  height: 20px;
  line-height: 20px;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  font-size: 12px;
}
.home-catalog-block .home-catalog .brandBox a .brandContent:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  filter: blur(90px);
  z-index: -1;
}
/* -楼层导航 */
.homeLayerNav {
  display: block;
  position: absolute;
  left: 0;
  margin-left: -100px;
  top: 130px;
  z-index: 3;
  text-align: center;
  background-color: #fff;
  transition: all ease 0.15s;
}
.homeLayerNav ul {
  margin: 0;
  padding: 0;
}
.homeLayerNav li {
  font-size: 12px;
  position: relative;
  list-style-type: none;
  width: 60px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  border-bottom: 1px solid #f5f5f5;
  margin: 0 10px;
  box-sizing: content-box;
}
.homeLayerNav li.toTop {
  width: 80px;
  margin: 0;
}
.homeLayerNav li .icon-up::before {
  font-size: 12px;
}
.homeLayerNav li:hover:before,
.homeLayerNav li.active:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  z-index: -1;
}

.home-info {
  margin: 10px auto!important;
  height: 406px;
  /* ----------------------------------------------- 轮播控件----------------------*/
  /*放置轮播控件的容器*/
  /*轮播按钮*/
  /*左右按钮*/
  /* ----------------------------------------------- 轮播控件 over -----------------*/
}
.home-info .homeBanner {
  width: 720px;
  height: 290px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.home-info .homeBanner .slick-slide.slick-active {
  z-index: 1;
}
.home-info .homeBanner img {
  width: 720px;
  height: 290px;
}
.home-info .homeBanner .tool {
  position: absolute;
  width: 26px;
  height: 50px;
  line-height: 50px;
  background-color: #000;
  color: #fff!important;
  opacity: .5;
  z-index: 2;
  filter: brightness(1.5);
  cursor: pointer;
}
.home-info .homeBanner .left {
  left: 0;
  top: calc(50% - 25px);
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.home-info .homeBanner .right {
  right: 0;
  top: calc(50% - 25px);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.home-info .homeBanner .myDots {
  bottom: 10px;
}
.home-info .homeBanner .myDots li {
  width: 20px;
  height: 4px;
  border-radius: 2px;
  background-color: #f1f3f6;
  opacity: .5;
}
.home-info .homeBanner .myDots .slick-active {
  opacity: 1;
}
.home-info .homeBanner .myDots li button {
  display: none;
}
.home-info .homeADBox {
  display: inline-block;
  width: 958px;
  height: 406px;
  vertical-align: top;
  text-align: right;
}
.home-info .homeADBox .activeBox {
  margin-top: 10px;
}
.home-info .homeADBox .activeBox > a,
.home-info .homeADBox .activeBox > span {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 233px;
  height: 106px;
  padding: 16px 0 0 16px;
  text-align: left;
}
.home-info .homeADBox .activeBox > a p,
.home-info .homeADBox .activeBox > span p,
.home-info .homeADBox .activeBox > a h2,
.home-info .homeADBox .activeBox > span h2 {
  margin: 7px 0;
  color: #333;
  line-height: 12px;
}
.home-info .homeADBox .activeBox > a h2,
.home-info .homeADBox .activeBox > span h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 8px;
}
.home-info .homeADBox .activeBox > a :first-child,
.home-info .homeADBox .activeBox > span :first-child {
  margin-left: 0;
}
.home-info .homeADBox .activeBox > a:hover {
  opacity: 0.5;
}
.home-info .infoBox {
  margin-left: 10px;
  display: inline-block;
  width: 184px;
  height: 406px;
  background-color: #fff;
  padding: 25px 20px 15px;
  text-align: center;
}
.home-info .infoBox .userInfo .wellcome {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.home-info .infoBox .userInfo .login_register_box {
  margin-top: 15px;
}
.home-info .infoBox .userInfo .login_register_box #info_goLogin {
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 3px 10px;
  margin-right: 10px;
}
.home-info .infoBox .userInfo .login_register_box #info_goRegister {
  border-radius: 3px;
  color: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
}
.home-info .infoBox .userInfo .orderStatus .orderRow {
  color: #666;
  margin: 8px 0;
  display: block;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-info .infoBox .userInfo .orderStatus .orderRow img {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.home-info .infoBox .userInfo .orderStatus .orderRow .orderNum {
  color: #e50012;
  margin-left: 10px;
}
.home-info .infoBox .userInfo .orderBtntDeafult {
  border: 1px solid #ddd;
  color: #666;
}
.home-info .infoBox .userInfo .orderBtn {
  display: inline-block;
  position: relative;
  width: 144px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  border-radius: 4px;
}
.home-info .infoBox .userInfo .orderBtn:hover {
  opacity: 0.9;
}
.home-info .infoBox .messInfo {
  margin-top: 20px;
}
.home-info .infoBox .messInfo .title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
.home-info .infoBox .messInfo .messInfoContent {
  margin: 0 auto;
  text-align: left;
  margin-left: 16px;
}
.home-info .infoBox .messInfo .messInfoContent a,
.home-info .infoBox .messInfo .messInfoContent span {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}

.aboutusContainer {
  background-color: #fff;
  border-top: 1px solid #ddd;
  min-height: 100%;
  padding-bottom: 60px;
}
.aboutusContainer .aboutusRow {
  padding: 60px 0;
  box-sizing: border-box;
  width: 70%;
  margin: 0 auto;
}
.aboutusContainer .aboutusRow.step2 {
  background-image: url('https://file.gongbangbang.com/2021061011295409c2a5d01cc743c595b7c3871e89b73e.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 6rem;
}
.aboutusContainer .aboutusRow.step2 .step2Row {
  width: 70%;
  margin: 0 auto;
}
.aboutusContainer .aboutusRow.step2 .stop2ImgContain {
  width: 45%;
  text-align: left;
  position: relative;
}
.aboutusContainer .aboutusRow.step2 .stop2ImgContain .processIcon {
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  font-size: 3.5rem;
  text-align: center;
  background-color: #464646;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: -3.5rem;
  top: -3.5rem;
}
.aboutusContainer .aboutusRow.step2 .stop2ImgContain .stop2ImgBox {
  width: 90%;
  height: 30rem;
  overflow: hidden;
}
.aboutusContainer .aboutusRow.step2 .stop2ImgContain .stop2ImgBox .stop2Img {
  width: 100%;
}
.aboutusContainer .aboutusRow.step2 .step2Content {
  width: 45%;
  text-align: right;
}
.aboutusContainer .aboutusRow.step2 .step2Content .step2Text {
  font-size: 1.8em;
  line-height: 1.5em;
  color: #666;
  margin-top: 9rem;
  margin-bottom: 6rem;
  white-space: pre-line;
}
.aboutusContainer .aboutusRow.step2 .step2IconNum {
  width: 3.5%;
  margin-right: -10%;
}
.aboutusContainer .aboutusRow.step3 {
  width: 100%;
  padding-bottom: 0;
}
.aboutusContainer .aboutusRow.step3 .rowMain {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 60px;
  position: relative;
}
.aboutusContainer .aboutusRow.step3 .rowMain .qrImgBox {
  width: 12rem;
}
.aboutusContainer .aboutusRow.step3 .rowMain .processIcon {
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  font-size: 3.5rem;
  text-align: center;
  background-color: #464646;
  font-weight: bold;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: -3.5rem;
}
.aboutusContainer .aboutusRow.step3 .rowBottom {
  width: 100%;
  font-size: 0;
}
.aboutusContainer .aboutusRow.step3 .step2Label {
  color: #999;
  font-size: 1.5rem;
}
.aboutusContainer .aboutusRow.step3 .step2Text {
  font-size: 1.5rem;
  color: #666666;
}
.aboutusContainer .aboutusRow.step4 {
  background-image: url('https://file.gongbangbang.com/20210611140332bbfb315a0478476d8493cf7f6771d0b4.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 6rem 0 ;
  box-sizing: border-box;
}
.aboutusContainer .aboutusRow.step4 .step4info {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
.aboutusContainer .aboutusRow.step4 .step4info .processIcon {
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  font-size: 3.5rem;
  text-align: center;
  background-color: #464646;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0;
  top: -3.5rem;
}
.aboutusContainer .aboutusRow.step4 .step4info .license {
  width: 70%;
  text-align: center;
}
.aboutusContainer .aboutusRow.step4 .step4info .license.license1 .license1Img {
  width: 50%;
}
.aboutusContainer .aboutusRow.step4 .step4info .license.license2 {
  margin-top: 4rem;
}
.aboutusContainer .aboutusRow.step4 .step4info .license.license2.other {
  width: 100%;
}
.aboutusContainer .aboutusRow.step4 .step4info .license.license2 .license2Img {
  width: 35%;
  margin-right: 20px;
}
.aboutusContainer .aboutusRow.step4 .step4info .license.license2 .license2Img.other {
  width: 25%;
}
.aboutusContainer .aboutusRow.step4 .step4info .step4Name {
  position: absolute;
  right: 2rem;
  top: 10rem;
}
.aboutusContainer .aboutusRow.step4 .step4info .step4iconNum {
  width: 3.5%;
  position: absolute;
  right: -3.5rem;
}
.aboutusContainer .aboutusRow.step5 {
  width: 100%;
  height: 164px;
}
.aboutusContainer .aboutusRow .iconNum {
  width: 3.5%;
  margin-right: 3.5%;
}
.aboutusContainer .aboutusRow .rowImg {
  width: 90%;
}
.aboutusContainer .aboutusRow .rowImg .bannerImg {
  width: 100%;
  position: relative;
}
.aboutusContainer .aboutusRow .rowImg .bannerImg #bannerImgBox > li {
  width: 100%;
}
.aboutusContainer .aboutusRow .rowImg .bannerImg #bannerImgBox > li img {
  height: 480px;
}
.aboutusContainer .aboutusRow .rowImg .bannerImg .bannerImgBox {
  position: relative;
  height: 30rem;
  overflow: hidden;
  width: 100%;
}
.aboutusContainer .aboutusRow .rowImg .bannerImg .processIcon {
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  font-size: 3.5rem;
  text-align: center;
  background-color: #464646;
  font-weight: bold;
  color: #fff;
  position: absolute;
  right: -3.2rem;
  bottom: -3.5rem;
  z-index: 10;
}
.aboutusContainer .aboutusRow .rowImg .rowContent {
  width: 100%;
  margin-top: 5rem;
}
.aboutusContainer .aboutusRow .rowImg .rowContent .iconTitle {
  width: 20%;
}
.aboutusContainer .aboutusRow .rowImg .rowContent .contentDesc {
  width: 70%;
  font-size: 1.8em;
  line-height: 1.5em;
  color: #666;
  white-space: pre-line;
}
.aboutusContainer .aboutusRow .iconWord {
  width: 3%;
  margin-left: 5%;
}



.batchGoods {
  width: 1152px;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
  padding: 40px 30px;
}
.batchGoods tr th,
.batchGoods tr td {
  border: none;
}
.batchGoods .batchGoodsHeader .title {
  font-size: 18px;
  font-weight: bold;
  border-left: 3px solid #e50012;
  padding-left: 5px;
  margin-right: 10px;
}
.batchGoods .batchGoodsHeader .titleDesc {
  color: #666666;
  font-size: 15px;
}
.batchGoods .batchGoodsInfo {
  margin-top: 20px;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop {
  display: flex;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoFile {
  width: 690px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: inline-flex;
  height: 280px;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoFile .batchGoodsInfoTpl {
  background-color: #fff;
  flex: 1;
  display: inline-flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoFile .batchGoodsInfoTpl .fileTplDownload {
  cursor: pointer;
  height: 38px;
  text-align: center;
  font-size: 16px;
  color: #F80000;
  line-height: 36px;
  padding: 0 10px;
  border-radius: 3px;
  border: 1px solid #F80000;
  background-color: #FFF2F2;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoFile .batchGoodsInfoUpload {
  background-color: #F6F7FB;
  flex: 2;
  display: inline-flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoFile .batchGoodsInfoUpload .uploadBox {
  width: 160px;
  height: 120px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoDesc {
  width: 400px;
  display: inline-block;
  padding-left: 40px;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoDesc .batchGoodsDescTitle {
  font-weight: bold;
  font-size: 18px;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoDesc .batchGoodsDescRow {
  font-size: 14px;
}
.batchGoods .batchGoodsInfo .batchGoodsInfoTop .batchGoodsInfoDesc .batchGoodsDescRow .batchGoodsTips {
  margin-top: 10px;
}
.batchGoods .batchGoodsContent {
  margin-top: 20px;
}
.batchGoods .batchGoodsContent .ant-table-cell::before {
  background-color: transparent !important;
}

#batchDetailTable .hrefEle:hover {
  color: #999;
}
#batchDetailTable tr th,
#batchDetailTable tr td {
  border: none;
}

#batchSearchTable .hrefEle:hover {
  color: #999;
}
#batchSearchTable tr th,
#batchSearchTable tr td {
  border: none;
}

.brandcenterContainer {
  min-height: 100%;
  overflow: hidden;
  padding-bottom: 195px;
  margin-top: 15px;
}
.brandcenterContainer .brandcenter {
  box-sizing: border-box;
  width: 70%;
  margin: 0 auto;
}
.brandcenterContainer .brandcenter .brandInfo {
  margin-top: 20px;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader {
  display: flex;
  flex-flow: row nowrap;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList {
  display: inline-flex;
  width: 70%;
  font-weight: bold;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList .keyItemAll {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList .keyItemAll .keyActive {
  color: #fff;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList .keyItemAll .keyActive:hover {
  color: #fff;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList .keyItem {
  flex: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  font-size: 16px;
  cursor: pointer;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList .keyItem .keyActive {
  color: #fff;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyList .keyItem .keyActive:hover {
  color: #fff;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyword {
  display: inline-block;
  width: 30%;
  text-align: right;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyword .keywordInput {
  padding: 5px 10px;
  box-sizing: border-box;
  height: 30px;
  border-radius: 0px !important;
  border-right: none;
  border-width: 1px;
}
.brandcenterContainer .brandcenter .brandInfo .brandHeader .keyword .keywordSearch {
  height: 30px;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  vertical-align: bottom;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule {
  margin-top: 20px;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandAll {
  width: 15%;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandAll .brandWord {
  font-size: 30px;
  font-weight: bold;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandList {
  width: 85%;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandList .brandItem {
  width: 25%;
  text-align: left;
  margin-bottom: 20px;
  height: 115px;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandList .brandItem .brandBox {
  text-align: center;
  width: 200px;
  display: block;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandList .brandItem .brandBox .brandImg {
  width: 200px;
  height: 80px;
}
.brandcenterContainer .brandcenter .brandInfo .brandModule .brandList .brandItem .brandBox .brandName {
  margin-top: 10px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}

.top-cart-container {
  background: #fff;
  margin-bottom: 16px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 5;
}
.top-cart-container table tbody tr {
  border-bottom: none;
}
.top-cart tr td {
  border: none;
  text-align: left;
  padding: 10px 0;
}
.top-cart .cartCompanyName {
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
}
.top-cart .cartCompanyName > img {
  max-width: 320px;
  max-height: 46px;
  vertical-align: middle;
}
.top-cart .process-label {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  font-family: PingFangSC-Regular, sans-serif;
  position: relative;
  color: #999;
}
.top-cart .process-label > img {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.top-cart .process-label:after {
  content: '';
  display: inline-block;
  width: 76px;
  height: 2px;
  background: #ccc;
  margin-left: 12px;
  margin-right: 12px;
  vertical-align: middle;
}
.top-cart .process-label.active {
  font-family: PingFangSC-Semibold, sans-serif;
  color: #FF2133;
}
.top-cart .process-label.active:after {
  content: '';
  display: inline-block;
  width: 76px;
  height: 2px;
  margin-left: 12px;
  vertical-align: middle;
  background: #FF2133;
}
.top-cart .process-label.finished {
  color: #333;
  font-family: PingFangSC-Semibold, sans-serif;
}
.top-cart .process-label.finished:after {
  content: '';
  display: inline-block;
  width: 76px;
  height: 2px;
  background: #333;
  margin-left: 12px;
  vertical-align: middle;
}
.top-cart .process-label.last:after {
  content: '';
  display: none;
}
.ui-menu .ui-menu-item {
  font-size: 14px;
  color: #666;
}

.top-cart-container {
  background: #fff;
  margin-bottom: 16px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 5;
}
.top-cart tr td {
  border: none;
  text-align: left;
  padding: 10px 0;
}
.top-cart .cartCompanyName {
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
}
.top-cart .cartCompanyName > img {
  max-width: 320px;
  max-height: 46px;
  vertical-align: middle;
}
.top-cart .process-label {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  font-family: PingFangSC-Regular, sans-serif;
  position: relative;
  color: #999;
}
.top-cart .process-label > img {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.top-cart .process-label:after {
  content: '';
  display: inline-block;
  width: 76px;
  height: 2px;
  background: #ccc;
  margin-left: 12px;
  margin-right: 12px;
  vertical-align: middle;
}
.top-cart .process-label.active {
  color: #FF2133;
  font-family: PingFangSC-Semibold, sans-serif;
}
.top-cart .process-label.active:after {
  content: '';
  display: inline-block;
  width: 76px;
  height: 2px;
  background: #999;
  margin-left: 12px;
  vertical-align: middle;
}
.top-cart .process-label.finished {
  color: #333;
  font-family: PingFangSC-Semibold, sans-serif;
}
.top-cart .process-label.finished:after {
  content: '';
  display: inline-block;
  width: 76px;
  height: 2px;
  background: #333;
  margin-left: 12px;
  vertical-align: middle;
}
.top-cart .process-label.last:after {
  content: '';
  display: none;
}
.ui-menu .ui-menu-item {
  font-size: 14px;
  color: #666;
}

.purchaseQuintityInput {
  transform: scale(0.8);
  width: 140px;
  text-align: center;
}
.changeNumBtn {
  cursor: pointer;
  font-size: 14px;
}
.changeNumBtn:active {
  color: #ddd;
}

.batchGoodsDetail {
  margin: 0 auto;
  background-color: #fff;
  width: 1152px;
  box-sizing: border-box;
  padding: 40px 30px;
}
.batchGoodsDetail tr th,
.batchGoodsDetail tr td {
  border: none;
}
.batchGoodsDetail .hrefEle:hover {
  color: #999;
}
.batchGoodsDetail .batchDetailTitle {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.batchGoodsDetail .batchDetailFilter {
  display: flex;
  justify-content: space-between;
}
.batchGoodsDetail .batchDetailFilter .matching {
  width: 160px;
}
.batchGoodsDetail .batchDetailFilter .deliveryArea {
  width: 240px;
}
.batchGoodsDetail .batchDetailTable {
  margin-top: 20px;
}
.batchGoodsDetail .batchDetailTable .ant-table-cell::before {
  background-color: transparent !important;
}
.batchGoodsDetail .allMatches {
  color: #0090FF;
}

.cartlist .tb-contain {
  background-color: #fff;
  padding: 0 15px 15px;
  z-index: 2;
  position: relative;
}
.cartlist .tb-contain.invalid {
  margin-top: -40px;
  z-index: 1;
  position: relative;
}
.cartlist .tb-contain .tb-header {
  width: 300px;
  height: 40px;
  border-bottom: 2px solid #e30c1e;
  box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #e30c1e;
  padding: 0 10px;
}
.cartlist .tb-contain .tb-header.invalid {
  color: #333;
  border-bottom: none;
  width: 100%;
  background: #eee;
  position: relative;
  top: 41px;
  text-align: left;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartlist .tb-contain .tb-header.invalid .clearValidGoods {
  font-weight: normal;
  font-size: 14px;
  border: none;
  background: transparent;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 99;
}
.cartlist .tb-contain .tb-header.invalid .clearValidGoods:hover {
  color: #FF2133;
}
.cartlist .tb-contain .tb-header.invalid .clearValidGoods:hover .icon-shanchu {
  color: #FF2133;
}
.cartlist .tb-contain .carttable {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-size: 12px;
  border-spacing: 0;
}
.cartlist .tb-contain .carttable th {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  padding: 10px;
}
.cartlist .tb-contain .carttable td {
  font-size: 14px;
  position: relative;
  vertical-align: top;
  padding: 16px;
}
.cartlist .tb-contain .carttable td,
.cartlist .tb-contain .carttable th {
  border: none;
  line-height: normal;
  min-width: 40px;
}
.cartlist .tb-contain .carttable-head {
  background-color: #eee;
}
.cartlist .tb-contain .carttable tr {
  border: 1px solid #eee;
  border-top: none;
}
.cartlist .tb-contain .carttable tr:first-child {
  border-top: none;
}
.cartlist .tb-contain .carttable tr:hover {
  background: #eee;
}
.cartlist .tb-contain .carttable tr .good-image {
  width: 80px;
  height: 80px;
}
.cartlist .tb-contain .carttable .skuName {
  font-size: 12px;
  margin-top: 10px;
  line-height: 12px;
  color: #777;
}
.cartlist .tb-contain .carttable .leadTimeTag {
  display: flex;
  height: 18px;
  border-radius: 2px;
  align-items: center;
  font-size: 12px;
  text-align: left;
}
.cartlist .tb-contain .carttable .leadTimeTag .iconfont {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #E84034;
  color: #fff;
}
.cartlist .tb-contain .carttable .leadTimeTag .tag-text {
  display: inline-block;
  padding: 0 2px;
  text-align: center;
  color: #E84034;
  border: 1px solid #E84034;
}
.cartlist .tb-contain .carttable .shopcart-item-del {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 30px;
}
.cartlist .tb-contain .carttable .shopcart-item-del > img {
  width: 30px;
  height: 30px;
}
.cartlist .tb-contain .carttable .shopcart {
  background-color: #fff;
}
.cartlist .tb-contain .carttable .shopcart-input {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  width: 100px;
  font-size: 0;
  white-space: nowrap;
}
.cartlist .tb-contain .carttable .shopcart-input-btn {
  font-weight: 700;
  line-height: 25px;
  height: 26px;
  display: inline-block;
  width: 28px;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
  background: #efefef;
  cursor: pointer;
  color: #999;
}
.cartlist .tb-contain .carttable .shopcart-input-btn:active {
  background-color: #eee;
}
.cartlist .tb-contain .carttable .shopcart-input-amount {
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  width: 42px;
  border: 0;
  font-size: 14px;
  color: #666;
  padding: 0;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.cartlist .cart-empty-contain {
  display: flex;
  width: 405px;
  box-sizing: border-box;
  height: calc(100vh - 372px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.cartlist .cart-empty-contain .cart-empty {
  width: 200px;
  margin-bottom: 20px;
}

.settlement {
  margin-top: 16px;
  width: 100%;
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #666;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 5;
}
.settlement .item {
  padding: 0 20px;
}
.settlement .item .cart-delete-select:hover {
  text-decoration: underline;
}
.settlement .btn-contain {
  height: 60px;
}
.settlement .btn-contain .btn-style {
  display: inline-block;
  background-color: #e30c1e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  width: 160px;
  border: 1px solid #e30c1e;
}
.settlement .btn-contain .btn-style:active,
.settlement .btn-contain .btn-style:hover {
  background-color: #b70c1b;
}
.settlement .btn-contain .btn-report {
  display: inline-block;
  color: #e30c1e;
  border: 1px solid #e30c1e;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  width: 160px;
  height: 60px;
  line-height: 60px;
  position: relative;
  margin-right: -4px;
}
.settlement .btn-contain .btn-report .btn-report-hover {
  display: none;
  position: absolute;
  left: -2px;
  top: -88px;
  width: 160px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border: 1px solid #E1E1E1;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  letter-spacing: 1px;
  flex-direction: column;
}
.settlement .btn-contain .btn-report .btn-report-hover > span {
  padding: 10px 0;
}
.settlement .btn-contain .btn-report .btn-report-hover > span:first-child {
  border-bottom: 1px solid #f1f1f1;
}
.settlement .btn-contain .btn-report:hover .btn-report-hover {
  display: flex;
}

.cart {
  min-height: calc(100vh - 356px);
}

.cartlist .tb-contain {
  background-color: #fff;
  padding: 0 15px 15px;
  z-index: 2;
  position: relative;
}
.cartlist .tb-contain.invalid {
  margin-top: -40px;
  z-index: 1;
  position: relative;
}
.cartlist .tb-contain .tb-header {
  width: 300px;
  height: 40px;
  border-bottom: 2px solid #e30c1e;
  box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #e30c1e;
  padding: 0 10px;
}
.cartlist .tb-contain .tb-header.invalid {
  color: #333;
  border-bottom: none;
  width: 100%;
  background: #eee;
  position: relative;
  top: 41px;
  text-align: left;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartlist .tb-contain .tb-header.invalid .clearValidGoods {
  font-weight: normal;
  font-size: 14px;
  border: none;
  background: transparent;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 99;
}
.cartlist .tb-contain .tb-header.invalid .clearValidGoods:hover {
  color: #FF2133;
}
.cartlist .tb-contain .tb-header.invalid .clearValidGoods:hover .icon-shanchu {
  color: #FF2133;
}
.cartlist .tb-contain .carttable {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-size: 12px;
  border-spacing: 0;
}
.cartlist .tb-contain .carttable th {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  padding: 10px;
}
.cartlist .tb-contain .carttable td {
  font-size: 14px;
  position: relative;
  vertical-align: top;
  padding: 16px;
}
.cartlist .tb-contain .carttable td,
.cartlist .tb-contain .carttable th {
  border: none;
  line-height: normal;
  min-width: 40px;
}
.cartlist .tb-contain .carttable-head {
  background-color: #eee;
}
.cartlist .tb-contain .carttable tr {
  border: 1px solid #eee;
  border-top: none;
}
.cartlist .tb-contain .carttable tr:first-child {
  border-top: none;
}
.cartlist .tb-contain .carttable tr:hover {
  background: #eee;
}
.cartlist .tb-contain .carttable tr .good-image {
  width: 80px;
  height: 80px;
}
.cartlist .tb-contain .carttable .skuName {
  font-size: 12px;
  margin-top: 10px;
  line-height: 12px;
  color: #777;
}
.cartlist .tb-contain .carttable .leadTimeTag {
  display: flex;
  height: 18px;
  border-radius: 2px;
  align-items: center;
  font-size: 12px;
  text-align: left;
}
.cartlist .tb-contain .carttable .leadTimeTag .iconfont {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #E84034;
  color: #fff;
}
.cartlist .tb-contain .carttable .leadTimeTag .tag-text {
  display: inline-block;
  padding: 0 2px;
  text-align: center;
  color: #E84034;
  border: 1px solid #E84034;
}
.cartlist .tb-contain .carttable .shopcart-item-del {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  height: 30px;
}
.cartlist .tb-contain .carttable .shopcart-item-del > img {
  width: 30px;
  height: 30px;
}
.cartlist .tb-contain .carttable .shopcart {
  background-color: #fff;
}
.cartlist .tb-contain .carttable .shopcart-input {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  width: 100px;
  font-size: 0;
  white-space: nowrap;
}
.cartlist .tb-contain .carttable .shopcart-input-btn {
  font-weight: 700;
  line-height: 25px;
  height: 26px;
  display: inline-block;
  width: 28px;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
  background: #efefef;
  cursor: pointer;
  color: #999;
}
.cartlist .tb-contain .carttable .shopcart-input-btn:active {
  background-color: #eee;
}
.cartlist .tb-contain .carttable .shopcart-input-amount {
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  width: 42px;
  border: 0;
  font-size: 14px;
  color: #666;
  padding: 0;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.cartlist .cart-empty-contain {
  display: flex;
  width: 405px;
  box-sizing: border-box;
  height: calc(100vh - 372px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.cartlist .cart-empty-contain .cart-empty {
  width: 200px;
  margin-bottom: 20px;
}

.settlement {
  margin-top: 16px;
  width: 100%;
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #666;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 5;
}
.settlement .item {
  padding: 0 20px;
}
.settlement .item .cart-delete-select:hover {
  text-decoration: underline;
}
.settlement .btn-contain {
  height: 60px;
}
.settlement .btn-contain .btn-style {
  display: inline-block;
  background-color: #e30c1e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  width: 160px;
  border: 1px solid #e30c1e;
}
.settlement .btn-contain .btn-style:active,
.settlement .btn-contain .btn-style:hover {
  background-color: #b70c1b;
}
.settlement .btn-contain .btn-report {
  display: inline-block;
  color: #e30c1e;
  border: 1px solid #e30c1e;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  width: 160px;
  height: 60px;
  line-height: 60px;
  position: relative;
  margin-right: -4px;
}
.settlement .btn-contain .btn-report .btn-report-hover {
  display: none;
  position: absolute;
  left: -2px;
  top: -88px;
  width: 160px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border: 1px solid #E1E1E1;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  letter-spacing: 1px;
  flex-direction: column;
}
.settlement .btn-contain .btn-report .btn-report-hover > span {
  padding: 10px 0;
}
.settlement .btn-contain .btn-report .btn-report-hover > span:first-child {
  border-bottom: 1px solid #f1f1f1;
}
.settlement .btn-contain .btn-report:hover .btn-report-hover {
  display: flex;
}

.cart {
  min-height: calc(100vh - 356px);
}

.promotionCard {
  width: 282px;
  height: 384px;
  box-sizing: border-box;
  float: left;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 8px;
  background: url('https://file.gongbangbang.com/20221018094446c2bc353bee9f4cbeb58a4d6ee5f369d9.png') no-repeat center center;
  background-size: 100% 100%;
}
.promotionCard .skuImgBox {
  width: 282px;
  height: 195px;
  padding-top: 24px;
  text-align: center;
  padding-top: 20px;
  position: relative;
}
.promotionCard .skuImgBox .skuImgImage {
  width: 150px;
  margin: 0 auto;
}
.promotionCard .skuImgBox .skuImgIcon {
  position: absolute;
  top: 30px;
  right: 30px;
}
.promotionCard .skuBase {
  padding-top: 20px;
}
.promotionCard .skuBase .skuTopRow {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #fff;
  padding-top: 12px;
  padding-left: 10px;
}
.promotionCard .skuBase .skuTopRow .skuTopRowLeft {
  color: #fff;
  font-size: 14px;
}
.promotionCard .skuBase .skuTopRow .skuTopRowRight {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #e92414;
  margin-right: 10px;
}
.promotionCard .skuBase .skuMidpRow {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.promotionCard .skuBase .skuMidpRow .promotionPrice {
  color: #ffefcf;
  font-size: 20px;
  font-weight: 400;
}
.promotionCard .skuBase .skuMidpRow .materialNo {
  color: #fff;
  white-space: nowrap;
}
.promotionCard .skuBase .skuBtmRow {
  padding: 10px 16px 0 16px;
}
.promotionCard .skuBase .skuBtmRow .skuName {
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.promotionCard .skuBase .skuBtmRow .skuNameBrand {
  color: #e92414;
  margin-right: 5px;
}
.promotionCard .skuBase .skuPriceRow {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.promotionCard .skuBase .skuPriceRow .exactPrice {
  color: #e6251c;
  margin-right: 10px;
}
.promotionCard .skuBase .skuPriceRow .sybSellingScribePrice {
  text-decoration: line-through;
}
.promotionCard .skuBase .skuPriceRow .promotionIconImg {
  width: 80px;
}

.doubleEleven {
  background-color: #DE3312;
  margin-top: -15px;
}
.doubleEleven .activityHeader {
  width: 100%;
}
.doubleEleven .activityModule {
  background-image: url('https://file.gongbangbang.com/202210201418560a999bbca4e94cc9b75636ddc831c920.png');
  background-size: 100%;
  width: 1200px;
  margin: 0 auto;
  min-height: 1000px;
  position: relative;
  top: -270px;
  padding: 20px;
  padding-top: 170px;
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.doubleEleven .activityModuleHeader {
  width: 1160px;
  overflow-y: hidden;
  height: 85px;
}
.doubleEleven .activityModuleHeader .activityModuleTabBox {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  height: 260px;
}
.doubleEleven .activityModuleHeader .tabItem {
  min-width: 184px;
  height: 83px;
  background: url('https://file.gongbangbang.com/202210180822189263eee6707e4c7986da88971f78124a.png') no-repeat center center;
  background-size: 100% 100%;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  flex-shrink: 0;
}
.doubleEleven .activityModuleHeader .tabItem.active {
  background-image: url('https://file.gongbangbang.com/202210180823366cd4256b217b4984aee1e3de3a6c8868.png');
}
.doubleEleven .activityModuleHeader .tabItem.active .tabItemTime {
  color: #DE3312;
}
.doubleEleven .activityModuleHeader .tabItem .tabItemTime {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.doubleEleven .activityModuleHeader .tabItem .tabItemTitle {
  padding: 10px 20px;
  min-width: 145px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: url('https://file.gongbangbang.com/20221018084716d330c204caac4266a136dafcf8cc750d.png') no-repeat center center;
}
.doubleEleven .activityModuleContent {
  min-height: 500px;
  padding: 0 0 13px 0;
}
.doubleEleven .activityModuleContent .activityModuleContentTitle {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  padding: 10px 0;
}
.doubleEleven .activityModuleContent .activityModuleContentList {
  display: flex;
  flex-flow: row wrap;
}
.activityModuleVenue {
  margin-top: 20px;
  width: 1200px;
  margin: 0 auto;
  min-height: 1000px;
  position: relative;
  top: -270px;
  padding: 20px 0;
  padding-top: 20px;
  box-sizing: border-box;
}
.activityModuleVenue .activityModuleVenueTitle .activityModuleVenueTitleImg {
  width: 100%;
}
.activityModuleVenue .activityModuleVenueList {
  background: linear-gradient(0deg, #fa6a32 0%, #fe9d2c 100%);
  padding: 0 10PX;
  padding-bottom: 20PX;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
}
.activityModuleVenue .activityModuleVenueList .venueItem {
  cursor: pointer;
}

.hotIndustry {
  background-color: #FFF;
}
.hotIndustry .wrap {
  padding-bottom: 40px;
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
}
.hotIndustry .wrap .activeBanner {
  text-align: center;
  overflow: hidden;
}
.hotIndustry .wrap .activeBanner .elementCenter {
  width: 100%;
}
.hotIndustry .wrap .titleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.hotIndustry .wrap .titleBox {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 5px 0 16px;
  margin: 15px 0;
}
.hotIndustry .wrap .titleBox .tag {
  position: absolute;
  left: 0;
  top: 3px;
  width: 4px;
  height: 22px;
  display: inline-block;
}
.hotIndustry .wrap .titleBox .title {
  font-size: 22px;
  font-weight: 700;
}
.hotIndustry .wrap .hotBrand .brandList {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  height: 190px;
  transition: all ease 0.3s;
}
.hotIndustry .wrap .hotBrand .brandList .brand {
  cursor: pointer;
  width: 13%;
  margin-right: 1.5%;
  text-align: center;
  margin-bottom: 15px;
}
.hotIndustry .wrap .hotBrand .brandList .brand:nth-child(7) {
  margin-right: 0;
}
.hotIndustry .wrap .hotBrand .brandList .brand img {
  width: 100%;
  height: 58px;
}
.hotIndustry .wrap .recommend .hotLine {
  display: flex;
}
.hotIndustry .wrap .recommend .left {
  flex: 0 0 225px;
  border: 1px solid #E0E0E0;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  height: 460px;
  margin-right: 5px;
}
.hotIndustry .wrap .recommend .left .line {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #666666;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hotIndustry .wrap .recommend .right {
  display: flex;
  flex-wrap: wrap;
  width: calc(922px);
  width: 922px;
  flex: 0 0  922px;
  min-height: 460px;
}
.hotIndustry .wrap .recommend .right .empty {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  border: 1px solid #E0E0E0;
}
.hotIndustry .wrap .recommend .right .skuBox {
  width: 218px !important;
}

.skuCard {
  width: 220px;
  margin-right: 12px;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}
.skuCard:hover {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.skuCard .skuImgBox {
  display: block;
  text-align: center;
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.skuCard .skuImgBox .skuImg {
  width: 157px;
  height: 157px;
}
.skuCard .skuTitle {
  font-weight: bold;
  font-size: 12px;
  min-height: 32px;
  line-height: 16px;
}
.skuCard .skuTitle em {
  font-style: normal;
  color: #e50012;
}
.skuCard .skuPrice {
  color: #e50012;
  font-size: 16px;
  font-weight: bold;
}
.skuCard .skuBase:hover {
  color: #333;
}
.skuCard .skuDesRow {
  font-size: 12px;
  margin-top: 4px;
  line-height: 16px;
}
.skuCard .skuDesRow .skuDescLabel {
  font-weight: 400;
  color: #666666;
}
.skuCard .skuBottom {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.skuCard .skuBottom .collection {
  height: 30px;
  width: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
.skuCard .skuBottom .addCart {
  color: #fff;
  width: 100%;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}

.itemNav {
  font-size: 14px;
  color: #999;
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.itemNav > a {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #999;
}
.itemNav > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  line-height: 30px;
}
.item-empty {
  display: flex;
  justify-content: center;
  padding-top: 60px;
}
.item-empty img {
  width: 200px;
  height: 200px;
  margin-right: 22px;
}
.item-empty p {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.item-empty p > div {
  margin-bottom: 15px;
}
.item-empty button {
  width: 80px;
  margin-top: 10px;
}

.shopcart-input {
  width: 120px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #CCCCCC;
  padding: 2px;
  display: flex;
  justify-content: space-between;
}
.shopcart-input .shopcart-input-amount {
  height: 24px;
  line-height: 22px;
  box-sizing: border-box;
  width: 60px;
  border: none;
  outline: none;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.shopcart-input .shopcart-input-btn {
  height: 24px;
  width: 24px;
  cursor: pointer;
  text-align: center;
  background-color: #F4F4F4;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopcart-input .shopcart-input-btn:active {
  opacity: 0.6;
}
.shopcart-input .shopcart-input-btn:hover {
  opacity: 0.8;
}

.item-info {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  margin-bottom: 40px;
}
.item-info .desc-carousel {
  width: 350px;
  background: #FFFFFF;
  z-index: 1;
}
.item-info .desc-carousel .img-zoom {
  width: 350px;
  height: 350px;
  border: 1px solid #ececec;
  position: relative;
}
.item-info .desc-carousel .videoPlayIcon {
  position: absolute;
  width: 56px;
  height: 56px;
  left: 147px;
  top: 147px;
  z-index: 999;
  cursor: pointer;
}
.item-info .desc-carousel .videoInfo {
  position: absolute;
  z-index: 999;
  width: 350px;
  height: 350px;
  background-color: #000;
}
.item-info .desc-carousel .videoInfo .iconClose {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.item-info .desc-carousel .videoInfo #goodsVideo {
  width: 350px;
  height: 350px;
}
.item-info .img-gallery-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 350px;
  margin-top: 10px;
}
.item-info .img-gallery-wrap .iconfont {
  width: 22px;
  height: 22px;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
  font-size: 22px;
  color: #ccc;
}
.item-info .img-gallery-wrap .iconfont:hover {
  color: #000;
}
.item-info .img-gallery-wrap .container {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  overflow: hidden;
}
.item-info .img-gallery-wrap .img-gallery-list {
  display: flex;
  overflow: hidden;
  align-items: center;
  transition: all ease 0.3s;
}
.item-info .img-gallery-wrap .img--wrap {
  width: 60px;
  height: 60px;
  padding: 2px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-info .img-gallery-wrap .img--wrap:last-child {
  margin-right: 0;
}
.item-info .img-gallery-wrap .img--wrap img {
  width: 54px;
  height: 54px;
  cursor: pointer;
}
.item-info .desc-content {
  width: 762px;
  margin-left: 20px;
  margin-right: 17px;
  display: flex;
  flex-flow: column nowrap;
}
.item-info .desc-content-title {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 26px;
  display: flex;
  align-items: start;
}
.item-info .desc-content-title .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  flex: 1;
  -webkit-box-orient: vertical;
}
.item-info .desc-content .title-tag {
  width: 50px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  background: #FF2133;
  border-radius: 2px;
  font-size: 12px;
  margin-right: 10px;
}
.item-info .desc-content h1 {
  font-weight: 700;
  font-size: 21px;
  margin: 0;
}
.item-info .desc-content .desc-info {
  font-size: 14px;
  padding-left: 16px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.item-info .desc-content .desc-info .desc-item {
  width: 30%;
  margin-top: 16px;
}
.item-info .desc-content .gray-span {
  display: inline-block;
  min-width: 56px;
  height: 20px;
  line-height: 20px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  text-align-last: justify;
}
.item-info .desc-content .detail-info {
  background-color: #FBFBFB;
  margin-top: 16px;
  padding: 16px;
}
.item-info .desc-content .detail-info .address-wrap {
  padding: 0 10px;
  height: 28px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-info .desc-content .deliveryIcon {
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 12px;
  padding-right: 5px;
}
.item-info .desc-content .deliveryIcon .deliveryIconLeft {
  color: #fff;
  display: inline-block;
  vertical-align: text-bottom;
  padding: 0 2px;
  margin-right: 3px;
}
.item-info .desc-content .tag {
  background: #fff;
  padding: 0px 5px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  font-size: 12px;
  color: #fff;
  word-break: keep-all;
  width: 50px;
  text-align: center;
}
.item-info .desc-content .tag_deliveryDate2 {
  border: 1px solid #3D89E0;
  color: #3D89E0;
}
.item-info .desc-content .desc-freight-rule {
  height: 21px;
  margin-top: 12px;
  font-size: 8px;
  color: #999;
}
.item-info .desc-content .desc-freight-rule .desc-freight-rule-row {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.item-info .desc-content .desc-freight-rule .desc-freight-rule-row .desc-freight-rule-Label {
  border: 1px solid #FF2133;
  color: #FF2133;
  display: inline-block;
  margin-right: 10px;
}
.item-info .desc-content .desc-freight-rule .freight-tips {
  width: 18px;
  cursor: pointer;
  margin-left: 10px;
  vertical-align: middle;
}
.item-info .desc-content .desc-price {
  background-color: #f8f8f8;
  padding: 12px 20px;
  margin-top: 10px;
}
.item-info .desc-content .desc-price .desc-sales-promotion {
  display: flex;
}
.item-info .desc-content .desc-price .sales-promotion-tag-item {
  width: 60px;
  border-radius: 2px;
  border: 1px solid #FFA300;
  font-size: 12px;
  color: #FFA300;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  position: relative;
  margin-left: 5px;
}
.item-info .desc-content .desc-price .desc-scribe-price {
  text-decoration: line-through;
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  bottom: -2px;
}
.item-info .desc-content .desc-price-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
}
.item-info .desc-content .desc-price-flex i {
  display: inline-block;
  width: 100%;
}
.item-info .desc-content .desc-price-label {
  width: 56px;
  margin-right: 20px;
  font-size: 14px;
  color: #999999;
  text-align-last: justify;
}
.item-info .desc-content .desc-price-amount {
  font-size: 24px;
  color: #FF2133;
  font-weight: bold;
}
.item-info .desc-content .desc-price-text {
  font-size: 20px;
  color: #FF2133;
  font-weight: 700;
  cursor: pointer;
}
.item-info .desc-content .desc-price-untax {
  font-size: 14px;
  color: #e50012;
  font-weight: bold;
  margin-left: 6px;
}
.item-info .desc-content .desc-price .desc-amount {
  font-size: 18px;
  color: #e50012;
  font-weight: bold;
}
.item-info .desc-content .desc-price .desc-untaxed-label {
  width: 56px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  text-align-last: justify;
}
.item-info .desc-content .desc-price .desc-untaxed-amount {
  font-size: 14px;
  color: #222;
}
.item-info .desc-content .desc-price .desc-qty-label {
  width: 56px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  text-align-last: justify;
}
.item-info .desc-content .desc-price .desc-qty-amount {
  font-size: 14px;
  color: #222;
}
.item-info .desc-content .buy {
  padding-top: 16px;
  margin-left: 16px;
  display: flex;
  align-items: center;
}
.item-info .desc-content .buy .buy-notlogin-btn {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: none;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 16px;
  background-color: #e30c1e;
  color: #fff;
}
.item-info .desc-content .buy .buy-row {
  height: 40px;
  margin-bottom: 10px;
}
.item-info .desc-content .buy .buy-row .submit-order {
  height: 40px;
  font-size: 16px;
  background: white;
  margin-left: 20px;
}
.item-info .desc-content .buy button {
  width: 160px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  outline: 0;
  color: #333;
  cursor: pointer;
}
.item-info .desc-content .buy .shopcart-btn {
  height: 40px;
  font-size: 16px;
  margin-left: 20px;
  color: #fff;
}
.item-info .desc-content .buy .shopcart-btn.arealimit {
  opacity: 0.5;
  cursor: not-allowed;
}
.item-info .desc-content .buy .submit-order {
  height: 40px;
  font-size: 16px;
  background: #fff;
  margin-left: 20px;
}
.item-info .desc-content .buy .submit-order.arealimit {
  cursor: not-allowed;
  opacity: 0.5;
}
.item-info .desc-content .buy .favorite {
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  color: #ddd;
  text-align: center;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  width: 50px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item-info .desc-content .buy .favorite .iconfont {
  line-height: 12px;
}
.item-info .desc-content .buy .favorite .description {
  font-size: 12px;
  line-height: 12px;
  margin-top: 6px;
}

.item-detail {
  z-index: 1;
  margin: 0 0 20px;
  background: #fff;
  clear: both;
}
.item-detail .item-brand {
  height: 240px;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
}
.item-detail .item-brand:hover .tool {
  display: block;
}
.item-detail .item-brand .brandTitle {
  height: 40px;
  line-height: 40px;
  background: #F8F8F8;
  font-weight: 400;
  color: #333333;
  font-size: 14px;
  padding-left: 20px;
}
.item-detail .item-brand .brandBox {
  width: 2000px;
  height: 200px;
  position: relative;
  left: 0;
}
.item-detail .item-brand .brandBox .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 169px;
  height: 200px;
  padding: 10px 0 0 35px;
  cursor: pointer;
  text-align: center;
}
.item-detail .item-brand .brandBox .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.item-detail .item-brand .brandBox .item a img {
  width: 110px;
  height: 110px;
}
.item-detail .item-brand .brandBox .item a .desc {
  height: 40px;
  line-height: 20px;
  font-weight: 400;
  color: #333333;
  font-size: 14px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
}
.item-detail .item-brand .brandBox .item a .item-price {
  height: 22px;
  font-size: 14px;
  font-weight: 600;
  color: #FF2133;
  line-height: 22px;
  text-align: left;
}
.item-detail .item-brand .tool {
  display: block;
  position: absolute;
  top: 80px;
  width: 20px;
  line-height: 40px;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.item-detail .item-brand .tool.left {
  left: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.item-detail .item-brand .tool.right {
  right: 0;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.item-detail .item-brand .tool.disabled {
  opacity: .1;
  outline: 0;
  cursor: default!important;
  opacity: .4;
  filer: alpha(opacity=40);
  -ms-pointer-events: none;
  pointer-events: none;
}
.item-detail .item-brand .tool .glyphicon {
  width: 22px;
  font-size: 22px;
}
.item-detail .item-brand > div {
  height: 200px;
  overflow: hidden;
  position: relative;
}
.item-detail .item-brand > div:hover .tool {
  display: block;
}
.item-detail .detail-sider {
  float: left;
  width: 270px;
}
.item-detail .detail-sider .props-content .prop-empty {
  line-height: 30px;
  padding: 10px;
  font-weight: 700;
  font-size: 12px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.item-detail .detail-sider .props-content .prop-title {
  height: 41px;
  line-height: 41px;
  padding: 0 10px;
  font-weight: 700;
  font-size: 12px;
  color: #333;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item-detail .detail-sider .props-content .prop-content {
  padding: 10px;
  background-color: #f8f8f8;
  font-size: 0;
  color: #666;
}
.item-detail .detail-sider .props-content .ant-checkbox-group {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.item-detail .detail-sider .props-content .ant-checkbox-wrapper {
  width: 50%;
  white-space: nowrap;
  margin-left: 0px!important;
  display: flex;
  align-items: flex-start;
}
.item-detail .detail-sider .props-content .prop-item {
  display: inline-block;
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 0px!important;
}
.item-detail .detail-sider-item {
  border: 1px solid #e2e2e2;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.item-detail .detail-sider-item .title {
  height: 41px;
  line-height: 41px;
  padding: 0 20px;
  font-weight: 700;
  font-size: 14px;
  color: #707070;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ececec;
}
.item-detail .detail-sider-item .title .clear-filter {
  cursor: pointer;
  margin-top: 8px;
  font-size: 12px;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 3px;
}
.item-detail .detail-sider-item .product-sider-item {
  height: 90px;
  width: 100%;
  padding: 10px 20px 0;
}
.item-detail .detail-sider-item .product-sider-item a {
  display: flex;
  height: 80px;
  width: 100%;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.item-detail .detail-sider-item .product-sider-item a img {
  width: 80px;
  height: 80px;
}
.item-detail .detail-sider-item .product-sider-item-content {
  flex: 1;
  height: 80px;
  padding-left: 10px;
  padding-top: 10px;
}
.item-detail .detail-sider-item .product-sider-item .product-desc {
  min-height: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}
.item-detail .detail-sider-item .product-sider-item .product-price {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #FF2133;
  line-height: 20px;
}
.item-detail .detail-content {
  margin-left: 286px;
  font-size: 12px;
}
.item-detail .detail-content .item_tab_box {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.item-detail .detail-content .item_tab_box .item_tabs_header {
  background-color: #F8F8F8;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.item-detail .detail-content .item_tab_box .item_tabs_module {
  padding: 20px;
}
.item-detail .detail-content .item_tab_box .content-table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.item-detail .detail-content .item_tab_box .content-table a {
  display: block;
}
.item-detail .detail-content .item_tab_box .content-table thead {
  font-size: 14px;
  color: #707070;
  background-color: #F8F8F8;
}
.item-detail .detail-content .item_tab_box .content-table thead th {
  padding: 16px;
  vertical-align: bottom;
  border: none;
  text-align: left;
  box-sizing: border-box;
}
.item-detail .detail-content .item_tab_box .content-table thead th.taxPrice {
  text-align: center;
}
.item-detail .detail-content .para {
  border-bottom: 1px dashed #e2e2e2;
}
.item-detail .detail-content .para .brand {
  margin-bottom: 15px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
.item-detail .detail-content .para .brand span {
  display: inline-block;
  min-width: 56px;
  margin-right: 20px;
  text-align-last: justify;
  font-weight: 400;
  color: #999999;
}
.item-detail .detail-content .para .brand img {
  width: 100%;
}
.item-detail .detail-content .para .speclist {
  font-size: 0;
}
.item-detail .detail-content .para .speclist .spec {
  font-size: 12px;
  width: 33%;
  margin-bottom: 15px;
  line-height: 1.2;
  display: inline-block;
  vertical-align: text-top;
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.item-detail .detail-content .para .speclist .spec > span:first-child {
  color: #999999;
  font-weight: 400;
}
.item-detail .detail-content .para .speclist .spec.wMax {
  display: flex;
}
.item-detail .detail-content .para .speclist .spec.wMax pre {
  margin: 0;
}
.item-detail .detail-content .comments {
  padding-top: 20px;
}
.item-detail .detail-content .comments p {
  margin: 0 0 5px;
}
.item-detail .detail-content .comments .ge5 {
  color: #e50012;
}
.item-detail .detail-content .imgs {
  text-align: center;
}
.item-detail .detail-content .imgs img {
  max-width: 865px;
  margin-top: 15px;
}
.item-detail .detail-content #tabs-spec {
  padding: 20px 0;
  font-size: 0;
}
.item-detail .detail-content #tabs-spec .spec-row {
  box-sizing: border-box;
  height: 43px;
}
.item-detail .detail-content #tabs-spec .spec-row:first-child .spec-key {
  border-top: 1px solid #e2e2e2;
}
.item-detail .detail-content #tabs-spec .spec-row:first-child .spec-value {
  border-top: 1px solid #e2e2e2;
}
.item-detail .detail-content #tabs-spec .spec-row .spec-key {
  font-size: 12px;
  width: 33%;
  float: left;
  text-align: center;
  border-left: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  height: 42px;
  line-height: 42px;
  background-color: #f1f1f1;
}
.item-detail .detail-content #tabs-spec .spec-row .spec-value {
  font-size: 12px;
  width: 66%;
  float: left;
  border-left: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  height: 42px;
  line-height: 42px;
  background-color: #f1f1f1;
}
.item-detail .detail-content #tabs-spec .spec-row .spec-value span {
  padding-left: 10px;
}
.item-detail .detail-content #item_files {
  margin-top: 16px;
  border: 1px solid #ddd;
}
.item-detail .detail-content #item_files .icon-pdf {
  font-size: 20px;
}
.item-detail .detail-content #item_files .item_files_header {
  background: #f1f1f1;
  font-weight: bold;
  font-size: 16px;
  line-height: 36px;
  padding: 0 16px;
  color: #666;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.item-detail .detail-content #item_files .item_files_List .item_files_data {
  padding: 16px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.item-detail .detail-content #item_files .item_files_List .item_files_data:last-child {
  border-bottom: none;
}
.item-detail .detail-content #item_files .item_files_List .item_files_data:hover {
  opacity: 0.7;
}
.item-detail #item_files {
  margin-top: 16px;
  border: 1px solid #ddd;
}
.item-detail #item_files .icon-pdf {
  font-size: 20px;
}
.item-detail #item_files .item_files_header {
  background: #F8F8F8;
  font-weight: bold;
  font-size: 16px;
  line-height: 36px;
  padding: 0 16px;
  color: #666;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.item-detail #item_files .item_files_List .item_files_data {
  font-size: 16px;
  padding: 16px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.item-detail #item_files .item_files_List .item_files_data:last-child {
  border-bottom: none;
}
.item-detail #item_files .item_files_List .item_files_data:hover {
  opacity: 0.7;
}

.list-result-table-body tr {
  border-bottom: 1px solid #f1f1f1;
}
.list-result-table-body td {
  border: none!important;
}
.list-result-table-body .skuDescLabel {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
}
.list-result-table-body .skuDescText {
  font-size: 14px;
  font-weight: 600;
}
.list-result-table-body .pagination-table-img {
  text-align: center;
}
.list-result-table-body .pagination-table-img img {
  width: 80px;
  height: 80px;
}
.list-result-table-body .skuBase:hover {
  color: #333;
}
.list-result-table-body .pagination-table-product {
  display: block;
}
.list-result-table-body .pagination-table-title {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.list-result-table-body .pagination-table-title em {
  font-style: normal;
  color: #e50012;
  padding: 0 4px;
}
.list-result-table-body .pagination-table-title .brand {
  display: inline-block;
  color: #E30C1E;
  margin-right: 4px;
}
.list-result-table-body .pagination-table-row {
  font-size: 12px;
  color: #777;
  display: block;
}
.list-result-table-body .pagination-table-price {
  text-align: right;
  color: #e30c1e;
  white-space: nowrap;
  font-weight: bold;
}
.list-result-table-body .pagination-table-addcart {
  text-align: left;
  width: 100px;
  margin: 0 auto;
}
.list-result-table-body .pagination-table-addcart .cart-module-entry {
  width: 100px;
  border: 1px solid #E0E0E0;
  height: 22px;
  margin-bottom: 5px;
  padding: 0;
}
.list-result-table-body .pagination-table-addcart .cart-module-entry .shopcart-input-amount {
  width: 60%;
  border: none;
  box-sizing: border-box;
  text-align: center;
  height: 20px;
  vertical-align: top;
  padding: 2px 0;
  outline: none;
  font-size: 14px;
}
.list-result-table-body .pagination-table-addcart .cart-module-entry .shopcart-input-btn {
  width: 19.5px;
  height: 20px;
  line-height: 17px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  background-color: #F4F4F4;
  vertical-align: top;
  cursor: pointer;
}
.list-result-table-body .pagination-table-addcart .cart-module-entry .shopcart-input-btn:active {
  opacity: 0.6;
}
.list-result-table-body .pagination-table-addcart .cart-module-entry .shopcart-input-btn:hover {
  opacity: 0.8;
}
.list-result-table-body .pagination-table-addcart .pagination-table-addcart-info {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 16px;
  color: #707070;
}
.list-result-table-body .pagination-table-addcart .pagination-table-addcart-btn {
  width: 100px;
  height: 28px;
  font-size: 14px;
  box-sizing: border-box;
  text-align: center;
  line-height: 26px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 4px;
}
.list-result-table-body .pagination-table-addcart .pagination-table-addcart-btn:active {
  opacity: 0.6;
}
.list-result-table-body .pagination-table-addcart .pagination-table-addcart-btn:hover {
  opacity: 0.8;
}

.list-sort {
  margin-bottom: 15px;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  color: #666;
  background-color: #f1f1f1;
}
.list-sort .sort-instock {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  vertical-align: top;
  padding: 0 15px;
}
.list-sort .sort-item {
  display: inline-block;
  width: 78px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  vertical-align: top;
  position: relative;
}
.list-sort .sort-item .iconfont {
  font-size: 12px;
}
.list-sort .sort-item .priceSort {
  position: absolute;
  right: 0;
  top: 8px;
  display: inline;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  transform: scale(0.5);
}
.list-sort .prop-item {
  font-size: 12px;
  color: #666;
}
.list-sort .sort-active {
  color: #fff;
}
.list-sort .sort-price {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}
.list-sort .sort-price input {
  width: 64px;
  height: 24px;
  border: 1px solid #e2e2e2;
  padding: 0 5px;
  outline: none;
}
.list-sort .sort-price input::-webkit-input-placeholder {
  color: #999;
}
.list-sort .sort-price input:-moz-placeholder {
  color: #999;
}
.list-sort .sort-price input:-ms-input-placeholder {
  color: #999;
}
.list-sort .sort-price button {
  margin: -3px 0 0 10px;
  padding: 2px 11px;
  outline: none;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #e2e2e2;
  color: #333;
  cursor: pointer;
}
.list-sort .sort-price .price-split {
  display: inline-block;
  width: 7px;
  border-top: 1px solid #666;
  height: 1px;
  margin: 0 6px;
  vertical-align: middle;
}
.list-sort .sort-type {
  display: inline-block;
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
}
.list-sort .sort-type-item {
  cursor: pointer;
}
.list-sort .sort-type-item span {
  vertical-align: middle;
}
.list-sort .sort-type-item2 {
  margin-left: 15px;
}
.list-sort .sort-type i {
  vertical-align: middle;
}
.list-sort .sort-total {
  display: inline-block;
  width: 78px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  vertical-align: top;
}
.list-sort .sort-total-num {
  font-weight: bold;
}

.industryFilterTop {
  width: 1152px;
  margin: 0px auto;
  min-width: 1152px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  margin-bottom: 10px;
}
.industryFilterTop .breadCrumbs {
  display: flex;
  flex-flow: row wrap;
  width: 75%;
}
.industryFilterTop .breadCrumbs .breadCreabsLabel {
  margin-right: 10px;
  display: inline-flex;
  margin-top: 5px;
}
.industryFilterTop .breadCrumbs .filterTextList {
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  flex: 1;
}
.industryFilterTop .breadCrumbs .condition {
  padding: 0 10px;
  border-radius: 3px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid transparent;
}
.industryFilterTop .breadCrumbs .clearFilter {
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  color: #999;
  padding: 0 10px;
  margin-bottom: 5px;
}
.industryFilterTop .filterSearch {
  width: 240px;
}
.main-bg {
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
  display: flex;
}
.main-bg .list-left {
  flex: 0 0 225px;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  font-size: 14px;
  overflow-x: hidden;
}
.main-bg .list-left .scene-title {
  background-color: #eee;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-bottom: none;
}
.main-bg .list-left .scene-content {
  color: #666666;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  border-top: none;
}
.main-bg .list-left .scene-content .list-industry {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 10px 10px 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-bg .list-left .scene-content .list-industry .iconfont {
  display: none;
}
.main-bg .list-left .scene-content .list-scene-active {
  color: #fff;
}
.main-bg .list-left .scene-content .list-scene-active .iconfont {
  display: block;
}
.main-bg .list-category-process {
  display: flex;
  justify-content: space-around;
  width: calc(917px);
}
.main-bg .list-category-process .iconfont {
  width: 16px;
  height: 22px;
  line-height: 24px;
  z-index: 1;
  top: 45px;
  cursor: pointer;
  font-size: 18px;
}
.main-bg .list-category-process .iconfont:hover {
  background: rgba(103, 103, 103, 0.39);
  color: #fff;
}
.main-bg .list-category-process .list-industry-procedure {
  display: flex;
  width: calc(877px);
  overflow: hidden;
  align-items: center;
}
.main-bg .list-category-process .marginLeftZero {
  margin-left: 0;
}
.main-bg .list-category-process .setMarginLeft {
  margin-left: -110px;
}
.main-bg .list-category-process .procedure {
  transition: all ease 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 14px;
  padding-top: 10px;
  cursor: pointer;
  width: 100px;
  border: 1px solid #fff;
}
.main-bg .list-category-process .procedure .procedure-img {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.main-bg .list-category-process .procedure .procedure-text {
  width: 100px;
  text-align: center;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #666;
  height: 24px;
  line-height: 24px;
}
.main-bg .filter {
  margin-bottom: 15px;
}
.main-bg .filter .filterContent {
  border: 1px solid #e2e2e2;
  font-size: 12px;
}
.main-bg .filter .filterContent .filterRow {
  min-height: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.main-bg .filter .filterContent .filterRow:first-child {
  border-bottom: 1px solid #e2e2e2;
}
.main-bg .filter .filterContent .filterRow .filterLabel {
  width: 100px;
  height: 100%;
  line-height: 40px;
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
  font-weight: bold;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
}
.main-bg .filter .filterContent .filterRow .filterCheckbox {
  margin-bottom: 5px;
  margin-right: 10px;
  display: inline-block;
}
.main-bg .filter .filterContent .filterRow .filterCheckbox .ant-checkbox-wrapper {
  font-size: 12px!important;
}
.main-bg .filter .filterContent .filterRow .filterList {
  display: flex;
  padding: 10px  10px 10px 0;
  overflow: hidden;
  margin-left: 120px;
  justify-content: space-between;
  transition: all ease 0.3s;
  flex: 1;
  min-height: 40px;
}
.main-bg .filter .filterContent .filterRow .filterList .filterItem {
  margin-right: 20px;
  padding: 0 5px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  display: inline-block;
}
.main-bg .filter .filterContent .filterRow .filterList .leftContent {
  width: 80%;
}
.main-bg .filter .filterContent .filterRow .filterList .toggle {
  border: 1px solid #e2e2e2;
  height: 24px;
  line-height: 23px;
  padding: 0px 8px;
}
.main-bg .list {
  display: flex;
  flex-flow: row wrap;
}
.main-bg .list .skuCard:nth-child(4n) {
  margin-right: 0;
}
.main-bg .list table .table-allcart {
  width: 100px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}
.main-bg .list table .table-allcart:active {
  opacity: 0.6;
}
.main-bg .list table .table-allcart:hover {
  opacity: 0.8;
}

.content-table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.content-table a {
  display: block;
}
.content-table thead {
  font-size: 14px;
  color: #707070;
  background-color: #F8F8F8;
}
.content-table thead th {
  padding: 16px;
  vertical-align: bottom;
  border: none;
  text-align: left;
  box-sizing: border-box;
}
.content-table thead th.taxPrice {
  text-align: center;
}

.bbyx-wrap {
  padding-bottom: 40px;
  background-color: #FFBA9E;
  margin-bottom: -20px;
}
.bbyx-wrap .activeBanner {
  text-align: center;
  overflow: hidden;
  background-image: url('https://file.gongbangbang.com/20221027163008db67c662315d480ab1f49f2e721bdb4f.jpg');
  height: 560px;
  background-position: top;
  background-repeat: no-repeat;
}
.bbyx-wrap .searchWrap {
  position: absolute;
  top: -160px;
  height: 120px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px 0px rgba(172, 75, 56, 0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bbyx-wrap .searchInput {
  width: 1000px;
  height: 68px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 2px solid #EE292A;
}
.bbyx-wrap .searchInput .ant-input-wrapper input {
  border: none;
  height: 64px;
  padding: 14px 0 14px 64px;
  font-size: 18px;
}
.bbyx-wrap .searchInput .ant-input-group-addon button {
  width: 160px;
  height: 64px;
  font-size: 24px;
  background-color: #EE292A!important;
  border: none;
  position: relative;
  right: -1px;
}
.bbyx-wrap .searchIcon {
  position: absolute;
  left: 90px;
  z-index: 1;
}
.bbyx-wrap .activeTitle {
  margin: 0px 0 30px;
}
.bbyx-wrap .activeTitle .title {
  font-size: 24px;
  line-height: 25px;
  color: #fff;
}
.bbyx-wrap .activeTitle .title .timeBox {
  margin-left: 20px;
  display: inline;
  line-height: normal;
}
.bbyx-wrap .activeTitle .title .timeBox b {
  font-size: 30px;
  margin: 0 10px;
  padding: 0px 2px;
  background-color: #fff;
  border-radius: 4px;
  color: #FF453A;
  width: 40px;
  display: inline-block;
  text-align: center;
  box-sizing: content-box;
}
.bbyx-wrap .activeList {
  height: 303px;
  padding: 6px;
  margin-bottom: 40px;
  background: #fff;
  border-radius: 8px;
  display: flex;
}
.bbyx-wrap .activeList .skuBox {
  position: relative;
  height: 100%;
  padding-top: 32px;
  display: inline-block;
  margin: 0 7px;
  width: 214px;
  background: #fff;
  color: #fff;
  background: url('https://file.gongbangbang.com/20211214143922f77276cae93845ea8f8194136c2a756b.png') no-repeat center;
  border: none;
}
.bbyx-wrap .activeList .skuBox:hover .skuImgBox img {
  width: 150px;
  height: 150px;
}
.bbyx-wrap .activeList .skuBox .skuImgBox {
  text-align: center;
  margin-bottom: 7px;
  width: 100%;
  height: 150px;
  display: inline-block;
}
.bbyx-wrap .activeList .skuBox .skuImgBox img {
  width: 140px;
  height: 140px;
}
.bbyx-wrap .activeList .skuBox .priceWrap {
  padding: 0 0 0 16px;
}
.bbyx-wrap .activeList .skuBox .priceWrap .priceTitle {
  display: inline-block;
  font-size: 14px;
  width: 55%;
  text-align: left;
}
.bbyx-wrap .activeList .skuBox .priceWrap .price {
  display: inline-block;
  font-size: 20px;
  width: 45%;
  text-align: center;
}
.bbyx-wrap .activeList .skuBox .skuDetails {
  height: 44px;
  line-height: 22px;
  padding: 0 10px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.bbyx-wrap .activeList .skuBox .skuDetails b {
  margin-right: 5px;
  color: #FF3B30;
}
.bbyx-wrap .layer {
  border-radius: 16px;
  margin-bottom: 40px;
  height: 624px;
  padding: 12px;
  background: #EE292A;
}
.bbyx-wrap .layer .layerLeftImg {
  width: 200px;
  height: 600px;
  vertical-align: top;
}
.bbyx-wrap .layer > div {
  display: inline-block;
  width: 928px;
  height: 600px;
}
.bbyx-wrap .layer > div .skuBox {
  padding: 10px 10px 16px!important;
  height: 294px!important;
}
/* -楼层导航 */
.layerNav {
  height: 400px;
  width: 108px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -720px;
  top: 130px;
  z-index: 3;
}
.layerNav .layerNavHeader {
  display: inline-block;
  width: 100%;
}
.layerNav ul {
  background: #EE292A;
  margin-bottom: 0;
  padding: 1px 0!important;
}
.layerNav li {
  width: 88px;
  background: #fff;
  list-style-type: none;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 6px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  left: 10px;
}
.layerNav .toTop {
  width: 100%;
  cursor: pointer;
}
.layerNav li:hover,
.layerNav li.active {
  background-color: #e50012;
  color: #fff;
}

.content {
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
}
.content.goodsStuffList {
  background-color: #fff;
  padding-bottom: 16px;
}
.content .landImg {
  margin-bottom: 20px;
}
.content .filter {
  margin-bottom: 15px;
}
.content .filter .filterTop {
  display: block;
}
.content .filter .filterTop .breadCrumbs {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 12px;
  flex: 1;
}
.content .filter .filterTop .breadCrumbs .breadCreabsLabel {
  margin-right: 10px;
  display: inline-flex;
  font-size: 14px;
  position: relative;
  top: -2px;
  color: #333;
}
.content .filter .filterTop .breadCrumbs .filterTextList {
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  flex: 1;
}
.content .filter .filterTop .breadCrumbs .condition {
  padding: 0 10px;
  border-radius: 3px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid transparent;
  font-weight: bold;
}
.content .filter .filterTop .breadCrumbs .clearFilter {
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  color: #999;
  padding: 0 10px;
}
.content .filter .filterTop .filterSearch {
  width: 240px;
}
.content .filter .filterTop .filterSearch .ant-input-lg {
  font-size: 14px;
}
.content .filter .filterContent {
  border: 1px solid #e2e2e2;
  font-size: 12px;
  margin-top: 16px;
}
.content .filter .filterContent .filterRow {
  min-height: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #e2e2e2;
}
.content .filter .filterContent .filterRow:last-child {
  border: none;
}
.content .filter .filterContent .filterRow .filterLabel {
  width: 100px;
  height: 100%;
  line-height: 40px;
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
  font-weight: bold;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
}
.content .filter .filterContent .filterRow .filterCheckbox {
  margin-bottom: 5px;
  margin-right: 10px;
  display: inline-block;
}
.content .filter .filterContent .filterRow .filterCheckbox .ant-checkbox-wrapper {
  font-size: 12px!important;
}
.content .filter .filterContent .filterRow .filterList {
  display: flex;
  padding: 10px  10px 10px 0;
  overflow: hidden;
  margin-left: 120px;
  justify-content: space-between;
  transition: all ease 0.3s;
  flex: 1;
  min-height: 40px;
}
.content .filter .filterContent .filterRow .filterList .filterItem {
  margin-right: 20px;
  padding: 0 5px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  display: inline-block;
}
.content .filter .filterContent .filterRow .filterList .classify {
  width: 100%;
}
.content .filter .filterContent .filterRow .filterList .classify .filterItem {
  margin-bottom: 5px;
}
.content .filter .filterContent .filterRow .filterList .leftContent {
  width: 80%;
}
.content .filter .filterContent .filterRow .filterList .toggle {
  border: 1px solid #e2e2e2;
  height: 24px;
  line-height: 23px;
  padding: 0px 8px;
}
.content .list {
  display: flex;
  flex-flow: row wrap;
}
.content .list .skuCard:nth-child(5n) {
  margin-right: 0;
}

.lincensePage {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -15px;
  margin-bottom: -20px;
  height: calc(100vh - 347px);
}
.lincensePage img {
  height: 96%;
}
.lincensePage div {
  font-size: 36px;
}

.listFilterTop {
  width: 1152px;
  margin: 0px auto;
  min-width: 1152px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  margin-bottom: 10px;
}
.listFilterTop .breadCrumbs {
  display: flex;
  flex-flow: row wrap;
  width: 75%;
}
.listFilterTop .breadCrumbs .breadCreabsLabel {
  margin-right: 10px;
  display: inline-flex;
  margin-top: 5px;
}
.listFilterTop .breadCrumbs .filterTextList {
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  flex: 1;
}
.listFilterTop .breadCrumbs .condition {
  padding: 0 10px;
  border-radius: 3px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid transparent;
}
.listFilterTop .breadCrumbs .clearFilter {
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  color: #999;
  padding: 0 10px;
  margin-bottom: 5px;
}
.listFilterTop .filterSearch {
  width: 240px;
}
.search-content {
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
  display: block;
}
.search-content .list-result {
  display: flex;
}
.search-content .list-result-empty {
  text-align: center;
  padding-bottom: 20px;
}
.search-content .list-result-empty .emptyImg {
  width: 200px;
}
.search-content .list-right {
  flex: 1;
}
.search-content .list-left {
  flex: 0 0 225px;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  font-size: 14px;
  overflow-x: hidden;
}
.search-content .list-left .list-sider {
  border: 1px solid #e2e2e2;
}
.search-content .list-left .title {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  font-weight: 700;
  font-size: 14px;
  color: #888;
  background-color: #f1f1f1;
  border-bottom: 1px solid #e2e2e2;
}
.search-content .list-left .props-content .prop-empty {
  line-height: 30px;
  padding: 10px;
  font-weight: 700;
  font-size: 12px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.search-content .list-left .props-content .prop-title {
  height: 41px;
  line-height: 41px;
  padding: 0 10px;
  font-weight: 700;
  font-size: 12px;
  color: #333;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-content .list-left .props-content .prop-content {
  padding: 10px;
  background-color: #f8f8f8;
  font-size: 0;
  color: #666;
}
.search-content .list-left .props-content .ant-checkbox-group {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.search-content .list-left .props-content .ant-checkbox-wrapper {
  width: 50%;
  white-space: nowrap;
  margin-left: 0px!important;
  display: flex;
  align-items: flex-start;
}
.search-content .list-left .props-content .prop-item {
  display: inline-block;
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 0px!important;
}
.search-content .list-category {
  border: 1px solid #e2e2e2;
  font-size: 12px;
  margin-bottom: 15px;
}
.search-content .list-category .filterRow {
  min-height: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: #f1f1f1;
}
.search-content .list-category .filterRow:first-child {
  border-bottom: 1px solid #e2e2e2;
}
.search-content .list-category .filterRow .filterLabel {
  width: 100px;
  height: 100%;
  line-height: 40px;
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
  font-weight: bold;
}
.search-content .list-category .filterRow .filterCheckbox {
  margin-bottom: 5px;
  margin-right: 10px;
  display: inline-block;
}
.search-content .list-category .filterRow .filterCheckbox .ant-checkbox-wrapper {
  font-size: 12px!important;
}
.search-content .list-category .filterRow .filterList {
  position: relative;
  display: flex;
  padding: 10px;
  background: #fff;
  justify-content: space-between;
  transition: all ease 0.3s;
  flex: 1;
  min-height: 40px;
}
.search-content .list-category .filterRow .filterList .filterItem {
  display: inline-block;
  position: relative;
  color: #333;
}
.search-content .list-category .filterRow .filterList .threeLevelModule {
  position: absolute;
  width: 1049px;
  padding: 10px;
  background: #fff;
  z-index: 100;
  border: 1px solid #000;
}
.search-content .list-category .filterRow .filterList .filterItem2 {
  margin-right: 20px;
  padding: 0 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.search-content .list-category .filterRow .filterList .filterItem2:hover:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 0;
  content: "";
  border-bottom: 1px solid #fff;
  z-index: 101;
}
.search-content .list-category .filterRow .filterList .filterItem3 {
  display: flex;
}
.search-content .list-category .filterRow .filterList .filterItem3 > div:first-child {
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
}
.search-content .list-category .filterRow .filterList .filterItem4 {
  margin-left: 10px;
  margin-bottom: 10px;
}
.search-content .list-category .filterRow .filterList .toggle {
  border: 1px solid #e2e2e2;
  height: 24px;
  line-height: 23px;
  padding: 0px 8px;
}
.search-content .list {
  display: flex;
  flex-flow: row wrap;
}
.search-content .list .skuCard:nth-child(4n) {
  margin-right: 0;
}
.search-content .list table .table-allcart {
  text-align: right;
  width: 100px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}
.search-content .list table .table-allcart:active {
  opacity: 0.6;
}
.search-content .list table .table-allcart:hover {
  opacity: 0.8;
}

.address {
  background: #fff;
  padding-left: 20px;
  padding-bottom: 10px;
}
.address-header {
  height: 48px;
  line-height: 48px;
  padding-right: 20px;
}
.address-header .title {
  font-size: 16px;
}
.address-header .address-more {
  font-size: 14px;
  color: #666;
}
.address .address-wrapper {
  position: relative;
}
.address .address-wrapper .add-address-btn-row {
  margin-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  color: #1890ff;
  cursor: pointer;
}
.address .address-empty-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.address .address-empty-box #add-address-empty-btn {
  margin-top: 10px;
  background-color: #e50012;
  color: #fff;
  border: 0;
}
.address .address-empty-box .empty-img {
  width: 200px;
}
.address-list {
  width: 100%;
  overflow: hidden;
}
.address-list .address-rowitem {
  padding: 8px 20px;
  box-sizing: border-box;
  border: 1px solid #E8E8E8;
  margin-bottom: 10px;
  margin-right: 20px;
  font-size: 14px;
  color: #333;
}
.address-list .address-rowitem:last-child {
  margin-bottom: 0;
}
.address-list .address-rowitem .address-selectedit {
  color: #1890ff;
  font-size: 14px;
}
.address-list .address-rowitem .setDefault {
  color: #1890ff;
  font-size: 14px;
  margin-left: 10px;
}
.address-list .address-rowitem .address-rowitembox {
  height: 20px;
}
.address-list .address-rowitem.active {
  border-color: #e50012;
  position: relative;
}
.address-list .address-rowitem.active:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border: 10px transparent dashed;
  border-right: 10px solid #FF2133;
  border-bottom: 10px solid #FF2133;
}
.address-list .address-rowitem.active:after {
  position: absolute;
  content: '';
  display: inline-block;
  background: url("https://gbb-resources.oss-cn-hangzhou.aliyuncs.com/202103051057012818b55601b74de9a21114766e3f2195.png") no-repeat center center;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  bottom: -4px;
  right: -2px;
}
.address-list .address-rowitem:hover {
  border: 1px solid #e50012;
}
.address-list .address-item {
  display: inline-block;
  width: 32%;
  height: 160px;
  margin-right: 1%;
  margin-bottom: 17px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
  vertical-align: middle;
  box-sizing: border-box;
  color: #333333;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  float: left;
  position: relative;
}
.address-list .address-item .address-item-contain {
  padding: 16px 20px 0 20px;
}
.address-list .address-item.dn {
  display: none;
}
.address-list .address-item-top {
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #e50012;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 12px;
}
.address-list .address-item .address-info {
  font-size: 14px;
}
.address-list .address-item .address-info > p {
  margin: 0;
  line-height: 22px;
}
.address-list .address-item .address-info .address-info-detail {
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.address-list .address-item .address-operation {
  position: absolute;
  bottom: 13px;
  left: 20px;
  font-size: 12px;
}
.address-list .address-item .address-operation .text_divier {
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
  height: 17px;
  color: #ccc;
}
.address-list .address-item .isdefault {
  color: $ge3;
}
.address-list .address-item:hover {
  background-color: #efefef;
}
.address-list .address-item.active {
  border-color: $ge3;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(227, 12, 30, 0.3);
}
.address-list .address-item.active:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border: 10px transparent dashed;
  border-right: 10px solid #FF2133;
  border-bottom: 10px solid #FF2133;
}
.address-list .address-item.active:after {
  content: '';
  display: inline-block;
  background: url(https://gbb-resources.oss-cn-hangzhou.aliyuncs.com/202103051057012818b55601b74de9a21114766e3f2195.png) no-repeat center center;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: -4px;
  right: -2px;
}
.address-list .add-address-btn {
  display: inline-block;
  width: 32%;
  height: 160px;
  margin-bottom: 17px;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  border: 2px dashed #e0e0e0;
  float: left;
}
.address-list .add-address-btn .add_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 47px;
  border-radius: 50%;
}
.address-list .add-address-btn .add_icon > img {
  width: 100%;
}
.address-list .add-address-btn .add_label {
  font-size: 16px;
  margin-top: 4px;
  color: #333333;
}
.address-more {
  font-size: 12px;
  cursor: pointer;
}

#addAddressModal .intelligentBox {
  position: relative;
}
#addAddressModal .intelligentFooter {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  padding-bottom: 5px;
}
#addAddressModal button {
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 100px;
  margin-left: 5px;
}

.orderPayment {
  background: #fff;
  padding: 0 20px 20px;
}
.orderPayment .title {
  height: 48px;
  line-height: 48px;
  padding-right: 20px;
}
.orderPayment .payTypeIcon {
  width: 25px;
  vertical-align: middle;
  margin-right: 5px;
}
.orderPayment .qrcode {
  width: 200px;
  height: 200px;
}

#addAddressModal .intelligentBox {
  position: relative;
}
#addAddressModal .intelligentFooter {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  padding-bottom: 5px;
}
#addAddressModal button {
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 100px;
  margin-left: 5px;
}

#addAddressModal .intelligentBox {
  position: relative;
}
#addAddressModal .intelligentFooter {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  padding-bottom: 5px;
}
#addAddressModal button {
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 100px;
  margin-left: 5px;
}

.invoice {
  background: #fff;
  padding: 0 20px 20px;
  overflow: hidden;
}
.invoice .title {
  height: 48px;
  line-height: 48px;
  padding-right: 20px;
}
.invoice-item {
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
}
.invoice-item .invoice-label {
  width: 150px;
  text-align: left;
  margin-right: 20px;
  color: #666;
}
.invoice-item .invoice-select {
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #ddd;
  color: #666;
  width: 400px;
  border-radius: 5px;
  appearance: none;
  background: url(https://gbb-resources.oss-cn-hangzhou.aliyuncs.com/2021030….png) no-repeat 376px center transparent;
  position: relative;
  padding-right: 20px;
  background-size: 16px;
  padding-left: 10px;
}
.invoice-item .invoice-more {
  width: 72px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #FF2133;
  margin-left: 10px;
  font-size: 14px;
  color: #FF2133;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  border-radius: 1px;
}
.invoice-item .invoice-more:active {
  color: #ddd;
}

.goods {
  background: #fff;
  padding: 0 20px 20px;
}
.goods-title {
  height: 48px;
  line-height: 48px;
  padding-right: 20px;
}
.goods-title .to-cart {
  font-size: 12px;
  color: #666;
}
.goods .areaLimitText {
  font-size: 14px;
  color: #e50012;
  margin-left: 20px;
}
.goods .goodstable {
  border-collapse: collapse;
  border: 1px solid #ddd;
  width: 100%;
}
.goods .goodstable-header {
  height: 40px;
  line-height: 40px;
  background-color: #efefef;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 10px;
}
.goods .goodstable-body {
  font-size: 12px;
  width: 100%;
}
.goods .goodstable-body tr {
  border-top: 1px solid #ddd;
}
.goods .goodstable-body td {
  vertical-align: middle!important;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
.goods .goodstable-body td .goods-img {
  width: 88px;
  height: 88px;
}
.goods .goodstable-body td .price {
  color: #e30c1e;
  font-weight: bold;
  font-size: 14px;
}

.order {
  box-sizing: border-box;
  margin-bottom: 16px;
}
.order.bottomBtn {
  position: -webkit-sticky;
  position: sticky;
  bottom: -40px;
  z-index: 5;
  padding-bottom: 40px;
}
.order .mb10 {
  margin-bottom: 10px;
}
.order .mr10 {
  margin: 10px;
}
.order .mr5 {
  margin-right: 5px;
}
.order .title {
  font-size: 16px;
  font-weight: bold;
}
.order .remark {
  line-height: 50px;
  background: #fff;
  margin-top: -10px;
  padding-bottom: 10px;
}
.order .remark-label {
  font-size: 14px;
}
.order .remark-input {
  height: 30px;
  line-height: 30px;
  width: 300px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.order-submit {
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: right;
}
.order-submit .submit-btn {
  display: inline-block;
  width: 120px;
  height: 60px;
  background-color: #e30c1e;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.order-submit .submit-btn:active {
  background-color: #9a0915;
}
.order-submit .return-btn {
  display: inline-block;
  width: 120px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #FF2133;
  font-size: 18px;
  color: #FF2133;
  text-align: center;
}
.order-submit .totalLabel {
  font-size: 14px;
  color: #666;
}
.order .orderSelectBox .orderSelectItem {
  font-size: 14px;
  color: #333;
}
.order .orderSelectBox .orderSelectItem,
.order .orderSelectBox .invoiceSelectItem {
  display: inline-block;
  min-width: 100px;
  padding: 8px 10px;
  text-align: center;
  border: 1px solid #e1e1e1;
  position: relative;
  color: #333;
  font-size: 14px;
}
.order .orderSelectBox .orderSelectItem.active,
.order .orderSelectBox .invoiceSelectItem.active {
  border-color: #e30c1e;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(227, 12, 30, 0.3);
}
.order .orderSelectBox .orderSelectItem.active:before,
.order .orderSelectBox .invoiceSelectItem.active:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border: 10px transparent dashed;
  border-right: 10px solid #FF2133;
  border-bottom: 10px solid #FF2133;
}
.order .orderSelectBox .orderSelectItem.active:after,
.order .orderSelectBox .invoiceSelectItem.active:after {
  content: '';
  display: inline-block;
  background: url(https://gbb-resources.oss-cn-hangzhou.aliyuncs.com/202103051057012818b55601b74de9a21114766e3f2195.png) no-repeat center center;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: -4px;
  right: -2px;
}
.order .orderSelectTip,
.order .invoiceTip {
  margin-top: 10px;
  color: #999;
  font-size: 12px;
}
.order .orderInfo {
  background: #fff;
  padding: 0 20px 20px;
  overflow: hidden;
}
.order .orderInfo .title {
  height: 48px;
  line-height: 48px;
  padding-right: 20px;
}
.order .orderInfo-content {
  float: right;
  margin-right: 20px;
}
.order .orderInfo .order-desc-line {
  position: relative;
  color: #333;
  line-height: 20px;
  font-size: 14px;
}
.order .orderInfo .order-desc-line .extra-icon {
  position: absolute;
  right: -32px;
  top: 2px;
  width: 16px;
  height: 16px;
}
.order .orderInfo .order-desc-line > span {
  display: inline-block;
}
.order .orderInfo .order-desc-line > span:nth-child(1) {
  width: 100px;
  text-align: left;
}
.order .orderInfo .order-desc-line > span:nth-child(2) {
  float: right;
}
.order .orderInfo .redColor {
  color: #FF2133;
}
.order .orderInfo .remarkBox .label {
  display: inline-block;
  width: 100px;
  text-align: right;
  vertical-align: middle;
  margin-right: 10px;
}
.order .orderInfo .remarkBox .label-content {
  display: inline-block;
  vertical-align: middle;
}

.payment {
  padding-bottom: 200px;
  background: #fff;
  min-height: 800px;
  margin-top: -16px;
}
.payment .paymentContent {
  width: 1152px;
  margin: 0 auto;
  min-width: 1152px;
  padding-top: 20px;
}
.payment .title {
  font-size: 16px;
}
.payment-board {
  display: flex;
  justify-content: space-between;
  height: 96px;
  background: #F8F8F8;
  align-items: center;
  padding: 0 40px;
}
.payment-board div img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.payment-board .icon {
  position: relative;
  width: 37px;
  height: 37px;
}
.paymentInfo {
  background: #F8F8F8;
  margin-top: 10px;
  padding: 20px 40px;
}
.paymentWrap {
  display: flex;
  margin-top: 18px;
  height: 340px;
}
.paymentWrap .left,
.paymentWrap .right {
  background: #fff;
  width: calc(40%);
}
.paymentWrap .left .contactTitle,
.paymentWrap .right .contactTitle {
  background: url('https://file.gongbangbang.com/20220523160106bb5937427eff4b969591b43a4d860450.png');
  background-size: cover;
  font-size: 18px;
  font-weight: bold;
  width: 200px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.paymentWrap .accountInfo {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin: 15px 40px;
  height: 240px;
  justify-content: space-around;
}
.paymentWrap .accountInfo > div span:first-child {
  color: #555;
  width: 70px;
  display: inline-block;
}
.paymentWrap .contactImg {
  justify-content: space-around;
  align-items: start;
  display: flex;
  margin: 15px 40px;
  height: 240px;
}
.paymentWrap .contactImg img {
  width: 200px;
  padding: 2px;
}
.payment .footerContact {
  height: 72px;
  background: #F8F8F8;
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 0 40px;
}
.payment .gotoHome {
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  margin-top: 18px;
}

.promote {
  margin-bottom: -20px;
}
.promote .banner {
  position: relative;
  text-align: center;
  overflow: hidden;
  /*活动--说明*/
}
.promote .banner .sucai {
  position: absolute;
  top: 0;
  right: 80px;
}
.promote .banner .sucai .details {
  display: none;
  position: absolute;
  text-align: left;
  right: 11px;
  top: 57px;
  border: 1px solid #fff;
  background-color: #fff;
  color: #666;
  opacity: 1;
  border-radius: 6px;
  padding: 10px 30px;
}
.promote .banner .sucai .details pre {
  white-space: nowrap;
}
.promote .banner .sucai .details:before,
.promote .banner .sucai .details:after {
  content: '';
  position: absolute;
  right: 70px;
  top: -17px;
  width: 0;
  height: 0;
  border: 8px transparent dashed;
  border-bottom: 8px solid #e2e2e2;
  z-index: 1;
}
.promote .banner .sucai .details:before {
  right: 70px;
  border-bottom: 8px solid #fff;
  z-index: 2;
}
.promote .banner .sucai:hover {
  cursor: pointer;
}
.promote .banner .sucai:hover .details {
  display: block;
}
.promote .proMain {
  overflow: hidden;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.promote .proMain .activeBox {
  margin-top: 30px;
}
.promote .proMain .activeBox .catalogTitle {
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.promote .proMain .activeBox .catalogTitle div {
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 32px;
  color: #fff;
  height: 65px;
  line-height: 65px;
}
.promote .proMain .activeBox .brandBox {
  padding: 15px 27px 25px;
  overflow: hidden;
  color: #fff;
  background: no-repeat center top;
  background-size: 100% 100%;
}
.promote .proMain .activeBox .brandBox .b2Box {
  margin-top: 10px;
}
.promote .proMain .activeBox .brandBox .b2Box h3 {
  color: #fff;
  font-size: 24px;
  margin: 0 0 10px;
  font-weight: normal;
  font-style: italic;
}
.promote .proMain .activeBox .brandBox img {
  margin: 5px;
  width: 173px;
  height: 76px;
}
.promote .proMain .activeBox .brandBox img:hover {
  cursor: pointer;
  box-shadow: 0 0 12px 3px #fff;
}
.promote .proMain .activeBox .catalogs2 {
  background: no-repeat center top;
  overflow: hidden;
  background-size: 100% 100%;
}
.promote .proMain .activeBox .catalogs2 > span {
  display: inline-block;
  margin: 6px;
  padding: 4px 16px;
  border-radius: 16px;
  color: #fff;
  font-size: 16px;
}
.promote .proMain .activeBox .catalogs2 > span.active,
.promote .proMain .activeBox .catalogs2 > span:hover {
  cursor: pointer;
  background-color: #fff;
  color: #E50012;
}
.activeBox .conBox {
  padding-top: 17px;
  margin-left: -10px;
}
/*左侧导航楼层*/
.layerNav.hot {
  display: none;
  z-index: 3;
  background-color: #F5F5F5;
  padding: 15px 40px 38px 15px;
  margin-left: -700px;
}
.layerNav.hot li {
  position: relative;
  width: 40px;
  line-height: 15px;
  height: 45px;
  text-align: center;
  background-color: inherit;
  overflow: visible;
}
.layerNav.hot li.active,
.layerNav.hot li:hover,
.layerNav.hot li.active span,
.layerNav.hot li.active span:before,
.layerNav.hot li:hover span,
.layerNav.hot li:hover span:before {
  color: #E30C1E !important;
  border-color: #E30C1E !important;
}
.layerNav.hot li.active,
.layerNav.hot li:hover {
  color: #E30C1E;
}
.layerNav.hot li .iconRound {
  position: absolute;
  right: -23px;
  top: 2px;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 20px;
  border-radius: 50%;
  border: 1px solid #999;
  background-color: #F5F5F5;
  z-index: 5;
}
.layerNav.hot li .iconRound:before {
  position: absolute;
  left: 2px;
  top: 2px;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #999;
}
.layerNav.hot li .iconfont {
  position: absolute;
  right: -31px;
  top: 0;
  font-size: 26px;
  background-color: #F5F5F5;
  z-index: 5;
}
.layerNav.hot li .iconRound.line2,
.layerNav.hot li .iconfont.line2 {
  top: 7px;
}
.layerNav.hot .rLine {
  position: absolute;
  top: 10px;
  right: 22px;
  height: 42px;
  width: 0px;
  border-right: 1px dashed #999;
}
.layerNav.hot li.toTop {
  position: absolute;
  width: 95px;
  margin: 0;
  padding: 0;
  margin: -5px 0 0 -15px;
}

.skuBox {
  position: relative;
  border: 1px solid #e7e7e7;
  display: inline-block;
  vertical-align: top;
  width: 220px;
  padding: 20px 10px 16px;
  margin: 0 0 10px 12px;
  cursor: pointer;
  color: #666;
  background-color: #fff;
}
.skuBox:hover {
  box-shadow: 0 0 10px 2px #fff;
  color: #E50012;
}
.skuBox .skuImgBox {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.skuBox .skuImgBox img.skuImg {
  width: 140px;
  height: 140px;
}
.skuBox .brand {
  font-size: 14px;
  color: #e50012;
}
.skuBox .skuDetails {
  height: 32px;
  font-size: 12px;
  margin: 8px 0 5px 0;
  font-weight: 600;
  color: #333333;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.skuBox .skuInventory {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.skuBox .priceBox {
  margin: 6px 0 12px 0;
  height: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #FF2133;
  line-height: 20px;
}
.skuBox .priceBox .yuan {
  font-size: 12px;
}
.skuBox .priceBox .notPrice {
  font-size: 14px;
  font-weight: 500;
}
.skuBox .btn {
  display: block;
  text-align: center;
  line-height: 28px;
  width: 200px;
  border: 1px solid #F80000;
  color: #F80000;
  background: #fff;
  height: 30px;
  border-radius: 4px;
}

.landding-wrap {
  position: relative;
}
.landding-wrap .landding-back {
  background-size: cover;
  background-position: center;
  filter: blur(60px) brightness(110%);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.landding-wrap .landding-back:after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.6;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.landding-wrap .content {
  z-index: 1;
  position: relative;
}
.landding-wrap .content .sku-wrap {
  margin-top: 8px;
  display: flex;
  flex-flow: column nowrap;
}
.landding-wrap .content .sku-wrap .skuModule {
  margin-top: 20px;
}
.landding-wrap .content .sku-wrap .skuModuleTitle {
  width: 300px;
  margin: 0 auto;
  padding: 10px;
  background-image: url('https://file.gongbangbang.com/2022070610055847d3e062423a4e1fbc963ce6be35cfb9.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  text-align: center;
  color: #682400;
  font-size: 20px;
}
.landding-wrap .content .skuBox {
  margin: 0 0 10px 10px;
}

.orderList .statusBox,
.orderList .searchBox {
  display: inline-block;
  vertical-align: middle;
}
.orderList .statusBox {
  width: 530px;
}
.orderList .searchBox {
  width: 360px;
  text-align: right;
}
.orderList .statusBox span {
  display: inline-block;
  width: 66px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}
.orderList .statusBox span.active {
  position: relative;
}
.orderList .statusBox span.active:before {
  content: "";
  position: absolute;
  width: 64px;
  left: calc(35px - 50%);
  bottom: -6px;
  border-bottom-width: 2px;
}
.orderList .timeSearchBox {
  margin-top: 15px;
  background-color: #F5F5F5;
  line-height: 44px;
  height: 44px;
  padding-left: 30px;
  font-size: 13px;
}
.orderList .timeSearchBox input {
  margin: 0 10px;
  height: 28px;
}
.orderList .timeSearchBox .ant-picker-input > input:focus {
  background-color: transparent;
  border: none;
}
.orderList .timeSearchBox .ant-picker {
  padding-top: 0px;
  padding-bottom: 0px;
}
.orderList .comSearchBox {
  display: inline-block;
  vertical-align: middle;
}
.orderList .comSearchBox i {
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  position: relative;
  left: 22px;
  background-size: 138% 123%;
  color: #999;
}
.orderList .comSearchBox input {
  width: 266px;
  height: 30px;
  font-size: 13px;
  border: 1px solid #E8E8E8;
  padding: 0 0 0 26px;
  outline: 0;
  border-radius: 0 !important;
}
.orderList .comSearchBox input:focus {
  border: 1px solid #E8E8E8 !important;
}
.orderList .comSearchBox button {
  left: -1px;
  font-size: 13px;
  border-radius: 0 4px 4px 0;
  padding: 7px 14px;
  vertical-align: top;
}
.orderList table {
  width: 100%;
  border-collapse: collapse;
  color: #333;
}
.orderList table tr th,
.orderList table tr td {
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  padding: 5px 10px;
  font-size: 13px;
  word-break: break-all;
  border: 1px solid #E8E8E8;
  padding: 8px 10px;
}
.orderList table tr th.empty,
.orderList table tr td.empty {
  height: 70px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  color: #999;
  font-style: italic;
}
.orderList table tr.tableHead th,
.orderList table tr.tableHead td {
  border: none;
}
.orderList table tr.tableHead th {
  color: #888;
}
.orderList table tr.tableHead .tableHeadOrderNo {
  color: #1E9FD6;
}
.orderList table tr.tr-split td {
  border: none;
  height: 15px;
  line-height: unset;
  padding: unset;
}
.orderList-table {
  margin-top: 15px;
}
.orderList-table .proBox > div {
  display: inline-block;
  vertical-align: middle;
}
.orderList-table .proBox {
  text-align: left;
  padding-right: 10px;
}
.orderList-table .proBox a > div {
  display: inline-block;
  vertical-align: middle;
  color: #333;
}
.orderList-table .proBox a:hover > div {
  color: #e50012;
}
.orderList-table .proBox .imgBox {
  width: 78px;
  margin-right: 10px;
}
.orderList-table .proBox .imgBox img {
  width: 78px;
  height: auto;
}
.orderList-table .proBox .detailBox .name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.orderList-table .proBox .numBox {
  width: 39px;
  padding-left: 10px;
}
.orderList-table .status {
  color: #fff;
  border-radius: 6px;
}
.orderList-table tr th {
  background: #eee;
}
.orderList-table tr.tableHead {
  width: 896px;
  height: 40px;
  border: 1px solid rgba(255, 33, 51, 0.1);
}
.orderList-table tr.tableHead th,
.orderList-table tr.tableHead td {
  border: none;
  white-space: nowrap;
}
.orderList .border {
  width: 64px;
  height: 20px;
  line-height: 20px;
  background: #FFFFFF;
  border-radius: 1px;
  border: 1px solid #FF2133;
  font-size: 12px !important;
  display: inline-block;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.orderList .border.grayBorder {
  border: 1px solid #E0E0E0;
}
.orderList .blankBox {
  padding-top: 20px;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  font-style: italic;
  color: #999;
  text-align: center;
}
.orderList .paginationFooter {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px;
}

.orderApproval {
  background-color: #fff;
  padding: 0 20px;
}
.orderApproval .ant-picker-input > input:focus {
  background-color: transparent;
  border: none;
}
.orderApproval-tab {
  width: 100%;
  height: 45px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #666666;
}
.orderApproval-tab > span {
  display: inline-block;
  padding-top: 7px;
  margin-right: 45px;
  position: relative;
  cursor: pointer;
}
.orderApproval-tab > span > i {
  display: inline-block;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.orderApproval-searchConditions .approvalTabs > span {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #F4F4F4;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  position: relative;
}
.orderApproval-searchConditions .approvalTabs > span > i {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.orderApproval-searchConditions .searchBox {
  margin-bottom: 20px;
}
.orderApproval-searchConditions .searchBox .searchBoxRow {
  display: flex;
  height: 40px;
}
.orderApproval-searchConditions .searchBox .searchBoxRow .searchBoxInputStyle {
  margin-right: 16px;
}
.orderApproval-searchConditions .approvalPageBtn {
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  border-radius: 1px;
  border: 1px solid #EEEEEE;
  vertical-align: middle;
}
.orderApproval-searchConditions .approvalTimeSearchBox {
  line-height: 30px;
  height: 30px;
  font-size: 14px;
}
.orderApproval-searchConditions .approvalTimeSearchBox input {
  width: 144px;
  height: 28px;
  padding-left: 10px;
  color: #333;
  font-weight: 400;
}
.orderApproval-searchConditions .order-approval-select {
  width: 200px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 1px;
  border: 1px solid #EEEEEE;
  padding-left: 10px;
}
.orderApproval-table .approval-table-head {
  border-bottom: 1px solid #ddd;
  background-color: #efefef;
}
.orderApproval-table .tl {
  text-align: left;
}
.orderApproval-table td a {
  color: #1890FF;
}

.userAddress {
  min-height: 640px;
}
.userAddress .new_table_box {
  font-family: PingFangSC-Regular;
  min-height: 300px;
}
.userAddress .new_table_box .new_list {
  position: relative;
}
.userAddress .new_table_box .add_item {
  display: inline-block;
  width: 286px;
  height: 160px;
  margin-right: 19px;
  margin-top: 17px;
  background: #FFFFFF;
  border: 2px dashed #E0E0E0;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.userAddress .new_table_box .add_item .add_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 47px;
}
.userAddress .new_table_box .add_item .add_icon img {
  width: 100%;
  height: 100%;
}
.userAddress .new_table_box .add_item .add_label {
  font-size: 16px;
  margin-top: 4px;
  color: #333;
}
.userAddress .new_table_box .item_box {
  display: inline-block;
}
.userAddress .new_table_box .new_item {
  display: inline-block;
  width: 286px;
  height: 160px;
  margin-top: 17px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #E0E0E0;
  vertical-align: middle;
  box-sizing: border-box;
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  position: relative;
}
.userAddress .new_table_box .new_item:hover {
  border-color: #e30c1e;
}
.userAddress .new_table_box .new_item:nth-child(1) {
  box-shadow: none;
}
.userAddress .new_table_box .new_item .new_default_address {
  height: 30px;
  line-height: 30px;
  background: #e30c1e;
  margin: 0;
  margin-top: -16px;
  width: 284px;
  margin-left: -20px;
  margin-bottom: 10px;
  padding-left: 20px;
  color: #fff;
}
.userAddress .new_table_box .new_item .info {
  margin: 0;
  line-height: 22px;
}
.userAddress .new_table_box .new_item .info.info_detail {
  max-height: 44px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.userAddress .new_table_box .new_item .btn_box {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 13px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  color: #666;
  font-size: 12px;
}
.userAddress .new_table_box .new_item .btn_box .text_btn {
  color: #333;
}
.userAddress .new_table_box .new_item .btn_box .text_btn:hover {
  color: #e30c1e;
}
.userAddress .new_table_box .new_item .btn_box .text_divier {
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
  height: 17px;
  color: #ccc;
}

.userInvoice {
  min-height: 640px;
}
.userInvoice .new_table_box {
  font-family: PingFangSC-Regular;
  min-height: 300px;
}
.userInvoice .new_table_box .new_list {
  position: relative;
}
.userInvoice .new_table_box .add_item {
  display: inline-block;
  width: 286px;
  height: 160px;
  margin-right: 19px;
  margin-top: 17px;
  background: #FFFFFF;
  border: 2px dashed #E0E0E0;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.userInvoice .new_table_box .add_item .add_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 47px;
}
.userInvoice .new_table_box .add_item .add_icon img {
  width: 100%;
  height: 100%;
}
.userInvoice .new_table_box .add_item .add_label {
  font-size: 16px;
  margin-top: 4px;
  color: #333;
}
.userInvoice .new_table_box .item_box {
  display: inline-block;
}
.userInvoice .new_table_box .new_item {
  display: inline-block;
  width: 286px;
  height: 160px;
  margin-right: 19px;
  margin-top: 17px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #E0E0E0;
  vertical-align: middle;
  box-sizing: border-box;
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  position: relative;
}
.userInvoice .new_table_box .new_item:hover {
  border-color: #e30c1e;
}
.userInvoice .new_table_box .new_item:nth-child(1) {
  box-shadow: none;
}
.userInvoice .new_table_box .new_item .new_default_address {
  height: 30px;
  line-height: 30px;
  background: #e30c1e;
  margin: 0;
  margin-top: -16px;
  width: 284px;
  margin-left: -20px;
  margin-bottom: 10px;
  padding-left: 20px;
  color: #fff;
}
.userInvoice .new_table_box .new_item .info {
  margin: 0;
  line-height: 22px;
}
.userInvoice .new_table_box .new_item .info.info_detail {
  max-height: 44px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.userInvoice .new_table_box .new_item .btn_box {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 13px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  color: #666;
  font-size: 12px;
}
.userInvoice .new_table_box .new_item .btn_box .text_btn {
  color: #333;
}
.userInvoice .new_table_box .new_item .btn_box .text_btn:hover {
  color: #e30c1e;
}
.userInvoice .new_table_box .new_item .btn_box .text_divier {
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
  height: 17px;
  color: #ccc;
}

.user-menu {
  margin-right: 15px;
}
.user-menu .menu {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  width: 160px;
  text-align: center;
  font-size: 14px;
  min-height: 640px;
}
.user-menu .menu-title {
  font-weight: bold;
  padding: 21px 0;
  color: #e50012;
  font-size: 18px;
}
.user-menu .menu-item {
  padding: 13px;
  display: block;
  cursor: pointer;
}
.user-menu .menu-item:hover {
  color: #e50012;
}

.logistics {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.45);
}
.logistics .logistic-content:first-child span:before {
  width: 10px;
  height: 10px;
  background: #f55b0b;
  top: 2px;
  left: -21px;
}
.logistics .logistic-content:first-child span {
  color: #ea6f33;
  font-size: 13px;
}
.logistics .logistic-content:first-child div {
  color: #000;
}
.logistics .logistic-content:last-child div:before {
  display: none;
}
.logistics .logistic-content {
  padding-left: 13px;
}
.logistics .logistic-content span {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}
.logistics .logistic-content span:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  background: transparent;
  background-color: #e8e8e8;
  position: absolute;
  left: -20px;
  border-radius: 8px;
  top: 4px;
}
.logistics .logistic-content div {
  position: relative;
  padding-bottom: 15px;
  line-height: 18px;
}
.logistics .logistic-content div:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #e8e8e8;
  border-radius: 1px;
  position: absolute;
  left: -17px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user {
  display: flex;
  margin-top: 15px;
}
.user .pageNotFound {
  background: #fff;
  width: 1000px;
}
.user .userPage {
  float: left;
  width: 1000px;
}
.user .userPage .salesOrderList {
  border: 1px solid #E8E8E8;
  padding: 8px 10px;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
}
.user .userPage .orderInfo {
  clear: both;
  border: 1px solid #E8E8E8;
  background-color: #fff;
  box-sizing: border-box;
}
.user .userPage .orderInfo .ant-card-body {
  padding: 15px;
}
.user .userPage .orderInfo .step-btn {
  background: #e50012;
  border-color: #e50012;
  color: #fff;
  margin-top: 10px;
  margin-left: -28px;
}
.user .userPage .orderInfo .ant-steps-item-finish .ant-steps-item-icon {
  border-color: #e50012;
}
.user .userPage .orderInfo .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #e50012;
}
.user .userPage .orderInfo .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e50012;
}
.user .userPage .orderInfo .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #e50012;
  border-color: #e50012;
}
.user .userPage .orderInfo .overview .infoL .infoStatus {
  margin: 13px 0;
  font-size: 22px;
}
.user .userPage .orderInfo .overview .infoL .statuxWrap a,
.user .userPage .orderInfo .overview .statuxWrap span {
  color: #e50012;
  margin: 0 8px;
  cursor: pointer;
}
.user .userPage .orderInfo .overview .infoR {
  width: 350px;
  padding: 0 0 0 20px;
  text-align: left;
}
.user .userPage .orderInfo .overview .infoR div {
  margin: 5px 0;
}
.user .userPage .orderInfo .overview .infoR div .label {
  color: #999;
}
.user .userPage .orderInfo .goods {
  min-height: 566px;
}
.user .userPage .orderInfo .goods .statusBox {
  margin-bottom: 20px;
}
.user .userPage .orderInfo .goods .statusBox span {
  font-weight: bold;
  display: inline-block;
  width: 66px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
}
.user .userPage .orderInfo .goods .statusBox span.active {
  position: relative;
  color: #e50012;
}
.user .userPage .orderInfo .goods .statusBox span:hover {
  color: #e50012;
}
.user .userPage .orderInfo .goods .statusBox span.active:before {
  content: "";
  position: absolute;
  width: 64px;
  left: calc(35px - 50%);
  bottom: -6px;
  border-bottom: 2px solid #e50012;
}
.user .userPage .orderInfo .goods table tr.thLogistic {
  border: 1px solid #e50012;
  font-weight: normal;
  text-align: left;
}
.user .userPage .orderInfo .goods table tr.thLogistic th {
  font-weight: normal;
  text-align: left;
}
.user .userPage .orderInfo .goods table tr.thLogistic.b33 {
  border: 1px solid #333;
}
.user .userPage .orderInfo .goods .icon-home {
  font-size: 19px;
  color: #e50012;
}
.user .userPage .orderInfo .goods .shopName {
  position: relative;
  top: -2px;
  margin-left: 10px;
}
.user .userPage .orderInfo .goods .proBox {
  text-align: left;
  padding-right: 0;
}
.user .userPage .orderInfo .goods .proBox a > div {
  display: inline-block;
  vertical-align: middle;
  color: #333;
}
.user .userPage .orderInfo .goods .proBox a:hover > div {
  color: #e50012;
}
.user .userPage .orderInfo .goods .proBox .imgBox {
  margin-right: 10px;
}
.user .userPage .orderInfo .goods .proBox .imgBox img {
  width: 60px;
  height: 60px;
}
.user .userPage .orderInfo .goods .proBox .detailBoxLogistic {
  width: 734px;
}
.user .userPage .orderInfo .goods .amountBox {
  margin: 15px 0 15px;
  height: 46px;
  line-height: 46px;
  text-align: right;
  background-color: #F5F5F5;
  border: 1px solid #E8E8E8;
}
.user .userPage .orderInfo .invoice {
  margin-top: 15px;
}
.user .userPage .orderInfo .invoice td {
  padding: 15px 10px 10px 30px;
  text-align: left;
}
.user .userPage .orderInfo .invoice td div {
  margin: 6px 0;
}
.user .userPage .orderInfo .invoice td div span {
  display: inline-block;
  width: 92px;
  color: #999;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user {
  display: flex;
}
.user-page {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  padding: 20px 40px;
  box-sizing: border-box;
  width: 974px;
  min-height: 640px;
}
.user-page .page-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
  color: #666;
}
.user-page .page-title .logOffBtn {
  float: right;
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 4px 12px;
  cursor: pointer;
  border-radius: 3px;
}
.user-page .page-title .title {
  font-size: 16px;
  font-weight: bold;
}
.user-page .page-title .tool {
  float: right;
  margin-top: -8px;
}
.user-page .default-address {
  border: 1px solid #e50012;
  border-radius: 12px;
  text-align: center;
  color: #e50012;
  padding: 3px 8px;
  font-size: 12px;
}
.user-page .not-login {
  font-size: 20px;
  font-weight: bold;
}
.user .user_btn {
  width: 100px;
  height: 30px;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
}

.shundownPage {
  width: 100%;
  text-align: center;
  padding-top: 5%;
}
.shundownPage .shundownImg {
  width: 800px;
  margin: 0 auto;
}

.sliderHeight {
  height: 30px;
}

.validate {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-image: url('https://file.gongbangbang.com/20220708150848f76066a4a841491fa1cb00358154c403.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.validate .sliderBox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 540px;
  height: 340px;
  background-color: #fff;
  box-shadow: 1px 1px 10px 2px #ddd;
}
.validate .sm-pop-inner {
  position: static;
}
.validate .nc_wrapper {
  width: 500px;
}