* {
    margin:0;
    padding:0;
}

iframe,
fieldset,
img {
    border:0;
}

ol,
ul,
dl {
    list-style:none
}

a:active {
    star:expression(this.onFocus=this.blur());
}

a:focus {
    outline:none;
}

em,
u,
i,
b {
    font-style:normal;
    text-decoration:none;
    font-weight:normal;
}

em {
    color:#DD2727;
}

/*i {*/
/*    color:#FF6600;*/
/*}*/

u {
    font-family:'宋体';
}

.small {
    color:#999;
}

small {
    color:#999;
    font-size:12px;
}

.mimi {
    font-size:11px;
}

.f12 {
    font-size:12px;
}

.fs11 {
	font-size:11px;
}

.blue {
    color:#0066CC;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display:block;
    font-size:13px;
    font-weight:normal;
}

body {
    color:#333;
    font-size:13px;
    font-family:'microsoft yahei', Arial, 'lucida grande', tahoma;
    background-color:#EBEBEB;
    padding:42px 0 12px;
}

body,
.topBar,
.app-foot-box,
.topNavi,
.top-menu-box,
.item-foot-navi,
.teamBar {
    min-width:320px;
    max-width:480px;
    width:100%;
}

/* ================================================== */

.p3 {
    padding:0 3px;
}

.p6 {
    padding:0 6px;
}

.p9 {
    padding:0 6px;
}

.pt3 {
    padding-top:3px;
}

.pt6 {
    padding-top:6px;
}

.pt9 {
    padding-top:9px;
}

.pt12 {
    padding-top:12px;
}

.mt3 {
    margin-top:3px;
}

.mt6 {
    margin-top:6px;
}

.mt9 {
    margin-top:9px;
}

.mt12 {
    margin-top:12px;
}

.mt15 {
    margin-top:12px;
}

.mt18 {
    margin-top:18px;
}

.fl {
    float:left;
}

.fr{
    float:right;
}

.clear {
    clear:both;
}

a {
    color:#333;
    text-decoration:none;
}

.link {
    color:#0066CC;
}


.link-line {
    border-bottom:1px solid #0066CC;
}

.link-gray {
    border-bottom:1px solid #C8C8C8;
}

hr {
    border:none;
    border-top:1px solid #E9E9E9;
    height:0;
}

hr2 {
    
}

/* ================================================== */

.btn {
    background-color:#DD2727;
    display:inline-block;
    height:30px;
    line-height:30px;
    color:#FFF;
    text-align:center;
}

.btn-border {
    display:inline-block;
    border:1px solid #F54D23;
    color:#F54D23;
    height:28px;
    line-height:28px;
    border-radius:3px;
    padding:0 6px;
    text-align:center;
}

.btn-r {
    border-radius:3px;
}

.btn-big {
    border-radius:3px;
    padding:4px 0;
    font-size:14px;
    display:block; 
    margin:12px;
}

.btn-gray {
    background-color:#C8C8C8;
    color:#FFF;
}

.btn-wait {
    background-color:#FF9C00;
    color:#FFF;
}

.nowPrice {
    font-size:18px;
}

.oldPrice {
    text-decoration:line-through;
    font-size:11px;
}

.div {
    display:inline-block;
    height:12px;
    width:0px;
    border-right:1px solid #D9D9D9;
    position:relative;
    top:1px;
}

.text {
    border:1px solid #E9E9E9;
    line-height:24px;
    padding:3px 6px;
    width:60px;
    color:#666;
}

.radioBox {
    position:relative;
    top:1px;
}

/* ================================================== */

.flag {
    dispaly:inline-block;
    font-size:12px;
    background-color:#FF6600;
    color:#FFF;
    line-height:16px;
    padding:0 1px;
}

.flag-new {
    font-size:11px;
    line-height:13px;
    border-radius:3px;
}

.flag-gray {
    background-color:#C8C8C8;
    color:#FFF;
}

.flag-blue {
    background-color:#0F88EB;
    color:#FFF;
}

.flag-vip {
    dispaly:inline-block;
    background-color:#0A8F57;
    color:#FFF;
    font-size:10px;
    border-radius:3px;
    padding:1px 1px 0 1px;
    line-height:8px;
}

.flag-cancel {
    dispaly:inline-block;
    background-color:#C8C8C8;
    color:#FFF;
    font-size:10px;
    border-radius:3px;
    padding:1px 1px 0 1px;
    line-height:8px;
}

/* ================================================== */

.icon18 {
    display:inline-block;
    width:18px;
    height:18px;
    background:url("../img/quan-max-icons.png") no-repeat scroll 0 0;
    background-size:300px 300px;
    position:relative;
}

.icon24 {
    display:inline-block;
    width:24px;
    height:24px;
    background:url("../img/quan-max-icons.png") no-repeat scroll 0 0;
    background-size:400px 400px;
    position:relative;
}

.icon36 {
    display:inline-block;
    width:36px;
    height:36px;
    background:url("../img/quan-max-icons.png") no-repeat scroll 0 0;
    background-size:600px 600px;
    position:relative;
}

.icon-search-18 {
    background-position:-120px 0;
}

.icon-delete-18 {
    background-position: -120px -30px;
}

.icon-recommand {
    background-position:0 -160px;
}

.icon-homeLife {
    background-position:-80px -160px;
    top:1px;
}

.icon-eat {
    background-position:-40px -160px;
}

.icon-baby {
    background-position:-120px -160px;
}

.icon-beauty {
    background-position:-240px -200px;
}

.icon-electron {
    background-position:-80px -200px;
}

.icon-girl {
    background-position:-120px -200px;
}

.icon-boy {
    background-position:-200px -200px;
}

.icon-shoe {
    background-position:0 -200px;
}

.icon-9k9 {
    background-position:-200px -160px;
}

.icon-hot {
     background-position:-40px -200px;
}

.icon-hot-2 {
     background-position:-320px -160px;
}

.icon-bao-24 {
     background-position:-320px -200px;
}

.icon-tao {
     background-position:-240px -160px;
}

.icon-ju {
     background-position:-280px -160px;
}

.icon-tab-18 {
     background-position:-30px -120px;
     top:3px;
}

.item-top-36 {
    background-position:-540px -60px;
}

.item-back-36 {
    background-position:-480px 0;
}

.item-search-36 {
    background-position:-540px 0;
}

/* ================================================== */

.icon9-zz {
    display:inline-block;
    width:9px;
    height:9px;
    background:url("../img/icons-zz.png") no-repeat scroll 0 0;
    background-size:150px 150px;
    position:relative;
}

.icon12-zz {
    display:inline-block;
    width:12px;
    height:12px;
    background:url("../img/icons-zz.png") no-repeat scroll 0 0;
    background-size:200px 200px;
    position:relative;
}

.icon15-zz {
    display:inline-block;
    width:15px;
    height:15px;
    background:url("../img/icons-zz.png") no-repeat scroll 0 0;
    background-size:250px 250px;
    position:relative;
}

.icon18-zz {
    display:inline-block;
    width:18px;
    height:18px;
    background:url("../img/icons-zz.png?t=20190228_16:20") no-repeat scroll 0 0;
    background-size:300px 300px;
    position:relative;
}

.icon24-zz {
    display:inline-block;
    width:24px;
    height:24px;
    background:url("../img/icons-zz.png?t=20190228_16:20") no-repeat scroll 0 0;
    background-size:400px 400px;
    position:relative;
}

.icon13-zz,
.icon-tmall-13,
.icon-taobao-13,
.icon-jd-13,
.icon-pdd-13 {
    display:inline-block;
    width:23px;
    height:14px;
    background:url("../img/icons-zz.png") no-repeat scroll 0 -250px;
    background-size:500px 500px;
    position:relative;
    top:1.3px;
}

.icon-taobao-12 {
    background-position:-20px -140px;
    top:1px;
}

.icon-tmall-12 {
    background-position:-140px -160px;
    top:1px;
}

.icon-pdd-12 {
    background-position:-180px -160px;
}

.icon-taobao-15 {
    background-position:-25px -175px;
}

.icon-jd-12 {
    background-position:-180px -140px;
    top:1px;
}

.icon-taobao-13 {
    background-position:-50px -250px;
}

.icon-pdd-13 {
    background-position:-350px -350px;
    top:2px;
}

.icon-jd-13 {
    background-position:0 -400px;
    top:2px;
}

.icon36-zz {
    display:inline-block;
    width:36px;
    height:36px;
    background:url("../img/icons-zz.png?t=20190710") no-repeat scroll 0 0;
    background-size:600px 600px;
    position:relative;
}

.icon-wrapper {
    display:inline-block;
    position:relative;
    padding-left:24px;
    height:24px;
    line-height:24px;
}

.icon-wrapper .icon-quan-18 {
    position:absolute;
    top:4px;
    left:0;
}

.icon-menu-24 {
    background-position:-80px -80px;
    top:2px;
}

.icon-quan-18 {
    background-position:-30px -60px;
    top:2px;
}

.icon-quan-24 {
    background-position:-40px -80px;
    top:2px;
}

.icon-star-18 {
    background-position:0 -30px;
}

.on .icon-star-18 {
    background-position:-30px -30px;
}

.icon-time-18 {
    background-position:-60px -30px;
}

