#footer, #header, .btn, .btn2, .btn2:visited, .btn:visited { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
#dg-confirm, .page_loading { -webkit-box-orient: vertical }
html { background-color: #f5f5f5; color: #333; min-width: 320px; max-width: 640px; margin: 0 auto; }
/*body { height:100%;}*/
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, select, td, textarea, th, ul, figure { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 14px/1.4 'Microsoft YaHei','Arial','PingFangSC-Light','helvetica','Heiti SC'; -webkit-text-size-adjust: none }
.iconfont, address, cite, em, i, var { font-style: normal }
ol, ul { list-style: none }
i.iconfont { font-size: 18px !important; font-weight: normal !important; }
img { border: 0; vertical-align: middle }
button, input, select, textarea { font-size: 100%; outline: 0; resize: none; border-radius: 0; -webkit-appearance: none }
input[type=number]::-webkit-inner-spin-button { display: none }
iframe { display: none }
table { border-collapse: collapse; border-spacing: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 100% }
a, a:visited { text-decoration: none; color: #333; }
.cle:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
#header .bd, .flex { display: -webkit-box }
/* 底部 */
footer { text-align: center; color: #848689; font-size: 0.3rem; line-height: 0.5rem; }
footer a, footer a:visited { color: #848689; }
::selection { background: #c40000 !important; color: #fff !important; }
.red { color: #c40000 !important; }
.green { color: #05c481 !important; }
.blue { color: #09f !important; }
.gray { color: #999 !important; }
.tc { text-align: center }
.tr { text-align: right }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
#dg-confirm .dg_body, #dg-tip, #footer, #header .bd, #header .bd a, .blank, .global_fixed, .page_loading .bd { text-align: center }
.iconfont { font-family: lizi; font-size: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.loading { background: url(/images/loading/loading_heng_hui.gif) center center no-repeat }
.loading-lizi { background: url(/images/loading/loading-lizi.gif) center center no-repeat }
#data_loading { width: 58px; height: 10px; z-index: 2; margin: 0.5rem auto; }
#header { height: 44px; width: 100%; max-width: 640px; margin: 0 auto; position: fixed; z-index: 100000; top: 0px; }
#header .bd { background-color: #FFF; height: 42px; line-height: 42px; color: #000; display: -webkit-flex; display: flex; box-shadow: 0px 1px 2px #f5f5f5; }
#header .bd a:active { background-color: #a60000; }
#header .bd h2 { -webkit-box-flex: 1; font-size: 16px; flex: 1 1 auto; }
#header .bd a { display: block; width: 44px; height: 44px; color: #000; font-size: 18px; flex: 0 0 auto; }
#header .bd a:visited { color: #000; }
#header .more_menu { width: 1rem; text-align: center; }

#header .more_menu .menu_list { height: 0px; top: 1.065rem; right: 0px; font-size: .34rem; color: #1a191e; -webkit-transition: all .2s cubic-bezier(1,.01,.46,.82); z-index: 100; position: absolute; }
#header .more_menu .menu_list.show { height: auto; }
#header .more_menu .menu_list > div { width: 100%; height: 100%; display: none; left: 0px; top: 0px; background-color: #ffffff; box-shadow: -2px 2px 5px #eae7e7; }
#header .more_menu .menu_list.show > div { display: block; }
#header .more_menu .menu_list > em { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.9); }
#header .more_menu .menu_list a { height: 1.065rem; width: 100%; display: block; padding-left: .4rem; display: -webkit-box; -webkit-box-align: center; line-height: initial; position: relative; font-size: .34rem; flex: none; padding-right: .4rem; }
#header .more_menu .menu_list a i { margin-right: 5px; }
#header .more_menu .menu_list a:not(:last-child)::after { width: 2.533rem; content: ""; height: 1px; background: #f9f9f9; display: block; position: absolute; bottom: 0px; left: 0px; }

#footer, #footer a { color: #999 }
.indexflont { position: fixed; z-index: 999; top: 0px; width: 100%; }
#page { min-height: 15rem; /*padding-bottom: 5px;*/ }


.btn img { vertical-align: -2px }
.btn, .btn2, .btn2:visited, .btn:visited, .btnCustom { flex: 1 1 auto; display: block; padding: 12px 12px 13px; line-height: 25px; font-size: 100%; color: #333; vertical-align: middle; text-align: center; background: #FDFDFD; }
.btn { color: #c40000; }
.btn:active, .btn2:active { box-shadow: none; opacity: 0.8; filter: alpha(opacity=80); }
input.text { border: 1px solid #d8d8da; padding: 12px; width: 100%; box-sizing: border-box; font-size: 100% }
#dg-confirm { display: -webkit-box; position: fixed; z-index: 9999999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); -webkit-box-pack: center }
#dg-confirm .dg_body { width: 80%; margin: -10% auto 0; overflow: hidden; background: #fff; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, .5); position: relative; }
#fixed_cart em, .global_fixed { box-shadow: 1px 1px 4px rgba(0, 0, 0, .3) }
#dg-confirm .dg_body .dg_box { padding: 25px 15px; border-bottom: 1px solid #EEE; }
#dg-confirm .dg_body .dg_box .iconfont { font-size: 26px !important; vertical-align: middle; margin-right: 10px; }
#dg-confirm .dg_body .dg_box .iconfont.blue { color: #09f !important; }
#dg-confirm .dg_body .btm { display: flex; grid-column-gap: 1px; background-color: #EEE; }
#dg-confirm .dg_body .btm a { padding: 10px 0 8px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-flex: 1; display: block }
#dg-confirm .dg_body .btm a.graybtn { border-right: 1px solid #fff }
#dg-confirm .dg_body .btnX { position: absolute; right: 5px; top: 10px; color: #848689 !important; }
#dg-confirm.pop_in .dg_body { -webkit-animation: pop_in .5s }
#dg-confirm.pop_out .dg_body { -webkit-animation: pop_out .3s; opacity: 0 }

#dg-tip { position: fixed; z-index: 9999999999; width: 80%; bottom: 10%; left: 0; right: 0; margin: 0 auto; padding: 10px; color: #fff; display: none; background: rgba(0, 0, 0, .8); box-shadow: 0 0 5px rgba(0, 0, 0, .5); line-height: 22px; text-align: center; border-radius: 5px; }
#dg-tip.pop_in { -webkit-animation: pop_in .5s }
#dg-tip.pop_out { -webkit-animation: pop_out .3s; opacity: 0 }

@-webkit-keyframes pop_in {
    0% { -webkit-transform: scale(.6); opacity: 0 }
    50% { -webkit-transform: scale(1.05); opacity: 1 }
    100% { -webkit-transform: scale(1); opacity: 1 }
}

@-webkit-keyframes pop_out {
    0% { -webkit-transform: scale(1); opacity: 1 }
    50% { -webkit-transform: scale(1.05); opacity: 1 }
    100% { -webkit-transform: scale(.6); opacity: 0 }
}

.page_loading { position: fixed; z-index: 9999; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); display: -webkit-box; -webkit-box-pack: center }
.page_loading .bd { width: 100px; height: 95px; margin: -60px auto 0; overflow: hidden; background: rgba(0, 0, 0, .8); -webkit-border-radius: 10px; border-radius: 10px }
.page_loading .bd h4 { padding-top: 5px; color: #ff666b }
.css3loading { width: 50px; height: 50px; line-height: 50px; margin: 10px auto 0; -webkit-animation: loading 1.3s linear infinite; color: #ff666b }
.css3loading i { font-size: 50px }

@-webkit-keyframes loading {
    100% { -webkit-transform: rotate(-360deg) }
}

.global_fixed { position: fixed; bottom: 55px; z-index: 5000; width: 40px; height: 40px; border-radius: 25px; background: rgba(196, 0, 0, .9); display: none; }
.global_fixed i { font-size: 24px; line-height: 40px; color: #fff }
#fixed_cart { left: 10px }
#fixed_cart em { position: absolute; right: 0; top: 0; display: block; padding: 2px 4px; font-size: 12px; background-color: #fff; color: #c40000; border-radius: 40px; line-height: 1 }
#fixed_2top { right: 10px; background: rgba(0, 0, 0, .4) }
#fixed_2top i { color: #FFF !important; }
.app_tip { position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; background: rgba(0, 0, 0, .6); height: 40px; padding: 6px 0; overflow: hidden }
.app_tip .bd { margin: 0 100px 0 30px; height: 38px; padding-top: 2px; font-size: 14px; color: #fff }
.app_tip .bd img { vertical-align: middle; width: 38px; height: 38px; border-radius: 5px; margin-right: 5px }
.app_tip .btn { position: absolute; right: 7px; top: 8px; height: 30px; line-height: 30px; overflow: hidden; padding: 3px 10px; font-size: 14px }
.app_tip .close { position: absolute; top: -25px; left: -25px; display: block; width: 50px; height: 50px; border-radius: 25px; background: rgba(0, 0, 0, .5); color: #eee }
.app_tip .close i { position: absolute; right: 10px; top: 26px }
.blank { color: #9e9e9e; margin-top: 30px; padding: 0 30px; margin-bottom: 10px; background: #fff; padding: 20px 0 30px; }
.blank i { display: block; font-size: 7em; color: #3ec133; }
.blank span { color: #000; font-size: 16px; }
.blank a { width: 60px; height: 35px; line-height: 35px; padding: 10px 25px; background: #c40000; color: #fff; border-radius: 3px; }
#produce_detail img, #produce_detail_copy img { width: 100%; }
#produce_detail section { padding: 0px; }

.fl { float: left; }
.fr { float: right; }

/* 错误提示 */
.hint-info { text-align: center; color: #999; margin-top: -3rem; margin-left: -3rem; font-size: .34rem; padding-bottom: 40px; position: absolute; top: 50%; left: 50%; width: 6rem; height: 6rem; }
.hint-info i { width: 2rem; height: 2rem; line-height: 2rem; display: block; border-radius: 50%; text-align: center; margin: 0 auto 10px; color: #cfba9f !important; font-size: 1.5rem !important; }

.csbtn { right: 10px; background: rgba(0, 0, 0, .4); box-shadow: 1px 1px 4px rgba(0, 0, 0, .3); text-align: center; position: fixed; bottom: 10px; z-index: 5000; width: 40px; height: 40px; border-radius: 25px; display: block; }

.fixck { font-family: 'microsoft yahei',Arial, Verdana, sans-serif !important; font-size: 16px !important; color: #222 !important; line-height: 2em !important; padding: 10px 0; }

.fixck p { /*margin-top: 15px !important;*/ margin: 0px; padding: 0px; }

.fixck a { text-decoration: underline !important; color: #00E !important; }

.fixck ul,
.fixck ol { padding-left: 40px !important; padding-right: 40px !important; }
.fixck ul { list-style: disc outside none !important; }
.fixck ol { list-style: decimal outside none !important; }
.fixck li { display: list-item !important; }

.fixck h1 { display: block; clear: both; zoom: 1; overflow: hidden; border-left: 12px solid #c40000; line-height: 24px !important; font-size: 18px !important; font-weight: 800 !important; text-indent: 0em !important; font-family: Microsoft YaHei,SimHei,Verdana; margin: 35px 0 15px -20px; background: url(/images/paraTitle-line.png); position: relative; }
.fixck h1 span { line-height: 0em !important; background: white !important; padding-left: 1em !important; padding-right: 1em !important; }

.fixck h2 { font-weight: bold !important; font-size: 24px !important; margin: 19px 0 !important; }
.fixck h3 { font-weight: bold !important; font-size: 19px !important; margin: 18px 0 !important; }
.fixck h4 { font-weight: bold !important; font-size: 16px !important; margin: 21px 0 !important; }
.fixck h5 { font-weight: bold !important; font-size: 13px !important; margin: 22px 0 !important; }
.fixck h6 { font-weight: bold !important; font-size: 11px !important; margin: 24px 0 !important; }
.fixck p img { max-width: 100%; }


.para-title { display: block; clear: both; zoom: 1; overflow: hidden; border-left: 12px solid #c40000; line-height: 24px; font-size: 18px; font-weight: 400; margin: 35px 0 15px -15px; position: relative; text-indent: 0 !important; background: url('../images/paraTitle-line.png'); }

.title-text { float: left; display: block; padding: 0 8px 0 18px; line-height: 24px; font-size: 18px; font-weight: 800; font-family: Microsoft YaHei,SimHei,Verdana; background: #fff; }


/*2016-11-08登陆注册new style*/
.input-container input { border-radius: 0; border: none; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrap_regPage { padding: 20px; }
.input-container { position: relative; width: 100%; height: 44px; line-height: 44px; overflow: hidden; margin-top: .5rem; background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #d7d7d7; box-shadow: 0 0 0 1px #d7d7d7; -moz-box-sizing: border-box; box-sizing: border-box; }
.input-error { -webkit-box-shadow: 0 0 0 1px #f23030; box-shadow: 0 0 0 1px #f23030; }
.acc-input { width: 100%; height: 100%; padding: 0 .2rem; }
.code-box { position: absolute; width: 3rem; height: 44px; right: 0; top: 0; border-left: 1px solid #d7d7d7; }
.input-icon { width: .5rem; height: .5rem; line-height: 0.5rem; overflow: hidden; position: absolute; font-size: 0.5rem; color: #ededed; }
.code-box + .icon-clear { right: 3.2rem; }
.icon-clear { top: 15px; right: .2rem; background-position: 0 0; display: none; color: #d7d7d7 !important; }
.icon-clear.iconfont { color: #d7d7d7 !important; }
.login_btn_showpassword { display: inline; }
.input-box { position: relative; }
.mesg-disable { background-color: #eee; color: #848689; border-radius: 2px; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; }
.mesg-code { z-index: 9999; position: absolute; width: 3rem; height: 42px; line-height: 44px; right: 1px; top: 1px; background-color: #c40000; color: #fff; font-size: .386rem; border: none; outline: 0; border-radius: 0px 2px 2px 0px; -webkit-box-shadow: 0 0 0 1px #c40000; box-shadow: 0 0 0 1px #c40000; }
.mesg-disable { background-color: #eee; color: #848689; border-radius: 2px; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; }
.notice { font-size: .35rem; line-height: .35rem; margin-top: .2rem; color: #f23030; min-height: 0.55rem; display: none; }
.reg_btn { border-radius: 3px; margin-top: 0.5rem; font-size: 0.386rem; }
.reg-notice { font-size: 12px; margin-top: 10px; }
.reg-notice a { color: #c40000; text-decoration: underline; }
.btn-noactive { background: #eee; color: #848689; }
.quick-nav { margin-top: .5rem; display: -webkit-box; }
.quick-nav a { text-align: center; display: block; -webkit-box-flex: 1; line-height: 18px; }
.quick-nav a:first-child { text-align: left; }
.quick-nav a:last-child { text-align: right; }
i.icon-clock, i.icon-reg { color: #000; font-size: 16px !important; padding-right: 0.1rem; }


/*登陆弹窗*/
.login_pop { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); -webkit-box-pack: center; display: -webkit-box; -webkit-box-orient: vertical; }
.login_pop .login_pop_bd { margin: 0 auto; width: 100%; }
.login_meng_pop { position: relative; width: 90%; border-radius: 5px; overflow: hidden; margin: 0 auto; background: #fff; padding: 5px 15px; box-sizing: border-box; }
.login_pop .login_meng_pop .close { position: absolute; right: 0.3rem; top: -10px; background: #000; color: #fff; padding: 20px 10px 8px; border-radius: 10px; font-size: 0.5rem; z-index: 99; }
.login_meng_pop .close .iconfont { color: #FFF !important; }
.login_meng_pop .title { text-align: left; padding-top: 15px; }
.login_meng_pop .title b { font-size: 0.5rem; }
.login_meng_pop .action { background: #ededed; border-radius: 0 0 5px 5px; padding: 10px 10px 10px; display: -webkit-box; margin: 20px -15px -5px; }
.login_meng_pop .gbtn { text-align: center; -webkit-box-flex: 1; background: #b6b6b6; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #747474; padding: 0.3rem 0; }
.login_meng_pop .rbtn { text-align: center; -webkit-box-flex: 1; background: #c40000; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #8f3631; padding: 0.3rem 0; }
.login_meng_pop .login_remak { margin-top: 10px; text-align: center; font-size: 10px; padding: 0px 20px; }
.login_meng_pop .login_remak a { color: #CF515B; }
.login_meng_pop .login_main_title { font-size: .6rem; font-weight: bold; text-align: center; line-height: 1rem; margin-bottom: 30px; }
.login_meng_pop .login_title_descrption { color: #999; font-size: 0.386rem; font-weight: normal; line-height: normal; text-align: left; margin-top: 10px; }

.login_other_pop { position: absolute; top: 0; width: 100%; height: 100%; left: 0px; z-index: 100000; justify-content: center; display: flex; background: rgba(0,0,0,0.8); align-items: center; }
.login_imgcheck { padding: 15px; background: #FFF; border-radius: 8px; max-width: 80%; position: relative; }
.login_imgcheck .login_imgcheck_title { text-align: left; text-align: justify; color: #999999 !important; margin-bottom: 10px; padding-right: 30px; }
.login_imgcheck img { width: 100%; min-height: 100px; }
.login_imgcheck .login_imgcheck_operator { margin-top: 10px; grid-column-gap: 10px; }
.login_imgcheck .login_imgcheck_text { line-height: 32px; font-size: 24px; display: inline-block; padding: 5px 8px; }
.login_imgcheck .login_imgcheck_icon { font-size: 22px !important; color: #999999 !important; }
.login_imgcheck .login_imgcheck_icon_txt { font-size: 12px; color: #999999 !important; }
.login_imgcheck .login_imgcheck_close { color: #999999 !important; position: absolute; right: 15px; top: 15px; z-index: 99; }
.login_imgcheck .login_imgcheck_close i.iconfont { font-size: 14px !important; }

/* 新登录框 */


.login_pop_new .login_meng_pop { border-radius: 10px; padding: 20px; }
.login_pop_new .login_meng_pop .close { background: none; }
.login_pop_new .login_meng_pop .close .iconfont { color: #999999 !important; font-size: 14px !important; }
.login_pop_new .login_meng_pop .title { text-align: center; }
.login_pop_new .login_meng_pop .title b { font-size: 0.65rem; font-weight: normal; }
.login_pop_new .login_meng_pop .title p { text-align: justify; color: #999999 !important; margin-top: .3rem; padding: 0px .2rem; }
.login_pop_new .input-container { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #E8E8E8; }
.login_pop_new .input-container.input-error { border-bottom: 1px solid #f23030; }
.login_pop_new .mesg-code { z-index: 9999; position: absolute; width: auto; height: auto; line-height: normal; right: 5px; top: 5px; background-color: #FFF; color: #676767; font-size: 14px; border: 1px solid #727271; outline: 0; border-radius: 1rem; -webkit-box-shadow: none; box-shadow: none; padding: 3px 10px; }
.login_pop_new .code-box { height: auto !important; right: 5px; top: auto; bottom: 5px; border: 1px solid #eee; line-height: normal; }
.login_pop_new .login_meng_pop .action { background: #FFF; border-radius: 0px; padding: 0px; display: -webkit-box; margin: 10px 0px 0px 0px; position: relative; display: flex; flex-direction: column; }
.login_pop_new .action .rbtn { box-shadow: none; background-color: #EF8C92; border-radius: 1rem; font-size: 14px; }
.login_pop_new .action .rbtn.allowclick { background-color: #CF515B; }
.login_pop_new .action .gbtn .gbtn_txt { flex: 1 1 auto; color: #8A8A8A; background-color: #FFF; }
.login_pop_new .action .gbtn .gbtn_txt_left { text-align: left; }
.login_pop_new .action .gbtn { display: flex; box-shadow: none; -webkit-box-flex: initial; color: #8A8A8A; background-color: #FFF; border-radius: 0px; text-align: right; padding: 0px 10px; margin: 0 0px 5px 0; font-size: 14px; }


.login_other_service { margin-top: 2rem; }
.login_other_service p { font-size: 14px !important; color: #8A8A8A !important; }
.login_other_service p a { font-size: 14px !important; display: inline-block; color: #8A8A8A !important; margin: 0px 5px; }

/*提交数据后的load*/
.date_load { position: absolute; top: 0; width: 100%; height: 100%; left: 0px; display: none; z-index: 100000; }
.date_load span { background: #fff; display: block; width: 120px; position: absolute; left: 50%; margin-left: -60px; top: 50%; margin-top: -60px; border-radius: 15px; padding-bottom: 10px; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); }
.date_load span img { width: 90px; height: 90px; display: block; margin: 0 auto; margin-top: 10px; }
.date_load span b { display: block; text-align: center; }

/*APP下载浮动条*/
.app_pop { background: rgba(0,0,0,1); width: 100%; height: 1.5rem; display: none; position: relative; }
.app_pop_close { position: absolute; width: 60px; height: 60px; background: #848484; border-radius: 50%; display: block; left: -30px; top: -30px; color: #fff; line-height: 85px; text-align: center; text-indent: 24px; font-size: 24px; }
.app_pop_btn { text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; height: 1.5rem; }
.app_pop_btn p { display: inline-block; color: #fff; vertical-align: middle; font-size: 0.4rem; line-height: 1.5rem; }
.app_pop_btn b { float: right; width: 28%; vertical-align: middle; color: #FFFFFF; background: #c40000; font-size: 0.4rem; height: 1rem; line-height: 1rem; margin-top: 0.25rem; margin-right: 0.25rem; border-radius: 5px; }

/*app下载提示条*/
.app-download { width: 100%; position: relative; display: none; }
.app-download-close { position: absolute; width: 1rem; height: 1rem; border-radius: 50%; display: block; left: 0rem; top: 0; color: #fff; line-height: 1rem; text-align: center; font-size: 24px; z-index: 99; }
.app-download-bd { background-color: rgba(0,0,0,.5); height: 1rem; line-height: 1rem; display: block; width: 100%; box-sizing: border-box; }
.app-download p { display: inline-block; color: #ff0; vertical-align: middle; font-size: 0.4rem; padding-left: 2.5rem; }
.app-download i { float: right; padding-right: 10px; vertical-align: middle; color: #fff; font-size: 0.4rem; height: 1rem; line-height: 1rem; }


/*红包领取成功弹窗*/
#hbdg-confirm { display: -webkit-box; -webkit-box-orient: vertical; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); -webkit-box-pack: center; }
#hbdg-confirm .dg_body { width: 290px; padding: 1px; margin: -60px auto 0; overflow: hidden; background: #fff; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 8px rgba(0, 0, 0, .5); text-align: center; }
#fixed_cart em, .global_fixed { box-shadow: 1px 1px 4px rgba(0, 0, 0, .3) }
#hbdg-confirm .dg_body .dg_box { padding: 29px 15px 12px; }
#hbdg-confirm .dg_body .dg_box .iconfont { font-size: 26px; vertical-align: middle; margin-right: 10px }
#hbdg-confirm .btn, #hbdg-confirm .btn2, #hbdg-confirm .btn2:visited, #hbdg-confirm .btn:visited { display: block; padding: 12px 12px 13px; height: 20px; line-height: 20px; font-size: 100%; color: #fff; background-color: #f76c4b; vertical-align: middle; text-align: center; }
#hbdg-confirm .btn2, #hbdg-confirm .btn2:active, #hbdg-confirm .btn2:visited { background-color: #f76c4b; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#hbdg-confirm .dg_body .btm a { padding: 10px 0 8px; -webkit-border-radius: 0; border-radius: 3px; -webkit-box-flex: 1; width: 60%; margin: 18px auto; box-sizing: content-box; box-shadow: 0px 5px 0px #CE5101; }
#hbdg-confirm .dg_body .btm a.graybtn { border-right: 1px solid #fff }
#hbdg-confirm.pop_in .dg_body { -webkit-animation: pop_in .5s; }
#hbdg-confirm.pop_out .dg_body { -webkit-animation: pop_out .3s; opacity: 0 }

@-webkit-keyframes pop_in {
    0% { -webkit-transform: scale(.6); opacity: 0 }
    50% { -webkit-transform: scale(1.05); opacity: 1 }
    100% { -webkit-transform: scale(1); opacity: 1 }
}

@-webkit-keyframes pop_out {
    0% { -webkit-transform: scale(1); opacity: 1 }
    50% { -webkit-transform: scale(1.05); opacity: 1 }
    100% { -webkit-transform: scale(.6); opacity: 0 }
}



/*首页红包弹窗*/
#hbindex_pop { display: -webkit-box; -webkit-box-orient: vertical; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); -webkit-box-pack: center }
#hbindex_pop .dg_body { width: 90%; margin: -60px auto 0; overflow: hidden; text-align: center; position: relative; }
#hbindex_pop .dg_body a { display: block; }
#hbindex_pop .hbindex_pop_close { position: absolute; width: 1rem; height: 1rem; display: block; line-height: 0.95rem; top: 10px; right: 10px; color: #FFF; box-sizing: border-box; z-index: 999999; text-align: center; /*border: 2px solid #FFF; border-radius: 50%;*/ }
#hbindex_pop .hbindex_pop_close .iconfont { font-size: 0.9rem !important; color: #FFF !important; }
/*background: rgba(0,0,0,0.5);*/
#hbindex_pop .dg_body img { width: 100%; }
#hbindex_pop.pop_in .dg_body { -webkit-animation: pop_in .5s; }
#hbindex_pop.pop_out .dg_body { -webkit-animation: pop_out .3s; opacity: 0 }

@-webkit-keyframes pop_in {
    0% { -webkit-transform: scale(.6); opacity: 0 }
    50% { -webkit-transform: scale(1.05); opacity: 1 }
    100% { -webkit-transform: scale(1); opacity: 1 }
}

@-webkit-keyframes pop_out {
    0% { -webkit-transform: scale(1); opacity: 1 }
    50% { -webkit-transform: scale(1.05); opacity: 1 }
    100% { -webkit-transform: scale(.6); opacity: 0 }
}



/*填写信息地址弹窗*/
.information_pop, .area-pop { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); -webkit-box-pack: center; display: none; -webkit-box-orient: vertical; }
.information_pop .information_pop_bd { width: 100%; margin: 0 auto; }
.information_pop .information_meng_pop { position: relative; width: 90%; border-radius: 5px; max-width: 640px; overflow: hidden; margin: 0 auto; background: #fff; padding: 5px 15px; box-sizing: border-box; }
.information_pop .information_meng_pop .close { position: absolute; right: 0.3rem; top: -10px; background: #000; color: #fff; padding: 20px 10px 8px; border-radius: 10px; font-size: 0.5rem; }
.information_pop .information_meng_pop .title { text-align: left; padding-top: 15px; }
.information_pop .information_meng_pop .title b { font-size: 0.5rem; }
.information_pop .information_meng_pop .action { background: #ededed; border-radius: 0 0 5px 5px; padding: 10px 10px 10px; display: -webkit-box; margin: 0.2rem -15px -5px; }
.information_pop .gbtn { text-align: center; -webkit-box-flex: 1; background: #b6b6b6; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #747474; padding: 0.3rem 0; }
.information_pop .rbtn { text-align: center; -webkit-box-flex: 1; background: #c40000; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #8f3631; padding: 0.3rem 0; }


/*选择地址弹窗*/
.ui-pop { width: 90%; margin: 0 auto; background: #fff; border-radius: 5px; position: relative; }
.ui-pop .ui-pop-content { padding: .35rem; height: 100% }
.ui-pop .ui-pop-close { position: absolute; top: -0.2rem; right: 0 }
.ui-pop .ui-pop-close span { font-size: 1.1rem; color: #333; padding: 0 .3rem }
.ui-pop .ui-pop-content { padding: 1.2rem 0 .3rem }
.region-list { height: 10rem; overflow: auto; -webkit-overflow-scrolling: touch; }
.region-list::-webkit-scrollbar { display: none; }
.ui-pop-title { color: #999; position: absolute; top: .32rem; left: .4rem; font-size: 0.4rem; }
.ui-list { border: 1px solid #f6f6f6 }
.ui-list li { border-bottom: 1px solid #f6f6f6; display: block; font-size: .4rem; overflow: hidden; background: #fff; padding: .3rem .4rem }

/* 居中黑色提示框 */
.black_tip { position: fixed; top: 50%; left: 50%; width: 50%; padding: 0 10px; height: 40px; margin-left: -25%; margin-top: -20px; line-height: 40px; box-sizing: border-box; text-align: center; background-color: rgba(0,0,0,0.8); border-radius: 3px; border: 1px solid #000; z-index: 2147483647; font-size: 16px; color: #fff; display: none; }

.angularContent { display: none; }
.qiyukefubtn { display: none !important; }


/* 活动结束，获取其他错误不让操作的 */
.zwks { display: none; z-index: 99999999; }
.zwks:before { width: 100%; height: 100%; content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.75; z-index: 99999999; }

.zwks b { position: fixed; z-index: 999999991; background: url(/images/bg/popbg.jpg); border-radius: 10px; padding: 20px; box-sizing: border-box; left: 50%; margin-left: -30%; width: 60%; height: 150px; top: 50%; margin-top: -75px; color: #ff0; line-height: 2; letter-spacing: 1px; text-align: center; }

.zwks b a { display: block; background: #fff; border-radius: 10px; text-align: center; color: #f00; padding: 2px 5px; width: 60%; margin: 0.6rem auto 0; }

/* 加载样式 开始 */
.spinner_bg { width: 100%; height: 100%; opacity: 0.5; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }

.spinner_bg .spinner_fw { position: absolute; top: 40%; width: 100%; }


.spinner_bg_v1 { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }

.spinner_bg_v1 .spinner_fw_bg { width: 96px; height: 96px; opacity: 0.8; background-color: #000; position: fixed; top: 50%; left: 50%; z-index: 9999999999991; margin-top: -48px; margin-left: -48px; display: block; border-radius: 10px; }

.spinner_bg_v1 .spinner_fw { position: absolute; top: 30%; width: 100%; }

.container1 > div, .container2 > div, .container3 > div { width: 15px; height: 15px; background-color: #808080; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner { margin: 0px auto; width: 50px; height: 50px; position: relative; }

.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }

.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay {

    0%, 80%, 100% { -webkit-transform: scale(0.0) }

    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {

    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }

    40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
/* 加载样式 结束 */

/* 底部购物车 开始 */
.cartview { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .4; transition: opacity .3s ease; -webkit-transition: opacity .3s ease }

.cartlist { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; max-width: 640px; margin: 0 auto; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); bottom: 2rem }



.discount-tip { background: #f6ebda; text-align: center; box-sizing: border-box; height: .8rem; line-height: .8rem; font-size: .3rem; color: #231816; border-radius: .2rem .2rem 0 0; }

.discount-tip b { color: #5f2426 }

.cartview-342ET { padding: 0 .333333rem; border-bottom: 1px solid #ddd; background-color: #f3f3f3; color: #666; line-height: 1.066667rem }

.cartview-Tfsux { padding-left: .133333rem }

.cartview-2WfO3 { float: right; padding-left: .4rem; background-size: .266667rem; color: #666; text-decoration: none; font-size: .346667rem }
.cartlist_on { transform: translateZ(0); -webkit-transform: translateZ(0); bottom: 1.28rem }
.bottomNav { position: fixed; right: auto; bottom: 0; max-width: 640px; box-sizing: border-box; width: 100%; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2.3rem; background-color: #333; height: 1.31rem }

.carticon { position: absolute; left: .32rem; bottom: .2rem; width: 1.5rem; height: 1.5rem; box-sizing: border-box; border-radius: 100%; will-change: transform; background: url(/images/icons/购物车2_白.png) center center no-repeat #535353; background-size: 50%; border: 0 solid #e7c990 }

.carticon.carticon-shake { -webkit-animation: bottomNav-shake_2waDn_0 .5s ease-in-out; animation: bottomNav-shake_2waDn_0 .5s ease-in-out }

@-webkit-keyframes bottomNav-shake_2waDn_0 {
    0% { -webkit-transform: scale(1); transform: scale(1) }

    25% { -webkit-transform: scale(.8); transform: scale(.8) }

    50% { -webkit-transform: scale(1.1); transform: scale(1.1) }

    75% { -webkit-transform: scale(.9); transform: scale(.9) }

    to { -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes bottomNav-shake_2waDn_0 {
    0% { -webkit-transform: scale(1); transform: scale(1) }

    25% { -webkit-transform: scale(.8); transform: scale(.8) }

    50% { -webkit-transform: scale(1.1); transform: scale(1.1) }

    75% { -webkit-transform: scale(.9); transform: scale(.9) }

    to { -webkit-transform: scale(1); transform: scale(1) }
}

.carticon:before { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/icons/购物车2_深.png) 50% no-repeat; background-size: .7rem; content: "" }
.carticon i { color: #cdb593; font-size: .8rem !important; height: 1.5rem; line-height: 1.5rem; }
.carticon em { position: absolute; right: -.12rem; top: -.133333rem; line-height: 1; background-color: #BEA474; color: #fff; border-radius: .32rem; padding: .053333rem .133333rem; font-size: .266667rem }

.bottomNav-price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; font-size: .4rem; text-align: left; }

.bottomNav-price b { font-size: .6rem }

.submit-btn-none { height: 100%; width: 2.8rem; background-color: #999; color: #fff; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem }

.submit-btn-have { height: 100%; width: 3rem; background-color: rgb(233, 59, 57); color: #faf5ef; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem }
.entityList { overflow: auto; -webkit-overflow-scrolling: touch; max-height: 8rem; background: #fff; padding-bottom: .5rem; }
.entityList ul { padding: 0 0 0.5rem; list-style: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.entityList ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .2rem .333333rem .2rem 0; min-height: 1.2rem; margin-left: .333333rem; font-size: .4rem; }
.entityList ul li:not(:last-child) { border-bottom: 1px solid #f3f3f3; }
.entityList ul li .pic { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: normal; border: 2px solid #f2f4f3; margin-right: 10px; }
.entityList ul li .pic img { width: 0.9rem; }
.entityList ul li .name { -webkit-box-flex: 5.5; -ms-flex: 5.5; flex: 5.5; line-height: normal; overflow: hidden; max-width: 4.666667rem; text-align: left; font-size: .35rem; }
.entityList ul li .price { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; color: #cf2338; text-align: right; white-space: nowrap; font-weight: 700; }
.entityList ul li .number { -webkit-box-flex: 2.5; -ms-flex: 2.5; flex: 2.5; text-align: right; font-size: .377777rem; }
.entityList ul li .number a { display: inline-block; vertical-align: middle; text-decoration: none; box-sizing: border-box; padding-bottom: 2px; }
.entityList ul li .number a img { width: 0.5rem; }
.entityList ul li .number .num { display: inline-block; vertical-align: middle; text-align: center; color: #666; font-size: .37777rem; min-width: .5rem; max-width: 2em; overflow: hidden; }
.entityList ul li.shouqing .name { color: #999; }
.entityList ul li.shouqing .price b { color: #999; font-weight: normal; }
.entityList ul li.shouqing .number { color: #999; }

.flyball { position: fixed; top: 0; left: 0; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear,-webkit-transform .5s linear; z-index: 9999999; }

.flyball .inner { position: absolute; top: 0; left: 0; background-color: #BEA474; border-radius: 50%; width: 0.35rem; height: 0.35rem; }

.flyball, .flyball .inner { will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0) }

.flyball .inner { transition: -webkit-transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0),-webkit-transform .5s cubic-bezier(.3,-.2,1,0) }

/* 底部购物车 结束 */

/*优惠券*/
.youhui-wrapper.mui-cover.show, .cuxiao-wrapper.mui-cover.show, .fuwu-wrapper.mui-cover.show { top: 35% !important; }
.youhui-wrapper { padding: 10px 20px; }
.youhui-wrapper .bd { top: 0; bottom: 48px; }

.youhui-wrapper .content { padding: 5px 12px 30px; box-sizing: border-box; }

.youhui-wrapper .tax-part .tax-title { text-align: center; font-size: 16px; line-height: 60px; height: 60px; }

.youhui-wrapper .tax-box:first-child { margin-top: 0px; }

.youhui-wrapper .tax-box { background: #FFF1F1; border-radius: 6px; height: 90px; margin-top: 15px; }

.youhui-wrapper .tax-box .mui-flex { height: 100%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.youhui-wrapper .tax-box .tax-main { padding: 0 0 0 12px; width: 66% !important; }

.youhui-wrapper .tb { display: table; width: 100%; height: 90px; text-align: left; }

.youhui-wrapper .tb .tcc { display: table-cell; vertical-align: middle; }

.youhui-wrapper .tax-box .tax-main .c-main { line-height: 28px; }

.youhui-wrapper .c-link, .youhui-wrapper .tax-box .tax-main .c-sub, .youhui-wrapper .tax-box .tax-main .c-sub:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; width: 5.7rem; }

.youhui-wrapper .tax-box .tax-main .c-main .rmb:first-child { font-size: 20px; }

.youhui-wrapper .tax-box .tax-main .c-main i { font-size: 14px; }

.youhui-wrapper .tax-box .tax-main .c-main .rmb { font-size: 30px; font-weight: 700; }

.mui-flex > .cell-8 { -webkit-flex-basis: 66.66666667%; -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }

.youhui-wrapper .tax-box .tax-split { position: relative; height: 90px; width: 1px; box-sizing: border-box; }

.youhui-wrapper .tax-box .tax-split:after, .youhui-wrapper .tax-box .tax-split:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; border-radius: 50%; left: -4px; }

.youhui-wrapper .tax-box .tax-split:before { top: -5px; z-index: 1; }

.youhui-wrapper .tax-box .tax-split:after { bottom: -5px; }

.youhui-wrapper .tax-box .tax-split .line { border-right: 1px dotted #FFCDCD; opacity: .7; width: 100%; height: 100%; box-sizing: border-box; }

.youhui-wrapper .tax-box .tax-operator { position: relative; overflow: hidden; text-align: center; }

.youhui-wrapper .mui-flex > .cell { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0 !important; position: relative; }

.youhui-wrapper .tb { display: table; width: 100%; height: 90px; box-sizing: border-box; }

.youhui-wrapper .tax-box .tax-operator { position: relative; overflow: hidden; text-align: center; }

.youhui-wrapper .tax-box .tax-operator .tb .tcc { text-align: center; }

.youhui-wrapper .tax-box .tax-operator .tb .tcc .c-dh { font-size: 0.8rem; }
.youhui-wrapper .tax-box .tax-operator .tb .tcc .c-dh .iconfont { color: #FFF !important; font-size: 24px !important; }
