@charset "utf-8";

/*整体规则

1.整体框架按照750PX设计图转rem构造
2.整体布局的外边距以.3rem构造
*/
/*公共*/
.hide {
  display: none;
}

/* 隐藏 */
.show {
  display: block;
}

/* 显示 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  color: -internal-root-color;
  font-size: 100px;
}

* {
  box-sizing: content-box;
}
.green {
  border: 0.01rem solid #0a0;
}
.green2 {
  border: 0.01rem solid #ecda06;
}
.blue {
  border: 0.01rem solid #00f;
}
.red {
  border: 0.01rem solid #f00;
}
/* 字体颜色代码 */
.green3 {
  color: #0a0;
}
.blue2 {
  color: #0ae;
}
.blue3 {
  color: #00f;
}
.redtxt {
  color: #f00;
}
.grey {
  color: #bbb;
}
.purple {
  color: #b0b;
}
/* html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;} */
/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}
input[type="checkbox"] {
  background: none !important;
  background-color: transparent !important;
  outline: none !important;
  -webkit-appearance: none !important;
}
button:focus,
input:focus {
  outline: none;
}

/* 取消链接高亮 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody {
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a,
a:link,
a:active,
a:visited,
a:hover {
  /*background: none;*/
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

body,
div,
span,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
label,
form,
button,
input,
textarea,
p,
dt,
dl,
dd,
th,
td,
a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Ubuntu, Helvetica Neue, Arial, PingFang SC, Microsoft YaHei, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  background-color: #fff;
  /* font-size: 16px; */
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  /* line-height: .8em; */
}

i,
em {
  font-style: normal;
  font-weight: normal;
}

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