.on .icon-time-18 {
    background-position:-90px -30px;
}

.icon-9k9-18 {
    background-position:-120px -30px;
}

.on .icon-9k9-18 {
    background-position:-150px -30px;
}

.icon-hot-18 {
    background-position:-180px -30px;
}

.on .icon-hot-18 {
    background-position:-210px -30px;
}

.icon-mine-18 {
    background-position:-180px -120px;
    left:1px;
}

.on .icon-mine-18 {
    background-position:-210px -120px;
    left:1px;
}

.icon-quan-18-2 {
    background-position:-60px -120px;
}

.on .icon-quan-18-2 {
    background-position:-90px -120px;
}

.icon-zhibo-18 {
    background-position:-120px -150px;
}

.on .icon-zhibo-18 {
    background-position:-150px -150px;
}

.icon-retui-18 {
    background-position:-180px -150px;
    left:1px;
}

.on .icon-retui-18 {
    background-position:-210px -150px;
}

.icon-pyq-18 {
    background-position:-60px -210px;
}

.on .icon-pyq-18 {
    background-position:-120px -180px;
}

.icon-save-18 {
    background-position:-90px -180px;
}

.icon-copy-18 {
    background-position:-270px -180px;
}

.icon-taobao-18 {
    background-position:-30px -210px;
}

.icon-wxq-18 {
    background-position:-120px -180px;
}

.icon-wxq-15 {
    background-position:-100px -150px;
}

.icon-wxf-18 {
    background-position:-150px -180px;
}

.icon-close-18 {
    background-position:-180px -180px;
}

.icon-down-12 {
    background-position:-120px -40px;
}

.on .icon-down-12 {
    background-position:-100px -40px;
}

.icon-hot-36 {
    background-position:0 0;
}

.icon-9k9-36 {
    background-position:-60px 0;
}

.icon-hotsale-36 {
    background-position: -180px -540px;
}

.icon-market-36 {
    background-position: -120px -540px;
}

.icon-home-36 {
    background-position:-120px 0;
}

.icon-baby-36 {
    background-position:-180px 0;
}

.icon-beauty-36 {
    background-position:-240px 0;
}

.icon-time-36 {
    background-position:-300px 0;
}

.icon-zero-36 {
    background-position:-479px -540px;
}

.icon-service-36 {
    background-position:-540px -540px;
}

.icon-ju-36 {
    background-position:-420px 0;
}

.icon-da-36 {
    background-position:-480px 0;
}

.icon-bao-36 {
    background-position:-540px 0;
}

.icon-more-36 {
    background-position:-360px 0;
}

.icon-app-36 {
    background-position:0 -360px;
}

.icon-apple-36 {
    background-position:-480px -360px;
}

.icon-zi-36 {
    background-position:-60px -480px;
}

.icon-jd-36 {
    background-position:-120px -480px;
}

.icon-pdd-36 {
    background-position:-180px -480px;
}

.icon-class-36 {
    background-position:-240px -480px;
}

.icon-kf-36 {
    background-position:-300px -480px;
}

.icon-circle-36 {
    background-position:-360px -480px;
}

.icon-free-36 {
    background-position:0px -540px;
}

.icon-pre-36 {
    background-position:-60px -540px;
}

.item-back-24 {
    background-position:-120px -80px;
}

.item-home-24 {
    background-position:-160px -80px;
}

.icon-jifen-24 {
    background-position:-320px -120px;
}

.item-quan-18 {
    background-position:-60px -120px;
    top:1px;
}

.item-kefu-18 {
    background-position:-240px -120px;
}

.icon-miandan-24 {
    background-position:-160px -360px;
}

.icon-shoucang-24 {
    background-position:-277px -360px;
}

/* ==================================== */

.icon-order-24 {
    background-position:0 -120px;
    left:3px;
}

.icon-friends-24 {
    background-position:-40px -120px;
}

.icon-team-24 {
    background-position:-360px -80px;
}

.icon-fans-24 {
    background-position:-80px -120px;
}

.icon-report-24 {
    background-position:-120px -120px;
    left:3px;
}

.icon-report-24-2 {
    background-position:-120px -280px;
    left:3px;
}

.icon-wallet-24 {
    background-position:-160px -120px;
}

.icon-wallet-24-2 {
    background-position:-160px -280px;
}

.icon-cs-24 {
    background-position:-200px -120px;
}

.icon-cs-24-2 {
    background-position:-200px -280px;
}

.icon-vip-24 {
    background-position:-280px -120px;
}

.icon-set-24 {
    background-position:-240px -120px;
}

.icon-shop-24 {
    background-position:-80px -200px;
}

.icon-class-24 {
    background-position:-120px -200px;
    top:2px;
}

.icon-invite-24 {
    background-position:-320px -200px;
}

.icon-app-24 {
    background-position:0 -240px;
}

.icon-download-24 {
    background-position:-360px -200px;
}

.icon-save-24 {
    background-position:-120px -240px;
}

.icon-wxq-24 {
    background-position:-160px -240px;
}

.icon-wxf-24 {
    background-position:-200px -240px;
}

.icon-close-24 {
    background-position:-240px -240px;
}

.icon-up-12 {
    background-position:-160px -40px;
}

.icon-up-9 {
    background-position:-120px -30px;
}

/* */

.agent-level {
    display:inline-block;
    width:18px;
    height:18px;
    background:url("../img/agent-level.png") no-repeat scroll 0 0;
    background-size:300px 300px;
    position:relative;
    top:3px;
}

.agent-level-0 {
    background-position:0 0;
}

.agent-level-1 {
    background-position:-30px 0;
}

.agent-level-2 {
    background-position:-60px 0;
}

.agent-level-3 {
    background-position:-90px 0;
}

.agent-level-4 {
    background-position:-120px 0;
}

.agent-level-5 {
    background-position:-150px 0;
}

.agent-level-6 {
    background-position:-180px 0;
}

.agent-level-7 {
    background-position:-210px 0;
}

.agent-level-8 {
    background-position:-240px 0;
}


/* =========================================== */

.toTop {
    display:block;
    height:36px;
    width:36px;
    position:fixed;
    bottom:66px;
    right:0;
    padding:6px 9px 6px 6px;
    z-index:100;
}

/* ================================================== */

.topBar {
    height:42px;
    position:fixed;
    top:0;
    left:0;
    background-color:#DD2727;
    z-index:1020;
    opacity:0.9;
}

.topSearchBox {
    height:30px;
    line-height:30px;
    margin:6px 72px 0 24px;
    background-color:#FFF;
    border-radius:15px;
    overflow:hidden;
    position:relative;
}

.topSearchForm {
    padding:6px 6px 0 36px;
    position:relative;
}

.topSearchForm .text {
    display:block;
    border:none;
    width:100%;
    line-height:18px;
    font-size:12px;
    padding:0;
}

.topSearchBox .icon-search-18 {
    position:absolute;
    top:6px;
    left:12px;
}

.topBar .func-menu {
    display:block;
    width:24px;
    height:24px;
    padding:9px 24px;
    position:absolute;
    top:0;
    right:0;
}

.topBar .func-delete {
    display:block;
    width:18px;
    height:18px;
    padding:6px 9px;
    position:absolute;
    top:0;
    right:0;
    background-color:#FFF;
}

.topBar .func-search {
    display:block;
    width:54px;
    height:42px;
    position:absolute;
    top:0;
    right:12px;
}

.topBar .func-search-2,
.top-search-result .func-search-2 {
    display:block;
    width:48px;
    text-align:center;
    height:30px;
    position:absolute;
    top:0;
    right:0;
    background-color:#FFDAE6;
    font-size:12px;
    color:#D80048;
}

.top-search-result .func-delete {
    right:48px;
}

.topBar .func-search em {
    display:block;
    background-color:#9C1B16;
    background-color:#DD2727;
    text-align:center;
    height:26px;
    line-height:26px;
    border-radius:15px;
    margin:7px 6px 0 0;
    color:#EFEFEF;
    border:1px solid #9C1B16;
    font-size:12px;
}

.topSearchResult {
    margin:6px 72px 0 42px;
}

/* ================== */

.top-bar-navi-box ul {
    text-align:center;
}

.top-bar-navi-box li {
    text-align:center;
    height:30px;
    line-height:30px;
    padding:3px 3px;
    display:inline-block;
}

.top-bar-navi-box .core {
    display:inline-block;
    font-size:14px;
    color:#FC9DBA;
    color:#EFEFEF;
    padding:0 3px;
}

.top-bar-navi-box .on .core {
    color:#FFF;
    border-bottom:1px solid #FFF;
}

.top-search-result {
    margin:6px 6% 0;
}

/* ================== */

.topBar h2 {
    text-align:center;
    line-height:42px;
    color:#FFF;
    font-size:15px;
}

.topBar .func-head {
    display:inline-block;
    color:#FFF;
    padding-right:18px;
    position:relative;
}

.topBar .icon-down-12 {
    position:absolute;
    top:18px;
    right:0;
}

.topBar .func-back,
.topBar .func-home,
.topNavi .func-back,
.topNavi .func-home {
    display:inline-block;
    width:24px;
    height:24px;
    position:absolute;
    top:0;
}

.topBar .func-back,
.topNavi .func-back {
    left:0;
    padding:9px 6px 9px 12px;
}

