:root { --text-black: #222222; --text-black-1: #666666; --text-gray: #999999; --text-white: #ffffff; --theme-red: #D92C36; --back-white: #ffffff; --back-theme: #D92C36; --back-tag: #F5C691; }
*, :after, :before { -webkit-tap-highlight-color: transparent; }
#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; }
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 PingFangSC-Light,helvetica,"Microsoft YaHei", arial; -webkit-text-size-adjust: none }
.iconfont, address, cite, em, i, var { font-style: normal }
ol, ul { list-style: none }
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: #222 }
.cle:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
#header .bd, .flex { display: -webkit-box }
::selection { background: #b0352f; color: #fff }
.red { color: #b0352f }
.green { color: #05c481 }
.blue { color: #09f }
.gray { color: #999 }
.tc { text-align: center }
.tr { text-align: right }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
#dg-confirm .dg_body, #dg-tip, #footer, #header .bd, #header .bd a, .blank, .global_fixed, .page_loading .bd { text-align: center }
@font-face { font-family: lizi; src: url(../fonts/font.eot); src: url(../fonts/font.svg#iconfont) format('svg'), url(../fonts/font.woff) format('woff'), url(../fonts/font.ttf) format('truetype') }
.iconfont { font-family: lizi; font-size: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.loading { background: url(../images/loading-lizi.gif) center center no-repeat }
#data_loading { width: 40px; height: 40px; border-radius: 22px; background-color: #fff; z-index: 2; margin: 10px auto; box-shadow: 0 0 3px rgba(100, 100, 100, .3); opacity: .8 }
#header { height: 44px }
#header .bd { background-color: #b0352f; height: 44px; line-height: 44px; color: #fff }
#header .bd a { display: block; width: 44px; height: 44px; color: #fff; font-size: 18px }
#header .bd a:visited { color: #fff }
#footer, #footer a { color: #999 }
#header .bd a:active { background-color: #8a3a38 }
#header .bd h2 { -webkit-box-flex: 1; font-size: 16px }
.indexflont { position: fixed; z-index: 999; top: 0px; width: 100%; max-width: 640px; transform: translateZ(0); -webkit-transform: translateZ(0); }
#page { min-height: 200px; max-width: 640px; /*padding-bottom: 5px;*/ }
#footer { padding-top: 20px; background-color: #f5f5f5; font-size: 12px }
#footer .copyright { padding: 10px 0 }
#footer .copyright p { padding-bottom: 8px }
.btn, .btn2, .btn2:visited, .btn:visited { display: block; padding: 12px 12px 13px; height: 20px; line-height: 20px; font-size: 100%; color: #fff; background-color: #b0352f; vertical-align: middle; text-align: center }

.btnCustom { display: block; padding: 12px 12px 13px; height: 20px; line-height: 20px; font-size: 100%; margin: 5px; margin-top: 0px; color: #fff; background-color: #b0352f; vertical-align: middle; text-align: center }


.btn img { vertical-align: -2px }
.btn:active { background-color: #a44843 }
.btn2, .btn2:active, .btn2:visited { background-color: #000 }
input.text { border: 1px solid #d8d8da; padding: 12px; width: 100%; box-sizing: border-box; font-size: 100% }
#dg-tip { position: fixed; z-index: 9999999999; bottom: 10%; left: 0%; right: 0%; width: 80%; max-width: 640px; margin: 0 auto; padding: 10px 0; color: #fff; display: none; background: rgba(0, 0, 0, .8); box-shadow: 0 0 5px rgba(0, 0, 0, .5); line-height: 22px }
#dg-confirm, #dg-confirm .dg_body .btm { display: -webkit-box }
#dg-confirm { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); -webkit-box-pack: center }
#dg-confirm .dg_body { width: 280px; 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) }
#fixed_cart em, .global_fixed { box-shadow: 1px 1px 4px rgba(0, 0, 0, .3) }
#dg-confirm .dg_body .dg_box { padding: 25px 15px 30px }
#dg-confirm .dg_body .dg_box .iconfont { font-size: 26px; vertical-align: middle; margin-right: 10px }
#dg-confirm .dg_body .btm a { padding: 10px 0 8px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-flex: 1; display: block; height: inherit; }
#dg-confirm .dg_body .btm a.graybtn { border-right: 1px solid #fff }
#dg-confirm.pop_in .dg_body { -webkit-animation: pop_in .5s }
#dg-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 }
}

.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(181, 79, 74, .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: #b0352f; border-radius: 40px; line-height: 1 }
#fixed_2top { right: 10px; background: rgba(0, 0, 0, .4) }
#fixed_2top i { font-size: 20px }
.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; }
.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: #b0352f; color: #fff; border-radius: 3px; }
#produce_detail img, #produce_detail_copy img { width: 100%; }


.fl { float: left; }
.fr { float: right; }


.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 { }

.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 #b0352f; 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(http://baike.bdimg.com/static/wiki-lemma/normal/resource/img/paraTitle-line_c5e6d61.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%; max-height: 100% }


.para-title { display: block; clear: both; zoom: 1; overflow: hidden; border-left: 12px solid #b0352f; 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; }
.icon-clear { display: none; }
.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 { position: absolute; width: 3rem; height: 42px; line-height: 44px; right: 1px; top: 1px; background-color: #b0352f; color: #fff; font-size: .386rem; border: none; outline: 0; border-radius: 2px; -webkit-box-shadow: 0 0 0 1px #b0352f; box-shadow: 0 0 0 1px #b0352f; }
.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; }
.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: #b0352f; 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; }
.quick-nav a:first-child { text-align: left; }
.quick-nav a:last-child { text-align: right; }
.icon-clock, .icon-reg { color: #000; font-size: 16px; padding-right: 0.2rem; }


/*登录弹窗*/
.login_pop { position: fixed; z-index: 99999998; top: 0; left: 0; width: 100%; max-width: 640px; right: 0; margin: 0 auto; 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; min-width: 9.5rem; }
.login_pop .login_meng_pop { position: relative; width: 90%; min-width: 9rem; max-width: 500px; 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; }
.login_pop .login_meng_pop .title { text-align: left; padding-top: 15px; }
.login_pop .login_meng_pop .title b { font-size: 0.5rem; }
.login_pop .login_meng_pop .action { background: #ededed; border-radius: 0 0 5px 5px; padding: 10px 10px 10px; display: -webkit-box; margin: 20px -15px -5px; }
.login_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_pop .rbtn { text-align: center; -webkit-box-flex: 1; background: #b0352f; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #8f3631; padding: 0.3rem 0; }

/*提交数据后的load*/
.date_load { position: absolute; top: 0; width: 100%; height: 100%; z-index: 99999; 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; }
.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: #FF4545; 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; right: 0; width: 100%; height: 100%; max-width: 640px; margin: 0 auto; 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; background: url(http://imgcon.tea7.com/6363788450641817886214364.png) center center no-repeat; background-size: 100%; top: 0; right: 0; z-index: 999999; text-indent: -99999px; overflow: hidden; }
#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: #b0352f; 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 }