html,
body {
  width: 100%;
  min-height: 100%;
  font-family: pingfang SC, helvetica neue, arial, hiragino sans gb,
    microsoft yahei ui, microsoft yahei, simsun, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  text-decoration: none;
}


.case-content,
.artical-content {
  font-size: 18px;
}
.case-content .keywords_link,
.artical-content .keywords_link {
  color: #21a58e !important;
}
.pc .artical_gg_box {
  position: relative;
  width: 100%;
  margin-bottom: -45px;
  margin-top: 35px;
}
.pc .artical_gg_box .img_bg {
  width: 100%;
  height: auto;
}
.m .artical_gg_box {
  position: relative;
  width: 100%;
  margin-top: 0.36rem;
  margin-bottom: -0.36rem;
}
.m .artical_gg_box .img_bg {
  width: 100%;
  height: auto;
}
.pc .news-details .main-wrap .content_hot_articles {
  width: 330px;
  margin-left: 55px;
}
.pc .news-details .main-wrap .content_hot_articles .sample-wrap {
  width: 330px;
}
.pc
  .news-details
  .main-wrap
  .content_hot_articles
  .sample-wrap
  .components-recommended-buy {
  width: 330px;
  border: 1px solid #eee;
}
.pc
  .news-details
  .main-wrap
  .content_hot_articles
  .sample-wrap
  .components-recommended-buy
  .buy-list {
  box-sizing: border-box;
}
.case-content strong *,
.artical-content strong * {
  font-size: 20px;
}
@media (max-width: 1199px) {
  .case-content,
  .artical-content {
    font-size: 0.4rem;
  }
  .case-content strong *,
  .artical-content strong * {
    font-size: 0.48rem;
  }
  .case-content .item-title {
    line-height: 1;
  }
}
.case-content p,
.case-content span,
.case-content a,
.case-content strong,
.artical-content p,
.artical-content span,
.artical-content a,
.artical-content strong {
  line-height: 2;
}
.case-content strong,
.case-content strong > p,
.case-content strong > span .case-content strong > a,
.artical-content strong,
.artical-content strong > p,
.artical-content strong > span .artical-content strong > a {
  font-weight: 700;
}
.artical-content img {
  max-width: 100% !important;
  display: block;
  margin: auto;
  height: auto !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clear::after {
  display: block;
  clear: both;
  content: "";
}

.text_overflow {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.mr1 {
  margin-right: 1px;
}

.mr-1 {
  margin-right: 1%;
}

.mt1 {
  margin-top: 1px;
}

.mt-1 {
  margin-top: 1%;
}

.mb1 {
  margin-bottom: 1px;
}

.mb-1 {
  margin-bottom: 1%;
}

.ml1 {
  margin-left: 1px;
}

.ml-1 {
  margin-left: 1%;
}

.w5 {
  width: 5px;
}

.mr2 {
  margin-right: 2px;
}

.mr-2 {
  margin-right: 2%;
}

.mt2 {
  margin-top: 2px;
}

.mt-2 {
  margin-top: 2%;
}

.mb2 {
  margin-bottom: 2px;
}

.mb-2 {
  margin-bottom: 2%;
}

.ml2 {
  margin-left: 2px;
}

.ml-2 {
  margin-left: 2%;
}

.w10 {
  width: 10px;
}

.mr3 {
  margin-right: 3px;
}

.mr-3 {
  margin-right: 3%;
}

.mt3 {
  margin-top: 3px;
}

.mt-3 {
  margin-top: 3%;
}

.mb3 {
  margin-bottom: 3px;
}

.mb-3 {
  margin-bottom: 3%;
}

.ml3 {
  margin-left: 3px;
}

.ml-3 {
  margin-left: 3%;
}

.w15 {
  width: 15px;
}

.mr4 {
  margin-right: 4px;
}

.mr-4 {
  margin-right: 4%;
}

.mt4 {
  margin-top: 4px;
}

.mt-4 {
  margin-top: 4%;
}

.mb4 {
  margin-bottom: 4px;
}

.mb-4 {
  margin-bottom: 4%;
}

.ml4 {
  margin-left: 4px;
}

.ml-4 {
  margin-left: 4%;
}

.w20 {
  width: 20px;
}

.mr5 {
  margin-right: 5px;
}

.mr-5 {
  margin-right: 5%;
}

.mt5 {
  margin-top: 5px;
}

.mt-5 {
  margin-top: 5%;
}

.mb5 {
  margin-bottom: 5px;
}

.mb-5 {
  margin-bottom: 5%;
}

.ml5 {
  margin-left: 5px;
}

.ml-5 {
  margin-left: 5%;
}

.w25 {
  width: 25px;
}

.mr6 {
  margin-right: 6px;
}

.mr-6 {
  margin-right: 6%;
}

.mt6 {
  margin-top: 6px;
}

.mt-6 {
  margin-top: 6%;
}

.mb6 {
  margin-bottom: 6px;
}

.mb-6 {
  margin-bottom: 6%;
}

.ml6 {
  margin-left: 6px;
}

.ml-6 {
  margin-left: 6%;
}

.w30 {
  width: 30px;
}

.mr7 {
  margin-right: 7px;
}

.mr-7 {
  margin-right: 7%;
}

.mt7 {
  margin-top: 7px;
}

.mt-7 {
  margin-top: 7%;
}

.mb7 {
  margin-bottom: 7px;
}

.mb-7 {
  margin-bottom: 7%;
}

.ml7 {
  margin-left: 7px;
}

.ml-7 {
  margin-left: 7%;
}

.w35 {
  width: 35px;
}

.mr8 {
  margin-right: 8px;
}

.mr-8 {
  margin-right: 8%;
}

.mt8 {
  margin-top: 8px;
}

.mt-8 {
  margin-top: 8%;
}

.mb8 {
  margin-bottom: 8px;
}

.mb-8 {
  margin-bottom: 8%;
}

.ml8 {
  margin-left: 8px;
}

.ml-8 {
  margin-left: 8%;
}

.w40 {
  width: 40px;
}

.mr9 {
  margin-right: 9px;
}

.mr-9 {
  margin-right: 9%;
}

.mt9 {
  margin-top: 9px;
}

.mt-9 {
  margin-top: 9%;
}

.mb9 {
  margin-bottom: 9px;
}

.mb-9 {
  margin-bottom: 9%;
}

.ml9 {
  margin-left: 9px;
}

.ml-9 {
  margin-left: 9%;
}

.w45 {
  width: 45px;
}

.mr10 {
  margin-right: 10px;
}

.mr-10 {
  margin-right: 10%;
}

.mt10 {
  margin-top: 10px;
}

.mt-10 {
  margin-top: 10%;
}

.mb10 {
  margin-bottom: 10px;
}

.mb-10 {
  margin-bottom: 10%;
}

.ml10 {
  margin-left: 10px;
}

.ml-10 {
  margin-left: 10%;
}

.w50 {
  width: 50px;
}

.mr11 {
  margin-right: 11px;
}

.mr-11 {
  margin-right: 11%;
}

.mt11 {
  margin-top: 11px;
}

.mt-11 {
  margin-top: 11%;
}

.mb11 {
  margin-bottom: 11px;
}

.mb-11 {
  margin-bottom: 11%;
}

.ml11 {
  margin-left: 11px;
}

.ml-11 {
  margin-left: 11%;
}

.w55 {
  width: 55px;
}

.mr12 {
  margin-right: 12px;
}

.mr-12 {
  margin-right: 12%;
}

.mt12 {
  margin-top: 12px;
}

.mt-12 {
  margin-top: 12%;
}

.mb12 {
  margin-bottom: 12px;
}

.mb-12 {
  margin-bottom: 12%;
}

.ml12 {
  margin-left: 12px;
}

.ml-12 {
  margin-left: 12%;
}

.w60 {
  width: 60px;
}

.mr13 {
  margin-right: 13px;
}

.mr-13 {
  margin-right: 13%;
}

.mt13 {
  margin-top: 13px;
}

.mt-13 {
  margin-top: 13%;
}

.mb13 {
  margin-bottom: 13px;
}

.mb-13 {
  margin-bottom: 13%;
}

.ml13 {
  margin-left: 13px;
}

.ml-13 {
  margin-left: 13%;
}

.w65 {
  width: 65px;
}

.mr14 {
  margin-right: 14px;
}

.mr-14 {
  margin-right: 14%;
}

.mt14 {
  margin-top: 14px;
}

.mt-14 {
  margin-top: 14%;
}

.mb14 {
  margin-bottom: 14px;
}

.mb-14 {
  margin-bottom: 14%;
}

.ml14 {
  margin-left: 14px;
}

.ml-14 {
  margin-left: 14%;
}

.w70 {
  width: 70px;
}

.mr15 {
  margin-right: 15px;
}

.mr-15 {
  margin-right: 15%;
}

.mt15 {
  margin-top: 15px;
}

.mt-15 {
  margin-top: 15%;
}

.mb15 {
  margin-bottom: 15px;
}

.mb-15 {
  margin-bottom: 15%;
}

.ml15 {
  margin-left: 15px;
}

.ml-15 {
  margin-left: 15%;
}

.w75 {
  width: 75px;
}

.mr16 {
  margin-right: 16px;
}

.mr-16 {
  margin-right: 16%;
}

.mt16 {
  margin-top: 16px;
}

.mt-16 {
  margin-top: 16%;
}

.mb16 {
  margin-bottom: 16px;
}

.mb-16 {
  margin-bottom: 16%;
}

.ml16 {
  margin-left: 16px;
}

.ml-16 {
  margin-left: 16%;
}

.w80 {
  width: 80px;
}

.mr17 {
  margin-right: 17px;
}

.mr-17 {
  margin-right: 17%;
}

.mt17 {
  margin-top: 17px;
}

.mt-17 {
  margin-top: 17%;
}

.mb17 {
  margin-bottom: 17px;
}

.mb-17 {
  margin-bottom: 17%;
}

.ml17 {
  margin-left: 17px;
}

.ml-17 {
  margin-left: 17%;
}

.w85 {
  width: 85px;
}

.mr18 {
  margin-right: 18px;
}

.mr-18 {
  margin-right: 18%;
}

.mt18 {
  margin-top: 18px;
}

.mt-18 {
  margin-top: 18%;
}

.mb18 {
  margin-bottom: 18px;
}

.mb-18 {
  margin-bottom: 18%;
}

.ml18 {
  margin-left: 18px;
}

.ml-18 {
  margin-left: 18%;
}

.w90 {
  width: 90px;
}

.mr19 {
  margin-right: 19px;
}

.mr-19 {
  margin-right: 19%;
}

.mt19 {
  margin-top: 19px;
}

.mt-19 {
  margin-top: 19%;
}

.mb19 {
  margin-bottom: 19px;
}

.mb-19 {
  margin-bottom: 19%;
}

.ml19 {
  margin-left: 19px;
}

.ml-19 {
  margin-left: 19%;
}

.w95 {
  width: 95px;
}

.mr20 {
  margin-right: 20px;
}

.mr-20 {
  margin-right: 20%;
}

.mt20 {
  margin-top: 20px;
}

.mt-20 {
  margin-top: 20%;
}

.mb20 {
  margin-bottom: 20px;
}

.mb-20 {
  margin-bottom: 20%;
}

.ml20 {
  margin-left: 20px;
}

.ml-20 {
  margin-left: 20%;
}

.w100 {
  width: 100px;
}

.mr21 {
  margin-right: 21px;
}

.mr-21 {
  margin-right: 21%;
}

.mt21 {
  margin-top: 21px;
}

.mt-21 {
  margin-top: 21%;
}

.mb21 {
  margin-bottom: 21px;
}

.mb-21 {
  margin-bottom: 21%;
}

.ml21 {
  margin-left: 21px;
}

.ml-21 {
  margin-left: 21%;
}

.w105 {
  width: 105px;
}

.mr22 {
  margin-right: 22px;
}

.mr-22 {
  margin-right: 22%;
}

.mt22 {
  margin-top: 22px;
}

.mt-22 {
  margin-top: 22%;
}

.mb22 {
  margin-bottom: 22px;
}

.mb-22 {
  margin-bottom: 22%;
}

.ml22 {
  margin-left: 22px;
}

.ml-22 {
  margin-left: 22%;
}

.w110 {
  width: 110px;
}

.mr23 {
  margin-right: 23px;
}

.mr-23 {
  margin-right: 23%;
}

.mt23 {
  margin-top: 23px;
}

.mt-23 {
  margin-top: 23%;
}

.mb23 {
  margin-bottom: 23px;
}

.mb-23 {
  margin-bottom: 23%;
}

.ml23 {
  margin-left: 23px;
}

.ml-23 {
  margin-left: 23%;
}

.w115 {
  width: 115px;
}

.mr24 {
  margin-right: 24px;
}

.mr-24 {
  margin-right: 24%;
}

.mt24 {
  margin-top: 24px;
}

.mt-24 {
  margin-top: 24%;
}

.mb24 {
  margin-bottom: 24px;
}

.mb-24 {
  margin-bottom: 24%;
}

.ml24 {
  margin-left: 24px;
}

.ml-24 {
  margin-left: 24%;
}

.w120 {
  width: 120px;
}

.mr25 {
  margin-right: 25px;
}

.mr-25 {
  margin-right: 25%;
}

.mt25 {
  margin-top: 25px;
}

.mt-25 {
  margin-top: 25%;
}

.mb25 {
  margin-bottom: 25px;
}

.mb-25 {
  margin-bottom: 25%;
}

.ml25 {
  margin-left: 25px;
}

.ml-25 {
  margin-left: 25%;
}

.w125 {
  width: 125px;
}

.mr26 {
  margin-right: 26px;
}

.mr-26 {
  margin-right: 26%;
}

.mt26 {
  margin-top: 26px;
}

.mt-26 {
  margin-top: 26%;
}

.mb26 {
  margin-bottom: 26px;
}

.mb-26 {
  margin-bottom: 26%;
}

.ml26 {
  margin-left: 26px;
}

.ml-26 {
  margin-left: 26%;
}

.w130 {
  width: 130px;
}

.mr27 {
  margin-right: 27px;
}

.mr-27 {
  margin-right: 27%;
}

.mt27 {
  margin-top: 27px;
}

.mt-27 {
  margin-top: 27%;
}

.mb27 {
  margin-bottom: 27px;
}

.mb-27 {
  margin-bottom: 27%;
}

.ml27 {
  margin-left: 27px;
}

.ml-27 {
  margin-left: 27%;
}

.w135 {
  width: 135px;
}

.mr28 {
  margin-right: 28px;
}

.mr-28 {
  margin-right: 28%;
}

.mt28 {
  margin-top: 28px;
}

.mt-28 {
  margin-top: 28%;
}

.mb28 {
  margin-bottom: 28px;
}

.mb-28 {
  margin-bottom: 28%;
}

.ml28 {
  margin-left: 28px;
}

.ml-28 {
  margin-left: 28%;
}

.w140 {
  width: 140px;
}

.mr29 {
  margin-right: 29px;
}

.mr-29 {
  margin-right: 29%;
}

.mt29 {
  margin-top: 29px;
}

.mt-29 {
  margin-top: 29%;
}

.mb29 {
  margin-bottom: 29px;
}

.mb-29 {
  margin-bottom: 29%;
}

.ml29 {
  margin-left: 29px;
}

.ml-29 {
  margin-left: 29%;
}

.w145 {
  width: 145px;
}

.mr30 {
  margin-right: 30px;
}

.mr-30 {
  margin-right: 30%;
}

.mt30 {
  margin-top: 30px;
}

.mt-30 {
  margin-top: 30%;
}

.mb30 {
  margin-bottom: 30px;
}

.mb-30 {
  margin-bottom: 30%;
}

.ml30 {
  margin-left: 30px;
}

.ml-30 {
  margin-left: 30%;
}

.w150 {
  width: 150px;
}

.mr31 {
  margin-right: 31px;
}

.mr-31 {
  margin-right: 31%;
}

.mt31 {
  margin-top: 31px;
}

.mt-31 {
  margin-top: 31%;
}

.mb31 {
  margin-bottom: 31px;
}

.mb-31 {
  margin-bottom: 31%;
}

.ml31 {
  margin-left: 31px;
}

.ml-31 {
  margin-left: 31%;
}

.w155 {
  width: 155px;
}

.mr32 {
  margin-right: 32px;
}

.mr-32 {
  margin-right: 32%;
}

.mt32 {
  margin-top: 32px;
}

.mt-32 {
  margin-top: 32%;
}

.mb32 {
  margin-bottom: 32px;
}

.mb-32 {
  margin-bottom: 32%;
}

.ml32 {
  margin-left: 32px;
}

.ml-32 {
  margin-left: 32%;
}

.w160 {
  width: 160px;
}

.mr33 {
  margin-right: 33px;
}

.mr-33 {
  margin-right: 33%;
}

.mt33 {
  margin-top: 33px;
}

.mt-33 {
  margin-top: 33%;
}

.mb33 {
  margin-bottom: 33px;
}

.mb-33 {
  margin-bottom: 33%;
}

.ml33 {
  margin-left: 33px;
}

.ml-33 {
  margin-left: 33%;
}

.w165 {
  width: 165px;
}

.mr34 {
  margin-right: 34px;
}

.mr-34 {
  margin-right: 34%;
}

.mt34 {
  margin-top: 34px;
}

.mt-34 {
  margin-top: 34%;
}

.mb34 {
  margin-bottom: 34px;
}

.mb-34 {
  margin-bottom: 34%;
}

.ml34 {
  margin-left: 34px;
}

.ml-34 {
  margin-left: 34%;
}

.w170 {
  width: 170px;
}

.mr35 {
  margin-right: 35px;
}

.mr-35 {
  margin-right: 35%;
}

.mt35 {
  margin-top: 35px;
}

.mt-35 {
  margin-top: 35%;
}

.mb35 {
  margin-bottom: 35px;
}

.mb-35 {
  margin-bottom: 35%;
}

.ml35 {
  margin-left: 35px;
}

.ml-35 {
  margin-left: 35%;
}

.w175 {
  width: 175px;
}

.mr36 {
  margin-right: 36px;
}

.mr-36 {
  margin-right: 36%;
}

.mt36 {
  margin-top: 36px;
}

.mt-36 {
  margin-top: 36%;
}

.mb36 {
  margin-bottom: 36px;
}

.mb-36 {
  margin-bottom: 36%;
}

.ml36 {
  margin-left: 36px;
}

.ml-36 {
  margin-left: 36%;
}

.w180 {
  width: 180px;
}

.mr37 {
  margin-right: 37px;
}

.mr-37 {
  margin-right: 37%;
}

.mt37 {
  margin-top: 37px;
}

.mt-37 {
  margin-top: 37%;
}

.mb37 {
  margin-bottom: 37px;
}

.mb-37 {
  margin-bottom: 37%;
}

.ml37 {
  margin-left: 37px;
}

.ml-37 {
  margin-left: 37%;
}

.w185 {
  width: 185px;
}

.mr38 {
  margin-right: 38px;
}

.mr-38 {
  margin-right: 38%;
}

.mt38 {
  margin-top: 38px;
}

.mt-38 {
  margin-top: 38%;
}

.mb38 {
  margin-bottom: 38px;
}

.mb-38 {
  margin-bottom: 38%;
}

.ml38 {
  margin-left: 38px;
}

.ml-38 {
  margin-left: 38%;
}

.w190 {
  width: 190px;
}

.mr39 {
  margin-right: 39px;
}

.mr-39 {
  margin-right: 39%;
}

.mt39 {
  margin-top: 39px;
}

.mt-39 {
  margin-top: 39%;
}

.mb39 {
  margin-bottom: 39px;
}

.mb-39 {
  margin-bottom: 39%;
}

.ml39 {
  margin-left: 39px;
}

.ml-39 {
  margin-left: 39%;
}

.w195 {
  width: 195px;
}

.mr40 {
  margin-right: 40px;
}

.mr-40 {
  margin-right: 40%;
}

.mt40 {
  margin-top: 40px;
}

.mt-40 {
  margin-top: 40%;
}

.mb40 {
  margin-bottom: 40px;
}

.mb-40 {
  margin-bottom: 40%;
}

.ml40 {
  margin-left: 40px;
}

.ml-40 {
  margin-left: 40%;
}

.w200 {
  width: 200px;
}

.mr41 {
  margin-right: 41px;
}

.mr-41 {
  margin-right: 41%;
}

.mt41 {
  margin-top: 41px;
}

.mt-41 {
  margin-top: 41%;
}

.mb41 {
  margin-bottom: 41px;
}

.mb-41 {
  margin-bottom: 41%;
}

.ml41 {
  margin-left: 41px;
}

.ml-41 {
  margin-left: 41%;
}

.w205 {
  width: 205px;
}

.mr42 {
  margin-right: 42px;
}

.mr-42 {
  margin-right: 42%;
}

.mt42 {
  margin-top: 42px;
}

.mt-42 {
  margin-top: 42%;
}

.mb42 {
  margin-bottom: 42px;
}

.mb-42 {
  margin-bottom: 42%;
}

.ml42 {
  margin-left: 42px;
}

.ml-42 {
  margin-left: 42%;
}

.w210 {
  width: 210px;
}

.mr43 {
  margin-right: 43px;
}

.mr-43 {
  margin-right: 43%;
}

.mt43 {
  margin-top: 43px;
}

.mt-43 {
  margin-top: 43%;
}

.mb43 {
  margin-bottom: 43px;
}

.mb-43 {
  margin-bottom: 43%;
}

.ml43 {
  margin-left: 43px;
}

.ml-43 {
  margin-left: 43%;
}

.w215 {
  width: 215px;
}

.mr44 {
  margin-right: 44px;
}

.mr-44 {
  margin-right: 44%;
}

.mt44 {
  margin-top: 44px;
}

.mt-44 {
  margin-top: 44%;
}

.mb44 {
  margin-bottom: 44px;
}

.mb-44 {
  margin-bottom: 44%;
}

.ml44 {
  margin-left: 44px;
}

.ml-44 {
  margin-left: 44%;
}

.w220 {
  width: 220px;
}

.mr45 {
  margin-right: 45px;
}

.mr-45 {
  margin-right: 45%;
}

.mt45 {
  margin-top: 45px;
}

.mt-45 {
  margin-top: 45%;
}

.mb45 {
  margin-bottom: 45px;
}

.mb-45 {
  margin-bottom: 45%;
}

.ml45 {
  margin-left: 45px;
}

.ml-45 {
  margin-left: 45%;
}

.w225 {
  width: 225px;
}

.mr46 {
  margin-right: 46px;
}

.mr-46 {
  margin-right: 46%;
}

.mt46 {
  margin-top: 46px;
}

.mt-46 {
  margin-top: 46%;
}

.mb46 {
  margin-bottom: 46px;
}

.mb-46 {
  margin-bottom: 46%;
}

.ml46 {
  margin-left: 46px;
}

.ml-46 {
  margin-left: 46%;
}

.w230 {
  width: 230px;
}

.mr47 {
  margin-right: 47px;
}

.mr-47 {
  margin-right: 47%;
}

.mt47 {
  margin-top: 47px;
}

.mt-47 {
  margin-top: 47%;
}

.mb47 {
  margin-bottom: 47px;
}

.mb-47 {
  margin-bottom: 47%;
}

.ml47 {
  margin-left: 47px;
}

.ml-47 {
  margin-left: 47%;
}

.w235 {
  width: 235px;
}

.mr48 {
  margin-right: 48px;
}

.mr-48 {
  margin-right: 48%;
}

.mt48 {
  margin-top: 48px;
}

.mt-48 {
  margin-top: 48%;
}

.mb48 {
  margin-bottom: 48px;
}

.mb-48 {
  margin-bottom: 48%;
}

.ml48 {
  margin-left: 48px;
}

.ml-48 {
  margin-left: 48%;
}

.w240 {
  width: 240px;
}

.mr49 {
  margin-right: 49px;
}

.mr-49 {
  margin-right: 49%;
}

.mt49 {
  margin-top: 49px;
}

.mt-49 {
  margin-top: 49%;
}

.mb49 {
  margin-bottom: 49px;
}

.mb-49 {
  margin-bottom: 49%;
}

.ml49 {
  margin-left: 49px;
}

.ml-49 {
  margin-left: 49%;
}

.w245 {
  width: 245px;
}

.mr50 {
  margin-right: 50px;
}

.mr-50 {
  margin-right: 50%;
}

.mt50 {
  margin-top: 50px;
}

.mt-50 {
  margin-top: 50%;
}

.mb50 {
  margin-bottom: 50px;
}

.mb-50 {
  margin-bottom: 50%;
}

.ml50 {
  margin-left: 50px;
}

.ml-50 {
  margin-left: 50%;
}

.w250 {
  width: 250px;
}

.mr51 {
  margin-right: 51px;
}

.mr-51 {
  margin-right: 51%;
}

.mt51 {
  margin-top: 51px;
}

.mt-51 {
  margin-top: 51%;
}

.mb51 {
  margin-bottom: 51px;
}

.mb-51 {
  margin-bottom: 51%;
}

.ml51 {
  margin-left: 51px;
}

.ml-51 {
  margin-left: 51%;
}

.w255 {
  width: 255px;
}

.mr52 {
  margin-right: 52px;
}

.mr-52 {
  margin-right: 52%;
}

.mt52 {
  margin-top: 52px;
}

.mt-52 {
  margin-top: 52%;
}

.mb52 {
  margin-bottom: 52px;
}

.mb-52 {
  margin-bottom: 52%;
}

.ml52 {
  margin-left: 52px;
}

.ml-52 {
  margin-left: 52%;
}

.w260 {
  width: 260px;
}

.mr53 {
  margin-right: 53px;
}

.mr-53 {
  margin-right: 53%;
}

.mt53 {
  margin-top: 53px;
}

.mt-53 {
  margin-top: 53%;
}

.mb53 {
  margin-bottom: 53px;
}

.mb-53 {
  margin-bottom: 53%;
}

.ml53 {
  margin-left: 53px;
}

.ml-53 {
  margin-left: 53%;
}

.w265 {
  width: 265px;
}

.mr54 {
  margin-right: 54px;
}

.mr-54 {
  margin-right: 54%;
}

.mt54 {
  margin-top: 54px;
}

.mt-54 {
  margin-top: 54%;
}

.mb54 {
  margin-bottom: 54px;
}

.mb-54 {
  margin-bottom: 54%;
}

.ml54 {
  margin-left: 54px;
}

.ml-54 {
  margin-left: 54%;
}

.w270 {
  width: 270px;
}

.mr55 {
  margin-right: 55px;
}

.mr-55 {
  margin-right: 55%;
}

.mt55 {
  margin-top: 55px;
}

.mt-55 {
  margin-top: 55%;
}

.mb55 {
  margin-bottom: 55px;
}

.mb-55 {
  margin-bottom: 55%;
}

.ml55 {
  margin-left: 55px;
}

.ml-55 {
  margin-left: 55%;
}

.w275 {
  width: 275px;
}

.mr56 {
  margin-right: 56px;
}

.mr-56 {
  margin-right: 56%;
}

.mt56 {
  margin-top: 56px;
}

.mt-56 {
  margin-top: 56%;
}

.mb56 {
  margin-bottom: 56px;
}

.mb-56 {
  margin-bottom: 56%;
}

.ml56 {
  margin-left: 56px;
}

.ml-56 {
  margin-left: 56%;
}

.w280 {
  width: 280px;
}

.mr57 {
  margin-right: 57px;
}

.mr-57 {
  margin-right: 57%;
}

.mt57 {
  margin-top: 57px;
}

.mt-57 {
  margin-top: 57%;
}

.mb57 {
  margin-bottom: 57px;
}

.mb-57 {
  margin-bottom: 57%;
}

.ml57 {
  margin-left: 57px;
}

.ml-57 {
  margin-left: 57%;
}

.w285 {
  width: 285px;
}

.mr58 {
  margin-right: 58px;
}

.mr-58 {
  margin-right: 58%;
}

.mt58 {
  margin-top: 58px;
}

.mt-58 {
  margin-top: 58%;
}

.mb58 {
  margin-bottom: 58px;
}

.mb-58 {
  margin-bottom: 58%;
}

.ml58 {
  margin-left: 58px;
}

.ml-58 {
  margin-left: 58%;
}

.w290 {
  width: 290px;
}

.mr59 {
  margin-right: 59px;
}

.mr-59 {
  margin-right: 59%;
}

.mt59 {
  margin-top: 59px;
}

.mt-59 {
  margin-top: 59%;
}

.mb59 {
  margin-bottom: 59px;
}

.mb-59 {
  margin-bottom: 59%;
}

.ml59 {
  margin-left: 59px;
}

.ml-59 {
  margin-left: 59%;
}

.w295 {
  width: 295px;
}

.mr60 {
  margin-right: 60px;
}

.mr-60 {
  margin-right: 60%;
}

.mt60 {
  margin-top: 60px;
}

.mt-60 {
  margin-top: 60%;
}

.mb60 {
  margin-bottom: 60px;
}

.mb-60 {
  margin-bottom: 60%;
}

.ml60 {
  margin-left: 60px;
}

.ml-60 {
  margin-left: 60%;
}

.w300 {
  width: 300px;
}

.mr61 {
  margin-right: 61px;
}

.mr-61 {
  margin-right: 61%;
}

.mt61 {
  margin-top: 61px;
}

.mt-61 {
  margin-top: 61%;
}

.mb61 {
  margin-bottom: 61px;
}

.mb-61 {
  margin-bottom: 61%;
}

.ml61 {
  margin-left: 61px;
}

.ml-61 {
  margin-left: 61%;
}

.w305 {
  width: 305px;
}

.mr62 {
  margin-right: 62px;
}

.mr-62 {
  margin-right: 62%;
}

.mt62 {
  margin-top: 62px;
}

.mt-62 {
  margin-top: 62%;
}

.mb62 {
  margin-bottom: 62px;
}

.mb-62 {
  margin-bottom: 62%;
}

.ml62 {
  margin-left: 62px;
}

.ml-62 {
  margin-left: 62%;
}

.w310 {
  width: 310px;
}

.mr63 {
  margin-right: 63px;
}

.mr-63 {
  margin-right: 63%;
}

.mt63 {
  margin-top: 63px;
}

.mt-63 {
  margin-top: 63%;
}

.mb63 {
  margin-bottom: 63px;
}

.mb-63 {
  margin-bottom: 63%;
}

.ml63 {
  margin-left: 63px;
}

.ml-63 {
  margin-left: 63%;
}

.w315 {
  width: 315px;
}

.mr64 {
  margin-right: 64px;
}

.mr-64 {
  margin-right: 64%;
}

.mt64 {
  margin-top: 64px;
}

.mt-64 {
  margin-top: 64%;
}

.mb64 {
  margin-bottom: 64px;
}

.mb-64 {
  margin-bottom: 64%;
}

.ml64 {
  margin-left: 64px;
}

.ml-64 {
  margin-left: 64%;
}

.w320 {
  width: 320px;
}

.mr65 {
  margin-right: 65px;
}

.mr-65 {
  margin-right: 65%;
}

.mt65 {
  margin-top: 65px;
}

.mt-65 {
  margin-top: 65%;
}

.mb65 {
  margin-bottom: 65px;
}

.mb-65 {
  margin-bottom: 65%;
}

.ml65 {
  margin-left: 65px;
}

.ml-65 {
  margin-left: 65%;
}

.w325 {
  width: 325px;
}

.mr66 {
  margin-right: 66px;
}

.mr-66 {
  margin-right: 66%;
}

.mt66 {
  margin-top: 66px;
}

.mt-66 {
  margin-top: 66%;
}

.mb66 {
  margin-bottom: 66px;
}

.mb-66 {
  margin-bottom: 66%;
}

.ml66 {
  margin-left: 66px;
}

.ml-66 {
  margin-left: 66%;
}

.w330 {
  width: 330px;
}

.mr67 {
  margin-right: 67px;
}

.mr-67 {
  margin-right: 67%;
}

.mt67 {
  margin-top: 67px;
}

.mt-67 {
  margin-top: 67%;
}

.mb67 {
  margin-bottom: 67px;
}

.mb-67 {
  margin-bottom: 67%;
}

.ml67 {
  margin-left: 67px;
}

.ml-67 {
  margin-left: 67%;
}

.w335 {
  width: 335px;
}

.mr68 {
  margin-right: 68px;
}

.mr-68 {
  margin-right: 68%;
}

.mt68 {
  margin-top: 68px;
}

.mt-68 {
  margin-top: 68%;
}

.mb68 {
  margin-bottom: 68px;
}

.mb-68 {
  margin-bottom: 68%;
}

.ml68 {
  margin-left: 68px;
}

.ml-68 {
  margin-left: 68%;
}

.w340 {
  width: 340px;
}

.mr69 {
  margin-right: 69px;
}

.mr-69 {
  margin-right: 69%;
}

.mt69 {
  margin-top: 69px;
}

.mt-69 {
  margin-top: 69%;
}

.mb69 {
  margin-bottom: 69px;
}

.mb-69 {
  margin-bottom: 69%;
}

.ml69 {
  margin-left: 69px;
}

.ml-69 {
  margin-left: 69%;
}

.w345 {
  width: 345px;
}

.mr70 {
  margin-right: 70px;
}

.mr-70 {
  margin-right: 70%;
}

.mt70 {
  margin-top: 70px;
}

.mt-70 {
  margin-top: 70%;
}

.mb70 {
  margin-bottom: 70px;
}

.mb-70 {
  margin-bottom: 70%;
}

.ml70 {
  margin-left: 70px;
}

.ml-70 {
  margin-left: 70%;
}

.w350 {
  width: 350px;
}

.mr71 {
  margin-right: 71px;
}

.mr-71 {
  margin-right: 71%;
}

.mt71 {
  margin-top: 71px;
}

.mt-71 {
  margin-top: 71%;
}

.mb71 {
  margin-bottom: 71px;
}

.mb-71 {
  margin-bottom: 71%;
}

.ml71 {
  margin-left: 71px;
}

.ml-71 {
  margin-left: 71%;
}

.w355 {
  width: 355px;
}

.mr72 {
  margin-right: 72px;
}

.mr-72 {
  margin-right: 72%;
}

.mt72 {
  margin-top: 72px;
}

.mt-72 {
  margin-top: 72%;
}

.mb72 {
  margin-bottom: 72px;
}

.mb-72 {
  margin-bottom: 72%;
}

.ml72 {
  margin-left: 72px;
}

.ml-72 {
  margin-left: 72%;
}

.w360 {
  width: 360px;
}

.mr73 {
  margin-right: 73px;
}

.mr-73 {
  margin-right: 73%;
}

.mt73 {
  margin-top: 73px;
}

.mt-73 {
  margin-top: 73%;
}

.mb73 {
  margin-bottom: 73px;
}

.mb-73 {
  margin-bottom: 73%;
}

.ml73 {
  margin-left: 73px;
}

.ml-73 {
  margin-left: 73%;
}

.w365 {
  width: 365px;
}

.mr74 {
  margin-right: 74px;
}

.mr-74 {
  margin-right: 74%;
}

.mt74 {
  margin-top: 74px;
}

.mt-74 {
  margin-top: 74%;
}

.mb74 {
  margin-bottom: 74px;
}

.mb-74 {
  margin-bottom: 74%;
}

.ml74 {
  margin-left: 74px;
}

.ml-74 {
  margin-left: 74%;
}

.w370 {
  width: 370px;
}

.mr75 {
  margin-right: 75px;
}

.mr-75 {
  margin-right: 75%;
}

.mt75 {
  margin-top: 75px;
}

.mt-75 {
  margin-top: 75%;
}

.mb75 {
  margin-bottom: 75px;
}

.mb-75 {
  margin-bottom: 75%;
}

.ml75 {
  margin-left: 75px;
}

.ml-75 {
  margin-left: 75%;
}

.w375 {
  width: 375px;
}

.mr76 {
  margin-right: 76px;
}

.mr-76 {
  margin-right: 76%;
}

.mt76 {
  margin-top: 76px;
}

.mt-76 {
  margin-top: 76%;
}

.mb76 {
  margin-bottom: 76px;
}

.mb-76 {
  margin-bottom: 76%;
}

.ml76 {
  margin-left: 76px;
}

.ml-76 {
  margin-left: 76%;
}

.w380 {
  width: 380px;
}

.mr77 {
  margin-right: 77px;
}

.mr-77 {
  margin-right: 77%;
}

.mt77 {
  margin-top: 77px;
}

.mt-77 {
  margin-top: 77%;
}

.mb77 {
  margin-bottom: 77px;
}

.mb-77 {
  margin-bottom: 77%;
}

.ml77 {
  margin-left: 77px;
}

.ml-77 {
  margin-left: 77%;
}

.w385 {
  width: 385px;
}

.mr78 {
  margin-right: 78px;
}

.mr-78 {
  margin-right: 78%;
}

.mt78 {
  margin-top: 78px;
}

.mt-78 {
  margin-top: 78%;
}

.mb78 {
  margin-bottom: 78px;
}

.mb-78 {
  margin-bottom: 78%;
}

.ml78 {
  margin-left: 78px;
}

.ml-78 {
  margin-left: 78%;
}

.w390 {
  width: 390px;
}

.mr79 {
  margin-right: 79px;
}

.mr-79 {
  margin-right: 79%;
}

.mt79 {
  margin-top: 79px;
}

.mt-79 {
  margin-top: 79%;
}

.mb79 {
  margin-bottom: 79px;
}

.mb-79 {
  margin-bottom: 79%;
}

.ml79 {
  margin-left: 79px;
}

.ml-79 {
  margin-left: 79%;
}

.w395 {
  width: 395px;
}

.mr80 {
  margin-right: 80px;
}

.mr-80 {
  margin-right: 80%;
}

.mt80 {
  margin-top: 80px;
}

.mt-80 {
  margin-top: 80%;
}

.mb80 {
  margin-bottom: 80px;
}

.mb-80 {
  margin-bottom: 80%;
}

.ml80 {
  margin-left: 80px;
}

.ml-80 {
  margin-left: 80%;
}

.w400 {
  width: 400px;
}

.mr81 {
  margin-right: 81px;
}

.mr-81 {
  margin-right: 81%;
}

.mt81 {
  margin-top: 81px;
}

.mt-81 {
  margin-top: 81%;
}

.mb81 {
  margin-bottom: 81px;
}

.mb-81 {
  margin-bottom: 81%;
}

.ml81 {
  margin-left: 81px;
}

.ml-81 {
  margin-left: 81%;
}

.w405 {
  width: 405px;
}

.mr82 {
  margin-right: 82px;
}

.mr-82 {
  margin-right: 82%;
}

.mt82 {
  margin-top: 82px;
}

.mt-82 {
  margin-top: 82%;
}

.mb82 {
  margin-bottom: 82px;
}

.mb-82 {
  margin-bottom: 82%;
}

.ml82 {
  margin-left: 82px;
}

.ml-82 {
  margin-left: 82%;
}

.w410 {
  width: 410px;
}

.mr83 {
  margin-right: 83px;
}

.mr-83 {
  margin-right: 83%;
}

.mt83 {
  margin-top: 83px;
}

.mt-83 {
  margin-top: 83%;
}

.mb83 {
  margin-bottom: 83px;
}

.mb-83 {
  margin-bottom: 83%;
}

.ml83 {
  margin-left: 83px;
}

.ml-83 {
  margin-left: 83%;
}

.w415 {
  width: 415px;
}

.mr84 {
  margin-right: 84px;
}

.mr-84 {
  margin-right: 84%;
}

.mt84 {
  margin-top: 84px;
}

.mt-84 {
  margin-top: 84%;
}

.mb84 {
  margin-bottom: 84px;
}

.mb-84 {
  margin-bottom: 84%;
}

.ml84 {
  margin-left: 84px;
}

.ml-84 {
  margin-left: 84%;
}

.w420 {
  width: 420px;
}

.mr85 {
  margin-right: 85px;
}

.mr-85 {
  margin-right: 85%;
}

.mt85 {
  margin-top: 85px;
}

.mt-85 {
  margin-top: 85%;
}

.mb85 {
  margin-bottom: 85px;
}

.mb-85 {
  margin-bottom: 85%;
}

.ml85 {
  margin-left: 85px;
}

.ml-85 {
  margin-left: 85%;
}

.w425 {
  width: 425px;
}

.mr86 {
  margin-right: 86px;
}

.mr-86 {
  margin-right: 86%;
}

.mt86 {
  margin-top: 86px;
}

.mt-86 {
  margin-top: 86%;
}

.mb86 {
  margin-bottom: 86px;
}

.mb-86 {
  margin-bottom: 86%;
}

.ml86 {
  margin-left: 86px;
}

.ml-86 {
  margin-left: 86%;
}

.w430 {
  width: 430px;
}

.mr87 {
  margin-right: 87px;
}

.mr-87 {
  margin-right: 87%;
}

.mt87 {
  margin-top: 87px;
}

.mt-87 {
  margin-top: 87%;
}

.mb87 {
  margin-bottom: 87px;
}

.mb-87 {
  margin-bottom: 87%;
}

.ml87 {
  margin-left: 87px;
}

.ml-87 {
  margin-left: 87%;
}

.w435 {
  width: 435px;
}

.mr88 {
  margin-right: 88px;
}

.mr-88 {
  margin-right: 88%;
}

.mt88 {
  margin-top: 88px;
}

.mt-88 {
  margin-top: 88%;
}

.mb88 {
  margin-bottom: 88px;
}

.mb-88 {
  margin-bottom: 88%;
}

.ml88 {
  margin-left: 88px;
}

.ml-88 {
  margin-left: 88%;
}

.w440 {
  width: 440px;
}

.mr89 {
  margin-right: 89px;
}

.mr-89 {
  margin-right: 89%;
}

.mt89 {
  margin-top: 89px;
}

.mt-89 {
  margin-top: 89%;
}

.mb89 {
  margin-bottom: 89px;
}

.mb-89 {
  margin-bottom: 89%;
}

.ml89 {
  margin-left: 89px;
}

.ml-89 {
  margin-left: 89%;
}

.w445 {
  width: 445px;
}

.mr90 {
  margin-right: 90px;
}

.mr-90 {
  margin-right: 90%;
}

.mt90 {
  margin-top: 90px;
}

.mt-90 {
  margin-top: 90%;
}

.mb90 {
  margin-bottom: 90px;
}

.mb-90 {
  margin-bottom: 90%;
}

.ml90 {
  margin-left: 90px;
}

.ml-90 {
  margin-left: 90%;
}

.w450 {
  width: 450px;
}

.mr91 {
  margin-right: 91px;
}

.mr-91 {
  margin-right: 91%;
}

.mt91 {
  margin-top: 91px;
}

.mt-91 {
  margin-top: 91%;
}

.mb91 {
  margin-bottom: 91px;
}

.mb-91 {
  margin-bottom: 91%;
}

.ml91 {
  margin-left: 91px;
}

.ml-91 {
  margin-left: 91%;
}

.w455 {
  width: 455px;
}

.mr92 {
  margin-right: 92px;
}

.mr-92 {
  margin-right: 92%;
}

.mt92 {
  margin-top: 92px;
}

.mt-92 {
  margin-top: 92%;
}

.mb92 {
  margin-bottom: 92px;
}

.mb-92 {
  margin-bottom: 92%;
}

.ml92 {
  margin-left: 92px;
}

.ml-92 {
  margin-left: 92%;
}

.w460 {
  width: 460px;
}

.mr93 {
  margin-right: 93px;
}

.mr-93 {
  margin-right: 93%;
}

.mt93 {
  margin-top: 93px;
}

.mt-93 {
  margin-top: 93%;
}

.mb93 {
  margin-bottom: 93px;
}

.mb-93 {
  margin-bottom: 93%;
}

.ml93 {
  margin-left: 93px;
}

.ml-93 {
  margin-left: 93%;
}

.w465 {
  width: 465px;
}

.mr94 {
  margin-right: 94px;
}

.mr-94 {
  margin-right: 94%;
}

.mt94 {
  margin-top: 94px;
}

.mt-94 {
  margin-top: 94%;
}

.mb94 {
  margin-bottom: 94px;
}

.mb-94 {
  margin-bottom: 94%;
}

.ml94 {
  margin-left: 94px;
}

.ml-94 {
  margin-left: 94%;
}

.w470 {
  width: 470px;
}

.mr95 {
  margin-right: 95px;
}

.mr-95 {
  margin-right: 95%;
}

.mt95 {
  margin-top: 95px;
}

.mt-95 {
  margin-top: 95%;
}

.mb95 {
  margin-bottom: 95px;
}

.mb-95 {
  margin-bottom: 95%;
}

.ml95 {
  margin-left: 95px;
}

.ml-95 {
  margin-left: 95%;
}

.w475 {
  width: 475px;
}

.mr96 {
  margin-right: 96px;
}

.mr-96 {
  margin-right: 96%;
}

.mt96 {
  margin-top: 96px;
}

.mt-96 {
  margin-top: 96%;
}

.mb96 {
  margin-bottom: 96px;
}

.mb-96 {
  margin-bottom: 96%;
}

.ml96 {
  margin-left: 96px;
}

.ml-96 {
  margin-left: 96%;
}

.w480 {
  width: 480px;
}

.mr97 {
  margin-right: 97px;
}

.mr-97 {
  margin-right: 97%;
}

.mt97 {
  margin-top: 97px;
}

.mt-97 {
  margin-top: 97%;
}

.mb97 {
  margin-bottom: 97px;
}

.mb-97 {
  margin-bottom: 97%;
}

.ml97 {
  margin-left: 97px;
}

.ml-97 {
  margin-left: 97%;
}

.w485 {
  width: 485px;
}

.mr98 {
  margin-right: 98px;
}

.mr-98 {
  margin-right: 98%;
}

.mt98 {
  margin-top: 98px;
}

.mt-98 {
  margin-top: 98%;
}

.mb98 {
  margin-bottom: 98px;
}

.mb-98 {
  margin-bottom: 98%;
}

.ml98 {
  margin-left: 98px;
}

.ml-98 {
  margin-left: 98%;
}

.w490 {
  width: 490px;
}

.mr99 {
  margin-right: 99px;
}

.mr-99 {
  margin-right: 99%;
}

.mt99 {
  margin-top: 99px;
}

.mt-99 {
  margin-top: 99%;
}

.mb99 {
  margin-bottom: 99px;
}

.mb-99 {
  margin-bottom: 99%;
}

.ml99 {
  margin-left: 99px;
}

.ml-99 {
  margin-left: 99%;
}

.w495 {
  width: 495px;
}

.mr100 {
  margin-right: 100px;
}

.mr-100 {
  margin-right: 100%;
}

.mt100 {
  margin-top: 100px;
}

.mt-100 {
  margin-top: 100%;
}

.mb100 {
  margin-bottom: 100px;
}

.mb-100 {
  margin-bottom: 100%;
}

.ml100 {
  margin-left: 100px;
}

.ml-100 {
  margin-left: 100%;
}

.w500 {
  width: 500px;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
}
.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}


.flex-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btn-b {
  display: inline-block;
  border: none;
  padding: 0;
  background-color: #fff;
  color: #20b09f;
  border: 1px solid #20b09f;
  box-sizing: border-box;
  text-align: center;
}
.buy-pop-btn-login {
  text-align: center;
}
.buy-pop-p {
  font-size: 16px;
}
.pc_home_login {
  display: inline-block !important;
}
.m_home_login {
  display: none !important;
}
.pc_home_reg {
  display: inline-block !important;
}
.m_home_reg {
  display: none !important;
}
.orderList_pc {
  display: inline-block !important;
}
.orderList_m {
  display: none !important;
}
@media (max-width: 1199px) {
  .hd-pop-content {
    width: 9rem !important;
    border-radius: 0.133rem !important;
    padding: 0.6rem !important;
  }
  .buy-pop-login {
    width: 9rem !important;
  }
  .buy-pop-btn-login {
    width: 4rem !important;
    height: 1rem !important;
    line-height: 1rem !important;
    font-size: 16px !important;
  }
  .pc_home_login {
    display: none !important;
  }
  .m_home_login {
    display: inline-block !important;
  }
  .pc_home_reg {
    display: none !important;
  }
  .m_home_reg {
    display: inline-block !important;
  }
  .orderList_m {
    display: inline-block !important;
  }
  .orderList_pc {
    display: none !important;
  }
  
  #case-dialog-m .btn-wrap {
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
  }
  #case-dialog-m .btn-wrap a {
    display: inline-block;
    width: 1.813rem;
    height: 0.8rem;
    border-radius: 0.293rem;
    font-size: 0.36rem;
    line-height: 0.8rem;
    text-align: center;
  }
  #case-dialog-m .btn-wrap .main-btn-color:hover {
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
  }
  #case-dialog-m .modal-content {
    position: relative;
    padding: 0.833rem 0.853rem 0.5rem;
  }
  #case-dialog-m .modal-dialog {
    margin: 0;
    width: 9rem;
  }
  #case-dialog-m .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
  }
  #case-dialog-m .modal-dialog .modal-body {
    padding: 0;
  }
  #case-dialog-m .modal-dialog .f16 {
    font-size: 0.36rem;
  }
  #case-dialog-m .modal-dialog .f28 {
    font-size: 0.6rem;
    color: #333 !important;
  }
  #case-dialog-m .modal-dialog .f28 a {
    color: #333 !important;
    font-weight: bold;
  }
}


.indexPage .top-new-menu{
    height: auto;
}
.index-adv{
    width: 100%;
    height: auto;
    position: relative;
    display: none;
}
.index-adv .index-adv-img{
    width: 100%;
    height: auto;
}
.index-adv .iconguanbi2{
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}