@charset "UTF-8";
.modal-wrap .modal-shade, .modal-wrap-self .modal-shade, .modal-wrap .modal-dialog-wrap, .modal-wrap-self .modal-dialog-wrap { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

@keyframes bottomPopup { from { margin-top: 100vh; }
  to { margin-top: 0; } }

.bottomPopup { animation: bottomPopup .1s ease-in-out alternate; }

.modal-wrap, .modal-wrap-self { font-size: .32rem; color: #333; }

.modal-wrap .modal-shade, .modal-wrap-self .modal-shade { background-color: #000; opacity: .3; }

.modal-wrap .modal-dialog-wrap, .modal-wrap-self .modal-dialog-wrap { display: flex; pointer-events: none; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box { margin: auto; pointer-events: auto; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog { width: 6rem; background-color: #fff; border-radius: .1rem; word-break: break-all; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body { padding: .64rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-title, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-title { color: inherit; font-weight: bold; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content { line-height: .42rem; font-size: .28rem; color: #666; text-align: left; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content form, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content form { width: 100%; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content form input[type="text"], .modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content form input[type="password"], .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content form input[type="text"], .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body-content form input[type="password"] { width: 100%; height: .80rem; text-indent: .24rem; font-size: .28rem; border: 1px solid #d6d6d6; border-radius: 5px; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body .modal-body-title, .modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body .modal-body-content, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body .modal-body-title, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body .modal-body-content { display: flex; justify-content: center; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body .modal-body-title + .modal-body-content, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-body .modal-body-title + .modal-body-content { margin-top: .48rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot { display: flex; height: 1.02rem; font-size: inherit; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button { flex: 1; border: none; outline: none; font-size: inherit; height: 100%; width: 50%; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button:first-child, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button:first-child { border-radius: 0 0 0 .1rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button:first-child:nth-last-child(1), .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button:first-child:nth-last-child(1) { border-radius: 0 0 .1rem .1rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button:nth-child(2), .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button:nth-child(2) { border-radius: 0 0 .1rem 0; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button.btn-disabled, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot button.btn-disabled { pointer-events: none; background-color: rgba(255, 91, 1, 0.3); }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot .btn-gray, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot .btn-gray { color: #666; background-color: #f5f5f5; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot .btn-orange, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog .modal-foot .btn-orange { color: #fff; background-color: #ff5b01; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-msg, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-msg { width: auto; max-width: 6rem; line-height: .36rem; background-color: rgba(0, 0, 0, 0.8); }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-msg .modal-body, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-msg .modal-body { padding: .4rem .5rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-msg .modal-body-title, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-msg .modal-body-title { color: #fff; font-size: .24rem; font-weight: normal; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-load, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-load { width: auto; background-color: rgba(255, 255, 255, 0); }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form { position: relative; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form input, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form input { padding-right: 2.24rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form img.authcode, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form img.authcode { box-sizing: border-box; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; width: 1.6rem; height: 100%; border: 1px solid #d6d6d6; border-left: none; border-radius: 0 .05rem .05rem 0; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form i.mark, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-imgauthcode .modal-body-content form i.mark { position: absolute; top: 0; bottom: 0; margin: auto; right: 1.84rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form { position: relative; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form input, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form input { padding-right: 2.42rem; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button { position: absolute; margin: auto; width: 2.42rem; right: 0; top: 0; bottom: 0; height: 100%; color: #0e56a6; font-size: .28rem; background-color: #f5f5f5; border-radius: 0 .05rem .05rem 0; border: 1px solid #d6d6d6; border-left: none; outline: none; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button b, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button b { display: none; margin-left: .14rem; font-weight: normal; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button.btn-disabled, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button.btn-disabled { pointer-events: none; color: #999; }

.modal-wrap .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button.btn-disabled b, .modal-wrap-self .modal-dialog-wrap .modal-dialog-box .modal-dialog.modal-skin-phoneauthcode .modal-body-content form button.btn-disabled b { display: inline; }

.modal-wrap .icon-succeed, .modal-wrap .icon-error, .modal-wrap-self .icon-succeed, .modal-wrap-self .icon-error { display: inline-block; width: .30rem; height: .30rem; vertical-align: middle; text-align: center; background-size: 100% 100% !important; }

.modal-wrap .icon-succeed, .modal-wrap-self .icon-succeed { background: url(//cdnimg.dd373.com/newfile/common/images/m/success-c355201f3f.png) no-repeat; }

.modal-wrap .icon-error, .modal-wrap-self .icon-error { background: url(//cdnimg.dd373.com/newfile/common/images/m/delete_img-2a7a498c6d.png) no-repeat; }

html { font-size: calc(100vw/7.5); font-size: -webkit-calc(100vw/7.5); -webkit-text-size-adjust: 100%; }

@media screen and (min-width: 751px) { html { font-size: 75px; -webkit-text-size-adjust: 100%; } }

html, body, p, div, ul, li, span, input, h1, h2, h3, h4, h5, h6, a, label, textarea { margin: 0; padding: 0; box-sizing: border-box; color: #333; font-family: "微软雅黑"; }

body { max-width: 750px; margin-right: auto; margin-left: auto; cursor: pointer; -webkit-tap-highlight-color: rgba 255, 255, 255, 0; -webkit-tap-highlight-color: transparent; }

[v-cloak] { display: none !important; }

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

input:focus, textarea:focus, select:focus { outline-offset: 0; outline: none; }

a { text-decoration: none; }

.m-t20 { margin-top: 0.2rem; }

.m-t30 { margin-top: 0.3rem; }

.m-t40 { margin-top: 0.4rem; }

.m-t24 { margin-top: 0.24rem; }

.m-b24 { margin-bottom: 0.24rem; }

.mui-action-back { color: #060300; }

.font24 { font-size: 0.24rem; }

.font28 { font-size: 0.28rem; }

.font32 { font-size: 0.32rem; }

.font34 { font-size: 0.34rem; }

.font36 { font-size: 0.36rem; }

.font40 { font-size: 0.4rem; }

.font46 { font-size: 0.46rem; }

.colorfff { color: #fff; }

.color666 { color: #666; }

.color999 { color: #999; }

.coloractive, .colorOrange { color: #FF5B01; }

.colorBule { color: #0E56A6; }

.colorGreen { color: #38B03F; }

.colorRed { color: #FF0000; }

.bgf5 { background: #F5F5F5; }

.bgfff { background: #fff; }

.p-lr30 { padding: 0.30rem; }

.p-lr24 { padding: 0 0.24rem; }

.p-r24 { padding-right: 0.24rem; }

.p-b46 { padding-bottom: 0.46rem; }

.p-l24 { padding-left: 0.24rem; }

.p-t46 { padding-top: 0.46rem; }

.p-t24 { padding-top: 0.24rem; }

.m-r15 { margin-right: 0.15rem; }

.m-r24 { margin-right: 0.24rem; }

.m-l24 { margin-left: 0.24rem; }

.line-height48 { line-height: 0.48rem; }

.line-height94 { line-height: 0.94rem; }

.height94 { height: 0.94rem; }

.line-height36 { line-height: 0.36rem; }

.clear { clear: both; }

.float-right { float: right; }

.float-left { float: left; }

.relative { position: relative; }

.none { display: none; }

.inline-block, .VerfontStyle, .fontY, .fontZ, .fontA, .fontJ, .fontS, .fontG, .fontX, .fontXB { display: inline-block; }

.block { display: block; }

.center { text-align: center; }

.border-bottom { border-bottom: 1px solid #ededed; }

.border-top { border-top: 1px solid #ededed; }

.bottom-btn-box { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2000; background: #fff; }

.bottom-btn-box > div { max-width: 750px; margin: auto; }

.bottom-btn-box .bottom-btn { width: 100%; background: #FF5B01; height: 1.06rem; border: none; color: #fff; font-size: 0.32rem; text-align: center; line-height: 1.06rem; }

.bottom-btn-box .disabledBg { background: rgba(255, 91, 1, 0.3); }

.public-button, .page-oranage-button, .page-gray-button, .page-disabled-button { width: 7.02rem; height: 1.06rem; border-radius: 0.05rem; line-height: 1.04rem; font-size: 0.36rem; text-align: center; }

.page-oranage-button { border: 1px solid #FF5B01; background: #FF5B01; color: #fff; }

.page-gray-button { border: 1px solid #D6D6D6; background: #fff; color: #666; }

.page-disabled-button { background: #FFCDB2; border: 1px solid #FFCDB2; color: #fff; }

.login-public-button, .login-oranage-button, .login-disabled-button { width: 6.66rem; height: 1rem; border-radius: 0.05rem; line-height: 0.8rem; font-size: 0.36rem; text-align: center; }

.login-oranage-button { border: 1px solid #FF5B01; background: #FF5B01; color: #fff; }

.login-disabled-button { background: #FFCDB2; border: 1px solid #FFCDB2; color: #fff; }

.header { position: fixed; width: 100%; top: 0; left: 0; height: 1.08rem; line-height: 1.08rem; z-index: 2000; }

.header > div { margin: auto; max-width: 750px; border-bottom: 1px solid #ededed; background: #fff; }

.header span { line-height: 1.08rem; }

.header h1 { text-align: center; font-size: 0.36rem; color: #333; font-weight: 500; margin-left: 1.5rem; margin-right: 1.5rem; }

.header .back-left { width: 0.6rem; float: left; padding-left: 0.24rem; }

.header .back-left img { width: 0.22rem; margin-bottom: 0.2rem; vertical-align: middle; }

.header .acitive-menu-icon { float: right; padding-right: 0.24rem; }

.header .acitive-menu-icon img { width: 0.5rem; vertical-align: middle; margin-bottom: 0.2rem; }

.header .search-icon { float: right; width: 0.6rem; }

.header .search-icon img { width: 0.36rem; height: 0.36rem; margin-bottom: 0.16rem; }

.header .down-icon { width: 0.16rem; height: 0.1rem; vertical-align: middle; margin-left: 0.15rem; }

.header .hearder-search { height: 1.08rem; }

.header .hearder-search .search-btn { float: right; width: 1rem; height: 0.64rem; font-size: 0.32rem; background: #FF5B01; color: #fff; border-radius: 0.05rem; text-align: center; line-height: 0.64rem; margin-top: 0.22rem; margin-right: 0.24rem; }

.header .hearder-search .search-input { float: left; width: 5.34rem; height: 0.64rem; line-height: 0.6rem; margin-top: 0.22rem; background: #f5f5f5; border: 1px solid #d6d6d6; padding-left: 0.2rem; margin-left: 0.1rem; font-size: 0.28rem; border-radius: 0.05rem; outline: none; -webkit-appearance: none; /*去除系统默认的样式*/ appearance: button; -moz-appearance: button; /* Firefox */ -webkit-appearance: button; /* Safari 和 Chrome */ }

.dd-content { margin-top: 1.08rem; }

input:placeholder-shown { text-overflow: ellipsis; }

input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder { /* WebKit, Blink, Edge */ color: #999; }

input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

input:-ms-input-placeholder, :-ms-textarea-placeholder { /* Internet Explorer 10-11 */ color: #999; }

.VerfontStyle, .fontY, .fontZ, .fontA, .fontJ, .fontS, .fontG, .fontX, .fontXB { width: 0.36rem; height: 0.36rem; text-align: center; line-height: 0.34rem; border-radius: 0.02rem; font-size: 0.24rem; font-style: normal; }

.fontY { border: 1px solid #38B03F; color: #38B03F; }

.fontZ, .fontA { border: 1px solid #0E56A6; color: #0E56A6; }

.fontJ, .fontS { border: 1px solid #FF0000; color: #FF0000; }

.fontG { border: 1px solid #9C27B0; color: #9C27B0; }

.fontX { border: 1px solid #FF8D1A; color: #FF8D1A; }

.fontXB { border: 1px solid #00BAAD; color: #00BAAD; }

@media screen and (min-width: 751px) { .head-bar .head-input .head-serch-icon { left: 39px; }
  .head-bar .head-input .head-serch-clear-icon { right: 39px; } }

.hidden { visibility: hidden; }

#head-wrap { width: 100%; max-width: 750px; margin: 0 auto; position: fixed; top: 0; z-index: 10000; font-size: .36rem; color: #333; }

#head-wrap .head-bar { background: #fff; padding: 0 .24rem; height: 1.08rem; display: flex; align-items: center; }

.head-left-option { width: 20%; margin-right: .24rem; display: flex; height: .36rem; }

.head-left-option.head-input-left-option { width: auto; }

.head-left-option .head-left-icon { width: auto; height: .36rem; }

.head-left-option .head-left-icon.back-option::before { content: ''; display: block; width: .2rem; height: .36rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/back_icon-436f5a461e.png) no-repeat 0rem 0rem; background-size: .2rem .36rem; }

.head-left-option .head-left-icon.close-option::before { content: ''; display: block; width: .36rem; height: .36rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/head_close-789d050397.png) no-repeat 0rem 0rem; background-size: .36rem .36rem; }

.head-info { width: 60%; display: flex; justify-content: center; align-items: center; }

.head-info .head-title { margin-right: .18rem; font-weight: bold; }

.head-info .head-up-drop { display: block; width: .18rem; height: .1rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/title_up-6adf12170f.png) no-repeat 0rem 0rem; background-size: .18rem .1rem; }

.head-info .head-down-drop { display: block; width: .18rem; height: .1rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/title_down-835e792632.png) no-repeat 0rem 0rem; background-size: .18rem .1rem; }

.head-input { width: 90%; display: flex; justify-content: center; align-items: center; position: relative; }

.head-input > input { border: none; outline: none; background: #f2f2f2; border-radius: 30px; height: .6rem; font-size: .28rem; padding-left: .68rem; padding-right: .68rem; }

.head-input .keyword { width: 5.84rem; }

.head-input .longKeyword { width: 6rem; }

.head-input .shortKeyword { width: 4.87rem; }

.head-input .head-serch-icon { position: absolute; left: .24rem; }

.head-input .head-serch-icon::after { content: ''; display: block; width: .28rem; height: .28rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/head_serch-382ccb43e2.png) no-repeat 0rem 0rem; background-size: .28rem .28rem; }

.head-input .head-serch-clear-icon { display: none; position: absolute; right: .24rem; cursor: pointer; }

.head-input .head-serch-clear-icon.head-short-serch-clear-icon { right: 1.3rem; }

.head-input .head-serch-clear-icon::after { content: ''; display: block; width: .3rem; height: .3rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/search_clear-3b1b27aacb.png) no-repeat center center; background-size: .3rem .3rem; }

.head-input .head-search-btn { width: .73rem; height: .6rem; padding: 0; background-color: #ffffff; border-radius: 5px; border: solid .02rem #d6d6d6; font-size: .24rem; color: #333; margin-left: .24rem; margin-right: .24rem; }

.head-right-option { width: 20%; height: .36rem; display: flex; justify-content: flex-end; position: relative; }

.head-right-option .right-option { display: flex; flex-direction: row; align-items: center; }

.head-right-option .right-option .panel-option { cursor: pointer; height: .6rem; }

.head-right-option .right-option .panel-option::before { content: ''; display: block; width: .5rem; height: .6rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/menu_icon-0fec68967b.png) no-repeat center center; order: 2; cursor: pointer; background-size: .5rem .1rem; }

.head-right-option .right-option .share-option::before { content: ''; display: block; width: .5rem; height: .6rem; background: url(//cdnimg.dd373.com/newfile/goods/images/m/default/seller_share-81a436ff6c.png) no-repeat center center; order: 2; cursor: pointer; background-size: .36rem .36rem; }

.head-right-option .right-option .search-option { margin-right: .2rem; }

.head-right-option .right-option .search-option::before { content: ''; display: block; width: .36rem; height: .36rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/nav_search-2609a0d6c8.png) no-repeat 0rem 0rem; background-size: contain; order: 1; cursor: pointer; }

.head-right-option .right-option[class$='-font'] { font-size: .32rem; }

.head-right-option .right-option.b-font { color: #666; }

.head-right-option .right-option.y-font { color: #38b03f; }

.head-right-option .right-option.o-font { color: #ff5b01; }

.head-right-option .unread-number { position: absolute; width: .32rem; height: .32rem; line-height: .32rem; text-align: center; color: #fff; border-radius: 50%; font-size: .24rem; background: #ff0000; bottom: .27rem; right: .09rem; }

.right_panel { top: 0; right: -3.76rem; height: 100%; position: fixed; width: 3.76rem; background: #000; opacity: .9; z-index: 10001; padding-left: .24rem; transition: right linear .3s; }

.right_panel ul li { font-size: .28rem; color: #fff; padding-left: .48rem; height: .94rem; line-height: .94rem; border-bottom: 1px solid #333; cursor: pointer; }

.right_panel ul li.home_link { background: url(//cdnimg.dd373.com/newfile/common/images/m/right_menu_home-d1cb0e59b8.png) no-repeat 0rem center; background-size: .34rem .34rem; }

.right_panel ul li.buyer_link { background: url(//cdnimg.dd373.com/newfile/common/images/m/right_menu_buyer-7e2cc5532f.png) no-repeat 0rem center; background-size: .34rem .34rem; }

.right_panel ul li.seller_link { background: url(//cdnimg.dd373.com/newfile/common/images/m/right_menu_seller-939bd1ad80.png) no-repeat 0rem center; background-size: .34rem .34rem; }

.right_panel ul li.chat_link { background: url(//cdnimg.dd373.com/newfile/common/images/m/right_menu_chat-9a8899956b.png) no-repeat 0rem center; background-size: .34rem .34rem; position: relative; }

.right_panel ul li.chat_link .unReadNum { position: absolute; width: .32rem; height: .32rem; line-height: .32rem; text-align: center; color: #fff; border-radius: 50%; font-size: .24rem; background: #ff0000; bottom: .3rem; right: .4rem; }

.right_panel ul li.person_link { background: url(//cdnimg.dd373.com/newfile/common/images/m/right_menu_person_center-ea37f8928c.png) no-repeat 0rem center; background-size: .34rem .34rem; }

.right_panel ul li.server_link { background: url(//cdnimg.dd373.com/newfile/common/images/m/right_menu_server-5944f90f67.png) no-repeat 0rem center; background-size: .34rem .34rem; }

#foot-wrap { background: #fff; width: 100%; max-width: 750px; margin: 0 auto; position: fixed; bottom: 0; z-index: 10000; font-size: .2rem; color: #666; }

.foot-list { display: flex; flex-direction: row; }

.foot-list li { height: 1.08rem; width: 20%; display: flex; align-items: flex-end; box-shadow: 0px -.02rem 0px #eee; }

.foot-list li a { font-size: .2rem; color: #666; display: block; width: 100%; height: 1.08rem; text-align: center; padding-top: .72rem; }

.foot-list li a.active { color: #ff5b01; }

.foot-list li.foot_index > a { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_home-8692b9942e.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_index > a.active { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_home_o-b7c7433a3e.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_buy > a { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_buy-f19a7b0271.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_buy > a.active { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_buy_o-78c8d76ffc.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_chat { position: relative; }

.foot-list li.foot_chat > a { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_chat-5b4f9ea7ab.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_chat > a.active { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_chat_o-0a6087d570.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_chat .chat_num { display: none; width: .32rem; height: .32rem; line-height: .32rem; background: #ff0000; border-radius: 50%; position: absolute; color: #fff; text-align: center; top: .04rem; right: .32rem; }

.foot-list li.foot_center > a { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_person-388547e460.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_center > a.active { background: url(//cdnimg.dd373.com/newfile/common/images/m/foot_person_o-4f547036be.png) no-repeat center 0.2rem; background-size: .44rem .44rem; }

.foot-list li.foot_sell > a { position: relative; height: 1.34rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/to_sell-066fd0f417.png) no-repeat center -0.01rem; background-size: .93rem .93rem; padding-top: .96rem; }

/*****************************          区服选择器样式-start          *****************************/
.dd-backdrop, .dd-backdrop1 { max-width: 750px; width: 100%; position: fixed; z-index: 10000; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); }

.dd-poppicker, .dd-selectarea { max-width: 750px; margin-right: auto; margin-left: auto; position: fixed; width: 100%; z-index: 10001; background-color: #fff; -webkit-transition: .3s; bottom: 0; -webkit-transform: translateY(6rem); }

.dd-poppicker.dd-active, .dd-selectarea.dd-active { -webkit-transform: translateY(0); }

.dd-poppicker-header { background-color: #f5f5f5; overflow: hidden; }

.dd-poppicker-header > div { float: left; }

.dd-poppicker-header .poppicker-header-center { width: 5.5rem; height: 1rem; text-align: center; font-size: 0.36rem; color: #666666; line-height: 1rem; }

.dd-poppicker-header .poppicker-header-left, .dd-poppicker-header .poppicker-header-left1 { width: 1rem; height: 1rem; padding-left: 1rem; position: relative; }

.dd-poppicker-header .poppicker-header-left::after, .dd-poppicker-header .poppicker-header-left1::after { width: 0.2rem; height: 0.36rem; content: ""; background-image: url(//cdnimg.dd373.com/newfile/common/images/m/pop_left-357c170157.png); background-repeat: no-repeat; background-size: 0.2rem 0.36rem; position: absolute; top: 0.32rem; left: 0.24rem; }

.dd-poppicker-header .poppicker-header-left1::after { width: 0; height: 0; content: ""; }

.dd-poppicker-header .poppicker-header-right { width: 1rem; height: 1rem; padding-left: 1rem; position: relative; }

.dd-poppicker-header .poppicker-header-right::after { width: 0.36rem; height: 0.36rem; content: ""; background-image: url(//cdnimg.dd373.com/newfile/common/images/m/pop_close-e4afe34012.png); background-repeat: no-repeat; background-size: 0.36rem 0.36rem; position: absolute; top: 0.32rem; right: 0.24rem; }

.dd-poppicker-clear { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

.dd-poppicker-body { position: relative; width: 100%; height: 5rem; overflow-y: scroll; }

.dd-poppicker-body ul li { padding: 0.27rem 0; padding-right: 0.6rem; font-size: 0.28rem; border-bottom: 1px solid #ededed; position: relative; margin-left: 0.24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.dd-poppicker-body ul li::after { width: 0.16rem; height: 0.28rem; content: ""; background-image: url(//cdnimg.dd373.com/newfile/common/images/m/form_dir-6c7f10f19a.png); background-repeat: no-repeat; background-size: 0.16rem  0.28rem; position: absolute; top: 0.34rem; right: 0.24rem; }

.dd-poppicker-body ul li:last-child { margin-left: 0; padding-left: 0.24rem; }

.dd-poppicker-body ul > div { text-align: center; margin-top: 0.4rem; }

.dd-poppicker-body ul > div i { width: 48px; height: 48px; display: inline-block; background-image: url(//cdnimg.dd373.com/newfile/common/images/m/loading-0c6d745c81.gif); }

.dd-poppicker-body ul > div p { font-size: 0.28rem; color: #999999; }

.dn { display: none; }

/*****************************          区服选择器样式-end          *****************************/
/*****************************         查看大图样式  开始        *****************************/
@keyframes smartphoto { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes smartphoto-img-wrap { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes smartphoto-inner { from { transform: translate(0, 100px); }
  to { transform: translate(0, 0); } }

@keyframes smartphoto-loader { 0% { opacity: .4;
    transform: rotate(0deg); }
  50% { opacity: 1;
    transform: rotate(180deg); }
  100% { opacity: .4;
    transform: rotate(360deg); } }

@keyframes smartphoto-appear { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }

@keyframes smartphoto-hide { 0% { display: block;
    opacity: 1; }
  99% { display: block;
    opacity: 0; }
  100% { display: none;
    opacity: 0; } }

button:focus { outline: none; }

.smartphoto { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 1; font-family: sans-serif; cursor: pointer; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; transition: all 0.3s ease-out; animation-name: smartphoto; animation-duration: .3s; animation-timing-function: ease-out; }

.smartphoto[aria-hidden="true"] { display: none; }

.all_img { position: fixed; height: 100%; width: 100%; z-index: 10001; }

.smartphoto-close { opacity: 0; }

.smartphoto-count { display: inline-block; position: absolute; top: .48rem; font-size: .28rem; color: #999; text-align: center; }

.smartphoto-header { display: block; box-sizing: border-box; position: fixed; text-align: center; z-index: 102; top: 0; left: 0; width: 100%; height: .8rem; padding: .3rem; background-color: rgba(0, 0, 0, 0.2); }

.smartphoto-content { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.smartphoto-dismiss { display: block; position: absolute; top: .26rem; right: .24rem; width: .54rem; height: .54rem; padding: 0; border: none; background-color: transparent; background: url("//cdnimg.dd373.com/newfile/notwebicon/images/m/seeImg_close.png") no-repeat center; color: #FFF; font-size: 4.4rem; text-decoration: none; cursor: pointer; -webkit-background-size: 100%; background-size: 100%; }

.smartphoto-body { position: relative; z-index: 102; width: 100%; height: 100%; margin: 0 auto; padding: 0 .24rem; }

.smartphoto-inner { position: relative; width: 100%; height: 100%; vertical-align: top; }

.smartphoto-img { width: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; max-width: none; height: auto; cursor: zoom-in; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: transform 0.3s ease-out; -webkit-user-drag: none; }

.smartphoto-img.active { display: block; }

.smartphoto-img-onmove { cursor: grab; cursor: -webkit-grab; transition: none; }

.smartphoto-img-elasticmove { transition: transform 0.3s ease-out; }

.smartphoto-img-wrap { /*display: inline-block;*/ opacity: 1; width: 100%; height: 100%; position: fixed; z-index: 999; /*top:50%; left: 50%;*/ -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; animation-name: smartphoto-img-wrap; animation-duration: .3s; animation-timing-function: ease-out; }

.smartphoto-img-left { transform: translateX(150%) !important; }

.smartphoto-img-right { transform: translateX(-150%) !important; }

.smartphoto-list { list-style-type: none; position: absolute; z-index: 101; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; white-space: nowrap; }

.smartphoto-list li { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-out; }

.smartphoto-list li:focus { outline: none; }

.smartphoto-list-onmove { transition: all 0.3s ease-out; }

.smartphoto-caption { overflow: hidden; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: .5rem; padding: 0 .5rem; color: #FFF; font-size: .12rem; text-align: center; line-height: .5rem; white-space: nowrap; text-overflow: ellipsis; }

.smartphoto-caption:focus { outline: none; }

.smartphoto-loader-wrap { display: block; position: relative; z-index: 103; width: 0; height: 0; transform: translate(50vw, 50vh); }

.smartphoto-loader { position: absolute; z-index: 101; top: 0; left: 0; width: 1.3rem; height: 1.3rem; margin-top: -.25rem; margin-left: -.25rem; border: .08rem solid #17CDDD; border-right-color: transparent; border-radius: 50%; animation: smartphoto-loader .5s infinite linear; }

.smartphoto-img-clone { position: fixed; z-index: 100; top: 0; left: 0; transition: all .3s ease-out; }

.smartphoto-sr-only { overflow: hidden; position: absolute; width: 100%; height: 100%; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }

/*****************************         查看大图样式 结束         *****************************/
/*****************************         小图标         *****************************/
.icon-inputdelete { background: url(//cdnimg.dd373.com/newfile/common/images/m/del-857eedf798.png) no-repeat; width: 0.4rem; height: 0.4rem; background-size: 100% 100%; }

/*****************************         图片查看器         *****************************/
.img-viewer-box { visibility: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.img-viewer-box .img-shadow { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000; }

.img-viewer-box .swiper-container { top: 0; position: fixed; bottom: 0; left: 0; right: 0; }

.img-viewer-box .swiper-container .swiper-pagination { color: #999; font-size: 0.28rem; top: 0.48rem; bottom: auto; }

.img-viewer-box .swiper-container .swiper-pagination span { color: #999; }

.img-viewer-box .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; top: 50%; position: relative; height: auto; transform: translate(0%, -50%); }

.img-viewer-box .img-close { position: absolute; top: .26rem; right: .24rem; width: .54rem; height: .54rem; background: url(//cdnimg.dd373.com/newfile/common/images/m/seeImg_close-4ee5ff204f.png) no-repeat center; background-size: 100%; }

/*****************************         图片查看器end         *****************************/
/*********************         公共验证方式获取        *********************/
.verify-li { height: 0.94rem; line-height: 0.94rem; padding-right: 0.24rem; }

.icons, .icon-phone, .icon-lock, .icon-message, .icon-weixin { width: 0.34rem; height: 0.34rem; display: inline-block; vertical-align: sub; }

.icon-phone { background: url(//cdnimg.dd373.com/newfile/common/images/m/phone-38ddb7bbf9.png) no-repeat; background-size: 100% 100%; }

.icon-lock { background: url(//cdnimg.dd373.com/newfile/common/images/m/lock-0d897dd720.png) no-repeat; background-size: 100% 100%; }

.icon-message { background: url(//cdnimg.dd373.com/newfile/common/images/m/message-ea7aa36368.png) no-repeat; background-size: 100% 100%; }

.icon-weixin { background: url(//cdnimg.dd373.com/newfile/common/images/m/weixin-f544b57398.png) no-repeat; background-size: 100% 100%; }

.icon-form_dir { background: url(//cdnimg.dd373.com/newfile/common/images/m/form_dir-6c7f10f19a.png) no-repeat; background-size: 100% 100%; width: 0.16rem; height: 0.28rem; display: inline-block; }

.verify-style { width: 4.72rem; height: 0.8rem; font-size: 0.28rem; border: 0.01rem solid #ededed; border-radius: 0.05rem; display: flex; overflow: hidden; }

.verify-style input { border: 0; padding: 0 0.24rem; }

.verify-style .input { width: 2.3rem; }

.get-verifycode { width: 2.42rem; height: 0.8rem; line-height: 0.8rem; text-align: center; background-color: #f5f5f5; }

.is-send { color: #999999 !important; }

.load-more-img { width: 0.48rem; }

/*********************         公共验证方式获取end        *********************/
.goods-label, .bgZH, .bgDB, .bgJS, .bgSC, .bgDJ, .bgXC, .bgDC, .bgSH, .bgDMJ, .bx-dis-bg { width: 0.7rem; height: 0.4rem; color: #fff; font-size: 0.24rem; text-align: center; display: block; line-height: 0.4rem; border-radius: 0.05rem; margin-right: 0.14rem; font-family: "微软雅黑"; }

.card-box { background: #fff; border-radius: 0.1rem; padding-left: 0.24rem; margin-bottom: 0.24rem; }

.card-box .goods-label, .card-box .bgZH, .card-box .bgDB, .card-box .bgJS, .card-box .bgSC, .card-box .bgDJ, .card-box .bgXC, .card-box .bgDC, .card-box .bgSH, .card-box .bgDMJ, .card-box .bx-dis-bg { margin-top: 0.28rem; }

.card-box .card-content { padding: 0.24rem 0.24rem 0.24rem 0rem; }

.card-box .card-content .img-box { height: 1.2rem; }

.card-box .card-content .img-box img { width: 1rem; height: 1rem; border-radius: 0.2rem; object-fit: cover; }

.card-box .card-content .card-info { margin-left: 1rem; width: 3.74rem; display: block; padding-right: 0.24rem; }

.card-box .card-content .card-info div:last-child { line-height: 0.36rem; white-space: nowrap; overflow: hidden; margin-left: 0.24rem; margin-top: 0; margin-bottom: 0.3rem; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }

.card-box .card-content .card-info > div:nth-child(1), .card-box .card-content .card-info > div:nth-child(2) { line-height: 0.36rem; margin-left: 0.24rem; }

.card-box .card-content .card-price .edit { border: 1px solid #ededed; width: 1.6rem; height: 0.6rem; line-height: 0.6rem; }

.card-box .card-content .card-price .edit1 { border-bottom: none; }

.card-box .card-content .card-price div { line-height: 0.36rem; text-align: right; }

.card-box .card-content .card-price div .edit-input { width: 0.6rem; border: none; font-size: 0.24rem; color: #333; }

.card-box .card-content .card-price div .delete-btn { display: inline-block; width: 0.1rem; height: 0.1rem; background: #D6D6D6; border-radius: 50%; color: #fff; }

.card-box .card-content .card-price div img { width: 0.24rem; float: right; margin-top: 0.15rem; margin-right: 0.14rem; margin-left: 0.14rem; }

.title-dir { width: 0.16rem; vertical-align: middle; margin-left: 0.14rem; position: relative; margin-bottom: 0.05rem; }

.goods-btn-group { float: right; margin-top: 0.2rem; }

.goods-btn-group button { width: 0.9rem; height: 0.52rem; color: #666; border: 1px solid #ededed; font-size: 0.28rem; background: #fff; float: right; border-radius: 0.05rem; padding: 0 0.14rem; }

.m-r20 { margin-right: 0.2rem; }

.bgZH { background: #FF5B01; }

.bgDB { background: #38B03F; }

.bgJS { background: #2196F3; }

.bgSC { background: #FF0000; }

.bgDJ { background: #FF9800; }

.bgXC { background: #FF9800; }

.bgDC { background: #0E56A6; }

.bgSH { background: #9C27B0; }

.bgDMJ { background-color: #e91e62; }

.text-decoration { text-decoration: line-through; }

.bx-img-style200 { width: 0.63rem; height: 0.24rem; margin-right: 0.1rem; margin-top: 0.35rem; }

.bx-img-style201 { height: 0.4rem; width: 0.4rem; margin-right: 0.1rem; margin-top: 0.28rem; }

.bx-dis-bg { width: auto; margin-top: 0.25rem; color: #ff5b01; border: 0.02rem solid #ff5b01; border-radius: 0.05rem; padding: 0 0.12rem; line-height: 0.38rem; margin: 0.25rem 0.1rem 0 0.1rem; }

.p_r24 { padding-right: 0.24rem; }