@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式			*/
/* Author:			Hanbing 		*/
/* Copyright:		www.UpetMart.com	*/
/* Create Date:		Jun-08-2015		*/
/* Retrofit Date:	Aug-04-2015		*/
/* ================================ */


/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}


html { -ms-touch-action: none;}
body { font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; background-color: #f5f5f5; }
input { font-family: Arial, "Microsoft YaHei", sans-serif; }
a { text-decoration: none;  -webkit-touch-callout: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, iframe { border: 0 }
:focus { outline: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul { list-style: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
img { vertical-align: top; border: none; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border: 1px solid; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked {border-color: #ff3601;background-color: #ff3601;}
input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
.hide { display: none !important;}
.show { display: block !important;}

/*WeChat英文数字字体载入*/
@font-face{font-family: "RPpetb";src: url('cssfont/wechatsansstd-bold.ttf');}
@font-face{font-family: "RPpet";src: url('cssfont/wechatsansstd-medium.ttf');}
@font-face{font-family: "RPpetl";src: url('cssfont/wechatsansstd-light.ttf');}
@font-face{font-family: "Impact";src: url('cssfont/impact.ttf');}


/*clear float*/
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }
:not(input) { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
.posr { position: relative !important; }
.posa { position: absolute; z-index: auto; }
.posf { position: fixed;}
.w20h li { width: 20%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt5 { margin-top: 0.5rem !important;}
.mt10 { margin-top: 1rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt40 { margin-top: 4rem !important;}
.mr2 { margin-right: 0.2rem;}
.mb5 { margin-bottom: 0.5rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb-20 { margin-bottom: -2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.pl5 { padding-left: 0.5rem;}
.pb5 { padding-bottom: 0.5rem;}
.bgc-t { background-color: transparent !important;}
/* 版权：天津市网城天创科技有限责任公司	*/
.opera-tips { color: #D9434E; font-size: 14px; }
.error-tips { display: none; background-color: rgba(255,255,255,0.95); border: solid 0.05rem #CCC; padding: 0.8rem 0.6rem; text-align: center; border-radius: 0.2rem; position: fixed; z-index: 9999; top: 40%; left: 25%; right: 25%; color: #333; font-size: 0.7rem; line-height: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.15);}
.error-tips p { font-size: 0.7rem; line-height: 1rem; color: #333; }

/*操作提示弹出层*/
.s-dialog-mask { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}
.s-dialog-wrapper { position: fixed; z-index: 9999; max-width: 10rem; min-width: 10rem; margin-top: -2rem; border-radius: 0.2rem;}
.s-dialog-skin-green { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-block { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-red { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-content { padding: 0.8rem 0.6rem; text-align: center; font-size: 0.75rem; line-height: 0.9rem;}
.s-dialog-skin-green .s-dialog-content { color: #000;}
.s-dialog-skin-red .s-dialog-content { color: #000;}
.s-dialog-skin-block .s-dialog-content { color: #000;}
.s-dialog-content h6 { display: block; font-size: 0.55rem; line-height: 0.9rem; color: #333;}
.s-dialog-btn-wapper { display: block; padding: 0.6rem 0; border-top: solid 0.05rem rgba(0,0,0,0.15); font-size: 0; }
.s-dialog-btn-wapper a { display: inline-block; width: 49%; font-size: 0.7rem; font-weight: 600; line-height: 0.9rem; color: #0080FF; text-align: center;}
.s-dialog-btn-wapper a:last-child { border-left: solid 0.05rem rgba(0,0,0,0.15);}
.s-dialog-skin-block .s-dialog-btn-wapper a { color: #0080FF;}

#scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
#scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#scroller li { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fafafa; font-size: 14px; }

/*页面固定宽度*/
.fixed-Width { min-width: 320px; max-width: 640px; margin: 0 auto;}

/*默认顶部*/
header, 
.header { background: #F8F8F8; height: 1.95rem; position: absolute; z-index: 8; top: 0; left: 0; right: 0; bottom: auto; border-bottom: solid 0.05rem #EEE; }
header.fixed {position: fixed;background: #fff;z-index: 9;height: 1.95rem;/*overflow: hidden;*/box-sizing: border-box;border-bottom: none;}
header.fixed:before{content: ""; position:absolute; bottom: 0; display: block; width: 100vw; height: 1px; background: #eee; line-height: 0;}
.header-wrap { display: block; max-width: 320px; max-width: 640px; margin: 0 auto; text-align: center; transform: translateY(0); }
.header-notice{display:block; position: relative; font-size:13px; background:#fffad3; height:28px; line-height:28px; padding:0 10px}
.header-notice .closenotice{display:block;position:absolute; right: 6px; top: 3px; width:22px; height:22px; border-radius:20px; background: url(../images/v3.0/notice_close.png) center center no-repeat / 16px auto; } 
.header-notice span{width: calc(100% - 45px);color: #ff1111; margin-left:5px;  padding-left: 22px; height: 28px;  background: url(../images/v3.0/notice_icon.png) left center no-repeat / 16px auto; display: block; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.header-l { display: block; width: 1.95rem; height: 1.95rem; position: absolute; top: 0; left: 0; }
.header-l a { position: relative; z-index: 1; display: inline-block; width: 1rem; height: 1rem; padding: 0.4775rem; }
.header-l a i { display: block; width: 100%; height: 100%; }
.header-l a i.back { width: 80%; height: 80%; margin: 10%; background-image: url(../images/arrow_left_b.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%; opacity: 0.75; }
.header-l a i.close { width: 80%; height: 80%; margin: 10%; background-image: url(../images/close_window.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%; opacity: 0.75; }
.header-l a i.set { background-image: url(../images/set_b.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%; opacity: 0.65; }
.header-l a i.home { width: 80%; height: 80%; margin: 10%; background-image: url(../images/home_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; opacity: 0.7; }

/*单一标题*/
.header-title { display: inline-block; margin: 0 auto; }
.header-title h1 {font-size: 18px;line-height: 1.95rem;height: 1.95rem;color: #262626;}
/*模拟输入框*/
.header-inp { position: relative; display: block; height: 1.4rem; border: solid 0.05rem #DEDEDE; border-radius: 0.2rem; margin: 0.275rem 2.5rem 0 2rem; background-color: #FFF; text-align: left; }
.header-inp .icon { float: left; vertical-align: top; width: 1rem; height:1rem; margin: 0.2rem 0.1rem; background-image: url(../images/search_ico.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.3; }
.header-inp .search-input { float: left; width: 7.5rem; height: 1rem; padding: 0.2rem 0; font-size: 0.7rem; line-height: 1rem; color: #BBB; vertical-align: top; border: none 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-inp .input-del { position: absolute; z-index: 1; top: 0; right: 0; display: none; width: 1.38rem; height: 1.38rem; background-image: url(../images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.2;}
.header-inp.write .search-input { color: #111;}
.header-inp.write .input-del { display: block;}
/* 版权：www.UpetMart.com	*/
/*标题切换*/
.header-tab { display: inline-block; height: 1.4rem; margin: 0.275rem auto 0 auto; font-size: 0; border-radius: 0.2rem; }
.header-tab a { display: inline-block; height: 1.3rem; padding: 0 1rem; text-align: center; font-size: 0.68rem; color: #333; line-height: 1.3rem; border: solid 0.05rem #ED5564; }
.header-tab a:first-child { border-radius: 0.25rem 0 0 0.25rem; }
.header-tab a:last-child { border-radius: 0 0.25rem 0.25rem 0; }
.header-tab a.cur { color: #FFF; background-color: #ED5564; }

/*标题导航*/
.header-nav { display: inline-block; margin: 0 auto; vertical-align: top; font-size: 0; white-space: nowrap; }
.header-nav li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; }
.header-nav li a { display: inline-block; padding: 0.1rem 0.25rem; margin: 0 0.5rem; font-size: 0.7rem; line-height: 1.825rem; color: #333; }
.header-nav li.cur a { padding: 0.1rem 0.05rem 0 0.05rem; color: #ED5564; border-bottom: solid 0.1rem #ED5564; font-size: 0.8rem; font-weight: 600; }
.header-r { position: absolute; z-index: 1; top: 0; right: 0; font-size: 0; text-align: right; }
.header-r a.text { position: relative; z-index: 1; display: inline-block; white-space: nowrap; width: 1.6rem; height: 0.95rem; padding: 0.6rem 0.7rem 0.4rem 0; font-size: 0.7rem; line-height: 0.975rem; color: #ED5564;}
.header-r a { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 0.95rem; height: 0.95rem; padding: 0.5rem 0.5rem; }
.header-r a i { display: block; width: 100%; height: 100%; }
.header-r a sup { display: none; position: absolute; z-index: 1; top: 0.3rem; right: 0.3rem; width: 0.36rem; height: 0.36rem; background-color: #ED5564; border-radius: 100%; }
.header-r a i.more { background-image: url(../images/more_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; opacity: 0.65; }
.header-r a i.refresh { background-image: url(../images/reload_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 85%; opacity: 0.60;}
.header-r a i.add { background-image: url(../images/value_add.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 80%; opacity: 0.65; }
.header-r a i.save { background-image: url(../images/save_b.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 80%; opacity: 0.65; }
.header-r a.search-btn { width: 2.5rem; height: 1.95rem; text-align: center; padding: 0; font-size: 0.7rem; line-height: 1.95rem; color: #333; }
.header-r a.msg-log { width: 2.45rem; height: 1.95rem;  padding: 0;}
.header-r a.msg-log i { background-image: url(../images/msg_log_b.png); background-repeat: no-repeat; background-position:50% 50%; background-size:70%; opacity: 0.7;}

/* 版权：天津市网城天创科技有限责任公司	*/
/*头部下拉菜单*/
.nctouch-nav-layout { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }
.nctouch-nav-menu { display: block; position: absolute; top: 1.2rem; right: 0.2rem; width: 5rem; }
.nctouch-nav-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 0.4rem; font-size: 0; line-height: 0; border-width: 0.4rem; border-color: transparent transparent rgba(85,85,85,0.95) transparent; border-style: dashed dashed solid dashed; }
.nctouch-nav-menu ul { display: block; clear: both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');
background: rgba(85,85,85,0.95); border-radius: 0.2rem; }
.nctouch-nav-menu li { position: relative; z-index: 1; border-bottom: solid 0.05rem #999; }
.nctouch-nav-menu li:last-child { border-bottom: none 0; }
.nctouch-nav-menu li a { display: block; height: 0.9rem; padding: 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF; }
.nctouch-nav-menu li a i { display: inline-block; width: 0.72rem; height: 0.72rem; vertical-align: middle; margin-right: 0.3rem; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; }
.nctouch-nav-menu li a i.message { background-image: url(../images/message_w.png); }
.nctouch-nav-menu li a i.cart { background-image: url(../images/cart_w.png);}
.nctouch-nav-menu li a i.home { background-image: url(../images/home_w.png);}
.nctouch-nav-menu li a i.search { background-image: url(../images/search_w.png);}
.nctouch-nav-menu li a i.categroy { background-image: url(../images/categroy_w.png);}
.nctouch-nav-menu li a i.member { background-image: url(../images/member_w.png);}
.nctouch-nav-menu li a i.order_list { background-image: url(../images/order_w.png); }
.nctouch-nav-menu li a i.favorites { background-image: url(../images/favorite_w.png); }
.nctouch-nav-menu li a i.address_list { background-image: url(../images/address_w.png); }

.nctouch-nav-menu li sup { display: none; position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; width: 0.36rem; height: 0.36rem; background-color: #ED5564; border-radius: 100%; }
/*头部透明*/
.transparent { background-color: transparent; border-bottom: none; }
.transparent .header-l a i.set { background-image: url(../images/set_w.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 1; }
.transparent .header-title, .transparent .header-nav { display: none; }
.transparent .header-r a i.more { background-image: url(../images/more_w.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 1; }
.transparent .header-r a sup { top: -0.05rem; right:  -0.05rem; width: 0.35rem; height: 0.35rem; background-color: #ED5564; border: solid 0.05rem #FFF; border-radius: 100%; }
.transparent .nctouch-nav-menu .arrow { opacity: 0.55; }
.transparent .nctouch-nav-menu ul { background: rgba(85,85,85,0.55); }
.transparent .nctouch-nav-menu ul li { border-bottom-color: #CCC; }
header.posf { animation: headerFixed 0.5s ease-in-out; -webkit-animation: headerFixed 0.5s ease-in-out; }
@keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}
@-webkit-keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}
/*默认底部*/
footer { display: block; position: relative; z-index: 1; bottom: 0; left: 0; right: 0; top: auto; width: 100%; margin-top: 0.5rem; }
.nctouch-footer-wrap { background-color: #FFF; border-top: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-text { padding: 0.6rem 0; font-size: 0; text-align: center; border-bottom: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-text a { display: inline-block !important; width: 24%; height: 0.6rem; font-size: 0.6rem; line-height: 0.6rem; color: #555 !important; border-left: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-text a:first-child { border-left: 0; }
.nctouch-footer-wrap .nav-pic { padding: 0.3rem 2rem; font-size: 0; text-align: center; border-bottom: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-pic a { display: inline-block !important; width: 33.33%; font-size: 0.45rem; color: #999 !important; text-align: center; }
.nctouch-footer-wrap .nav-pic a.touch { color: #333 !important; }
.nctouch-footer-wrap .nav-pic a span { display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0 auto; padding: 0.15rem; border: solid #CCC 1px; border-radius: 100%; }
.nctouch-footer-wrap .nav-pic a.touch span { border-color: #555; }
.nctouch-footer-wrap .nav-pic a i { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; opacity: 0.4;}
.nctouch-footer-wrap .nav-pic a.app i { background-image: url(../images/foot_app.png);}
.nctouch-footer-wrap .nav-pic a.touch i { background-image: url(../images/foot_touch.png); opacity: 0.8;}
.nctouch-footer-wrap .nav-pic a.pc i { background-image: url(../images/foot_pc.png);}
.nctouch-footer-wrap .copyright { height: 1.6rem; font-size: 0.45rem; line-height: 1.6rem; color: #555; text-align: center; text-shadow: 1px 1px 0 rgba(255,255,255,1) }
.nctouch-footer-wrap .copyright a { display: inline-block!important; margin: 0 0.05rem; font-size: 0.45rem; font-weight: 600; color: #555; }

/* 版权：UpetMart	*/
/*底部固定下方*/
footer.bottom { position: fixed; z-index: -1; bottom: 0;}
footer.bottom .nav-text, 
footer.bottom .nav-pic { display: none; }
footer.bottom .nctouch-footer-wrap { background-color: transparent; border: none; }

/*默认内容区域*/
.nctouch-main-layout { display: block; margin-top: 1.95rem; background-color: #F5F5F5; }
.nctouch-main-layout-a { display: block; position: absolute; top: 4rem; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: 1;}

/*特别提示*/
.special-tips { display: block; padding: 0.4rem 5%;}
.special-tips p { font-size: 0.55rem; line-height: 0.7rem; padding: 0.2rem 0.4rem; background: #AAA; color: #FFF; border-radius: 0.5rem;}

/*单行导航*/
.nctouch-single-nav { display: block; width: 98%; height: 1.95rem; padding: 0 1%; background: #FFF; border-bottom: solid 0.05rem #EEE; }
.nctouch-single-nav ul { display: block; font-size: 0; white-space: nowrap; overflow: visible !important;}
.nctouch-single-nav ul li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; padding: 0!important;}
.nctouch-single-nav .area li { width: 33.33%;}
.nctouch-single-nav ul li a { display: inline-block; padding: 0.1rem 0.05rem; font-size: 0.6rem; line-height: 1.85rem; color: #333; }
.nctouch-single-nav ul li a i { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; margin-right: 0.1rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 70%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 1;}
.nctouch-single-nav ul li.selected a { padding: 0.1rem 0.05rem 0 0.05rem; color: #ED5564; border-bottom: solid 0.1rem #ED5564!important; }
.nctouch-single-nav ul li.selected a i { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; opacity: 1;}
.nctouch-single-nav.fixed { background-color: rgba(248,248,248,0.95); position: fixed; z-index: 3; top: 2rem; left: 0; right: 0;}


/* 版权：www.UpetMart.com	*/
/*标签式导航*/
.nctouch-tag-nav { background-color: #EEE; padding: 0.5rem 0.5rem 0 0.5rem;}
.nctouch-tag-nav ul { font-size: 0; display: block;}
.nctouch-tag-nav ul li { display: inline-block; background-color: #AAA; margin: 0 0.5rem 0.5rem 0; border-radius: 0.2rem;}
.nctouch-tag-nav ul li.selected { background-color: #ED5564;}
.nctouch-tag-nav ul li a { display: block; height: 0.9rem; padding: 0.2rem 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF;}


/* Copyright: 天津市网城天创科技有限责任公司	*/

/*默认单行列表*/
.nctouch-default-list-tit { font-size: 0.7rem; line-height: 1rem; padding: 0.5rem;}
.nctouch-default-list { overflow: hidden; padding: 0 0 0 0.5rem; background-color: #FFF; border-top: solid 0.05rem #EEE; border-bottom: solid 0.05rem #EEE; }
.nctouch-default-list li { position: relative; z-index: 1; display: block; clear: both; overflow: hidden; padding: 0.5rem 0; line-height: 1rem; border-top: solid 0.05rem #EEE; }
.nctouch-default-list li:first-child { border-top: none; }
.nctouch-default-list li a { display: block; overflow: hidden; font-size: 0.65rem; color: #000; }
.nctouch-default-list li h4 { float: left; margin-left: 0.3rem; font-size: 0.7rem; line-height: 1rem; color: #333; }
.nctouch-default-list li h4 i { display: inline-block; vertical-align: top; margin-right: 0.2rem; width: 0.9rem; height: 0.9rem; opacity: 0.5; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; }
.nctouch-default-list li h6 { float: left; clear: both; margin-left: 0.3rem; font-size: 0.55rem; line-height: 1rem; color: #888;}
.nctouch-default-list li span.num { float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.nctouch-default-list li span.tip { position: absolute; z-index: 1; top: 50%; right: 1.2rem; height: 0.9rem; margin-top: -0.4rem; font-size: 0.6rem; line-height: 0.9rem; color: #111;}
.nctouch-default-list li span.arrow-r { position: absolute; z-index: 1; top: 50%; right: 0.5rem; display: block; width: 0.6rem; height: 0.6rem; margin-top: -0.3rem; background-image: url(../images/arrow_right_b.png); background-repeat: 50% 50%; background-repeat: no-repeat; background-size: 90%; opacity: 0.65; }
.nctouch-default-list li span.pics {float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.nctouch-default-list li span.pics img { width: 1rem; height: 1rem;}

/*默认输入表单*/
.nctouch-inp-con { display: block; clear: both;}
.nctouch-inp-con ul { background: #FFF;}
.nctouch-inp-con ul li { position: relative; z-index: 1; display: block; min-height: 1.95rem; margin-left: 0.5rem; background-color: #FFF; border-bottom: solid #EEE 0.05rem;}
.nctouch-inp-con ul li:nth-last-child(1) { border-bottom: none 0; }
.nctouch-inp-con ul li.upload-item { height: 2.55rem}
.nctouch-inp-con ul li h4 { position: absolute; z-index: 1; top: 0; left: 0; width: 3rem; font-size: 0.6rem; line-height: 1.95rem; color: #444; text-align: right;}
.nctouch-inp-con ul li .input-box { display: block; height: 1.95rem; margin: 0 0.5rem 0 3.5rem; position: relative; z-index: 1;}
.nctouch-inp-con ul li.upload-item .input-box { height: 1.95rem; padding: 0.3rem 0;}
.nctouch-inp-con ul li .input-box .inp { width: 100%; min-height: 0.95rem; padding: 0.5rem 0; border: 0 none; font-size: 0.6rem; line-height: 0.95rem; color: #000;}
.nctouch-inp-con ul li .input-box .input-del { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: none; width: 0.975rem; height: 0.975rem; background-image: url(../images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4;}
.nctouch-inp-con ul li .input-box.write .input-del { display: block;}
.nctouch-inp-con ul li .input-box .checkbox { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem;}
.nctouch-inp-con ul li .input-box .txt { margin: 0 0 0 1.5rem; font-size: 0.7rem; line-height: 1.95rem; color: #555;}
.nctouch-inp-con ul li .input-box .note { position: absolute; z-index: 1; right: 0; top: 0.25rem; height: 1.6rem; text-align: right;}
.nctouch-inp-con ul li .input-box .note em { display: block; vertical-align: top; font-size: 0.6rem; font-weight: 600; color: #36BC9B; line-height: 0.8rem;}
.nctouch-inp-con ul li .input-box .note h6 { display: block; vertical-align: top; font-size: 0.55rem; color: #999; line-height: 0.8rem;}
.nctouch-inp-con ul li .input-box .select { width: 95%; height: 1.95rem;  margin: 0; font-size: 0.55rem; background-color: transparent; line-height: 1.95rem; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/}
.nctouch-inp-con ul li .input-box .arrow-down { position: absolute; z-index: 1; top: 0.5rem; right: 0; display: block; width:0.975rem; height: 0.975rem; background-image: url(../images/arrow_down_b.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 50%; opacity: 0.5;}
.nctouch-inp-con .form-btn { margin-top: 1rem;}
.nctouch-inp-con .form-btn .btn { display: inline-block; width: 90%; height: 1.8rem; padding: 0; margin: 0 5%; font-size: 0.8rem; line-height: 1.8rem; text-align: center; color: #888; background: #EEE; border: none; border-radius: 0.2rem; }
.nctouch-inp-con .form-btn.ok .btn { color: #FFF !important; background: #ED5564;}
/*开关*/
.input-box label { display: inline-block !important; height: 1.95rem !important; padding: 0 !important; margin: 0!important; border: 0 !important; border-radius: 0 !important; font-size: 0.7rem !important; line-height: 1.95rem !important; color: #555 !important;}
.input-box label.checked { background-color: transparent !important; padding: 0 !important; color: #555 !important;}
.input-box label input[type="checkbox"] { display: none;}
.input-box label .power { position: relative; z-index: 1; display: inline-block; vertical-align: middle; width: 1.6rem; height: 0.9rem; margin: 0 0.2rem; border: solid 0.05rem #DDD; border-radius: 0.5rem; }
.input-box label .power i { position: absolute; z-index: 1; top: 0rem; left: 0rem; width: 0.9rem; height: 0.9rem; background-color: #FFF; border-radius: 100%; box-shadow: 0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);}
.input-box label.checked .power{ background-color: #48CFAE; border-color: #48CFAE;}
.input-box label.checked .power i { left: auto; right: 0; box-shadow: -0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);}

/* 版权：UpetMart	*/
/*无数据信息为空提示*/
.nctouch-norecord { position: absolute; z-index: 1; top: 40%; left: 50%; width: 10rem; height: 8.2rem; margin: -3rem 0 0 -5rem; text-align: center; font-size: 0; }
.nctouch-norecord .norecord-ico { display: inline-block; width: 7.2rem; height: 6.4rem; padding: 0.4rem; margin: 0 auto; border-radius: 100%; }
.nctouch-norecord .norecord-ico i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; }
.nctouch-norecord dl { height: 2.75rem; margin-top: 0.75rem; }
.nctouch-norecord dl dt { display: block; height: 1rem; margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.nctouch-norecord dl dd { display: block; height: 1rem; margin-bottom: 0.5rem; font-size: 0.55rem; line-height: 1rem; color: #999; }
/*无数据提示图标*/
.nctouch-norecord.search .norecord-ico i { background-image: url(../images/search_w.png);}
.nctouch-norecord.cart .norecord-ico i { background-image: url(../images/cart_n.png);}
.nctouch-norecord.eval .norecord-ico i { background-image: url(../images/mcc_04_w.png);}
.nctouch-norecord.talk .norecord-ico i { background-image: url(../images/talk_w.png);}
.nctouch-norecord.order .norecord-ico i { background-image: url(../images/order_w.png);}
.nctouch-norecord.refund .norecord-ico i { background-image: url(../images/mcc_05_w.png);}/*退款、退货*/
.nctouch-norecord.address .norecord-ico i { background-image: url(../images/address_w.png);}
.nctouch-norecord.favorite-store .norecord-ico i { background-image: url(../images/store_w.png);}
.nctouch-norecord.favorite-goods .norecord-ico i { background-image: url(../images/favorite_w.png);}
.nctouch-norecord.views .norecord-ico i { background-image: url(../images/goods-browse_w.png);}
.nctouch-norecord.signin .norecord-ico i { background-image: url(../images/mcc_04_w.png);}/*签到*/
.nctouch-norecord.pdre .norecord-ico i { background-image: url(../images/mcc_06_w.png);}/*预存款*/
.nctouch-norecord.recharge .norecord-ico i { background-image: url(../images/mcc_07_w.png)}/*充值卡*/
.nctouch-norecord.voucher .norecord-ico i { background-image: url(../images/mcc_08_w.png);}/*代金券*/ 
.nctouch-norecord.redpacket .norecord-ico i { background-image: url(../images/mcc_09_w.png);}/*红包*/ 
.nctouch-norecord.points .norecord-ico i { background-image: url(../images/jf_04_w.png);}/*积分*/ 
.nctouch-single-nav .area li { width: 33.33%;}

/*加减数量控件*/
.value-box { display: inline-block; float: right; font-size: 0; border: solid 0.05rem #CCC; border-radius: 0.2rem;}
.value-box span { display: inline-block; vertical-align: top; line-height: 0;}
.value-box span a { display: block; width: 0.4rem; height: 0.4rem; margin: 0.4rem; opacity: 0.65;}
.value-box span.add {background-color: #fff;border-radius: 0 0.2rem 0.2rem 0;}
.value-box span.minus {background-color: #fff;border-radius: 0.2rem 0 0 0.2rem;}
.value-box span.add a { background-image: url(../images/value_add.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%;}
.value-box span.minus a { background-image: url(../images/value_minus.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%;}
.value-box span .buy-num {width: 1.6rem;height: 1.2rem;padding: 0;font-size: 0.5rem;font-weight: lighter;line-height: 1.3rem;text-align: center;border: solid #CCC;border-width: 0 0.05rem;border-radius: 0;}

/*默认按钮样式*/
.btn { vertical-align: top; display: inline-block !important; height: 1.1rem; padding: 0 0.3rem; margin: 0 auto; font-size: 0.6rem; color: #555 !important; line-height: 1.1rem; text-align: center; background-color: #FFF; border: solid 1px #CCC; border-radius: 0.15rem }
.btn.key { border-color: #ED5564; color: #ED5564 !important; font-weight: 600;}
.btn-l { display: inline-block; width: 90%; margin: 0 5%; font-size: 0.8rem; line-height: 1.8rem; text-align: center; color: #FFF; background: #ED5564; border-radius: 0.2rem; }

/* Copyright: UpetMart */
/*图片选择上传*/
.nctouch-upload { display: inline-block; width: 1.94rem; height: 1.94rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top;}
.nctouch-upload a { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.nctouch-upload span { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0;}
.nctouch-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0);}
.nctouch-upload p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent;}
.nctouch-upload p i { display: block; width: 100%; height: 100%; background-image: url(../images/value_add.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.25;}
.nctouch-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 0.1rem;}
.nctouch-upload .pic-thumb img { width: 95%; height: 95%; margin: 2.5%}
.nctouch-upload .upload-loading { position: absolute; z-index: 4; left: 0; top: 0; bottom: 0; right: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); border-radius: 0.1rem;}
.nctouch-upload .upload-loading i { display: block; width: 100%; height: 5%; margin: 93% 0 2% 0; background: #4FC0E8; animation: optionLoading 0.5s ease-in-out; -webkit-animation:optionLoading 1s ease-in-out;}
 @keyframes optionLoading {
from { width: 0%;}
to { width: 100%;}
}
@-webkit-keyframes optionLoading {
from { width: 0%;}
to {  width: 100%;}
}

/*页内固定块*/
.fix-block-r { width: 1.9rem; position: fixed; z-index: 5; right: 0.5rem; bottom: 3rem;}
.fix-block-r a { display: block; width: 1.95rem; height: 1.95rem; background: rgba(255,255,255,0.85); border-radius: 100%; border: solid 0.05rem #EEE;  }
.fix-block-r a i { width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; opacity: 0.5;}
.fix-block-r a.gotop-btn { margin-top: 0.25rem;}
.fix-block-r a.gotop-btn i { background-image: url(../images/gotop_b.png);}
.fix-block-r a.browse-btn i { background-image: url(../images/goods_browse_b.png);}

/*页面整体下拉缓冲*/
.scroller-body { top: 0; bottom: 60px; right: 0; left: 0; position: absolute; z-index: auto; }
.scroller-more { z-index: 450;}

/* Copyright: www.UpetMart.com */
/* loading */
/*下拉读取*/
.loading { text-align: center; display: block; padding: 1rem 0; font-size: 0.55rem; color: #666;}
.spinner { display: inline-block; vertical-align: middle; margin-right: 0.4em; font-size: 1em; width: 1em; height: 1em; text-align: left; border-radius: 50%; box-shadow: inset 0 0 0 .1em rgba(58, 168, 237, .3); }
.spinner i { position: absolute; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; animation: spinner-circle-clipper 1s ease-in-out infinite; -webkit-animation: spinner-circle-clipper 1s ease-in-out infinite; }
 @keyframes spinner-circle-clipper {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle-clipper {
 0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}}
.spinner i:after { position: absolute; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; content: ''; animation: spinner-circle 1s ease-in-out infinite; -webkit-animation: spinner-circle 1s ease-in-out infinite; border-radius: 50%; box-shadow: inset 0 0 0 .1em #3aa8ed; }
 @keyframes spinner-circle {
 0% {
 transform: rotate(-180deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle {
 0% {
 -webkit-transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
/*异步读取*/
.pre-loading { background:rgba(248,248,248,0.95); position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0;}
.pre-block { text-align: center; position: absolute; z-index: 1; width: 6rem; height: 1rem; font-size: 0.55rem; color: #666; top: 50%; left: 50%; margin: -0.5rem 0 0 -3rem;}
/*2019.8底部栏*/
.f-box{height: 58px; line-height: 13px; box-sizing: content-box; box-shadow: 0 3px 10px rgba(0,0,0,0.2); background: #fff; position: fixed !important; bottom: 0; left: 0; right: 0;z-index: 150; padding-bottom: calc(env(safe-area-inset-bottom) * 0.75);}
.f-box{height: 58px; width: 100%; display: flex;  justify-content: space-around; background: #fff; align-items: flex-start;}
.f-box a{display: block; font-family: -apple-system; width: 20%;text-align: center; font-size: 10.5px; color: #2d2d2d; position: relative; }
.f-box a span{display: block; width: 58px; height: 58px; background: center no-repeat; margin:0px auto 0;  background-size: 100% 100%;}
.f-box a.index span{background-image: url(../images/v3.0/bot_index.png);}
.f-box a.classify span{background-image: url(../images/v3.0/bot_classify.png);}
.f-box a.cartList span{background-image: url(../images/v3.0/bot_cart.png);}
.f-box a.mine span{background-image: url(../images/v3.0/bot_home.png);}
.f-box a.hot{color: #ff3d11;}
.f-box a.hot.index span{background-image: url(../images/v3.0/bot_indexh.png);}
.f-box a.hot.classify span{background-image: url(../images/v3.0/bot_classifyh.png);}
.f-box a.hot.cartList span{background-image: url(../images/v3.0/bot_carth.png);}
.f-box a.hot.mine span{background-image: url(../images/v3.0/bot_homeh.png);}
.f-box a #cart_count sup{position: absolute; display: block; min-width: 8px; text-align: center; padding: 0 3px; height: 10px; font-size: 8px; border-radius: 40px; background: #fff; color: #ff3d11;border:1px solid #ff3d11; top: 6px; left: calc(50% + 5px);  line-height: 10px; font-weight: 700;}
.f-box a p{font-size: 0;}


/*hx modify 2019/3/26*/
.kjdiv>.kdshow>.kj_listdoc>.listdoc{/*background: #d91d10 !important;*/}
.kl_img {width: 115px !important;height: 114px !important;left: 10px !important;}
.kl_img img {width: 117px !important;height: 114px !important;opacity: 0.98 !important; background: #fff; display: block;}
.kj_listdoc ul li {width: calc(100% - 170px) !important;background: #fff !important;border-radius: 5px !important;margin: 0 auto !important;margin-top: 10px !important;margin-bottom: 10px !important;}
.kl_info .kl_go {color: #fff!important;right: 0px!important;line-height: 0.4em!important;background: #eb2315!important;border-radius: 24px!important;}
.kj_listdiv{background: #d91d10!important;}
.kj_mylist {background: #f9f9f9!important;}
.more {color: white!important;}
.kl_info span.kl_price {color: #f34 !important;font-size: 24px!important;}
.kl_info span.kl_sale {color: #ff0e0e!important;font-size: 12px!important;}
.kj_listdoc ul li:before{display: none !important;}

.cartList #cart_count{display: block; /*position:absolute; z-index:2; min-width:0.6rem; height:0.6rem; line-height:0.6rem; padding:0 0.1rem; top:0.1rem; left:calc(50% + 0.2rem); background:#fff; border:1px solid #e23; color:#e23; border-radius:20rem;*/}

/*无货*/
.list .goods-secrch-list ._no_storage .goods-pic a{display:block;}
.list .goods-secrch-list ._no_storage .goods-pic a:before{content:""; z-index:10; display:block; width:4.62rem; height:4.62rem; background:rgba(250,250,250,0.85); background-size:80% 80%; position:absolute; top:0.38rem; left:0.38rem;}
.list .goods-secrch-list ._no_storage .goods-pic a:after{content:""; z-index:11; opacity:0.75; display:block; width:4.62rem; height:4.62rem; background: url(../images/no_storagebg2.png) center center no-repeat; background-size:80% 80%; position:absolute; top:0.38rem; left:0.38rem;}
.hdbox .hdunit a._no_storage{position:relative}
.hdbox .hdunit a._no_storage img{opacity:0.1;}
.hdbox .hdunit a._no_storage:after{content:""; z-index:11; opacity:0.65; display:block; width:100%; height:80%; background: url(../images/no_storagebg3.png) center center no-repeat; background-size:100px auto; position:absolute; top:0; left:0;}
.hdbox .hdunit div._no_storage .llimg{position:relative}
.hdbox .hdunit div._no_storage .llimg img{opacity:0.1;}
.hdbox .hdunit div._no_storage .llimg:after{content:""; z-index:11; opacity:0.65; display:block; width:100%; height:100%; background: url(../images/no_storagebg3.png) center center no-repeat; background-size:100px auto; position:absolute; top:0; left:0;}


/* 新样式 */
/* 底部弹出窗口 头部圆角*/
.alert-toast-header-radius {border-top-left-radius: 16px;overflow: hidden;border-top-right-radius: 16px;}
/* 新增地址 */
.upet-address-box ul {box-sizing: border-box; width: 100%; border-top: 1px solid #EEE;
 padding-left: 0.8rem; background: #fff;}
.upet-address-box ul li {display: flex; align-items: center; padding: 0.7rem 0; font-size: 0.6rem; position: relative; z-index: 1; border-bottom: solid #EEE 0.05rem;}
.upet-address-box ul li h4 {z-index: 1; width: 3rem; font-size: 0.6rem; line-height: 0.6rem; color: #444; text-align: left; flex: 0.5;}
.upet-address-box ul li .input-box {display: block; margin: 0 0.5rem 0 0.05rem; position: relative;z-index: 1; flex: 2;}
.upet-address-box ul li .inp {width: 100%; min-height: 0.95rem; border: 0 none; font-size: 0.6rem; line-height: 0.6rem; color: #000;}
.upet-address-box ul .textarea-item {align-items: flex-start;}
.upet-address-box ul li .input-box .input-del { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: none; width: 0.975rem; height: 0.975rem; background-image:url(../images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4;}
/* 设置为默认地址 */
.upet-address-box .set-default-address {
    margin-top: 20px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 0.8rem;
    background: #FFF;
}
.upet-address-box .set-default-address h4 {
    z-index: 1; font-size: 0.6rem; line-height: 0.6rem; color: #333; text-align: left; font-weight: bold;
}
.upet-address-box .set-default-address .tip {
    z-index: 1; font-size: 0.3rem; color: #444; text-align: left;
}
.upet-address-box .swich-box {position: absolute; top: 50%; transform: translate(-100%, -50%);right: 5px;}
.upet-address-box ul li .select-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 57px;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ff3d12;
    color: #ff3d12;
}


/* 地址簿列表样式 */
.upet-cart-add-list{padding-left:.68rem;border-top:.05rem solid #ECECEC}
.upet-cart-add-list li{position:relative;border-bottom:.05rem solid #DFDFDF}
.upet-cart-add-list li input{position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:3px;display:none;width:15px;height:15px;border: none;}
.upet-cart-add-list li dl{position:relative;padding:.91rem 0}
.upet-cart-add-list li dl dt{display:flex;align-items:center;margin-bottom:8px}
.upet-cart-add-list li dl dt span{margin-right:.45rem;color:#333;font-size:.68rem;line-height: .68rem;;font-weight:bold;font-family: RPpet;}
.upet-cart-add-list li dl dt span:first-child{max-width:4.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upet-cart-add-list li dl dt sub{height:.68rem;line-height:.68rem;background:#FBECE3;border-radius:.36rem;color:#FF3D11;display:inline-block;font-size:.45rem;padding:0 .27rem}
.upet-cart-add-list li dl dd{color:#999999;font-size:.5rem;line-height:.68rem;max-width:11.59rem;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}
.upet-cart-add-list li .detail-address-edit{position:absolute;top:50%;transform:translateY(-50%);right:.82rem;width:.64rem;height:.64rem;vertical-align:middle;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;background-image:url(../images/edit_b.png)}
.upet-cart-add-list li.selected input{display:block}
.upet-cart-add-list li.selected dl{margin-left:26px}

/* 开关样式 */
.swich-box {display: inline-block;}
.swich-box .box{width:20px;height:10px; transform:scale(2);background:#ccc;border-radius:20px;transition: all .5s ease;padding: 1px;box-sizing: border-box;}
.swich-box input{display:none;}
.swich-box .box span{display:inline-block;position: absolute;height:8px;width:8px;border-radius:15px;background:#fff;transform:translateX(0px);transition: all .5s ease;}
.swich-box.swich-on .box{background:#6be06b;transition: all .5s ease;}
.swich-box.swich-on .box span{transform:translateX(10px);transition: all .5s ease;}

/* 双条纹样式 */
.gradient-border-top {
    height: 5px;
    background-image: linear-gradient(120deg,#FFf 5%, #e9a39f 0,#e9a39f 28.75%, #fff 0, #fff 52.5%, #aad7d3 0,#aad7d3 76.25%, #fff 0%);
    background-size: 100px 100%;
}

/* 选择支付渠道样式 */
#payment-block{display:block;margin-top:1.95rem;background-color:#F5F5F5}
#payment-block .payment-tip-block{background:#fff;padding:28px 0 23px 0;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
#payment-block .payment-tip-block .payment-num{color:#FF3D11;margin-bottom:14px}
#payment-block .payment-tip-block .payment-num em{font-family:RPpet;font-size:17px}
#payment-block .payment-tip-block .payment-num em:nth-child(2){font-size:34px}
#payment-block .payment-tip-block .payment-num em:nth-child(3){font-size:34px}
#payment-block .payment-tip-block .payment-num em:last-child{font-size:16px}

#payment-block .payment-tip-block .payment-count-time span,#payment-block .payment-tip-block .payment-count-time em{font-size:12px;vertical-align:middle}
#payment-block .payment-tip-block .payment-count-time span{display:flex;justify-content:center;align-items:center;color:#686868}
#payment-block .payment-tip-block .payment-count-time em{display:inline-block;color:#FFFFFF;background:#979797;width:18px;height:18px;line-height:18px;text-align:center;border-radius:2px}
#payment-block .payment-tip-block .payment-count-time em:first-child{margin-left:6px}
#payment-block .payments-block{width:100%;background:#fff;border-radius:10px;overflow:hidden;margin-top:10px}
#payment-block .payments-block .pay-sel{position:relative;padding:21px 20px 21px 15px;display:flex;align-items:center}
#payment-block .payments-block .pay-sel input{position:absolute;width:15px;height:15px;top:50%;transform:translateY(-50%);right:20px;appearance: radio;-webkit-appearance: radio;}
#payment-block .payments-block .pay-sel .alipay,#payment-block .payments-block .pay-sel .wxpay{position:relative;padding-left:35px;font-size:14px;color:#000000}
#payment-block .payments-block .pay-sel .alipay::before,#payment-block .payments-block .pay-sel .wxpay::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:5px;width:25px;height:25px;background-size:100%;background-repeat:no-repeat;background-position:50% 50%}
#payment-block .payments-block .pay-sel .wxpay::before{width:25px;height:20px;background-image:url(../images/wxpay_new.png)}
#payment-block .payments-block .pay-sel .alipay::before{background-image:url(../images/alipay_new.png)}

/* 头部标题栏 新样式 */
.uppet-header-tab { display: inline-block; height: 1.4rem; margin: 0.275rem auto 0 auto; font-size: 0; border-radius: 0.2rem; }
.uppet-header-tab a { display: inline-block; height: 1.3rem; padding: 0 1rem; text-align: center; font-size: 0.68rem; color: #363636; line-height: 1.3rem; border: solid 0.05rem #DCDCDC; }
.uppet-header-tab a:first-child { border-radius: 0.25rem 0 0 0.25rem;border-right: none; }
.uppet-header-tab a:last-child { border-radius: 0 0.25rem 0.25rem 0;border-left: none; }
.uppet-header-tab a.cur { color: #FFF; background-color: #FF4100;border: solid 0.05rem #FF4100;}


/*双十一标志-搜索页、商详页*/
/*
#product_detail_html .goods-detail-picslide li:before{ background:url(http://www.upetmart.com/templates/default/skin/1910/1111fw.png) center center no-repeat / 100% 100%;position:absolute;width:100vw; height:100vw;  z-index:90; content:""; } 
#product_list.list .goods-secrch-list .goods-pic:after{background:url(http://www.upetmart.com/templates/default/skin/1910/1111fw.png) center center no-repeat / 100% 100%;position:absolute; z-index:90; content:"";width: 4.62rem; height: 4.62rem; top:0.38rem; left:0.38rem; } 
*/