.topBar .func-home,
.topNavi .func-home {
    right:0;
    padding:9px 15px 9px 15px;
}

/* ================================================== */

.top-menu-box {
    background-color:#FFF;
    border-bottom:1px solid #E9E9E9;
    position:fixed;
    top:42px;
    left:0;
    z-index:1010;
}

.top-menu-box li {
    float:left;
    width:25%;
    position:relative;
}

.top-menu-box .core {
    display:block;
    text-align:center;
    font-size:12px;
    padding:9px 0 6px;
}

.top-menu-box .core span {
    display:block;
    line-height:18px;
    padding:6px 0 0;
    color:#555;
}

.top-menu-box .on .core {
    border-bottom:2px solid #E57572;
}

.top-menu-box .on span {
    color:#DD3B39;
}

.top-menu-box .div {
    border-right:1px solid #EFEFEF;
    display:block;
    height:63px;
    position:absolute;
    right:0;
    top:0;
    width:0;
}

.top-menu-box .hr {
    border-top:1px solid #EFEFEF;
}

/* * */

.dd-menu-box {
    background-color:#FFF;
    height:37px;
    overflow:hidden;
}

.dd-menu-box li {
    float:left;
    width:11.11%;
}

.dd-menu-box .core {
    display:block;
    height:36px;
    line-height:36px;
    padding:0 6px;
    border-bottom:1px solid #FFF;
    font-size:13px;
    color:#555;
}

.dd-menu-box .on .core {
    border-bottom:1px solid #F62C55;
    color:#F62C55;
}

.duoduoBody .topBar {
    background-color:#F62C55;
}

.duoduoBody .goodsItem .btn {
    background-color:#F62C55;
    border-color:#F62C55;
}

.duoduoBody .goodsItem .btn span {
    color:#F62C55;
}

/* * */

.icon-menu-list {
    background-color:#FFF;
    height:150px;
    overflow:hidden;
}

.icon-menu-list li {
    float:left;
    width:20%;
}

.icon-menu-list .core {
    display:block;
    text-align:center;
    font-size:12px;
    padding:9px 0 6px;
}

.icon-menu-list .core span {
    display:block;
    line-height:18px;
    padding:6px 0 0;
    color:#555;
}

/* ================================================== */

.top-filter-box {
    background-color:#FFF;
}

.top-filter-box li {
    float:left;
    width:33.3%;
}

.top-filter-box-2 li {
    width:50%;
}

.top-filter-box .core {
    display:block;
    height:42px;
    line-height:42px;
    text-align:center;
}

.top-filter-box .on .core {
    color:#DD2727;
    border-bottom:1px solid #DD2727;
}

/* ================================================== */

.topMsg {
    height:24px;
    line-height:24px;
    padding:6px 0;
    text-align:center;
    margin-top:2px;
    background-color:#FFF;
    color:#DD2727;
}

/* ================================================== */

.goodsListBody {
    /* padding-left:0.5%; */
}

.goodsItem {
    float:left;
    width:49.2%;
    padding:0;
    margin-top:6px;
    background-color:#FFF;
    position:relative;
}

.goodsItem .core {
    display:block;
}

.goodsItem0 {
    clear:both;
    float:left;
}

.goodsItem1 {
    float:right;
}

.goodsItem .imgBox {
    position:relative;
    width:100%;
    overflow:hidden;
    display:block;
}

.goodsItem .imgBox .img-wrap {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 100%;
}

.goodsItem .imgBox .img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.goodsItem .imgBox img {
    width:100%;
    min-height:100px;
}

.goodsItem .imgBox span {
    display:block;
    height:24px;
    line-height:24px;
    overflow:hidden;
    text-align:center;
    color:#333;
    padding:6px 5px 0;
}

.goodsItem p, 
.goodsItem h3 {
    color:#999;
    height:24px;
    line-height:24px;
    overflow:hidden;
    padding:3px 6px;
    position:relative;
}

.goodsItem p .monthOrderNum {
    display:inline-block;
    position:absolute;
    top:5px;
    right:0px;
    background-color:#FFF;
    font-size:11px;
    padding:0 6px;
}

.goodsItem .newFlag {
    position:absolute;
    top:0;
    right:34px;
}

.goodsItem .overFlag {
    position:absolute;
    top:0;
    left:0;
}

.goodsItem .oldPrice {
    font-size:11px;
    padding-left:3px;   
}

.goodsItem .btn {
    display:block;
    margin:0 6px 6px;
    border:1px solid #DD2727;
    border-radius:3px;
    height:20px;
    line-height:20px;
    font-size:12px;
    padding:0;
}

.goodsItem .btn em {
    display:block;
    width:50%;
    color:#FFF;
    float:left;
}

.goodsItem .btn span {
    display:block;
    width:50%;
    color:#DD2727;
    background-color:#FFF;
    float:left;
}

.goodsItem .hotSaleBox {
    text-align:center;
    height:18px;
    line-height:18px;
    padding:0 6px 6px;
    position:relative;
    overflow:hidden;
}

.goodsItem .hotSaleBox small {
    display:inline-block;
    background-color:#FFF;
    padding:0 6px;
    position:relative;
    z-index:20;
}

.goodsItem .hotSaleBox em {
    display:inline-block;
    border-top:1px dashed #C8C8C8;
    height:0px;
    width:96%;
    position:relative;
    top:-9px;
}

.goodsItem .func {
    display:inline-block;
    height:18px;
    width:18px;
    padding:9px;
    position:absolute;
    right:0;
    top:0;
}

.quanFlag {
    background:url("../img/flag-quan.png") no-repeat scroll 0 -8px;
    color:#fff;
    font-size:10px;
    height:27px;
    width:22px;
    line-height:13px;
    padding:2px 0 5px;
    text-align: center;
    position:absolute;
    overflow:hidden;
}

.grayFlag {
	background:url("../img/flag-quan-gray.png") no-repeat scroll 0 -8px;
    color:#fff;
    font-size:10px;
    height:27px;
    width:22px;
    line-height:13px;
    padding:2px 0 5px;
    text-align: center;
    position:absolute;
    overflow:hidden;
}

.quanFlag b {
    color:#F9F310;
    font-size:12px;
    font-weight:normal;
}

.grayFlag b {
	font-size: 12px;
}

.goodsItem .quanFlag {
    top:0;
    right:12px;
}

.goodsItem .flag {
    position:relative;
    top:-1px;
}

/* ================================================== */

.next-load {
    text-align:center;
    color:#999;
    height:36px;
    line-height:36px;
    margin:3px 3px 0;
}

.next-load img {
    position:relative;
    top:6px;
}

/* ================================================== */

.mainNavi {
    background-color:#F9F9F9;
    border-top:1px solid #D9D9D9;
    position:fixed;
    bottom:0;
    left:0;
    z-index:1000;
    min-width:320px;
    max-width:480px;
    width:100%;
}

.mainNavi li {
    float:left;
    width:25%;
}

.mainNavi-6 li {
    width:16.6%;
}

.mainNavi-5 li {
    width:20%;
}

.mainNavi-4 li {
    width:25%;
}

.mainNavi-3 li {
    width:33.33%;
}

.mainNavi-2 li {
    width:50%;
}

.mainNavi .core {
    display:block;
    text-align:center;
    font-family:'微软雅黑';
    font-size:12px;
    padding:7px 0 0;
    color:#888;
}

.mainNavi .core span {
    display:block;
    line-height:17px;
    height:17px;
    padding:3px 0 6px;
    font-size:11px;
}

.mainNavi .on .core {
    color:#DD2727;
}

/* ================================================== */

.topNavi {
    height:42px;
    background-color:#DD2727;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
}

.topNavi ul {
    height:42px;
    overflow:hidden;
    margin:0 auto;
    text-align:center;
}

.topNavi li {
    text-align:center;
    display:inline-block;
    position:relative;
}

.topNavi li .core {
    display:inline-block;
    color:#EFEFEF;
    height:42px;
    line-height:41px;
    padding:0 12px;
    font-size:14px;
}

.topNavi .core i {
    display:none;
    height:0;
    border-top:2px solid #FFF;
    position:absolute;
    top:37px;
    left:40%;
    width:22%;
}

.topNavi-4 li {
    width:25%;
    float:left;
}

.topNavi-5 li {
    width:20%;
    float:left;
}

.topNavi-4 li .core,
.topNavi-5 li .core {
    padding:0;
    display:block;
    text-align:center;
}

.topNavi .on .core {
    /* background-color:#AA0707; */
    color:#FFF;
    font-weight:bold;
}

.topNavi .on .core i {
    display:inline-block;
}

/* ================================================== */

.subNavi {
    height:24px;
    background-color:#FFF;
    overflow:hidden;
    font-size:12px;
    margin:12px 30%;
    border:1px solid #DD2727;
    border-radius:5px;
}

.subNaviTab3 {
    height:24px;
    background-color:#FFF;
    overflow:hidden;
    font-size:12px;
    margin:12px 25%;
    border:1px solid #DD2727;
    border-radius:5px;
}

.subNavi li {
    float:left;
    padding:0;
    width:50%;
}

.subNaviTab3 li {
    float:left;
    padding:0;
    width:33.33%;
}

