@charset "UTF-8";
/**
* 溢出省略号
* @param {Number} 行数
*/
/* Reset: */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
html { min-height: 100%; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; overflow-y: scroll; }
body { width: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #222222; background: #f5f5f5; }
img, input, select { vertical-align: middle; font-family: inherit; font-size: 100%; }
img, fieldset { border: 0; -ms-interpolation-mode: bicubic; width: 100%; }
li, ul, dl { list-style: none; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
input { border: none; outline: none; background-color: transparent; -webkit-appearance: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }
input::-webkit-input-placeholder { color: #cccccc; font-size: 0.33333rem; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; }
button[disabled], input[disabled] { cursor: default; }
textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit; font-size: 100%; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th { font-style: normal; font-weight: 500; }
caption, th { text-align: left; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
i, em { font-style: normal; }
b, strong, dt { font-weight: bold; }
a { color: #666; text-decoration: none; }
a, a:hover, a:active { outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent; }
a:focus { outline: 0; }
/* Clear: */
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; *zoom: 1; /*ie6,7*/ }
input::-webkit-input-placeholder { color: #A8A8A8; font-size: 0.38889rem; }
input::-moz-placeholder { color: #A8A8A8; font-size: 0.38889rem; }
input:-moz-placeholder { color: #A8A8A8; font-size: 0.38889rem; }
input:-ms-input-placeholder { color: #A8A8A8; font-size: 0.38889rem; }
/* 选择历史记录的文字颜色和背景颜色 */
input:-webkit-autofill { -webkit-animation: autofill-fix 1s infinite !important; /* 选择历史记录的文字颜色*/ -webkit-text-fill-color: #666; -webkit-transition: background-color 50000s ease-in-out 0s !important; -o-transition: background-color 50000s ease-in-out 0s !important; -moz-transition: background-color 50000s ease-in-out 0s !important; transition: background-color 50000s ease-in-out 0s !important; background-color: transparent !important; background-image: none !important; /* 选择历史记录的背景颜色 */ -webkit-box-shadow: 0 0 0 1000px transparent inset !important; }
.user_ico { display: inline-block; vertical-align: middle; background-image: url("../img/user_ico_wx.png"); background-repeat: no-repeat; background-size: 4.55553rem 3.61109rem; }

.user_ico.user1 { width: 0.66666rem; height: 0.66666rem; background-position: -0.09257rem -2.85186rem; }
.user_ico.user2 { width: 0.66666rem; height: 0.66666rem; background-position: -0.94444rem -2.85186rem; }
.user_ico.user3 { width: 0.66666rem; height: 0.66666rem; background-position: -1.79631rem -2.85186rem; }
.user_ico.user4 { width: 0.66666rem; height: 0.66666rem; background-position: -2.64811rem -2.85186rem; }
.user_ico.user5 { width: 0.66666rem; height: 0.66666rem; background-position: -3.7963rem -0.09257rem; }
.user_ico.user6 { width: 0.66666rem; height: 0.66666rem; background-position: -0.99999rem -1.94443rem; }
.user_ico.user7 { width: 0.66666rem; height: 0.66666rem; background-position: -1.85186rem -1.94443rem; }
.user_ico.user8 { width: 0.66666rem; height: 0.66666rem; background-position: -2.70366rem -1.94443rem; }
.user_ico.user9 { width: 0.72222rem; height: 0.72222rem; background-position: -0.09257rem -1.94443rem; }
.user_ico.user_d { width: 1.66666rem; height: 1.66666rem; background-position: -0.09257rem -0.09257rem; }
.user_ico.user_h { width: 1.66666rem; height: 1.66666rem; background-position: -1.94443rem -0.09257rem; }
.xp_ico { display: inline-block; vertical-align: middle; background-image: url("../img/xp_ico.png"); background-repeat: no-repeat; background-size: 2.31478rem 2.12964rem; }
.x1 { width: 0.64812rem; height: 0.64812rem; background-position: -1.66666rem -0.64812rem; }
.x2 { width: 0.64812rem; height: 0.64812rem; background-position: 0 -1.48145rem; }
.x3 { width: 0.64812rem; height: 0.64812rem; background-position: -0.64812rem -1.48145rem; }
.x4 { width: 0.64812rem; height: 0.64812rem; background-position: -1.29631rem -1.48145rem; }
.x5 { width: 0.64812rem; height: 0.64812rem; background-position: 0 -0.83333rem; }
.x6 { width: 0.64812rem; height: 0.64812rem; background-position: -0.64812rem -0.83333rem; }
.xz1 { width: 0.64812rem; height: 0.64812rem; background-position: -1.66666rem 0; }
.zf_wx { width: 0.83333rem; height: 0.83333rem; background-position: 0 0; }
.zf_zfb { width: 0.83333rem; height: 0.83333rem; background-position: -0.83333rem 0; }
.ps_ico { display: inline-block; vertical-align: middle; background-image: url("../img/ps_ico.png"); background-repeat: no-repeat; background-size: 3.88886rem 3.88886rem; }
.ps1 { width: 1.29631rem; height: 1.29631rem; background-position: -2.59255rem -1.29631rem; }
.ps2 { width: 1.29631rem; height: 1.29631rem; background-position: 0 -2.59255rem; }
.ps3 { width: 1.29631rem; height: 1.29631rem; background-position: 0 0; }
.ps4 { width: 1.29631rem; height: 1.29631rem; background-position: -1.29631rem 0; }
.ps5 { width: 1.29631rem; height: 1.29631rem; background-position: 0 -1.29631rem; }
.ps6 { width: 1.29631rem; height: 1.29631rem; background-position: -1.29631rem -1.29631rem; }
.ps7 { width: 1.29631rem; height: 1.29631rem; background-position: -2.59255rem 0; }
.an_ico { display: inline-block; vertical-align: middle; background-image: url("../img/an_ico.png"); background-repeat: no-repeat; background-size: 4.35185rem 4.35185rem; }
.na1 { width: 1.48145rem; height: 1.48145rem; background-position: 0 0; }
.na2 { width: 1.48145rem; height: 1.48145rem; background-position: -1.48145rem 0; }
.na3 { width: 1.48145rem; height: 1.48145rem; background-position: 0 -1.48145rem; }
.na4 { width: 1.48145rem; height: 1.48145rem; background-position: -1.48145rem -1.48145rem; }
.an_cq { width: 1.38888rem; height: 1.38888rem; background-position: -2.96297rem 0; }
.an_cz { width: 1.38888rem; height: 1.38888rem; background-position: -2.96297rem -1.38888rem; }
.an_sc { width: 1.38888rem; height: 1.38888rem; background-position: 0 -2.96297rem; }
.ico { display: inline-block; vertical-align: middle; background-image: url("../img/ico.png"); background-repeat: no-repeat; background-size: 1.66666rem 16.81468rem; }
.ico_1 { width: 0.44444rem; height: 0.44444rem; background-position: 0 -1.25923rem; }
.ico_2 { width: 0.62965rem; height: 0.62965rem; background-position: 0 -8.66661rem; }
.ico_3 { width: 0.37034rem; height: 0.37034rem; background-position: 0 0; }
.ico_4 { width: 0.55555rem; height: 0.55555rem; background-position: 0 -3.66664rem; }
.ico_4h { width: 0.55555rem; height: 0.55555rem; background-position: 0 -4.2222rem; }
.ico_5 { width: 0.44444rem; height: 0.44444rem; background-position: 0 -0.37034rem; }
.ico_6 { width: 0.55555rem; height: 0.55555rem; background-position: 0 -4.77775rem; }
.ico_7 { width: 0.44444rem; height: 0.44444rem; background-position: 0 -0.81479rem; }
.ico_8 { width: 0.66666rem; height: 0.66666rem; background-position: 0 -9.29626rem; }
.ico_9 { width: 0.53701rem; height: 0.53701rem; background-position: 0 -3.12963rem; }
.ico_10 { width: 0.72222rem; height: 0.72222rem; background-position: 0 -12.62957rem; }
.ico_11 { width: 0.55555rem; height: 0.55555rem; background-position: 0 -5.3333rem; }
.ico_12 { width: 0.27778rem; height: 0.46298rem; background-position: 0 -1.70367rem; }
.ico_13 { width: 0.55555rem; height: 0.55555rem; background-position: 0 -5.88885rem; }
.ico_14 { width: 0.27778rem; height: 0.46298rem; background-position: 0 -2.16665rem; }
.ico_15 { width: 0.66666rem; height: 0.66666rem; background-position: 0 -9.96292rem; }
.ico_16 { width: 0.55555rem; height: 0.55555rem; background-position: 0 -6.4444rem; }
.ico_17 { width: 0.55555rem; height: 0.55555rem; background-position: 0 -6.99996rem; }
.ico_17b { width: 0.55555rem; height: 0.55555rem; background-position: 0 -7.55551rem; }
.ico_17h { width: 0.55555rem; height: 0.55555rem; background-position: 0 -8.11106rem; }
.ico_18 { width: 0.5rem; height: 0.5rem; background-position: 0 -2.62964rem; }
.ico_19 { width: 1.07409rem; height: 1.07409rem; background-position: 0 -14.07401rem; }
.ico_20 { width: 0.66666rem; height: 0.66666rem; background-position: 0 -8.08328rem; }
.ico_21 { width: 0.66666rem; height: 0.66666rem; background-position: 0 -11.29625rem; }
.ico_22 { width: 1.66666rem; height: 1.66666rem; background-position: 0 -15.14803rem; }
.ico_23 { width: 0.72222rem; height: 0.72222rem; background-position: 0 -13.35179rem; }
.ico_24 { width: 0.66666rem; height: 0.66666rem; background-position: 0 -11.96291rem; }

.buy_ico { display: inline-block; vertical-align: middle; background-image: url("../img/buy_ico.png"); background-repeat: no-repeat; background-size: 1.09256rem 9.0555rem; }
.buy_ico1 { width: 0.59257rem; height: 0.59257rem; background-position: -0.09257rem -0.83333rem; }
.buy_ico2 { width: 0.55555rem; height: 0.55555rem; background-position: -0.09257rem -0.09257rem; }
.buy_ico3 { width: 0.66666rem; height: 0.66666rem; background-position: -0.09257rem -3.31477rem; cursor: pointer;}
.buy_ico4 { width: 0.66666rem; height: 0.66666rem; background-position: -0.09257rem -4.16664rem; }
.buy_ico5 { width: 0.81479rem; height: 0.81479rem; background-position: -0.09257rem -5.01851rem; }
.buy_ico5h { width: 0.83333rem; height: 0.83333rem; background-position: -0.09257rem -5.98142rem; }
.buy_ico6 { width: 0.94444rem; height: 0.94444rem; background-position: -0.0741rem -6.9444rem; }
.buy_ico7 { width: 0.94444rem; height: 0.94444rem; background-position: -0.0741rem -8.03696rem; }
.buy_ico8 { width: 0.66666rem; height: 0.66666rem; background-position: -0.09257rem -1.62964rem; }
.buy_ico8h { width: 0.66666rem; height: 0.66666rem; background-position: -0.09257rem -2.48144rem; }

.buy_nu { display: inline-block; vertical-align: middle; background-image: url("../img/buy_nu.png"); background-repeat: no-repeat; background-size: 1.48145rem 13.8147rem; }
.buy_zf_wx { width: 0.85187rem; height: 0.85187rem; background-position: -0.09257rem -4.49997rem; }
.buy_zf_zfb { width: 0.81479rem; height: 0.81479rem; background-position: -0.09257rem -5.49996rem; }
.buy1 { width: 1.29631rem; height: 1.29631rem; background-position: -0.09257rem -6.49996rem; }
.buy2 { width: 1.29631rem; height: 1.29631rem; background-position: -0.09257rem -7.98141rem; }
.buy3 { width: 1.29631rem; height: 1.29631rem; background-position: -0.09257rem -9.46293rem; }
.buy4 { width: 1.29631rem; height: 1.29631rem; background-position: -0.09257rem -10.94437rem; }
.buy5 { width: 1.29631rem; height: 1.29631rem; background-position: -0.09257rem -12.42582rem; }
.pz_ico1 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -0.09257rem; }
.pz_ico2 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -0.72222rem; }
.pz_ico4 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -1.35187rem; }
.pz_ico3 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -1.98145rem; }
.pz_ico5 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -2.61109rem; }
.pz_ico6 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -3.24074rem; }
.pz_ico7 { width: 0.44444rem; height: 0.44444rem; background-position: -0.09257rem -3.87032rem; }

.wo_ico { display: inline-block; vertical-align: middle; background-image: url("../img/yunji_ico.png"); background-repeat: no-repeat; background-size: 5.12962rem 4.42587rem; }
.wo_ico.wojia_xx { width: 0.90742rem; height: 0.90742rem; background-position: -1.40742rem -2.537rem; }
.wo_ico.woko_x { width: 2.25922rem; height: 2.25922rem; background-position: -0.09257rem -0.09257rem; }
.wo_ico.woko_xx { width: 1.64811rem; height: 1.64811rem; background-position: -2.537rem -0.09257rem; }
.wo_ico.wo1h { width: 0.66666rem; height: 0.66666rem; background-position: -2.49998rem -2.537rem; }
.wo_ico.wo1q { width: 0.66666rem; height: 0.66666rem; background-position: -3.35185rem -2.537rem; }
.wo_ico.wo1r { width: 0.66666rem; height: 0.66666rem; background-position: -4.37032rem -0.09257rem; }
.wo_ico.wo2 { width: 0.66666rem; height: 0.66666rem; background-position: -4.37032rem -0.94444rem; }
.wo_ico.wo2h { width: 0.66666rem; height: 0.66666rem; background-position: -4.37032rem -1.79631rem; }
.wo_ico.wo3 { width: 0.6852rem; height: 0.6852rem; background-position: -4.37032rem -2.64811rem; }
.wo_ico.wosz_x { width: 0.5rem; height: 0.5rem; background-position: -0.09257rem -3.85185rem; }
.wo_ico.wosz_xx { width: 0.44444rem; height: 0.44444rem; background-position: -0.75923rem -3.85185rem; }
.wo_ico.wojia_x { width: 1.16666rem; height: 1.16666rem; background-position: -0.09257rem -2.537rem; }

.container { position: relative; width: 100%; max-width: 10rem; height: 100vh; margin: 0 auto; font-size: 0; overflow: hidden; background-color: #fff; }
.go_back { position: relative; display: flex; align-items: center; width: 100%; height: 1.48145rem; padding: 0 0.44444rem; background-color: #fff; border-bottom: 1px solid #F4F4F4; }
.go_back .ico_8 { margin-left: -0.11111rem; }
.go_back font { position: absolute; left: 50%; top: 0; height: 0.66666rem; margin-top: 0.40743rem; line-height: 0.66666rem; font-size: 0.47222rem; color: #222; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); }
.logon_bg { background-image: url("../img/bg/bg4.png"); background-position: bottom right; background-size: 6.24072rem 4.62032rem; background-repeat: no-repeat; }
.logon { display: block; position: relative; padding: 0 0.44444rem; }
.logon h2 { display: block; margin-top: 0.35187rem; margin-left: 0.5rem; font-size: 0.66666rem; color: #222222; font-weight: bold; }
.logon .h2 { display: block; text-align: center; margin-top: 0.43521rem; margin-bottom: 0.33333rem; font-size: 0.38889rem; color: #888888; }
.logon .p1 { float: left; width: 100%; padding-left: 0.5rem; margin-top: 0.24076rem; font-size: 0.33333rem; color: #A6A7B0; }
.logon .form_fs { display: inline-block; width: 100%; margin-top: 1.15742rem; }
.logon .form_ps { display: inline-block; width: 100%; margin-top: 0.44444rem; }
.logon .form_ps2 { display: inline-block; width: 100%; }
.logon .form-group { display: flex; justify-content: space-between; align-items: center; padding: 0.29632rem 0; margin: 0 0 0.4259rem 0; border: 1px solid #746EF6; background-color: #fff; border-radius: 0.59257rem; }
.logon .form-group input { width: 100%; padding-left: 0.62965rem; font-size: 0.38889rem; color: #222222; }
.logon .form-group .code_but { float: right; width: auto; padding: 0 0.18521rem; margin-right: 0.44444rem; border: 0; background: none; font-size: 0.38889rem; color: #746EF6; font-weight: normal; }
.logon .form-group .code_but:disabled { color: #AAAAAA; }
.logon .form-group .code { width: 68%; }
.logon .form-group .ico_4h, .logon .form-group .ico_4 { margin-right: 0.62965rem; }
.logon .form-ji { display: flex; justify-content: space-between; margin: 0 0.4259rem; }
.logon .form-ji .wjmm { font-size: 0.33333rem; color: #222222; }
.logon .form-check { display: flex; align-items: center; margin-left: 0.44444rem; margin-top: 2.75922rem; }
.logon .form-check .ico { margin-right: 0.16667rem; }
.logon .form-check .checkbox { cursor: pointer; }
.logon .form-check .txt { display: inline-block; vertical-align: middle; line-height: 0.51854rem; font-size: 0.33333rem; color: #A8ABB2; }
.logon .form-check .nav_link { display: inline-block; vertical-align: middle; line-height: 0.51854rem; font-size: 0.33333rem; color: #746EF6; }
.logon input[type="checkbox"] { display: none; }
.logon input[type="checkbox"]:checked + label i { background-position: 0 -8.11106rem; }
.logon .login { display: inline-block; width: 100%; padding: 0.33333rem 0; margin: 0.5rem 0; background: #746EF6; border-radius: 0.59257rem; text-align: center; font-size: 0.38889rem; color: #fff; font-weight: normal; border: 0; }
.logon .linkg { display: block; margin: 0 auto; text-align: center; color: #746EF6; font-size: 0.38889rem; }
.user { display: block; margin: 0.48146rem 0.18521rem 0 0.18521rem; padding: 0 0.44444rem; }
.user .user_lie { display: flex; align-items: center; justify-content: space-between; padding-top: 0.37034rem; padding-bottom: 0.37034rem; }
.user .user_lie .user_ico { margin-left: 0.12035rem; margin-right: 0.27778rem; }
.user .user_lie .txt { line-height: 0.66666rem; flex-grow: 1; font-size: 0.41666rem; color: #222222; }
.user .user_lie .ico_15 { margin-right: -0.13889rem; }
.yunji .an_notice { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 0.99999rem; padding: 0 0.26854rem 0 0.39812rem; line-height: 0.99999rem; background-color: #FFF4D8; box-sizing: border-box; }
.yunji .an_notice .an_notice_a { display: inline-block; flex-grow: 1; height: 0.66666rem; line-height: 0.66666rem; }
.yunji .an_notice .an_notice_t { display: inline-block; max-width: 7.77773rem; margin-left: 0.23146rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #FFA237; font-size: 0.35187rem; }
.yunji .an_top { display: flex; justify-content: space-between; width: 100%; padding: 0 0.44444rem; box-sizing: border-box; }
.yunji .an_top .an_top_l { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0.31479rem; font-size: 0; }
.yunji .an_top .an_top_l .an_top_ls { text-align: center; margin-right: 0.48146rem; cursor: pointer; }
.yunji .an_top .an_top_l .an_top_txt { display: block; line-height: 0.4259rem; font-size: 0.29632rem; color: #746EF6; }
.yunji .an_top .an_tj { display: inline-block; height: 0.85187rem; line-height: 0.79631rem; font-size: 0; padding: 0 0.48146rem 0 0.4259rem; margin-top: 0.31479rem; border: 1px solid #746EF6; border-radius: 0.47222rem; box-sizing: border-box; }
.yunji .an_top .an_tj .txt { display: inline-block; vertical-align: middle; margin-left: 0.11111rem; color: #746EF6; font-size: 0.38889rem; }
.yunji .an_top .an_icos { display: inline-block; margin-right: -0.03701rem; margin-top: 0.31479rem; }
.yunji .an_top .an_icos .buy_ico8, .yunji .an_top .an_icos .buy_ico8h { margin-right: 0.48146rem; cursor: pointer; }
.yunji .yunji_tabs { display: flex; margin: 0.35187rem 0 0.37034rem 0; flex-direction: column; }
.yunji .yunji_tabs.yunji_tabs_op{ position: relative; height: 0; z-index: -1; margin: 0; padding: 0;}
.yunji .yunji_tabs.yunji_tabs_h .swiper{ height: 69.876vh; }
.yunji .yunji_tabs .swiper { position: relative; display: block; width: 100%; height: 75.876vh; }
.yunji .yunji_tabs .swiper-slide { width: 88% !important; padding: 0 0.2rem; }
.yunji .yunji_tabs .swiper-container-horizontal > .swiper-pagination-bullets, .yunji .yunji_tabs .swiper-pagination-custom, .yunji .yunji_tabs .swiper-pagination-fraction { display: block; bottom: -0.86111rem; }
.yunji .yunji_tabs .swiper-pagination-bullet { display: inline-block; width: 0.62965rem; height: 0.62965rem; margin: 0 0.06431rem; line-height: 0.62965rem; color: #AAAAAA; font-size: 0.31479rem; background-color: #F1F2F6; border-radius: 0.11111rem; opacity: 1; }
.yunji .yunji_tabs .swiper-pagination-bullet-active { background-color: #746EF6; color: #fff; }
.yunji .yunji_tabs .content { display: flex; align-items: center; width: 100%; height: 100%; border-radius: 0.46298rem; overflow: hidden; }
.yunji .yunji_tabs .content .content_box { position: relative; display: block; width: 100%; height: 100%; }
.yunji .yunji_tabs .content .content_box::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 1.48145rem; background: linear-gradient(to bottom, black, transparent); border-radius: 0.46298rem 0.46298rem 0 0; }
.yunji .yunji_tabs .content .img { display: inline-block; width: 100%; border-radius: 0.46298rem; object-fit: cover; }
.yunji .yunji_tabs .content .neme { position: absolute; top: 0.33333rem; left: 0.4259rem; font-size: 0.44444rem; color: #fff; z-index: 2; }
.yunji .yunji_tabs .content .setup { position: absolute; top: 0.36111rem; right: 0.40743rem; }
.yunji .yunji_tabs .content .bot { position: absolute; display: flex; justify-content: space-between; bottom: 0; left: 0; width: 100%; height: 1.49999rem; padding: 0 0.4259rem; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; border-radius: 0 0 0.46298rem 0.46298rem; }
.yunji .yunji_tabs .content .bot .h4 { margin-top: 0.28701rem; font-size: 0.33333rem; color: #fff; }
.yunji .yunji_tabs .content .bot .h4 .txt { color: #FF2727; }
.yunji .yunji_tabs .content .bot .p { margin-top: 0.08333rem; color: #CCCED0; font-size: 0.27778rem; }
.yunji .yunji_tabs .content .bot .as { display: flex; justify-content: center; align-items: center; width: 2.22221rem; height: 0.79631rem; margin-top: 0.37034rem; background-color: #FF2727; border-radius: 0.46298rem; text-align: center; }
.yunji .yunji_tabs .content .bot .as .txt { display: inline-block; vertical-align: middle; margin-left: 0.09257rem; font-size: 0.33333rem; color: #fff; }
.yunji .yunji_tabs .content_else { display: inline-block; width: 100%; height: 100%; }
.yunji .yunji_tabs .content_else .content_else_box { position: relative; display: inline-block; width: 100%; height: 100%; border: 0.05556rem solid #EAF1FB; border-radius: 0.46298rem; background-color: #F6FAFF; box-sizing: border-box; text-align: center; }
.yunji .yunji_tabs .content_else .bs { height: 100%; }
.yunji .yunji_tabs .content_else .ico_22 { margin-top: 5.11108rem; }
.yunji .yunji_tabs .content_else .txt { display: block; margin-top: 0.22222rem; font-size: 0.38889rem; color: #746EF6; }
.yunji .yunji_tabs .guoqi { display: inline-block; width: 100%; height: 100%; border: 0.05556rem solid #EAF1FB; border-radius: 0.46298rem; background-color: #F6FAFF; box-sizing: border-box; text-align: center; }
.yunji .yunji_tabs .guoqi .icobg { display: block; margin: 2.48144rem auto 0.59257rem auto; width: 3.33331rem; height: 2.5463rem; background: url("../img/bg/bg11.png"); background-size: 3.33331rem 2.5463rem; }
.yunji .yunji_tabs .guoqi .p1 { display: block; font-size: 0.38889rem; color: #222222; text-align: center; }
.yunji .yunji_tabs .guoqi .p2 { display: block; margin-top: 0.15743rem; font-size: 0.33333rem; color: #AAAAAA; text-align: center; }
.yunji .yunji_tabs .guoqi .a1 { display: block; width: 3.70366rem; height: 0.99999rem; line-height: 0.99999rem; margin: 1.1759rem auto 0.29632rem auto; background-color: #746EF6; border-radius: 0.74076rem; color: #fff; font-size: 0.38889rem; }
.yunji .yunji_tabs .guoqi .a2 { display: block; width: 3.70366rem; height: 0.99999rem; line-height: 0.99999rem; margin: 0 auto; border: 1px solid #746EF6; color: #746EF6; font-size: 0.38889rem; box-sizing: border-box; border-radius: 0.74076rem; }
.yunji .yunji_tabs .tabs { display: block; margin-top: 0.23146rem; white-space: nowrap; text-align: center; }
.yunji .yunji_tabs .tabs .tab-item { display: inline-block; width: 0.62965rem; height: 0.62965rem; margin: 0 0.09257rem; line-height: 0.62965rem; color: #AAAAAA; font-size: 0.31479rem; background-color: #F1F2F6; border-radius: 0.11111rem; }
.yunji .yunji_tabs .tabs .tab-item.active { background-color: #746EF6; color: #fff; }
.yunji .yunji_tabs_lie2, .yunji .yunji_tabs_lie3 { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; height: 82.5vh; margin: 0.21298rem 0 0 0; padding: 0 0.44444rem 0.37034rem 0.44444rem; box-sizing: border-box; overflow-y: auto; }
.yunji .yunji_tabs_lie2.yunji_tabs_lie_h, .yunji .yunji_tabs_lie3.yunji_tabs_lie_h { height: 78vh; }
.yunji .yunji_tabs_lie2::-webkit-scrollbar, .yunji .yunji_tabs_lie3::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.yunji .yunji_tabs_lie2::-webkit-scrollbar-thumb, .yunji .yunji_tabs_lie3::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.yunji .yunji_tabs_lie2::-webkit-scrollbar-track, .yunji .yunji_tabs_lie3::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.yunji .yunji_tabs_lie2 .lie, .yunji .yunji_tabs_lie3 .lie { display: inline-block; width: 4.37032rem; height: 6.57406rem; margin-bottom: 0.37034rem; }
.yunji .yunji_tabs_lie2 .lie .content, .yunji .yunji_tabs_lie3 .lie .content { position: relative; display: flex; align-items: center; width: 100%; height: 100%; border-radius: 0.37034rem; overflow: hidden; }
.yunji .yunji_tabs_lie2 .lie .content::before, .yunji .yunji_tabs_lie3 .lie .content::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 1.29631rem; background: linear-gradient(180deg, #000000 0%, rgba(15, 15, 15, 0.82) 33%, rgba(84, 84, 84, 0) 100%); }
.yunji .yunji_tabs_lie2 .lie .content::after, .yunji .yunji_tabs_lie3 .lie .content::after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1.40742rem; background: linear-gradient(0, #000000 0%, rgba(15, 15, 15, 0.82) 33%, rgba(84, 84, 84, 0) 100%); }
.yunji .yunji_tabs_lie2 .lie .content .imgbox, .yunji .yunji_tabs_lie3 .lie .content .imgbox { display: inline-block; vertical-align: middle; width: 100%; height: 100%; background-color: #222; }
.yunji .yunji_tabs_lie2 .lie .content .img, .yunji .yunji_tabs_lie3 .lie .content .img { display: inline-block; width: 100%; object-fit: cover; }
.yunji .yunji_tabs_lie2 .lie .content .neme, .yunji .yunji_tabs_lie3 .lie .content .neme { position: absolute; top: 0.27778rem; left: 0.38889rem; font-size: 0.38889rem; color: #fff; z-index: 2; line-height: 0.5rem; }
.yunji .yunji_tabs_lie2 .lie .content .setup, .yunji .yunji_tabs_lie3 .lie .content .setup { position: absolute; top: 0.3241rem; right: 0.38889rem; z-index: 2; }
.yunji .yunji_tabs_lie2 .lie .content .bot, .yunji .yunji_tabs_lie3 .lie .content .bot { position: absolute; bottom: 0; left: 0; width: 100%; height: 1.40742rem; padding: 0 0.38889rem; box-sizing: border-box; z-index: 2; }
.yunji .yunji_tabs_lie2 .lie .content .bot .h4, .yunji .yunji_tabs_lie3 .lie .content .bot .h4 { display: block; margin-top: 0.20368rem; line-height: 0.48146rem; font-size: 0.33333rem; color: #fff; }
.yunji .yunji_tabs_lie2 .lie .content .bot .txt, .yunji .yunji_tabs_lie3 .lie .content .bot .txt { display: block; line-height: 0.48146rem; font-size: 0.33333rem; color: #FFE600; }
.yunji .yunji_tabs_lie2 .content_else, .yunji .yunji_tabs_lie3 .content_else { display: block; width: 100%; height: 100%; border: 0.05556rem solid #EAF1FB; border-radius: 0.37034rem; background-color: #F6FAFF; box-sizing: border-box; text-align: center; }
.yunji .yunji_tabs_lie2 .content_else .bs, .yunji .yunji_tabs_lie3 .content_else .bs { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; height: 100%; width: 100%; }
.yunji .yunji_tabs_lie2 .content_else .txt, .yunji .yunji_tabs_lie3 .content_else .txt { display: block; width: 100%; margin-top: 0.18521rem; margin-bottom: 0.46298rem; font-size: 0.33333rem; color: #746EF6; }
.yunji .yunji_tabs_lie2 .content_hd, .yunji .yunji_tabs_lie3 .content_hd { display: inline-block; width: 100%; height: 100%; border-radius: 0.37034rem; box-sizing: border-box; text-align: center; overflow: hidden; }
.yunji .yunji_tabs_lie2 .content_hd .bs, .yunji .yunji_tabs_lie3 .content_hd .bs { height: 100%; }
.yunji .yunji_tabs_lie2 .content_hd .img, .yunji .yunji_tabs_lie3 .content_hd .img { width: 100%; height: 100%; }
.yunji .yunji_tabs_lie2 .guoqi, .yunji .yunji_tabs_lie3 .guoqi { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; height: 100%; border: 0.05556rem solid #EAF1FB; border-radius: 0.37034rem; background-color: #F6FAFF; box-sizing: border-box; text-align: center; }
.yunji .yunji_tabs_lie2 .guoqi .p1, .yunji .yunji_tabs_lie3 .guoqi .p1 { display: inline-block; width: 100%; margin-top: -0.11111rem; font-size: 0.38889rem; color: #222222; text-align: center; }
.yunji .yunji_tabs_lie2 .guoqi .a2, .yunji .yunji_tabs_lie3 .guoqi .a2 { display: block; width: 3.59255rem; height: 0.85187rem; line-height: 0.83333rem; margin: 0.55555rem auto 0.46298rem auto; border: 1px solid #746EF6; color: #746EF6; font-size: 0.33333rem; box-sizing: border-box; border-radius: 0.4259rem; }
.yunji .yunji_tabs_lie3 .lie { width: 2.787rem; height: 4.25921rem; }
.yunji .yunji_tabs_lie3 .lie .content { border-radius: 0.27778rem; }
.yunji .yunji_tabs_lie3 .lie .content::before { height: 0.9259rem; }
.yunji .yunji_tabs_lie3 .lie .content::after { height: 1.25923rem; }
.yunji .yunji_tabs_lie3 .lie .content .neme { position: absolute; top: 0.18521rem; left: 0.27778rem; font-size: 0.33333rem; line-height: 0.48146rem; }
.yunji .yunji_tabs_lie3 .lie .content .setup { position: absolute; top: 0.22222rem; right: 0.27778rem; }
.yunji .yunji_tabs_lie3 .lie .content .bot { height: 1.26853rem; padding: 0 0 0 0.27778rem; }
.yunji .yunji_tabs_lie3 .lie .content .bot .h4 { font-size: 0.29632rem; line-height: 0.4259rem; }
.yunji .yunji_tabs_lie3 .lie .content .bot .txt { font-size: 0.29632rem; line-height: 0.4259rem; }
.yunji .yunji_tabs_lie3 .content_else { border-radius: 0.27778rem; }
.yunji .yunji_tabs_lie3 .content_else .txt { margin-top: 0.12965rem; margin-bottom: 0.27778rem; }
.yunji .yunji_tabs_lie3 .content_hd { border-radius: 0.27778rem; }
.yunji .yunji_tabs_lie3 .guoqi { border-radius: 0.27778rem; }
.yunji .yunji_tabs_lie3 .guoqi .p1 { margin-top: -0.09257rem; font-size: 0.33333rem; }
.yunji .yunji_tabs_lie3 .guoqi .a2 { display: block; width: 2.41665rem; height: 0.6852rem; line-height: 0.66666rem; margin: 0.37034rem auto 0.27778rem auto; font-size: 0.29632rem; border-radius: 0.34257rem; }
.yunji .popuop_bot { display: none; position: fixed; top: 0; left: 50%; width: 100%; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); max-width: 10rem; height: 100%; z-index: 11; }
.yunji .popuop_bot .bgs { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.yunji .popuop_bot .popuop_bot_box { position: absolute; bottom: 0; left: 0; display: block; width: 100%; border-radius: 0.46298rem 0.46298rem 0 0; background-color: #fff; }
.yunji .popuop_bot .popuop_bot_box .po_top { display: flex; justify-content: space-between; width: 8.40738rem; margin: 0 0.79631rem; padding: 0.55555rem 0 0.21666rem 0; border-bottom: 1px solid #F7F7FA; }
.yunji .popuop_bot .popuop_bot_box .po_top .po_p1 { font-size: 0; }
.yunji .popuop_bot .popuop_bot_box .po_top .po_p1 .txt { display: inline-block; vertical-align: middle; margin-right: 0.13889rem; font-size: 0.44444rem; color: #222222; }
.yunji .popuop_bot .popuop_bot_box .po_top .po_p2 { margin-top: 0.13889rem; font-size: 0; }
.yunji .popuop_bot .popuop_bot_box .po_top .po_p2 .txt { display: inline-block; vertical-align: middle; margin-right: 0.15743rem; font-size: 0.33333rem; color: #576075; }
.yunji .popuop_bot .popuop_bot_box .po_top .po_top_r { display: flex; align-items: center; height: 0.79631rem; padding: 0 0.5rem; border: 1px solid #FF2727; font-size: 0; box-sizing: border-box; border-radius: 0.47222rem; }
.yunji .popuop_bot .popuop_bot_box .po_top .po_top_r .txt { display: inline-block; vertical-align: middle; margin-left: 0.10187rem; font-size: 0.33333rem; color: #FF2727; }
.yunji .popuop_bot .popuop_bot_box .po_bot { display: inline-block; width: 100%; padding-bottom: 1.92777rem; }
.yunji .popuop_bot .popuop_bot_box .po_bot .aniu { float: left; margin-top: 0.17965rem; margin-left: 0.9259rem; text-align: center; cursor: pointer; }
.yunji .popuop_bot .popuop_bot_box .po_bot .aniu .txt { display: block; margin-top: 0.09257rem; font-size: 0.33333rem; color: #222222; }
.dialog-mask { display: flex; position: fixed; top: 0; left: 50%; right: 0; bottom: 0; width: 100%; max-width: 10rem; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); background-color: rgba(0, 0, 0, 0.6); align-items: center; justify-content: center; z-index: 12; }
.dialog-mask .dialog-container { background-color: #fff; width: 7.94439rem; padding: 0.5rem 0.47222rem 0.55555rem 0.47222rem; border-radius: 0.33333rem; box-sizing: border-box; }
.dialog-mask .dialog-title { display: block; text-align: center; font-size: 0.5rem; margin-bottom: 0.31479rem; }
.dialog-mask .dialog-content { display: block; margin-bottom: 0.46298rem; line-height: 0.55555rem; text-align: center; font-size: 0.38889rem; color: #666; }
.dialog-mask .dialog-content a { display: inline-block; font-size: 0.38889rem; color: #746EF6; }
.dialog-mask .dialog-input { display: block; width: 100%; padding: 0.27778rem 0.27778rem 0.27778rem 0.55555rem; margin-bottom: 0.46298rem; border: 1px solid #F1F2F6; border-radius: 0.74076rem; font-size: 0.38889rem; color: #222222; }
.dialog-mask .dialog-button-qx { display: inline-block; flex-grow: 1; margin: 0 0.12035rem; padding: 0.27778rem 0; font-size: 0.38889rem; font-weight: normal; color: #888888; border-radius: 0.74076rem; text-align: center; background-color: #F1F2F6; }
.dialog-mask .dialog-button-qr { display: inline-block; flex-grow: 1; margin: 0 0.12035rem; padding: 0.27778rem 0; font-size: 0.38889rem; font-weight: normal; color: #fff; border-radius: 0.74076rem; text-align: center; background-color: #746EF6; }
.dialog-mask .dialog-buttons { display: flex; justify-content: space-around; margin: 0 -0.12035rem; }
.increase { display: inline-block; width: 100%; height: 100vh; padding: 0 0.35187rem 1.51853rem 0.44444rem; overflow-y: auto; }
.increase::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.increase::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.increase::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.increase .h3 { display: block; width: 100%; margin-top: 0.62965rem; margin-bottom: 0.35187rem; font-size: 0.66666rem; font-weight: bold; color: #746EF6; }
.increase .list_li { position: relative; display: block; width: 100%; padding: 0.4259rem 0.48146rem 0.48146rem 0.48146rem; margin-bottom: 0.44444rem; border-radius: 0.46298rem; background-image: url("../img/bg/bg1.png"); background-repeat: no-repeat; background-size: 100% 100%; box-sizing: border-box; }
.increase .list_li .h4_t { display: inline-block; vertical-align: middle; margin-right: 0.25923rem; font-size: 0.5rem; color: #222222; font-weight: bold; }
.increase .list_li .ic { display: inline-block; vertical-align: middle; width: 1.83332rem; height: 0.57409rem; line-height: 0.57409rem; color: #fff; text-align: center; font-size: 0.33333rem; background-image: url("../img/bg/bgi2.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.increase .list_li .hot { display: inline-block; vertical-align: middle; width: 1.62034rem; height: 0.53701rem; margin-left: 0.05556rem; line-height: 0.62965rem; color: #fff; font-size: 0.33333rem; background-image: url("../img/bg/bgi3.png"); background-repeat: no-repeat; background-size: 1.62034rem 0.62965rem; text-indent: 0.72222rem; }
.increase .list_li .tp { display: block; margin-top: 0.29632rem; font-size: 0.38889rem; color: #576075; }
.increase .list_li .bp { display: block; margin-top: 0.16667rem; }
.increase .list_li .bp font { display: inline-block; padding: 0.0741rem 0.16667rem; margin-right: 0.16667rem; font-size: 0.33333rem; color: #746EF6; border-radius: 0.11111rem; border: 1px solid #746EF6; }
.increase .list_li .gp { display: block; margin-top: 0.37965rem; color: #FFA916; font-size: 0.33333rem; }
.increase .list_li .as { display: block; width: 100%; height: 1.03701rem; margin-top: 0.23146rem; background-color: #746EF6; border-radius: 0.51854rem; text-align: center; color: #fff; font-size: 0; }
.increase .list_li .as font { display: inline-block; vertical-align: middle; line-height: 1.03701rem; margin-left: 0.16667rem; font-size: 0.38889rem; }
.increase .list_li .jg { position: absolute; top: 0.43521rem; right: 0.5rem; font-size: 0.44444rem; color: #746EF6; font-weight: bold; }
.purchase { display: block; overflow-y: auto; overflow-x: hidden; }
.purchase::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.purchase::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.purchase::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.purchase .hidden { display: block; width: 0; height: 0; overflow: hidden; }
.purchase.page0 { background: url("../img/bg/gmbg1.png") #fff; background-size: 100% auto; background-repeat: no-repeat; }
.purchase.page1 { background: url("../img/bg/gmbg2.png") #fff; background-size: 100% auto; background-repeat: no-repeat; }
.purchase.page2 { background: url("../img/bg/gmbg3.png") #fff; background-size: 100% auto; background-repeat: no-repeat; }
.purchase.page3 { background: url("../img/bg/gmbg4.png") #fff; background-size: 100% auto; background-repeat: no-repeat; }
.purchase.page4 { background: url("../img/bg/gmbg5.png") #fff; background-size: 100% auto; background-repeat: no-repeat; }
.purchase .jint { position: fixed; top: 0; left: 0; background-color: unset; width: 100%; height: 3.70366rem; z-index: 9999; }
.purchase .swiper1 { display: block; height: 2.98144rem; margin-top: 0.44444rem; }
.purchase .swiper1 .swiper-slide { display: block; width: 91% !important; padding: 0 0.13889rem; box-sizing: border-box; }
.purchase .swiper1 .swiper-slide:first-child { padding-left: 0; }
.purchase .swiper1 .swiper-slide:last-child { padding-right: 0; }
.purchase .swiper2 { display: block; margin: 0 0.44444rem; }
.purchase .swiper2 .content_tc { display: block; margin-bottom: 0.31479rem; }
.purchase .swiper2 .swiper-slide { display: block; padding: 0 0.13889rem; box-sizing: border-box; }
.purchase .swiper2 .swiper-slide:first-child { padding-left: 0; }
.purchase .swiper2 .swiper-slide:last-child { padding-right: 0; }
.purchase .content_top { display: block; width: 100%; padding: 0.30555rem 0 0.40743rem 0.48146rem; background: url("../img/bg/bg12.png"); border-radius: 0.29632rem; background-size: 100% 2.99998rem; background-repeat: no-repeat; box-sizing: border-box; }
.purchase .content_top .sp1 { display: block; }
.purchase .content_top .sp1 .txt1 { display: inline-block; vertical-align: middle; font-size: 0.5rem; color: #2D3E81; font-weight: bold; }
.purchase .content_top .sp1 .txt2 { display: inline-block; vertical-align: middle; width: 1.81478rem; height: 0.55555rem; line-height: 0.55555rem; margin-left: 0.20368rem; border-radius: 0.27778rem; font-size: 0.33333rem; color: #fff; background: linear-gradient(90deg, #21F298 0%, #05A3F1 100%); text-align: center; }
.purchase .content_top .sp2 { display: block; margin-top: 0.12965rem; font-size: 0.38889rem; color: #5164A2; }
.purchase .content_top .sp3 { display: block; margin-top: 0.53701rem; font-size: 0.33333rem; color: #5164A2; }
.purchase .pur_gn { display: block; margin: 0.44444rem; padding: 0.3241rem 0.18521rem 0.12035rem 0.18521rem; background: url("../img/bg/bg10.png") center; background-repeat: no-repeat; background-size: 100%; box-sizing: border-box; border-radius: 0.29632rem; }
.purchase .pur_gn .pur_gn_box { display: none; }
.purchase .pur_gn .pur_gn_box.active { display: block; }
.purchase .pur_gn .lie { display: inline-block; width: 25%; margin-bottom: 0.27778rem; text-align: center; }
.purchase .pur_gn .lie .ps_ico { margin: 0 auto; text-align: center; }
.purchase .pur_gn .lie .txt { display: block; color: #fff; font-size: 0.33333rem; text-align: center; }
.purchase .pur_jg { display: block; width: 100%; padding: 0.40743rem 0 0.44444rem 0; background-color: #fff; border-radius: 0.46298rem 0.46298rem 0 0; }
.purchase .pur_jg .p1 { display: block; margin-left: 0.44444rem; color: #222222; font-size: 0.38889rem; }
.purchase .pur_jg .content_tc { position: relative; display: block; margin-top: 0.29632rem; border: 0.05556rem solid #EEF0F5; border-radius: 0.29632rem; text-align: center; background-color: #FBFBFB; }
.purchase .pur_jg .content_tc .name { display: block; margin-top: 0.37034rem; font-size: 0.38889rem; color: #222; }
.purchase .pur_jg .content_tc .money { margin-top: 0.38889rem; }
.purchase .pur_jg .content_tc .txt1 { font-size: 0.38889rem; font-weight: bold; }
.purchase .pur_jg .content_tc .txt2 { font-size: 0.63888rem; font-weight: bold; }
.purchase .pur_jg .content_tc .p3 { display: block; margin-top: 0.43521rem; padding-bottom: 0.35187rem; font-size: 0.27778rem; color: #AAAAAA; }
.purchase .pur_jg .content_tc .hot { position: absolute; left: -0.05556rem; top: -0.22222rem; display: block; width: 1.37034rem; height: 0.48146rem; line-height: 0.48146rem; color: #fff; text-align: center; font-size: 0.27778rem; background: url("../img/bg/bgi1.png") center; background-repeat: no-repeat; background-size: 1.37034rem 0.48146rem; }
.purchase .pur_jg .swi_hove .content_tc { border: 0.05556rem solid #4C6ECD; background-color: #FAFBFD; }
.purchase .pur_jg .swi_hove .content_tc .txt1, .purchase .pur_jg .swi_hove .content_tc .txt2 { color: #4C6ECD; }
.purchase .zffs { display: block; width: 100%; margin-top: 0.29632rem; }
.purchase .zffs li { display: block; width: 100%; margin-bottom: 0.13889rem; padding: 0 0.44444rem; }
.purchase .zffs label { display: flex; justify-content: space-between; align-items: center; }
.purchase .zffs input[type="radio"] { width: 1px; height: 0px; opacity: 0; pointer-events: none; }
.purchase .zffs .x1 { background-position: -1.66666rem 0; }
.purchase .zffs input[type="radio"]:checked ~ .x1 { background-position: -1.66666rem -0.64812rem; }
.purchase .zffs .xp_ico { margin-left: -0.06479rem; }
.purchase .zffs .txt { display: inline-block; vertical-align: middle; flex-grow: 1; margin-left: 0.23146rem; font-size: 0.38889rem; color: #222; }
.purchase .chex { display: block; margin-top: 0.31479rem; text-align: center; }
.purchase .chex .txt { display: inline-block; font-size: 0.33333rem; color: #A8ABB2; }
.purchase .chex .navs { display: inline-block; font-size: 0.33333rem; color: #4C6ECD; }
.purchase .but { display: block; width: auto !important; margin: 0.23146rem 0.44444rem 0.44444rem 0.44444rem !important; padding: 0.33333rem 0; text-align: center; color: #fff; font-weight: normal; font-size: 0.38889rem; background: linear-gradient(137deg, #7A9CFC 0%, #4C6ECD 100%); border-radius: 0.57409rem; }
.purchase .but[disabled] { background: #fafafa; color: #222222; }
.nav { z-index:99; position: fixed; bottom: 0; left: 50%; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); display: block; width: 10rem; height: 1.51853rem; padding: 0 0.44444rem; background-color: #fff; box-shadow: 0 0 0.27778rem rgba(0, 51, 125, 0.12); }
.nav .flx { display: flex; align-items: center; justify-content: space-around; width: 100%; height: 100%; }
.nav .ico_bot { display: block; margin: 0 auto; }
.nav .txt { display: block; width: 100%; margin-top: 0.03701rem; line-height: normal; text-align: center; font-size: 0.33333rem; color: #7A849A; }
.nav .navigator-hover .bot_1 { background-position: 0 -3.37963rem; }
.nav .navigator-hover .bot_2 { background-position: 0 -0.70368rem; }
.nav .navigator-hover .bot_3 { background-position: 0 -2.02776rem; }
.nav .navigator-hover .txt { color: #746EF6; }
.nav .ico_bot { display: inline-block; background-image: url("../img/bot_ico.png"); background-repeat: no-repeat; background-size: 0.9259rem 4.05553rem; }
.nav .bot_1h { width: 0.9259rem; height: 0.6759rem; background-position: 0 -3.37963rem; }
.nav .bot_2h { width: 0.9259rem; height: 0.6759rem; background-position: 0 -0.6759rem; }
.nav .bot_3h { width: 0.9259rem; height: 0.6759rem; background-position: 0 -2.02776rem; }
.nav .bot_1 { width: 0.9259rem; height: 0.6759rem; background-position: 0 -2.70366rem; }
.nav .bot_2 { width: 0.9259rem; height: 0.6759rem; background-position: 0 0; }
.nav .bot_3 { width: 0.9259rem; height: 0.6759rem; background-position: 0 -1.35187rem; }
.user_info { display: block; padding: 0 0.44444rem; }
.user_info .user_log { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 1.04631rem; }
.user_info .user_log .user_h { margin-left: -0.0741rem; }
.user_info .user_log .txt { margin-left: 0.40743rem; font-weight: bold; font-size: 0.5rem; color: #222222; flex-grow: 1; }
.user_info .user_log .ico_15 { margin-right: -0.13889rem; }
.user_info .user_lies { display: block; margin-top: 0.89812rem; }
.user_info .user_lies .user_lie { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 0.37034rem; padding-right: 0 !important; padding-left: 0 !important; border-color: #fff !important; background-color: unset; padding-bottom: 0.37034rem; text-align: left !important; font-weight: unset; }
.user_info .user_lies .user_lie .user_ico { margin-left: 0.12035rem; margin-right: 0.27778rem; }
.user_info .user_lies .user_lie .txt { line-height: 0.66666rem; flex-grow: 1; font-size: 0.41666rem; color: #222222; }
.user_info .user_lies .user_lie .ico_15 { margin-right: -0.13889rem; }
.user_info .user_lies button::after { border: none !important; }
.user_info .user_exit { display: block; padding: 0.33333rem 0; margin: 2.96297rem 0.4259rem 0 0.4259rem; text-align: center; background-color: #F1F2F6; border-radius: 0.57409rem; font-size: 0.38889rem; color: #888888; }
.record { display: block; width: 100%; height: 100%; overflow-y: auto; padding: 0; padding-bottom: 2.22221rem; background-color: #F9FAFC; }
.record::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.record::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.record::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.record .lie { position: relative; display: block; height: 2.92588rem; margin: 0.44444rem 0.44444rem 0 0.44444rem; padding-top: 0.44444rem; background-color: #fff; border-radius: 0.29632rem; box-sizing: border-box; }
.record .lie .p1 { display: inline-block; margin-bottom: 0.10187rem; }
.record .lie .p1 .xz { display: inline-block; vertical-align: middle; width: 1.14812rem; height: 0.48146rem; color: #fff; text-align: center; font-size: 0.33333rem; border-radius: 0 0.22222rem 0.22222rem 0; }
.record .lie .p1 .txt { display: inline-block; vertical-align: middle; margin-left: 0.09257rem; font-size: 0.41666rem; color: #222222; }
.record .lie .p1 .lan { background-color: #4881E9; }
.record .lie .p1 .huang { background-color: #FBB800; }
.record .lie .p2 { display: block; margin-top: 0.22222rem; margin-left: 0.48146rem; font-size: 0.33333rem; color: #B9BCC3; }
.record .lie .zt { position: absolute; top: 0.48146rem; right: 0.48146rem; padding: 0 0.18521rem; font-size: 0.33333rem; border-radius: 0.23146rem; line-height: 0.48146rem; }
.record .lie .green { border: 1px solid #2FD9BB; color: #2FD9BB; }
.record .lie .red { border: 1px solid #FF5E5E; color: #FF5E5E; }
.record .lie .money { position: absolute; right: 0.53701rem; bottom: 0.46298rem; color: #222222; font-size: 0.5rem; }
.record .wu .img { display: block; width: 7.66662rem; height: 3.40741rem; margin: 3.88886rem auto 0 auto; }
.record .wu .wu_n { display: block; color: #B9BCC3; font-size: 0.38889rem; text-align: center; }
.cont_about { display: block; }
.cont_about .logo { display: block; width: 2.037rem; height: 2.037rem; margin: 2.73144rem auto 0.06479rem auto; background: url("../img/logo1.png"); background-size: 2.037rem 2.037rem; }
.cont_about .p1 { display: block; text-align: center; font-size: 0.44444rem; color: #222222; }
.cont_about .lies { display: block; margin-top: 1.44444rem; padding: 0 0.44444rem; background-color: #fff; }
.cont_about .lies .lie { display: flex; align-items: center; justify-content: space-between; padding: 0.41666rem 0; border-bottom: 1px solid #FCFCFF; }
.cont_about .lies .lie:last-child { border-bottom: 0; }
.cont_about .lies .txt { display: inline-block; vertical-align: middle; margin-left: 0.18521rem; font-size: 0.41666rem; color: #222; }
.cont_logoff { display: block; height: 100%; padding: 0.83333rem 0.44444rem 0 0.44444rem; text-align: center; }
.cont_logoff .hp { display: block; margin-top: 0.22222rem; font-size: 0.38889rem; color: #222; }
.cont_logoff .h2 { display: block; margin-top: 0.75923rem; margin-bottom: 0.27778rem; font-size: 0.38889rem; color: #888888; }
.cont_logoff .form-group { display: flex; justify-content: space-between; align-items: center; padding: 0.29632rem 0.43521rem 0.29632rem 0; margin: 0 0 0.4259rem 0; border: 1px solid #746EF6; background-color: #fff; border-radius: 0.59257rem; }
.cont_logoff .form-group input { width: 100%; padding-left: 0.62965rem; font-size: 0.38889rem; color: #222222; text-align: left; }
.cont_logoff .form-group .code_but { float: right; width: auto; padding: 0; background: none; font-size: 0.38889rem; color: #746EF6; font-weight: normal; text-align: left; }
.cont_logoff .form-group .code { width: 60%; }
.cont_logoff .login { display: block; width: 100%; padding: 0.33333rem 0 !important; margin: 0.5rem 0 !important; background: #746EF6; border-radius: 0.59257rem; text-align: center; font-size: 0.38889rem; color: #fff; font-weight: normal; border: 0; }
.cont_logoff .login[disabled] { cursor: not-allowed; background: #C0BFEA; color: #fff; }

/*新*/
.cont_notice { display: inline-block; height: calc(100vh - 1.48145rem); min-height: calc(100vh - 1.48145rem); background-color: #F9FAFC; padding: 0 0.44444rem 0.44444rem 0.44444rem; overflow-y: auto; }
.cont_notice::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.cont_notice::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.cont_notice::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.cont_notice .list_li { display: block; margin-top: 0.35187rem; }
.cont_notice .list_li .list_li_top { display: block; width: 100%; text-align: center; color: #B9BCC3; font-size: 0.33333rem; line-height: 0.48146rem; }
.cont_notice .list_li .box { display: block; width: 100%; padding: 0.37034rem; margin-top: 0.22222rem; border-radius: 0.29632rem; background-color: #fff; box-sizing: border-box; }
.cont_notice .list_li .title { display: block; font-size: 0; }
.cont_notice .list_li .title_text { display: inline-block; vertical-align: middle; max-width: 7.15273rem; margin-left: 0.20833rem; font-size: 0.38889rem; color: #222222; line-height: 0.51854rem; }
.cont_notice .list_li .box_text { display: block; width: 100%; margin-top: 0.37034rem; font-size: 0.33333rem; color: #666666; line-height: 0.51854rem; text-align: justify; }

.cont_activation { display: inline-block; height: calc(100vh - 1.48145rem); min-height: calc(100vh - 1.48145rem); padding: 0 0.44444rem 0.44444rem 0.44444rem; overflow-y: auto; }
.cont_activation::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.cont_activation::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.cont_activation::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.cont_activation .act_input { display: block; width: 100%; padding-left: 0.53701rem; margin-top: 0.44444rem; height: 1.1852rem; line-height: 1.1852rem; font-size: 0.38889rem; color: #222; border-radius: 0.59257rem; border: 1px solid #EBEBEB; box-sizing: border-box; }
.cont_activation .act_but { display: block; width: 100%; height: 1.1852rem; margin-top: 0.44444rem; padding: 0; line-height: 1.1852rem; background-color: #746EF6; border-radius: 0.59257rem; font-size: 0.38889rem; color: #ffffff; font-weight: normal; border: 0; }
.cont_activation button:disabled{ background-color: #A6A7B0;}
.cont_activation button:disabled:hover{ cursor: not-allowed;}
.cont_activation .act_txt { display: block; margin-top: 0.74076rem; }
.cont_activation .act_txt .act_txth2 { display: block; margin-bottom: 0.18521rem; font-size: 0.37034rem; color: #222222; }
.cont_activation .act_txt .act_txtp { display: block; margin-bottom: 0.18521rem; padding-left: 0.55555rem; text-indent: -0.55555rem; line-height: 0.44444rem; font-size: 0.33333rem; color: #888888; text-align: justify; }

.cont_activation_from { display: block; height: calc(100vh - 1.48145rem); min-height: calc(100vh - 1.48145rem); padding: 0.27778rem 0.44444rem 1.94443rem 0.44444rem; overflow-y: auto; }
.cont_activation_from::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.cont_activation_from::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.cont_activation_from::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.cont_activation_from .activ_con { display: flex; flex-wrap: wrap; align-content: center; width: 9.11105rem; height: 2.037rem; padding-left: 0.48146rem; margin-top: 0.18521rem; background: url("../img/bg/repl_bg.png") no-repeat; background-size: 9.11105rem 2.037rem; border-radius: 0.29632rem; }
.cont_activation_from .activ_con .activ_con_h3 { display: block; width: 100%; font-size: 0.44444rem; color: #fff; }
.cont_activation_from .activ_con .activ_con_p { display: block; width: 100%; margin-top: 0.03701rem; font-size: 0.33333rem; color: #E0DFFD; }
.cont_activation_from .activ_con .activ_con_p .activ_con_p1 { color: #FFE600; }
.cont_activation_from .activ_lies_h3 { display: block; width: 100%; margin-top: 0.53701rem; }
.cont_activation_from .activ_lies_h3 .activ_lies_h3i { display: inline-block; vertical-align: middle; width: 0.09257rem; height: 0.4259rem; background-color: #746EF6; border-radius: 0.0741rem; }
.cont_activation_from .activ_lies_h3 .activ_lies_h3font { display: inline-block; vertical-align: middle; margin-left: 0.16667rem; font-size: 0.38889rem; color: #222222; }
.cont_activation_from .activ_lie { position: relative; display: flex; flex-wrap: wrap; padding: 0.37034rem 0 0.37034rem 0.44444rem; margin-top: 0.27778rem; border: 0.02778rem solid #F1F2F6; border-radius: 0.29632rem;  cursor: pointer;}
.cont_activation_from .activ_lie.active { background-color: #F6F8FF; border: 0.02778rem solid #746EF6; }
.cont_activation_from .activ_lie.active .p1 { color: #746EF6; }
.cont_activation_from .activ_lie.active .ico_17 { background-position: 0 -8.13884rem; }
.cont_activation_from .activ_lie .p1 { display: block; width: 100%; font-size: 0.38889rem; color: #000000; }
.cont_activation_from .activ_lie .p2 { display: block; width: 100%; margin-top: 0.04632rem; font-size: 0.33333rem; color: #576075; }
.cont_activation_from .activ_lie .ico { position: absolute; right: 0.48146rem; top: 50%; margin-top: -0.27778rem; }
.cont_activation_from .from_go { position: fixed; bottom: 0.46298rem; left: 50%; display: block; width: 9.11105rem; height: 1.1852rem; padding: 0; color: #FFFFFF; font-size: 0.38889rem; font-weight: normal; line-height: 1.1852rem; background-color: #746EF6; border-radius: 0.59257rem; border: 0; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); }

.container_pur { position: relative; width: 100%; max-width: 10rem; height: 100vh; margin: 0 auto; padding: 0 0.44444rem 2.9rem 0.44444rem; font-size: 0; overflow-y: auto; background: url("../img/bg/buy_bg1.png") no-repeat #F9FAFC; background-size: 100% auto; background-position: top; }
.container_pur::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.container_pur::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.container_pur::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.container_pur .poflex{ position: fixed; top: 0; width: 100%; background: url('../img/bg/buy_bg1.png') no-repeat #F9FAFC; background-size: 100% auto; left: 50%; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); padding: 0 0.44444rem; max-width: 10rem;}
.container_pur .customTitleBar { position: relative; display: flex; justify-content: space-between; align-items: center; width: calc(100% + .2667rem); height: 1.48145rem; margin-left: -0.22222rem; box-sizing: border-box; }
.container_pur .customTitleBar h2 { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); font-size: 0.47222rem; color: #222222; }
.container_pur .customTitleBar .box { display: flex; align-items: center; white-space: nowrap; }
.container_pur .customTitleBar .rkty { display: inline-block; width: 2.2593rem; height: .7963rem; padding-left: .7593rem; background: url("../img/bg/buy_bg2.png"); background-size: 2.2593rem .7963rem; font-size: .3333rem; color: #fff; box-sizing: border-box; background-repeat: no-repeat; line-height: .7963rem; }
.container_pur .customTitleBar .gmjl { display: inline-block; margin-left: 0.22222rem; }
.container_pur .jxbox { position: relative; display: inline-block; vertical-align: top; width: 100%; }
.container_pur .jxbox .jint { position: absolute; top: 0; left: 0; background-color: unset; width: 100%; height: 1.27777rem; z-index: 9999; }
.container_pur .swiper { display: block; width: 100%; height: 0.98145rem; padding-top: 0.11111rem; }
.container_pur .swiper_item { display: inline-block; box-sizing: border-box; text-align: center; font-size: 0.48146rem; color: #6176B1; line-height: 0.69444rem; cursor: pointer;}
.container_pur .swiper_item.swi_hove { position: relative; font-weight: bold; color: #18187A; }
.container_pur .swiper_item.swi_hove::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0.62965rem; height: 0.0741rem; margin-left: -0.31479rem; background-color: #18187A; }
.container_pur .cwyx { display: block; width: 100%; height: 3.48144rem; margin-top: 2.8519rem; padding: 0.33333rem 0.38889rem 0 0.38889rem; background-color: #fff; border-radius: 0.46298rem; box-sizing: border-box; }
.container_pur .cwyx .cwyx_tit { display: block; font-weight: bold; font-size: 0.38889rem; line-height: 0.56479rem; color: #222222; }
.container_pur .cwyx .cwyx_box { display: none; justify-content: space-between; margin-top: 0.26854rem; }
.container_pur .cwyx .cwyx_box.active { display: flex; justify-content: space-between; margin-top: 0.26854rem; }
.container_pur .cwyx .img { display: block; width: 1.29631rem; height: 1.29631rem; margin: 0 auto; border-radius: 0.33333rem; }
.container_pur .cwyx .text { display: block; max-width: 1.38888rem; margin-top: 0.09257rem; font-size: 0.33333rem; line-height: 0.48146rem; color: #2C2F39; text-align: center; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.container_pur .xztc { display: block; width: 100%; margin-top: 0.33333rem; padding: 0.33333rem 0.38889rem 0.21298rem 0.38889rem; background-color: #fff; border-radius: 0.46298rem; box-sizing: border-box; }
.container_pur .xztc .xztc_tit { display: block; font-weight: bold; font-size: 0.38889rem; line-height: 0.56479rem; color: #222222; }
.container_pur .xztc .xztc_box { display: none; width: 100%; padding-top: 0.36111rem; overflow: hidden; height: auto; }
.container_pur .xztc .xztc_box.active { display: block; width: 100%; padding-top: 0.36111rem; overflow: hidden; height: auto; }
.container_pur .xztc .xztc_box_hove { height: 5.0833rem; }
.container_pur .xztc .xztc_lie { position: relative; display: flex; justify-content: space-between; align-items: center; height: 1.48145rem; padding-left: 0.44444rem; padding-right: 0.55555rem; margin-bottom: 0.22222rem; background-color: #F6F6F6; border-radius: 0.29632rem; box-sizing: border-box; border: 0.05556rem solid #F6F6F6; cursor: pointer; }
.container_pur .xztc .xztc_lie.swi_hove { border: 0.05556rem solid #746EF6; background-color: #F3F3FE; }
.container_pur .xztc .xztc_lie.swi_hove .xztc_lie_mor { color: #746EF6; }
.container_pur .xztc .xztc_lie_tag { position: absolute; left: -0.05556rem; top: -0.22222rem; height: 0.48146rem; padding: 0 0.24076rem; line-height: 0.48146rem; background: linear-gradient(135deg, #D84E8D 0%, #5D32F2 100%); border-radius: 0.24076rem 0.24076rem 0.24076rem 0; font-size: 0.27778rem; color: #fff; }
.container_pur .xztc .xztc_lie_l span { font-size: 0.4259rem; color: #222222; }
.container_pur .xztc .xztc_lie_l font { display: inline-block; height: 0.48146rem; margin-left: 0.11111rem; padding: 0 0.13889rem; font-size: 0.31479rem; color: #746EF6; border: 1px solid #8769F6; border-radius: 0.74076rem; }
.container_pur .xztc .xztc_lie_r .xztc_lie_shan { display: inline-block; font-size: 0.29632rem; color: #AAAAAA; text-decoration: line-through; }
.container_pur .xztc .xztc_lie_r .xztc_lie_mor { display: inline-block; margin-left: 0.16667rem; font-size: 0.51854rem; font-weight: bold; color: #000000; }
.container_pur .xztc .xztc_lie_r .xztc_lie_mor2 { font-size: 0.37034rem; }
.container_pur .xztc .xztc_more { display: block; text-align: center; cursor: pointer; }
.container_pur .xztc .xztc_more .xztc_more_text { display: inline-block; vertical-align: middle; font-size: 0.33333rem; color: #aaa; }
.container_pur .xztc .xztc_more .buy_ico1_hove { transform: rotate(180deg); }
.container_pur .xztc .xztc_lie_xs { position: absolute; right: -0.05556rem; top: -0.25923rem; width: 1.59256rem; height: 0.70368rem; line-height: 0.49076rem; background: url("../img/bg/buy_bg4.png") no-repeat; background-size: 1.59256rem 0.70368rem; text-indent: 0.09257rem; text-align: center; }
.container_pur .xztc .xztc_lie_xs font { display: inline-block; vertical-align: middle; font-size: 0.29632rem; color: #fff; font-weight: 500; }
.container_pur .yjpz { display: block; width: 100%; height: 2.88887rem; margin-top: 0.33333rem; padding: 0.33333rem 0.38889rem 0 0.38889rem; background-color: #fff; border-radius: 0.46298rem; box-sizing: border-box; }
.container_pur .yjpz .yjpz_tit { display: block; font-weight: bold; font-size: 0.38889rem; line-height: 0.56479rem; color: #222222; }
.container_pur .yjpz .yjpz_tit .yjpz_tit_text { display: inline-block; margin-left: 0.20368rem; font-size: 0.33333rem; color: #5164A2; font-weight: normal; }
.container_pur .yjpz .yjpz_box { display: none; justify-content: space-between; flex-wrap: wrap; margin-top: 0.27778rem; }
.container_pur .yjpz .yjpz_box.active { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.27778rem; }
.container_pur .yjpz .yjpz_box .yjpz_lie { display: inline-block; min-width: 30%; margin-bottom: 0.22222rem; }
.container_pur .yjpz .yjpz_box .yjpz_lie_text { display: inline-block; vertical-align: middle; margin-left: 0.14812rem; font-size: 0.33333rem; color: #2C2F39; }
.container_pur .zffs { display: block; height: 2.59255rem; padding: 0.33333rem 0.38889rem 0 0.38889rem; margin-top: 0.33333rem; background-color: #fff; border-radius: 0.46298rem; box-sizing: border-box; }
.container_pur .zffs label { display: flex; align-items: center; width: 3.75921rem; cursor: pointer; }
.container_pur .zffs .p1 { display: block; font-size: 0.38889rem; color: #222222; font-weight: bold; line-height: 0.56479rem; }
.container_pur .zffs .zffs_box { display: flex; justify-content: space-between; align-items: center; margin-top: 0.34257rem; }
.container_pur .zffs .zffs_box .txt { display: inline-block; flex-grow: 1; padding-left: 0.22222rem; flex-grow: 1; text-align: left; font-size: 0.38889rem; color: #222222; }
.container_pur .zffs input[type="radio"] { width: 1px; height: 0px; opacity: 0; pointer-events: none; }
.container_pur .zffs input[type="radio"]:checked ~ .ico_17 { background-position: 0 -8.11106rem; }
.container_pur .tjj { display: block; margin-top: 0.33333rem; font-size: 0.33333rem; color: #A8ABB2; }
.container_pur .zffs_fix { display: inline-block; width: 100%; box-sizing: border-box; position: fixed; bottom: 0; max-width: 10rem; background: #F9FAFC; padding: .1852rem 0.44444rem 0 0.44444rem; left: 50%; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.container_pur .zffs_fix .tjj { font-size: 0.33333rem; color: #A8ABB2; line-height: 0.46298rem; }
.container_pur .zffs_fix .chex { display: block; text-align: center; }
.container_pur .zffs_fix .chex .txt { display: inline-block; vertical-align: middle; font-size: 0.33333rem; color: #A8ABB2; }
.container_pur .zffs_fix .chex .navs { display: inline-block; vertical-align: middle; font-size: 0.33333rem; color: #4C6ECD; }
.container_pur .zffs_fix .chex input[type="checkbox"]:checked + label i { background-position: 0 -8.11106rem; }
.container_pur .zffs_fix .chex .ico_17 { margin-right: 0.09257rem; cursor: pointer; }
.container_pur .zffs_fix .but { display: block; width: 100%; margin: 0.23146rem 0 0.44444rem 0 !important; padding: 0.33333rem 0; text-align: center; color: #fff; font-weight: normal; font-size: 0.38889rem; background: #746EF6; border-radius: 0.57409rem; border: 0; }
.container_pur .popup_go { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; z-index: 99; }
.container_pur .popup_go .mask { display: block; width: 100%; height: 100%; background: rgba(55, 55, 55, 0.8); }
.container_pur .popup_go .box { position: absolute; left: 50%; top: 50%; display: inline-block; width: 6.85183rem; height: 8.4814rem; margin-left: -3.42588rem; margin-top: -4.24074rem; background: url("../img/bg/buy_bg3.png") no-repeat center; background-size: 6.85183rem 8.4814rem; border-radius: 0.33333rem; }
.container_pur .popup_go .box_tit { display: block; margin-top: 0.62034rem; margin-left: 0.59257rem; }
.container_pur .popup_go .box_tit .box_tit_p { display: block; font-size: 0.53701rem; font-weight: bold; line-height: 0.77777rem; }
.container_pur .popup_go .box_tit .box_tit_b { color: #746EF6; }
.container_pur .popup_go .box_bot { display: flex; align-items: center; align-content: space-between; flex-wrap: wrap; background-color: #F6FAFF; width: 5.70364rem; height: 2.96297rem; padding: 0.37034rem 0; box-sizing: border-box; margin-top: 0.41666rem; margin-left: 0.59257rem; border-radius: 0.27778rem; }
.container_pur .popup_go .box_bot .box_bot_lie { display: flex; justify-content: space-between; align-items: center; }
.container_pur .popup_go .box_bot .box_bot_lie_l { display: block; flex-grow: 1; margin-left: 0.22222rem; }
.container_pur .popup_go .box_bot .box_bot_lie_lt { display: block; font-size: 0.35187rem; line-height: 0.50923rem; color: #374A76; }
.container_pur .popup_go .box_bot .box_bot_lie_lb { display: block; margin-top: 0.06479rem; font-size: 0.29632rem; line-height: 0.4259rem; color: #8C9CC2; }
.container_pur .popup_go .box_bot .buy_ico { margin-left: 0.28701rem; }
.container_pur .popup_go .yes_btn { display: block; width: 5.74073rem; height: 1.07409rem; margin: 0.49076rem auto 0.33333rem auto; line-height: 1.07409rem; border-radius: 0.74076rem; background-color: #746EF6; text-align: center; color: #fff; font-size: 0.38889rem; }
.container_pur .popup_go .no_btn { display: block; margin-top: 0.33333rem; text-align: center; color: #9E9E9E; font-size: 0.33333rem; }

.container_pur_day { display: block; width: 100%; max-width: 10rem; height: 100vh; margin: 0 auto; font-size: 0; background-color: #F9FAFC; }
.container_pur_day .box_over_y { display: block; width: 100%; height: calc(100vh - 4.1rem); padding: .1852rem 0.44444rem 0 0.44444rem; overflow-y: auto; }
.container_pur_day .box_over_y::-webkit-scrollbar { display: block; width: .08rem; height: 1px; }
.container_pur_day .box_over_y::-webkit-scrollbar-thumb { border-radius: .1333rem; background: #C1C1C1; }
.container_pur_day .box_over_y::-webkit-scrollbar-track { border-radius: .1333rem; background: #F1F1F1; }
.container_pur_day .list { display: inline-block; width: 100%; }
.container_pur_day .list:nth-child(1) .list_box_bg:nth-child(2) { background: linear-gradient(221deg, #7A9CFC 0%, #4C6ECD 100%); }
.container_pur_day .list:nth-child(1) .list_box_bg:nth-child(2) .h4 .h4_font { color: #293875; }
.container_pur_day .list:nth-child(1) .list_box_bg:nth-child(2) .h4 .h4_span { background: linear-gradient(90deg, #7B8BD2 0%, #3B59B8 100%); }
.container_pur_day .list:nth-child(1) .list_box_bg:nth-child(3) { background: linear-gradient(223deg, #839ABA 0%, #52668D 100%); }
.container_pur_day .list:nth-child(1) .list_box_bg:nth-child(3) .h4 .h4_font { color: #2A3A59; }
.container_pur_day .list:nth-child(1) .list_box_bg:nth-child(3) .h4 .h4_span { background: linear-gradient(97deg, #7F95B4 0%, #728298 100%); }
.container_pur_day .list:nth-child(2) .list_box_bg:nth-child(2) { background: linear-gradient(223deg, #B88F7A 0%, #94634D 100%); }
.container_pur_day .list:nth-child(2) .list_box_bg:nth-child(2) .h4 .h4_font { color: #5E3322; }
.container_pur_day .list:nth-child(2) .list_box_bg:nth-child(2) .h4 .h4_span { background: linear-gradient(94deg, #B78B7D 0%, #957365 100%); }
.container_pur_day .list:nth-child(2) .list_box_bg:nth-child(3) { background: linear-gradient(223deg, #7179C2 0%, #3D4480 100%); }
.container_pur_day .list:nth-child(2) .list_box_bg:nth-child(3) .h4 .h4_font { color: #1B1E45; }
.container_pur_day .list:nth-child(2) .list_box_bg:nth-child(3) .h4 .h4_span { background: linear-gradient(88deg, #7C83BE 0%, #6D729D 100%); }
.container_pur_day .list_tit { position: relative; display: block; padding-left: 0.25923rem; margin-top: 0.15743rem; margin-bottom: 0.27778rem; line-height: 0.56479rem; font-size: 0.38889rem; color: #222222; }
.container_pur_day .list_tit::before { position: absolute; top: 0.09257rem; left: 0; content: ''; width: 0.09257rem; height: 0.4259rem; background-color: #746EF6; border-radius: 0.04632rem; }
.container_pur_day .list_box_lie { position: relative; display: block; width: 9.11105rem; height: 3.16665rem; margin-bottom: 0.22222rem; background-position: center; border-radius: 0.48146rem; }
.container_pur_day .list_box_lie::before { content: ''; position: absolute; left: 0; top: 0; width: 9.11105rem; height: 3.16665rem; background-position: center; background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.88) 27%, rgba(255, 255, 255, 0.6) 100%); border-radius: 0.48146rem; }
.container_pur_day .list_box_lie.swi_hove .box { border: 0.05556rem solid #746EF6; border-radius: 0.48146rem; }
.container_pur_day .list_box_lie .box { position: absolute; left: 0; top: 0; width: 9.11105rem; height: 3.16665rem; padding-top: 0.20368rem; padding-left: 0.46298rem; box-sizing: border-box; border: 0.05556rem solid #F9FAFC; border-radius: 0.48146rem; }
.container_pur_day .list_box_lie .h4 .h4_font { display: inline-block; vertical-align: middle; font-size: 0.48146rem; font-weight: bold; line-height: 0.69444rem; }
.container_pur_day .list_box_lie .h4 .h4_span { display: inline-block; vertical-align: middle; padding: 0.03701rem 0.18521rem; margin-left: 0.18521rem; line-height: 0.40743rem; color: #fff; border-radius: 0.27778rem 0.27778rem 0.27778rem 0; font-size: 0.27778rem; }
.container_pur_day .list_box_lie .list_box_lie_p { display: block; margin-top: 0.01854rem; font-size: 0.29632rem; color: #777777; }
.container_pur_day .list_box_lie .list_box_lie_li { display: flex; justify-content: space-between; width: 6.11107rem; margin-top: 0.23146rem; }
.container_pur_day .list_box_lie .list_box_lie_li .yinyong_img { display: block; margin: 0 auto; width: 0.90742rem; height: 0.90742rem; border-radius: 0.22222rem; }
.container_pur_day .list_box_lie .list_box_lie_li .yinyong_text { display: block; margin-top: 0.04632rem; font-size: 0.27778rem; color: #777777; line-height: 0.40743rem; text-align: center; }
.container_pur_day .list_box_lie .list_box_pot { position: absolute; right: 0.46298rem; top: 0.3241rem; font-size: 0.37034rem; color: #222222; }
.container_pur_day .list_box_lie .list_box_pot .font_v { font-size: 0.48146rem; color: #746EF6; font-weight: bold; line-height: 0.63888rem; }
.container_pur_day .list_box_lie .list_box_pot .font_b { font-size: 0.81479rem; font-weight: bold; color: #746EF6; line-height: 1.07409rem; }
.container_pur_day .zffs { display: block; height: 2.59255rem; padding: 0.33333rem 0.38889rem 0 0.38889rem; margin-top: 0.33333rem; background-color: #fff; border-radius: 0.46298rem; box-sizing: border-box; }
.container_pur_day .zffs label { display: flex; align-items: center; width: 3.75921rem; cursor: pointer; }
.container_pur_day .zffs .p1 { display: block; font-size: 0.38889rem; color: #222222; font-weight: bold; line-height: 0.56479rem; }
.container_pur_day .zffs .zffs_box { display: flex; justify-content: space-between; align-items: center; margin-top: 0.34257rem; }
.container_pur_day .zffs .zffs_box .txt { display: inline-block; flex-grow: 1; padding-left: 0.22222rem; flex-grow: 1; text-align: left; font-size: 0.38889rem; color: #222222; }
.container_pur_day .zffs input[type="radio"] { width: 1px; height: 0px; opacity: 0; pointer-events: none; }
.container_pur_day .zffs input[type="radio"]:checked ~ .ico_17 { background-position: 0 -8.11106rem; }
.container_pur_day .tjj { display: block; margin-top: 0.33333rem; font-size: 0.33333rem; color: #A8ABB2; }
.container_pur_day .zffs_fix { display: inline-block; width: 100%; box-sizing: border-box; position: fixed; bottom: 0; max-width: 10rem; background: #F9FAFC; padding: .1852rem 0.44444rem 0 0.44444rem; left: 50%; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.container_pur_day .zffs_fix .tjj { font-size: 0.33333rem; color: #A8ABB2; line-height: 0.46298rem; }
.container_pur_day .zffs_fix .chex { display: block; text-align: center; }
.container_pur_day .zffs_fix .chex .txt { display: inline-block; vertical-align: middle; font-size: 0.33333rem; color: #A8ABB2; }
.container_pur_day .zffs_fix .chex .navs { display: inline-block; vertical-align: middle; font-size: 0.33333rem; color: #4C6ECD; }
.container_pur_day .zffs_fix .chex input[type="checkbox"]:checked + label i { background-position: 0 -8.11106rem; }
.container_pur_day .zffs_fix .chex .ico_17 { margin-right: 0.09257rem; cursor: pointer; }
.container_pur_day .zffs_fix .but { display: block; width: 100%; margin: 0.23146rem 0 0.44444rem 0 !important; padding: 0.33333rem 0; text-align: center; color: #fff; font-weight: normal; font-size: 0.38889rem; background: #746EF6; border-radius: 0.57409rem; border: 0; }