@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#3e3a39;font:normal 16px/1.875em 'Arial','Sans-serif';overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#371381;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:'Arial','Sans-serif';font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.5;color:inherit;}
input:-moz-placeholder{opacity:0.5;color:inherit;}
input::-webkit-input-placeholder{opacity:0.5;color:inherit;}
input:-ms-input-placeholder{opacity:0.5;color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:81.25em;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure{overflow:hidden;position:relative;}
.figure a{display:block;}
.figure img{display:block;width:100%;height:auto;}
.figure .img{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submit{cursor:pointer;}
.linear{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);color:#fff;}
.linear a{color:#fff;}
.linear a:hover{opacity:.75;}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}

/*entry*/
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;line-height:1.875em;}
.entry h2{font-size:1.25em;line-height:1.875em;}
.entry h3{font-size:1.125em;line-height:1.875em;}
.entry h4{font-size:1em;line-height:1.875em;}
.entry h5{font-size:0.875em;line-height:1.875em;}
.entry h6{font-size:0.75em;line-height:1.875em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
.entry table{border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;}
.entry th{background-color:#f9f9f9;text-align:center;}
.entry td,.entry th{padding:5px;border:1px solid #e4e4e4;}

.w1300{ max-width: 1300px; margin: 0 auto; width: 96%; }
@media screen and (min-width: 1921px) {
    .w1300{ max-width: calc( 1300 / 1920 * 100vw);}
}
@media screen and (max-width: 1200px) {
    .w1300{ max-width: 100%; width: 96%; margin: 0 auto;}  
}



/*header*/
#header{background-color:#fff;border-bottom:1px solid #d3d3d3;padding:1.4375em 0;position: fixed; width: 100%; z-index: 100}

/*top*/
#top{flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}

/*logo*/
#logo{width:10.5em;font-size:1em;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:32.73809524%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;transition:opacity 0.2s;}
#logo i:nth-child(2){opacity:0;}

/*button*/
#button{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}

/*logreg*/
#logreg{width:8.9375em;height:2.25em;line-height:2.25em;border-radius:1.125em;text-align:center;margin-left:1.875em;}
#logreg em {
  width: 1px;
  height: 16px;
  background-color: #fff;
  display: inline-block;
  margin: -1px 10px 0;
  vertical-align: middle;
}
/*entrance*/
#entrance{width:4.375em;padding-right:1.6875em;position:relative;margin-left:1.875em;}
#entrance:after{width:0.75em;height:0.5625em;background:url(../images/arrow_down_03.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#entrance .avatar{position:relative;cursor:pointer;}
#entrance .avatar i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;border-radius:50%;}
#entrance ul{position:absolute;left:50%;transform:translateX(-50%);margin-left:-0.84375em;top:100%;min-width:100%;box-shadow:0px 0px 1.6875em rgba(0,0,0,0.08);margin-top:1em;padding:0.625em 1.5em;z-index:5;background-color:#fff;display:none;}
#entrance ul:before{border-bottom:0.625em solid #fff;border-left:0.3125em solid transparent;border-right:0.3125em solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
#entrance li{text-align:center;padding:0.5625em 0;}
#entrance li a{display:block;overflow:hidden;padding-left:2.1875em;white-space:nowrap;background:no-repeat left center;background-size:auto 1.1875em;}
#entrance .vip a{background-image:url(../images/icon_03.png);}
#entrance .out a{background-image:url(../images/icon_04.png);}

/*msgcart*/
#msgcart{width:4.8125em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#msgcart a{display:block;position:relative;width:1.5em;color:#fff;}
#msgcart a:hover{opacity:0.75;}
#msgcart i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#msgcart .msg{background-image:url(../images/icon_01.svg);}
#msgcart .cart{background-image:url(../images/icon_02.svg);}
#msgcart span{width:1em;height:1em;font-size:0.75em;min-width:1.33333333em;border-radius:0.66666667em;height:1.33333333em;line-height:1.33333333em;background-color:#e80606;position:absolute;right:-0.58333333em;top:-0.41666667em;text-align:center;}

/*navbtn*/
#navbtn{display:none;}

/*navi*/
#navi{width:calc(100% - 26.125em);max-width: 732px; text-transform:uppercase;}
#navi .menu{align-items:center;justify-content:space-evenly;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0 3.30578512%;position:relative;}
#navi .parent > a{line-height:3.4375em;}
#navi .cur > a:after,#navi .on > a:after{width:100%;}
#navi .drop{position:absolute;top:100%;z-index:5;border-top:1px solid #f0f0f0;background-color:#fff;display:none;}
#navi .dot a{color:#000;border-bottom:1px solid transparent;display:block;overflow:hidden;white-space:nowrap;padding-right:1.5em;position:relative;transition:all 0.2s;}
#navi .dot a:after{width:1.25em;height:0.35em;background:url(../images/arrow_04.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:all 0.2s;}
#navi .dot a:hover{border-bottom-color:#333;color:#000;}
#navi .dot a:hover:after{opacity:1;}
#navi .sub{min-width:21.4375em;left:50%;transform:translateX(-50%);padding:2.8125em;}
#navi .sub li{font-size:1.25em;line-height:2.4em;}
#navi em{display:none;}

/*search*/
#search{padding-top:1em;/*margin-top:0.76923077%;*/}
#search .form{width:63.30769231%;margin:0 auto;}
#search .input{width:calc(100% - 8.75em);}
#search .text{border:1px solid #959595;width:100%;display:block;border-radius:0.625em 0 0 0.625em;border-right:none;height:2.5625em;padding:0 9.51683748%;background:#fff url(../images/search_01.png) no-repeat 4.39238653% center;background-size:1.1875em auto;color:#555;}
#search .column{width:8.75em;position:relative;text-align:center;line-height:2.5625em;border-radius:0 0.625em 0.625em 0;cursor:pointer;}
#search .column span{display:inline-block;background:url(../images/arrow_down_02.png) no-repeat right center;background-size:0.75em auto;padding-right:1.375em;}
#search .column ul{position:absolute;left:0;top:100%;width:100%;padding:0 2px 2px;color:#333;font-size:0.875em;visibility:hidden;opacity:0; z-index: 10;}
#search .column li{padding:0 1em;background-color:#fff;}
#search .column li:hover{color:#371381;}
#search .column.active{border-bottom-right-radius:0;}
#search .column.active ul{visibility:visible;opacity:1;}

/*footer*/
#footer{background-color:#371381;color:#fefefe;}
#footer a{color:#fefefe;}
#footer a:hover{color:#fff;}

/*bottom*/
#bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:2.1875em 0;border-top:2px solid #a291c4;}

/*licence*/
#licence{padding:0.25em 0;}
#licence a{display:inline-block;border-bottom:1px solid #fefefe;margin-right:2.1875em;}
#licence a:hover{border-bottom-color:transparent;}

/*copyright*/
#copyright{padding:0.25em 0;}
#copyright a{display:inline-block;}
#copyright p{white-space:pre-wrap;}

/*links*/
#links{overflow:hidden;margin-bottom:3.07692308%;}
#links .name{float:left;font-size:1em;font-weight:normal;line-height:1.875em;}
#links ul{overflow:hidden;margin-left:5em;}
#links li{margin-right:1em;}
#links li:last-child{margin-right:0;}

/*info*/
#info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-top:3.84615385%;}

/*site*/
#site{width:21%;}

/*menu*/
#menu{width:64.23076923%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1.76923077% 0;}
#menu h3{font-size:1em;line-height:2.5em;font-weight:normal;margin-bottom:2.6875em;}
#menu li{font-size:0.875em;line-height:2.57142857em;}

/*admin*/
#admin{background:#fff url(../images/dots_bg.png) no-repeat right center;background-size:37.23958333% auto;padding:8.20833333% 0 6.25%;}
#admin .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*slogan*/
#slogan{width:38.84615385%;}

/*aform*/
#aform{width:48.07692308%;}
#aform .form,#aform .box{background-color:#fff;box-shadow:0px 0.1875em 3.0625em rgba(1,0,1,0.1);border-radius:1.875em;}
#aform .form{padding:9.6% 6.4% 8%;}
#aform .top{margin-bottom:5.50458716%;}
#aform .submit{width:100%;background-image:linear-gradient(135deg,#7841a1 45%,#d14f41 58%);}
#aform .agree{margin-top:2.93577982%;}
#aform .mid{margin-bottom:6.97247706%;position:relative;}
#aform .mid:before{background:url(../images/dots_box.png) no-repeat right center;background-size:auto 100%;content:'';display:block;position:absolute;right:4.58715596%;top:50%;transform:translateY(-50%);height:77%;width:90.82568807%;border-radius:1.875em;box-shadow:inset 0px 0.1875em 3.0625em rgba(1,0,1,0.1);}
#aform .box{padding:7.33944954% 8.25688073% 8.25688073%;transform:translateX(-31%);position:relative;}
#aform .item{overflow:hidden;margin-bottom:6.37362637%;}
#aform .item:last-child{margin-bottom:0;}
#aform .label{display:block;float:left;white-space:pre-wrap;height:2.25em;line-height:2.25em;}
#aform .label span{margin:0 0.5em;}
#aform .input{overflow:hidden;margin-left:4.0625em;position:relative;padding-left:8.79120879%;}
#aform .text{display:block;width:100%;border:1px solid #9c9aa0;height:2.25em;line-height:1.5em;padding:0.375em 1.1875em;border-radius:0.3125em;}
#aform .verify .input{padding-right:8.125em;}
#aform .verify a{display:flex;position:absolute;right:0;top:0;height:100%;color:#fff;background-color:#3e3a39;color:#f9fefe;border-radius:0.3125em;width:7.5em;align-items:center;justify-content:center;}
#aform .type{display:none;}
#aform .type:first-child{display:block;}
#aform .tab{justify-content:center;border-bottom:1px solid #d3d3d3;margin-bottom:6.59340659%;}
#aform .tab span{display:block;margin:0 7.69230769%;padding-bottom:2.63736264%;position:relative;cursor:pointer;}
#aform .tab span:after{left:0;bottom:-1px;width:100%;height:2px;background-color:#371381;content:'';display:block;position:absolute;opacity:0;}
#aform .tab .cur:after{opacity:1;}

/*button*/
.button{min-width:8.9375em;height:2.5em;line-height:2.5em;text-align:center;padding:0 1em;border-radius:1.25em;color:#fff;background-color:#371381;background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);display:block;}
.button:hover{color:rgba(255,255,255,0.75);}
.button.center{margin:0 auto;}
.button.gray{background:#3e3a39;}
.button.white{background:#fff;color:#3e3a39;border:1px solid #3e3a39;}

/*welcome*/
#welcome{align-items:center;}
#welcome .button{margin-right:7.33944954%;}
#welcome span{display:block;}
#welcome span a{color: #d14f41;border-bottom: solid 1px #d14f41}

/*formtab*/
#formtab ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#formtab li{background-image:linear-gradient(180deg,#7841a1 35%,#d14f41 65%);border-radius:1.25em;text-align:center;cursor:pointer;transition:all 0.2s;width:26.42201835%;min-width:8em;}
#formtab a{display:block;background-color:#f9feff;margin:1px;height:2.375em;line-height:2.375em;color:#3e3a39;border-radius:1.1875em;padding:0 1em;transition:all 0.2s;}
#formtab li:hover,#formtab .cur{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}
#formtab li:hover a,#formtab .cur a{background-color:transparent;color:#fff;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.3);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .box{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1vh 0;}
.popup .info{background-color:#fff;position:relative;}
.popup .title{font-size:1.875em;text-align:center;line-height:1.35em;font-weight:normal;margin-bottom:7.76119403%;}
.popup .close{width:1.875em;height:1.875em;background:url(../images/close.svg) no-repeat center center;background-size:contain;position:absolute;right:1.875em;top:1.875em;cursor:pointer;}
body.hidden{overflow:hidden;}
@media(max-width:1366px) {
        .popup .box{margin-top: 3%;}
}

/*agreement*/
.agreement2,
.agreement{padding:6.53846154% 4.61538462% 6.15384615%;}
.agreement2 .title,
.agreement .title{text-align:center;font-size:1.875em;font-weight:normal;line-height:1.35em;margin-bottom:5.08474576%;}
.agreement2 .entry,
.agreement .entry{line-height:2em;margin-bottom:5.93220339%;}
.agreement2 .agree,
.agreement .agree{height:2.5em;line-height:2.5em;width:23.72881356%;margin:0 auto;text-align:center;border-radius:0.625em;cursor:pointer;min-width:16.25em;}

/*result*/
#result{padding:6.25% 0;text-align:center;}
#result .icon{width:10.07692308%;margin:0 auto 6.15384615%;}
#result .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#result .icon .successed{background-image:url(../images/successed.png);}
#result .title{font-size:2.25em;font-weight:normal;line-height:1.35em;margin-bottom:3.84615385%;}
#result .entry{font-size:1.125em;line-height:2em;max-width:27.77777778em;margin:0 auto 4.61538462%;}
#result .view{width:10.9375em;margin:0 auto;}

/*wrapper*/
#wrapper{padding:4.16666667% 0 6.51041667%;overflow:hidden;}
#wrapper .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*ucname*/
.ucname{font-size:3em;line-height:1.04166667em;font-weight:normal;width:100%;margin-bottom:6.15384615%;}
.ucname span{font-size:0.75em;display:inline-block;}

/*ucside*/
#ucside{width:17.69230769%;border-right:1px solid #b0b0b0;}

/*ucnav*/
#ucnav.fixed{ position: fixed; top: 0;}
#ucnav a{display:block;}
#ucnav .parent{font-size:1.375em; font-size: 1em; line-height:1.63636364em;margin-bottom:1.59090909em;overflow:hidden;}
#ucnav .parent.active .sub,
#ucnav .parent.cur .sub{display:block;}
#ucnav .parent.active > a,
#ucnav .parent.cur > a{font-weight:bold;font-size: 22px;}

#ucnav .parent .disable{position: relative;}
#ucnav .parent .disable::after{content: '';background-image: url(../images/arrow_down_03.png);width: 12px;height: 9px;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0.5em;right: 1em;transform: rotate(-90deg);}
#ucnav .parent.ex .disable::after{transform: rotate(0);}
#ucnav.fixed ul{ width: 100%;max-width: 14em;}
#ucnav .sub{border-left:1px solid #000;margin-top:1.36363636em;margin-bottom:0.22727273em;display:none;}
#ucnav .sub li{font-size:16px;margin-bottom:1.33333333em;}
#ucnav .sub li:last-child{margin-bottom:0;}
#ucnav .sub a{padding-left:1.66666667em;position:relative;}
#ucnav .sub a:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.44444444em;height:0.44444444em;background-color:#7841a1;opacity:0;}
#ucnav .sub .cur a{color:#7841a1;}
#ucnav .sub .cur a:before{opacity:1;}

/*ucmain*/
#ucmain{width:76.92307692%;}

/*uctitle*/
.uctitle{font-size:2.25em;font-weight:normal;line-height:1.38888889em;margin-bottom:3.4%;}

/*ucpage*/
#ucpage .entry{line-height:2em;}
#ucpage .entry *{line-height:2em;}

/*details*/
#details .title{text-align:center;font-size:1.5em;line-height:1.5em;font-weight:normal;margin-bottom:0.66666667em;}
#details .meta{text-align:center;line-height:1.875em;opacity:0.5;margin-bottom:1.5em;}
#details .meta span{display:inline-block;vertical-align:middle;}
#details .entry{text-align:justify;}

/*checkbox*/
.checkbox{border-radius:50%;background-image:linear-gradient(180deg,#7841a1 35%,#d14f41 65%);padding:1px;width:1.5625em;display:block;cursor:pointer;margin:0 auto;transition:all 0.1s;}
.checkbox:after{display:block;padding-bottom:100%;border-radius:50%;background-color:#fff;content:'';transition:all 0.1s;}
.checkbox.checked{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}
.checkbox.checked:after{opacity:0;}

/*supply*/
.supply{overflow:hidden;}
.supply .list{margin-bottom:3%;}
.supply .list th{font-size:1.125em;line-height:2em;text-align:left;border-bottom:1px solid #b0b0b0;padding-bottom:1em;}
.supply .list .buy{text-align:center;width:8%;min-width:50px;}
.supply .list .price{width:15%;text-align:center;min-width:5.5em;}
.supply .list .num{width:30%;padding-right:2%;font-weight:bold;min-width:5.5em;}
.supply .list td{border-bottom:1px dashed #d7d7d7;line-height:2.25em;padding:1.25em 0;vertical-align:top;}
.supply .list tr:last-child td{border-bottom:none;}
.supply .notes{background-color:#f4f4f6;line-height:2.25em;padding:0.75em 1.875em;margin-bottom:9%;border-radius:0.3125em;}
.supply .notes p{white-space:pre-wrap;}
.supply .result th{background-color:#f4f4f6;border-bottom:none;padding:0.83333333em 0;}
.supply .result .num{width:30%;padding-left:3.47222222%;padding-right:3.47222222%;}
.supply .result .price{width:24%;}
.supply .result td{border-bottom:1px solid #d3d3d3;}
.supply .result tr:last-child td{border-bottom:1px solid #d3d3d3;}

/*operate*/
.operate{height:4.71875em;width:100%;position:relative;}
.operate .box{background-color:#3e3a39;justify-content:center;border-radius:0.9375em;}
.operate .button{margin:1.11111111em 1.38888889em;cursor:pointer;}
.operate .reset{background:#fff;color:#333;}
.operate .fixed{position:fixed;bottom:0;width:inherit;}

/*pagenavi*/
.pagenavi{justify-content:center;margin-bottom:1.73611111%;}
.pagenavi a{display:block;margin:0.3125em;}
.pagenavi a:hover{color:#d55442;}
.pagenavi .a_cur{color:#d55442;}

/*uctop*/
#uctop{margin-bottom:4.2%;}

/*pagename*/
.pagename{font-size:1.5em;font-weight:normal;line-height:1.5em;margin-right:1.25em;}
.pagename i{font-style:normal;color:#7841a1;}

/*pagetips*/
.pagetips{font-size:1.125em;line-height:2em;}
.pagetips span{opacity:0.5;}

/*gift*/
.gift .top{margin-bottom:1.875em;border-bottom:1px solid #959595;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding-bottom:1.4375em;}
.gift .top .pagename{margin-bottom:0;}
.gift .more a{padding-right:2.25em;position:relative;display:block;}
.gift .more i{width:1.5em;border-radius:50%;display:block;right:0;top:50%;position:absolute;transform:translateY(-50%);background-image:linear-gradient(90deg,#7841a1,#d14f41);}
.gift .more i:after{display:block;content:'';padding-bottom:100%;background:url(../images/arrow_right_01.png) no-repeat center center;background-size:0.5em auto;}
.gift .list{width:104.7%;}
.gift .item{width:33.333%;padding-right:4.48901624%;padding-bottom:5.73065903%;}
.gift .box{border:1px solid #d7d7da;border-radius:0.9375em;margin-bottom:7.94701987%;}
.gift .img{padding-bottom:80%;background-size:contain;}
.gift .meta{padding:0 1.25em 1.25em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.gift .meta span{display:block;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gift .meta .point{color:#7841a1;font-size:1.125em;font-weight:bold;max-width:48%;}
.gift .confirm a{width:6.25em;height:1.875em;line-height:1.875em;margin:0 auto;color:#fff;border-radius:0.9375em;background-color:#3e3a39;display:block;overflow:hidden;text-align:center;transition:all 0.2s;}
.gift .confirm a:hover{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}

/*uctable*/
.uctable{text-align:center;}
.uctable .table > div{display:table-cell;vertical-align:top;}
.uctable .th{font-weight:bold;border-radius:0.625em;color:#fff;padding:0.3125em 0;}
.uctable .td{ min-height:4em;}
.uctable .select{cursor:pointer;}

/*points*/
.points{margin-bottom:2.8%;overflow:hidden;position:relative;}
.points .uctable{margin-bottom:4.6%;}
.points .item{border-bottom:1px dashed #959595;padding:1.375em 0;}
.points .point{width:14.5%;min-width:3.125em;font-weight:bold;}
.points .price{width:18%;}
.points .date{width:23%;}
.points .num{text-align:left;width:28%;padding-left:4%;padding-right:4%;}
.points .total{color:#7841a1;font-size:1.125em;line-height:1.5em;position:absolute;right:0;bottom:0;margin-bottom:2%;font-weight:bold;}

/*giftlist*/
.giftlist .gift{background-color:#f4f4f6;padding:2.625em 2.1875em 0.75em;margin-bottom:3%;border-radius:0.625em;}
.giftlist .gift .list{width:103.22580645%;}
.giftlist .gift .item{padding-right:3.125%;padding-bottom:3.125%;}
.giftlist .gift .box{background-color:#fff;border:none;}

/*product*/
.product{overflow:hidden;}
.product .scroll{margin-bottom:2.25em;}
.product .scroll .uctable{min-width:590px;}
.product .item{padding:1.875em 0;}
.product .item > div{vertical-align:middle;}
.product .item:nth-child(2n){background-color:#f4f4f6;}
.product .item:nth-child(2n) .num .inp{background-color:#fff;border-color:#f4f4f6;}
.product .select{width:10%;}
.product .name{text-align:left;padding:0 5%;}
.product .name .pro{align-items:center;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.product .name .figure{width:4.4375em;border:1px solid #a1a1a1;border-radius:0.3125em;margin-right:1.25em;background-color:#fff;}
.product .name .img{padding-bottom:100%;background-size:contain;}
.product .name .intro{line-height:1.875em;width:calc(100% - 5.6875em);}
.product .name .intro span{color:#7841a1;}
.product .name .title{font-size:1.125em;line-height:1.66666667em;margin-bottom:0.72222222em;}
.product .num{width:21%;}
.product .num .inp{width:9.375em;max-width:100%;margin:0 auto;display:flex;border:1px solid #e5e5e5;border-radius:1.3125em;padding:0 2.8125em;position:relative;overflow:hidden;}
.product .num i{display:flex;position:absolute;height:100%;width:2.5em;top:0;font-size:1.125em;justify-content:center;align-items:center;cursor:pointer;}
.product .num .del{left:0;}
.product .num .add{right:0;}
.product .num .text{height:2.5em;line-height:1.75em;padding:0.375em;display:block;width:100%;text-align:center;}
.product .price{width:12%;}
.product .count{width:13%;}
.product .btn{width:16%;}
.product .item .btn{color:#7841a1;}
.product .item .btn a{color:#7841a1;}
.product .item .btn span{margin:0 0.25em;}

/*nodata*/
.nodata{align-items:center;justify-content:center;background-color:#f7f7f7;height:10.27777778em;border-radius:0.55555556em;margin-top:1.11111111em;font-size:1.125em;}

/*collection*/
.collection{min-height:26.875em;}
.collection .empty .name{width:20%;}

/*ucsafe*/
#ucsafe{border-top:1px solid #959595;}
#ucsafe .item{border-bottom:1px solid #cacaca;}
#ucsafe .top{position:relative;padding:1.9375em 0;}
#ucsafe .title{font-size:1.375em;line-height:2.18181818em;background:url(../images/icon_05.png) no-repeat left center;background-size:1.40909091em auto;padding-left:3.18181818em;padding-right:7.5%;}
#ucsafe .tips{font-size:1.125em;line-height:2.66666667em;opacity:0.5;padding-right:3em;}
#ucsafe .change{position:absolute;right:0;top:0;margin-top:3.1%;font-size:1.125em;line-height:2.66666667em;font-weight:bold;cursor:pointer;}
#ucsafe .box{background-color:#f4f4f6;padding:3.125em 4.375em 2.5em;display:none;}
#ucsafe .form{max-width:26.875em;}
#ucsafe .input{margin-bottom:1.25em;overflow:hidden;}
#ucsafe .label{font-size:1.125em;width:5em;text-align:right;float:left;height:2em;line-height:2em;display:block;}
#ucsafe .ml{margin-left:5.625em;overflow:hidden;position:relative;}
#ucsafe .text{border:1px solid #9c9aa0;border-radius:0.3125em;height:2.25em;line-height:1.5em;padding:0.375em 1.25em;width:100%;}
#ucsafe .submit{margin-top:1.25em;}
#ucsafe .verify .ml{padding-right:8.4375em;}
#ucsafe .send{display:block;overflow:hidden;color:#fff;background-color:#3e3a39;width:7.5em;height:2.25em;border-radius:0.3125em;text-align:center;line-height:2.25em;position:absolute;right:0;top:50%;transform:translateY(-50%);}

/*notice*/
#notice .table{padding-left:4.5%;padding-right:4.5%;text-align:left;}
#notice .name{width:28.57142857%;padding-right:1.5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#notice .name input{margin-right:0.375em;}
#notice .date{width:7.5em;}
#notice .title{padding-right:2%;}
#notice .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:1em;position:relative;}
#notice .title .unread{font-weight:bold;}
#notice .title .unread:before{width:0.375em;height:0.375em;border-radius:50%;background-color:#f00;content:'';display:block;position:absolute;left:0;top:0.75em;}
#notice .item{padding-top:1.4375em;padding-bottom:1.4375em;border-bottom:1px solid #cacaca;}
#notice .uctable{margin-bottom:5%;}
#notice .btm{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#notice .submit{background:#3e3a39;margin-bottom:1.73611111%;}

/*member*/
#member .top{align-items:center;margin-bottom:6%;}
#member input[type='file']{display:none;}
#member .photo{width:6.25em;border-radius:50%;overflow:hidden;position:relative;margin-right:4.5%;}
#member .photo .avatar{padding-bottom:100%;}
#member .photo img{height:100%;object-fit:cover;position:absolute;left:0;top:0;}
#member .photo span{position:absolute;left:0;bottom:0;width:100%;text-align:center;color:#fff;font-size:0.75em;height:2.16666667em;line-height:2em;background-color:rgba(0,0,0,0.5);cursor:pointer;}
#member .meta{font-size:1.125em;line-height:2em;}
#member .input{overflow:hidden;max-width:26.25em;margin-bottom:1.875em;}
#member .label{font-size:1.125em;height:2.22222222em;line-height:2.22222222em;text-align:right;width:6em;float:left;}
#member .ml{margin-left:5.625em;overflow:hidden;}
#member .text{height:2.5em;line-height:1.875em;padding:0.3125em 1.25em;border:1px solid #9c9aa0;display:block;width:100%;border-radius:0.3125em;}
#member .select{background-color:#fff;position:relative;}
#member .select:after{width:0.8125em;height:1.125em;background:url(../images/icon_06.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.11111111em;}
#member .select select{height:2.5em;line-height:2.5em;border:1px solid #9c9aa0;display:block;width:100%;border-radius:0.3125em;padding:0 1.25em;background-color:transparent;-webkit-appearance:none;position:relative;z-index:2;}
#member .select select::-ms-expand{display:none;}
#member .btm{padding:2% 0 4%;}
#member .item{width:25.1%;margin-right:1.875em;margin-bottom:1.875em;position:relative;}

#member .box{border:1px dashed #9c9aa0;border-radius:1em;position:relative;overflow:hidden;}
#member .box:before{display:block;content:'';padding-bottom:60.15936255%;}
#member .default{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;align-items:center;justify-content:center;}
#member .default span{display:block;background:url(../images/icon_07.png) no-repeat center top;background-size:1.8125em auto;padding-top:1.4375em;}
#member .upload{cursor:pointer;}
#member .license{position:absolute;width:76.30522088%;padding-bottom:52.61044177%;left:50%;transform:translateX(-50%);top:6.7114094%;overflow:hidden;}
#member .license img{object-fit:contain;position:absolute;left:0;top:0;width:100%;height:100%;}
#member .license #licenseimg{ opacity:0;}
#member .license #authorizeimg{ opacity:0;}
#member .btn{display:none;position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0.5);color:#fff;font-size:0.875em;line-height:2.14285714em;}
#member .take{display:none;}
#member .take .flex{justify-content:center;align-items:center;}
#member .take span{display:block;cursor:pointer;}
#member .take .line{width:1px;height:0.92857143em;background-color:#fff;margin:0 8.03212851%;cursor:default;}
#member .status{text-align:center;}
#member .edit{width:1.25em;height:1.25em;background-image:linear-gradient(135deg,#7841a1 20%,#d14f41);border-radius:50%;position:absolute;right:0;top:0;margin:-0.5em 0 0 -0.5em;z-index:9;display:none;cursor:pointer;}
#member .edit:after{width:45%;padding-bottom:45%;background:url(../images/editor.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;margin:-22.5% 0 0 -22.5%;}
#member .passed .edit,
#member .passed .btn{display:block;}
#member .active .btn{display:block;}
#member .passed #authorizeimg,
#member .passed #licenseimg{ opacity:1;}
#member .passed .default,
#member .active .default{display:none;}
#member .active .take{display:block;}
#member .active .status{display:none;}

/*zoomimg*/
.zoomimg{background-color:rgba(0,0,0,0.75);}
.zoomimg img{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}

/*address*/
#address{border-top:1px solid #959595;padding-top:4%;}
#address .uctable{margin-bottom:6%;}
#address .oper{width:23.5%;}
#address .btn{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:70.21276596%;margin:0 auto;}
#address .btn a{opacity:0.5;display:block;margin:0 0.2em;}
#address .btn a:hover{opacity:1;}
#address .phone{width:18%;}
#address .num{width:28%;}
#address .man{width:15%;min-width:4em;}
#address .addr{text-align:left;padding-left:4%;}
#address .addr span{background-image:linear-gradient(180deg,#d14f41,#7841a1);display:inline-block;padding:1px;font-size:0.875em;}
#address .addr i{display:block;font-style:normal;padding:0 0.78571429em;height:1.35714286em;text-align:center;background-color:#fff;line-height:1.42857143em;}
#address .item{border-bottom:1px solid #cacaca;padding:1.4375em 0;}
#address .item > div{vertical-align:middle;}
#address .button{width:9.0625em;background:#3e3a39;cursor:pointer;}
.msgform .text{display:block;width:100%;background-color:#fff;border:1px solid #9c9aa0;border-radius:0.3125em;height:2.25em;line-height:1.5em;padding:0.375em 1.25em;}
.msgform textarea.text{height:6.375em;resize:vertical;}
.msgform .label{font-weight:normal;display:block;font-size:1.125em;line-height:2.22222222em;margin-bottom:0.38888889em;}
.msgform .select{background-color:#fff;position:relative;}
.msgform .select:after{width:0.75em;height:0.875em;background:url(../images/icon_08.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.25em;}
.msgform .select select{display:block !important;width:100%;height:2.25em;line-height:2.25em;border:1px solid #9c9aa0;border-radius:0.3125em;padding:0 1.25em;color:rgba(62,58,57,0.5);background-color:transparent;appearance:none;-webkit-appearance:none;position:relative;z-index:2;}
.msgform .select select:focus{color:#3e3a39;}
.msgform .select select::-ms-expand{display:none;}
.msgform .column{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;}
.msgform .submit{margin:0 auto;}

/*manageAddr*/
.manageAddr{width:50em;max-width:90%;padding:3.3125em 4.0625em 3.4375em;}
.manageAddr .item,.manageAddr .select{margin-bottom:4.02985075%;}
.manageAddr .two .item{width:48.65671642%;}
.manageAddr .three .select,.manageAddr .three .item{width:31.49253731%;}
.manageAddr .btn{margin-top:3.28358209%;}
.invoicing{width:40.625em;max-width:90%;padding: 30px;}
.invoicing .item{margin-bottom:3.6%;}
.invoicing .btn{margin-top:7.4%;}

#myvoic .item{display: flex;}
#myvoic .label{width: 20%;}
#myvoic .text{flex: 1;}
#myvoic .btn{margin-top: 0;}

/*process*/
#process{overflow:hidden;width:100%;margin-bottom:5.61538462%;}
#process ul{width:108.46153846%;}
#process li{width:33.333%;padding-right:7.80141844%;position:relative;}
#process li:after{width:6.43201256%;padding-bottom:4.28800837%;background:url(../images/arrow_right_02.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:8.57601674%;}
#process li:last-child:after{display:none;}
#process span{display:block;text-align:center;font-size:1.125em;border-radius:0.88888889em;line-height:2.22222222em;background-color:#f4f4f6;font-weight:bold;}

/*ordername*/
.ordername{font-size:1.875em;font-weight:normal;line-height:1.35em;margin-bottom:2.53846154%;}

/*submitorder*/
#submitorder{width:100%;}
#submitorder .title{text-align:center;font-size:1.125em;line-height:2.22222222em;border-radius:0.88888889em;margin-bottom:1.44444444em;}
#submitorder .form{max-width:45.625em;}
#submitorder .select,#submitorder .item{margin-bottom:1.25em;}
#submitorder .label{font-size:1.125em;}
#submitorder .select select{height:2.625em;}
#submitorder .text{height:2.625em;line-height:2em;padding-top:0.3125em;padding-bottom:0.3125em;}
#submitorder .three .select{width:31.50684932%;}
#submitorder .two .item{width:48.63013699%;}
#submitorder .tips{opacity:0.5;position:absolute;bottom:1.25em;left:100%;width:28.125vw;max-width:73.97260274%;line-height:1.875em;padding:0.375em 1.875em;}
#submitorder .btn{margin-top:1.875em;}
#submitorder .submit{width:10.8125em;margin:0;}

/*purchaser*/
.purchaser{line-height:2em;font-size:1.125em;margin-bottom:0.77777778em;}

/*shopping*/
#shopping{width:100%;}
#shopping .scroll{margin-bottom:8.15384615%;}
#shopping .item{border-bottom:1px solid #cacaca;}
#shopping .item:nth-child(2n){background-color:#fff;}
#shopping .name{padding:0;}
#shopping .name .figure{width:9.375em;}
#shopping .name .intro{width:calc(100% - 10.625em);}
#shopping .num{width:15%;}
#shopping .btn{width:11.53846154%;}
#shopping .th .name{text-align:center;}
#shopping .amount{text-align:right;font-weight:bold;margin-bottom:1.4375em;}
#shopping .amount span{color:#371381;}
#shopping .total{font-size:1.125em;line-height:2em;}
#shopping .settlement{font-size:1.375em;line-height:1.63636364em;}
#shopping .settlement small{font-size:0.72727273em;font-weight:normal;}
#shopping .settlement span{font-size:1.36363636em;}
#shopping .btm{background-color:#f4f4f6;padding:1.25em 3.07692308%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;border-radius:0.9375em;}
#shopping .button{width:10.9375em;}
#shopping .empty{display: flex; align-items: center}
#shopping .empty .select{width: 70px;margin-right: 20px; line-height: 25px;height: 25px; cursor: pointer}
#shopping .empty .select{display: flex}
#shopping .empty .select span{border-radius: 50%; background-image: linear-gradient(180deg,#7841a1 35%,#d14f41 65%); padding: 1px; width: 1.5625em; display: block; cursor: pointer;
    margin: 0 auto; transition: all 0.1s;}
#shopping .empty .select span:after { display: block; padding-bottom: 100%; border-radius: 50%; background-color: #f4f4f6;  content: ''; transition: all 0.1s;}
#shopping .empty .select.selected span:after{opacity: 0}
#shopping .empty .button{background:#3e3a39;}
#shopping .go{display:block;border-bottom:2px solid #a4a2a3; cursor: pointer;}
#shopping .go:hover{border-bottom-color:#371381;}
#shopping .confirm{width:17.1875em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}

/*slides*/
#slides .img{padding-bottom:41.875em;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;color:#fff;font-size:4.5em;}
#slides .alias{font-size:1em;line-height:1.35em;}
#slides .name{font-size:0.69444444em;white-space:pre-wrap;font-weight:normal;line-height:1.5em;}

/*catename*/
.catename{font-size:2.25em;font-weight:normal;line-height:1.125em;margin-bottom:3.5%;}

/*category*/
.category{margin-bottom:2.4%;}
.category li{margin-right:3.5%;margin-bottom:3.5%;}
.category a{display:block;overflow:hidden;min-width:9.0625em;text-align:center;height:2.5em;line-height:2.5em;color:#fff;background-color:#3e3a39;border-radius:1.25em;}
.category a:hover,.category .cur a{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}

/*material*/
.material{overflow:hidden; width:100%; min-height: 20vh;}
.material .list{width:103.35%;}
.material .pagenavi{justify-content:flex-end;}

/*mitem*/
.mitem{width:33.333%;padding-right:3.24141268%;padding-bottom:3.24141268%;}
.mitem .info{border:1px solid #d7d7da;position:relative;height:100%;border-radius:0.9375em;padding:8.11594203% 5.79710145% 11.01449275%;}
.mitem .title{padding:0 3.30597091%;margin-bottom:12.23209238%;}
.mitem .num{font-size:1.5em;line-height:1.58333333em;}
.mitem .sub{font-weight:normal;font-size:14px;line-height:1.5em;}
.mitem .figure{width:89.26121468%;margin:0 auto 14.87686911%;}
.mitem .img{background-size:contain;padding-bottom:46.2962963%;}
.mitem .meta{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.mitem .btn{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;width:5.75em;}
.mitem .btn span{display:block;}
.mitem .btn a{display:block;width:2.5em;padding:1px;border-radius:50%;}
.mitem .btn a:hover i{background-color:transparent;}
.mitem .btn i{display:block;padding-bottom:100%;background:#fff no-repeat center center;background-size:57.89473684% auto;border-radius:50%;}
.mitem .btn .cart i{background-image:url(../images/cart.svg);}
.mitem .btn .cart a:hover i{background-image:url(../images/cart_white.svg);}
.mitem .btn .fav i{background-image:url(../images/fav.svg);background-size: 80%;}
.mitem .btn .fav a:hover i{background-image:url(../images/fav_white.svg);}

/*msearch*/
#msearch .list{width:102.46153846%;margin-bottom:1.92307692%;}
#msearch .mitem{width:25%;padding-right:2.4024024%;padding-bottom:2.4024024%;}
#msearch .pagenavi{justify-content:center;}
#msearch .pagenavi a{ display: inline-block;}

/*related*/
.related{background-color:#f4f4f6;padding:4% 3% 2%;border-radius:0.9375em;overflow:hidden;}
.related .name{text-align:center;font-size:1.5em;line-height:1.5em;border-bottom:1px solid #959595;padding-bottom:1.80851064%;margin-bottom:2.65957447%;}
.related ul{width:105%;}
.related li{width:33.333%;padding-right:4.76190476%;padding-bottom:4.76190476%;}
.related .figure{margin-bottom:8.16326531%;}
.related .img{padding-bottom:73.46938776%;background-size:contain;}
.related .meta{margin:0 4.08163265%;position:relative;padding-right:2.5em;}
.related .title{font-size:1em;line-height:1.875em;}
.related .title span{font-weight:normal;}
.related .more{width:1.875em;height:1.875em;border-radius:50%;background-color:#3e3a39;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.related .more:after{width:33.33333333%;padding-bottom:40%;background:url(../images/arrow_right_03.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;margin:-20% 0 0 -16.66666667%;}
.related a{position:relative;display:block;overflow:hidden;height:100%;background-color:#fff;padding:10.63829787% 6.56028369% 7.44680851%;border-radius:0.9375em;}
.related a:hover .more{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}
.other{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.other span{display:block;}
.other a{display:block;width:2.5em;padding:1px;border-radius:50%;}
.other a:hover i{background-color:transparent;}
.other i{display:block;padding-bottom:100%;background:#fff no-repeat center center;background-size:57.89473684% auto;border-radius:50%;}
.other .cart i{background-image:url(../images/cart.svg);}
.other .cart a:hover i{background-image:url(../images/cart_white.svg);}
.other .fav i{background-image:url(../images/fav.svg); background-size:77%;}
.other .fav a:hover i{background-image:url(../images/fav_white.svg);}

/*mdTop*/
.mdTop{overflow:hidden;border-bottom:1px solid #959595;padding-bottom:5.5%;margin-bottom:5.2%;}
.mdTop .figure{width:30.2%;float:left;background-color:#fff;border:1px solid #b0afb5;border-radius:1em;}
.mdTop .img{padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.mdTop .text{width:65%;float:right;}
.mdTop .title{font-size:1.875em;line-height:1.25em;margin-bottom:3.69230769%;}

.mdTop .intro{line-height:1.5em;border-bottom:1px solid #cacaca;padding-bottom:3.53846154%;margin-bottom:2.15384615%;}
.mdTop .name{font-weight:bold;font-size:1.125em;line-height:1.33333333em;}
.mdTop .price{border-bottom:1px solid #cacaca;padding-bottom:2.15384615%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;margin-bottom:2.92307692%;}
.mdTop .price .label{display:block;width: 32%;}
.mdTop .price span{display:inline-block;}
.mdTop .price i{font-size:1.33333333em;color:#7841a1;font-style:normal;display:inline-block;}
.mdTop .price .val{font-size:1.125em;line-height:1.33333333em;}
.mdTop .inventory{margin-bottom:3.38461538%;}
.mdTop .inventory.flex{/* gap: 1em; justify-content: space-between;*/}
.mdTop .inventory.flex .laber{width: 32%;}
.mdTop .inventory i{color:#9c9aa0;display:inline-block;font-style:normal;}
.mdTop .meta,.mdTop .num{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.mdTop .num{margin-bottom:0.5em;}
.mdTop .input{width:9.125em;max-width:100%;display:flex;border-radius:1.25em;padding:0 2.8125em;position:relative;overflow:hidden;background-color:#f4f4f6;}
.mdTop .input i{display:flex;position:absolute;height:100%;width:2.25em;top:0;font-size:1.25em;justify-content:center;align-items:center;cursor:pointer;}
.mdTop .input .del{left:0;}
.mdTop .input .add{right:0;}
.mdTop .input .book{height:2.5em;line-height:1.75em;padding:0.375em;display:block;width:100%;text-align:center;}
.mdTop .btn{align-items:center;width:16.25em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;margin-bottom:0.5em;}
.mdTop .other{width:5.75em;}

/*mentry*/
.mentry{margin-bottom:6%;}
.mentry .pagename{margin-bottom:1.125em;}
.mentry .intro{font-size:1.125em;line-height:1.44444444em;}
.mentry .list{background-color:#f4f4f6;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;padding:2.4% 3% 2.1%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:0.88888889em;line-height:2em;border-radius:1em;}
.mentry .list li{border-top:1px solid #c4c4c5;width:53.72340426%;position:relative;padding:0.6875em 0 0.6875em 1.625em;}
.mentry .list li:nth-child(-n+2){border-top:none;}
.mentry .list li:before{width:0.375em;height:0.375em;border-radius:50%;content:'';display:block;position:absolute;left:0;top:1.5em;background-color:#3e3a39;}
.mentry .list li:nth-child(2n){width:37.76595745%;}

/*mspec*/
.mspec{margin-bottom:7%;}
.mspec .pagename{margin-bottom:1.16666667em;}
.mspec .scroll .uctable{min-width:480px;}
.mspec .num{width:17.8%;}
.mspec .spec{width:14.5%;}
.mspec .pack{width:20.4%;}
.mspec .item{border-bottom:1px solid #cacaca;color:#000;padding:0.3125em 0;}
.mspec .item > div{border-right:1px solid #cacaca;vertical-align:middle;padding:0.5625em;}
.mspec .item > div:last-child{border-right:none;}

/*hmtitle*/
.hmtitle{font-size:1.875em;margin-bottom:3.84615385%;}
.hmtitle .alias,.hmtitle .name{font-size:1em;line-height:1.33333333em;}
.hmtitle .name{font-weight:normal;}

/*hotpro*/
#hotpro{background:#f7f7f7 url(../images/bg_01.png) no-repeat right bottom;background-size:30.36458333% auto;padding:3.64583333% 0 4.16666667%;}
#hotpro .list{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#hotpro .item{width:48.92307692%;background-color:#fff;border-radius:1em;overflow:hidden;margin-bottom:1.25em;padding:2.69230769% 0.76923077% 3.07692308% 5.38461538%;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#hotpro .text{width:41.36690647%;}
#hotpro .figure{width:51.25899281%;}
#hotpro .img{padding-bottom:80.70175439%;background-size:contain;}
#hotpro .title{font-size:1.5em;margin-bottom:6.95652174%;}
#hotpro .title span{font-weight:normal;}
#hotpro .intro{margin-bottom:16.95652174%;}
#hotpro .button{margin-right:1.25em;position:relative;}
#hotpro .button i{cursor: pointer;display:inline-block;position:relative;font-size:1.125em;/*background:url(../images/money.png) no-repeat left center;*/background-size:0.77777778em auto;/*padding-left:1em;*/font-style:normal;min-width:5.55555556em;text-align:center;}
#hotpro .item:nth-child(1){width:100%;padding-right:5.38461538%;}
#hotpro .item:nth-child(1) .text{width:31.46551724%;}
#hotpro .item:nth-child(1) .title{font-size:1.875em;line-height:1.35em;margin-bottom:0.43333333em;}
#hotpro .item:nth-child(1) .intro{/*font-size:1.125em;*/line-height:1.66666667em;margin-bottom:14.52054795%;font-size: 14px;}
#hotpro .item:nth-child(1) .figure{width:43.10344828%;}
#hotpro .item:nth-child(1) .img{padding-bottom:46%;}

/*hmprolist*/
#hmprolist{margin-bottom:4%;overflow:hidden;}
#hmprolist .item{border-radius:1.5625em;overflow:hidden;padding:2.3125em 3.07692308%;margin-bottom:2.30769231%;background-color:#f7f7f7;}
#hmprolist .title,#hmprolist .list{display:table-cell;vertical-align:top;}
#hmprolist .title{font-size:1.375em;font-weight:normal;line-height:1.81818182em;width:8.63636364em;}
#hmprolist li{line-height:2.22222222em;padding-left:5.10204082%; width:25%;}
#hmprolist a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#hmprolist .item:hover{background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);color:#fff;}
#hmprolist .item:hover a{color:#fff;}

/*hmbrand*/
#hmbrand .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#hmbrand .list{width:43.15384615%;background-color:#f7f7f7;border-radius:1em;padding:1.92307692% 2.30769231% 1.30769231%;}
#hmbrand ul{margin-bottom:6.18762475%;}
#hmbrand .icon{width:17.96407186%;display:table-cell;vertical-align:middle;}
#hmbrand .icon i{display:block;overflow:hidden;padding-bottom:61.11111111%;background:no-repeat center center;background-size:contain;}
#hmbrand .arrow{width:1.9375em;display:table-cell;vertical-align:middle;}
#hmbrand .arrow span{border:1px solid #524e4d;display:block;border-radius:50%;overflow:hidden;}
#hmbrand .arrow span:after{display:block;content:'';padding-bottom:100%;background:url(../images/arrow_right_04.png) no-repeat center center;background-size:32.25806452% auto;}
#hmbrand .text{font-size:1.375em;line-height:1.35em;display:table-cell;vertical-align:middle;padding:0 8.98203593%;color:#3e3a39;}
#hmbrand .figure{width:55.46153846%;}
#hmbrand .img{padding-bottom:45.35367545%;border-radius:1em;}
#hmbrand .pagenavi{justify-content:flex-start;margin-bottom:0;}
#hmbrand .swiper { height: calc( 250 / 16 * 1em);}
#hmbrand li{border-bottom:1px solid #c6c6c6; height: calc( 106 / 16 * 1em); display: flex; align-items: center;}
#hmbrand li:nth-child(2n),
#hmbrand li:last-child{border-bottom:none;}
#hmbrand li a:hover .arrow span{border:none;background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}
#hmbrand li a:hover .arrow span:after{background-image:url(../images/arrow_right_03.png);}
#hmbrand .swiper-button-prev,
#hmbrand .swiper-button-next,
#hmbrand .swiper-pagination{ position: static;}
#hmbrand .swiper-pagination{ display: inline-block;width: auto;}
#hmbrand .swiper-pagination .swiper-pagination-bullet{ width: auto; height: auto; background-color: transparent; opacity: 1; margin: 0 8px;}
#hmbrand .swiper-pagination .swiper-pagination-bullet-active{ color: #d55442;}
#hmbrand .swiper-button-prev,
#hmbrand .swiper-button-next{ width: auto; height: auto; margin: 0;}
#hmbrand .swiper-button-prev::after,
#hmbrand .swiper-button-next::after{font-size:.8em;  color: #3e3a39;}
#hmbrand .swiper-button-lock,
#hmbrand .swiper-pagination-lock,
#hmbrand .swiper-pagination-bullet:only-child{ display: inline-block!important;}


/*orderinfo*/
.orderinfo{padding:2.6% 0;}
.orderinfo .title{font-size:1.875em;line-height:1.35em;font-weight:normal;border-bottom:1px solid #959595;padding-bottom:3.4%;margin-bottom:2.5%;}
.orderinfo .info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;line-height:2.5em;}
.orderinfo .left{width:40%;}
.orderinfo .right{width:57.5%;}
.orderinfo .notes{margin-top:2.5em;}

/*invoiceinfo*/
.invoiceinfo{text-align:center;}
.invoiceinfo .num{width:12%;}
.invoiceinfo .stage{width:37%;}
.invoiceinfo .file{width:21%;}
.invoiceinfo .file a{display:block;overflow:hidden;width:1.5em;margin:0 auto;}
.invoiceinfo .file i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.invoiceinfo .file .pdf{background-image:url(../images/file_pdf.png);}
.invoiceinfo .th{border-radius:1.25em;}
.invoiceinfo .item{border-bottom:1px solid #959595;padding:1.4375em 0;}
.invoiceinfo .item > div{vertical-align:middle;}

/*logistics*/
.logistics{overflow:hidden;}
.logistics .scroll{margin-bottom:2.25em;}
.logistics .scroll .uctable{min-width:630px;}
.logistics .serial{width:10%;}
.logistics .status{width:13%;text-align:left;}
.logistics .pname{width:19%;text-align:left;}
.logistics .number{width:9%;}
.logistics .unnum{width:9%;}
.logistics .notenum{width:13%;text-align:left;}
.logistics .denum{width:12%;}
.logistics .lognum{width:15%;text-align:left;}
.logistics .th > div{padding:0 0.5%;}
.logistics .item{border-bottom:1px solid #959595;font-size:0.9375em;padding:0.73333333em 0;min-height:8em;display:flex;align-items:center;}
.logistics td{padding:0.53333333em 0.5%;}

/*shoplist*/
.shoplist .title{margin-bottom:1.25em;}
.shoplist .title:hover{color:#fff;}
.shoplist .box{background-color:#f4f4f6;padding:1% 4.5% 1.875em;border-radius:1em;}
.shoplist .small{padding:1% 1.5625em 2.5em;}
.shoplist .sum{width:9.89010989%;}
.shoplist .number{width:12.08791209%;}
.shoplist .price{width:13.73626374%;}
.shoplist .pnum{width:15.38461538%;}
.shoplist .name{text-align:left;padding-left:2.1978022%;}
.shoplist .intro{font-size:0.88888889em;line-height:1.875em;}
.shoplist table{font-size:1.125em;text-align:center;min-width:620px;}
.shoplist h4{font-weight:normal;font-size:1em;line-height:1.66666667em;margin-bottom:0.16666667em;}
.shoplist th{border-bottom:1px solid #959595;padding:1.30555556em 0.5%;}
.shoplist td{padding:1.30555556em 0.5%;border-bottom:1px solid #c4c4c5;}
.shoplist td span{color:#371381;}
.shoplist tr:last-child td{border-bottom:none;}
.shoplist .more{width:0.9375em;height:1.125em;background:url(../images/icon_08.png) no-repeat center center;background-size:contain;margin:1.375em auto 0;cursor:pointer;}

/*filter*/
.filter{overflow:hidden;margin-bottom:3.5%;}
.filter .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.filter .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-bottom:3.5%;align-items:center;}
.filter .span{display:block;height:2.5em;background-color:#efefef;border-radius:1.25em;text-align:center;min-width:8.9375em;line-height:2.5em;margin-right:1.25em;}
.filter .label{display:block;font-weight:bold;font-size:1.125em;height:2.22222222em;line-height:2.22222222em;}
.filter .text{height:2.5em;line-height:1.625em;display:block;padding:0.4375em 1em;text-align:center;border:1px solid #959595;border-radius:0.3125em;width:15.75em;max-width:100%;}
.filter .rang{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
.filter .rang em{display:block;width:1.3125em;height:1px;background-color:#3e3a39;margin:0 1.1875em;}
.filter .date{width:13.25em;color:rgba(62,58,57,0.5);}
.filter .select{background-color:#efefef;position:relative;border-radius:1.25em;overflow:hidden;}
.filter .select:after{width:0.9375em;height:1.125em;background:url(../images/icon_08.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.25em;}
.filter select{height:2.5em;min-width:9.0625em;border-radius:1.25em;padding:0 1.25em;-webkit-appearance:none;background-color:transparent; cursor: pointer;padding-right: 2.5em;}
.filter select::-ms-expand{display:none;}
.filter .submit{width:1.1875em;height:1.1875em;background:url(../images/search_02.png) no-repeat center center;background-size:contain;margin-left:1.875em;display:block;}
.filter .export{background:#3e3a39;}

/*orderlist*/
#orderlist .scroll{margin-bottom:3.6%;}
#orderlist .uctable{min-width:620px;}
#orderlist .num{width:32%;text-align:left;overflow:hidden;}
#orderlist .amount{width:13%;}
#orderlist .amount span{font-weight:bold;color:#371381;}
#orderlist .date{width:18%;}
#orderlist .status,#orderlist .method{width:11%;}
#orderlist .btn{width:15%;}
#orderlist .th .num{padding:0 3.5%;}
#orderlist .td{font-size:0.9375em;line-height:1.6em;}
#orderlist .td .num{padding-right:1.5%;}
#orderlist .item{border-bottom:1px solid #959595;padding:4.3% 0 3%;}
#orderlist .list .table{margin-bottom:2%;}
#orderlist .list .table > div{vertical-align:middle;}
#orderlist .list .amount,#orderlist .list .date{margin-bottom:1.93333333em;}
#orderlist .list p{padding:0.16666667em 0;}
#orderlist .info{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#orderlist .figure{width:23.93442623%;border:1px solid #959595;border-radius:0.33333333em;}
#orderlist .img{padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#orderlist .text{width:67.21311475%;}
#orderlist .text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#orderlist .button{width:6.66666667em;min-width:0;height:2em;line-height:2em;margin:0 auto 6%;}

/*fillin*/
#fillin{width:100%;}
#fillin .title{margin-bottom:1.875em;height:auto;font-size:1em;font-weight:normal;line-height:2.5em;}
#fillin .title:hover{color:#fff;}
#fillin .shoplist{margin-bottom:6.92307692%;}

/*settlement*/
#settlement .box{background-color:#f4f4f6;padding:2.5em 1.5625em 1.875em;margin-bottom:2.5em;border-radius:1em;overflow:hidden;}
#settlement .notes{overflow:hidden;padding:0 2.24%;margin-bottom:4.48%;}
#settlement .notes .label{float:left;}
#settlement .notes .ml{margin-left:8.125em;overflow:hidden;}
#settlement .summary{background-color:#3e3a39;color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding:1.0625em 3.2%;border-radius:1em;}
#settlement .btn{width:20.625em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#settlement .btn a{color:#fff;}
#settlement .btn .back{border-bottom:1px solid #fff;display:block;}
#settlement .btn .button{font-size:1.375em;width:9.09090909em;height:2.27272727em;line-height:2.27272727em;}
#settlement .total span{font-size:1.375em;line-height:1.5em;display:inline-block;}
#settlement .total i{font-size:1.36363636em;line-height:1.5em;font-style:normal;}

/*paymethod*/
.paymethod{margin-bottom:6.92307692%;/*padding-bottom:14.0625em;*/}
.paymethod .method{padding:0 1.92307692%;margin-bottom:3.46153846%;overflow:hidden;}
.paymethod .method li{margin-bottom:1.4375em;}
.paymethod .method li > div{display:table-cell;vertical-align:top;line-height:1.5625em;}
.paymethod .method .select{width:1.5625em;}
.paymethod .method .name{width:15em;padding:0 1em;}
.paymethod .invoice{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.paymethod .invoice .label{color:#fff;background-color:#3e3a39;width:21.07692308%;height:2.22222222em;line-height:2.22222222em;font-size:1.125em;border-radius:0.88888889em;text-align:center;}
.paymethod .invoice .list{width:77.46153846%;position:relative;}
.paymethod .invoice .selected{border-radius:1em;height:2.5em;line-height:2.5em;border:1px solid #959595;padding-right:7.94438928%;padding-left:3.97219464%;color:#959595;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.paymethod .invoice .selected:after{width:0.9375em;height:1.125em;background:url(../images/icon_08.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:2.97914598%;}
.paymethod .invoice ul{position:absolute;left:0;top:100%;width:100%;background-color:#f4f4f6;border-radius:1em;overflow:hidden;max-height:12.9375em;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:1.25em;display:none;}
.paymethod .invoice li{border-bottom:1px solid #cacacc;padding:1.58887786% 3.97219464%;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:1.125em;line-height:2em;}
.paymethod .invoice li:last-child{border-bottom:none;}
.paymethod .invoice .text{width:calc(100% - 3em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.paymethod .invoice .radio{width:1.38888889em;}
.paymethod .invoiceform{ margin-top: 3.46153846%; justify-content: space-between;}
.paymethod .invoiceform .label{color:#fff;background-color:#3e3a39;width:21.07692308%;height:2.22222222em;line-height:2.22222222em;font-size:1.125em;border-radius:0.88888889em;text-align:center;}
.paymethod .invoiceform .list{width:77.46153846%;position:relative;}
.paymethod .invoiceform .item{ display: inline-flex; align-items: center; margin-right: 2em;}
.paymethod .invoiceform .radio{width:1.38888889em; margin-right: 1em;}


/*receiving*/
.receiving{margin-bottom:6.15384615%;}
.receiving .list{overflow:hidden;padding:0 1.92307692%;}
.receiving .list ul{width:105%;}
.receiving .list li{width:33.333%;padding-right:4.76190476%;padding-bottom:2.51428571%;}
.receiving .list .info{position:relative;height:100%;border-radius:1em;padding:2px;overflow:hidden;cursor:pointer;}
.receiving .list .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #959595;box-sizing:border-box;border-radius:1em;}
.receiving .list .info:after{width:1.6875em;height:1.5625em;background-image:linear-gradient(90deg,#7841a1,#d14f41);content:'';display:block;position:absolute;right:0;bottom:0;z-index:3;border-top-left-radius:0.5em;opacity:0;}
.receiving .list .box{padding:1.375em;background-color:#fff;z-index:2;height:100%;border-radius:1em;overflow:hidden;}
.receiving .list .box:after{width:0.75em;height:0.5em;background:url(../images/icon_09.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0.5em;bottom:0.5em;z-index:5;opacity:0;}
.receiving .list .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.75em;}
.receiving .list .meta span{margin-right:6.4%;}
.receiving .list .addr{font-size:0.9375em;opacity:0.5;line-height:1.75em;}
.receiving .list .cur{background-image:linear-gradient(180deg,#7841a1 35%,#d14f41 65%);}
.receiving .list .cur:before{display:none;}
.receiving .list .cur:after{opacity:1;}
.receiving .list .cur .box:after{opacity:1;}
.receiving .btn{position:absolute;right:0;top:0;z-index:8;width:2.125em;height:100%;display:none;}
.receiving .take{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;flex-direction:column;justify-content:center;}
.receiving .take span{display:block;margin:0.375em auto;width:0.9375em;height:0.9375em;background:no-repeat center center;background-size:contain;}
.receiving .take .mark{background-image:url(../images/addr_mark.png);}
.receiving .take .edit{background-image:url(../images/addr_edit.png);}
.receiving .take .del{background-image:url(../images/addr_del.png);}
.receiving .btm{justify-content:flex-end;color:#959595;}
.receiving .btm span{display:block;margin-left:3.46153846%;cursor:pointer;}

/*orderbox*/
.ordertop{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;margin-bottom:2.69230769%;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;position:relative;}
.ordertop .name{font-size:1.875em;font-weight:normal;line-height:1.35em;margin-right:3.07692308%;}
.ordertop .more{position:absolute;right:0;top:0.3125em;}
.ordertop .tab{font-size:1.375em;line-height:1.5em;}
.ordertop .tab span{display:block;margin:0 1.5625em;cursor:pointer;}
.ordertop .tab .cur{font-weight:bold;}

/*batch*/
#batch{background-color:#f4f4f6;padding:4.6875% 0;}
#batch .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:2.69230769%;}
#batch .textarea{width:65%;}
#batch .text{background-color:#fff;display:block;width:100%;height:11.5625em;line-height:1.5em;padding:2.95857988% 4.14201183%;border-radius:1em;resize:vertical;overflow:hidden;}
#batch .files{width:30.61538462%;border:1px dashed #9c9aa0;height:11.5625em;border-radius:1em;background-color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
#batch .upload{line-height:1.5em;text-align:center;}
#batch .upload:before{width:1.8125em;height:1.3125em;background:url(../images/icon_07.png) no-repeat center center;background-size:contain;margin:0 auto 1.625em;display:block;content:'';}
.orderbtn{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;}
.orderbtn .button{margin-left:2em;cursor:pointer;}
.orderbtn i{font-style:normal;display:inline-block;background:url(../images/icon_10.png) no-repeat left center;background-size:1.3125em auto;padding-left:1.875em;}
.orderbtn .dl{background:#3e3a39;}

/*itemnum*/
.itemnum .list{border-top:1px solid #b0b0b0;padding:1.53846154% 0;margin-bottom:5.38461538%;}
.itemnum ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:100.76923077%;}
.itemnum li{min-width:9.0625em;padding:0.38167939% 0.76335878% 0.38167939% 0;}
.itemnum input{margin-right:0.625em;}

/*series*/
.series{margin-bottom:7.07692308%;}
.series .box{margin-bottom:5.84615385%;}
.series .title{display:table-cell;vertical-align:top;width:22.69230769%;font-size:1.375em;font-weight:normal;line-height:1.35em;}
.series .list{display:table-cell;vertical-align:top;border-top:1px solid #e5e5e5;overflow:hidden;}
.series li{font-size:1.125em;line-height:2em;}
.series span{display:block;position:relative;padding-right:1.66666667em;cursor:pointer;}
.series span:after{display:block;position:absolute;right:0.55555556em;top:50%;transform:translateY(-50%);content:'+';}
.series span.cur:after{content:'-';}
.series .parent{width:42.78606965%;float:left;}
.series .parent:nth-child(2n){float:right;}
.series .parent > li{border-top:1px dashed #d8d8d8;padding:3.48837209% 0;}
.series .parent > li:nth-child(1){border-top:none;}
.series .sub{font-size:0.88888889em;line-height:2em;padding:0.625em 0;display:none;overflow:hidden;}
.series .sub li{margin-right:4.65116279%;padding:0.09375em 0;float:left;font-size: 14px;}
.series .sub input{margin-right:0.625em;display:inline-block;vertical-align:middle;margin-top:-0.25em;}

/*minput*/
.minput{margin-bottom:6.92307692%;}
.minput .orderbtn{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.minput .orderbtn .button{width:10.9375em;}
.minput .orderbtn .left{width:23.75em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.minput .orderbtn .left .button{margin-left:0;}
.minput .select{width:9.23076923%;}
.minput .pnum{width:10%;}
.minput .pnum .box {position:relative; }
.minput .pnum .box .text {border:1px solid #eee; width:100%; padding:0 0.5em;}
.minput .pnum ul {position:absolute; left:0; top:100%; width:100%; border:1px solid #eee; border-top:none; border-radius:0 0 5px 5px; background-color:#fff; padding:0.5em 0; z-index:5; display:none;}
.minput .pnum li {font-size:0.75em; padding:0.5em; line-height:1.5em;cursor:pointer;}
.minput .brand{width:13.84615385%;}
.minput .pname{width:18.46153846%;}
.minput .price{width:13.07692308%;}
.minput .number{width:11.53846154%;}
.minput .sum{width:11.53846154%;}
.minput .del{cursor:pointer;text-align:center;display:block;margin:0 auto;width:2em;}
.minput .warning{text-align:left;color:#e80606;position:absolute;left:98%;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:5;}
.minput .warning:before{display:inline-block;width:1em;height:1em;background:url(../images/warning.svg) no-repeat center center;background-size:contain;content:'';vertical-align:middle;margin-top:-0.0625em;}
.minput .item{padding:0.9375em 0;border-radius:1em;}
.minput .item:nth-child(2n){background-color:#f4f4f6;}
.minput .item > div{position:relative;}
.minput .text{text-align:center;display:block;width:96%;margin:0 auto;height:1.875em;line-height:1.875em;}
.minput .scroll{margin-bottom:3.84615385%;}
.minput .uctable{min-width:650px;}


@media only screen and (max-width:1440px){
    body{font-size:1.11111111vw;}
}
@media only screen and (max-width:1024px){
    body{font-size:12px;}

    /*1024px*/
    #logreg{width:7.5em;margin-left:1.75em;}

    /*1024px*/
    #menu{width:72%;}

    /*1024px*/
    #result{padding:8% 0;}

    /*1024px*/
    .supply .list .price{width:22%;}

    /*1024px*/
    .gift .item{width:50%;}

    /*1024px*/
    .giftlist .gift .item{width:33.33%;}

    /*1024px*/
    #slides .img{padding-bottom:49.07226563%;}
    #slides .text{font-size:5.2734375vw;}

    /*1024px*/
    .mitem{width:50%;}

    /*1024px*/
    #msearch .mitem{width:33.333%;}

    /*1024px*/
    #hotpro .item{width:100%;}
    #hotpro .item:nth-child(n+1){padding:3% 5%;}
    #hotpro .item:nth-child(n+1) .text{width:45%;}
    #hotpro .item:nth-child(n+1) .title{margin-bottom:3.5%;}
    #hotpro .item:nth-child(n+1) .intro{margin-bottom:10%;}
    #hotpro .item:nth-child(n+1) .figure{width:43%;}
}
@media only screen and (max-width:768px){

    /*768px*/
    #header{padding:1em 0;}

    /*768px*/
    #logreg{margin-left:1.35em;}

    /*768px*/
    #navbtn{position:relative;cursor:pointer;width:1.66666667em;height:1.25em;transition:all 0.3s;display:block;z-index:10;margin-left:1.35em;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:2px;background-color:#371381;display:block;position:absolute;left:0;border-radius:1px;transition:all 0.3s;content:'';background-image:linear-gradient(135deg,#7841a1 35%,#d14f41 65%);}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}

    /*768px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(240,242,247,0.9);z-index:9;left:0;top:0;display:none;}
    #navi .menu{position:fixed;right:0;top:5.1em;width:80%;max-width:300px;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 5.1em);display:block;padding:3.5vh;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
    #navi.active .menu{transform:translateX(0);}
    #navi li{font-size:1.125em;line-height:2em;}
    #navi a{padding:0.5em 0;}

    /*768px*/
    #search{margin-top:2.5%;}
    #search .form{width:100%;}
    #search .column{width:7.75em;}
    #search .column span{padding-right:1.125em;}
    #search .input{width:calc(100% - 7.75em);}

    /*768px*/
    #bottom{display:block;text-align:center;padding:5% 0;}

    /*768px*/
    #licence{padding:0;}
    #licence a{margin:0.25em 1em;line-height:2em;}

    /*768px*/
    #info{justify-content:center;padding:5% 0;}

    /*768px*/
    #site{width:12.58333333em;}

    /*768px*/
    #menu{display:none;}

    /*768px*/
    #links{margin-bottom:5%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:center;}
    #links h3{float:none;}
    #links ul{margin-left:0;}

    /*768px*/
    #admin{padding:7% 0 8%;}
    #admin .inner{display:block;}

    /*768px*/
    #slogan{margin:0 auto 6%;width:50%;}

    /*768px*/
    #aform{width:auto;}
    #aform .box{transform:none;}
    #aform .item{margin-bottom:5%;}
    #aform .label{float:none;}
    #aform .input{margin-left:0;padding-left:0;}
    #aform .verify .input{padding-right:7.125em;}
    #aform .verify a{width:6.5em;}

    /*768px*/
    #result{padding:10vh 0;}
    #result .icon{width:100px;margin-bottom:10%;}
    #result .title{margin-bottom:6%;}
    #result .entry{margin-bottom:10%;}

    /*768px*/
    #wrapper{padding:7% 0 8%;}

    /*768px*/
    .ucname{font-size:2.2em;}

    /*768px*/
    #ucside{width:100%;border-right:none;margin-bottom:7%;border-bottom:1px solid #b0b0b0;padding-bottom:4%;}

    /*768px*/
    #ucnav > ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #ucnav .parent{margin-bottom:0;position:relative;overflow:visible;margin-right:5%;line-height:2em;}
    #ucnav .parent:last-child{margin-right:0;}
    #ucnav .parent.cur .sub{display:none;}
    #ucnav .sub{position:absolute;left:50%;transform:translateX(-50%);top:100%;min-width:100%;box-shadow:0px 0px 1.6875em rgba(0,0,0,0.08);margin-top:0.5em;padding:0.625em 1em;z-index:5;background-color:#fff;border-left:none;display:none;}
    #ucnav .sub:before{border-bottom:0.41666667em solid #fff;border-left:0.41666667em solid transparent;border-right:0.41666667em solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
    #ucnav .sub li{margin-bottom:0;line-height:2em;padding:0.2em 0;}
    #ucnav .sub a{white-space:nowrap;padding-left:0;}
    #ucnav .sub a:before{display:none;}

    /*768px*/
    #ucmain{width:100%; min-height: 60vw;}

    /*768px*/
    .uctitle{font-size:2em;margin-bottom:4%;}

    /*768px*/
    .points .uctable .table .blank{display:none;}

    /*768px*/
    #ucsafe .top{display:block;}
    #ucsafe .tips{padding-right:0;}

    /*768px*/
    #notice .table{padding-left:3%;padding-right:3%;}
    #notice .name{width:24%;}

    /*768px*/
    #member .input{max-width:none;}
    #member .label{float:none;width:auto;}
    #member .ml{margin-left:0;}
    #member .item{width:47%;margin-right:6%;}
    #member .item:nth-child(2n){margin-right:0;}

    /*768px*/
    #address .phone{width:23%;}

    /*768px*/
    .msgform .column .select,.msgform .column .item{width:100%;}

    /*768px*/
    .popup .info{padding:8% 10% 7%;}

    /*768px*/
    .ordername{font-size:1.66666667em;margin-bottom:0.65em;}

    /*768px*/
    #submitorder .tips{position:static;width:auto;max-width:none;padding:0;}
    #submitorder .column .select,#submitorder .column .item{width:100%;}

    /*768px*/
    .product .item{padding:1.35em 0;}
    .product .select{width:7%;}
    .product .name{padding:0 2%;}
    .product .num .inp{padding:0 2em;}
    .product .num i{width:2em;}

    /*768px*/
    .collection .empty .name{width:auto;}

    /*768px*/
    #shopping .name .figure{width:7.5em;}
    #shopping .name .intro{width:calc(100% - 7.5em);}
    #shopping .scroll .uctable{min-width:650px;}
    #shopping .button{width:9em;}
    #shopping .confirm{width:14.5em;}

    /*768px*/
    #slides .img{padding-bottom:75%;}
    #slides .text{font-size:6.25vw;}

    /*768px*/
    .catename{font-size:1.75em;}

    /*768px*/
    .material .list{margin-bottom:5%;}
    .material .pagenavi{justify-content:center;}

    /*768px*/
    #msearch .list{margin-bottom:5%;}
    #msearch .mitem{width:50%;}

    /*768px*/
    .mentry .list{display:block;}
    .mentry .list li:nth-child(n+1){width:auto;}
    .mentry .list li:nth-child(2){border-top:1px solid #c4c4c5;}

    /*768px*/
    .hmtitle{margin-bottom:5%;}

    /*768px*/
    #hotpro{padding:7% 0 8%;}
    #hotpro .item{display:block;}
    #hotpro .item:nth-child(n+1){padding:7%;}
    #hotpro .item:nth-child(n+1) .text{width:auto;margin-bottom:7%;}
    #hotpro .item:nth-child(n+1) .figure{width:auto;}

    /*768px*/
    #hmprolist .item{display:block;padding:1em 2em;margin-bottom:3.5%;}
    #hmprolist .title{display:block;width:auto;margin-bottom:0.5em;}
    #hmprolist .list{display:block;}
	#hmprolist ul {justify-content:space-between;}
    #hmprolist li{padding-left:0; width:48.5%;}

    /*768px*/
    #hmbrand .box{display:block;}
    #hmbrand .list{width:auto;margin-bottom:5%;padding:3% 5%;}
    #hmbrand ul{margin-bottom:2%;}
    #hmbrand .figure{width:auto;}

    /*768px*/
    .orderinfo .info ul{width:100%;}
    .orderinfo .notes{margin:0 0 2em;}

    /*768px*/
    .filter .box,.filter .item{display:block;}
    .filter .span{margin-right:0;margin-bottom:0.75em;}
    .filter .text,.filter select{width:100%;}
    .filter .rang em{width:1px;height:1em;margin:0.5em auto;}
    .filter .submit{margin:1em auto 0;}

    /*768px*/
    #settlement .box{padding-top:1em;}
    #settlement .notes .label{float:none;}
    #settlement .notes .ml{margin-left:0;}
    #settlement .summary{display:block;padding:1em 1.25em;}
    #settlement .btn{width:100%;margin-top:0.5em;}

    /*768px*/
    .paymethod .method li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    .paymethod .method li > div{display:block;}
    .paymethod .method .name{padding-right:0;width:calc(100% - 1.5625em);}
    .paymethod .method .intro{width:100%;margin-top:1em;}
    .paymethod .invoice .label{width:100%;margin-bottom:0.5em;}
    .paymethod .invoice .list{width:100%;}
    .paymethod .invoice li{padding:0.75em 1em;}

    /*768px*/
    .receiving .list ul{display:block;width:auto;}
    .receiving .list li{width:auto;padding-right:0;}

    /*768px*/
    .ordertop{display:block;}
    .ordertop .name{margin-bottom:0.5em;}
    .ordertop .tab span{margin:0 1.5em 0 0;}

    /*768px*/
    #batch{padding:8% 0;}
    #batch .box{display:block;margin-bottom:5%;}
    #batch .textarea{width:auto;margin-bottom:5%;}
    #batch .files{width:auto;}

    /*768px*/
    .series .box{display:block;}
    .series .title{display:block;width:auto;margin-bottom:3.5%;}
    .series .list{display:block;}

    /*768px*/
    .minput .orderbtn .left{width:19em;}
    .minput .orderbtn .button{width:auto;margin-left:0;}
    .minput .scroll{margin-bottom:5%;}
    .mdTop .price .label{width: 100%}
    .mdTop .inventory.flex .laber{width: 100%}
}
@media only screen and (max-width:540px){

    /*540px*/
    .gift .item{width:100%;padding-bottom:10%;}

    /*540px*/
    .giftlist .gift{margin-bottom:8%;}
    .giftlist .gift .item{width:100%;padding-bottom:10%;}

    /*540px*/
    #ucsafe .label{float:none;width:auto;text-align:left;}
    #ucsafe .ml{margin-left:0;}

    /*540px*/
    #process ul{display:block;width:auto;}
    #process li{width:auto;padding-right:0;padding-bottom:1.5em;margin-bottom:1.5em;}
    #process li:after{transform:rotate(90deg);width:1.66666667em;height:1.08333333em;top:100%;margin-top:-1.25em;margin-left:-0.83333333em;left:50%;}
    #process li:last-child{margin-bottom:0;padding-bottom:0;}

    /*540px*/
    .mitem{width:100%;}

    /*540px*/
    #msearch .mitem{width:100%;}

    /*540px*/
    .related{padding:2em 2em 1.5em;}
    .related .name{padding-bottom:1em;margin-bottom:1.5em;}
    .related li{width:100%;}

    /*540px*/
    .mdTop .figure{width:auto;float:none;margin-bottom:5%;}
    .mdTop .text{float:none;width:auto;}
    .mdTop .meta{display:block;}
    .mdTop .btn{width:auto;margin-bottom:0;}
    .mdTop .num{margin-bottom:1.5em;}

    /*540px*/
    .series .parent{float:none;width:auto;}
    .series .parent:nth-child(2n){float:none;}
}


.right_fixed {
  position: fixed;
  right: 0;
  top: 40%;
  padding: 8px;
  border-radius: 50px 0 0 50px;
  background-color: #3e3a39;
  z-index: 10;
}
.right_fixed .flex {
  display: flex;
}
.right_fixed .icon {
  width: calc(69 / 16 * 1em);
  height: calc(69 / 16 * 1em);
  background: url(../images/kf.png) no-repeat center;
  background-size: contain;
  flex: 0 0 auto;
  margin-right: 15px;
}
.right_fixed .text {
  line-height: calc(69 / 18 * 1em);
  color: #fff;
  width: calc(130 / 18 * 1em);
}
.right_fixed .hover {
  padding: 15px;
  padding-right: 30px;
  color: #fff;
  display: none;
}
/* .right_fixed .pic {
  margin-right: 20px;
  width: calc(79 / 18 * 1em);
} */
/* .right_fixed .tel {
  margin-top: 1em;
} */

.right_fixed:hover .text {
  display: none;
}
.right_fixed:hover .hover {
  display: inline-block;
}
@media (max-width: 750px) {
.right_fixed .icon { width: calc(69 / 22 * 1em); height: calc(69 / 22 * 1em);}
.right_fixed .text { line-height: calc(69 / 24 * 1em);}
}


#header nav li.aon a {
    color: #d14f41;
}



.footer {
  background-color: #371381;
  padding: calc(90 / 1920 * 100vw) 0;
  color: #fff;
  letter-spacing: 0.15em;
  line-height: 1.33em;
  font-size: 14px;
}
.footer .flex_js {display: flex; justify-content: space-between;}
.footer .logo{ max-width: calc( 240 / 16 * 1em);}
.footer .logo{ width: 100%;}
.footer .right {
  width: 65%;
}
.footer a {
  color: #fff;
}
.footer .nav {
  padding-bottom: calc(20 / 16 * 1em);
  border-bottom: 1px solid #fff;
  margin-bottom: calc(35 / 16 * 1em);
  
}
.footer .nav ul{justify-content: space-between;}
.footer .nav li>a{font-size: 16px}
.footer .nav dl{padding-top: 10px;}
.footer .nav dl span{display: block;padding: 5px 0}
.footer .nav dl span a:not(:hover){opacity: 0.9}
.footer .copyright {
  gap: calc(25 / 16 * 1em);
}
.footer .permit {
  margin: calc(10 / 16 * 1em) 0 calc(30 / 16 * 1em);
  gap: 0 calc(45 / 16 * 1em);
}
.footer .permit a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #fff;
  line-height: 1.33em;
}
.footer .flink {
  align-items: center;
  line-height: 1.33em;
}
.footer .flink em {
  width: 1px;
  height: calc(18 / 16 * 1em);
  background-color: #fff;
  margin: 0 0.8em;
  vertical-align: middle;
}
.footer .flink em:last-child {
  display: none;
}
@media (max-width: 768px) {
	.footer {
		font-size: 13px;
	}
  .footer .w1300 {
    flex-flow: row wrap;
    text-align: center;
  }
  .footer .right {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
    align-items: center;
  }
  .footer .logo {
    text-align: center;
    width: 100%;
    margin-bottom: 2%;
  }
  .footer .nav {
    display: none;
  }
  .footer .permit {
    gap: 0 1em;
    justify-content: center;
  }
  .footer .copyright {
    order: 2;
    margin-bottom: 1%;
    opacity: 0.5;
    width: 100%;
    justify-content: center;
  }
  .footer .flink {
    order: 3;
    opacity: 0.5;
    width: 100%;
    justify-content: center;
  }
}
.bTip{
	font-size: 12px;
	color: #999;
	margin-bottom: 5%;
	margin-top: -5%;
}


.right_fixed{right: 30px;border-radius: 30px;background-color: #fff;width: 60px;padding: 20px 10px;top: 55%;}

.side_box .hide_con{
  position: absolute;
  display: none;
  right: 145%;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  border-radius: 20px;
}
.side_box .hide_con .pic{margin-bottom: 10px;}
.side_box .hide_con .pic img{width: 140px;}
.side_box .hide_con span{font-size: 16px;color: #555;}
.side_box .item .hide_con .tel{white-space: nowrap;color: #7841a1;font-size: 24px;margin-top: 10px;}
.side_box .hide_con .form_tit{margin-bottom: 40px;font-size: calc(26 / 16* 1em);color: #000;}
.side_box .hide_con .ts_form{padding: 30px;}

.side_box .hide_con .ts_form input{width: 280px;border-radius: 4px;
	border: solid 1px #9b9b9d;line-height: 40px;padding: 0 20px;margin-bottom: 20px;}

  .side_box .hide_con .ts_form textarea{width: 280px;border-radius: 4px;
    border: solid 1px #9b9b9d;padding: 10px 20px;}
    .side_box .hide_con .ts_form .sub_btn{
      width: 100px;
	height: 41px;
	background-image: linear-gradient(-59deg, 
		#d14f41 0%, 
		#a54871 50%, 
		#7841a1 100%);
	border-radius: 20px;
  line-height: 40px;
  color: #fff;
  margin: 0 auto;
  margin-top: 40px;
    }
.side_box .item {text-align: center;position: relative;}
.side_box .item i{
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.side_box .item p{
  font-size: 14px;
  line-height: 1.3;
  margin-top: 5px;
  color: #000;
}
.side_box .item {margin-bottom: 20px;}
.side_box .item:last-child {margin-bottom: 0px;}

.side_box .item:hover .hide_con{
  display: block;
}
.side_box .hide_con::before{
  content: '';
  width: 20px;
  height: 100%;
  position: absolute;
  right: -20px;
  background-color: transparent;
}

.gotop {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: url(../images/sicon3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  right: 30px;
  padding: 8px;
  z-index: 10;
  top: 85%;
  cursor: pointer;
}

.orderinfo .up_box{
  width: 125px;
  height: 125px;
  border: 1px solid #c4c4c5;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.orderinfo .up_box::after{
  width: 25px;
  height: 3px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #c4c4c5;
}
.orderinfo .up_box::before{
  width: 3px;
    height: 25px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #c4c4c5;
}


.orderinfo .up_box .icon{
  width: 50%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
    position: absolute;
    background-color: #fff;
}
.orderinfo .up_box .del{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  cursor: pointer;
}
.upli{display: flex;align-items: center;}