.subNavi li a {
    display:block;
    height:24px;
    line-height:24px;
    text-align:center;
    color:#DD2727;
}

.subNavi .on a {
    background-color:#DD2727;
    color:#FFF;
}

.subNaviTab3 li a {
    display:block;
    height:24px;
    line-height:24px;
    text-align:center;
    color:#DD2727;
}

.subNaviTab3 .on a {
    background-color:#DD2727;
    color:#FFF;
}

/* =========================================== */

.item-foot-navi {
    background-color:#FFF;
    border-top:1px solid #E9E9E9;
    position:fixed;
    bottom:0;
    left:0;
    z-index:1000;
}

.item-foot-navi li {
    float:left;
    height:48px;
    text-align:center;
    position:relative;
    width:30%;
}

.item-foot-navi li i {
    margin-top:6px;
}

.item-foot-navi li span {
    display:block;
    padding:3px 0 0;
    line-height:18px;
    font-size:11px;
    color:#888;
}

.item-foot-navi .core {
    display:block;
}

/* .item-foot-navi .core-icon { */
/*     padding:0 12px; */
/* } */

.item-foot-navi em {
    display:block;
    line-height:48px;
    background-color:#DD2727;
    color:#FFF;
    font-size:14px;
}

.item-foot-navi .fr {
    float:right;
    width:35%;
}

.item-foot-navi .li-kouling em {
    background-color:#FF9C00;
}

.item-foot-navi li u {
    display:block;
    width:1px;
    background-color:#E9E9E9;
    height:48px;
    position:absolute;
    top:0;
    right:0;
}

/* ================================================== */

.fansItem {
    background-color:#FFF;
    padding:9px 9px 9px 60px;
    position:relative;
    line-height:21px;
}

.fansItem .imgBox {
    display:block;
    position:absolute;
    top:9px;
    left:9px;
}

.fansItem li {
    float:left;
    width:50%;
    overflow:hidden;
}

.fansItem .w60 {
    width:60%;
}

.fansItem p {
    color:#888;
}

.fansItem h3 {
    line-height:42px;
}

/* ================================================== */

.docItem {
    position:relative;
}

.docItem .core {
    display:block;
    padding:9px 6px 9px 42px;
    line-height:24px;
    font-size:14px;
    background-color:#FFF;
}

.docItem u {
    display:inline-block;
    height:16px;
    width:16px;
    line-height:16px;
    text-align:center;
    position:absolute;
    top:12px;
    left:12px;
    border-radius:9px;
    border:1px solid #DD2727;
    color:#DD2727;
    font-size:12px;
}

/* ================================================== */

.setList {
    background-color:#FFF;
    margin:18px 0 0;
}

.setItem {
    margin:0;
}

.setItem hr {
    margin:0 12px;
}

.setItem .core {
    padding:9px 12px;
    min-height:24px;
}

/* ================================================== */

.itemList {
    background-color:#FFF;
}

.classItem h2 {
    line-height:24px;
    padding:12px 9px 9px 30px;
    position:relative;
}

.classItem h2 u {
    display:inline-block;
    height:6px;
    width:6px;
    border-radius:3px;
    background-color:#DD2727;
    position:absolute;
    top:21px;
    left:12px;
}

.classItem h2 em {
    font-size:15px;
}

.classItem p {
    color:#333;
    line-height:22px;
    padding:0 12px 9px;
}

.classItem .demoImg {
    max-width:95%;
    padding:3px;
    background-color:#EFEFEF;
}

.center {
    text-align:center;
}

/* =========================================== */

.item-detail-box {
    background-color:#FFF;
    padding:0 0 9px;
    position:relative;
}

.item-detail-box .imgBox {
    display:block;
    min-height:320px;
}

.item-detail-box p {
    padding:9px 9px 0;
    line-height:24px;
}

.item-detail-box .flag {
    position:relative;
    top:-2px;
}

.item-detail-box p b {
    font-size:15px;
    font-weight:normal;
}

.item-detail-box .quanFlag {
    background:url("../img/flag-quan.png") no-repeat scroll 0 0;
    color:#fff;
    font-size:12px;
    height:30px;
    width:42px;
    line-height:15px;
    padding:5px 0;
    text-align:center;
    position:absolute;
    right:9px;
    bottom:36px;
}

.item-detail-box .quanFlag b {
    color:#F9F310;
}

.item-detail-box .grayFlag {
    background:url("../img/flag-quan-gray.png") no-repeat scroll 0 0;
    color:#fff;
    font-size:12px;
    height:30px;
    width:42px;
    line-height:15px;
    padding:5px 0;
    text-align:center;
    position:absolute;
    right:9px;
    bottom:36px;
}

.item-detail-box .grayFlag b {
    color:#fff;
}

.item-detail-box .func {
    display:inline-block;
    height:36px;
    width:36px;
    position:absolute;
    padding:9px;
    top:0;
}

.item-detail-box .func-back {
    left:0;
}

.item-detail-box .func-search {
    right:0;
}

.item-detail-box .zhuanFlag {
    color:#FF6600;
}

/* =========================================== */

.item-detail-p {
    background-color:#FFF;
    margin-top:12px;
    line-height:24px;
    padding:0 0 9px;
}

.item-detail-p ul {
    height:54px;
    overflow:hidden;
}

.item-detail-p li {
    float:left;
    width:50%;
    text-align:center;
}

.item-detail-p li .core {
    display:block;
    padding:9px 0 9px;
    border-bottom:1px solid #E9E9E9;
}

.item-detail-p .on .core {
    color:#FF6600;
    border-bottom:1px solid #FF9900;
}

.item-detail-p h2 {
    text-align:center;
    color:#333;
    padding:9px 0 0;
}

.item-detail-p p {
    padding:3px 9px 0;
    color:#666;
}

.item-detail-p .taobao-img-item {
    padding:0;
    text-align:center;
}

.item-detail-p .link-taobao-img {
    display:block;
    padding:6px 0 0;
}

.item-detail-p .link-taobao-img span {
    diplay:inlink-block;
    border-radius:3px;
    color:#FF6600;
    padding:8px 18px;
}

.taobao-comment-list {
    padding:0 9px;
}

.taobao-comment-item {
    padding:9px 0;
}

.taobao-comment-item h3 {
    text-align:left;
    line-height:24px;
    padding:0 0 0 33px;
    position:relative;
}

.taobao-comment-item h3 img {
    position:absolute;
    top:0;
    left:0;
}

.taobao-comment-item p {
    padding:6px 0 0;
}

.taobao-comment-item p small {
    font-size:11px;
}

/* =========================================== */

.item-detail-p2 {
    margin-top:12px;
}

.item-detail-p2 h2 {
    margin:0 20%;
    text-align:center;
    color:#999;
    font-size:12px;
    position:relative;
    line-height:24px;
    padding:0 0 3px;
}

.item-detail-p2 h2 span {
    display:inline-block;
    background-color:#EBEBEB;
    padding:0 9px;
    z-index:10;
    position:relative;
}

.item-detail-p2 h2 hr {
    position:relative;
    top:-12px;
    z-index:5;
    border-color:#D5D6D7;
}

/* ================================================== */

.mineHead {
    padding:12px 0 6px;
    font-size:14px;
    background:url("../img/bg-mine-head.jpg") #DD2727 no-repeat scroll center 0;
}

.mineHead .imgBox {
    height:60px;
    width:60px;
    border-radius:33px;
    padding:3px;
    border:1px solid #DD2727;
    display:block;
    margin:0 auto;
    background-color:#EFEFEF;
}

.mineHead .imgBox img {
    border-radius:45px;
}

.mineHead center {
    color:#FFF;
    line-height:24px;
    padding:6px 0;
}

.mineHead center small {
    color:#EFEFEF;
}

.mineBanner {
    margin-top:4px;
    padding-bottom:4px;
}

.mineBanner .imgBox {
    display:block;
}

/* ================================================== */

.mineFuncBox {
    background-color:#FFF;
    margin-top:9px;
}

.mineFuncBox li {
    float:left;
    width:25%;
    position:relative;
}

.mineFuncBox .core {
    display:block;
    text-align:center;
    font-family:'微软雅黑';
    font-size:13px;
    padding:12px 0 6px;
}

.mineFuncBox i {
    display:block;
    width:1px;
    height:48px;
    background-color:#F0F0F0;
    position:absolute;
    top:12px;
    right:-1px;
}

.mineFuncBox .core span {
    display:block;
    line-height:24px;
    padding:3px 0 0;
}

.mineFuncBox hr {
    border-top:1px solid #F0F0F0;
}

/* ========================== */

.mineFuncBox-2 {
    padding:0 15%;
}

.mineFuncBox-2 li {
    width:50%;
}

.mineFuncBox-3 {
    padding:0 0;
}

.mineFuncBox-3 li {
    width:33.3%;
}

.mineFuncBox-3 i {
    height:72px;
    top:0;
}

/* ========================== */

.mineMoneyBox {
    margin-top:0;
}

.mineMoneyBox li {
    width:24%;
}

.mineMoneyBox .core {
    padding:9px 0 3px;
}

.mineMoneyBox .core em{
    font-size: 15px;
}

.mineMoneyBox .core span {
    font-size:11px;
    color:#777;
    line-height:18px;
    padding:3px 0 3px;
}

