@charset "utf-8";
/* CSS Document */
/*全局间隔.3rem*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img { width: 100%; }

.index_hd { background: #fff; position: relative; }
.index_hd .line { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: .3rem .3rem; }
.index_hd .line .logo { width: 2.25rem; height: .75rem; background-image: url(/images/logo/logo_w.png); display: inline-block; margin-right: .3rem; background-size: cover; background-position: center; }
.index_hd .line .topSearchIpt { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: left; -moz-justify-content: left; justify-content: left; height: .8rem; font-size: .34rem; background-color: #ededed; border-radius: .10667rem; padding-left: 0.5rem; }
.index_hd .line .topSearchIpt i { margin-right: 10px; color: #999 !important; }
.index_hd .line .topSearchIpt span { color: #999; }
.index_hd:after { content: ''; position: absolute; background-color: #f3f3f3; left: 0; width: 100%; height: 1px; -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; bottom: 0; }

.channel ul { padding: .1rem; }
.channel ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.channel ul li { position: relative; float: left; border-bottom: 3px solid #fff; border-right: 3px solid #fff; }
.channel ul li:nth-child(1) { width: 36%; height: 5rem; }
.channel ul li:nth-child(2), .channel ul li:nth-child(3), .channel ul li:nth-child(4), .channel ul li:nth-child(5) { width: 32%; height: 2.5rem; }
.channel ul li:nth-child(1), .channel ul li:nth-child(4), .channel ul li:nth-child(5) { border-bottom: 0; }
.channel ul li:nth-child(3), .channel ul li:nth-child(5) { border-right: 0; }
.channel ul li a { display: block; height: 100%; position: relative; background: #e3e3e3; }
.channel ul li a .cnt { position: absolute; left: 0; top: 0; padding: .26rem 0 0 .26rem; z-index: 4; }
.channel ul li a .cnt h4 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; font-size: .386rem; line-height: .4rem; margin-bottom: .1rem; }
.channel ul li a .cnt span { font-size: .3rem; line-height: .4rem; color: #717070; }
.channel ul li a .cnt span.price { font-size: .386rem; }
.channel ul li a .pic { position: absolute; bottom: 0; right: 0; width: 60%; z-index: 2; }
.channel ul li a .pic img { mix-blend-mode: multiply; }
.channel ul li:nth-child(1) a .pic { width: 100%; }

.index_brand ul { width: 100%; border-left: .1rem solid #fff; overflow: hidden; position: relative; background-size: cover; margin: 0 auto; }
.index_brand ul li { float: left; width: 50%; border-right: 0.1rem solid #fff; border-bottom: 0.1rem solid #fff; overflow: hidden; }
.index_brand ul li a { position: relative; background: rgba(0,0,0,0.7); display: block; }
.index_brand ul li a .cnt { display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center; }
.index_brand ul li a .cnt i { width: 1.5rem; height: 1rem; display: block; margin: 0 auto; }
.index_brand ul li a .cnt h4 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; font-size: .386rem; line-height: .4rem; margin-bottom: .1rem; }
.index_brand ul li a .cnt span { font-size: .3rem; line-height: .4rem; color: #fff; }
.index_brand ul li a .cnt span.price { font-size: .386rem; }


.baogao { display: flex; background: #fff; padding: .05rem; }
.baogao a { flex: 1; margin: .05rem; display: block; position: relative; }
.baogao a:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.baogao a .info { position: absolute; z-index: 2; left: .15rem; top: .15rem; color: #fff; font-size: .34rem; }


.findmore { text-align: center; margin-top: .3rem; }
.findmore a { background: #fff; border: 1px solid #000; color: #333; padding: .15rem .6rem; display: inline-block; background: url(/images/mod/6367564323774950265422016.png) #fff center .56rem no-repeat; background-size: 70%; }


.btm_item { display: flex; background: #fff; margin-top: .3rem; padding: .05rem; }
.btm_item a { flex: 1; padding: .05rem; display: block; }


/*底部导航条 st-------------------------------------*/
.fb-btnitem { position: fixed; bottom: 0; z-index: 6000; width: 100%; left: 0; right: 0; max-width: 640px; margin: 0 auto; }
.bottom-menu { width: 100%; min-height: 1.4rem; background-color: #fff; bottom: 0; border-top: 1px solid #e7e7e7; }
.bottom-menu nav { display: -webkit-box; width: 100%; }
.bottom-menu nav a { display: block; -webkit-box-flex: 1; width: 20%; min-height: 1.4rem; font-size: 12px; text-align: center; color: #666666; position: relative; }
.bottom-menu nav a i { display: block; font-size: 0.8rem; line-height: 0.8rem; padding-top: 0.15rem; }
.bottom-menu nav a em { position: absolute; right: 0.3rem; top: 0; display: block; padding: 2px 4px; font-size: 12px; background-color: #c40000; color: #fff; border-radius: 40px; line-height: 1; }
.bottom-menu nav a.on { color: #F8A120; }


.index_pop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; }
.index_pop > .mask { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.index_pop .close { position: fixed; right: .4rem; top: .8rem; z-index: 2; display: inline-block; vertical-align: middle; background-image: url(/images/icons/cart.png); background-repeat: no-repeat; background-size: 100% 100%; width: .85333rem; height: .85333rem; }
.index_pop .bd { -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; z-index: 1; width: 8.4rem; height: 8.82667rem; background-color: #fff; border-radius: .21333rem; padding: .4rem .32rem; }
.index_pop .bd .title { font-size: .53333rem; text-align: center; }
.index_pop .bd .title .titleContent { display: inline-block; position: relative; font-weight: 700; }
.index_pop .bd .title .titleContent:after, .index_pop .bd .title .titleContent:before { width: .53333rem; height: .05333rem; background-color: #333; position: absolute; top: .37333rem; content: ''; }
.index_pop .bd .title .titleContent:before { left: -.74667rem; }
.index_pop .bd .title .titleContent:after { left: 2.88rem; }
.index_pop .bd .subTitle { margin-top: .05333rem; font-size: .32rem; text-align: center; }
.index_pop .bd .actCouponBtn { height: 1.17333rem; background-color: #b4282d; color: #fff; font-size: .37333rem; margin-top: 0.3rem; border-radius: .05333rem; text-align: center; line-height: 1.17333rem; }
.index_pop .bd .linkBtn { height: 1.17333rem; border: 1px solid #f1f1f1; border-radius: .05333rem; text-align: center; line-height: 1.17333rem; font-size: .37333rem; margin-top: .32rem; display: block; color: #333; }
.item { margin-top: .66667rem; background-color: #fff; border-radius: .05333rem; height: 3.09333rem; width: 100%; padding: .2rem .7rem; }

.flexbox { display: -webkit-box; display: box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex1, .flexitem { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; flex: 1; }
img { display: block; width: 100%; }
.swipe_nav span { background: rgba(0,0,0,0.3) }


.bcf { padding: 0; background: #fff; box-sizing: border-box; }
.bcf ul { padding-top: 0px; margin-bottom: 10px; display: -webkit-box; }
.bcf li { border-right: 1px #f5f5f5 solid; padding: 20px 0; -webkit-box-flex: 1; }
.bcf li a { width: 1.5rem; font-size: 12px; color: #666; background-position: center 0; text-align: center; background-repeat: no-repeat; background-size: 80%; margin: 0 auto; display: block; }
.bcf li a i { display: block; font-size: 1rem; }

.shopmenu ul { display: -webkit-box; padding: 15px 5px 0 }
.shopmenu li { -webkit-box-flex: 1; }
.shopmenu li a { width: 80%; padding: 5px; display: block; color: #333; background-position: center 0; text-align: center; background-repeat: no-repeat; margin: 0 auto; background: #fff; border-radius: 10%; border: 1px solid #e0e0e0; font-size: 0.35rem; }
.shopmenu li a i { display: block; font-size: 0.8rem; }
.shopmenu li a b { font-weight: normal; }
.shopmenu li.on a { background: #C60A0A; color: #fff; }

.shopmenu_more ul { margin: 15px 0; }
.shopmenu_more ul li { margin: 0 8px; padding: 5px; background: #fff; border-radius: 0.1rem; position: relative; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); margin-bottom: 10px; }
.shopmenu_more ul li:after { content: '\0020'; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.shopmenu_more ul li span { display: block; text-align: center; width: 25%; box-sizing: border-box; float: left; padding: 0.1rem 0.1rem; }
.shopmenu_more ul li span a { display: block; padding: 0.2rem 0; margin: 0 auto; text-align: center; box-sizing: border-box; border: 1px solid #e0e0e0; font-size: 0.35rem; border-radius: 0.1rem; }
.shopmenu_more ul li:before { content: ""; position: absolute; top: -6px; display: inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid #fff; }
.shopmenu_more .shopmenu_zy { display: none; }
.shopmenu_more .shopmenu_zy:before { left: 8%; }
.shopmenu_more .shopmenu_cj { display: none; }
.shopmenu_more .shopmenu_cj:before { left: 28%; }
.shopmenu_more .shopmenu_zs { display: none; }
.shopmenu_more .shopmenu_zs:before { left: 47.5%; }
.shopmenu_more .shopmenu_cs { display: none; }
.shopmenu_more .shopmenu_cs:before { left: 68%; }
.shopmenu_more .shopmenu_cl { display: none; }
.shopmenu_more .shopmenu_cl:before { left: 89%; }

.floor_img .h_box { display: -webkit-box; display: box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; }
.floor_img .h_box > li { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 1%; -webkit-flex-basis: 100%; flex-basis: 100%; }
.floor_img .h_box > li, .floor_img .h_box > li > a { overflow: hidden; box-sizing: border-box; }
.floor_img .h_box > li:not(:only-child):not(:last-child) { border-right: 1px solid #f2f2f2; }
.floor_img .h_box > li dl { background: #efefef; font-size: 0.3rem; padding: 0.1rem; display: -webkit-box }
.floor_img .h_box > li dl dt { display: inline-block; color: #ff6600; }
.floor_img .h_box > li dl dd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; height: 0.4rem }
.floor_img .h_box > li dl dd ul { overflow: hidden; color: #666666; }
.floor_img .h_box > li dl dd ul li { overflow: hidden; height: 0.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.floor_img .h_box > li dl dd ul li a { display: block; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*标题---------------------------------------*/
.module_top { position: relative; text-align: center; background: #fff; padding: 10px 0 15px; margin-bottom: 1px; }
.module_top.no_padding { padding: 0px !important; margin: 0px !important; background: inherit; }
.module_top .title { text-align: center; font-size: 0.386rem; display: inline-block; position: relative; padding: .3rem 0 0; width: 100%; box-sizing: border-box; background: #fff; }
.module_top .title .line { display: inline-block; width: 1rem; padding: 0 .2rem; border-top: 1px solid; border-color: inherit; height: 1px; vertical-align: middle; }
.module_top .title h3 { z-index: 2; display: inline-block; padding: 0 .2rem; position: relative; background-color: #fff; font-size: 0.5rem; font-weight: 700; }
.module_top .title h3 i { font-size: 0.8rem; margin-right: 5px; display: inline-block; vertical-align: middle; margin-top: -3px; color: #ff6600; }
.module_top p { font-size: 0.3rem; color: #999999; }


/*商城首页------------*/

/*穿插滚动新闻--------------------------------*/
.newline { background: #fff; padding: 5px 0; overflow: hidden; }
.newline .caption { padding: 0 .2rem; position: relative; }
.newline .caption .title { min-width: 1.2rem; line-height: 0.6rem; background: #fff; color: #C60A0A; font-weight: bold; text-align: center; }
.newline .caption:after { content: ''; display: inline-block; height: 0.6rem; border-left: 1px solid #e6e6e6; position: absolute; right: 0; top: 0rem; }
.newline .caption .title, .newline .content li, .newline .headlineScroll { height: 0.6rem; overflow: hidden; }
.newline .content { padding: 0 0.5rem 0 .3rem; font-size: 0.36232rem; overflow: hidden; }
.newline .content li { line-height: 0.6rem; color: #333; }
.newline .content .tag { border: 1px solid #C60A0A; color: #C60A0A; border-radius: 2px; font-size: 0.36232rem; text-align: center; padding: .05rem .1rem; height: 0.5rem; margin-right: .2rem; margin-top: 0.05rem; white-space: normal; box-sizing: border-box; white-space: nowrap; }
/*穿插滚动新闻 end--------------------------------*/




/*搜索页 sec_content---*/
.DivSeach { width: 100%; z-index: 9999999999; position: fixed; background-color: #fff; display: block; -webkit-transition: all .3s linear 0s; transition: all .3s linear 0s; }
.sec_content { -webkit-transform: translateX(100%); overflow: hidden; }
.show_search { -webkit-transform: translateX(0); visibility: visible; }









/*每周特价----------------------------------------*/
.week_sall { background: #fff; background-size: contain; margin: 15px auto; }
.week_sall_title img { width: 100%; }
.week_sall_bd { padding: 10px; }
.week_sall_bd span { padding: 10px; box-sizing: border-box; float: left; width: 50%; }
.week_sall_bd span:first-child { text-align: right; }
.week_sall_bd span:last-child { text-align: left; }
.week_sall_bd a { display: inline-block; width: 80%; text-align: center; font-size: 0.386rem; border-radius: 5px; height: 0.8rem; line-height: 0.8rem; box-shadow: 0px 2px 3px rgba(0,0,0,0.3); color: #fff; font-weight: bold; }
.ws_btn_tet { height: 0.8rem; line-height: 0.4rem; }
.ws_btn_qxk a { background: -webkit-linear-gradient(top, #cc0000 0%, #8f0000 100%); }
.ws_btn_gz a { background: -webkit-linear-gradient(top, #ffd053 0%, #ff8b01 100%); }
.week_sall_bd:after { content: ""; display: block; clear: both; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.week_sall_countdown { background: #980b00; }
.ws_counter { text-align: center; font-size: 0.386rem; color: #fff; padding: 10px 0; }
.ws_counter span { display: inline; width: .3rem; height: .5rem; border-radius: 3px; font-size: .4rem; line-height: .52rem; color: rgba(255,255,255,.8); background: #0a1926; text-align: center; padding: 0 4px; }
.ws_counter span.msec { background-color: #e61414; color: #fff; }
.ws_counter span.seckill-time-left { border-radius: 3px 0 0 3px; padding: 0 0 0 4px; }
.ws_counter span.seckill-time-right { border-radius: 0 3px 3px 0; padding: 0 4px 0 0; }

.week_sall_list { }
.week_sall_list ul { border: 4px solid #e22014; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; }
.week_sall_list li { float: left; background-color: #e22014; /* background: -webkit-linear-gradient(top, #cc0000 0%, #8f0000 100%); */ width: 50%; box-sizing: border-box; padding: 0px 1px 5px; position: relative; }
.week_sall_list li:nth-child(2n+1) { /* border-right:1px solid #f5f5f5; */ /* border-bottom:1px solid #f5f5f5; */ }
.week_sall_list li:nth-child(2n) { /* border-left:1px solid #f5f5f5; */ /* border-bottom:1px solid #f5f5f5; */ }
.week_sall_list li .wsl_txt { border-bottom: 1px solid #f5f5f5; display: block; margin-bottom: 5px; background-color: #fff; padding: 5px; }
.week_sall_list li .shouqing { position: absolute; width: 100%; height: 100%; display: block; background: url('/Themes/Mobile/images/red_product_shouqing.png') center center rgba(0,0,0,0.3) no-repeat; z-index: 998; left: 0; top: 0; }
.week_sall_list li .wsl_txt img { width: 100%; }
.week_sall_list li .wsl_txt h1 { font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 10px; height: 35px; }
.week_sall_list li .wsl_txt p { font-size: 12px; padding: 5px 0; color: #666; height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.week_sall_list li .wsl_bd { color: #999; font-size: 14px; display: -webkit-box; padding: 5px; height: 0.6rem; line-height: 0.6rem; }
.week_sall_list li .wsl_bd del { display: block; -webkit-box-flex: 1; color: #fff; }
.week_sall_list li .wsl_bd var { display: block; -webkit-box-flex: 1; text-align: right; color: #fff; }
.week_sall_list li .wsl_bd b { color: #ff0; -webkit-box-flex: 1; font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.week_sall_list li .wsl_bd b em { font-size: 14px; font-weight: normal; }
.week_sall_list li .wsl_bd span { -webkit-box-flex: 1; border: 1px solid #ededed; text-align: center; border-radius: 5px; color: #999; padding: 3px 10px; -webkit-box-orient: vertical; -webkit-box-pack: center; background-color: #ededed; }
.week_sall_list li .wsl_bd span.on { border: 1px solid #cc0000; background: -webkit-linear-gradient(top, #cc0000 0%, #8f0000 100%); color: #cc0000; background: #ff0; }
.ws_close { padding: 5px 10px; display: block; text-align: center; color: #999; }

/*弹窗 st*/
.msgbox_masker { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); display: -webkit-box; display: box; display: -webkit-flex; display: flex; -webkit-box-pack: center; box-pack: center; box-align: center; box-align: center; -webkit-box-align: center; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.msgbox_masker .msgbox { z-index: 9999; max-width: 640px; width: 80%; background: #fff; border: 1px solid #ccc; border-radius: .1rem; }
.msgbox_masker.pop_in .msgbox { -webkit-animation: pop_in .5s }
.msgbox_masker.pop_out .msgbox { -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 }
}

.msgbox_masker .msgbox .title { position: relative; height: 1rem; text-align: center; font-size: 16px; line-height: 1rem; border-bottom: 1px #f5f5f5 solid; font-weight: bold; }
.msgbox_masker .msgbox .content { padding: 0.5rem; padding-top: 0.3rem; font-size: 14px; line-height: 1.5; }
.msgbox_masker .msgbox .btn_bar { display: -webkit-box; display: box; display: -webkit-flex; display: flex; border-top: 1px solid #f5f5f5; padding: 5px; }
.msgbox_masker .msgbox .btn_bar a { display: block; padding: 0 1rem; font-size: 0.4rem; text-align: center; white-space: nowrap; vertical-align: middle; box-sizing: border-box; height: 1rem; line-height: 1rem; background-color: #fff; color: #333; flex: 1; -webkit-flex: 1; box-flex: 1; -webkit-box-flex: 1; margin: 5px; }
.msgbox_masker .msgbox .btn_bar .cancel { background: #fff; color: #fff; background: -webkit-linear-gradient(top, #ffd053 0%, #ff8b01 100%); }
.msgbox_masker .msgbox .btn_bar .confirm { background: #ef3030; color: #fff; background: -webkit-linear-gradient(top, #cc0000 0%, #8f0000 100%); }
/*弹窗 end*/
/*每周特价 end-----------------------------------------------------------------*/





#order_list ul li a .num { top: -10px; margin-left: 10px; }


.my_cs { display: block; box-sizing: border-box; padding: 10px; display: box; display: -webkit-box; display: flex; display: -webkit-flex; }
.my_cs .my_cspcic { text-align: center; overflow: hidden; width: 70px; height: 70px; }
.my_cs .my_cspcic img { width: 68px; height: 68px; border: 1px solid #ededed; border-radius: 50%; display: block; }
.my_cs .my_csdetile { display: block; -webkit-box-flex: 1; }
.my_cs .my_csdetile p { padding: 0 0 0 10px; }
.my_cs .my_csdetile p em { padding: 10px; height: 20px; background: #ee2c2c; font-size: 12px; padding: 0 5px; border-radius: 10px; color: #fff; margin-left: 10px; }
.my_cs .my_csdetile p.js { color: #000; padding-top: 10px; }
.wx_phone ul { display: -webkit-box; border-top: 1px solid #ededed; }
.wx_phone ul li { -webkit-box-flex: 1; display: block; text-align: center; padding: 0.2rem 0; box-sizing: border-box; border-right: 1px solid #f5f5f5; width: 25%; }
.wx_phone ul li:nth-child(1) i { background: #3CAF36; }
.wx_phone ul li:nth-child(2) i { background: #51a0e3; }
.wx_phone ul li:nth-child(3) i { background: #ff3d5d; }
.wx_phone ul li:nth-child(4) i { background: #b1c937; }
.wx_phone ul li:last-child { border-right: 0px solid #ededed; }
.wx_phone ul li i { color: #fff; margin-right: 0.1rem; font-size: 25px; display: block; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 50%; margin: 0 auto; background: #ff3d5d; }
.wx_phone ul li a { display: block; border-radius: 18px; padding: 0.10rem 0.3rem; }
.wx_phone ul li span { text-align: center; width: 100%; margin: 8px auto 0; display: inline-block; }


.app_list, .app_item { background: #fff; box-shadow: 0px 0px 1px rgba(0,0,0,0.1); margin-bottom: 10px; }
.list_lable { border-bottom: 1px solid #ededed; padding: 10px 10px; background: #fff; }
.app_list ul { border-bottom: 1px solid #ededed; margin-bottom: -1px; }
.app_list ul:after { content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.app_list ul li { float: left; box-sizing: border-box; width: 25%; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; border-right: 1px solid #ededed; }
.app_list ul li:nth-child(4) { border-right: 0px solid #ededed; }
.app_list ul li a { padding: 15px 0; display: block; position: relative; text-align: center; }
.app_list ul li a i { font-size: 25px; text-align: center; width: 50%; height: 50%; padding: 8px; background: #000; border-radius: 50%; color: #fff; text-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
.app_list ul li a span { display: inline-table; text-align: center; width: 100%; margin: 10px auto 0; }
.app_list ul li a .num { display: block; position: absolute; top: -5px; left: 50%; margin-left: 20px; background: #C60A0A; color: #fff; width: 18px; height: 18px; border-radius: 18px; text-align: center; line-height: 18px; }

/*再次购买*/
.item_list_container { background: #f5f5f5; padding-bottom: 10px; }
.item_list li .item { background: #fff; color: #333; position: relative; display: block; border-bottom: solid 1px #f5f5f5; }
.item_list li .a img, .item_list li .item img { padding: 5px; width: 80px; height: 80px; }
.item_list .item_info { margin-left: 85px; padding: 5px 12px; background: #fff; }
.item_info .item_name { height: 44px; overflow: hidden; font-size: 16px }
.item_info .item_sku { color: #adadad; }
.item_info .item_count, .item_info .item_price { padding: 0; display: inline-block; }
.item_info .item_price { color: #C60A0A; }
.operation { background: #fff; padding: 5px 12px; }
.operation a { display: block; float: right; border: 1px solid #ddd; border-radius: 2px; line-height: 18px; padding: 5px 12px; margin-left: 10px; }
.operation a.wl { background: #34495e; color: #fff; border-color: #34495e; }




/*个人资料****************************/
.info_list { background: #fff; }
.info_item { padding-left: 0.435rem; margin-bottom: 0.35rem; }
.info_item li { overflow: hidden; box-sizing: border-box; position: relative; padding-right: 0.87rem; color: #333; height: 1.3rem; line-height: 1.3rem; border-bottom: 1px solid #e6e6e6; font-size: 0.435rem; text-align: left; }
.info_item li:last-child { border-bottom: none; }
.info_item li a img { width: 1rem; height: 1rem; display: box; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; }
.info_item li span { float: right; font-size: 0.386rem; color: #999; height: 1.3rem; line-height: 1.3rem; display: box; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; }
.info_item li.nav:after { content: ""; position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-top: 2px solid #ebeaec; border-right: 2px solid #ebeaec; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.editor-name { margin-top: 0.35rem; }
.editor-name input { padding-left: 0.435rem; background: #fff; height: 1.3rem; line-height: 1.3rem; font-size: 0.435rem; box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1; display: block; width: 100%; height: 100%; color: #333; border: 0; }
.editor-name .tip { margin: 15px 20px 40px; color: #999; display: block; }
.btn_ok { margin: 0 auto; display: block; width: 90%; height: 1.1rem; border-radius: .1rem; color: #fff; font-size: 0.4rem; background-color: #C60A0A; margin-bottom: 2rem; border: 0; }



/*截取头像弹窗*/
.userhead_pop { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); margin: 0 auto; z-index: 99999; display: none; }
.userhead_pop .userhead_pop_bd { position: absolute; top: 50%; width: 100%; margin-top: -220px; }

.userhead_pop .userhead_meng_pop { position: relative; width: 90%; max-width: 640px; border-radius: 5px; overflow: hidden; margin: 0 auto; background: #fff; box-sizing: border-box; }

.userhead_pop .userhead_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: 999; }

.userhead_pop .userhead_meng_pop .action { background: #ededed; border-radius: 0 0 5px 5px; padding: 10px 10px 10px; display: -webkit-box; }

.userhead_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; }

.userhead_pop .rbtn { text-align: center; -webkit-box-flex: 1; background: #C60A0A; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #8F3631; padding: 0.3rem 0; }