/* 图片自适应 */
img {
  height: auto;
  width: auto\9;
  /* ie8 */
  /*display: block; */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
/*定义flex布局 全局*/
.flex-use,
.head-nav,
.nav-login a,
.nav-txt,
.nav-txt span,
.nav-txt span a,
.nav-so-fo,
.nav-so-fo form,
.nav-so-fo2,
.nav-so-fo2 form,
.nav-so-bot,
.nav-so-bot span,
.bd-main,
.bd-main2,
.indextext,
.tbtip,
.index-left ul li p,
.index-mid ul li p,
.index-right ul li p,
.score-info ul li,
.so-l .so-no li,
.so-l .so-qiupu li,
.so-l .cart-make li,
.so-l .cart-make li span,
.so-l .cart-make li .qpipt,
.so-l .cart-make li label,
.so-l .cart-make li .lbl-h,
.so-l .cart-make li .lbl-h em,
.so-l .cart-make li .lbl-w,
.so-l .cart-make li .lbl-w em,
.so-l .so-result li,
.so-l .so-result li .so-caozuo,
.so-l-tit h3,
.so-l-tit h3 span,
.so-qiupu-btn,
.so-tit-lay,
.so-tit-lay h4,
.so-tit-lay h4 em,
.so-bb-ms,
.so-bb-ms .bbyr-m,
.so-bb-ms .bbyr-r,
.so-caozuo .cart-join,
.so-caozuo .cart-yulan,
.so-caozuo .cart-xiangqing,
.so-caozuo .cart-xiangqing a,
.so-caozuo .cart-tit-one,
.so-caozuo .cart-tit-one2,
.so-slet-bot,
.so-r-tit h3,
.so-r ul li,
.so-r .puji-dz-list label,
.so-r-tit h5,
.score-info .main-info .main-info-titl,
.layer-nav-login .login-exit a .pushu-tip-btn,
.pushu-tip-btn li,
.cover-layer-con,
.pu-layer-tit,
.layer-tit-glb,
.login-tips h5,
.soso-fo,
.soso-fo button,
.layer-nav-login,
.layer-nav-login li,
.layer-nav-login li a,
.layer-so-hot,
.layer-so-nav,
.layer-sonav-tit,
.cart-caozuo .cart-puid,
.help-tips .puji-add li label,
.help-tips .puji-add li .lbl-h,
.help-tips .puji-add li .lbl-h em,
.help-tips .puji-add li,
.help-tips .puji-add li span,
.help-tips .puji-add li .addipt,
.help-tips .puji-price li,
.help-tips .puji-price li span,
.help-tips .puji-price li label,
.kefu-txt,
.kefu-txt-saoma,
.kefu-tips h5,
.help-tips h5,
.media-layer,
.media-layer label,
.media-layer-edit,
.media-layer-edit span,
.login-input,
.reg-tips,
.login-mobel,
.login-mobel span,
.login-inp-tips,
.login-code,
.login-code span,
.login-cut,
.login-pw,
.login-pw span,
.pushu-tip-prd,
.pushu-tip-prd li,
.pushu-tip-prd li span,
.img-pg,
.img-show,
.all-img-tool,
.sketch,
.sketch li,
.sketch li span,
.sketch li label,
#cardarea2 .item span,
.other-info .crumbs,
.user-related h3,
.user-related ul li a,
.user-updata-pu h3,
.juan-slect,
.juan-txt-t,
.juan-txt-m,
.juan-txt-b,
.quan-pay,
.quan-pay button,
.uppu-sc,
.uppu-sc button,
.yinfu-slect,
.user-related .info-edit li span,
.user-related .info-edit li span em,
.user-updata-pu .pu-updata-lay li,
.user-updata-pu .pu-updata-lay li span,
.user-updata-pu .pu-updata-lay li .qpipt,
.user-updata-pu .pu-updata-lay li .lbl-i .upbut,
.user-updata-pu .pu-updata-lay li .lbl-i,
.user-updata-pu .pu-updata-lay li .lbl-i em,
.user-updata-pu .pu-updata-lay li .lbl-h,
.user-updata-pu .pu-updata-lay li .lbl-h em,
.user-updata-pu .pu-updata-lay li .lbl-w,
.user-updata-pu .pu-updata-lay li .lbl-w em,
.uppu-audio-wj,
.user-pu-banben ol li,
.side-bot li span a,
.userlayer ul li,
.userlayer ul li label,
.arc-related h3,
.searchodder,
.pu-updata-tips h5,
.searchbox,
.pushu-dec h3,
.search-make h4,
.qiupu-r .search-make li,
.qiupu-r .search-make li span,
.qiupu-r .search-make li .qpipt,
.qiupu-r .search-make li label,
.qiupu-r .search-make li .lbl-h,
.qiupu-r .search-make li .lbl-h em,
.qiupu-r .search-make li .lbl-w,
.qiupu-r .search-make li .lbl-w em,
.pushu-btn,
.cover-btn,
.cover-btn span,
.search-r,
.position,
.pu-date,
.pu-date time,
.audio h3,
.pu-date label,
.article,
.other-pu,
.other-pu-item,
.other-pu-item h4,
.other-pu-item span,
.other-pu-item span label,
.pu-tit-lay,
.puji-dz-list,
.search-r .puji-dz-list label,
.pu-tit-lay h4,
.pu-tit-lay h4 em,
.qiupu-r .search-result li,
.qiupu-r .search-no li,
.search-r ul li,
.pu-tit-lay .yulan,
.qiupu-r-tit h3,
.banben-yiren,
.diaoshi,
.diaoshi .pu-tit-shu,
.diaoshi .pu-tit-clo,
.pu-tit-lay .pu-tit-one,
.banben-yiren .pu-tit-one2,
.pushu-dec .pushu-tip-btn,
.pushu-dec .pushu-tip-btn li,
.pushu-dec .pushu-tip-prd,
.pushu-dec .pushu-tip-prd li,
.pushu-dec .pushu-tip-prd li span,
.tab-audio-list,
.audio-wrapper,
.audio-left,
.audio-right,
.audio-time,
.tab-video-list,
.yinfu-bj,
.yinfu-no,
.pu-pg,
.yinfu-btn,
.juan-tips,
.code-pu,
.code-pu span,
.pu-info-all,
.see-info-all,
.pu-infos span,
.pu-infos em,
.search-fo,
.search-fo button,
.ver-img label,
.ver-img,
.ver-txt,
.ver-txt h4,
.ver-txt p,
.ver-out,
.ver-out-side,
.ver-img-side,
.ver-img-side label,
.ver-txt-side,
.ver-txt-side p,
.tab-hot-list,
.side-bar ul li,
.side-bar ul li em,
.pushu-dec h5,
.other-ver h5,
.pu-infos-tit,
.pu-infos-tit span,
.pu-infos-tit em,
.pu-infos-jine,
.pay-code-no,
.pay-code-no label,
.buy-jiesuo-tips,
.pay-popup-but,
.pay-popup-but2,
.pay-popup-code,
.wx-pay-but,
.yinfu-pay-but,
.setmeal-pay-but,
.setmeal-tips,
.pay-befr-tips h5,
.qiupu-tips h5,
.login-touxiang,
.get-code,
.column-tit,
.column-con ul,
.progess,
.progess-value,
.code-btn,
.cart-tit-lay,
.cart-r .puji-dz-list label,
.cart-l-tit h3 span,
.cart-tit-lay h4,
.cart-tit-lay h4 em,
.cart-l .cart-result li,
.cart-l .cart-no li,
.cart-l .cart-make li,
.cart-l .cart-make li span,
.cart-l .cart-make li .qpipt,
.cart-l .cart-make li label,
.cart-l .cart-make li .lbl-h,
.cart-l .cart-make li .lbl-h em,
.cart-l .cart-make li .lbl-w,
.cart-l .cart-make li .lbl-w em,
.cart-l .cart-result li .cart-caozuo,
.cart-caozuo .cart-delete,
.cart-slet-bot,
.cart-r ul li,
.cart-caozuo .cart-yulan,
.cart-banben-yiren .bbyr-r,
.cart-l-tit h3,
.cart-banben-yiren,
.cart-caozuo .cart-tit-one,
.cart-caozuo .cart-tit-one2,
.cart-fo,
.cart-fo button,
.cart-r-tit h5,
.setmeal-tips label,
.puji-tit-lay,
.puji-r .puji-dz-list label,
.puji-l-tit h3 span,
.puji-l .puji-no li,
.puji-l .puji-make li,
.puji-l .puji-make li span,
.puji-l .puji-make li .qpipt,
.puji-l .puji-make li label,
.puji-l .puji-make li .lbl-h,
.puji-l .puji-make li .lbl-h em,
.puji-l .puji-make li .lbl-w,
.puji-l .puji-make li .lbl-w em,
.help-tips .pushu-tip-prd,
.help-tips .pushu-tip-prd li,
.help-tips .pushu-tip-prd li span,
.media-layer span,
.media-layer h5,
.media-layer-edit h5,
.puji-caozuo .puji-delete,
.puji-slet-bot,
.puji-r ul li,
.puji-caozuo .puji-yulan,
.puji-banben-yiren .bbyr-r,
.puji-l-tit h3,
.puji-l .puji-result h5,
.puji-r-tit h3,
.puji-banben-yiren,
.puji-result ol em,
.puji-result ol span,
.puji-fo,
.puji-fo button,
.puji-r-tit h5 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/*顶部水平居中*/
.sketch li label {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*底部水平居中*/
.flex-dsp {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*中心居中*/
.fl-c,
.nav-login a,
.sketch li span,
.juan-slect,
.juan-txt-b,
.quan-pay,
.quan-pay button,
.uppu-sc,
.uppu-sc button,
.yinfu-slect,
.userlayer ul li,
.userlayer ul li label,
.user-updata-pu .pu-updata-lay li .lbl-i .upbut,
.uppu-audio-wj,
.pushu-tip-btn li,
.pu-layer-tit,
.soso-fo,
.soso-fo button,
.media-layer label,
.media-layer-edit span,
.kefu-txt,
.kefu-txt-saoma,
.reg-tips,
.login-mobel span,
.login-inp-tips,
.login-code span,
.get-code,
.login-pw span,
.login-cut,
.pushu-tip-prd li span,
.so-l .so-no li,
.so-l .so-qiupu li,
.so-qiupu-btn,
.so-caozuo .cart-yulan,
.so-caozuo .cart-xiangqing,
.so-caozuo .cart-xiangqing a,
.so-caozuo .cart-join,
.so-caozuo .cart-tit-one,
.so-caozuo .cart-tit-one2,
.so-slet-bot,
.so-r .puji-dz-list label,
.search-make h4,
.pushu-btn,
.cover-btn,
.cover-btn span,
.audio-left,
.yinfu-btn,
.code-pu span,
.pu-info-all,
.see-info-all,
.search-fo,
.search-fo button,
.qiupu-r .search-no li,
.pu-tit-lay .yulan,
.diaoshi .pu-tit-shu,
.diaoshi .pu-tit-clo,
.pu-tit-lay .pu-tit-one,
.banben-yiren .pu-tit-one2,
.pushu-dec .pushu-tip-btn li,
.pushu-dec .pushu-tip-prd li span,
.search-r .puji-dz-list label,
.pu-infos-jine,
.pay-code-no,
.pay-code-no label,
.buy-jiesuo-tips,
.pay-popup-but,
.side-bar ul li,
.side-bar ul li em,
.login-touxiang,
.progess,
.progess-value,
.all-img-tool,
.code-btn,
.cart-fo,
.cart-fo button,
.cart-l .cart-no li,
.cart-caozuo .cart-yulan,
.cart-caozuo .cart-delete,
.cart-caozuo .pu-tit-clo,
.cart-caozuo .cart-tit-one,
.cart-caozuo .cart-tit-one2,
.cart-slet-bot,
.cart-r .puji-dz-list label,
.setmeal-tips label,
.puji-fo,
.puji-fo button,
.puji-l .puji-no li,
.puji-l .puji-result h5,
.puji-caozuo .puji-yulan,
.puji-caozuo .puji-delete,
.puji-caozuo .pu-tit-clo,
.puji-slet-bot,
.puji-r .puji-dz-list label,
.help-tips .pushu-tip-prd li span {
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
}

/*居左上角*/
.fl-lt,
.pushu-dec h5,
.other-ver h5,
.so-r-tit h5,
.cart-r-tit h5,
.puji-r-tit h5 {
  -webkit-box-align: start;
  -moz-align-items: start;
  -webkit-align-items: start;
  align-items: start;
}

/*居左下角*/
.fl-lb {
  -webkit-box-align: end;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/*靠左且上下居中*/
.fl-lc,
.hotnews .head span,
.score-info ul .info-r,
.index-left ul li p,
.index-mid ul li p,
.index-right ul li p,
.other-info .crumbs,
.user-related h3,
.user-related ul li a,
.user-updata-pu h3,
.side-bot li span a,
.user-related .info-edit li span,
.user-updata-pu .pu-updata-lay li,
.user-updata-pu .pu-updata-lay li .qpipt,
.user-updata-pu .pu-updata-lay li .lbl-h em,
.user-updata-pu .pu-updata-lay li .lbl-w em,
.layer-nav-login .login-exit a,
.pu-updata-tips h5,
.arc-related h3,
.layer-tit-glb,
.login-tips h5,
.layer-nav-login li,
.layer-nav-login li a,
.layer-so-hot,
.layer-sonav-tit,
.position,
.nav-so-bot,
.help-tips .puji-add li,
.help-tips .puji-add li .addipt,
.help-tips .puji-price li,
.help-tips .puji-price li label,
.help-tips .puji-add li .lbl-h em,
.help-tips h5,
.kefu-tips h5,
.login-mobel,
.login-code,
.login-pw,
.media-layer h5,
.so-l-tit h3,
.so-l .cart-make li,
.so-l .cart-make li .qpipt,
.so-l .cart-make li .lbl-h em,
.so-l .cart-make li .lbl-w em,
.so-tit-lay h4,
.so-bb-ms,
.so-bb-ms .bbyr-m,
.so-bb-ms .bbyr-m p,
.so-r-tit h3,
.pushu-dec h3,
.qiupu-r .search-make li,
.qiupu-r .search-make li .qpipt,
.qiupu-r .search-make li .lbl-h em,
.qiupu-r .search-make li .lbl-w em,
.pu-date,
.pu-tit-lay h4,
.banben-yiren,
.qiupu-r-tit h3,
.diaoshi,
.audio h3,
.other-pu,
.other-pu-item,
.other-pu-item h4,
.code-pu,
.pu-infos-tit em,
.pay-befr-tips h5,
.ver-txt h4,
.ver-txt p,
.ver-out,
.ver-out-side,
.column-tit,
.column-con ul,
.pu-infos em,
.img-show,
.cart-tit-lay h4,
.cart-banben-yiren,
.cart-l-tit h3,
.cart-l .cart-make li,
.cart-l .cart-make li .qpipt,
.cart-l .cart-make li .lbl-h em,
.cart-l .cart-make li .lbl-w em,
.cart-banben-yiren .bbyr-r,
.cart-banben-yiren .bbyr-r p,
.puji-banben-yiren,
.puji-l-tit h3,
.puji-r-tit h3,
.puji-l .puji-make li,
.puji-l .puji-make li .qpipt,
.puji-l .puji-make li .lbl-h em,
.puji-l .puji-make li .lbl-w em,
.puji-banben-yiren .bbyr-r,
.puji-result ol em,
.puji-result ol span {
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-justify-content: start;
  -webkit-justify-content: start;
  justify-content: start;
}

/*居左上角并上下居中且多行时换行*/
.search-r ul li,
.search-r,
.cart-r .cart-r-son ul li,
.puji-r .puji-r-son ul li {
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-box-align: start;
  -moz-align-items: initial;
  -webkit-align-items: initial;
  align-items: initial;
}

/*右上角*/
.fl-rt {
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/*靠右且上下垂直居中*/
.fl-rc,
.head-nav span,
.score-info ul .info-l,
.juan-txt-m,
.user-related .info-edit li span em,
.user-updata-pu .pu-updata-lay li span,
.user-updata-pu .pu-updata-lay li .spn-h2,
.pushu-tip-btn,
.help-tips .puji-add li span,
.help-tips .puji-price li span,
.media-layer span,
.so-l-tit h3 span,
.so-l .so-result li .so-caozuo,
.so-l .cart-make li span,
.so-bb-ms .bbyr-r,
.qiupu-r .search-make li span,
.pu-date label,
.pu-infos-tit span,
.pu-infos span,
.setmeal-tips,
.cart-l-tit h3 span,
.cart-l .cart-result li .cart-caozuo,
.cart-l .cart-make li span,
.cart-caozuo .cart-puid,
.puji-l-tit h3 span,
.puji-l .puji-make li span {
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/*上下分散居中*/
.fl-tcb,
.bd-main2,
.sketch li,
.cover-layer-con,
.pushu-tip-prd li,
.login-input,
.other-pu-item span,
.ver-img,
.ver-txt,
.pay-popup-but2,
.pay-popup-code,
.ver-img-side,
.pushu-dec .pushu-tip-prd li,
.ver-txt-side,
.tbtip,
.help-tips .pushu-tip-prd li {
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* 靠右且上下【单行】垂直居中 new */
.fl-rcl,
.nav-txt span,
.nav-txt span a,
.cart-r .cart-r-son ul li,
.score-info .main-info .main-info-titl,
.puji-r .puji-r-son ul li {
  flex-direction: unset;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
/*靠左且上下分散居中*/
.fl-ltcb,
.user-updata-pu .pu-updata-lay li .lbl-h,
.so-l .so-result li,
.so-l .cart-make li .lbl-h,
.qiupu-r .search-make li .lbl-h,
.audio-right,
.media-layer,
.media-layer-edit,
.qiupu-r .search-result li,
.help-tips .puji-add li .lbl-h,
.cart-l .cart-result li,
.cart-l .cart-make li .lbl-h,
.puji-l .puji-make li .lbl-h {
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-align-items: initial;
  -webkit-align-items: initial;
  align-items: initial;
}

/*靠右且上下分散居中*/
.fl-rtcb {
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-align-items: initial;
  -webkit-align-items: initial;
  align-items: initial;
}

/*左右分散且上下居中*/
.fl-lcr,
.head-nav,
.nav-txt,
.indextext,
.layer-so-nav,
.pushu-tip-prd,
.so-l,
.nav-so-bot span,
.qiupu-l,
.qiupu-r,
.pu-date time,
.other-pu-item span label,
.help-tips .puji-add li label,
.score-info ul li,
.audio-time,
.ver-img label,
.ver-out-side label,
.ver-txt-side p,
.wx-pay-but,
.yinfu-pay-but,
.setmeal-pay-but,
.pushu-dec .pushu-tip-btn,
.pushu-dec .pushu-tip-prd,
.juan-txt-t,
.pu-tit-lay,
.puji-dz-list,
.cart-l,
.cart-r .cart-r-son ul li,
.setmeal-tips,
.help-tips .pushu-tip-btn,
.help-tips .pushu-tip-prd,
.puji-l,
.pushu-tip-btn,
.so-tit-lay,
.sketch,
.juan-slect,
.juan-txt-b,
.layer-nav-login,
.cart-tit-lay {
  flex-direction: unset;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/*flex换行 2023 */
.so-l .cart-make li,
.lbl-w,
.sketch,
.juan-slect,
.user-updata-pu .pu-updata-lay li .lbl-i,
.user-updata-pu .pu-updata-lay li .lbl-w,
.user-updata-pu .pu-updata-lay li .lbl-i .upbut,
.yinfu-slect,
.uppu-audio-wj,
.so-l .cart-make li .lbl-w,
.qiupu-r .search-make li .lbl-w,
.pushu-dec .pushu-tip,
.pushu-dec .pushu-tip-btn,
.pushu-dec .pushu-tip-prd,
.cover-btn,
.cart-r-tit .cart-money,
.cart-l .cart-make li .lbl-w,
.puji-r-tit .puji-money,
.help-tips .pushu-tip-prd,
.puji-l .puji-make li .lbl-w {
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-flex-flow: row wrap;
  box-orient: horizontal;
  box-lines: multiple;
  flex-wrap: row wrap;
}
/*导航公共区域 S*/
.headlayer {
  width: 100%;
  height: 0.5rem;
}
/* header区域 */
.header {
  position: fixed;
  height: 0.5rem;
  width: 100%;
  box-shadow: 0 0.03rem 0.01rem 0 rgba(0, 0, 0, 0.2);
  background: #0a0;
  z-index: 9;
}

.head-nav {
  width: 100%;
  max-width: 10.8rem;
  height: 0.5rem;
  line-height: 0.5rem;
  margin: 0 auto;
}

.logo {
  height: 0.32rem;
  width: 1.28rem;
  background-position: 0 0;
  background-image: url(../images/ico_global.png);
  background-size: 1rem auto;
  background-repeat: no-repeat;
  text-decoration: none;
}
/* 导航栏搜索框 */
.nav-so-mo {
  display: none;
}
.nav-so-fo {
  width: 3.8rem;
  height: 0.42rem;
  line-height: 0.42rem;
  border: 0;
  border-radius: 5rem;
  margin: 0 0.18rem 0 0;
}

.nav-so-fo form {
  width: 3.8rem;
}

.nav-so-fo input {
  flex: 1;
  height: 0.42rem;
  width: 100%;
  font-size: 0.16rem;
  padding: 0 0 0 0.1rem;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
  border: 0.01rem solid #bbb;
  outline: none;
}

.nav-so-fo button {
  width: 1rem;
  height: 0.43rem;
  line-height: 0.4rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.02rem;
  padding: 0;
  background-color: #555;
  border: 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
  outline: 0;
  cursor: pointer;
}
/* 导航栏登录区 */
.nav-login {
  width: 2rem;
  height: 0.42rem;
  line-height: 0.42rem;
  border: 0;
}
.nav-txt span {
  height: 0.42rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
  color: #fff;
  cursor: pointer;
}
.nav-txt span a {
  width: 100%;
  height: auto;
  color: #fff;
}
.nav-txt span i {
  margin: 0 0 0 0.03rem;
  font-size: 0.18rem;
}

/* 栏目名称区 */
.nav-txt {
  flex: 1;
  height: 0.42rem;
  width: 100%;
  border: 0;
  outline: none;
}
/* 面包屑导航区 S */
.bread {
  height: 0.36rem;
  width: 100%;
}
.position {
  width: 100%;
  max-width: 1200px;
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.14rem;
  white-space: nowrap;
  color: #999;
  margin: 0 auto;
}
.position i {
  font-size: 0.18rem;
}
.position a {
  font-size: 0.14rem;
  color: #999;
}
.position h1 {
  height: 0.36rem;
  line-height: 0.36rem;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.14rem;
  font-style: normal;
  font-weight: normal;
}
/* 首页主搜索区 */
.bd-main2 {
  width: 10.8rem;
  height: 3rem;
  margin: 0 auto;
  background: #fff;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
}
.nav-so-fo2 {
  width: 5.8rem;
  height: 0.52rem;
  line-height: 0.42rem;
  border: 0;
  border-radius: 5rem;
  margin: 0 auto;
}
.nav-so-fo2 form {
  width: 5.8rem;
  height: 0.52rem;
}
.nav-so-fo2 input {
  flex: 1;
  height: 0.52rem;
  width: 100%;
  font-size: 0.16rem;
  padding: 0 0 0 0.1rem;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
  border: 0.025rem solid #0a0;
  outline: none;
}
.nav-so-fo2 button {
  width: 1rem;
  height: 0.52rem;
  line-height: 0.5rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.02rem;
  padding: 0;
  background-color: #0a0;
  border: 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
  outline: 0;
  cursor: pointer;
}
.nav-so-bot {
  font-size: 0.16rem;
  color: #0a0;
  width: 5.8rem;
  height: 0.42rem;
  line-height: 0.42rem;
  background-color: #f2f2f2;
  border: 0.01rem solid #dcdcdc;
  border-radius: 0.06rem;
  margin: 0.18rem auto 0 auto;
  padding: 0 0.12rem;
}
.nav-so-bot em {
  font-weight: 800;
  width: 0.83rem;
}
.nav-so-bot span {
  flex: 1;
  width: 100%;
}
.nav-so-bot span a {
  color: #00f;
}
.nav-so-bot span a:hover {
  color: #0a0;
}
.nav-so-bot span a i {
  margin: 0 0.02rem 0 0;
}
.indextext {
  width: 10.8rem;
  height: auto;
  margin: 0 auto;
  padding: 0 0.1rem;
  font-size: 0.16rem;
  background-color: #fff;
}
.index-left,
.index-mid,
.index-right {
  width: 32%;
}

/* nav面包屑导航标题区域 */
.pu-date {
  width: 100%;
  height: auto;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #888;
}
.pu-date span {
  margin: 0 0 0 0.28rem;
}
.pu-date .icon-a10-shijian,
.pu-date .icon-a43-bianji {
  font-size: 0.16rem;
  color: #222;
  margin-right: 0.03rem;
}
/* 面包屑导航区 E */
/* nav 标题区域 S */
.pu-date {
  width: 100%;
  height: auto;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #888;
}

.pu-date span {
  margin: 0 0 0 0.28rem;
}

.pu-date .icon-a10-shijian,
.pu-date .icon-a43-bianji {
  font-size: 0.16rem;
  color: #222;
  margin-right: 0.03rem;
}
/* nav 标题区域 E */

/***** 右列谱集定制目录说明区 ******/
.pushu-tip,
.pushu-tip-btn,
.pushu-tip-prd,
.cover-btn {
  margin: 0;
  padding: 0;
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-flex-flow: row wrap;
  box-orient: horizontal;
  box-lines: multiple;
  flex-wrap: row wrap;
}
.pushu-tip li {
  margin: 0.08rem 0;
  padding: 0;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #222;
}
.pushu-tip-btn li {
  margin: 0.04rem 0;
  padding: 0;
  width: 48%;
  height: 0.26rem;
  line-height: 0.24rem;
  font-size: 0.12rem;
  color: #555;
  text-align: center;
  border: 0.01rem solid #bbb;
  border-radius: 0.03rem;
  background-color: #eee;
  cursor: pointer;
}
.pushu-tip-btn li i {
  font-size: 0.16rem;
  margin: 0 0.02rem 0 0;
}
.pushu-tip .col-red {
  color: #f00;
}
.so-r-tit .pushu-tip-prd li {
  margin: 0.04rem 0;
  padding: 0;
  width: 32%;
  height: auto;
  font-size: 0.14rem;
  color: #555;
  text-align: center;
  border: 0.01rem solid #ccc;
  border-radius: 0.03rem;
}
.so-r-tit .pushu-tip-prd li span {
  margin: 0.01rem 0;
  width: 96%;
  height: 1.32rem;
  border: 0.01rem solid #ccc;
  border-radius: 0.03rem;
  background-image: url(/static/v1/images/pushufengmian.jpg);
  background-size: cover;
}
.pushu-tip-prd li span label {
  width: 100%;
  height: 0.22rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #fff;
  border-top: 0.01rem solid #ccc;
  border-bottom: 0.01rem solid #ccc;
  background-color: rgba(0, 0, 0, 0.6);
}
.pushu-tip-prd li p {
  margin: 0.1rem auto;
  padding: 0;
  line-height: 0.1rem;
  cursor: pointer;
}
.pushu-tip-prd li .a-blu a {
  color: #00f;
}
/* ----搜索结果右侧谱集介绍区--------------- E */
/***** 底部页脚 S******/
/* footer区域 */
.footer {
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0.4rem 0;
  background-color: #555;
  overflow: hidden;
}

.footer-con {
  height: auto;
  width: 100%;
  max-width: 10.8rem;
  font-size: 0.14rem;
  margin: 0 auto;
}

.footer-con p {
  color: #fff;
  line-height: 0.3rem;
}

.footer-con a {
  color: #fff;
}

/***** 下单预览页预览大图 S ******/
/*背景框*/
.mask-layer * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.mask-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 202020;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mask-layer .mask-layer-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  background: url(/static/buy/images/closeicon.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.mask-layer-black {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
}

.mask-layer-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.mask-layer-container .small-content {
  width: 630px;
  height: 100px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  bottom: 0;
  overflow: hidden;
}

.small-content .small-img-box {
  position: relative;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
}

.small-img-box .mask-small-img {
  width: 100px;
  height: 100px;
  border: 2px solid transparent;
  margin: 0 5px 0 0;
  opacity: 0.4;
  cursor: pointer;
}

.small-img-box .mask-small-img.onthis {
  border: 2px solid #1e9fff;
  opacity: 1;
}

.small-content .box-go-left:hover,
.small-content .box-go-right:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
  background-size: 24px;
}

.mask-layer-container .mask-layer-imgbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.mask-layer-container .mask-layer-imgbox.has-small {
  height: calc(100% - 105px);
}

.mask-layer-imgbox .mask-layer-imgName {
  z-index: 999;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  height: 30px;
  line-height: 20px;
  width: 100%;
  text-align: center;
  padding: 5px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  transition: all linear 0.3s;
}

@media screen and (min-width: 320px) and (max-width: 750px) {
  .mask-layer-imgbox .mask-layer-imgName {
    font-size: 11px;
  }
}

.mask-layer-imgbox:hover .mask-layer-imgName {
  bottom: 0px;
}

.mask-layer-imgbox .layer-img-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.layer-img-box > p {
  position: absolute;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  width: 100%;
  height: 100%;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  cursor: move;
  left: 0;
  top: 0;
}

.mask-layer-imgbox .layer-img-box img {
  position: absolute;
  width: 100%;
  max-width: 1240px;
  height: auto;
  left: 50%;
  top: 120%;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}

.mask-layer-imgbox .layer-img-box img:hover {
  cursor: move;
}
@media screen and (min-width: 320px) and (max-width: 750px) {
  .mask-layer-imgbox .layer-img-box img {
    top: 50%;
  }
}
.zoomImg-hide-box {
  display: none !important;
}
/*右键菜单*/
.mask-layer .contextmenu {
  list-style: none;
  display: none;
  position: absolute;
  width: 180px;
  background: #ffffff;
  border-radius: 5px;
  z-index: 99;
  border: 1px solid #333;
}

.mask-layer .contextmenu li {
  transition: ease 0.3s;
}

.mask-layer .contextmenu li:hover {
  background: #333333;
}

.mask-layer .contextmenu li > a {
  display: block;
  padding: 10px 10px 10px 35px;
  color: #000000;
  text-decoration: none;
  transition: ease 0.3s;
}

.mask-layer .contextmenu li:hover > a {
  color: #ffffff;
}
.mask-layer .contextmenu .menu-parend:hover .menu-child {
  display: block;
}
/***** 下单预览页预览大图 E ******/

/* 弹窗框架公共样式 S */
/* 外框 */
.pu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.pu-layer-wrap {
  position: absolute;
  border-radius: 0.1rem;
  padding: 0.1rem;
  background-color: #fff;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
  z-index: 12;
}
/* 关闭按钮 */
.puLayer-close {
  position: absolute;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: right;
  right: 0;
  top: -0.07rem;
  padding: 0.14rem;
  cursor: pointer;
  font-size: 28px;
  color: #000;
  opacity: 0.4;
  z-index: 15;
}
.pu-layer-wrap .puLayer-con {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.layer-tit-glb i {
  font-size: 0.18rem;
  color: #0a0;
  margin: 0 0.03rem 0 0;
}
.layer-con-uot {
  height: auto;
  border: 0;
  margin: 0.14rem 0 0 0;
}
/* 滚动条样式 */
.puLayer-con::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.01rem;
  border-radius: 0.3rem;
}
.puLayer-con::-webkit-scrollbar-button {
  display: none;
}
.puLayer-con::-webkit-scrollbar-track-piece {
  background: #ddd;
}
.puLayer-con::-webkit-scrollbar-thumb {
  background: #999;
}
.pu-layer-wrap .pu-layer-tit {
  margin: 0.1rem 0 0 0;
}
.pu-layer-wrap .pu-layer-tit em {
  width: 1.5rem;
  font-size: 0.18rem;
  color: #333;
  text-align: center;
  line-height: 0.24rem;
  margin: 0 0.04rem 0 0;
  border: 0.02rem solid #ccc;
  border-radius: 5rem;
  background-color: #9f1;
}
.pu-layer-wrap .pu-layer-tit h4 {
  max-width: calc(100% - 1rem);
  line-height: 0.4rem;
  font-size: 0.24rem;
  color: #383c3e;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 弹窗框架公共样式 E */

/* 弹层 登陆注册 S */
.layer-login-wh {
  width: 45%;
  height: 72%;
}
.login-tips-con {
  width: 35%;
  height: 42%;
}
.layer-login-uot {
  height: auto;
  border: 0;
  margin: 0.3rem 0.2rem.2rem;
}
.media-edit-con {
  width: 45%;
  height: 72%;
}
.login-touxiang {
  height: 0.5rem;
}
.login-touxiang i {
  height: auto;
  font-size: 0.5rem;
  color: #999;
}
.reg-tips,
.reg-tips2 {
  height: 0.22rem;
  line-height: 0.22rem;
  font-size: 0.14rem;
  color: #f24;
}
.reg-tips i {
  margin: 0 0.06rem 0 0;
}
.login-input {
  height: auto;
}
.login-inp-out {
  /* height: 1rem; */
  line-height: 1rem;
  width: 4.2rem;
  margin: 0.1rem auto 0 auto;
  border: 0;
  border-radius: 5rem;
}
.login-inp-tips {
  height: 0.26rem;
  line-height: 0.26rem;
  width: 100%;
  font-size: 0.14rem;
  color: #f00;
  margin: 0.06rem 0;
  background-color: #fdd;
  border: 0;
  border-radius: 5rem;
}
.login-cut {
  height: auto;
  line-height: 0.28rem;
  width: 100%;
  font-size: 0.16rem;
  color: #f00;
  margin: 0.08rem 0;
  border: 0;
}
.switch-pwd-login {
  cursor: pointer;
}
.cut-h {
  height: 1.2rem;
}
.pw-clr {
  color: #0ae;
}
.cod-clr {
  color: #0a0;
}
.login-mobel,
.login-code,
.login-pw,
.login-in {
  height: 0.52rem;
  width: 100%;
  border: 0.02rem solid #aaa;
  border-radius: 5rem;
}
.login-mobel span,
.login-code span,
.login-code .get-code,
.login-pw span {
  width: 1.05rem;
  height: 0.48rem;
  line-height: 0.9rem;
  color: #fff;
  background-color: #0a0;
  border: none;
  border-right: 0.01rem solid #ccc;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
.login-mobel span em,
.login-code span em,
.login-pw span em {
  font-size: 0.18rem;
  border: none;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
.login-pw span em {
  letter-spacing: 0.12rem;
}
.login-mobel span i,
.login-code span i,
.login-pw span i {
  font-size: 0.2rem;
}
.login-mobel input,
.login-code input,
.login-pw input {
  height: 0.46rem;
  width: calc(100% - 0.7rem);
  font-size: 0.16rem;
  padding: 0 0 0 0.04rem;
  outline: none;
  border: none;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}
.login-code input {
  width: calc(100% - 2rem);
  border-radius: 0;
}
.login-code .get-code {
  width: 1.2rem;
  height: 0.42rem;
  line-height: 0.42rem;
  margin: 0 0.04rem 0 0;
  color: #fff;
  background-color: #0a0;
  border: none;
  border-radius: 5rem;
  cursor: pointer;
}
.login-code .code-c {
  background-color: #bbb;
}
.login-code .get-code em {
  font-size: 0.14rem;
  width: 1.2rem;
  text-align: center;
  border: none;
  border-radius: 5rem;
}
.login-in {
  width: 1.6rem;
  border: none;
}
.login-btn {
  display: block;
  text-align: center;
  border: 0.02rem solid #eee;
  cursor: pointer;
  touch-action: manipulation;
  padding: 0;
  font-size: 0.18rem;
  font-weight: 400;
  background-color: #bbb;
  color: #fff;
  width: 1.6rem;
  height: 0.52rem;
  border-radius: 5rem;
  user-select: none;
}
.clr {
  background-color: #0a0;
}
.login-tips {
  height: auto;
  border: 0;
  margin: 0.2rem 0 0;
}
.login-tips h5 {
  width: 1.3rem;
  height: 0.2rem;
  font-size: 0.12rem;
  color: #888;
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}
.login-tips h5 i {
  font-size: 0.12rem;
  font-weight: 400;
  margin: 0 0.02rem 0 0;
}
.login-tips p {
  font-size: 0.14rem;
  color: #888;
  line-height: 0.22rem;
  margin: 0.1rem 0;
}
.customer {
  text-decoration: none;
  font-style: normal;
  color: #0a0;
  cursor: pointer;
  padding: 0.02rem 0.06rem;
  border: 0.01rem solid #0a0;
  border-radius: 0.12rem;
}
/* 中心弹层 登陆注册 E */

/* 中心弹层 客服层 S */
#pu-layer-kefu {
  z-index: 11;
}
.layer-kefu-wh {
  width: 35%;
  height: 78%;
}
.kefu-txt {
  height: 0.4rem;
  font-size: 0.18rem;
}
.kefu-txt i {
  font-size: 0.22rem;
  color: #0a0;
  margin: 0 0.04rem 0 0;
}
.kefu-txt ins {
  color: #0a0;
  font-weight: 800;
  text-decoration: none;
}
.code-txt {
  height: auto;
  line-height: 0.2rem;
  font-size: 0.14rem;
  text-align: center;
  margin: 0.2rem auto;
}
.code-txt i {
  font-size: 0.16rem;
  color: #0a0;
  margin: 0 0.04rem 0 0;
}
.kefu-txt .icon-a39-fuzhi {
  font-size: 0.22rem;
  color: #0ae;
  margin: 0 0 0 0.08rem;
  cursor: pointer;
}
.kefu-txt-saoma {
  font-size: 0.16rem;
  color: #666;
  text-align: center;
  line-height: 0.2rem;
  margin: 0.06rem 0;
}
.kefu-code {
  height: 1.8rem;
  width: 1.8rem;
  margin: 0 auto;
  background-position: 0 0;
  background-image: url(../images/wx-jtp66988.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-decoration: none;
}
.kefu-tips {
  margin: 0;
}
.kefu-tips h5 {
  height: 0.24rem;
  line-height: 0.2rem;
  font-size: 0.16rem;
  font-weight: 800;
  margin: 0;
}
.kefu-tips h5 i {
  font-weight: 400;
  margin: 0 0.04rem 0 0;
}
.kefu-tips h5 em {
  font-weight: 800;
}
.kefu-tips p {
  font-size: 0.14rem;
  line-height: 0.22rem;
  margin: 0.06rem 0;
}
/* 中心弹层 客服层 E */

/* 中心弹层 导航与搜索层 S */
.layer-nav-wh {
  width: 35%;
  height: 60%;
}
.layer-cart-uot {
  height: auto;
  border: 0;
  margin: 0.2rem auto 0 auto;
}
.arc-so-str {
  width: 86%;
  margin: 0.1rem auto 0.2rem auto;
}
.arc-so-end {
  width: 86%;
  margin: 0.4rem auto 0.1rem auto;
}
.layer-nav-login {
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
  margin: 0;
  padding: 0;
}
.layer-nav-login li {
  font-size: 0.14rem;
  margin: 0 0.18rem 0 0;
  cursor: pointer;
}
.layer-nav-login .login-exit {
  margin: 0 0.6rem 0 0;
}
.layer-nav-login .login-exit a {
  color: #f00;
}
.layer-nav-login i {
  font-size: 0.16rem;
  margin: 0 0.02rem 0 0;
}
.layer-nav-login li a .icon-a84-login {
  font-size: 0.18rem;
  margin: 0 0.03rem 0 0.02rem;
}
.layer-nav-login li a .icon-a84-exit {
  height: 0.16rem;
  line-height: 0.18rem;
  font-size: 0.18rem;
  color: #f00;
  margin: 0 0.01rem 0 0;
}

.search {
  position: relative;
  width: 100%;
  height: 0.5rem;
  padding: 0 0 0 0.03rem;
  border: 0.02rem solid #aaa;
  border-radius: 5rem;
}
.soso-fo {
  width: 100%;
  height: 0.45rem;
  line-height: 0.55rem;
  border: none;
  border-radius: 5rem;
}
.soso-fo input {
  flex: 1;
  height: 0.44rem;
  line-height: 0.44rem;
  width: 1rem;
  padding: 0 0.05rem 0 0.06rem;
  outline: none;
  border: none;
  border-radius: 5rem;
}
.soso-fo button {
  width: 0.8rem;
  height: 0.39rem;
  line-height: 0.32rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.02rem;
  margin: 0 0.04rem 0 0;
  padding: 0;
  background-color: #0a0;
  border: 0.01rem solid #bbb;
  border-radius: 5rem;
  outline: 0;
  cursor: pointer;
}
.soso-fo .icon-a2-sousuo3 {
  font-size: 0.14rem;
}
.layer-so-hot,
.layer-so-nav {
  font-size: 0.14rem;
  line-height: 0.26rem;
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-flex-flow: row wrap;
  box-orient: horizontal;
  box-lines: multiple;
  flex-wrap: row wrap;
}
.layer-so-hot i {
  font-size: 0.16rem;
  color: #f00;
  margin: 0 0.02rem 0 0;
}
.layer-so-hot li {
  margin: 0 0.12rem 0 0;
  cursor: pointer;
}
.layer-sonav-tit {
  font-size: 0.18rem;
  margin: 0.2rem 0 0.1rem 0;
  padding: 0 0 0.04rem 0;
  border-bottom: 0.02rem solid #ccc;
}
.layer-sonav-tit i {
  font-size: 0.18rem;
  margin: 0 0.03rem 0 0;
  color: #0a0;
}
.layer-sonav-tit span {
  font-weight: 800;
}
.layer-so-nav {
  font-size: 0.16rem;
}
.layer-so-nav li {
  width: 30%;
  line-height: 0.3rem;
  text-align: center;
  margin: 0 0 0.1rem 0;
  border: 0.01rem solid #bbb;
  border-radius: 0.03rem;
  background-color: #eee;
}
/* 中心弹层 搜索层 E */

/**中心弹层 help类 S **/
.layer-help-wh,
.code-why-wh {
  width: 32%;
  height: 45%;
}
.layer-help-uot {
  height: auto;
  border: 0;
  margin: 0.1rem 0 0 0;
}
.help-tips {
  margin: 0;
}
.help-tips a {
  color: #0ae;
}
.help-tips h5 {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
  font-weight: 800;
  margin: 0.08rem 0 0 0;
}
.help-tips h5 i {
  font-weight: 400;
  margin: 0 0.04rem 0 0;
}
.help-tips h5 em {
  font-weight: 800;
}
.help-tips p {
  font-size: 0.14rem;
  line-height: 0.26rem;
  margin: 0;
}
/**中心弹层 help类 E **/

/* 支付收银台弹层 S */
.pu-btn-wh {
  width: 56%;
  height: 86%;
}

.pu-layer-wrap .layer-tit-glb {
  height: 0.4rem;
  line-height: 0.4rem;
  width: 100%;
  border: 0;
  padding: 0 0 0.1em 0;
  border-bottom: 0.01rem solid #ccc;
  box-shadow: 0 0.04rem 0.01rem #eee;
}

.pu-layer-wrap .layer-tit-glb i {
  font-size: 0.28rem;
  color: #0a0;
  line-height: 0.38rem;
  margin: 0 0.02rem 0 0;
}

.pu-layer-wrap .layer-tit-glb h4 {
  line-height: 0.4rem;
  font-size: 0.18rem;
  color: #383c3e;
}

.pu-layer-js-info {
  height: auto;
  border: 0;
  margin: 0.1rem 0 0 0;
}

.pu-layer-js-info .pu-infos-tit {
  margin: 0 0.1rem;
  border: 0;
  height: auto;
}

.pu-infos-tit span {
  height: auto;
  min-height: 0.32rem;
  width: 2.1rem;
  font-size: 0.16rem;
  font-weight: 800;
  line-height: 0.32rem;
  text-align: right;
  padding: 0 0.1rem 0 0;
  border: 0.01rem solid #ddd;
  border-left: 0;
}

.pu-infos-tit em {
  flex: 1;
  height: auto;
  min-height: 0.32rem;
  width: 100%;
  font-size: 0.14rem;
  line-height: 0.24rem;
  text-align: left;
  padding: 0.1rem 0 0.1rem 0.1rem;
  border: 0.01rem solid #ddd;
  border-left: 0;
  border-right: 0;
}

.pu-infos-tit em a {
  color: #0ae;
  margin: 0 0 0 12px;
}

.pu-infos-jine {
  width: 58%;
  height: 0.36rem;
  line-height: 0.36rem;
  margin: 0.15rem auto;
  padding: 0.26rem 0;
  background-color: #ffd;
  border: 0.01rem solid #bbb;
  border-radius: 0.1rem;
  box-shadow: 0 0.01rem 0.12rem #888;
}

.pu-infos-jine span {
  font-size: 0.22rem;
  color: #666;
}

.pu-infos-jine b {
  font-size: 0.32rem;
  color: #0a0;
  font-weight: 400;
}

.pu-infos-jine i {
  font-size: 0.4rem;
  color: #0a0;
  margin: 0 0.06rem;
}

.pu-infos-jine em {
  font-size: 0.28rem;
  color: #f00;
}

.buy-jiesuo-tips {
  width: 100%;
  height: 0.24rem;
  line-height: 0.4rem;
}

.buy-jiesuo-tips i {
  font-size: 0.16rem;
  color: #0a0;
  margin: 0 0.02rem 0 0;
}

.buy-jiesuo-tips em {
  font-size: 0.16rem;
  color: #f24;
}

.buy-code-tips {
  height: auto;
  margin: 0 0.1rem;
  border: 0;
}

.buy-tips-txt {
  height: auto;
  line-height: 0.24rem;
  text-align: center;
}

.buy-tips-txt i {
  font-size: 0.16rem;
  color: #888;
  margin: 0 0.04rem 0 0;
}

.buy-tips-txt em {
  font-size: 0.16rem;
  color: #888;
}

.buy-tips-txt em ins {
  color: #0ae;
  text-decoration: none;
  cursor: pointer;
}

.pay-code-no {
  height: auto;
  margin: 0.1rem;
  border: 0;
}

.pay-code-no label {
  height: 0.52rem;
  width: 1.4rem;
  font-size: 0.16rem;
  color: #fff;
  background-color: #0a0;
  border: 0.01rem solid #ccc;
  border-right: 0;
  border-top-left-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
}

.pay-code-no input {
  height: 0.52rem;
  width: 3rem;
  font-size: 0.16rem;
  padding-left: 0.05rem;
  border: 0.02rem solid #aaa;
  border-left: 0;
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0.08rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.08rem;
}

.pay-code-no em {
  height: 0.52rem;
  width: 0.84rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #0ae;
  cursor: pointer;
  margin: 0;
  padding: 0.06rem 0 0.06rem 0.1rem;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pay-code-no em i {
  font-size: 0.14rem;
  margin: 0 0.04rem 0 0;
}

.pay-popup-but {
  height: auto;
  margin: 0.1rem;
  border: 0;
}

.pay-popup-but2 {
  height: auto;
  margin: 0.05rem 0.1rem 0 0;
  border: 0;
}

.pay-popup-code p {
  margin: 14px 0 0 0;
  font-size: 0.16rem;
}

.pay-popup-code p img {
  border: 1px solid #bbb;
}

.pay-but-type {
  width: 2rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  border: 0.01rem solid #eee;
  border-radius: 5px;
  margin: 0.05rem auto;
  padding: 0;
  box-shadow: 0 0.01rem 0.04rem #333;
  z-index: 26;
}

.pay-popup-but .pay-but,
.pay-popup-but2 .pay-but {
  width: 2rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  border: 0;
  margin: 0 auto;
  padding: 0;
  display: block;
  background-color: transparent;
  overflow: hidden;
  z-index: 28;
}

.wx-pay-but {
  width: 100%;
  height: 0.52rem;
  line-height: 0.52rem;
  margin: 0;
  padding: 0 0 0 0.1rem;
  cursor: pointer;
}

.wx-pay-but .icon-a41-vxpay1 {
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.38rem;
  color: #07c160;
  margin: 0;
  padding: 0;
  border: 0;
}

.wx-pay-but em {
  flex: 1;
  width: 100%;
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.18rem;
  letter-spacing: 0.08rem;
  color: #07c160;
  font-style: normal;
}

.yinfu-pay-but {
  width: 100%;
  height: 0.52rem;
  line-height: 0.52rem;
  margin: 0;
  padding: 0 0.05rem;
  cursor: pointer;
}

.yinfu-pay-but .icon-a45-yinfu {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.4rem;
  color: #f24;
  margin: 0;
  padding: 0;
  border: 0;
}

.yinfu-pay-but p {
  flex: 1;
  width: 100%;
  height: 0.48rem;
  text-align: center;
}

.yinfu-pay-but p em {
  display: block;
  width: 100%;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.18rem;
  color: #f24;
}

.yinfu-pay-but .txt-sm {
  width: 100%;
  height: 0.2rem;
  font-size: 0.14rem;
}

.setmeal-pay-but {
  width: 100%;
  height: 0.52rem;
  line-height: 0.52rem;
  margin: 0;
  padding: 0 0.05rem;
  cursor: pointer;
}

.setmeal-pay-but .icon-a22-youhuijuan2 {
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.44rem;
  color: #0ae;
  margin: 0;
  padding: 0;
  border: 0;
}

.setmeal-pay-but p {
  flex: 1;
  width: 100%;
  height: 0.48rem;
  text-align: center;
}

.setmeal-pay-but p em {
  display: block;
  width: 100%;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.18rem;
  color: #0ae;
}

.setmeal-pay-but .txt-sm {
  width: 100%;
  height: 0.2rem;
  font-size: 0.14rem;
}

.setmeal-tips {
  margin: 0.14rem 0.4rem auto 0;
  text-align: right;
  color: #0ae;
}
.setmeal-tips em {
  cursor: pointer;
}

.pay-popup-but .setmeal-tips i {
  font-size: 0.34rem;
  color: #0ae;
  margin: 0 0.06rem 0 0;
}

.pay-popup-but .setmeal-tips em {
  font-size: 0.28rem;
  color: #0ae;
}

.pay-befr-tips {
  margin: 0;
  color: #999;
}

.pay-befr-tips h5 {
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.16rem;
  font-weight: 800;
  margin: 0;
}

.pay-befr-tips h5 i {
  font-size: 0.16rem;
  font-weight: 400;
  margin: 0 0.04rem 0 0;
}

.pay-befr-tips h5 em {
  font-weight: 800;
}

.pay-befr-tips p {
  font-size: 0.14rem;
  line-height: 0.22rem;
  margin: 0.1rem 0;
}
/* 支付收银台弹层 E */
/**侧栏 按钮 S **/
.bar-fixed-glb {
  position: fixed;
  _position: absolute;
  right: 50%;
  top: 1.62rem;
  margin-right: -2.58rem;
  z-index: 9;
}

.bar-fixed-pay {
  position: absolute;
  top: 1.3rem;
  right: 0;
  z-index: 18;
}

.side-bar {
  width: 0.66rem;
}

.side-bar ul {
  margin: 0;
  padding: 0;
}

.side-bar ul li {
  height: 0.4rem;
  line-height: 0.5rem;
  margin: 0.1rem 0;
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
  background-color: rgb(0, 170, 0, 0.75);
  box-shadow: 0 0.01rem 0.12rem #999;
  cursor: pointer;
}

.side-bar ul li i {
  font-size: 0.2rem;
  color: #fff;
  margin: 0 0.04rem 0 0.05rem;
}

.side-bar ul li .icon-a4-weixin {
  font-size: 0.17rem;
  color: #fff;
  margin: 0 0.04rem 0 0.05rem;
}

.side-bar ul li em {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
  color: #fff;
}

.side-bar ul .bar-open {
  background-color: rgba(158, 158, 158, 0);
  margin-top: 310px;
}

.side-bar ul .bar-open i,
.side-bar ul .bar-open em {
  color: #999;
}
/**侧栏 按钮 E **/
/* 提示框 S */
.pu-tips-open {
  width: 25%;
  height: 25%;
}
/* 提示框 E */
/*消除加载时rem生效时间差*/
@media (min-width: 320px) {
  html {
    font-size: 42.6667px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 48px;
  }
}

@media (min-width: 375px) {
  html {
    font-size: 100px;
  }
}

@media (min-width: 384px) {
  html {
    font-size: 51.2px;
  }
}

@media (min-width: 414px) {
  html {
    font-size: 55.2px;
  }
}

@media (min-width: 448px) {
  html {
    font-size: 59.7333px;
  }
}

@media (min-width: 480px) {
  html {
    font-size: 48px;
  }
}

@media (min-width: 512px) {
  html {
    font-size: 68.2667px;
  }
}

@media (min-width: 544px) {
  html {
    font-size: 72.5333px;
  }
}

@media (min-width: 576px) {
  html {
    font-size: 76.8px;
  }
}

@media (min-width: 608px) {
  html {
    font-size: 81.0667px;
  }
}

@media (min-width: 640px) {
  html {
    font-size: 85.3333px;
  }
}

/* 移动端适配样式修改 */
@media screen and (max-width: 640px) {
  /*定义移动端flex布局 全局*/
  .flex-use,
  .links,
  .audio-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  /*中心居中*/
  .fl-c {
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
  }
  /*靠左且上下分散居中*/
  .fl-ltcb,
  .audio-right {
    flex-direction: column;
    -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-align-items: initial;
    -webkit-align-items: initial;
    align-items: initial;
  }
  /*flex 换行*/
  .indextext,
  .links {
    -webkit-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    box-orient: horizontal;
    box-lines: multiple;
    flex-wrap: row wrap;
  }
  /*MB导航公共区域 S*/
  /* header区域 */
  .header {
    position: fixed;
    top: 0;
    z-index: 10;
  }
  .head-nav {
    height: 100%;
  }
  .logo {
    flex: 1;
    width: 100%;
    height: 0.32rem;
    background-size: 1rem auto;
  }
  .nav-login {
    width: 1rem;
  }
  .nav-login a i,
  .nav-txt span i {
    font-size: 0.26rem;
  }
  .nav-login a em {
    margin: 0;
    height: 0.32rem;
    line-height: 0.32rem;
  }
  .nav-login a .usernstl {
    font-size: 0.13rem;
    color: #ef0;
    height: 0.18rem;
    line-height: 0.18rem;
    border-bottom: 0.01rem solid #ef0;
  }
  .nav-so-fo,
  .nav-login,
  .nav-txt {
    display: none;
  }
  /* 导航栏搜索框 */
  .nav-so-mo {
    display: flex;
    justify-content: space-between;
  }

  .nav-so-mo span {
    width: 0.46rem;
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    display: block;
  }
  .nav-so-mo span a {
    width: 0.5rem;
    height: 0.46rem;
    line-height: 0.46rem;
    color: #fff;
  }
  .nav-so-mo span .icon-a3-touxiang1 {
    font-size: 0.26rem;
  }
  .nav-so-mo span .icon-a89-ucenter {
    font-size: 0.26rem;
  }
  .nav-so-mo span .icon-a16-cart-none {
    font-size: 0.26rem;
  }
  .nav-so-mo span .icon-a93-qiupu {
    font-size: 0.26rem;
  }
  .nav-so-mo span .icon-a32-shuben4 {
    font-size: 0.26rem;
  }
  .nav-so-mo span .icon-a4-weixin {
    font-size: 0.26rem;
  }
  .nav-so-mo span .icon-a2-sousuo2 {
    font-size: 0.28rem;
  }
  .nav-so-mo span .icon-a2-sousuo {
    font-size: 0.32rem;
  }
  /* 首页搜索框区域 */
  .bd-main2 {
    margin: 0.52rem 0 0 0;
    width: 100%;
    height: 2rem;
  }
  .nav-so-fo2,
  .nav-so-bot {
    width: 96%;
  }
  .nav-so-bot span a {
    font-size: 0.14rem;
  }
  .nav-so-bot span a i {
    font-size: 0.14rem;
  }
  .indextext {
    width: 100%;
    padding: 0 0.08rem;
  }
  .index-left,
  .index-mid,
  .index-right {
    width: 100%;
    margin: 0;
  }
  /* 内容页头尾搜索框宽度 */
  .arc-so-str,
  .arc-so-end {
    width: 98%;
  }
  /* 页脚footer */
  .footer {
    height: 1.25rem;
    padding: 0;
  }
  .footer-con p {
    height: 0.3rem;
    line-height: 0.66rem;
    text-align: center;
  }
  /*弹窗大小 公共*/
  .layer-kefu-wh,
  .pu-btn-wh,
  .layer-help-wh,
  .code-why-wh,
  .pu-tips-open,
  .layer-login-wh,
  .layer-search-wh,
  .pu-juan-wh,
  .layer-cart-wh {
    width: 96%;
    height: 78%;
    max-height: 12rem;
    overflow: auto;
  }
  .login-inp-out {
    width: 100%;
    height: 0.95rem;
    line-height: 0.95rem;
  }
  .help-tips-con {
    width: 96%;
    height: 52%;
  }
  .media-edit-con {
    width: 96%;
    height: 78%;
  }
  /* 登录 注册弹窗 */
  .login-tips-con {
    width: 96%;
    height: 52%;
  }
  .layer-login-wh {
    width: 96%;
    height: 78%;
  }
  .login-tips h5 {
    width: 1.7rem;
    font-size: 0.14rem;
  }
  .login-tips h5 i {
    font-size: 0.16rem;
  }
  /* 客服弹窗 */
  .kefu-code {
    height: 1.6rem;
    width: 1.6rem;
  }
  .search {
    width: auto;
  }
  .soso-fo .icon-a2-sousuo3 {
    padding-right: 0;
  } /*弹窗大小*/
  .layer-nav-wh {
    width: 96%;
    height: 78%;
    max-height: 12rem;
    overflow: auto;
  }
  .uppu-tips-con {
    width: 96%;
    height: 78%;
  }
  /* 右边栏谱书预览图高度 */
  .so-r-tit .pushu-tip-prd li span {
    height: 1.66rem;
  }
  .so-r-tit .pushu-tip-prd li span label {
    height: 0.26rem;
    line-height: 0.24rem;
    font-size: 0.14rem;
  }
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

/* 弹层优先级 */
#pu-layer-quan {
  z-index: 20;
}
#pu-layer-payhelp {
  z-index: 21;
}
#pu-layer-search {
  z-index: 9;
}