/* ================================================== */

.mineFuncList {
    background-color:#FFF;
    border-bottom:1px solid #F0F0F0;
    border-top:1px solid #F0F0F0;
    padding:0 12px;
}

.mineFuncList .core {
    display:block;
    height:24px;
    line-height:24px;
    padding:9px 0 9px 48px;
    font-size:14px;
    position:relative;
}

.mineFuncList .core i {
    position:absolute;
    top:9px;
    left:6px;
}

/* ================================================== */

.puLayer {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1100;
}

/* ================================================== */

.pu {
    display:none;
    position:fixed;
    left:0;
    top:50%;
    width:100%;
    max-width:480px;
    text-align:center;
    overflow:hidden;
    z-index:2000;
    transform:translate(0, -50%);
    font-size:14px;
}

.pu-app,
.pu-app-1,
.pu-app-2,
.pu-app-3,
.pu-app-4,
.pu-app-5,
.pu-app-6,
.pu-app-7,
.pu-app-8,
.pu-app-9 {
    top:auto;
    transform:none;
    bottom:60px;
}

.pu-iphone-1 {
    top:auto;
    transform:none;
    bottom:60px;
}

.puInnerBox {
    width:88%;
    margin:0 auto;
    background-color:#FAFAFC;
    border-radius:3px;
    overflow:hidden;
    position:relative;
}

.puHead {
    font-family:'微软雅黑';
    font-size:17px;
    font-weight:400;
    color:#000;
    line-height:24px;
    padding:18px 0;
}

.puHead em {
    font-family:'微软雅黑';
}

.puBody {
    line-height:24px;
    padding:12px 0 0;
}

.puBody form {
    width:100%;
    margin:0 auto;
}

.puBody form p {
    text-align:left;
    padding:6px 0 0;
    font-family:'微软雅黑';
}

.puErr {
    color:#EE0E57;
    line-height:24px;
    padding:6px 12px;
    background-color:#E9E9E9;
}

.puTxt {
    line-height:30px;
    padding:0 12px;
    color:#888;
    font-size:14px;
}

.puFoot {
    font-size:17px;
    font-family:'微软雅黑';
    border-top:1px solid #E9E9E9;
    margin-top:18px;
    overflow:hidden;
}

.puFoot .btn,
.puFoot .btn2 {
    display:block;
    height:48px;
    line-height:48px;
    overflow:hidden;
    color:#808080;
    padding:6px 0;
    background-color:#FFF;
    margin-top:1px;
}

.puFoot .btn:hover {
    color:#FF6600;
    background-color:#FFF;
}
    
.puFoot .btn2 {
    width:50%;
    float:left;
    position:relative;
}

.puFoot .btn i,
.puFoot .btn2 i {
    border-right:1px solid #E9E9E9;
    height:60px;
    display:block;
    width:0;
    position:absolute;
    top:0;
    left:0;
}

.puFoot .btn2 span {
    display:block;
    height:18px;
    line-height:18px;
    padding:6px 0 0;
    font-size:12px;
}

.puFoot .btn3 {
    width:33.3%;
    font-size:14px;
}

.puFoot .primary {
    color:#DD2727;
}

.puFoot .cancel {
    color:#808080;
}

.pu .formItem h3 {
    text-align:left;
    padding:3px 0 9px ;
}

.pu .formItem .text {
    width:240px;
}

/* =========================================== */

.puMenu {
    top:auto;
    transform:none;
    bottom:120px;
}

.puMenu .puInnerBox {
    max-width:240px;
}

.puMenu .core {
    display:block;
    height:48px;
    line-height:48px;
    position:relative;
    padding-left:60px;
    text-align:left;
}

.puMenu .core span {
    display:block;
}

.puMenu .core u {
    position:absolute;
    top:15px;
    left:24px;
}

/* =========================================== */

.puLogin .puHead {
    padding:15px 0;
}

.puLogin .puBody {
    padding:12px 18px 12px 0;
}

.puLogin .formItem {
    padding-left:84px;
}

.puLogin .formItem h2 {
    width:78px;
}

.puLogin .formItem .text {
    width:90%;
    padding:6px;
}

.puLogin .btn-border {
    border-color:#777;
    color:#777;
    padding:3px 6px;
}

.puLogin .btn-login {
    padding:3px 24px;
}

.puLogin .link {
    font-size:12px;
}

.puChangePWD .formItem {
    padding-left:102px;
}

.puChangePWD .formItem h2 {
    width:96px;
}

.puLogin .inputButton {
    padding:5px 3px;
    color:#555;
}

/* =========================================== */

.todayOrderDesc {
    padding:9px 0;
}

.todayOrderDesc ul {
    width:216px;
    height:36px;
    margin:0 auto;
}

.todayOrderDesc li {
    width:50%;
    float:left;
    line-height:18px;
}

.todayOrderDesc-3 ul {
    width:300px;
    padding-left:15px;
}

.todayOrderDesc-3 li {
    width:33.3%;
}

/* =========================================== */

.pageMsg,
.pageErr {
    color:#888;
    line-height:24px;
    font-size:12px;
    text-align:center;
    padding:6px 0;
}

.pageErr {
    color:#DD2727;
    padding:9px 0;
    font-size:13px;
}

/* =========================================== */

.noData {
    line-height:24px;
    text-align:center;
    padding:6px;
    background-color:#FFF;
}

/* =========================================== */

.agentOrderItem {
    padding:9px 6px 6px;
    background-color:#FFF;
    border-bottom:1px solid #E9E9E9;
    line-height:20px;
}

.agentOrderHead {
    padding:0 0 0 92px;
    position:relative;
    min-height:80px;
}

.agentOrderHead .imgBox {
    display:block;
    position:absolute;
    top:2px;
    left:2px;
}

.agentOrderHead h2 {
    font-size:13px;
    height:20px;
    overflow:hidden;
    color:#333;
}

.agentOrderHead .flag {
    font-size:11px;
    padding:0 6px;
    border-radius:8px;
    height:16px;
    line-height:16px;
}

.agentOrderItem ul {
    padding:12px 0 0;
}

.agentOrderItem li {
    width:33%;
    float:left;
    text-align:center;
    padding:0 0 3px;
}

.agentOrderHead li {
    text-align:left;
}

.agentOrderHead .icon-pdd-13,
.agentOrderHead .icon-jd-13 {
    top:3px;
}

.agentOrderItem ul .w22 {
    width:22%;
}

.agentOrderItem ul .w28 {
    width:28%;
}

.agentOrderItem ul .w24 {
    width:24%;
}

.agentOrderItem ul .w26 {
    width:26%;
}

.agentOrderItem li small {
    color:#999;
}

.agentOrderItem h3 {
    background-color:#EFEFEF;
    padding:6px 9px;
    text-align:center;
    margin:0 0 9px;
}

.agentOrderItem .subTitle {
    text-align:center;
    clear:both;
    height:24px;
    line-height:24px;
    position:relative;
}

.agentOrderItem .subTitle span {
    display:inline-block;
    padding:0 12px;
    border:1px solid #EFEFEF;
    border-radius:24px;
    font-size:12px;
    color:#777;
    position:relative;
    z-index:20;
    background-color:#FFF;
}

.agentOrderItem .subTitle hr {
    position:relative;
    top:-12px;
    z-index:10;
    border-color:#EFEFEF;
}

.agentOrderItem .subTitle-tudi span {
    color:#336699;
}

.agentOrderItem .subTitle-tusun span {
    color:#DD2727;
}

.agentOrderItem p {
    padding:3px 0;
    font-size:14px;
    color:#000;
}

/* =========================================== */

.agentRankItem .agentOrderHead {
    padding-left:60px;
}

.agentRankItem .agentOrderHead li {
    text-align:center;
}

.agentRankItem hr {
    margin-top:3px;
}

.agentRankNavi {
    text-align:center;
    border-top:2px solid #FFF;
}

.agentRankNavi li {
    display:inline-block;
    line-height:36px;
    font-size:11px;
}

.agentRankNavi li .core {
    padding:0 6px;
    display:inline-block;
}

.agentRankNavi li small {
    display:none;
}

.agentRankNavi .on small {
    display:inline;
}

.agentRankNavi .on {
    background-color:#FFF;
}

.agentRankNavi .on .core,
.agentRankNavi .on small {
    color:#EE0E57;
}

/* ================================================== */

.listItem {
    background-color:#FFF;
    border-bottom:1px solid #E9E9E9;
    line-height:24px;
}

.listItem li {
    float:left;
    position:relative;
}

.listItem li div {
    padding:6px 9px;
}

.listItem li p {
    color:#888;
}

.item-body-img {
    padding:12px 12px 12px 60px;
    min-height:30px;
    position:relative;
}

.item-body-img .imgBox {
    position:absolute;
    top:15px;
    left:15px;
}

.item-foot {
    padding:12px 0;
    border-top:1px solid #EFEFEF;
    margin:0 12px;
    text-align:right;
}

.item-foot .btn,
.item-foot .btn-border {
    min-width:42px;
}

.logItem small {
    font-size:13px;
}

.logItem .imgBox {
    top:12px;
    left:12px;
}

.logItem h2 {
    line-height:20px;
}

