/* @since:2019-05-25　    * @author:isuex@qq.com ~~~! */

@import url("layer.css");

/*reset*/
body,div,section,article,header,nav,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,img,form,fieldset,legend,input,textarea,blockquote,th,td,menu,figure,dir{margin:0 auto;padding:0}body{-webkit-text-size-adjust:none}body,button,input,select,textarea{font:13px/1.6 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,Arial,Verdana}h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal}q:before,q:after{content:''}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:11px}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000;display:none}img{border:0}input,button,textarea,select{vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button{cursor: pointer}textarea{overflow:auto}a{text-decoration:none}.clearfix:before,.clearfix:after,.container:before,.container:after{content:"";display:table}.clearfix:after,.container:after{clear:both}.clearfix,.container{*zoom:1}.fl{float:left}.fr{float:right}.pa{position:absolute}.tal{text-align:left}.tar{text-align:right}.tac{text-align:center}.pr{position:relative}.hide{display:none}:focus{outline:0 none}a,.hand{cursor:pointer}.vam{vertical-align:middle}.vat{vertical-align:top}html{-webkit-text-size-adjust:none}body{background-color:#fff}

/*base*/
@media only screen and (min-width: 800px) and (max-width: 3600px){
.wrap,.container-dashboard{width:1200px}}
body,a{color:#666}
.info,.income{color:#f47035}
.link{color:#0d76bb}
.warn{color:#fd9226}
.payout,.amount{color:#dd0a24}
.gray{color:#909399}
.u{text-decoration: underline}
.fs{font-size:12px}

.icon,.ic:before,.logo a,.qs,
.error::before,.succ::before{overflow:hidden;text-indent:-1000px;background:url(../img/base.png) no-repeat;}
.ic:before{content:'' }
.icon,.ic:before,
.error::before,.succ::before{display:inline-block;width:16px;height:16px;vertical-align:middle;content:'' }

/* form */
.sel{display:inline-block;vertical-align:middle;position: relative;z-index:0;overflow:hidden;border: 1px solid #dcdfe6;border-radius: 3px;background-color:#fff}
.sel:before{position: absolute;z-index:3;right: 10px;top:50%;margin-top:-2px;width:4px;height:4px;margin:-4px auto auto 5px;vertical-align:middle;border:solid #aaa;border-width:1px 1px 0 0;content: '';transform: rotate(135deg)}
.sel>select{position: relative;z-index:2;width: 120%;padding:8px 15px 8px 8px;background:transparent;border: 0}

input,textarea,select{background-color:#fff;color:#888}
input[type="radio"],
input[type="checkbox"]{vertical-align:middle;border:1px solid #dcdfe6;border-radius:50%;background-color:#fff}
input[type="checkbox"]{border-radius:3px}
input[type="radio"]+span,
input[type="checkbox"]+span{display:inline-block;vertical-align: middle;margin-left:5px}
input[type="radio"]+span img,
input[type="checkbox"]+span img{display:inline-block;height:16px;vertical-align: middle}
input[type="radio"]+span .icon,
input[type="checkbox"]+span .icon{width:24px;height:24px;transform: scale(.8);}
input[type="radio"]:checked,
input[type="checkbox"]:checked{border-color:#5DA400;background:50%/cover no-repeat}
input[type="radio"]:checked{background-image:url(../img/radio.png)}
input[type="checkbox"]:checked,
input[type="checkbox"]:checked:disabled{background-image:url(../img/checkbox.png);background-color:#5DA400}
input[type="checkbox"]:disabled{background-color:#f6f6f6;border-color:#eee;}
input[type="checkbox"]:disabled:checked{filter:grayscale(100%);opacity: .3}

/* input[type='file']{position: absolute;left:0;top:0;width:100%;height:100%;opacity: 0} */
input[type='file'],
input[type='text'],
input[class='date'],
input[type='password'],
textarea,.txt{display:inline-block;border:1px solid #dcdfe6;border-radius:3px;padding:8px;vertical-align:middle;box-sizing: border-box}
input[class='date']{padding:7px 8px;}
.txt img{display: inline-block;width:20px;height:20px;vertical-align: middle}
input[class='date']{background:url(../img/icDate.png) 90% 50% no-repeat;}

.form{padding:10px 15px}
.form[bc]{margin-bottom:20px;font-size:13px;background-color:#f5f5f5}
.form li{padding:8px 0;list-style: none}.form[bc] li{padding:5px 0}
.form .inline,.form-small .inline{display:inline-block;vertical-align:middle;margin-right:5px;position: relative; white-space: nowrap}
.form .inline li{display:inline-block;padding-right:20px}
.form .label{float:left;display:block;width:120px;padding:8px 0;color:#535353}
.form .must:after,
.form[rtl] .must::before{display:inline-block;content: '*';font-size:14px;font-weight:700;margin:auto 3px;vertical-align: middle;color:#f40}
.form[rtl] .label{text-align: right}
.form[rtl] .must:after{display: none}
.form .block{margin-left:140px}.block+.block{margin-top:3px}
.block label{display:inline-block;margin:8px 20px 0 0;vertical-align: middle}
.form label,.form label+span{display:inline-block;vertical-align: middle}
.form input.small{padding:0 5px;margin:auto 3px;width:60px;text-align:center}
.prefix{display:inline-block;position:relative;top:2px;z-index:2;width:30px;border-right:1px solid #dcdfe6;padding:8px 0;margin-right:-33px;border-radius:3px 0 0 3px;text-align:center;font-weight:700;background-color:#fff}
.prefix+input,.prefix+.txt{padding-left:40px}
.block .btn{min-width:100px;margin-right:10px}
.vcp{display:inline-block;vertical-align: middle;margin-left:10px}
.form .doubt{margin:3px auto auto}
.form[show] .label{padding-top:0}
.form[show] .inline{margin-top:-5px}
.form[show] .sel>select{padding:5px 15px 5px 8px}
.form .total{margin-top:15px;padding:15px 0;border-top:1px dashed #dfdfdf;font-weight:700;color:#666}
.form-small input[type='file'],
.form-small input[type='text'],
.form-small input[type='date'],
.form-small input[type='password'],
.form-small textarea,.form-small .txt{padding:5px}
.form-small .sel>select{padding:5px}
.form-small .btn{padding:4px 15px}
.form-small .head.s{padding:5px 0 0;margin:auto;}

.stock{display:inline-block;border:1px solid #E5E5E5;white-space: nowrap;background-color:#f6f6f6}
.stock a,.stock input{display: inline-block;vertical-align: middle;text-align:center}
.stock a{width:24px;font-size:16px;font-weight:700;color:#666}
.stock input{width:50px;border-width:0 1px;border-radius:0;padding:3px}

.tHelp{display:inline-block;width:15px;height:15px;margin:auto 2px;background:url(../img/icHelp.png);vertical-align: text-bottom}
.tHelp .detail{width:150px}
.tHelp+p{padding:3px 0;background-color: #EDEDED}.tHelp+p a{color:#909399}

.prompt{padding-left:5px;color:#ccc}.prompt b{color:#000}
.succ,.error{position:relative;margin-bottom:3px;padding-left:20px;color:#5DA400}input+.error{margin-top:3px}
.error{color:red}
.error::before,.succ::before{position:absolute;left:0;top:2px;background-position:-16px -300px}
.succ::before{background-position: -32px -300px}

.btn{display:inline-block;vertical-align:middle;position:relative;border:0;border-radius:3px;padding:6px 15px;font-size:15px;font-weight:700;text-align:center;background-color:#f47035;color:#fff;box-sizing: border-box}
.btn:hover{background:rgb(69, 114, 10)}
.btn.default{background:#fff;color:#666}
.btn.primary{background:#ecfff4;color:#5DA400}
.btn.upload{background:#ffefe1;color:#ff7b02}
.btn.default:before,
.btn.upload:before,
.btn.primary:before{position: absolute;top:0;left:0;right:0;bottom:0;border:1px solid #eee;border-radius:5px;content: ''}
.btn.primary:before{border-color:#5DA400}
.btn.upload:before{border-color:#ff7b02}
.btn.default:hover:before{border-color:#5DA400}

.btn[disabled]{background:#c7c7c7;color:#fff}.btn[disabled]:before{border-color:#c7c7c7}
.btn.getVc{padding:8px 10px 9px;font-size:12px;font-weight:normal;background-color:#fff;color:#5DA400;border:1px solid #dcdfe6}
.btn.getVc.disabled{color:#ccc;background-color:#eee;}
.btn input{position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0}

.load,.load:hover{opacity: .85;color:rgba(255,255,255,.5)}
.load::before{display:inline-block;margin-top:-1px;vertical-align: middle;width:14px;height:14px;margin-right:3px;background: url(../img/load.png) 50%/cover no-repeat;content: '';animation: AN-load 2s linear infinite;}
@keyframes AN-load{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}



/* tips */
.hint,.doubt{position:relative;display:inline-block;margin:auto 20px;border:1px solid #F03F41;padding:2px 10px;font-size:12px;font-weight:normal;background-color:#FFECED}
.hint:before{position: absolute;left:-4px;top:50%;margin-top:-3px;width:6px;height:6px;border:solid #F03F41;border-width:1px 1px 0 0; transform: rotate(-135deg); content:'';background-color:#FFECED}
.doubt{padding-left:20px;border:0;background:none;color:#F03F41}
.doubt::before{position: absolute;width:16px;height:16px;top:3px;left:0;background:url(../img/base.png) 0 -300px no-repeat;content: ''}
.action{float:right;position:relative;list-style: none}
    a.action,.defaddress{display:inline-block;border:1px solid #5DA400;padding:1px 10px;border-radius:2px;background-color:#F0F5F2;color:#5DA400}
    a.action>b{display:inline-block;margin-right:5px;vertical-align:middle;font:bold 20px arial}

/* paging */
.paging{margin:20px auto;text-align: right}
.paging a,.paging span{display:inline-block;margin:auto 1px;padding:2px 8px}
.paging span{border:0;padding:6px 9px}
.paging a[both]{color:#5DA400}
.paging a:hover,.paging a.cur{background-color:#5DA400;color:#fff}


/* tabs & segment */
.segment{padding-top:20px;margin-bottom:20px;border-bottom:1px solid #E5E5E5;font-size:15px}
.segment ul li{display:inline-block;margin-right:30px;font-weight: 700}
.segment ul li a{display:inline-block;padding:10px 0 5px}
.segment ul li a.active{position:relative;color:#72ba1a}.segment a.active::before{position: absolute;left:0;bottom:-1px;right:0;border-bottom:2px solid #5DA400;content: ''}
.segment .action li{display:inline-block}
.segment .action a,.gSearch,span.subgroup{display:inline-block;padding:2px 10px;margin-left:5px;border:1px solid #E5E5E5;vertical-align:middle;color:#686868}
.segment .action li.none a{border:0}
.segment .action a:hover{color:#5DA400;border-color:#5DA400}
.segment .action a.pay{background-color:#fd9226;color:#fff;border-color:#fd9226}
.segment .action a.ic:before{margin-right:3px}
    a.print::before{background-position:-264px -300px}
        a.print:hover::before{background-position:-264px -330px}
    a.checkAll::before{background-position:-216px -300px}
        a.checkAll:hover::before,a.checkAll.checked::before{background-position:-216px -330px}
    a.del::before{background-position:-232px -300px}
        a.del:hover::before{background-position:-232px -330px}
    a.subgroup::before{margin-right:3px;background-position:-248px -300px}
        a.subgroup:hover::before{background-position:-248px -330px}
.gSearch{padding:0}.gSearch input{padding:2px 10px;width:120px}
.gSearch button{width:32px;height:28px;background:#F8F8F8 url(../img/gSearch.png) 50% no-repeat;border:solid #E5E5E5;border-width:0 0 0 1px}
.segment-small{padding:10px 0}
.segment-small a{float:left;padding:5px 15px;border:1px solid #dcdfe6;margin-left:-1px;position: relative}
.segment-small a:hover,.segment-small a.active{border-color:#5DA400;color:#5DA400}
.segment-small a:first-child{margin-left: auto;border-radius:3px 0 0 3px}
.segment-small a:last-child{border-radius:0 3px 3px 0}
.segment-small a:hover::after,.segment-small a.active::after{position:absolute;z-index:1;top:0;right:-1px;bottom:0;border-right: 1px solid #5DA400;content: ''}

.tabsHd{margin-top:15px;position:relative;z-index:1}
.tabsHd:after{display:block;position: relative;z-index:0;bottom:0;left:0;right:0;height:1px;background-color:#E5E5E5;content:''; }
.tabsHd ul{position:relative;z-index:1;bottom:-1px;list-style:none;padding-left:30px}
.tabsHd li{display:inline-block;padding:8px 20px;margin-right:5px;position:relative;border:1px solid #E5E5E5;font-size:15px;font-weight:700;background-color:#F5F5F5;cursor: pointer}
.tabsHd li.active{position:relative;border-bottom-color:#fff;color:#5DA400;background-color:#fff;cursor: default}
.tabsHd li.active:before{position:absolute;top:-1px;left:0;right:0;height:2px;background-color:#5DA400;content:''}
.tabsBd{position:relative;z-index:0;padding:20px 30px;border:solid #E5E5E5;border-width:0 1px 1px}

.tabs[none]{float:right;font-size:14px}
.tabs[none] a{display:inline-block;margin:auto 10px}.tabs[none] a:last-child{margin-right:auto}
.tabs[none] a.active,.tabs[none] a[data-count]::after{color:#f75f14}
.tabs[none] a[data-count]::after{content: attr(data-count)}


/* header */
.header{margin:10px auto;padding:10px 0;position:relative;}
.logo{float:left;}
.logo a{display:inline-block;width:125px;height:0;overflow: hidden;padding-top:50px;background-position: 0 -100px;vertical-align: middle}
.logo em{display:inline-block;padding:3px 0 3px 20px;margin:13px auto auto 20px;vertical-align: middle;font:20px simhei;color:#515151;border-left:1px solid #ebebeb}
.header.g{padding-top:40px}
.header.g .logo a{width:220px;height:0;padding-top:90px;background-position: 0 0}
.siteNav{float:right;padding-top:10px;font-size:18px}
.siteNav li{padding:0 10px;display:inline-block;list-style: none}
.siteNav sup{display:inline-block;vertical-align:baseline;padding:0 5px;line-height:16px;font-size:12px;color:#fff;background:url(../img/brade.png) 50% 0 repeat-x}
.search{margin-top:20px;font-size:15px}
.search .hd{display:flex; align-items: center; position:relative;background-color:#f0f5f2;padding:10px 40px 10px 15px;border-bottom:3px solid #f47035}
.search a{display:block;width:110px;color:#f47035;border-right: 1px solid #ccc;margin-right:10px;line-height: normal}
.q{width:100%;border:0;padding:5px 0;background:none}
.qs{position:absolute;right:10px;top:50%;width:32px;height:32px;margin-top:-16px;background-position: 0 -200px;border:0}


.sitebar{position:absolute;top:0;left:0;right:0;background-color:#f6f6f6;}
.sitebar .siteNav{padding-top:0;font-size:inherit}
.siteNav span{color:#f59600}
.siteNav .ic:before{width:20px;height:20px;margin-right:3px}
.uc::before{background-position:-500px -200px}
.cartc::before{background-position:-520px -200px}
.msgc::before{background-position:-540px -200px}
.helpc::before{background-position:-560px -200px}
.header.g .search{float:right;width:780px;}

/* crumb */
.crumb{padding:8px 0;font-size:15px;background-color: #f6f6f6}
.crumb a{display:inline-block;margin:auto 5px;color:#828282}
.crumb a:first-child{margin-left:auto}
.crumb em{margin-left:5px;color:#f47035}

/* step */
.step{padding:20px 100px}
.step ol{list-style: none;display:flex;text-align: center}
.step li{padding-top:20px;margin:auto;flex:1;position: relative;color:#8e8e8e;font-size:12px}
.step li:after{display:block;position:absolute;left:0;right:0;top:0;height:1px;background-color:#D2D2D2;content:'' }
.step li:first-child:after{left:50%}
.step li:last-child:after{right:50%}
.step li:before{display: block;width:20px;height:20px;top:-10px;position:absolute;z-index:1;left:50%;margin-left:-10px;border-radius:50%;content:'';background-color:#d2d2d2}
.step b{display:block;padding:5px 0 0;font-size:14px;color:#6c6c6c}
.step li.pass b{color:#74B809}
.step li.pass:before{width:30px;height:30px;top:-15px;margin-left:-15px;box-shadow:0 0 20px rgba(0,0,0,.1);background-color: #74B809}
.step[small]{float:right;padding:5px 0 0}
.step[small] li{padding:0 10px;flex: none}.step[small] li:before{width:8px;height:8px;top:-4px;margin-left:-4px}
.step[small] li b{font-weight:normal;color:#9da0a5}
.step[small] li.pass:before{width:16px;height:16px;line-height:14px;font-size:12px;text-align:center;top:-8px;margin-left:-8px;background-color: #666;color:#fff;content: '●'}
.step[small] li.pass b{color:#5b5b5b}

/* page */


.gnav{list-style:none;font-size:16px;}
.gnav>li{display:inline-block;}
.gnav>li>a{display:inline-block;padding:10px 40px;color:#fff;}.gnav>li>a:hover{background-color:#78c11e}
.gnav>li:first-child>a{padding:10px 60px;background-color:#78c11e;}
.gnav>li:first-child>a:after{display:inline-block;width:0;height:0;margin:auto 3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;content: ''}

.home{background-color:#f6f6f6}
.hot{margin:20px auto}
.sm{float:left;width:310px;padding:10px;background-color:#fff}
.smtab{display:flex;font-size:16px;text-align:center;}
.smtab>div{position:relative;flex:1;padding:10px 0 9px;background-color:#f47035;color:#fff;border-bottom:1px solid #439200}
.smtab>div.active,.smc{background-color:#78c11e;border-color:#78c11e}
.smc{padding:10px;height:320px;font-size:14px}
.ds p{padding:5px 0}.ds textarea{width:100%;height:60px;border:0}.ds button{width:100%;border-radius:3px;padding:8px 0;border:0;font-size:16px;text-align:center;background-color:#fff;color:#f47035}
.ds-key a{display:inline-block;padding:5px 10px;margin:5px 2px;border:1px solid #d2d2d2;border-radius:3px;color:#fff}
.ds dl{border-top:1px solid #588e16;margin-top:10px;padding-top:10px;color:#000;font-size:16px}
.taobao,.tmall,.alibaba{display:inline-block;margin:10px 10px auto auto;width:64px;height:64px;overflow:hidden;text-indent:-10000px;border-radius: 3px;background:#588e16 50% no-repeat;}
.taobao{background-image: url(../img/taobao.png)}
.tmall{background-image: url(../img/tmall.png)}
.alibaba{background-image: url(../img/1688.png)}
.wm ul{padding-bottom:10px;list-style: none;border-bottom:1px solid #598C0D;}.wm li{float:left;width:25%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.wm a{display:inline-block;padding:2px 8px;color:#fff}.wm a:hover{background-color:#5DA400}

.ads{float:left;width:620px;height:405px;background:#eee;margin:auto 10px}

.hu{float:right;width:230px}
.huinfo{padding:10px;margin-bottom:10px;height:175px;text-align:center;font-size:14px;background-color:#fff;}
.huinfo img{display:block;margin:10px auto;height:50px;border-radius:50%}
.huinfo p a{display:block;padding:5px 0;margin-top:5px;border:1px solid #52aa11;color:#fff;background-color:#52aa11}
.huinfo p a:last-child{border-color:#eaeaea;color:#6a6a6a;background-color:transparent}
.huinfo ul{padding-top:20px;display:flex;list-style:none}
.huinfo li{flex:1;text-align:center;}
.hu .media-list li{padding:4px 0}
.authenticated::before{position:relative;bottom:-2px;margin-left:3px;background-position: -328px -300px}

.menu{float:left;width:200px;margin-top:20px;font-size:14px}
.menu dt{padding:6px 10px;font-size:15px;font-weight:700;background-color:#f8f8f8}
.menu,.menu a{color:#424242}
.menu a{display:block;padding:6px 10px}
.menu a.active,.menu a:hover{position: relative;color:#f47035}
.menu a.active::before{position:absolute;left:0;top:50%;margin-top:-2px;width:0;height:0;border:4px solid;border-color:transparent transparent transparent #f47035;content: ''}

@media only screen and (max-width: 780px){
.main{float:right;padding:20px 0 20px 20px;min-height:600px;border-left:2px solid #f6f6f6}}
@media only screen and (min-width: 800px) and (max-width: 3600px){
.main{float:right;width:958px;padding:20px 0 20px 20px;min-height:600px;border-left:2px solid #f6f6f6}}
.head{position:relative;margin-bottom:10px;padding:0 10px;font-size:15px;font-weight: 700}.head a{float:right;margin-top:3px;font-weight:normal;font-size:.9em}
.head::after{position:absolute;left:0;top:5px;height:16px;width:3px;background-color: #f47035;content: ''}
.head.s{padding:10px 15px;background-color:#f5f5f5;color:#7d7d7d}.head.s::after{display:none}
.head[line]{padding-bottom:10px;border-bottom:1px solid #f6f6f6}
.head .action{margin-top:-5px}
.currency a{display:inline-block;padding:0 6px;margin-left:5px;border:1px solid #f47035;font-weight:normal;background-color:#fff}
.currency a.active{background-color:#5DA400;color:#fff}

.tbl,
.tblo,.tblCart{margin-top:15px;width:100%;border-collapse:collapse;border-spacing:0}
.tbl th,.tbl td,
.tblo .bd{padding:10px 15px;border:1px solid #eee}
.tblo.bd{border:1px solid #eee}
.tbl th{font-size:14px;font-weight:700;background-color:#f5f5f5;color:#777}
.tblo th,.tblo td{padding:9px 15px}
.tblo th{padding:10px 15px;font-size:15px;background-color:#f5f5f5;color:#909399}
.tblo .theadno th{padding:0 15px}
.tblo .thead td{border-width:3px 1px 1px;border-color:#5DA400 #5DA400 #eee}
.tbl .tdnone td,
.tblo .thead.none td{border:0}
.tblo .pl{border:solid #eee;border-width:0 1px;}
.shopicon,.shopname,.shopname+.gray{display: inline-block;vertical-align:middle}
.shopicon{width:20px;height:20px;margin-right:5px}
.shopname{width:160px;font-size:14px;font-weight:normal;color:#000}.shopname a{color:#000}
.tblo .thead.none .shopname{width:auto}
.orderGoods{padding-right:100px;max-width:500px;margin-left:0}
.orderGoods dt{float:left;width:90px}.orderGoods dd{padding-left:115px;color:#828282}
.orderGoods h2{padding:0 20px 5px 0;font-size:14px;color:#000;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
.orderGoods input{padding:5px;margin-left:-6px;width:100%;border-color:#fff;}
.orderGoods input:focus{border-color:#dcdfe6}
.tblo ul{display: flex;list-style: none}
.main .tblo .orderGoods{max-width:360px;padding-right:10px}
.tblo .btn{margin:3px auto;padding:3px 15px}
.pg p{position:relative;padding:5px 0;list-style: none;border-bottom:1px solid #eee}
.pg p::before{position:absolute;left:0;top:5px;width:20px;height:20px;background:url(../img/base.png) -400px -200px no-repeat;content: ''}
.pg a:nth-child(2) p::before{background-position: -420px -200px}
.pg a:nth-child(3) p::before{background-position: -440px -200px}
.moreToggle{display:block;padding:5px 15px;text-align:center;max-width:100px;margin:auto;background-color:#eee}
.moreToggle::before{margin-right:5px;background-position: -200px -330px}
.moreToggle.open::before{transform: rotate(180deg)}
.marker{position:absolute;top:0;right:0;display:inline-block;width:50px;text-align:center;line-height:54px;background-color:#f5f5f5}.marker::before{display:inline-block;width:24px;height:24px;background-position: 0 -250px}
.tblo .action{padding-right:55px}
.total{font-size:14px}
.total span.warn{font-size:18px}
.settime{font-size:12px;color:#9a9897}
.settime::before{display: inline-block;margin-right:3px;width:12px;height:12px;background:url(../img/countdown.png) 50%/cover no-repeat;content: ''}

a.photograph::before{background-position:-280px -300px}
    a.photograph:hover::before{background-position:-280px -330px}
a.fav,a.favGoods::before{margin:auto 5px}a.fav::before,a.favGoods::before{background-position:-296px -300px}
    a.fav:hover::before,
    a.favGoods:hover::before{background-position:-296px -330px}
a.delete::before{background-position:-312px -300px}
    a.delete:hover::before{background-position:-312px -330px}
a.edit::before{background-position:-328px -300px}
    a.edit:hover::before{background-position:-328px -330px}
.calculator{background-position: -48px -300px}

.thead .icon{display:inline-block;width:24px;height:24px;margin:auto 1px}
.whole-paragraph{background-position: -24px -250px}
.earnest-money{background-position: -48px -250px}
.land-carriage{background-position: -72px -250px}
.sea-transportation{background-position: -96px -250px}
.door2door{background-position: -120px -250px}
.ems{background-position: -144px -250px}
.standard{background-position: -168px -250px}
.kerry{background-position: -192px -250px}
.nimexpress{background-position: -216px -250px}
.flash{background-position: -240px -250px}

.groups,.group,.groups-s,.freight{margin-top:-20px;padding:10px 20px;border:solid #E5E5E5;border-width:0 1px 1px}
.groups>div,.group>div{position: relative;padding:5px 100px}
.groupToggle{position: absolute;top:5px;right:0;border:1px solid #e5e5e5;padding:2px 8px;color:#686868}
.groupToggle::before{content: '展开'}
.groupToggle::after,.dropmenu em:after{display:inline-block;width:4px;height:4px;margin-left:5px;vertical-align:middle;border:solid #686868;border-width:1px 1px 0 0;content: '';transform: rotate(-45deg)}
.groupToggle.open::after{transform: rotate(135deg)}
.groupToggle.open::before{content: '收起'}
.groupToggle:hover,.groupToggle:hover::after{border-color:#f47035;color:#f47035}
.groups .hd,.group .hd{position: absolute;top:8px;left:10px;width:80px;color:#010101}
.group .bd a{display: inline-block;padding:3px 6px;margin:auto 5px 5px auto;background-color:#f6f6f6;color:#686868}.group .bd a:hover{background-color:#eee}
.groups,.groups-s{margin:20px auto;border-width:1px}.groups .hd{font-size:14px;}
.groups a{display:inline-block;margin:3px 10px 5px auto;}.groups a.active,.groups a:hover{color:#f47035}
.groups>div{border-bottom: 1px solid #e5e5e5}.groups>div:last-child{border-bottom:0}
.groups-s{margin-top:auto;border-left:3px solid #f47035}

.siteNav .child{min-width:200px;position: relative;}
.dropmenu{right:0;position:absolute;z-index:10;margin-top:-20px;border:solid #f6f6f6;border-width:0 1px 1px;background-color:#f6f6f6;}
.dropmenu em{display:block;padding:5px 10px 3px;}
.dropmenu em i{display:inline-block;/*width:90px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;*/font-style:normal;vertical-align: middle}
.dropmenu em:after{display:inline-block;}
.dropmenu a{display:block;padding:2px 10px}.dropmenu a:hover{background-color:#F6F6F6}
.dropmenu em::after{transform: rotate(135deg)}
.dropmenu:hover{background-color:#fff;border-color:#eee}
.dropmenu:hover em::after{transform: rotate(-45deg)}
.dropmenu p{display:none}
.dropmenu:hover p{display:block}

.choice i{display:inline-block;padding:5px 10px;border:1px solid #dcdfe6;border-radius:3px;font-style: normal;margin-right:5px;cursor: pointer}
.choice span{color:#999}
.choice i:hover,.choice i.active{position:relative;border-color:#f47035}
.choice i:hover:after,.choice i.active:after,.choice li.active:after{display: block;width:10px;height:10px;position: absolute;right:0;bottom:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMVSURBVGhD3Ze9b9RAEMVXoqNDoqKhhJ4qBQ0logQJLtdFokKiSk+VipYyFbGRoEP8DfwrdBGiQNEJYWbsN87u+t3ZXht/5Cc95c6emX1z+2HH3QSOc1fg43rRJlbfiDWx6kb8JlbbSNzEKhthTahwex2wBkwIWT7MvC+ELRtmPBZClwszzYTwZcIM7xNSlgcze0hIWxbMaJuQuhyYyS5C+jJgBrsKJeaHmesjlJkXZqyvUGo+mKkUodw8MEOpQsnpYWaGCGWnhRnpqm3m3hS/Loui2On373YdpafDBk7Rq8w9La6upAnh90+9Nk8jNmiKpImjYvdH5gHM1YgNmCJp4qEupYA5GrHBkvTRPYB1D2lKZkfuT9dIbShB1UzEXM+MxEzTiA2SonJPUIJGLiweQ46PDZCizYV7Bq8R4T7Ro9hyMOy4+KZ6K3On8BkRbXbhZe7uWR6GHo/AVE9tMnf+9/IHbBq7soW4Df0u8XcsF8OPg28qSY0TqjkLJfJk14ejnwsLw/GLpkj2xQlsAt7E66/utiy/93E+bAwjLhooc5nojN4zSYwtKd9+/FlnjOaLYCUdVtRUvuDJE1jfj+R7febHkrX+qPn76xVclXw9yViuCXbSYAVVm9x9kIHvVy4qtrl7wmJ1mSAkmIEa2Q8S85bmeoKl/rBiKt2EsOAhFvVXzdw3En8XQULYii43aeJdnMMEW/1ghWTA0xef3S14CDB7+soR5ZzhlhDNRzUTh/eWJ1jrDiui4kTmqlk5t5xwNjx0T8kP49dvE+x1gxUw6YaFDY+oEfluT2PdR7jYQO5v/dpdBIvtsOSGZD3r0xZ+PLyG5BQr35E+uce4EiCzdERrtwg2D8MSW7SFLw9rRv7qkayK0KVGanUSrO6HJXVReQQHsxMvsxA9oST+C6vVRbDLYQm9FSwhbYY0lLC5Y8FyExY8QM/Vr9+Cfda/ex+WPQTbISxwBJF9M2xf+IL1a1jQiCpnxsCTOyNxvQX7FSxgbNX/xlYvgicsJkVoYZomaskBoC+V9F6ipm/iP+lGNHGcu+IfDz2YMyR30UsAAAAASUVORK5CYII=) 100% 100%/cover no-repeat;content:'' }

.myOrder{border:1px solid #eee;margin:20px auto;color:#000}
.myOrder li{float: left;padding-right:10px;list-style: none}
.myOrder .hd{padding:10px 15px;font-size:15px;background-color:#f5f5f5}
.myOrder .hd li{width:20%}
.myOrder .bd{padding:10px 100px 10px 15px;position: relative;font-size:14px}.myOrder p{color:#666}.myOrder .bd li{padding:5px 10px 5px 0}
.myOrder .btn{position: absolute;top:10px;right:15px}

.unpaid{display:flex}
.form[bc] .unpaid li{flex:1;padding:10px 20px}
.unpaid p{height:20px}.unpaid b{padding:0 3px;font-size:20px;font-weight: normal}
.confirmpnl{position:relative;padding:20px 10px 20px 120px;background:url(../img/icCofim.png) 10px 50%/auto 90% no-repeat}
.confirmpnl dt,.confirmpnl b span{font-size:18px;font-weight: 700}
.confirmpnl dd{padding-top:5px}.confirmpnl b{float: right}
.confirmpnl em{display:inline-block;padding-left:40px;font-size:14px}
.accountAmount{background-image:url(../img/icAA.png)}
.accountAmount dd{font-size:18px;font-weight:700}

.filter{padding-bottom:10px}
.filter li{display:inline-block;padding:0 20px 5px 0;list-style: none}
.totalpoints{float:left;padding-top:5px;font-size:18px;font-weight:700;color:#333}
.totalpoints span{font-size:20px}.totalpoints::before{background-position: -32px -200px;width:32px;height:32px}

.flowstate{padding:15px;margin-bottom:15px;border:1px solid #f6f6f6}
.flowstate dt{padding-bottom:5px;font-weight:700}
.flowstate ul{list-style: none}
.flowstate li{display:inline-block;position:relative;padding:0 15px 0 20px;line-height:29px;border:solid #f47035;border-width:1px 0}
.flowstate li::before,.flowstate li::after{position:absolute;z-index:2;top:-1px;left:0;width:15px;height:31px;background:url(../img/flowstate.png) 0 0 no-repeat;content: ''}
.flowstate li::after{left:auto;right:0;background-position: 100% 0;z-index:1;right:0;}
.flowstate li.pass::before,.flowstate li.pass::after{background-image:url(../img/flowstate_.png)}
.flowstate li.pass{background-color:#f47035;}
.flowstate li.pass a{color:#fff}
.flowstate li:first-child::before{background:none;border-left:1px solid #f47035;left:0}
.flowstate li:first-child{padding-left:10px}


.address{padding:10px 0}
.address li{float:left;width:290px;border:1px solid #dcdfe6;padding:10px;margin:auto 10px 10px auto;list-style: none;position:relative}
.address li:hover{border-color:#f47035}
.address li:nth-child(3n){margin-right:auto}
.address li>div{position:absolute;bottom:0;left:0;right:0;padding:5px 10px;border-top:1px solid #dcdfe6;background-color:#fbfbfb}
.address p{padding:2px 0;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.address input[type="checkbox"]{border-radius:50%}.address input[type="checkbox"]:checked+span{color:#f47035}
.container>.address .action{font-weight:700;float:none}
.main .address li{padding-bottom:40px;}

.orderstate{margin-top:20px;height:120px;background:url(../img/bgorder.jpg) 100% 0 no-repeat;color:#fff}
.orderstate dl{padding:20px 30px}.orderstate dt{padding-bottom:5px;font-size:24px}.orderstate span{font-size:20px}
.orderstate dd::before{margin-right:3px;background-position: -392px -300px}

.form.batch{margin-bottom:auto}.batch div{margin-top:5px;padding:10px 15px;background-color:#fff}
.batch dl{padding:10px 15px}.batch dt{padding:5px 0 5px 15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB/SURBVChTY1h7Ne8/AxRcfbkZzoaDkh2c/6eccPz/8cfz/1tv1v4/9mg2qiKQAhBu2q/0f9mlJLCivXe7/7/79hCiEKYAhMt28vyffcYPrGj7rYb/Dz+e/o9FgS9cwYP3JxEKmvYrwq3Yc7cT1Qq8jlxzNQcucPnlJlRJBgYGANGVfC89nkj/AAAAAElFTkSuQmCC) 0 50% no-repeat}
.batch ul{display:flex;list-style: none}
.batch li{flex:1}.batch em,.orderInfo em{color:#000013}
.batch+.total{padding:8px 15px;text-align:right;background-color:#f0f5f2}
.form[bc] .orderInfo li{padding-right:50px}
.orderInfo{margin:5px 20px}
.orderInfo:first-of-type{display: flex;justify-content: flex-start}
.orderInfo:first-of-type li{flex:1}

.delivery{position:relative;margin:10px 20px;padding:10px;border:1px solid #dcdfe6;background-color:#fff}
.delivery dt::before{background-position: -360px -300px;margin-right:4px}
.delivery dd{padding-left:20px}
.modify{position: absolute;top:-1px;right:-1px;padding:3px 7px;border:1px dashed #dcdfe6}
.modify::before{background-position: -376px -300px}

.favlist li{float:left;padding:6px;margin:5px 7px auto auto;border:1px solid #fff;list-style: none;position: relative}
.favlist li:hover{border-color:#dcdfe6}
.favlist li:nth-child(4n){margin-right:auto}
.favlist img{display:block;max-width:100%;margin-bottom:5px}
.favlist li:hover .delete{display:block}
.favlist .delete{display:none;position: absolute;top:10px;right:10px;width:36px;line-height:36px;border-radius:50%;text-align:center;background-color:#4a8412}
.favlist .delete::before,.favlist .delete:hover::before{width:24px;height:24px;background-position: -312px -250px}
.favlist h2{text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

.media{background-color:#f6f6f6}
.media .wrap{display:flex;align-items: stretch;padding-bottom:40px;}
.media-detail,.media-list{background-color:#fff;flex:2;padding:10px;}
.media-detail{flex: 6;margin-right:20px;padding:20px 20px 50px;font-size:14px;color:#333}
.media-list{padding:10px}
.media-list .hd{padding:10px;font-weight:700;color:#f47035;background-color:#f5f5f5;}.media-list .hd a{float:right;font-weight:normal;color:#909399}
.media-list li{padding:8px 5px;list-style: none;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.media-list li[data-on]::before{display:inline-block;vertical-align:middle;width:30px;line-height:30px;border-radius:2px;text-align:center;content:attr(data-on);margin-right:5px;font-size:15px;background-color:#f5f5f5;}
.media-list li[data-on]:nth-child(-n+3)::before{background-color:#e7f2d9;color:#f47035}
.media-list a:hover,.market a:hover{color:#f47035}
.media-list i{float:right;margin-top:3px;font-style: normal}
.media-detail h2{font-size:18px;}
.release-time{margin:10px auto;padding:5px 10px;color:#959595;background-color:#fafafa;}
.media-detail p{margin:10px auto}
.media .wrap .media-detail:only-child{margin-right:auto;padding:50px}

.notify{margin:20px auto}
.notify dt{padding:10px 15px;box-shadow: 0 -6px 6px rgba(206, 160, 160, 0.1);color:#333;}
.notify dd{padding:8px 15px 15px;background:url(../img/notify.png) 100% 100% repeat-x;}

.page404{min-height:800px;background:#f6f6f6 url(../img/404.png) 50% no-repeat;}

.wads{float:left;margin:20px auto;width:460px;height:480px;background:#fafafa url(../img/thordads.png) 50% no-repeat;}
.wform{float:right;margin:20px auto;width:710px;}
.wform .hd{padding:8px 20px;background-color:#f0f5f2;border:1px solid #5DA400;font-size:18px;}
.rate{font-weight:700;background-color:#fafafa}
@media only screen and(max-width: 780px){
.ucl{float:left;}}
@media only screen and (min-width: 800px) and (max-width: 3600px){
.ucl{float:left;width:630px;}}

@media only screen and (max-width: 780px){
.uc .media-list{float:right;padding-top:0;}}

@media only screen and (min-width: 800px) and (max-width: 3600px){
.uc .media-list{float:right;width:300px;padding-top:0;}}
.uinfo{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #b9b9b9;}.ucl .uinfo:last-of-type{border:0}
.uinfo .btn,.business-data .btn{display:block;margin-bottom:5px;font-weight:normal}
.uinfo dt{padding-bottom:10px;font-size:24px;color:#000}.uinfo dt p{display:inline-block;vertical-align: text-bottom;padding-left:20px;font-size:16px;}.uinfo dt::before{width:32px;height:32px;margin-right:5px;}
.balance::before{background-position: -32px -200px;}
.user::before{background-position: -64px -200px;}
.uinfo dd p{margin:10px 30px;padding:5px 0;text-align:center;background-color:#f0f5f2;color:#f47035}.uinfo dd span{font-size:16px;color:#000}
.business-data li{float:left;width:20%;height:80px;color:#676767;list-style: none;}
.business-data b{font-size:16px;font-weight:normal;color:4000;}
.uinfo dd .ic:before{width:24px;height:24px;margin-right:5px;}
.phone::before{background-position: -264px -250px}
.mail::before{background-position: -288px -250px}
.vip::before,.svip{display:inline-block;background-image:url(../img/icVip.png)}
.vip sub{display:inline-block;position:relative;top:2px;left:-5px;color:#ff902e;font-size:8px;vertical-align: bottom}
.svip{vertical-align: middle; width:30px;height:16px;background:url(../img/icSvip.png) no-repeat;}

.market .hd{border-bottom:1px solid #e5e5e5}
.market em{display:inline-block;padding:5px 10px;font-size:14px;color:#000;position:relative;}
.market em::before{position: absolute;bottom:-1px;left:10px;right:10px;border-bottom:3px solid #000;content: ''}
.market ul{padding:10px 10px 20px;list-style: none;}.market li{float:left;width:20%;padding:5px 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.groups+.filter{margin-bottom:20px;padding:10px 20px;border:1px solid #e5e5e5}.groups+.filter li{padding-bottom:0;}

.goodslist li{float:left;width:220px;margin:auto auto 20px;padding:9px;border:1px solid #e5e5e5;list-style: none;background-color:#fff }
.goodslist b{display:block;padding:3px 0;}.goodslist img{display:block;max-width: 100%;}
.goodslist h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.freight{margin:20px auto;padding:20px;border-width:1px;display:flex;}
.freight>div{flex:1;box-sizing: border-box}
.compute{padding:30px 0;background-color:#f5f5f5}
.computeshow{padding:15px 0;margin:15px 20% 15px auto;border:dashed #dcdfe6;border-width:1px 0}
.computeshow>p{padding:5px 0}.computeshow>p>span{float:right}
.expenses{padding: 50px;font-size:16px;color:#000}
.expenses p{padding:10px 0;}.expenses p:nth-child(2){font-size:14px;color:#888;}
.expenses p:last-child{padding-top:30px;font-size:14px;}
.formula{display:inline-block;text-align:center;vertical-align: middle;padding-right:10px;}
.formula i{display:block;padding:0 5px 5px;margin-bottom:5px;border-bottom:1px solid #dcdfe6;font-style: normal;}
.formula.self{padding:10px 0;font-size:16px;}.formula.self,.formula.self+span{color:#888}
.expenses img{position: absolute;top:0;right:0;}


.goodsBase{margin:20px auto;}
.gallery{float:left;width:440px;position: relative;}

.goto{display:inline-block;margin:5px auto;padding:3px 15px;border:1px solid #5dce95;color:#5dce95;}
.goto:before{background-position: -392px -330px;margin-right:5px;}
.galleryMain{min-height:440px;position: relative;background:url(../img/loader.png) 50%/100% auto no-repeat;}
.galleryMain img{display:block;max-height:440px;}
.favGoods{position: absolute;right:0;bottom:-25px;}.favGoods:hover{color: #f47035}
.galleryList{position:relative;padding:10px 40px;overflow:hidden;width:360px;height:63px}
.galleryList li{float:left;position: relative;padding:1px;margin:auto 4px 15px;width:60px;height:60px;list-style: none;border:1px solid #e5e5e5;cursor: pointer;}
.galleryList li.active{border-color:#f47035;}
.galleryList li.active:before{position: absolute;top:-6px;left:50%;margin-left:-3px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f47035;content:'' }
.galleryList img{display: block;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%}
.glPrev,.glNext{position:absolute;left:0;top:10px;width:25px;line-height:65px;text-align:center;background-color:#f5f5f5;}
.glPrev::before,.glNext::before{display:inline-block;width:6px;height:6px;border:solid #a59aa5;border-width:1px 1px 0 0;content:'';transform: rotate(45deg)}
.glNext{left:auto;right:0}.glPrev::before{transform: rotate(-135deg)}

.property{float:left;width:540px;padding:0 20px;}
.property h2{font-size:16px;font-weight:700;color:#000;}
.property .form{padding:10px 0}
.property .form .label{width:60px}
.property .form .block{margin-left:60px}
.property .form li{border-bottom:1px solid #e5e5e5;}.property .form li.none{border:0}
.price{height:80px;position: relative;}
.price p{padding-top:10px;font:40px arial;color:#000}.price sup{font-size:20px;}.price sub{font-size:20px;color:#999;}
.price a{float:right;color:#666;}
.paramer .label{text-align: left;}

.dittoprice{display:flex;padding:15px;align-items:center; list-style: none;background: url(../img/dittoprice.png) 50%/cover no-repeat}
.dittoprice li{flex:1;text-align:center}
.dittoprice span{font-size:12px;color:#666;}.dittoprice sup{padding-right:1px;font-size:10px}
.dittoprice .realprice{display:block;font-size:14px;color:#dd0a24;}
.dittoprice .realprice sup{font-size:10px;}

.sizeSel{border-bottom:1px dashed #eee;}.sizeSel:first-of-type{padding-top:4px;}.sizeSel:last-of-type{border:0;}
.sizeSel li{float:left;width:50%;padding:4px 0;list-style: none;}.property .sizeSel li{border:0}
.sizeSel li:first-child{width:30%;}
.sizeSel li:nth-child(2){width:20%;}
.sizeSel .stock{margin-top:-10px;}
.sizeSel .stock a{padding:0;}
.property .choice li{position:relative;display:inline-block;vertical-align: middle;padding:1px;line-height:26px;border:2px solid #eee;margin:auto 4px 2px auto;cursor: pointer;}
.choice li.active,.choice li:hover{border-color:#f47035;}
.choice li.disable,.choice li.disable:hover{border-style: dashed;border-color:#eee;cursor:not-allowed }
.choice img{display:block;height:30px;}
.choice span{display: inline-block;padding:2px 10px;color:#666;}.choice .disable span{color:#ddd;}

.addCart{padding:7px 30px;font-size:16px;font-weight:700;border:0;background-color: #f47035;color:#fff;}
.addCart:before{width:20px;height:20px;margin-right:10px;background-position: -400px 0}
.language{float:right;padding-top:px}
.language>a{display: inline-block;padding:0 3px;background-color:#f5f5f5;border:1px solid #d9d9d9;}
.language>a.active{background-color:#f47035;border-color:#f47035;color:#fff;}
/* .language span a{margin-left:10px;color:#A59AA5;}.language  .icon{display: inline-block;width:16px;height:16px;}
.language span a.active{color:#ff7b02;}
.language span a.active .icon{background-position: -592px -100px} */

.sizeSelCount{position:relative;padding:5px 5px 5px 120px;border-top:1px solid #dcdcdc;background-color:#fbfbfb;}
.sizeSelCount b{font-size:16px;}
.sizeSelCount table{position: absolute;left:0;right:0;bottom:35px;visibility:hidden;background-color:#fafafa;}
.sizeSelCount td{border:1px solid #eee;padding:5px;text-align: left}
.selList{float:right;margin:3px 10px auto auto;color:#a59aa5;}
.selList:after{display:inline-block;margin:auto auto auto 5px;width:6px;height:6px;border-left:1px solid #a59aa5;border-top:1px solid #a59aa5;vertical-align:middle;content: '';transform: rotate(45deg);}
.selList.open:after{transform: rotate(225deg);margin-top:-6px;}.selList.open+table{visibility:visible;}
.parameter{margin-top:-20px;padding:0 20px 20px;border:1px solid #eee;}
.parameter dt{padding:20px 0 5px;}
.parameter li{float:left;width:33%;padding:2px 0;list-style: none;}
.goodsDetail{padding:10px;}

.sellerinfo{float:right;width:180px;}
.sellerinfo .hd{padding:3px 0;font-size:14px;font-weight: 700;border-bottom:1px solid #dcdcdc;color:#000}
.sellerinfo li{padding:3px 0 5px;list-style: none;}
.sellerinfo li::before{background-position: -440px -300px;margin-right:5px}
.sellerinfo li:nth-child(2)::before{margin-right:5px;background-position: -424px -300px}
.sellerinfo a{display:inline-block;padding:3px 10px;border:1px solid #dcdcdc;background-color:#f5f5f5;color:#565859}


.orderProgress{float:right;margin:5px auto;}
.orderProgress span,.orderProgress i{position:relative;display:inline-block;width:270px;height:10px;border-radius:10px;background-color:#ddf6e1;}
.orderProgress span{margin-left:10px;}
.orderProgress i{position:absolute;top:0;left:0;background-color:#008333;font-style: normal;}
.orderProgress i:after{position:absolute;top:-20px;right:-40%;padding:0 5px;border-radius: 10px;font-size:10px;background-color:#18c438;color:#fff;content: attr(data-count);}
.orderProgress i:before{position:absolute;top:-6px;right:-13%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #18c438;content:'' }

.stalls{float:left;width:220px;padding:15px;border:1px solid #e5e5e5;}
.stalls h2{padding-bottom:5px;font-weight:700;font-size:14px}.stalls sup{display:inline-block;margin:auto 3px;padding:1px 5px;font-weight:normal;border-radius:3px;background-color:#F58FA5;color:#fff;}
.stalls li{list-style: none;padding:3px 0;}
.stalls .tac a{display:inline-block;margin:10px 5px;border:1px solid #e6e6e6;padding:3px 10px;}
.identification::before{width:20px;height:20px;background-position: -580px -200px}

.goodsr{float:right;width:930px}
.goodstab{border:1px solid #e5e5e5;background-color:#fafafa;font-weight:700}
.goodstab a{display:inline-block;padding:13px 30px;border-right:1px solid #e5e5e5}
.goodstab a.active{color: #f47035;position: relative;}.goodstab a.active::before{position:absolute;bottom:-1px;left:0;right:0;content:'';border-bottom:2px solid #f47035}

.attributes{margin:10px auto;padding:15px;border:1px solid #e5e5e5;font-size:12px;position: relative;}
.attributes h3{padding-bottom:5px;font-size:14px;}
.attributes li{float:left;width:33%;list-style: none;}
.attributes .toggle{position:absolute;border:solid #e5e5e5;border-width:0 1px 1px;width:60px;line-height:14px;right:20%;bottom:-14px;text-align:center;background-color:#fff;}
.attributes .toggle::before{display:inline-block;width:4px;height:4px;border:solid #a59aa5;border-width:1px 1px 0 0;content:'';transform: rotate(-45deg)}
.attributes .toggle.open::before{position:relative;top:-4px;transform: rotate(135deg)}

.goods-detail{padding:20px 0}
.goods-detail img{max-width:100%;}

.reminder{padding:20px}
.reminder dt{font-weight:700}
.reminder ol{padding:5px 5px 5px 18px}.reminder li{padding:0;list-style-type: decimal}

.mask{position: fixed;z-index:100;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.4);}
.member{display:none;position:fixed;z-index:105;top:50%;left:50%;margin-left:-350px;width:420px;padding:50px 140px;background-color:#fafafa;transform: translateY(-50%)}
.member ul{margin:10px auto;border-bottom:1px solid #d2d2d2}
.member li input{width:100%;border:0;vertical-align: middle}
.member li{border:solid #d2d2d2;border-width:1px 1px 0;display:flex;padding:10px;background-color:#fff}
.member li img{width:32px;height:32px;display:inline-block;vertical-align: middle}
.member .btn{display:block;width:100%;padding:0;line-height:56px;font-size:16px;color:#fff;margin:auto;border-radius:0}
.member p{margin:15px auto}
.member h2{text-align:center;padding:10px 0;font-size:30px}
.member .getVc{position:absolute;right:0;top:0;bottom:0;line-height:56px;text-align:center;width:106px;background-color:#ededed;border-left:1px solid #d2d2d2;}
.or{position: relative;text-align:center;font-size:18px;color:#d2d2d2}
.or::after,.or::before{position:absolute;top:50%;left:0;width:40%;border-bottom: 1px solid #d2d2d2;content:''}
.or::before{left:auto;right:0}
.close{position:absolute;top:20px;right:20px;width:32px;height:32px;text-indent:-10000px;background:url(../img/close.png) 50% no-repeat;}

.register{display:block}
.tab{display:flex;font-size:24px;margin-bottom:20px}
.tab a{flex:1;padding:10px 0;text-align:center;border-bottom:2px solid #d2d2d2}
.tab a.active{border-color:#f47035;color:#f47035}

.floating{display:none;position:absolute;z-index:10;border:1px solid #74b809;background-color:#fff;}
.floating::after,.floating::before{position:absolute;top:10px;left:-5px;z-index:11;width:10px;height:10px;background-color:#fff;content: '';transform: rotate(45deg)}
.floating::after{z-index:10;left:-6px;background-color:#74b809}
.floating[top]::after,.floating[top]::before{top:-5px;left:auto;right:10px;}
.floating[top]::after{top:-6px;}


.newGroups{position:relative;z-index:5;text-align:left}span.newGroups{display:inline-block;font-size:12px;}.newGroups:hover .floating{display:block;width:160px;right:0;font-size:12px;}
.newGroups dt{padding:5px 10px 0;color:#999}.newGroups dd{max-height:180px;padding: 5px 10px 10px;}
.newGroups input[type="checkbox"]{transform: scale(.8) }
.addGroupop{border-top:1px solid #74b809;display:flex}
.addGroupop .btn{display:block;width:50px;font-size:12px;border-radius:0;padding:5px 0;background-color:#74B809}
.addGroupop input{flex:1;border:0;padding:5px 10px;width:120px;}
.addGroup{display:block;padding:5px 0;text-align: center;background-color:#74B809;color:#fff;cursor:pointer}
.addGroup::before{display:inline-block;width:14px;height:14px;overflow:hidden;line-height:11px;border:1px solid #fff;border-radius: 50%;margin-right:5px;vertical-align:middle;color:#fff;content:'+';font-weight:700;font-size:15px;}

.wmp{width:618px;padding:10px;text-align:left;font-size:14px;color:#666}
.wmp .hd{padding-bottom:5px;border-bottom:1px solid #eee;}
.wmp .hd input{padding:0 5px;margin-right:10px}
.wmp dl{padding:10px 0}.wmp dt{float:left;width:110px;text-align:center}
.wmp dt a{display:block;padding:3px 0;border-bottom:1px solid #eee;}.wmp dt a.active{color:#dd0a24}
.wmp dd{padding-left:10px;border-left:1px solid #eee;overflow:auto;height:333px}
.wmp li{float:left;width:20%;padding-right:5%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.smtab .floating{top:-10px;left:155px}
.smtab>div:hover .floating{display: block}
.smtab .floating::after,.smtab .floating::before{top:25px}


/* footer */
.footer{position: absolute;left:0;right:0;padding:8px 0;text-align:center;background-color:#5DA400}
.footer,.footer a{color:#fff}.footer a{display: inline-block;margin:auto 5px}

.delCart{display:none;position:absolute;z-index:10;right:5px;top:3px;width:14px;height:14px;background:url(../img/cartDel.png) 50%/cover no-repeat;}
.sidebar{position:fixed;padding-left:30px;top:0;bottom:0;right:0;background-color:#e6e6e6}
.sidebar .stock{transform: scale(.8);border-color:#fff;background-color:#fff}
.sidebar .stock input{width:35px;border-color:#fff}
.sidebar .stock a{visibility: hidden}
.sidebar tr:hover .stock{border-color:#E5E5E5;background-color:#f6f6f6}
.sidebar tr:hover .stock a{visibility: visible}
.sidebar tr:hover .delCart{display:block}

.cart{width:300px;display:none}
.tblCart{width:100%;margin:auto auto 10px;background-color: #fff;color:#999;border:1px solid #e6e6e6}.tblCart.first{background-color:#e6e6e6}
.tblCart th{padding:5px 2px;border-bottom:1px solid #e6e6e6;}.tblCart th:first-child{border:0;}.tblCart.first th{font-size:14px;font-weight:700;}
.tblCart td{padding:5px 2px;position:relative}
.tblCart input[type="checkbox"]{margin-left:5px;transform: scale(.8);vertical-align: middle}
.tblCart dt{float:left;width:45px;height:45px;}.tblCart dd{padding-left:50px}
.tblCart dt img{max-width:100%}.tblCart dd p{margin-left:0;width:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tblCart em,.tblCart td.tar{color:#000}

.settle{position:absolute;width:280px;border-top:1px solid #fff;bottom:0;right: 0;padding:10px}
.settle a{display: block;padding:8px 0;margin-top:5px;text-align: center;font-size:16px;color:#fff;background-color:#5ba712}
.settle a:after{display:inline-block;width:16px;height:16px;line-height:16px;font:10px arial;border-radius:50%;content:'>';vertical-align: middle;margin-left:5px; background-color:#fff;color:#5ba712}

.toolbar{position:absolute;width:30px;left:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}
.toolbar ul{position: absolute;top:20%;}.toolbar ul:last-child{top:auto;bottom:16%;}
.toolbar li{width:30px;height:36px;list-style: none;position:relative;}
.toolbar li:after{position:absolute;bottom:0;left:5px;right:5px;bottom:0;border-bottom:1px solid rgba(0,0,0,.25);content:'';}
a[class^="t_"]{position:absolute;top:0;right:0;padding:5px;white-space: nowrap;}
a[class^="t_"] span{display:none;padding:0 5px;color:#fff;}
a[class^="t_"]:hover{background-color:#FD8000}
a[class^="t_"]::after{display: inline-block;vertical-align: middle;;width:20px;height:20px;background:url(../img/base.png)  no-repeat;content: '';}
a[class^="t_"]:hover span{display:inline-block}
a.t_pc::after{background-position: -400px -230px}
a.t_cart::after{background-position: -420px -230px}.t_cart sup{position:absolute;top:0;right:0;min-width:10px;padding:0 4px; transform: scale(.8); font-family:arial;background-color:#FD8000;border-radius:50%;color:#fff}
a.t_spr::after{background-position: -440px -230px}
a.t_fav::after{background-position: -460px -230px}
a.t_sign::after{background-position: -480px -230px}
a.t_aa::after{background-position: -500px -230px}
a.t_mobile::after{background-position: -520px -230px}
a.t_line::after{background-position: -540px -230px}
a.t_fb::after{background-position: -560px -230px}
a.t_top::after{background-position: -580px -230px}
.qrcline img{display:none;position: absolute;z-index:5;right:20px;margin-top:15px;transform: translateY(-50%)}.qrcline:hover img{display: block}
.fbbox{display:none;position: absolute;z-index:5;width:265px;padding:30px 50px;right:30px;transform: translateY(-50%);font-size:16px;box-shadow: 0 0 10px rgba(0,0,0,.4);background-color:#fff;}
.fb:hover .fbbox{display:block}
.fbbox dt{text-align:center;color:#000}
.fbbox dd{padding:10px 0;font-size:14px;color:#999;}.fbbox label{margin-right:10px}
.fbbox dd p{padding-bottom:5px;font-size:16px;color:#000}

.loginbox,.forget{padding:60px 0;background-color:#f7f7f7}
.loginbox .container{background:url(../img/bglogin.jpg) 0 50%/auto 90% no-repeat;}
.loginbox .member{display:block;position: static;top:0;left:0;padding:50px 40px;background-color:#fff;transform:none;margin:auto;float:right}
.loginbox+.footer{margin-top:30px;background-color:transparent}
.loginbox+.footer,.loginbox+.footer a{color:#3e3e3e}
.forget-head{padding:10px 0;font-size:16px;}
.forget-head::before{display:inline-block;vertical-align: middle;margin-right: 5px; width:16px;height:17px;background:url(../img/icSafe.png) no-repeat;content:''}


.cartTotal{position:fixed;bottom:36px;width:1200px;left:50%;margin-left:-600px}

.nocart{width:280px;margin:100px auto;padding:50px 0 50px 300px;background:url(../img/nocart.jpg) 0 50% no-repeat;}
.nocart p{padding-bottom:20px;font-size:18px}

.nodata{text-align:center;padding-bottom:80px;font-size:20px;}
.nodata::before{display:block;width:430px;height:310px;margin:50px auto 10px;background:url(../img/nodata.jpg) no-repeat;content:'';}
i.edit{background-position:-376px -330px;margin-left:3px;vertical-align: -2px}
.address2 li{padding:8px;border:1px solid #fff;list-style: none;}
.address2 label span{color:#000;vertical-align: initial}
.address2 li.active{border-color:#66ad22;background-color: #F0F5F2}
.address2 li.active label span{font-weight:700}
.address2 a.fr{color:#008aff}
.sendto{display:inline-block;padding-left:24px;min-height:18px;font-weight:700;color:#f47035;background: url(../img/icAddress.png) 0 50% no-repeat;visibility: hidden;}
.address2 li.active .sendto{visibility: visible}
.address2 i{font-style:normal}
.address2 input[type='radio']:disabled+span{color:#999;}


.step2{margin:50px 100px;list-style: none;display:flex;text-align: center;}
.step2 li{flex:1;}
.step2-n{margin-bottom:10px;position:relative}.step2-n span{position:relative;z-index:2;display:inline-block;vertical-align: middle;margin-top:-25px;width:45px;line-height:52px;font-size:22px;color:#fff;background:url(../img/step.png) 100% 50% no-repeat;}
.step2-n::after{position:absolute;left:0;right:0;height:2px;background-color:#dbdbdb;content: '';}
.step2 li.pass .step2-n::after{background-color:#5ba712}
.step2 li.pass .step2-n span{background-position: 0 0}

.forget .form{    padding:50px 100px}
.forget-account{margin:10px auto;}
.forget-account+button{border-radius:0;border:solid #dcdfe6;border-width:1px 1px 1px 0;margin-left:-2px;}
.showPassword{display:inline-block;vertical-align:middle;position: relative;left:-40px;width:32px;height:32px;background:url(../img/pwdShow.png) 0 50% no-repeat;}
.showPassword.open{background-position: 100% 50%;}
.confirm{margin:80px 100px;text-align:center;font-size:18px;color:#333;}
.confirm::before{width:20px;height:20px;margin-right:10px;background:url(../img/icCofim.png) 50%/cover no-repeat;content:'';}
.confirm::before,.confirm span{display:inline-block;vertical-align:middle;}


/* Menu */
nav {
    float: left;
}
.navbar-dashboard {
    min-height: auto;
}
.navbar-header{
    display: none;
}
#menu-dashboard {
    width: 100%;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 0;
    float: none;
    /*border-top: 1px solid #e5e5e5;*/
    border-bottom: 0px;
}
#menu-dashboard .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}
#menu-dashboard .nav > li > a:hover, #menu-dashboard .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu-dashboard .dropdown-menu {
    padding-bottom: 0;
}
#menu-dashboard .dropdown-inner {
    display: table;
}
#menu-dashboard .dropdown-inner ul {
	display: table-cell;
}
#menu-dashboard .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu-dashboard .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu-dashboard .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu-dashboard .see-all:hover, #menu-dashboard .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #3ab54a;
	background-image: linear-gradient(to bottom, #3ab54a, #1f90bb);
	background-repeat: repeat-x;
}
#menu-dashboard #category {
	float: left;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
}
#menu-dashboard .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #000;
	padding: 0;
	float: right;
	margin: 0;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: right;
	border: none;
	width: 100%;
	padding: 20px 30px;
}

.navbar-collapsedash {
    display: none;
	position: absolute;
	top: 59px;
	z-index: 999;
	background: #fff;
	margin: 0 !important;
	left: 0;
	width: 100%;
}

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

a:hover {
  color: #f47035;
}

/* Dropdown */

.dropdown {
  display: inline-block;
  position: relative;
}

.dd-button {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 10px 30px 10px 20px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}

.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.dd-button:hover {
  background-color: #eeeeee;
}

.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
}

.dd-input + .dd-menu {
  display: none;
}

.dd-input:checked + .dd-menu {
  display: block;
}

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 800px){
.dash1{
    display: none;
}
}
@media only screen and (min-width: 800px) and (max-width: 3600px){
.dd-button {
    display: none;
}
}