html{font-size:calc(100vw / 10)}
body{font-family:'Montserrat',sans-serif}
.container{padding-right:.4rem;padding-left:.4rem}
.row{margin-right:-.2rem;margin-left:-.2rem}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9{padding-right:.2rem;padding-left:.2rem}
@media screen and (min-width:768px){
  html{font-size:37.84px}
  .container{padding-right:10px;padding-left:10px}
  .row{margin-right:-10px;margin-left:-10px}
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9{padding-right:10px;padding-left:10px}
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus{outline:none}

.iconfont{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}

a,
a:hover,
a:focus,
a:visited{color:#488DE1}

/*
  skin（皮肤）
*/
.s-fc-gray-darker{color:#000}
.s-fc-gray-dark{color:#333}
.s-fc-gray{color:#666}
.s-fc-gray-light{color:#888}
.s-fc-gray-lighter{color:#999}
.s-fc-brand-primary{color:#488DE1}
.s-fc-brand-success{color:#5cb85c}
.s-fc-brand-danger{color:#E82E2F}
.s-bg-brand-primary{background:#488DE1}
.s-bg-brand-success{background:#5cb85c}
.s-bg-brand-danger{background:#E82E2F}

/*
  unit（元件）
*/
/* button（按钮） */
.u-btn{display:inline-block;padding:.16rem .32rem;margin-bottom:0;font-size:.37rem;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;text-decoration:none}
.u-btn-primary,
a.u-btn-primary{color:#fff;background-color:#488DE1;border-color:#488DE1}
a.u-btn-primary:hover,
a.u-btn-primary:focus{color:#fff;text-decoration:none}
.u-btn-default,
a.u-btn-default{color:#333;background-color:#fff;border-color:#d7d7d7}
a.u-btn-default:hover,
a.u-btn-default:focus{color:#333;text-decoration:none}
.u-btn-danger,
a.u-btn-danger{color:#fff;background-color:#E82E2F;border-color:#E82E2F}
a.u-btn-danger:hover,
a.u-btn-danger:focus{color:#fff;text-decoration:none}
.u-btn-gray,
a.u-btn-gray{color:#333;background-color:#f5f5f5;border-color:#e8e8e8}
a.u-btn-gray:hover,
a.u-btn-gray:focus{color:#333;text-decoration:none}
.u-btn-mobile-lg{font-size:.48rem;padding:.45rem .37rem .4rem;line-height:1;border-radius:5px}
.u-btn.u-btn-block{display:block;width:100%}
.u-btn.u-btn-lg{font-size:.48rem;padding:.26rem .42rem;border-radius:6px}
.u-btn.u-btn-md{font-size:.42rem;padding:.18rem .37rem;border-radius:5px}
.u-btn.u-btn-sm{font-size:.32rem;padding:.13rem .26rem;border-radius:3px}
.u-btn:focus{outline:0}
.u-btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.u-btn.u-btn-block{display:block;width:100%}
.u-btn-link{font-weight:400;color:#488DE1;border-radius:0}
.u-btn-link:active{-webkit-box-shadow:none;box-shadow:none}
/* fontSize（字体大小） */
.u-font-h1,
.u-font-h2,
.u-font-h3,
.u-font-h4,
.u-font-h5,
.u-font-h6{margin:0;margin-bottom:.27rem;display:block}
.u-font-h1{font-size:.96rem} /* 大约36px */
.u-font-h2{font-size:.8rem} /* 大约30px */
.u-font-h3{font-size:.64rem} /* 大约24px */
.u-font-h4{font-size:.48rem} /* 大约18px */
.u-font-h5{font-size:.37rem} /* 大约14px */
.u-font-h6{font-size:.32rem} /* 大约12px */
.u-font-bold{font-weight:bold}
.u-font-bold-normal{font-weight:normal}
.u-font-none-margin{margin:0}
.u-font-link,
.u-font-link:hover,
.u-font-link:focus,
.u-font-link:visited{color:#488DE1}
/* input（输入框） */
.u-input{border:1px #d7d7d7 solid;border-radius:4px;padding:.32rem;font-size:.37rem;line-height:1;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.u-input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)}
.u-input.u-input-lg{font-size:.48rem;padding:.26rem .42rem;border-radius:6px}
.u-input.u-input-md{font-size:.42rem;padding:.18rem .37rem;border-radius:5px}
.u-input.u-input-sm{font-size:.32rem;padding:.13rem .26rem;border-radius:3px}
.u-input.u-input-block{display:block;width:100%}
.u-input[status="danger"]{border-color:#e42c2c;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(228,44,44,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(228,44,44,.6)}
.u-input.u-input-disabled-default[disabled]{border:none;background:#eee}
textarea.u-input{width:100%;height:auto}
textarea.u-input-none-resize{resize:none}
/* radio（单选框） */
.u-radio{display:inline-block;position:relative;margin:0;vertical-align:middle}
.u-radio-input{position:absolute;left:0;top:0;opacity:0;margin:0}
.u-radio-icon{position:relative;font-size:.48rem;vertical-align:top;color:#333;display:inline-block}
.u-radio-none{color:#888;display:block}
.u-radio-checked{position:absolute;left:0;top:0;color:#488DE1;display:none}
/* .u-radio-input[checked]+.u-radio-icon .u-radio-checked{display:block} */
.u-radio-input:checked+.u-radio-icon .u-radio-checked{display:block}
.u-radio-input:checked+.u-radio-icon{color:#e42c2c}
.u-radio-none[status="danger"]{color:#e42c2c}
.u-radio-input[disabled]+.u-radio-icon .u-radio-none{color:#ccc}
/* btn radio（单选按钮） */
.u-btn-radio{padding:0;border:none;background:#fff;font-size:.32rem;text-align:center;line-height:1;color:#333;position:relative;cursor:pointer}
.u-btn-radio:disabled{background:#E7E7E7;color:#B7B7B7}
.u-btn-radio-input[type=radio]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;opacity:0;cursor:pointer}
.u-btn-radio-input[type=radio]+.u-btn-radio-txt{display:block;padding:.16rem;white-space:pre-wrap;border:1px #D7D7D7 solid;border-radius:2px;cursor:pointer}
.u-btn-radio-input[type=radio]:checked+.u-btn-radio-txt{color:#488DE1;border-color:#488DE1}
.u-btn-radio-input[type=radio][checked]+.u-btn-radio-txt{color:#488DE1;border-color:#488DE1}
.u-btn-radio-bold{font-weight:bold}
.u-btn-radio-block{display:block;width:100%}
.u-bg-warning{background:#fcf8e3;color:#E82E2F;margin:0;font-size:.37rem}
.u-label{display:inline-block;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.u-label.u-label-primary{background:#488DE1}
.u-label.u-label-warning{background:#f0ad4e}
.u-label.u-label-danger{background:#e42c2c}
.u-icon-credit-card{display:inline-block;width:1rem;height:1rem;background-color:#ddd}

/*
  module（模块）
*/
/* mobileFormInputList（手机表单输入列表） */
.m-mobile-form-list{background:#fff;border-radius:4px;margin-bottom:.53rem}
.m-mobile-form-list-row+.m-mobile-form-list-row{border-top:1px #e7e7e7 solid}
.m-mobile-form-list-input{display:block;width:100%;border:none;padding:.56rem .45rem;font-size:.47rem;line-height:1;color:#333}
.m-mobile-form-list-input::-moz-placeholder{color:#999}
.m-mobile-form-list-input:-moz-placeholder{color:#999}
.m-mobile-form-list-input:-ms-input-placeholder{color:#999}
.m-mobile-form-list-input::-webkit-input-placeholder{color:#999}
.m-mobile-form-list-input:focus{outline:none}
/* pcFormInputList（pc表单输入列表） */
.m-pc-form-list-name{font-size:.42rem;margin-bottom:.37rem}
.m-pc-form-list-row{margin-bottom:.79rem}
.m-pc-form-list-avatar-box.one{display:block;width:2.64rem;height:2.64rem;margin:auto auto .79rem;cursor:pointer;border-radius:5px;overflow:hidden}
/* default swiper */
.m-swiper-default-button-next,
.m-swiper-default-button-prev{background-color:rgba(255,255,255,.8);background-size:40%;width:25px;height:30px;margin-top:-15px}
.m-swiper-default-button-next{right:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.m-swiper-default-button-prev{left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}
.m-swiper-default-pagination{position:absolute;right:6%;bottom:2%;font-size:.32rem;color:#666;z-index:100;text-align:right;left:auto;max-width:94%}
.m-product-card{background:#fff;border-radius:4px;margin-bottom:.4rem}
.m-product-card-border{border:1px #d7d7d7 solid}
.m-product-card-dashed{border-style:dashed}
.m-product-card-name{font-size:.32rem;height:1rem;font-weight:bold;text-align:center}
.m-product-card-btns{border-top:1px #e7e7e7 solid;position:relative}
.m-product-card-btn-box{float:left;width:33.333%}
.m-product-card-btn-box+.m-product-card-btn-box{border-left:1px #e7e7e7 solid}
.m-product-card-btn{background:transparent;border-radius:0;border:none;color:#888;font-size:.43rem;padding:.1rem}
.m-product-card-btn:hover,
.m-product-card-btn:focus{color:#888}
.m-product-card-menu{width:auto;margin:10px -2px 0;left:0;right:0;display:block;visibility:hidden;font-size:.32rem;transform:translateY(30px);transition:transform .2s ease-out}
.m-product-card-menu::after,
.m-product-card-menu::before{content:"";width:0;height:0;position:absolute;left:0;right:0;margin:auto}
.m-product-card-menu::after{top:-7px;border:7px transparent solid;border-top-width:0;border-left-width:6px;border-right-width:6px;border-bottom-color:#fff}
.m-product-card-menu::before{top:-9px;border:9px transparent solid;border-top-width:0;border-left-width:8px;border-right-width:8px;border-bottom-color:#d2d2d2}
.m-product-card-menu>li>a{color:#488DE1}
.m-product-card-menu>li>a:hover{background-color:#fff;text-decoration:underline;color:#488DE1}
.open>.m-product-card-menu{visibility:visible;transform:translateY(0)}

/*
  function（功能）
*/
.f-more-collapse-txt1{display:inline-block}
.f-more-collapse-txt2{display:none}
.f-more-collapse[aria-expanded="true"] .f-more-collapse-txt1{display:none}
.f-more-collapse[aria-expanded="true"] .f-more-collapse-txt2{display:inline-block}
.f-more-collapse[aria-expanded="true"] .f-more-collapse-pulldown{transform:rotate(-180deg)}
a.f-more-collapse{text-decoration:none;color:#488DE1}
a.f-more-collapse:focus{color:#488DE1}
.f-single-omit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.f-multi-line-omit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.f-fixed-placeholder{height:1rem}
.f-fixed-placeholder>.f-fixed-placeholder-content{position:fixed;top:0;left:0;right:0;margin:auto;z-index:10000;background:rgba(252,248,227,.95);height:1rem;padding:.2rem 0}
.f-fixed-placeholder-content::after{content:"";position:relative;top:0;left:0;right:0;bottom:0;margin:auto}
.f-not-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.f-align-top{vertical-align:top}

/*
  global（布局）
*/
.g-bg-fit-default{background:#f5f5f5;padding:.53rem 0 .8rem}
.g-bg-fit-default .cont{padding:0}
@media screen and (min-width:768px){
  .g-bg-fit-default{background:#fff}
}
/* leftNav（左边导航样式A） */
.g-nav-a{padding-right:.45rem;color:#333;font-size:.32rem;line-height:1}
.g-nav-a-menu{border:1px #d7d7d7 solid;border-radius:4px;margin:0}
.g-nav-a-title{background:#e6f1ff;margin:0;padding:.33rem .22rem}
.g-nav-a-list{margin:0;cursor:pointer}
.g-nav-a-list>li{background:#fff;padding:.22rem;font-size:.32rem}
.g-nav-a-list>li:nth-child(2n){background:#f5f5f5}
.g-nav-a-list>li:hover{background:#eee}
.g-nav-a-banner{border-radius:4px;overflow:hidden;margin-top:.47rem}
.g-nav-a-banner .img{display:block;width:100%;background:#eee}
/* leftNav（左边导航样式B） */
.g-nav-b{padding-right:.45rem;color:#333;font-size:.37rem;line-height:1}
.g-nav-b-menu{border:1px #d7d7d7 solid;border-radius:4px;margin:0;overflow:hidden}
.g-nav-b-title{background:#E6F1FF;margin:0;padding:.4rem .53rem;font-size:.53rem;font-weight:bold}
.g-nav-b-list{margin:0;cursor:pointer}
.g-nav-b-list>li{background:#fff;font-size:.37rem}
.g-nav-b-list>li>a{padding:.4rem .53rem;display:block;color:inherit}
.g-nav-b-list>li>a:hover,
.g-nav-b-list>li.active>a{color:#488DE1}
/* panel（面板） */
.g-panel{background:#fff;border:1px solid transparent;margin-bottom:.4rem;border-radius:4px}
.g-panel-heading,
.g-panel-body,
.g-panel-footer{padding:.4rem}
.g-panel-heading{border-bottom:1px transparent solid}
.g-panel-heading-border{border-bottom-color:#D7D7D7}
.g-panel-footer{background:#fff}
.g-panel-default{border-color:#D7D7D7}
/* table（表格） */
.g-table-default{margin:0;background:#fff;border-radius:4px}
.g-table-default-title{background:inherit;padding:.4rem .48rem;border-top-left-radius:4px;border-top-right-radius:4px}
.g-table-default-heading{background:#F9F9F9}
.g-table-default>thead>tr>th,
.g-table-default>tbody>tr>td{border:none;padding:.4rem;vertical-align:middle}
.g-table-default>thead>tr,
.g-table-default>tbody>tr{border-top:1px #e7e7e7 solid}
.g-table-default-border{border:1px #e7e7e7 solid;border-radius:4px}
.g-table-layout{display:table;table-layout:fixed;width:100%}
.g-table-layout-auto{table-layout:auto}
.g-table-layout-td{display:table-cell}
.g-table-layout-td-middle{vertical-align:middle}
.g-table-layout-td-top{vertical-align:top}
.g-table-layout-td-bottom{vertical-align:bottom}
.g-table-layout-td-width-auto{width:auto}
.g-table-layout-td-margin{margin-bottom:.2rem}

#account-profile{width:50%;display:block;margin:.95rem auto 1.8rem}

#add-payment-mb .add-payment-mb-method{margin-right:-.26rem;margin-bottom:-.26rem}
#add-payment-mb .btn-wrapper{padding-right:.26rem;padding-bottom:.26rem;min-width:50%;float:left}
#add-payment-mb .mg0{margin:0}
#add-payment-mb .mb20{margin-bottom:.53rem}
#add-payment-mb .pl5{padding-left:.13rem}
#add-payment-mb .u-label{display:inline-block;vertical-align:middle}
#add-payment-pc .btn-radio{font-size:.37rem;margin-top:.23rem;margin-right:.37rem;min-width:5.29rem}
#add-payment-pc .btn-radio input[type=radio]+.txt{padding:.27rem}
#add-payment-pc .mg0{margin:0}
#add-payment-pc .mb20{margin-bottom:.53rem}
#add-payment-pc .pl5{padding-left:.13rem}
#add-payment-pc .u-label{display:inline-block;vertical-align:middle}

#designer .g-dec{margin:0}
#designer .g-dec>li{padding:0}
#designer .g-img{width:1.25rem}
#designer .g-txt{padding-left:1.6rem}
#designer .g-attr{margin:0}
#designer .u-font-h4{margin-bottom:.15rem}
#designer .list-inline{margin:0}

#messages .m-list-ul{background:#fff;border-radius:4px;overflow:hidden}
#messages .m-list-li{display:block;padding:.53rem .4rem;text-decoration:none}
#messages .m-list-li+.m-list-li{border-top:1px #d7d7d7 solid}
#messages .m-list-li:hover{background:#eee}
#messages .m-list-name,
#messages .m-list-time{display:block;word-break:break-all}
#messages .m-list-name{font-size:.37rem;color:#333;font-weight:bold}
#messages .m-list-time{font-size:.32rem;color:#888;margin-top:.27rem}
#messages .m-list-visited .m-list-name{color:#666;font-weight:normal}
#messages .m-msg-panel{background:#fff;border:1px #d7d7d7 solid;border-radius:4px;overflow:hidden}
#messages .m-msg-panel-list{background:#f8f8f8;width:25.53%;border-right:1px #d7d7d7 solid}
#messages .m-msg-panel-detail{background:#fff}
#messages .m-msg-panel-list-height{height:20.45rem;overflow:auto}
#messages .m-msg-panel-el{display:block;text-decoration:none;color:#333;padding:.53rem .53rem .61rem;position:relative}
#messages .m-msg-panel-active,
#messages .m-msg-panel-el:hover{background:#f2f2f2}
#messages .m-msg-panel-el::after{content:"";position:absolute;left:.53rem;right:.53rem;bottom:0;margin:auto;border-bottom:1px #d7d7d7 solid}
#messages .m-msg-panel-el:last-child::after{display:none}
#messages .m-msg-panel-visited .m-msg-panel-name{color:#666;font-weight:normal}
#messages .m-msg-panel-name,
#messages .m-msg-panel-time{font-size:.37rem;display:block;word-break:break-all}
#messages .m-msg-panel-name{color:#333;font-weight:bold}
#messages .m-msg-panel-time{color:#888;margin-top:.2rem}
#messages .m-msg-panel-detail-heading{height:1.89rem;padding:0 1.06rem}
#messages .m-msg-panel-detail-body{height:18.56rem;overflow:auto;padding:.4rem 1.06rem}
#messages .m-msg-panel-detail-time{font-size:.37rem;color:#888}
#messages .m-msg-panel-detail-icon{display:inline-block;margin-left:.2rem;font-size:.5rem;color:#333}
#messages .m-msg-panel-detail-icon:hover{color:#488DE1}
#messages .m-msg-panel-detail-del{margin-left:.6rem}
#messages .m-msg-panel-detail-name{font-weight:bold;word-break:break-all}
#messages .m-msg-panel-detail-cont{color:#666}

#refund-detail .mb20{margin-bottom:.53rem}
#refund-detail .mb15{margin-bottom:.4rem}
#refund-detail .mg0{margin:0}
#refund-detail .pl5{padding-left:.13rem}
#refund-detail .g-dec>li{padding:0}
#refund-detail .g-img{width:2.25rem}
#refund-detail .g-txt{padding-left:.4rem}
#refund-detail .u-font-h4{margin-bottom:.15rem}
#refund-detail .r-history{font-size:.37rem}
#refund-detail .r-history-date{width:4rem;color:#999}
#refund-detail .r-history-state{width:4rem;text-align:center;font-weight:bold}

.panel{background:#fff;border-color:transparent;margin:0;margin-top:.4rem;border-radius:4px;box-shadow:none}
.panel-heading,
.panel-body,
.panel-footer{padding:.4rem}
.panel-heading{border-bottom-color:#D7D7D7}
.panel-footer{background:#fff}
@media screen and (min-width:768px){
  .panel{margin:.53rem 0 0}
  .panel-body{padding:.53rem}
  .panel-default{border-color:#D7D7D7}
}

.checkbox{display:inline-block;position:relative;margin:0;vertical-align:middle}
.checkbox input[type=checkbox]{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;margin:auto}
.checkbox .icon{position:relative;font-size:.48rem;vertical-align:top;color:#333;display:inline-block}
.checkbox .none{color:#888;display:block}
.checkbox .checked{position:absolute;left:0;top:0;color:#488DE1;display:none}
/* .checkbox input[type=checkbox][checked] + .icon .checked{display:block} */
.checkbox input[type=checkbox]:checked + .icon .checked{display:block}
.checkbox input[type=checkbox]:disabled + .icon .none,
.checkbox input[type=checkbox]:disabled + .icon .checked{color:#eee}

.btn-radio{padding:0;border:none;background:#fff;font-size:.32rem;text-align:center;line-height:1;color:#333;position:relative;cursor:pointer}
.btn-radio:disabled{background:#E7E7E7;color:#B7B7B7}
.btn-radio input[type=radio]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;opacity:0;cursor:pointer}
.btn-radio .txt{display:block;padding:.16rem;white-space:pre-wrap;border:1px #D7D7D7 solid;border-radius:2px;cursor:pointer}
.btn-radio input[type=radio]:checked+.txt{color:#488DE1;border-color:#488DE1}
.btn-radio .bold{font-weight:bold}

.serch-input{font-size:.37rem;padding:.318rem .35rem;height:auto;line-height:1}
.serch-input::-moz-placeholder{font-style:italic}
.serch-input:-moz-placeholder{font-style:italic}
.serch-input:-ms-input-placeholder{font-style:italic}
.serch-input::-webkit-input-placeholder{font-style:italic}
.serch-button{padding:.293rem .56rem;background:#f5f5f5;line-height:1.07}
.serch-button .iconfont{font-size:.48rem;color:#666}

.search-lg{display:table;table-layout:fixed;width:100%}
.search-lg-input,
.search-lg-btn{display:table-cell;vertical-align:middle}
.search-lg-btn{width:1.9rem}
.search-lg-input .input,
.search-lg-btn .btn{height:1.27rem;vertical-align:top}
.search-lg-input{position:relative}
.search-lg-input .input{font-size:.37rem;border-top-right-radius:0;border-bottom-right-radius:0}
.search-lg-input .input::-moz-placeholder{font-style:italic}
.search-lg-input .input:-moz-placeholder{font-style:italic}
.search-lg-input .input:-ms-input-placeholder{font-style:italic}
.search-lg-input .input::-webkit-input-placeholder{font-style:italic}
.search-lg-btn .btn{display:block;width:100%;position:relative;background:#f5f5f5;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}
.search-lg-btn .iconfont{font-size:.53rem;color:#666;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.search-lg-btn .btn:hover{background:#eee}
.search-lg-btn .btn:focus{outline:none}
.search-lg-fixed{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px #d7d7d7 solid;border-radius:4px}
.search-lg-fixed-left{background:#fff;border-radius:4px;position:relative;z-index:1}
.search-lg-fixed-right{background:#f5f5f5;position:absolute;left:-2px;top:-1px;bottom:-1px;margin:auto;margin-top:0;margin-left:100%;width:100%;border:1px #d7d7d7 solid;border-radius:4px;border-top-left-radius:0;z-index:0;overflow-y:auto;min-height:8.25rem}
.search-lg-fixed-list{margin:0;padding:.2rem 0}
.search-lg-fixed-list>li>a{display:block;padding:.23rem .4rem;font-size:.32rem;color:#333;line-height:1;position:relative;text-decoration:none}
.search-lg-fixed-list>li>a>.iconfont{color:#888;margin-left:.1rem}
.search-lg-fixed-list>li>a:hover{background:#f5f5f5}
.search-lg-fixed-list>li.active>a{background:#f5f5f5}
.search-lg-fixed-list>li.active>a>.iconfont{position:absolute;right:.2rem;top:0;bottom:0;margin:auto}
.search-lg-fixed-list>li.border{border-bottom:1px #eee solid}
.search-lg-fixed-right-layout1{padding:.4rem}
.search-lg-fixed-right-layout1 .ban{height:2.6rem;background:#ddd;position:relative;background-size:cover;background-position:center}
.search-lg-fixed-right-layout1 .ban>img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.search-lg-fixed-right-layout1 .p-title{font-size:.37rem;color:#333;margin:0;margin-top:.53rem;line-height:1}
.search-lg-fixed-right-layout1 .btns{margin-right:-.26rem}
.search-lg-fixed-right-layout1 .btn-default{font-size:.32rem;float:left;margin-top:.26rem;margin-right:.26rem;max-width:100%;white-space:inherit;color:#333}
.search-lg-fixed-none{margin:2rem 0;text-align:center}
.search-lg-fixed-left-loading{display:block;padding:1rem 0;width:30%;margin:auto}
.search-lg-fixed-right-loading{position:absolute;width:3rem;height:3rem;top:0;left:0;right:0;bottom:0;margin:auto;z-index:1}
.search-lg-fixed-md{position:absolute;left:0;top:100%;right:0;margin:auto;border-top:1px #d7d7d7 solid;z-index:10;background:#fff}
.search-lg-fixed-md-list{margin:0;padding:0 .4rem}
.search-lg-fixed-md-list>li{font-size:.37rem;padding:.48rem 0;position:relative;color:#333;line-height:1}
.search-lg-fixed-md-list>li+li{border-top:1px #d7d7d7 solid}
.search-lg-fixed-md-list .to-right{position:absolute;top:0;bottom:0;right:0;margin:auto;color:#888;font-size:.4rem}
.search-lg-fixed-md-layout1{padding:.4rem}
.search-lg-fixed-md-layout1 .ban{height:3.41rem;background:#d0d0d0;margin-bottom:.4rem}
.search-lg-fixed-md-layout1 .u-list{margin:0}
.search-lg-fixed-md-layout1 .u-list>li{font-size:.37rem;padding:.48rem 0;color:#333;line-height:1;border-bottom:1px #e7e7e7 solid}

.search-sm-group{position:relative;display:flex}
.search-sm-icon{position:absolute;top:0;bottom:0;left:.26rem;margin:auto;font-size:.48rem;color:#666}
.search-sm-input{border-color:#d7d7d7;padding-left:1rem;height:.95rem;font-size:.37rem;flex:1}
.search-sm-input::-moz-placeholder{font-style:italic;color:#aaa}
.search-sm-input:-moz-placeholder{font-style:italic;color:#aaa}
.search-sm-input:-ms-input-placeholder{font-style:italic;color:#aaa}
.search-sm-input::-webkit-input-placeholder{font-style:italic;color:#aaa}
.search-sm-input-btn{margin-left:.2rem}
.search-input-left-btn{border-top-left-radius:0;border-bottom-left-radius:0}
.search-input-right{padding:6px 12px;border-top-right-radius:0;border-bottom-right-radius:0}

.dropdown .btn{width:100%;border:1px #D7D7D7 solid;background:#fff;font-size:.37rem;line-height:1;color:#333;padding:.4rem;text-align:left;position:relative}
.dropdown .iconfont{position:absolute;top:0;bottom:0;right:.4rem;margin:auto}
.dropdown .dropdown-menu{min-width:100%;font-size:.37rem}
.dropdown .dropdown-menu>li>a{padding:.08rem .53rem}
.dropup .btn{width:100%;border:1px #D7D7D7 solid;background:#fff;font-size:.37rem;line-height:1;color:#333;padding:.4rem;text-align:left;position:relative}
.dropup .iconfont{position:absolute;top:0;bottom:0;right:.4rem;margin:auto}
.dropup .dropdown-menu{min-width:100%;font-size:.37rem}
.dropup .dropdown-menu>li>a{padding:.08rem .53rem}

.pagination>li+li>a{margin-left:5px}
.pagination>li>.page-link,
.pagination>li>a{border-radius:4px;color:#666;position:relative;min-width:35px;text-align:center}
.pagination>.prev>a,
.pagination>.next>a{width:35px;height:34px}
.pagination .page-link{margin-left:5px}
.pagination>.active>a,
.pagination>.active>.page-link{color:#fff;background:#488DE1}

.dialog-blue{border-radius:5px!important}
.dialog-blue .layui-layer-title{border-radius:5px 5px 0 0;background:#488DE1;color:#fff;height:1.43rem;line-height:1.43rem;font-size:.48rem}
.dialog-blue .layui-layer-content{padding:.4rem .53rem}
.dialog-blue .layui-layer-btn{padding:.53rem;padding-top:0!important}
.dialog-blue .layui-layer-btn>a{display:inline-block;padding:.16rem .32rem;margin-bottom:0;font-size:.37rem;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;height:auto;margin:0 0 0 .3rem}
.dialog-blue .layui-layer-btn>.layui-layer-btn0{color:#fff;background-color:#488DE1;border-color:#488DE1}
.dialog-blue .layui-layer-btn>.layui-layer-btn1,
.dialog-blue .layui-layer-btn>.layui-layer-btn2{color:#333;background-color:#fff;border-color:#d7d7d7}
.dialog-blue .layui-layer-ico{background:none;position:relative;display:flex;justify-content:center;align-items:center}
.dialog-blue .layui-layer-ico::after{content:"×";color:#fff;font-size:.8rem;line-height:1}
.dialog-blue .layui-layer-ico:hover{text-decoration:none}

.btn-blue,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:visited{background:#488DE1;color:#fff}
.btn-grey,
.btn-grey:hover,
.btn-grey:focus{background:#F5F5F5;color:#333;border-color:#e8e8e8}
.btn-red,
.btn-red:hover,
.btn-red:focus{background:#EE2A36;color:#fff}

.mb-input-group{background:#fff;border-radius:4px}
.mb-input-group .group-row+.group-row{border-top:1px #e7e7e7 solid}
.mb-input-group .input{display:block;width:100%;border:none;padding:.56rem .45rem;font-size:.47rem;line-height:1;color:#333}
.mb-input-group .input::-moz-placeholder{color:#999}
.mb-input-group .input:-moz-placeholder{color:#999}
.mb-input-group .input:-ms-input-placeholder{color:#999}
.mb-input-group .input::-webkit-input-placeholder{color:#999}
.mb-input-group .input:focus{outline:none}
.mb-input-group .select{position:relative}
.mb-input-group .select select{display:block;width:100%;padding:.56rem .45rem;padding-right:1.2rem;font-size:.47rem;line-height:1;color:#999;background-color:#fff;background-image:none;border:none;-webkit-appearance:none;-moz-appearance:none}
.mb-input-group .select select:focus{outline:none}
.mb-input-group .select .iconfont{position:absolute;font-size:.47rem;color:#999;right:.43rem;bottom:0;top:0;margin:auto}

.table-layout{display:table;table-layout:fixed;width:100%}
.table-layout .td{display:table-cell}
.table-layout .td-middle{vertical-align:middle}
.table-layout .td-top{vertical-align:top}
.table-layout .td-bottom{vertical-align:bottom}

.header{font-size:1rem;background:#fff}
.header .mb{position:relative}
.header .mb .width-md{width:18.6%}
.header .mb .width-lg{width:25.3%}
.header .mb-icons{margin:0;padding-top:.45rem;background:#fff;position:relative;z-index:9999}
.header .mb-icons>li{position:relative;text-align:center}
.header .mb-icons>li.active::before{content:"";position:absolute;left:0;right:0;top:0;margin:auto;height:.05rem;background:#498de2}
.header .mb-icons>li::after{content:"";position:absolute;top:0;bottom:0;right:0;margin:auto;width:1px;background:#e7e7e7}
.header .mb-icons>li:last-child::after{width:0}
.header .mb-icons .icon{display:block;width:1.06rem;height:1.06rem;margin:auto;background-image:url(../images/header_icon.png);background-size:6.42rem 2.14rem}
.header .mb-icons .iconfont{font-size:.9rem;display:block;margin:.08rem auto}
.header .icon-menu{background-position:0 0!important}
.header .icon-service{background-position:-1.07rem 0!important}
.header .icon-logo{background-position:-2.14rem 0!important}
.header .icon-user{background-position:-3.21rem 0!important}
.header .icon-cart{background-position:-4.28rem 0!important}
.header .icon-serch{background-position:-4rem 0!important}
.header .mb-serch{padding:.66rem .4rem;position:relative}
.header .pc{border-bottom:1px #d7d7d7 solid;padding:.58rem 0 .47rem}
.header .pc .logo{display:block;height:1.18rem;width:3.21rem;background-image:url(../images/header_icon.png);background-size:7.08rem 2.36rem;background-position:0 -1.18rem}
.header .pc .logo-wrapper{display:block;text-decoration:none;height:48px;position:relative}
.header .pc .logo-txt{font-family:"Arial Black";color:#488DE1;display:block;white-space:nowrap;font-size:1rem;line-height:1.2rem;width:fit-content;margin:auto;visibility:hidden}
.header .pc-icons{padding-right:0;padding-top:.132rem}
.header .pc-icons>div{display:flex;align-items:center}
.header .pc-icons .item{float:left;cursor:pointer}
.header .pc-icons .item+.item{margin-left:.66rem}
.header .pc-icons .flex{display:flex;align-items:center;position:relative}
.header .pc-icons .flex>.u-label{position:absolute;top:-10%;left:.7rem;width:.5rem;height:.5rem;border-radius:50%;font-size:.32rem;display:flex;justify-content:center;align-items:center;padding:0}
.header .pc-icons .flex>.iconfont{font-size:.95rem;position:static}
.header .pc-icons .flex>.dot{position:absolute;top:-10%;left:.7rem;width:.25rem;height:.25rem;border-radius:50%}
.header .pc-icons .txt{font-size:.36rem;text-align:left;color:#333;padding-left:.29rem}
.header .pc-icons .txt a{color:#333;text-decoration:none}
.header .pc-icons .caret{margin-left:.29rem}
.header .pc-icons .grey{color:#999;font-size:.31rem}
.header .pc-icons .dropdown-menu{right:-.66rem;left:auto;top:1.48rem;border:none;padding:0;width:12.68rem;-webkit-box-shadow:0 0 12px rgba(0,0,0,.175);box-shadow:0 0 12px rgba(0,0,0,.175)}
.header .pc-icons .dropdown-heading{background:#F5F5F5;padding:.53rem .61rem;line-height:1}
.header .pc-icons .dropdown-body{padding:.4rem .79rem}
.header .pc-icons .cart-menu{right:0}
.header .pc-icons .cart-menu .dropdown-body{padding:.53rem}
.header .pc-icons .cart-menu .dropdown-footer{padding:.53rem;background:#f5f5f5}
.header .pc-icons .goods+.goods{padding-top:.3rem;margin-top:.3rem;border-top:1px #eee solid}
.header .pc-icons .g-pic{width:1.4rem}
.header .pc-icons .g-title{width:5.87rem;padding-left:.53rem;padding-right:1.27rem}
.header .pc-icons .g-txt{font-size:.37rem}
.header .pc-icons .g-num{font-size:.42rem}
.header .pc-icons .g-red{font-size:.42rem;font-weight:bold;color:#EE2A36}
.header .pc-icons .btn-blue{background:#488DE1;color:#fff;padding:.21rem .26rem}
.header .pc-icons .u-name{font-size:.53rem;color:#333}
.header .pc-icons .u-logout{font-size:.42rem;color:#488DE1;font-weight:bold}
.header .pc-icons .u-li{float:left;width:50%;color:#333;position:relative;padding:.4rem 0;padding-left:.85rem;font-size:.42rem;font-weight:bold;line-height:1}
.header .pc-icons .u-li .iconfont{position:absolute;top:0;bottom:0;left:0;right:auto;margin:auto;font-size:.53rem;color:#999}
.header .pc-icons .red{color:#E42C2C}
.header .mb-menu{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:rgba(0,0,0,.8);z-index:100;transform:translate(-100%,0);transition-duration:.5s}
.header .mb-menu.active{transform:translate(0,0)}
.header .mb-menu .top{position:absolute;left:0;top:0;right:0;height:1.84rem;background:#fff}
.header .mb-menu .cont{padding-top:1.84rem;height:100%}
.header .mb-menu .list{width:85.33%;margin:0;height:100%;background:#fff;overflow-y:scroll}
.header .mb-menu .item{padding:.47rem .4rem;font-size:.43rem;color:#333;position:relative}
.header .mb-menu .item::after{content:"";position:absolute;bottom:0;left:.4rem;right:0;margin:auto;height:1px;background:#e7e7e7}
.header .mb-menu .item:last-child::after{display:none}
.header .mb-menu .item:hover{background:#eee}
.header .mb-menu .user{background:#f5f5f5;padding:.4rem .4rem .53rem}
.header .mb-menu .name{font-size:.43rem;color:#333}
.header .mb-menu .out{font-size:.37rem;color:#488de1}
.header .mb-menu .lab{position:absolute;right:.4rem;top:0;bottom:0;margin:auto;width:.53rem;height:.53rem;background:#e42c2c;color:#fff;border-radius:50%;text-align:center;line-height:.53rem;font-size:.32rem}
.header .mb-menu .icon{display:inline-block;width:.53rem;height:.53rem;vertical-align:middle;background-image:url(../images/menu_icon.png);background-size:6.36rem .53rem}
.header .mb-menu .iconfont{font-size:.43rem;color:#999}
.header .mb-menu .icon-1{background-position:0 0}
.header .mb-menu .icon-2{background-position:-.53rem 0}
.header .mb-menu .icon-3{background-position:-1.06rem 0}
.header .mb-menu .icon-4{background-position:-1.59rem 0}
.header .mb-menu .icon-5{background-position:-2.12rem 0}
.header .mb-menu .icon-6{background-position:-2.65rem 0}
.header .mb-menu .icon-7{background-position:-3.18rem 0}
.header .mb-menu .icon-8{background-position:-3.71rem 0}
.header .mb-menu .icon-9{background-position:-4.24rem 0}
.header .mb-menu .icon-10{background-position:-4.77rem 0}
.header .mb-menu .icon-11{background-position:-5.3rem 0}
.header .mb-menu .icon-12{background-position:-5.83rem 0}
.header .mb-menu .icon-close{display:inline-block;width:14.67%;height:1.47rem;background-image:url(../images/menu_icon_close.png);background-size:100%}
.header .drawer{font-size:.37rem;line-height:.8rem;color:#333;background:#F5F5F5}
.header .drawer .surface{color:inherit;display:block;font-weight:bold;padding:.4rem;padding-right:.8rem;text-decoration:none;position:relative;background:#fff;overflow:hidden}
.header .drawer .surface .iconfont{color:#666;font-size:.4rem;position:absolute;top:0;bottom:0;right:.2rem;margin:auto;transition-duration:.2s}
.header .drawer .surface[aria-expanded="true"]{background:#F5F5F5}
.header .drawer .surface[aria-expanded="false"]{background:#fff}
.header .drawer .surface[aria-expanded="true"] .iconfont{transform:rotate(-90deg)}
.header .drawer .lining{margin:0}
.header .drawer .lining>li{padding:.4rem .72rem}
.header-popover{position:relative}
.header-popover-wrapper{position:absolute;right:0;left:auto;top:100%;padding-top:.48rem;border:none;width:12.68rem;display:none;z-index:100;cursor:auto}
.header-popover-content{background:#fff;-webkit-box-shadow:0 0 12px rgba(0,0,0,.175);box-shadow:0 0 12px rgba(0,0,0,.175);border-radius:4px}
.header-popover-heading{background:#F5F5F5;padding:.53rem .61rem;line-height:1;border-top-left-radius:4px;border-top-right-radius:4px}
.header-popover-body{padding:.4rem .61rem;max-height:8.2rem;overflow-y:auto}
.header-popover-footer{padding:.4rem .61rem;background:#f5f5f5;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.header-popover:hover .header-popover-wrapper{display:block;animation:headerPopover .3s}
@keyframes menuFade{
from{transform:translate(-100%,0);background:rgba(0,0,0,0)}
to{transform:translate(0,0);background:rgba(0,0,0,.8)}
}
@keyframes headerPopover{
from{transform:translate(0,.4rem);opacity:0}
to{transform:translate(0,0);opacity:1}
}
@media screen and (min-width:768px){

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), (-webkit-min-device-pixel-ratio:144), (min-resolution:144dppx){

}

.footer{background:#222;color:#fff;padding:.93rem 0;font-size:.32rem}
.footer .links{margin:0;padding:0;text-align:center}
.footer .links>li{padding:0 .2rem}
.footer .links>li a{line-height:1;color:#fff;display:inline-block;margin:0 -.2rem;padding:0 .2rem;border-right:1px #555 solid}
.footer .links>li:last-child a{border-right:none}
.footer .contact{margin-top:1rem}
.footer .contact a{color:#fff}
.footer .ownership{color:#999;text-align:center}
.footer .ownership a{color:#999;text-decoration:underline}
.footer .blogroll{text-align:center;margin:0}
.footer .blogroll>li{padding:0 .01rem}
.footer .logo{display:inline-block;width:.75rem;height:.47rem;background-image:url(../images/footer_icon.png);background-size:4rem .47rem}
.footer .logo1{background-position:0 0}
.footer .logo2{background-position:-.8rem 0}
.footer .logo3{background-position:-1.6rem 0}
.footer .logo4{background-position:-2.4rem 0}
.footer .logo5{background-position:-3.2rem 0}
.footer img{max-width:100px;max-height:50px}

.nav-left{padding-right:.45rem;color:#333;font-size:.32rem;line-height:1}
.nav-left .h-nav-menu{border:1px #d7d7d7 solid;border-radius:4px;margin:0;overflow:hidden}
.nav-left .h-nav-menu>li+li{border-top:1px #e2e2e2 solid}
.nav-left .h-nav-menu img{max-width:100%}
.nav-left .h-nav-title{background:#e6f1ff;margin:0;font-size:.32rem}
.nav-left .h-nav-title>a,
.nav-left .h-nav-title>span{display:block;padding:.33rem .22rem;color:#333;font-weight:bold}
.nav-left .h-nav-list{margin:0;cursor:pointer}
.nav-left .h-nav-list>li{background:#fff;font-size:.32rem}
.nav-left .h-nav-list>li:nth-child(2n){background:#f5f5f5}
.nav-left .h-nav-list>li:hover{background:#eee}
.nav-left .h-nav-list>li>a{display:block;padding:.22rem;padding-right:.66rem;color:#333;position:relative}
.nav-left .h-nav-list>li>a>.iconfont{position:absolute;top:0;bottom:0;right:.22rem;left:auto;margin:auto}
.nav-left .h-nav-banner{border-radius:4px;overflow:hidden;margin-top:.47rem}
.nav-left .h-nav-banner .img{display:block;width:100%;background:#eee}

.nav-left-2{padding-right:.45rem;color:#333;font-size:.37rem;line-height:1}
.nav-left-2 .h-nav-menu{border:1px #d7d7d7 solid;border-radius:4px;margin:0;overflow:hidden}
.nav-left-2 .h-nav-title{background:#E6F1FF;margin:0;padding:.4rem .53rem;font-size:.53rem;font-weight:bold}
.nav-left-2 .h-nav-list{margin:0;cursor:pointer}
.nav-left-2 .h-nav-list>li{background:#fff;padding:.4rem .53rem;font-size:.37rem}
.nav-left-2 .h-nav-list>li:hover{background:#f5f5f5}
.nav-left-2 .h-nav-list>li.active{color:#488DE1}

.img-responsive{display:block;padding-bottom:100%;height:0;position:relative;overflow:hidden;margin:0;background-color:#fff}
.img-responsive .img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.img-responsive-border{border:1px #d7d7d7 solid}
.img-responsive-radial{background-image:radial-gradient(#f6f5f1,#eae4d7)}

.ver-box{background:#fff;display:block;border-radius:4px;overflow:hidden;margin-bottom:.4rem}
.ver-box:hover,
.ver-box:focus{text-decoration:none}
.ver-box .dec{height:2.27rem;padding:.32rem .35rem}
.ver-box .title{font-size:.37rem;line-height:.48rem;color:#333;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ver-box .price{font-size:.42rem;line-height:1;color:#e42c2c;margin-top:.26rem}
.ver-box .yuan{display:inline-block;vertical-align:.15rem;font-size:.26rem;margin-right:.06rem}
.ver-box .fra{display:inline-block;font-size:.32rem}
@media screen and (min-width:768px){
  .ver-box{border:1px #d7d7d7 solid}
  .ver-box .dec{height:2.27rem;padding:.58rem .35rem;display:flex}
  .ver-box .dec-left{flex:1}
  .ver-box .price{white-space:nowrap;margin:0;padding-left:.2rem}
}

.cro-box{display:block;background:#fff;margin-bottom:.4rem;padding:.32rem .29rem;border-radius:4px}
.cro-box:hover,
.cro-box:focus{text-decoration:none}
.cro-box .pic,
.cro-box .dec,
.cro-box .sku{float:left}
.cro-box .price{float:right;text-align:right;color:#E42C2C}
.cro-box .pic{width:38.46%}
.cro-box .dec{width:61.54%;padding-left:.37rem}
.cro-box .title{font-size:.37rem;line-height:.48rem;color:#333;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;position:relative}
.cro-box .icon-new{position:absolute;right:0;top:0;font-size:.6rem;color:#e42c2c}
.cro-box .opt{margin-top:.4rem;font-size:.32rem;line-height:.4rem}
.cro-box .sku{max-width:75%;color:#488DE1}
.cro-box .icon-hot{color:#e42c2c;font-size:.4rem}
@media screen and (min-width:768px){
  .cro-box{border:1px #d7d7d7 solid}
}

.input-form{display:block}
.input-form input[type=text],
.input-form .btn-submit{float:left;font-size:.37rem;line-height:1;padding:.35rem .32rem .37rem;border-radius:4px}
.input-form input[type=text]{color:#333;width:4.48rem;padding:.31rem .32rem;height:auto}
.input-form input[type=text]::-moz-placeholder{font-style:italic;color:#999}
.input-form input[type=text]:-moz-placeholder{font-style:italic;color:#999}
.input-form input[type=text]:-ms-input-placeholder{font-style:italic;color:#999}
.input-form input[type=text]::-webkit-input-placeholder{font-style:italic;color:#999}
.input-form .btn-submit{color:#488DE1;border:1px solid;background:#ECF5FF;width:2.47rem;margin-left:.27rem}
@media screen and (min-width:768px){
  .input-form input[type=text]{width:5.81rem}
}

.address{background:#F5F5F5;border-radius:4px;padding:.4rem .4rem .4rem .67rem;font-size:.37rem;margin-top:.32rem;position:relative}
.address .iconfont{position:absolute;top:.4rem;left:.14rem;font-size:.4rem;color:#888}
.address .addr{color:#488DE1;margin:0}
.address .date{color:#888;margin-top:.27rem;margin-bottom:0}
.address .bold{font-weight:bold;color:#333}
@media screen and (min-width:768px){
  .address .date{margin-top:.21rem}
}

.code-label{background:#F5F5F5;border-radius:4px;padding:.3rem ;font-size:.37rem}
.code-label .text{display:inline-block;margin-bottom:0;margin-right:.2rem;vertical-align:middle}
.code-label .bold{font-weight:bold}
.code-label .text.s-fc-gray-darker{color:inherit}
.code-label .close-icon{display:inline-block;font-size:.46rem;line-height:0;vertical-align:middle;padding:0 .1rem;color:#ccc;cursor:pointer;transition:all .1s ease-out}
.code-label .close-icon:hover{color:#666}
.code-label .text-code{font-family:"Menlo","Monaco","Courier New","monospace"}

.input-num .btn{font-size:.27rem;color:#666;padding:.17rem .19rem;height:.64rem;width:.64rem;border-radius:3px;position:relative}
.input-num .form-control{height:.64rem;font-size:.32rem;padding:.23rem 0 .19rem;text-align:center;line-height:0}
.input-num .iconfont{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.input-num .btn:focus{outline:none}
.input-num .form-control
.input-num .form-control::-webkit-outer-spin-button,
.input-num .form-control::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}
.input-num .form-control[type="number"]{-moz-appearance:textfield}
.input-num .input-group-btn{vertical-align:top}
@media screen and (min-width:768px){
  .input-num .btn{height:.95rem;width:.92rem;font-size:.32rem;padding:.32rem}
  .input-num .form-control{height:.95rem;font-size:.42rem;padding:.32rem 0}
}

.bottom-banner{padding-top:.56rem;background:#fff}
.bottom-banner .row{margin:0 -.4rem}
.bottom-banner .img{width:100%}
@media screen and (min-width:768px){
  .bottom-banner{padding-top:1.56rem;background:#eee}
  .bottom-banner .img{display:block;width:83%;margin:auto}
}

.default-page{background:#f5f5f5;padding:1.6rem 0 2.96rem}
.default-page .cart-icon{width:1.87rem;display:block;margin:auto}
.default-page .none-icon{width:3rem;display:block;margin:auto}
.default-page .no-find-icon{width:6rem;display:block;margin:auto}
.default-page .tips{font-size:.43rem;color:#333;text-align:center;margin-top:.53rem;font-weight:bold}
@media screen and (min-width:768px){
  .default-page{background:#fff;padding:25vh 0}
  .default-page .cart-icon{width:3.67rem}
  .default-page .none-icon{width:5rem}
  .default-page .tips{font-size:.79rem;margin-top:1.06rem}
}

.default-content{background:#f5f5f5;padding:0.5rem 0 1.5rem}
@media screen and (min-width:768px){
  .default-content{background:#fff;padding:5vh 0}
  h1{text-align:center;margin-bottom:20px}
}

.home{background:#f5f5f5}
.home .mt15{margin-top:.2rem!important}
.home .pl15{padding-left:.2rem!important}
.home .pr0{padding-right:0!important}
.home .pl0{padding-left:0!important}
.home .plr0{padding-left:0!important;padding-right:0!important}
.home .big-banner{display:block;width:100%;background:#eee}
.home .mb-headline{padding:1.07rem 0 .53rem;text-align:center;margin:0;font-size:.56rem;color:#333;font-weight:bold}
.home .pc-headline{padding:.89rem 0 .29rem;margin:0;font-size:.71rem;color:#333;line-height:1;font-weight:bold}
.home .product-swiper{margin-left:-.4rem;margin-right:-.4rem}
.home .comm-ban .left{width:65.94%}
.home .comm-ban .right{width:31.88%}
.home .comm-ban img{width:100%;border-radius:6px;background:#eee}
.home .h-banner1,
.home .h-banner2,
.home .h-banner3,
.home .h-banner4{display:inline-block;width:100%}
.home .h-banner3{margin-top:.2rem}
.home .h-banner4{margin-top:4.36%}
@media screen and (min-width:768px){
  .home{background:#fff;padding-top:.45rem;padding-bottom:1.06rem}
  .home .cont{padding-left:0}
  .home .product-swiper{border-radius:6px;margin-left:auto;margin-right:auto}
  .home .h-banner2{margin-top:0}
  .home .comm-ban .left,
  .home .comm-ban .right{width:48.93%}
  .home .h-banner2,
  .home .h-banner3{width:47.82%}
  .home .h-banner3{margin-top:0;margin-left:4.36%}
}

.detail{padding-bottom:.67rem}
.detail .map-swiper,
.detail .elect{padding:0}
.detail .swiper-button-next,
.detail .swiper-button-prev{background-color:rgba(255,255,255,.8);background-size:40%;width:32px;height:36px}
.detail .swiper-button-next{right:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.detail .swiper-button-prev{left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}
.detail .map-swiper .max .swiper-button-next,
.detail .map-swiper .max .swiper-button-prev{width:32px;height:36px;margin-top:-18px}
.detail .map-swiper .min .swiper-button-next,
.detail .map-swiper .min .swiper-button-prev{width:20px;height:25px;margin-top:-12.5px}
.detail .map-swiper .swiper-button-next:focus,
.detail .map-swiper .swiper-button-prev:focus{outline:none}
.detail .map-swiper .min{margin-top:10px}
.detail .map-swiper .min .swiper-slide{border:1px transparent solid}
.detail .map-swiper .min .swiper-slide-thumb-active{border-color:#488DE1;border-width:2px}
.detail .map-swiper img{width:100%}
.detail .map-swiper .mb-pagination{position:absolute;right:0;left:auto;width:auto;bottom:.45rem;background:rgb(0,0,0,.6);font-size:.27rem;color:#fff;padding:.16rem .24rem;border-top-left-radius:2em;border-bottom-left-radius:2em;z-index:2;line-height:1}
.detail-title{font-size:.56rem;color:#333;font-weight:bold;margin:.27rem 0 0}
.detail .nav-tabs-swiper{margin-top:.93rem;border-bottom: 2px #488DE1 solid}
.detail .nav-tabs-swiper .swiper-slide{width:auto}
.detail .nav-tabs-swiper .swiper-slide+.swiper-slide{padding-left:.26rem;padding-right:1px}
.detail .nav-tabs-swiper .nav-tabs-swiper-slide{border:1px #D7D7D7 solid;font-size:.42rem;padding:.34rem .3rem;text-align:center;border-bottom:0;margin-bottom:0;color:#999;border-top-left-radius:4px;border-top-right-radius:4px;line-height:1;cursor:pointer}
.detail .nav-tabs-swiper .nav-tabs-swiper-slide.active{background:#488DE1;color:#fff;border-color:#488DE1}
.detail .nav-tabs-swiper .nav-tabs-swiper-slide.disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}
.detail .nav-tabs-swiper .nav-next,
.detail .nav-tabs-swiper .nav-prev{position:absolute;top:0;bottom:-2px;margin:auto;width:20px;height:auto;z-index:50;outline:none;border-radius:0}
.detail .nav-tabs-swiper .nav-next{right:0;left:auto}
.detail .nav-tabs-swiper .nav-prev{left:0;right:auto}
.detail .nav-tabs-swiper .nav-hidden{display:none}
.detail .intro{padding:0;padding-top:.52rem;font-size:.37rem;line-height:.56rem;color:#666}
.detail .intro .dec{font-size:.37rem;line-height:.56rem;color:#666}
.detail .intro ul{padding-left:.4rem;margin-bottom:.37rem}
.detail .trait{font-size:.43rem;color:#333;font-weight:bold;margin:.47rem 0 0;display:block}
.detail .trait-list{padding-left:.4rem;font-size:.37rem;line-height:.56rem;color:#666;margin-top:.37rem}
.detail .btns{margin-right:-.26rem;margin-bottom:-.26rem}
.detail .btn-wrapper{margin-bottom:.26rem}
.detail .btn-radio{padding:0;width:100%;border:none;background:#fff;font-size:.37rem;text-align:center;line-height:1;color:#333;margin-top:.4rem;position:relative;font-weight:bold;cursor:pointer}
.detail .btn-radio:disabled{background:#E7E7E7;color:#B7B7B7}
.detail .btn-radio:first-child{margin-top:0}
.detail .btn-radio input[type=radio]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;opacity:0;z-index:10}
.detail .btn-radio:first-child input{border-top-left-radius:4px;border-bottom-left-radius:4px}
.detail .btn-radio .txt{display:block;padding:.3rem .26rem;white-space:pre-wrap;border:1px #D7D7D7 solid;border-radius:4px;margin-top:1px;margin-bottom:1px}
.detail .btn-radio input[type=radio]:checked+.txt{border-width:2px;color:#488DE1;border-color:#488DE1;margin-top:0;margin-bottom:0;margin-right:-1px}
.detail .btn-radio .hot{position:absolute;top:-.24rem;right:-.08rem;color:#E42D2F;font-size:.85rem}
.detail .btn-radio.active{box-shadow:none!important}
.detail .btn-radio.active .txt{border-width:2px;color:#488DE1;border-color:#488DE1;margin-top:0;margin-bottom:0}
.detail .row-title{font-size:.37rem;font-weight:bold;line-height:1;padding:.6rem 0 .4rem;margin:0}
.detail .row-title-select{padding-left:.1rem}
.detail .tips{font-size:.37rem;line-height:.56rem;color:#888;margin:0}
.detail .tips-help{vertical-align:middle;cursor:pointer;color:#666;vertical-align:top}
.detail .total{text-align:center;font-size:.37rem;line-height:.53rem;color:#333;font-weight:bold;margin-top:1rem}
.detail .total .price{font-size:.48rem;margin-left:.27rem;color:#E43329}
.detail .total .currency{font-size:0.5rem;margin-right:0.1rem}
.detail .total .currency .dollor{font-size:.8rem}
.currency .symbol{margin-right:0.1rem}
.detail .btn-next{margin-top:1.12rem;background:#488DE1;color:#fff;padding:.48rem 0;display:block;width:100%;line-height:1;text-align:center;font-size:.48rem;border-radius:4px}
.detail .ver-box{border:1px #d7d7d7 solid}
.detail .head{font-size:.56rem;color:#333;font-weight:bold;margin:0;padding:1rem 0 .53rem}
.detail .size-input{margin-right:-.26rem}
.detail .size-input-name{width:1.5rem;font-size:.32rem}
.detail .size-input-space{margin-top:.4rem}
.detail .size-input-group{padding-right:.26rem}
.detail .tooltip-inner{max-width:100%;padding:6px 8px}
.detail .select-list{font-size:.37rem}
.detail .select-list,
.detail .select-list label{margin:0;display:block;font-weight:normal}
.detail .select-list>li:hover{background:#f5f5f5}
.detail .select-list>li:hover>*{cursor:pointer}
.detail .select-list>li+li{border-top:1px #e8e8e8 solid}
.detail .select-list label{padding:.37rem .1rem;display:flex;align-items:center}
.detail .select-list .name{flex:1;padding:0 .6rem 0 .3rem;word-break:break-all}
.detail li.select-disabled .name,
.detail li.select-disabled .price{color:#ccc}
.detail li.select-disabled:hover{background:none!important}
.detail li.select-disabled:hover>*{cursor:not-allowed}
.detail #content{position:relative}
#total-wrapper{padding-bottom:15px}
#total-wrapper-clone{z-index:10;border-top:2px solid #488DE1;background-color:#fff;padding-bottom:15px;position:fixed;bottom:0;box-shadow:0 -10px 5px -5px rgba(0, 0, 0, .15)}
#total-wrapper-clone .total{margin-top:0.5rem}
.detail .input-num .form-control,
.detail .input-num .btn{height:1.058rem}
.detail .dropdown .btn{padding:.3rem .4rem}
.detail .zip-code .form-control{padding:.265rem .32rem}
.detail .zip-code .btn-submit{padding:.318rem .32rem}
@media screen and (min-width:768px){
  .detail{padding-top:.45rem}
  .detail .cont{padding-left:0}
  .detail-title{margin:0}
  .detail .map-swiper{margin-bottom:.5rem}
  .detail .btn-wrapper{min-width:50%;float:left;padding-right:.26rem;margin-bottom:.26rem}
  .detail .btn-radio{display:block}
  .detail .btn-radio .txt{height:100%}
  .detail .total{text-align:left;font-size:.42rem}
  .detail .total .price{font-size:.79rem}
  .detail .btn-next{width:5.81rem}
}
@media (min-width:992px){
  .detail .elect{padding-left:.45rem;min-height:12.95rem}
}

.list{background:#f5f5f5}
.list .head{font-size:.56rem;color:#333;font-weight:bold;margin:0;padding:.53rem 0 .4rem}
.list .head .u-font-h4{font-weight:normal;font-size:.37rem}
@media screen and (min-width:768px){
  .list{background:#fff;padding-top:.45rem;padding-bottom:1.06rem}
  .list .head{font-size:.85rem;padding:.34rem 0 .5rem}
}

.mb-login{background:#f5f5f5;padding-bottom:1.33rem}
.mb-login .head{font-size:.48rem;line-height:1;padding:.61rem .43rem;text-align:center;color:#333;font-weight:bold;margin:0}
.mb-login .group{background:#fff;border-radius:4px}
.mb-login .input{display:block;width:100%;border:none;padding:.56rem .45rem;font-size:.47rem;line-height:1;color:#333}
.mb-login .input+.input{border-top:1px #e7e7e7 solid}
.mb-login .input::-moz-placeholder{color:#999}
.mb-login .input:-moz-placeholder{color:#999}
.mb-login .input:-ms-input-placeholder{color:#999}
.mb-login .input::-webkit-input-placeholder{color:#999}
.mb-login .protocol{font-size:.32rem;line-height:.53rem;padding:.47rem 0 0;font-weight:bold}
.mb-login .protocol label{margin:0}
.mb-login a{color:#488DE1}
.mb-login .btn{padding:.45rem 0 .29rem;font-size:.48rem;border-radius:5px;line-height:1;font-weight:bold;margin-top:.53rem;width:100%}
.mb-login .btn-blue{background:#2977EC;color:#fff}
.mb-login .btn-white{background:#fff;color:#333}
.mb-login .login{font-size:.32rem;color:#333;font-weight:bold;text-align:center;margin:0;margin-top:.8rem}
.mb-login .reset{display:block;text-align:center;font-size:.37rem;font-weight:bold;margin-top:.64rem}
.mb-login .other{margin-top:1.49rem}
.mb-login .other .title{height:1px;background:#D7D7D7;position:relative}
.mb-login .other .cont{position:absolute;top:-.19rem;left:0;right:0;text-align:center}
.mb-login .other .txt{font-size:.37rem;font-weight:bold;line-height:1;background:#f5f5f5;padding:0 .3rem}
.mb-login .icons{padding-top:.88rem;text-align:center}
.mb-login .icons .icon{display:inline-block;font-size:.61rem;width:1.07rem;height:1.07rem;background:#333;border-radius:50%;margin:0 .27rem;padding-top:.1rem}
.mb-login .icons .iconfont{color:#fff}
.mb-login .tips-red{font-size:.32rem;line-height:.48rem;color:#E33131;padding:.64rem .88rem 0;text-align:center}
.pc-login{background:#fff;position:relative}
.pc-login .bg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.pc-login .bg-left,
.pc-login .bg-right{width:50%;height:100%}
.pc-login .bg-left{background:#fff}
.pc-login .bg-right{background:#f5f5f5}
.pc-login .login{padding-left:.82rem;padding-right:2.39rem;padding-bottom:2.64rem}
.pc-login .create{padding-left:2.43rem;padding-right:.71rem}
.pc-login .title{height:2.5rem;font-size:.85rem;line-height:1.1;color:#333;font-weight:bold;margin:0;margin-top:3.2rem}
/* .pc-login .form{margin-top:1.4rem} */
.pc-login .form-group{margin-bottom:1.06rem}
.pc-login .form-control{padding:.53rem .48rem;font-size:.42rem;line-height:1;border-radius:4px;color:#333;font-weight:bold;height:auto;margin-top:.37rem}
.pc-login .form-control::-moz-placeholder{color:#aaa}
.pc-login .form-control:-moz-placeholder{color:#aaa}
.pc-login .form-control:-ms-input-placeholder{color:#aaa}
.pc-login .form-control::-webkit-input-placeholder{color:#aaa}
.pc-login .btn{width:6.34rem;background:#488DE1;font-size:.53rem;padding:.5rem 0 .4rem;border-radius:4px;color:#fff}
.pc-login .from-control-name{margin:0;font-size:.42rem;color:#333;font-weight:bold}
.pc-login .lab{color:#E83129;font-size:.53rem;margin-left:.2rem}
.pc-login .other{margin-top:1.59rem}
.pc-login .other .txt{font-size:.48rem;line-height:1;color:#333;font-weight:bold}
.pc-login .icons{margin-top:.69rem}
.pc-login .icons .icon{display:inline-block;width:1.27rem;height:1.27rem;background:#333;border-radius:50%;font-size:.71rem;text-align:center;padding-top:.16rem}
.pc-login .icons .icon+.icon{margin-left:.53rem}
.pc-login .icons .iconfont{color:#fff}
.pc-login .icons .icon:hover{background:#488DE1}
.pc-login .protocol{font-size:.37rem;line-height:.53rem;padding:1.53rem 0 0;font-weight:bold}
.pc-login .protocol label{margin:0}
.pc-login .login a{color:#488DE1}
.pc-login .reset{padding:0 .83rem 5rem}
.pc-login .reset .title{margin-top:2.13rem}
.pc-login .alert-danger{display:inline-block;color:#E7222B;background-color:#F3E9E9;border-color:#F3E9E9;font-size:.37rem;font-weight:bold;margin:0;padding:.37rem .37rem .29rem .79rem}
.pc-login .alert-danger .close{color:#888;opacity:1;margin-left:1rem}

.mb-success{background:#f5f5f5;padding:6rem 0}
.mb-success .suc{font-size:3.17rem;color:#488DE1;margin-bottom:.5rem}
.mb-success .user{color:#5cb85c;font-size:.64rem;font-weight:bold;margin-bottom:.5rem}
.mb-success .no{font-size:.48rem}
.mb-success .dec{font-size:.32rem;margin:0}

.mb-cart{background:#f5f5f5;padding-bottom:.8rem}
.mb-cart .name{font-size:.56rem;color:#333;line-height:1;padding-top:.53rem;font-weight:bold;margin:0}
.mb-cart .shipping .title{font-size:.37rem;font-weight:bold;margin:0}
.mb-cart .input-form{margin-top:.4rem}
.mb-cart .input-form input[type=text]{width:5.3rem}
.mb-cart .input-form .btn-submit{float:right;margin:0}
.mb-cart .address{margin-top:.4rem}
.mb-cart .list-oper{font-size:.37rem;color:#333}
.mb-cart .list-oper a{color:#888}
.mb-cart .total{font-size:.32rem;color:#333;line-height:.8rem;font-weight:bold}
.mb-cart .total ul{margin:0}
.mb-cart .sum{font-size:.4rem;color:#E82E2F}
.mb-cart .btns .btn{width:100%;font-size:.48rem;padding:.45rem .74rem .4rem;font-weight:bold;line-height:1;margin-top:.4rem;border-radius:5px}
.mb-cart .btns .btn-submit{background:#488DE1;color:#fff}
.mb-cart .btns .btn-continue{background:#fff;color:#666}
.mb-cart .pic{width:2.4rem;margin-left:.19rem}
.mb-cart label{margin:0;font-weight:inherit}
.mb-cart .goods .right{padding-left:3.45rem}
.mb-cart .g-title{font-size:.37rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;font-weight:bold;margin-bottom:.4rem}
.mb-cart .g-ul{padding-left:.67rem}
.mb-cart .g-ul>li{border-top:1px #D7D7D7 solid;margin:.4rem 0 0;padding-top:.4rem}
.mb-cart .g-dec{font-size:.32rem;color:#888;line-height:1}
.mb-cart .g-dec .b{color:#333;font-weight:bold}
.mb-cart .g-dec+.g-dec{margin-top:.2rem}
.mb-cart .g-add{font-size:.37rem;color:#488DE1}
.mb-cart .g-textarea{resize:none;border:none;font-size:.32rem;box-shadow:none;padding:0;color:#333}
.mb-cart .g-textarea::-moz-placeholder{color:#aaa}
.mb-cart .g-textarea:-moz-placeholder{color:#aaa}
.mb-cart .g-textarea:-ms-input-placeholder{color:#aaa}
.mb-cart .g-textarea::-webkit-input-placeholder{color:#aaa}
.mb-cart .price{font-size:.37rem;color:#333;font-weight:bold}
.mb-cart .input-num{width:1.95rem}
.pc-cart{padding:.45rem 0 2.11rem}
.pc-cart .title{font-size:.79rem;color:#333;font-weight:bold;margin:0;line-height:1}
.pc-cart .goods-li{padding-top:.77rem}
.pc-cart .goods-li + .goods-li{border-top:1px #D7D7D7 solid;margin-top:.79rem}
.pc-cart .ckarea{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;margin-top:1.88rem}
.pc-cart .pic{display:inline-block;width:4.23rem;margin-left:.53rem;vertical-align:middle}
.pc-cart label{margin:0;font-weight:inherit}
.pc-cart .decarea{padding-left:5.77rem}
.pc-cart textarea{resize:none}
.pc-cart .dectitle{font-size:.48rem;color:#333;font-weight:bold;margin:0 0 .4rem}
.pc-cart .decli{display:block;font-size:.37rem;color:#888;margin:0 0 .3rem}
.pc-cart .decli .iconfont{font-size:.42rem;vertical-align:middle}
.pc-cart .b{color:#333}
.pc-cart a.decli{color:#488DE1!important}
.pc-cart .p-name,
.pc-cart .p-cont{float:left;font-size:.37rem;color:#333;margin:0;line-height:.7rem;width:50%}
.pc-cart .p-cont{min-width:3.81rem;text-align:right}
.pc-cart .p-name li{padding-left:.53rem}
.pc-cart .p-cont li{padding-right:.53rem}
.pc-cart .p-name li,
.pc-cart .p-cont li{margin-bottom:.2rem}
.pc-cart .p-name li:last-child,
.pc-cart .p-cont li:last-child{border-top:1px #d7d7d7 solid;padding-top:.2rem}
.pc-cart .sum{font-size:.53rem;color:#E82E2F;font-weight:bold}
.pc-cart .total .btn{font-size:.53rem;padding:.5rem .74rem;font-weight:bold;line-height:1}
.pc-cart .total .btn-submit{background:#488DE1;color:#fff;margin-top:1.19rem}
.pc-cart .total .btn-continue{background:#E7E7E7;color:#666;margin-top:4.95rem}
.pc-cart .input-num{width:3.17rem}
.pc-cart .dechandle{margin:0 0 .4rem}
.pc-cart .dechandle>li{vertical-align:middle}
.pc-cart .edit{color:#999;font-size:.45rem;padding:.11rem .25rem}
.pc-cart .edit-lighten{color:#488DE1;border:1px solid}
.pc-cart .check-all{font-size:.42rem;color:#333;padding-top:.53rem}
.pc-cart .check-all a{color:#333;margin-left:.66rem}
.pc-cart .price{font-size:.42rem;font-weight:bold;display:inline-block;width:4.92rem;text-align:right;padding-right:2.11rem;color:#E82E2F}
.pc-cart .del-icon{font-size:.48rem;cursor:pointer}
.pc-cart .del-icon:hover{color:#488DE1}
.pc-cart .left{width:45%}
.pc-cart .total-bottom-left{padding:.53rem}
.pc-cart .total-bottom-right{border-left:1px #d7d7d7 solid}
.pc-cart .total-bottom-total{padding:.53rem;position:relative}
.pc-cart .total-bottom-btns{padding:.53rem}
.pc-cart .total-bottom-left-cont{position:relative;height:100px}
.pc-cart .total-bottom-left-cont>.input-form,
.pc-cart .total-bottom-left-cont>.address{position:absolute;top:0;left:0;right:0;margin:auto}
.pc-cart .total-bottom-left-cont>.address{display:none}
.pc-cart .total-bottom-total-loading{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(255,255,255,.5)}
.pc-cart .total-bottom-total-loading>img{width:2rem;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.shipping-promise{margin:0;margin-top:.6rem}
.shipping-promise-icon{width:1.2rem;margin-right:.2rem}

.mb-check-out{background:#f5f5f5;padding-bottom:.8rem}
.mb-check-out .name{font-size:.56rem;color:#333;line-height:1;padding-top:.53rem;font-weight:bold;margin:0}
.mb-check-out .btns .btn{width:100%;font-size:.48rem;padding:.45rem .74rem .4rem;font-weight:bold;line-height:1;margin-top:.4rem;border-radius:5px}
.mb-check-out .btns .btn-submit{background:#488DE1;color:#fff}
.mb-check-out .total{font-size:.32rem;color:#333;line-height:.8rem;font-weight:bold}
.mb-check-out .total ul{margin:0}
.mb-check-out .sum{font-size:.4rem;color:#E82E2F}
.mb-check-out .h-name{font-size:.37rem;line-height:1;color:#333;font-weight:bold}
.mb-check-out .h-add{font-size:.32rem;line-height:1;color:#488DE1}
.mb-check-out .addr-list{margin:0}
.mb-check-out .addr-list>li+li{border-top:1px #D7D7D7 solid;padding:.53rem 0 0;margin-top:.53rem}
.mb-check-out .addr-el+.addr-el{margin-top:.53rem}
.mb-check-out .addr-dec{font-size:.32rem;color:#666;line-height:.53rem;margin-top:.13rem}
.mb-check-out .addr-btn{min-width:50%;display:inline-block;font-size:.32rem;line-height:1;color:#333;padding:.21rem;border:1px #D7D7D7 solid;border-radius:2px;text-align:center}
.mb-check-out .addr-btn.active{color:#488DE1;border-color:#488DE1}
.mb-check-out .addr-default{font-size:.24rem;color:#488DE1;line-height:1;padding:.25rem;background:#E6F1FF;border-radius:2px;border:1px #E6F1FF solid;margin-left:.27rem}
.mb-check-out .btn-wrapper{margin-right:-.29rem;margin-top:-.26rem}
.mb-check-out .btn-item{float:left;min-width:50%;padding-right:.29rem;padding-top:.26rem}
.mb-check-out .btn-radio{padding:0;width:100%;border:none;background:#fff;font-size:.32rem;text-align:center;line-height:1;color:#333;position:relative}
.mb-check-out .btn-radio:disabled{background:#E7E7E7;color:#B7B7B7}
.mb-check-out .btn-radio:first-child{margin-top:0}
.mb-check-out .btn-radio input[type=radio]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;opacity:0;z-index:10}
.mb-check-out .btn-radio input[type=radio]+.txt{display:block;padding:.16rem;white-space:pre-wrap;border:1px #D7D7D7 solid;border-radius:2px}
.mb-check-out .btn-radio input[type=radio]:checked+.txt{color:#488DE1;border-color:#488DE1}
.mb-check-out .delivery{font-size:.32rem;color:#888;margin-top:.4rem}
.mb-check-out .delivery .time{color:#333}
.mb-check-out .g-pic{width:2.4rem}
.mb-check-out .g-right{padding-left:2.8rem}
.mb-check-out .g-title{font-size:.37rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;font-weight:bold;margin-bottom:.4rem}
.mb-check-out .g-dec{border-top:1px #D7D7D7 solid;margin:.4rem 0 0;padding-top:.4rem}
.mb-check-out .g-dec-li{font-size:.32rem;color:#888;line-height:1}
.mb-check-out .g-dec-li .b{color:#333;font-weight:bold}
.mb-check-out .g-dec-li+.g-dec-li{margin-top:.2rem}
.mb-check-out .panel-body+.panel-body{border-top:1px #D7D7D7 solid}
.mb-check-out .g-price{font-size:.37rem;color:#333;font-weight:bold}
.mb-check-out .g-count{font-size:.37rem;color:#333;font-weight:bold}
.pc-check-out{padding:.45rem 0 2.11rem}
.pc-check-out .title{font-size:.79rem;color:#333;font-weight:bold;margin:0;line-height:1}
.pc-check-out .h-name{font-size:.48rem;line-height:1;color:#333;font-weight:bold}
.pc-check-out .h-add{font-size:.37rem;line-height:1;color:#488DE1}
.pc-check-out .sum{font-size:.53rem;color:#E82E2F;font-weight:bold}
.pc-check-out .total .btn{font-size:.53rem;padding:.5rem .74rem;font-weight:bold;line-height:1}
.pc-check-out .total .btn-submit{background:#488DE1;color:#fff;margin-top:1.19rem}
.pc-check-out .total>div{width:80%;padding-left:.53rem}
.pc-check-out .total>div:after,
.pc-check-out .total>div:before{display:table;content:" "}
.pc-check-out .p-name,
.pc-check-out .p-cont{float:left;font-size:.37rem;color:#333;margin:0;line-height:.7rem;width:50%}
.pc-check-out .p-cont{min-width:3.81rem;text-align:right}
.pc-check-out .p-name li,
.pc-check-out .p-cont li{margin-bottom:.2rem}
.pc-check-out .p-name li:last-child,
.pc-check-out .p-cont li:last-child{border-top:1px #d7d7d7 solid;padding-top:.2rem}
.pc-check-out .p-name li{padding-left:.53rem}
.pc-check-out .p-cont li{padding-right:.53rem}
.pc-check-out .goods{margin-top:.59rem}
.pc-check-out .goods+.goods{padding-top:.79rem;border-top:1px #D7D7D7 solid}
.pc-check-out .g-pic{width:4.23rem}
.pc-check-out .g-dec{padding-left:4.76rem}
.pc-check-out .g-dec-title{font-size:.48rem;color:#333;font-weight:bold;margin:0 0 .4rem;max-width:8rem}
.pc-check-out .g-dec-li{display:block;font-size:.37rem;color:#888;margin:0 0 .3rem}
.pc-check-out .g-dec-li .b{color:#333}
.pc-check-out .g-count,
.pc-check-out .g-price{font-size:.42rem;color:#333}
.pc-check-out .g-price{max-width:5rem;width:5rem;text-align:right}
.pc-check-out .btn-radio{font-size:.37rem;margin-top:.53rem;margin-right:.37rem;min-width:5.29rem}
.pc-check-out .btn-radio .txt{padding:.26rem!important}
.pc-check-out .g-tips{display:inline-block;font-size:.37rem;color:#488DE1;margin-top:.53rem}
.pc-check-out .g-tips .time{color:#333}
.pc-check-out .addr-el{padding-top:.53rem}
.pc-check-out .addr-dec{display:inline-block;font-size:.32rem;color:#666;line-height:.53rem;margin-left:.27rem;max-width:10rem;vertical-align:middle}
.pc-check-out .addr-btn{min-width:5.29rem;display:inline-block;font-size:.37rem;line-height:1;color:#333;padding:.26rem;border:1px #D7D7D7 solid;border-radius:2px;text-align:center;cursor:pointer}
.pc-check-out .addr-btn.active{color:#488DE1;border-color:#488DE1}
.pc-check-out .addr-default{font-size:.24rem;color:#888;line-height:1;padding:.25rem;background:#E7E7E7;border-radius:2px;border:1px #E6F1FF solid;margin-left:.27rem}
@media (min-width: 998px){
  .pc-check-out .total>div{width:60%}
}
@media (min-width: 1200px){
  .pc-check-out .total>div{width:50%}
}

.mb-order{background:#f5f5f5;padding-bottom:.8rem}
.mb-order .name{font-size:.56rem;color:#333;line-height:1;padding-top:.53rem;font-weight:bold;margin:0}
.mb-order .dropdown{margin-top:.27rem}
.mb-order .o-name{font-size:.37rem;color:#888;font-weight:bold}
.mb-order .o-no{color:#498DE2}
.mb-order .o-status{font-size:.32rem;color:#333}
.mb-order .o-pic{width:2.4rem}
.mb-order .o-right{padding-left:2.8rem}
.mb-order .o-title{font-size:.37rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;font-weight:bold;margin-bottom:.4rem}
.mb-order .o-dec{border-top:1px #D7D7D7 solid;margin:.4rem 0 0;padding-top:.4rem}
.mb-order .o-dec-li{font-size:.32rem;color:#888;line-height:1}
.mb-order .o-dec-li .b{color:#333;font-weight:bold}
.mb-order .o-dec-li+.o-dec-li{margin-top:.2rem}
.mb-order .panel-body+.panel-body{border-top:1px #D7D7D7 solid}
.mb-order .o-price,
.mb-order .o-count{font-size:.37rem;color:#333;font-weight:bold}
.mb-order .o-top{display:flex}
.mb-order .o-title,
.mb-order .o-del{flex:auto}
.mb-order .o-del{flex-grow:0;font-size:.37rem;padding-left:.6rem;color:#333;cursor:pointer}
.pc-order{padding-top:.53rem;padding-bottom:1.06rem}
.pc-order .cont{padding-left:0}
.pc-order .title{font-size:.63rem;font-weight:bold}
.pc-order .search-sm{display:inline-block;width:7.34rem;vertical-align:top;margin-left:.4rem}
.pc-order .status-dropdown{width:6.34rem;display:inline-block;vertical-align:top}
.pc-order .status-dropdown .btn{padding:.31rem .37rem;height:.95rem}
.pc-order .panel-heading{font-size:.37rem;color:#888}
.pc-order .o-no,
.pc-order .o-status,
.pc-order .o-details{margin-left:.79rem}
.pc-order .o-print,
.pc-order .o-details{color:#5695E3}
.pc-order .b{color:#333;font-weight:bold}
.pc-order .goods+.goods{padding-top:.79rem;border-top:1px #D7D7D7 solid;margin-top:.59rem}
.pc-order .g-pic{width:4.23rem}
.pc-order .g-dec{padding-left:4.76rem}
.pc-order .g-dec-title{font-size:.48rem;color:#333;font-weight:bold;margin:0 0 .4rem;max-width:8rem;min-width:4rem}
.pc-order .g-dec-li{display:block;font-size:.37rem;color:#888;margin:0 0 .3rem}
.pc-order .g-dec-li .b{color:#333;font-weight:inherit}
.pc-order .g-count,
.pc-order .g-price{font-size:.42rem;color:#333}
.pc-order .g-price{display:inline-block;text-align:center;width:2.77rem}
.pc-order .g-dec-left,
.pc-order .g-dec-right{width:50%}
.pc-order .g-payment-txt{font-size:.37rem;color:#488DE1;padding-top:.1rem;display:inline-block}
.pc-order .g-payment-sum{font-size:.37rem;color:#E82E2F}
.pc-order .g-payment-icon{font-size:.53rem;color:#999;vertical-align:middle}
.pc-order .g-total-txt{font-size:.37rem;color:#333;font-weight:bold}
.pc-order .g-total-sum{display:inline-block;min-width:3.8rem;color:#E82E2F;font-size:.53rem;font-weight:bold}
.pc-order .g-btns{width:4.2rem}
.pc-order .g-btns .btn{width:100%}
.pc-order .g-btns .btn+.btn{margin-top:.4rem}
.pc-order .g-btns .btn-link{color:#333}
.pc-order .g-btns .status{font-weight:bold;text-align:center;margin-bottom:.8rem}
.pc-order .g-dec-right>ul>li{vertical-align:top}

.mb-order-detail{background:#f5f5f5;padding-bottom:.8rem}
.mb-order-detail .b{color:#333}
.mb-order-detail .o-no{font-size:.56rem;color:#888;font-weight:bold;padding-top:.53rem}
.mb-order-detail .o-date{font-size:.32rem;color:#888}
.mb-order-detail .o-status-txt{font-size:.37rem;color:#333;font-weight:bold;margin-bottom:.13rem}
.mb-order-detail .o-status{font-size:.64rem;color:#EE2A36;font-weight:bold}
.mb-order-detail .o-info{font-size:.37rem;color:#333;font-weight:bold;margin-top:.91rem;margin-bottom:.4rem}
.mb-order-detail .btn-blue{font-size:.32rem;line-height:1;padding:.27rem .37rem}
.mb-order-detail .addr-ul{font-size:.32rem;color:#333;margin:0}
.mb-order-detail .addr-ul>li{margin-top:.1rem}
.mb-order-detail .addr-ul .iconfont{color:#888}
.mb-order-detail .addr-ul .txt{padding-left:.53rem}
.mb-order-detail .o-pay-info{font-size:.32rem;color:#333}
.mb-order-detail .total{font-size:.32rem;color:#333;line-height:.8rem;font-weight:bold}
.mb-order-detail .total ul{margin:0}
.mb-order-detail .sum{font-size:.4rem;color:#E82E2F}
.mb-order-detail .h-name{font-size:.37rem;line-height:1;color:#333;font-weight:bold}
.mb-order-detail .g-pic{width:2.4rem}
.mb-order-detail .g-right{padding-left:2.8rem}
.mb-order-detail .g-title{font-size:.37rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;font-weight:bold;margin-bottom:.4rem}
.mb-order-detail .g-dec{border-top:1px #D7D7D7 solid;margin:.4rem 0 0;padding-top:.4rem}
.mb-order-detail .g-dec-li{font-size:.32rem;color:#888;line-height:1}
.mb-order-detail .g-dec-li .b{color:#333;font-weight:bold}
.mb-order-detail .g-dec-li+.g-dec-li{margin-top:.2rem}
.mb-order-detail .panel-body+.panel-body{border-top:1px #D7D7D7 solid}
.mb-order-detail .g-price{font-size:.37rem;color:#333;font-weight:bold}
.mb-order-detail .g-count{font-size:.37rem;color:#333;font-weight:bold}
.pc-order-detail{padding:.45rem 0 2.11rem}
.pc-order-detail .b{color:#333}
.pc-order-detail .ml{margin-left:.2rem}
.pc-order-detail .o-no{font-size:.63rem;color:#888;font-weight:bold}
.pc-order-detail .o-date{font-size:.37rem;color:#888}
.pc-order-detail .o-table{display:table;width:100%;table-layout:fixed}
.pc-order-detail .o-td{display:table-cell}
.pc-order-detail .status-width{width:24%}
.pc-order-detail .addr-width{width:44%}
.pc-order-detail .o-txt{font-size:.48rem;color:#333;font-weight:bold;margin-bottom:.66rem;line-height:1}
.pc-order-detail .o-status{font-size:.79rem;color:#EE2A36;font-weight:bold;margin-bottom:.66rem;line-height:1}
.pc-order-detail .addr-ul{font-size:.42rem;color:#333;margin:0}
.pc-order-detail .addr-ul>li{margin-top:.1rem}
.pc-order-detail .addr-ul .iconfont{color:#888}
.pc-order-detail .addr-ul .txt{padding-left:.53rem}
.pc-order-detail .o-pay-info{font-size:.42rem;color:#333}
.pc-order-detail .h-name{font-size:.48rem;line-height:1;color:#333;font-weight:bold}
.pc-order-detail .sum{font-size:.53rem;color:#E82E2F;font-weight:bold}
.pc-order-detail .p-name,
.pc-order-detail .p-cont{float:left;font-size:.37rem;color:#333;margin:0;line-height:.7rem;width:50%}
.pc-order-detail .p-cont{min-width:3.81rem;text-align:right}
.pc-order-detail .p-name li,
.pc-order-detail .p-cont li{margin-bottom:.2rem}
.pc-order-detail .p-name li:last-child,
.pc-order-detail .p-cont li:last-child{border-top:1px #d7d7d7 solid;padding-top:.2rem}
.pc-order-detail .p-name li{padding-left:.53rem}
.pc-order-detail .p-cont li{padding-right:.53rem}
.pc-order-detail .goods{margin-top:.59rem;display:flex}
.pc-order-detail .goods+.goods{padding-top:.79rem;border-top:1px #D7D7D7 solid}
.pc-order-detail .g-pic{width:4.23rem}
.pc-order-detail .g-dec{display:flex;flex:1}
.pc-order-detail .g-dec>div:first-child{flex:1;padding:0 .4rem}
.pc-order-detail .g-dec-title{font-size:.48rem;color:#333;font-weight:bold;margin:0 0 .4rem}
.pc-order-detail .g-dec-remark{color:#488DE1;font-size:.5rem;width:1em;height:1em;vertical-align:middle;cursor:pointer;text-decoration:none}
.pc-order-detail .g-dec-remark:focus{outline:none}
.pc-order-detail .g-dec-li{display:block;font-size:.37rem;color:#888;margin:0 0 .3rem}
.pc-order-detail .dechandle>li{vertical-align:top}
.pc-order-detail .g-dec-li .b{color:#333}
.pc-order-detail .g-count,
.pc-order-detail .g-price{font-size:.42rem;color:#333}
.pc-order-detail .g-price{display:inline-block;max-width:5rem;width:4rem;text-align:center}
.pc-order-detail .g-btns{width:4.2rem}
.pc-order-detail .g-btns .status{font-weight:bold;text-align:center;margin-bottom:.8rem}
.pc-order-detail .mt20{margin-top:.53rem}
.pc-order-detail-total{padding:.53rem}
.pc-order-detail-recomm{padding:.61rem;border-right:1px #d7d7d7 solid}
.pc-order-detail-recomm-el{background:#f9f9f9;padding:.32rem .4rem;border-radius:2px}
.pc-order-detail-recomm-el+.pc-order-detail-recomm-el{margin-top:.26rem}
.pc-order-detail-recomm-el .left{width:70%;max-width:73%;font-size:.4rem}
.pc-order-detail-recomm-el .txt{color:#666;margin:0}
.pc-order-detail-recomm-el .count{color:#333;margin:0}
.pc-order-detail-recomm-el .time{color:#999;margin:0}
.pc-order-detail-recomm-el .price-width{width:2.5rem;text-align:center}
.pc-order-detail-recomm-el .price{font-size:.37rem;color:#E82E2F}
.pc-order-detail-recomm-el .status-width{width:2.3rem}

.mb-address-list{background:#f5f5f5;padding-bottom:.8rem}
.mb-address-list .name{font-size:.56rem;color:#333;line-height:1;padding-top:.53rem;font-weight:bold;margin:0}
.mb-address-list .btns .btn{width:100%;font-size:.48rem;padding:.45rem .74rem .4rem;font-weight:bold;line-height:1;margin-top:.4rem;border-radius:5px}
.mb-address-list .btns .btn-submit{background:#488DE1;color:#fff}
.mb-address-list .panel{overflow:hidden}
.mb-address-list .panel-body{position:relative}
.mb-address-list .addr-body{display:block;font-weight:inherit;margin:0}
.mb-address-list .select-icon{position:absolute;top:0;right:0;width:1.1rem}
.mb-address-list .addr-name{font-size:.48rem;color:#333;font-weight:bold}
.mb-address-list .addr-ul{font-size:.32rem;color:#333;margin:0}
.mb-address-list .addr-ul>li{margin-top:.1rem}
.mb-address-list .addr-ul .iconfont{color:#888}
.mb-address-list .txt{padding-left:.53rem}
.mb-address-list .addr-foot{border-top:1px #D7D7D7 solid;margin-top:.53rem;padding-top:.4rem}
.mb-address-list .addr-set{font-size:.32rem;color:#488DE1}
.mb-address-list .icon{display:inline-block;color:#888;font-size:.37rem;padding:0 .2rem}
.mb-address-list .mb-input-group{margin-top:.4rem}
.pc-address-list{background:#fff;padding-top:.53rem;padding-bottom:1.06rem}
.pc-address-list .cont{padding-left:0}
.pc-address-list .title{font-size:.63rem;font-weight:bold}
.pc-address-list .addr-body+.addr-body{border-top:1px #D7D7D7 solid;padding-top:.79rem;margin-top:.79rem}
.pc-address-list .addr-table{display:table;width:100%}
.pc-address-list .addr-ul,
.pc-address-list .addr-opt{display:table-cell;vertical-align:bottom}
.pc-address-list .addr-ul{width:53%}
.pc-address-list .addr-opt{width:47%;text-align:right}
.pc-address-list .addr-name{font-size:.63rem;color:#333;font-weight:bold}
.pc-address-list .addr-ul>li{margin-top:.2rem;font-size:.42rem;color:#333}
.pc-address-list .addr-ul .iconfont{color:#888}
.pc-address-list .txt{padding-left:.53rem}
.pc-address-list .addr-opt-el{font-size:.37rem;color:#488DE1;display:inline-block;line-height:1}
.pc-address-list .addr-opt-el+.addr-opt-el{padding-left:.4rem;margin-left:.4rem;border-left:1px #D7D7D7 solid}
.pc-address-list .lab-default{display:inline-block;font-size:.37rem;background:#E6F1FF;border-radius:4px;color:#488DE1;padding:.26rem .37rem;line-height:1;font-weight:normal;margin-left:.66rem;vertical-align:top}

.about-us{min-height:calc(100vh - 250px)}
.about-us-title{font-size:.8rem;font-weight:bold;text-align:center;margin:1rem 0 1rem}
.about-us-cont{font-size:.42rem;color:#999;text-align:justify}
.about-us-cont p{text-indent:2em}
.about-us-cont img{max-width:100%}

.blogs-page .blogs-title{font-size:.96rem;font-family:"Arial Black";text-align:center;padding:1rem 0}
.blogs-page .blogs-bannger{display:block;width:100%;padding-bottom:40%;margin-bottom:.2rem;background-size:cover;background-position:center;background-repeat:no-repeat}
.blogs-page .blogs-body{width:100%}
.blogs-page .blogs-item{margin-bottom:1.2rem}
.blogs-page .blogs-head{font-size:.64rem;font-weight:bold;margin-bottom:.2rem;color:#333}
.blogs-page .blogs-head a{color:inherit}
.blogs-page .blogs-desc{font-size:.37rem;color:#999;margin-bottom:.3rem}
.blogs-page .blogs-date{font-size:.37rem;color:#999;margin-bottom:.6rem}
.blogs-page .blogs-navigation{font-size:.48rem;border-top:1px #ccc solid}
.blogs-page .blogs-prev,
.blogs-page .blogs-next{color:#999;padding:.8rem 0}
.blogs-page .blogs-prev:hover,
.blogs-page .blogs-next:hover{color:#488DE1;cursor:pointer;text-decoration:none}
@media screen and (min-width:768px){
  .blogs-page .blogs-title{padding:2rem 0}
  .blogs-page .blogs-item{display:table;table-layout:fixed;width:100%}
  .blogs-page .blogs-bannger{display:table-cell;width:50%;padding-bottom:25%;vertical-align:top;margin-bottom:0}
  .blogs-page .blogs-body{display:table-cell;width:50%}
  .blogs-page .blogs-bannger+.blogs-body{padding-left:.5rem}
}

.template-list{display:flex;flex-wrap:wrap}
.template-list .template-item{padding-left:10px;padding-bottom:10px;width:50%}
.template-list .template-inner{height:100%;min-height:7rem;display:flex;flex-direction:column;margin:0}
.template-list .template-inner-foot{height:2.8rem;padding:.4rem}
.template-list .template-preview{flex-grow:1;background-color:#e6e6e6;display:flex;align-items:center;position:relative}
.template-list .template-preview-link{max-width:85%;margin-left:auto;margin-right:auto;padding-top:60px;padding-bottom:50px}
.template-list .template-preview-image{width:100%}
.template-list .template-preview-tips{visibility:hidden;position:absolute;left:50%;bottom:1.057rem;background-color:#488DE1;color:#fff;font-size:.38rem;white-space:nowrap;border-radius:4px;padding:.4rem .6rem;transition:all .1s ease-out;opacity:0;transform:translate(-50%,30px)}
.template-list .template-preview-link:hover .template-preview-tips{visibility:visible;opacity:1;transform:translate(-50%,0)}
.template-free{background-color:#fff;display:flex;align-items:center;justify-content:center}
.template-free .upload-icon{display:inline-block;width:1.5rem;height:1.5rem;background-color:#488DE1;border-radius:50%;color:#fff;font-size:.8rem;text-align:center;line-height:1.5rem}
.template-free .txt{font-size:.37rem;text-align:center;margin:.42rem .2rem}
.template-colors{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:.2rem}
.template-colors .color-item{width:.5rem;height:.5rem;border-radius:50%;margin:.1rem .15rem;cursor:pointer;border:1px rgb(0,0,0,.2) solid}
.template-colors .color-item:hover{box-shadow:0 0 4px 1px #488DE1}
.template-colors .color-item.active{box-shadow:0 0 0 3px white,0 0 0 4px #488DE1}
.template-colors.big{padding:0;margin-bottom:0;margin-top:-.4rem;justify-content:flex-start}
.template-colors.big .color-item{width:.4958rem;height:.4958rem;margin:.1rem}
.template-txt{padding:0 .2rem;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media (min-width:768px){
  .template{display:table;width:100%;vertical-align:top}
  .template-left,
  .template-list{display:table-cell;vertical-align:top}
  .template-left{width:220px;padding-right:15px}
  .template-list{display:flex;flex-wrap:wrap}
  .template-colors.big .color-item{width:.458rem;height:.458rem;margin:.144rem}
}
@media (min-width:992px){
  .template-list .template-item{width:33.333%}
}

.custom-preview{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:url('../images/bg2.jpg') no-repeat 0 0 / cover}
.custom-preview .cont{position:absolute;height:100%;width:100%}
.custom-preview .man{position:absolute;background:url('../images/man4.png') no-repeat center;background-size:contain}
.custom-preview .rect{position:absolute;border:1px solid #ccc;background:#646c73;font-size:12px;font-family:Arial, Helvetica, sans-serif;box-shadow:0 0 10px rgba(0, 0, 0, 0.5)}
.custom-preview .rect > div{display:block;position:absolute;top:50%;width:100%;transform:translate(0, -50%);color:#fff;text-align:center;word-break:break-all}

.edit-table{width:100%;display:table;padding-top:30px}
.edit-tr{display:table-row}
.edit-td{display:table-cell;vertical-align:top}
.edit-title{padding:0 5px;width:100px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edit-cont{padding-bottom:20px;padding-left:5px}
.edit-img{width:2rem;margin-bottom:10px}
.edit-html{font-size:.37rem;line-height:.56rem;color:#666}
.edit-html img{max-width:100%}
.edit-download{display:inline-block;margin-bottom:10px}