.logItem .item-body-img {
    padding:6px 12px 6px 72px;
}

.logItem .item-foot {
    padding-top:6px;
    padding-bottom:6px;
    text-align:left;
    margin-left:72px;
}

/* ================================================== */

.listItem .formBox {
    border-top:1px solid #EFEFEF;
}

.formItem {
    min-height:30px;
    position:relative;
    padding:0 0 0 120px;
}

.formItem h2 {
    text-align:right;
    position:absolute;
    top:6px;
    left:0;
    width:108px;
    font-size:13px;
    height:24px;
    line-height:24px;
    color:#666;
}

.formItem .div {
    margin:0 6px;
}

.formItem p {
    line-height:24px;
    padding:6px 6px 6px 0;
}

.softPrice {
    font-family:'微软雅黑',arial;
    font-size:16px;
}

/* ================================================== */

.loginItem {
    background-color:#FFF;
    padding:0 12px;
    min-height:42px;
    position:relative;
}

.loginItem .text {
    height:30px;
    line-height:30px;
    padding:6px 0 6px 6px;
    border:none;
    width:96%;
}

.loginItem select {
    height:36px;
    line-height:36px;
    padding-left:3px;
    margin:6px 0;
}

.loginItem option {
    padding-left:6px;
}

.loginItem p small {
    font-size:13px;
}

.loginItem .area {
    line-height:24px;
    padding:6px 0 6px 6px;
    width:96%;
    font-size:13px;
}

.loginItem .inputButton {
    padding:4px 6px;
    position:absolute;
    top:4px;
    right:18px;
}

.loginItem .btn-border {
    position:absolute;
    top:6px;
    right:12px;
}

.loginItem span.btn-border {
    color:#999;
    border:1px solid #FFF;
}

.loginItem .link {
    display:inline-block;
    line-height:24px;
    position:absolute;
    right:12px;
    top:6px;
    color:#333;
    border-color:#999;
}

/* ================================================== */

.billItem {
    line-height:24px;
    padding:9px 9px 9px 72px;
    position:relative;
    min-height:48px;
    background-color:#FFF;
    border-bottom:1px solid #E9E9E9;
}

.billItem h2 {
    position:absolute;
    top:9px;
    left:9px;
    width:48px;
    color:#999;
    border-right:1px solid #E9E9E9;
}

.num {
    font-size:14px;
    font-family:arial;
}

.moneyNum,
.billItem em, 
.billItem i {
    font-size:15px;
    font-family:arial;
}

.billItem small i {
    font-size:12px;
}

.billItem em {
    color:#00B86B;
}

/* =========================================== */

.puKouling .puHead {
     background-color:#F54D23;
     color:#FFF;
     height:48px;
     line-height:48px;
     padding:0;
}

.puKouling h1 {
    color:#999;
    font-size:11px;
    line-height:18px;
    padding:6px;
}

.puKouling .close {
    display:inline-block;
    height:48px;
    line-height:42px;
    width:60px;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    color:#E9E9E9;
    font-size:36px;
}

.puKouling .puBody {
    position:relative;
    margin:24px 3.5% 12px;
    border:1px dashed #F54D23;
    text-align:center;
    padding:12px 6px 3px;
}

.puKouling h2 {
    width:100%;
    text-align:center;
    position:absolute;
    top:-12px;
    left:0;
}

.puKouling em {
    display:inline-block;
    height:20px;
    line-height:20px;
    background-color:#F54D23;
    color:#FFF;
    font-size:12px;
    padding:0 6px;
}

.puKouling .inputArea {
    padding:12px 0;
    width:100%;
    height:24px;
    line-height:24px;
    display:inline-block;
    color:#86564B;
    border:none;
    resize:none;
    font-size:14px;
    text-align:center;
}

.puKouling .inputArea-2 {
    padding:0;
    height:172px;
    line-height:14px;
    font-size:12px;
    text-align:left;
}

.puKouling .inputText {
    display:block;
    line-height:36px;
    font-size:15px;
    color:#86564B;
    font-size:14px;
    text-align:center;
    background-color:#FFF;
    padding:6px;
}

.puKouling .inputText-2 {
    line-height:14px;
    padding:6px;
    font-size:12px;
    text-align:left;
}

.puKouling h6 {
    background-color:#F3F3F3;
    line-height:24px;
    padding:6px 0;
    text-align:center;
    color:#86564B;
}

.puKouling .copy-btn {
    line-height: 47px;
    background-color: #F54D23;
    color: #FFF;
    font-size: 16px;
    border-radius: 23.5px;
    display: none;
    cursor: pointer;
    margin: 0 40px 6px;
    font-weight: 600;
    letter-spacing: 1px;
}

.puKouling .copy-btn.copy-btn-success {
    background-color:#5EB95E;
}

.puKouling .copy-btn-ios {
    line-height: 45px;
    border: 1px solid #F54D23;
    color: #F54D23;
    font-size: 16px;
    border-radius: 23.5px;
    display: none;
    cursor: pointer;
    margin: 0 40px 12px;
    font-weight: 600;
    letter-spacing: 1px;
    box-sizing: border-box;
}

.puKouling .copy-btn-ios.copy-btn-success {
    border: 1px solid #5EB95E;
    color: #5EB95E;
}

/* =========================================== */

.puPaperBody {
    padding:12px 0 0;
    line-height:24px;
}

.puPaper h2 {
    padding:12px 0 6px;
    font-size:15px;
    line-height:30px;
}

.puPaper h2 span {
    color:#888;
}

.puPaperBody p {
    padding:6px 0;
    font-size:12px; 
    line-height:20px;
}

.puPaper .puFoot {
    margin-top:0;
    padding:0;
}

/* =========================================== */

.quanSearchForm .area {
    line-height:18px;
    min-height:108px;
}

.quanSearchForm .btn-big {
    padding:6px 0;
}

/* =========================================== */

.find-quan-box {
    margin-top:1px;
}

.find-quan-box .item-detail-p2 {
    margin:9px 0 0; 
}

.find-quan-box .item-detail-p2 h2 {
    margin:0 15%;
}

.find-quan-box .item-detail-p2 hr {
    border-style: dashed none none;
}

.find-quan-item {
    background-color:#FFF;
    position:relative;
    border-bottom:1px solid #F0F0F0;
}

.find-quan-item .core {
    display:block;
    padding:9px 9px 9px;
}

.find-quan-item .imgBox {
    float:left;
    width:35%;
}

.find-quan-item .imgBox img {
    border-radius:5px;
}

.find-quan-item .itemBody {
    float:left;
    width:65%;
}

.find-quan-item h2 {
    padding:0 0 0 9px;
    line-height:18px;
    height:36px;
    overflow:hidden;
    font-size:13px;
    word-break:break-all;
}

.find-quan-item h3 {
    line-height:20px;
    padding:9px 0 0 39px;
    position:relative;
}

.find-quan-item .quanFlag,
.find-quan-item .grayFlag {
    position:absolute;
    left:9px;
    top:12px;
}

.find-quan-item .newFlag {
    position:absolute;
    left:0;
    top:0;
}

.find-quan-item .quanMoney {
    position:absolute;
    right:0;
    bottom:0;
    font-size:12px;
}

.find-quan-item .nowPrice {
    font-size:14px;
}

.find-quan-item .icon13-zz {
    top:2px;
}

/* */

.find-quan-item .btn {
    display:inline-block;
    margin:6px 0 0 9px;
    border:1px solid #DD2727;
    border-radius:3px;
    height:16px;
    line-height:16px;
    font-size:11px;
    padding:0;
}

.find-quan-item .btn em {
    display:block;
    color:#FFF;
    float:left;
    padding:0 6px;
}

.find-quan-item .btn span {
    display:block;
    padding:0 6px;
    color:#DD2727;
    background-color:#FFF;
    float:left;
}

/* =========================================== */

.bill-extract-doc {
    padding:0 12px 6px 12px;
    line-height:24px;
}

.bill-extract-doc h2 {
    font-size:14px;
    color:#DD2727;
    text-align:center;
    padding:9px 0 9px;
}

.bill-extract-doc p {
    color:#555;
    padding:9px 0;
}

/* =========================================== */

.login-out-box {
    background-color:#FFF;
    text-align:center;
    margin-top:12px;
}

.login-out-box .core {
    display:block;
    color:#777;
    line-height:24px;
    padding:9px 6px;
}

.errBox {
    color:#EE0E57;
    text-align:center;
    line-height:30px;
    font-size:13px;
    padding:6px 0;
    font-family:'微软雅黑';
    border-bottom:1px solid #E9E9E9;
}

/* =========================================== */

.live-item-box {

}

.live-item-box h2 {
    text-align:center;
    padding:18px 0 0;
}

.live-item-box h2 span {
    display:inline-block;
    height:18px;
    line-height:18px;
    padding:3px 3px;
    background-color:#C8C8C8;
    color:#FFF;
    border-radius:3px;
    font-size:11px;
}

.live-item-box span i {
    font-size:13px;
    color:#DD2727;
}

.live-item-body {
    padding:16px 16px 0 58px;
    position:relative;
    min-height:42px;
}

.live-item-body h3 {
    padding:0 0 6px;
}

.live-item-body .imgBox {
    position:absolute;
    top:16px;
    left:8px;
}

.live-item-body .imgBox img {
    border-radius:5px;
}

.live-item-body .arrow-live {
    position:absolute;
    top:29px;
    left:52px;
}

.live-item-body .quanFlag {
    position:absolute;
    top:19px;
    left:57%;
}

.live-goods-img {
    border-radius: 5px;
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.12);
    padding:3px;
    background-color:#FFF;
    width:60%;
}

.live-goods-info {
    border-radius: 5px;
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.12);
    line-height:20px;
    font-size:12px;
    background-color:#FFF;
}

.live-goods-info h3 {
    padding:9px 6px 3px;
    color:#222;
}

.live-goods-info p {
    padding:3px 6px;
    color:#777;
    line-height:18px;
}

.live-goods-info h4 {
    padding:3px 6px 6px;
}

.live-goods-info ul {
    height:36px;
    line-height:36px;
    background-color:#E9E9E9;
}

.live-goods-info li {
    float:left;
    width:49.9%;
    text-align:left;
    position:relative;
}

.live-goods-info .align-right {
    text-align:right;
}

.live-goods-info li .core {
    display:block;
    padding:0 6px;
    color:#777;
}

.live-goods-info li i {
    display:block;
    height:12px;
    width:1px;
    background-color:#D8D8D8;
    position:absolute;
    top:12px;
    right:0;
}

.live-taoker-text {
    padding:12px;
}

.live-visitor-box {
    height:24px;
    line-height:24px;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    opacity:0.9;
    z-index:1020;
    background-color:#EBEBEB;
    padding:6px 0 0;
    overflow:hidden;
    font-size:12px;
}

.live-visitor-box span {
    display:inline-block;
    border-radius:12px;
    background-color:#FFF;
    height:24px;
    position:relative;
}

.live-visitor-box span img {
    position:absolute;
    top:0;
}

.live-visitor-box .fl img {
    right:0;
}

.live-visitor-box .fr img {
    left:0;
}

.live-visitor-box .fl {
    margin:0 6px 0 6px;
    padding:0 30px 0 6px;
}

.live-visitor-box .fr {
    margin:0 6px 0 0;
    padding:0 6px 0 30px;
}

.live-visitor-box i {
    display:inline-block;
    float:left;
    margin:0 3px 0 0;
}

.live-visitor-box img {
    border-radius:18px;
}

/* =========================================== */

.live-new-count {
    height:36px;
    line-height:36px;
    background-color:#FFF;
    position:fixed;
    top:54px;
    right:-18px;
    width:84px;
    border-radius:18px;
    padding:0 18px 0 18px;
    text-align:center;
    border:1px solid #D9D9D9;
    font-size:12px;
    color:#00B86B;
}

.live-new-count .icon-up-9 {
    position:absolute;
    top:13.5px;
    left:13px;
}

/* ================================================== */
/* 下一页                                             */
/* ================================================== */

.next-page {
    height:42px;
    line-height:42px;
    text-align:center;
    margin:6px 3px 0;
    color:#F54D23;
    display:none;
    font-size:13px;
    border-radius:3px;
    border:1px solid #C8C8C8;
}

.next-page small {
    font-size:13px;
    color:#F54D23;
}

.next-load {
    text-align:center;
    color:#999;
    height:48px;
    line-height:48px;
    display:none;
    border:1px solid #D9D9D9;
    border-radius:3px;
    margin:3px 3px 0;
}

.next-load-2 {
    border:none;
}

.next-load img {
    position:relative;
    top:9px;
}

/* ================================================== */

.loginLogoCell {
    text-align:center;
    padding:30px 0 30px;
}

.loginLogoCell .logoImg {
    width:90px;
    border-radius:45px;
}

.loginErrBox {
    text-align:center;
    height:13px;
    line-height:13px;
    color:#DD2727;
    position:relative;
    top:-15px;
}

.login-link-box {
    line-height:24px;
    padding:12px 0 0;
}

.login-link-box .link {
    color:#EE0E57;
}

/* ================================================== */

.paperBox {
    text-align:center;
}

.paper-text-box {
    line-height:18px;
    font-size:12px;
    padding:6px 0;
}

.paper-select-form {
    padding:0 0 6px;
}

.paper-select-form label {
    display:inline-block;
    padding-left:3px;
}

/* ================================================== */

.app-down-body {
    background-color:#FFFF63;
    padding:30px 0 0;
    text-align:center;
}

.app-logo-box {
    line-height:48px;
    font-size:18px;
    color:#FB2733;
}

.app-down-box {
    margin:30px 0 0;
}

.app-down-box .btn {
    margin:18px 10%;
    padding:6px;
    border-radius:20px;
    font-size:14px;
    background-color:#0092F7;
}

.app-foot-box {
    position:fixed;
    bottom:0;
    text-align:center;
}

.app-foot-box .footImg {
    max-height:72px;
    width:80%;
}

.app-down-box .btn-anzhuo {
    background-color:#EE0E57;
}


/* ================================================== */

.weixinBox {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1100;
}

.weixinBox h1 {
    width:300px;
    height:300px;
    position:fixed;
    top:0px;
    right:12px;
}

/* ================================================== */

.circle-item-body {
    background-color:#FFF;
    padding:9px 9px 0px 54px;
    position:relative;
    min-height:36px;
    line-height:18px;
    font-size:13px;
}

.circle-item-body .imgBox {
    display:block;
    position:absolute;
    top:9px;
    left:9px;
}

.circle-item-body .imgBox img {
    border-radius:5px;
}

.circle-item-body p {
    padding:3px 0 3px;
    position:relative;
    font-size:14px;
    line-height:20px;
}

.circle-item-body .link {
    font-size:12px;
    color:#1369BF;
}

/* */

.circle-item-head {
    position:relative;
    padding:0 0 3px;
}

.circle-item-head .btn-border {
    border-color:#E5E5E5;
    color:#777;
    position:absolute;
    top:5px;
    right:3px;
    font-size:12px;
    padding:0 9px 0 9px;
    height:24px;
    line-height:24px;
    border-radius:13px;
}

.circle-item-head .buy {
    right:81px;
    padding-left:27px;
}

.circle-item-head .btn-border i {
    position:absolute;
    top:6px;
    left:9px;
}

.circle-item-head .on {
    display:none;
}


/* */

.circle-item-hot .link {
    color:#DD2727;
}

.circle-item-hot .on {
    display:inline-block;
}

/* */ 

.circle-item-img {
    position:relative;
}

.circle-item-img li {
    margin:3px 3px 0 0;
    float:left;
    overflow:hidden;
    height:75px;
    width:75px;
    text-align:center;
    padding:1px;
    position:relative;
}

.circle-item-img .overFlag {
    position:absolute;
    top:0;
    left:0;
    display:none;
}

.circle-item-img .over .overFlag {
    display:inline;
}

.circle-item-info {
    background-color:#F5F5F5;
    padding:3px 3px 3px 66px;
    position:relative;
    min-height:60px;
    font-size:12px;
    line-height:18px;
    margin:3px 3px 6px 0;
}

.circle-item-info .img-box {
    position:absolute;
    top:6px;
    left:6px;
}

.circle-item-info h2 {
    height:20px;
    line-height:20px;
    overflow:hidden;
    font-size:12px;
}

.circle-item-info h2 .icon {
    position:relative;
    top:3px;
}

.circle-item-info-inner {
    position:relative;
    padding-left:27px;
}

.circle-item-info-inner .quanFlag {
    position:absolute;
    top:3px;
    left:0px;
}

/* */

.circle-item-comment {
    padding:0 0 6px;
    font-size:12px;
}

.circle-item-comment ul {
    background-color:#F5F5F5;
}

.circle-item-comment .core {
    display:block;
    color:#555;
    padding:6px 6px;
    text-align:right;
    line-height:18px;
    color:#333;
}

.circle-item-comment .core span {
    display:block;
    text-align:left;
    padding:0 0 3px;
    color:#555;
}

.circle-item-comment .core em {
    display:inline-block;
    height:18px;
    line-height:18px;
    background-color:#C8C8C8;
    border-radius:9px;
    padding:0 9px;
    font-size:11px;
    color:#FFF;
}

.circle-item-comment .core b {
    font-weight:normal;
}

/* */

.circle-item-func {

}

.circle-item-func li {
    float:left;
    width:50%;
    line-height:18px;
}

.circle-item-func .w38 {
    width:38%;
}

.circle-item-func .func {
    display:block;
    line-height:18px;
    padding:13px 6px 13px 0;
    font-size:12px;
    color:#555;
    position:relative;
}

.circle-item-func a.func {
    padding-left:24px;
}

.circle-item-func a.func-wxq {
    padding-left:21px;
}

.circle-item-func .func i {
    position:absolute;
    top:14px;
    left:0;
}

/* */

.flow-list {
    background-color:#FFF;
    padding-left:36px;
    text-align:left;
}

.flow-list ul {
    line-height:21px;
    padding:24px 6px 6px 20px;
}

.flow-list li {
    border-left:2px solid #E5E5E5;
    padding:0 0 0 22px;
    position: relative;
}

.flow-list u {
    background-color:#E5E5E5;
    border-radius:10px;
    color:#666;
    display:block;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    height:18px;
    left:-11px;
    line-height:18px;
    padding:2px 0 0;
    position:absolute;
    text-align:center;
    top:0;
    width:20px;
}

.flow-list .finished {
    border-color:#DD2727;
}

.flow-list .finished u {
    background-color:#DD2727;
    color:#FFF;
}

.flow-list b {
    font-size:14px;
    font-weight:bold;
}

.flow-list small {
    font-size:13px;
    color:#777;
}

/* */

.class-item {
    text-align:center;
    background-color:#FFF;
    margin-top:18px;
    padding:0 0 12px;
    line-height:24px;
}

.class-item h2 {
    font-size:18px;
    line-height:24px;
    padding:6px 12px 15px;
    color:#DD2727;
    font-weight:bold;
}

.class-item-content {
    padding:0 1px;
}

.class-item-content h3 {
    color:#DD2727;
    background-color:#E5E5E5;
    margin:0 1px 1px;
    height:30px;
    line-height:30px;
    overflow:hidden;
}

.class-item-content li {
    float:left;
    width:50%;
}

.class-item-content h4 {
    margin:0 10% 1px;
}

/* */

.teamBar {
    background-color:#DD2727;
    color:#FFF;
    position:fixed;
    top:0;
    z-index:1020;
    opacity:0.9;
}

.teamBarUser {
    padding:12px 0 6px;
}

.teamBarUser li {
    float:left;
    width:25%;
    text-align:center;
    line-height:24px;
    overflow:hidden;
    height:48px;
}

.teamBarUser h2 {
    font-size:12px;
}

.teamBarUser p {
    font-size:14px;
    
}

.teamBarUser .miniUserImg {
    height:24px;
    width:24px;
    border-radius:12px;
}

.teamBarUser small {
    color:#FFF;
    font-size:13px;
}

/* */

.teamBarLevel {
    padding:30px 9px 6px;
}

.teamBarLevel ul {
    height:6px;
    background-color:#FFF;
    border-radius:3px;
    padding:0 3px;
}

.teamBarLevel li {
    float:left;
    width:12.5%;
    
    position:relative;
}

.teamBarLevel p {
    position:absolute;
    left:-8px;
    top:-24px;
    height:24px;
    line-height:24px;
}

.teamBarLevel h2 {
    height:2px;
    background-color:#E9E9E9;
    width:100%;
    margin-top:2px;
}

.teamBarLevel h3 {
    height:2px;
    background-color:#E9E9E9;
    width:100%;
    position:absolute;
    top:2px;
    left:0;
}

.teamBarLevel .on h3 {
    background-color:#F10180;
}

.teamBarLevel big {
    font-size:16px;
}

.teamBarLevel u {
    font-size:12px;
}

.teamBarLevel h4 {
    line-height:24px;
    text-align:center;
    padding:3px 0 0;
}

/* */

.teamBarMenu {
    text-align:center;
    border-top:1px solid #AA0707;
    height:48px;
    overflow:hidden;
}

.teamBarMenu li {
    display:inline-block;
    width:12.5%;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.teamBarMenu-8 li {
    float:left;
}

.teamBarMenu li i {
    display:block;
    height:48px;
    width:1px;
    background-color:#BD1067;
    position:absolute;
    top:0;
    right:-1px;
}

.teamBarMenu .core {
    display:block;
    padding:6px 0;
    line-height:18px;
}

.teamBarMenu .on .core {
    background-color:#AA0707;
}

.teamBarMenu span {
    display:block;
    color:#FFF;
}

.teamBarMenu small {
    color:#FFF;
}

/* */

.top-cat-box {
    height:39px;
    background-color:#FFF;
    overflow:hidden;
}

.top-cat-box li {
    float:left;
    width:12.5%;
}

.top-cat-box-2 li {
    width:50%;
}

.top-cat-box-3 li {
    width:33.3%;
}

.top-cat-box-4 li {
    width:25%;
}

.top-cat-box-5 li {
    width:20%;
}

.top-cat-box .core {
    display:block;
    height:38px;
    line-height:38px;
    border-bottom:1px solid #DDD;
    text-align:center;
}

.top-cat-box .on .core {
    color:#AA0707;
    border-bottom:1px solid #AA0707;
}

.top-cat-box small {
    color:#777;
    font-size:13px;
}

.top-cat-box .on small {
    color:#AA0707;
}

/* */

.imgEnlarger img {
    left:50%;
    line-height:22px;
    max-width:600px;
    overflow:hidden;
    position:fixed;
    top:50%;
    transform:translate(-50%, -50%);
    max-width:100%;
    z-index:2010;
    text-align:center;
    
}

.imgEnlarger p {
    bottom:12px;
    font-family:"微软雅黑";
    font-size:14px;
    left:50%;
    max-width:600px;
    opacity:0.5;
    position:fixed;
    text-align:center;
    transform:translate(-50%, -50%);
    width:100%;
    z-index:3020;
    text-align:center;
}

.imgEnlarger p a {
    display:inline-block;
    background-color:#000;
    border:1px solid #c8c8c8;
    border-radius: 6px;
    color:#c8c8c8;
    height:36px;
    line-height:36px;
    padding:0 18px;
    margin:0 3px;
}

.imgEnlarger .numBox span {
    display:inline-block;
    background-color:#000;
    color:#FFF;
    height:18px;
    line-height:18px;
    padding:0 6px;
    font-size:12px;
    border-radius:9px;
}

/* */

.loginNavi {
    margin:0 0 1px;
    background-color:#FFF;
}

.loginNavi li {
    float:left;
    width:50%;
}

.loginNavi-3 li {
    width:33.3%;
}

.loginNavi .core {
    display:block;
    height:48px;
    line-height:48px;
    text-align:center;
    border-bottom:1px solid #FFF;
    font-size:14px;
}

.loginNavi .on .core {
    background-color:#FFF;
    border-bottom:1px solid #DD2727;
    color:#DD2727;
}

/* 首页热销榜 */
.hot-sale {
  width: 100%;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  margin-top: 6px;
}

.hot-sale .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 9px 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 30px;
}

.hot-sale .head .title {
  font-weight: bold;
}

.hot-sale .head a {
  font-size: 12px;
  height: 30px;
  width: 110px;
  text-align: right;
}

.hot-sale .head a b {
  float: right;
  line-height: 30px;
}

.hot-sale .head a .circle-right {
  width: 12px;
  height: 12px;
  margin-left: 8px;
  margin-top: 9px;
  float: right;
}

.hot-sale .hot-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 6.5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.hot-sale .hot-items .hot-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 2.5px;
  overflow: hidden;
}

.hot-sale .hot-items .hot-item .image-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
}

.hot-sale .hot-items .hot-item .image-wrap .order {
  position: absolute;
  top: 0;
  left: 4.5px;
  width: 26px;
  height: 30px;
  background-position: 0px -53px;
  padding-top: 1px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  -webkit-background-size: 405px 140px;
     -moz-background-size: 405px 140px;
       -o-background-size: 405px 140px;
          background-size: 405px 140px;
  background-image: url("../img/pdd-home.png?t=20190227");
	background-repeat: no-repeat;
}

.hot-sale .hot-items .hot-item .image-wrap .order b {
  font-size: 9px;
  color: #f8e823;
}

.hot-sale .hot-items .hot-item .image-wrap .order span {
  font-size: 10px;
  line-height: 10px;
  color: #fff;
}

.hot-sale .hot-items .hot-item .image-wrap .goods {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

.hot-sale .hot-items .hot-item .title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.hot-sale .hot-items .hot-item .item-info {
  position: relative;
  height: 34px;
}

.hot-sale .hot-items .hot-item .item-info .old {
  text-decoration: line-through;
}

.hot-sale .hot-items .hot-item .item-info .quanFlag,
.hot-sale .hot-items .hot-item .item-info .grayFlag {
  right: 0;
  bottom: 0;
}

.hot-sale .hot-items .hot-item .item-info .quanFlag b {
  color: #f9f310;
  font-size: 12px;
}

.hot-sale .hot-items .hot-item .item-info .quanFlag.grayFlag b {
  color: #fff;
}

.hot-sale .hot-items .hot-item .btn {
  margin-top: 5px;
  border: 1px solid #DD2727;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.hot-sale .hot-items .hot-item .btn em {
  display: block;
  height: 16px;
  line-height: 16px;
  color: #FFF;
  float: left;
  width: 50%;
}

.hot-sale .hot-items .hot-item .btn em b {
  font-size: 11px;
}

.hot-sale .hot-items .hot-item .btn span {
  display: block;
  height: 16px;
  line-height: 16px;
  width: 50%;
  color: #DD2727;
  background-color: #FFF;
  float: left;
}

.hot-sale .hot-items .hot-item .btn span b {
  font-size: 11px;
}

/* toast */
.toast {
  display: none;
  position: fixed;
  height: 36px;
  color: #fff;
  background-color: rgba(102, 102, 102, 0.8);
  padding: 0 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -webkit-calc(50% - 18px);
  top: -moz-calc(50% - 18px);
  top: calc(50% - 18px);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  max-width: 92%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  word-break: break-all;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
       animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
       animation-fill-mode: both;
  z-index: 99999;
}

.toast.bottom {
  top: initial;
  bottom: 70px;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
       animation-name: fadeInUp;
}