/*公共样式*/
 
 html,
 body,
 td,
 input,
 textarea,
 select,
 button,
 ul,
 ol,
 li,
 dl,
 dt,
 dd,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 form,
 fieldset,
 a {
     box-sizing: content-box;
 }
 
 body {
     background: #ffffff;
     color: #666;
     margin: 0 auto;
     width: auto;
     min-width: 1210px;
     min-height: 400px;
     overflow-x: hidden;
 }
 
 html,
 body {
     margin: 0;
     padding: 0;
 }
 
 body,
 td,
 input,
 textarea,
 select,
 button {
     color: #666;
     font-size: 14px;
     font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
 }
 
 label {
     font-weight: normal;
 }
 
 label input {
     vertical-align: -2px;
 }
 
 body,
 ul,
 ol,
 li,
 dl,
 dt,
 dd,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 form,
 fieldset {
     margin: 0;
     padding: 0;
 }
 
 ul,
 ol,
 li {
     list-style-image: none;
     list-style-type: none;
 }
 
 a {
     color: #666;
     text-decoration: none;
     blr: expression(this.onFocus=this.blur());
     outline: none;
 }
 
 a:active {
     star: expression_r(this.onFocus=this.blur());
 }
 
 a:hover {
     text-decoration: none;
     cursor: pointer
 }
 
 a:focus,
 input[type=button],
 input[type=submit] {
     outline: none;
 }
 
 input,
 button,
 select,
 textarea {
     outline: none
 }
 
 input:-webkit-autofill {
     -webkit-animation-name: autofill;
     -webkit-animation-fill-mode: both;
 }
 
 @-webkit-keyframes autofill {
     to {
         background: transparent;
     }
 }
 
 a img {
     border: none;
 }
 
 i,
 em {
     font-style: normal;
 }
 
 i.fa {
     font-size: 14px;
     vertical-align: middle;
     margin: 0 5px;
 }
 
 .w1210 {
     width: 1210px;
     margin: 0 auto;
 }
 
 .w990 {
     width: 990px;
     margin: 0 auto;
 }
 
 .w400 {
     width: 400px !important;
 }
 
 .w600 {
     width: 600px !important;
 }
 
 .fl {
     float: left;
 }
 .fl1 {
    float: left;
    width: 95px;
}
 .fr {
     float: right;
 }
 
 .pos-r {
     position: relative!important;
 }
 
 .pos-a {
     position: absolute!important;
 }
 
 .hide {
     display: none;
 }
 
 .color-light {
     color: #999;
 }
 
 .clear {
     clear: both;
     height: 0;
     overflow: hidden;
 }
 
 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }
 
 .none {
     display: none !important;
 }
 
 .cur-p {
     cursor: pointer;
 }
 
 .blank {
     height: 10px;
     line-height: 10px;
     clear: both;
     visibility: hidden;
 }
 
 .blank15 {
     height: 15px;
     line-height: 15px;
     clear: both;
     visibility: hidden;
 }
 
 .c_h {
     color: #cf000e;
 }
 
 .c_l {
     color: #09c762;
 }
 
 .c_b {
     color: #fff;
 }
 
 .f14 {
     font-size: 14px;
 }
 
 .mt_20 {
     margin-top: 20px;
 }
 
 .mt_30 {
     margin-top: 30px;
 }
 
 .mt_40 {
     margin-top: 40px;
 }
 /*margin、padding值*/
 
 .p-0 {
     padding: 0px !important
 }
 
 .p-10 {
     padding: 10px 0;
 }
 
 .m-l-10 {
     margin-left: 10px;
 }
 
 .m-r-5 {
     margin-right: 5px;
 }
 
 .m-l-5 {
     margin-left: 5px;
 }
 
 .m-10 {
     margin: 10px 0;
 }
 
 .m-t-30 {
     margin-top: 30px;
 }
 
 .m-t-10 {
     margin-top: 10px;
 }
 
 .bg {
     background: #000;
     opacity: 0.15;
     filter: alpha(opacity=15);
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     /*FF IE7*/
     z-index: 99999;
     position: fixed!important;
     /*FF IE7*/
     position: absolute;
     /*IE6*/
     _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
     document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
     /*IE5 IE5.5*/
 }
 
 .image-lazyload {
     background: url(../image/lazyload_image.png) no-repeat center center
 }
 
 .header-box ul .menu-hd b,
 .header .logo-right .city .city-select .selector,
 .breadcrumb i,
 .crumbs-nav .crumbs-title .icon,
 .crumbs-nav .crumbs-search .search-button,
 .pagination li a i,
 .search-results ul.rec-results li.title i.close,
 .search-results ul.history-results li i,
 .pop-login-header .pop-login-close,
 .pop-login-header .tell-me-close,
 .pop-choose-spec-header .pop-choose-spec-close,
 .region i,
 .region-cur i,
 .region-tabs .li i,
 .region-tabs .region-tab i,
 .region-tabs .selected i,
 .welcome .site-close,
 .category-box .home-category .menu-event i,
 .search .search-form .search-info .search-type-box i,
 .site-footer dl.col-article.col-article-spe dd.customer a em {
     background: url(../image/common-icon.png) no-repeat;
 }
 
 .breadcrumb .last {
     max-width: 630px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 /*头部*/
 
 ul .mobile i,
 .header-box ul .menu-hd b,
 .header .logo-right .city .city-select .selector,
 .breadcrumb i {
     font-size: 12px;
     font-style: normal;
 }
 
 .header-top {
     width: 100%;
     min-width: 1210px;
     height: 32px;
     background: #f2f2f2;
     border-bottom: 1px solid #e5e5e5;
 }
 
 .header-box {
     position: relative!important;
     width: 1210px;
     margin: 0 auto;
     z-index: 1001;
 }
 /*请登录注册*/
 
 .header-box .login-info {
     height: 32px;
     line-height: 32px;
     display: inline-block;
     float: left;
 }
 
 .header-box .login-info a {
     padding: 0 5px;
 }
 
 .header-box .login-info a.login {
     padding-left: 10px;
 }
 /*右侧信息*/
 
 .header-box ul {
     float: right;
     height: 32px;
     line-height: 32px;
     -webkit-backface-visibility: hidden;
 }
 
 .header-box ul li {
     float: left;
     position: relative;
     padding: 0 8px;
 }
 
 .header-box ul li.menu-item {
     z-index: 99;
     padding: 0;
 }
 
 .header-box ul li.menu-item .menu-hd {
     display: block;
     height: 32px;
     line-height: 32px;
     cursor: pointer;
     z-index: 100;
     position: relative;
     padding: 0 16px 0 8px;
 }
 
 .header-box ul li.menu-item .menu-hd b {
     position: absolute;
     right: 5px;
     top: 14px;
     display: inline-block;
     width: 11px;
     height: 11px;
     transition: .2s ease-in-out;
     -webkit-transition: .2s ease-in-out;
     -moz-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     vertical-align: -1px;
     background-position: 0 -80px;
 }
 
 .header-box ul li.hover .menu-hd b,
 .header-box ul li.menu-item .menu:hover .menu-hd b {
     top: 8px;
     right: 8px;
     transform: rotate(-180deg);
     -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
 }
 
 .header-box ul li .menu-bd {
     display: none;
     position: absolute;
     left: 0;
     top: 33px;
     background: #fff;
     opacity: .99;
     filter: alpha(opacity=99);
     z-index: 93110;
     box-shadow: 0 0 10px #ccc;
     width: 64px;
     padding: 8px;
 }
 /*.header-box ul li .menu-bd a { color: #666; line-height: 22px; display: block;}*/
 
 .header-box ul li .menu-bd .menu-bd-mask {
     width: 76px;
     height: 10px;
     background-color: #fff;
     position: absolute;
     top: -9px;
     display: inline-block;
 }
 
 .header-box ul li.menu-item .menu {
     position: relative;
 }
 
 .header-box ul li.hover .menu-hd,
 .header-box li.menu-item .menu:hover .menu-hd {
     background-color: #fff;
     box-shadow: 0 0 10px #ccc;
     padding-bottom: 1px;
 }
 
 .header-box ul .home i {
     width: 13px;
     font-size: 14px;
     vertical-align: middle;
     margin-right: 3px;
     margin-top: -1px;
     display: inline-block;
 }
 /*我的信息*/
 
 .header-box ul li.menu-item .myinfo {
     width: 68px;
 }
 
 .header-box ul .myinfo i {
     width: 13px;
     font-size: 14px;
     vertical-align: middle;
     margin-top: -1px;
     display: inline-block;
 }
 
 .header-box ul li #menu-2 {
     width: 76px;
     text-align: center;
 }
 
 .header-box ul li #menu-2 a {
     line-height: 22px;
     display: block;
 }
 
 .header-box ul li #menu-2 .menu-bd-mask {
     width: 92px;
     left: 0;
 }
 /*购物车*/
 
 .header-box ul li.menu-item .cart {
     min-width: 70px;
     width: auto;
 }
 
 .header-box ul li.menu-item .cart span {
     margin-right: 3px;
     font-weight: 400;
 }
 
 .header-box ul li.menu-item .cart i {
     width: 15px;
     font-size: 14px;
     vertical-align: middle;
     margin-top: -1px;
     display: inline-block;
 }
 
 .header-box ul li .menu-bd.cart-box-main {
     width: 280px;
     padding: 0;
 }
 
 .header-box ul.flip li .menu-bd.cart-box-main {
     left: auto;
     right: 0;
 }
 
 .header-box ul li .menu-bd.cart-box-main .menu-bd-mask {
     width: 94px;
     left: 0
 }
 
 .header-box ul.flip li .menu-bd.cart-box-main .menu-bd-mask {
     left: auto;
     right: 0;
 }
 
 .dropdown-layer-con {
     position: relative;
     z-index: 2;
     width: 100%;
     background: #fff;
 }
 
 .dropdown-layer-con .dropdown-title {
     height: 25px;
     padding: 6px 8px;
     line-height: 25px;
 }
 
 .dropdown-layer-con .dropdown-goods-list {
     background: #fff;
     width: 100%;
     height: auto!important;
     height: 344px;
     max-height: 344px;
     overflow-y: auto;
 }
 
 .dropdown-layer-con .dropdown-goods-list ul {
     margin-top: -1px;
     width: 100%;
     height: auto;
     float: none;
     clear: both;
     display: inline-block;
 }
 
 .dropdown-layer-con .dropdown-goods-list li {
     position: relative;
     width: 94%;
     padding: 8px 3%;
     border-top: 1px dotted #ccc;
     overflow: hidden;
     line-height: 17px;
     vertical-align: bottom;
 }
 
 .dropdown-layer-con .dropdown-goods-list li.topbar-fixed-good {
     margin-left: 60px;
     width: 201px;
     box-sizing: border-box;
 }
 
 .dropdown-layer-con .dropdown-goods-list li.invalid {
     background: #f0f0f0;
 }
 
 .dropdown-layer-con .dropdown-goods-list li:hover {
     background: #F5F5F5;
 }
 
 .dropdown-layer-con .dropdown-goods-list .p-img {
     float: left;
     width: 50px;
     height: 50px;
     border: 1px solid #ddd;
     padding: 0;
     margin-right: 10px;
     font-size: 0;
 }
 
 .dropdown-layer-con .dropdown-goods-list .p-name {
     float: left;
     width: 100px;
     height: 52px;
     overflow: hidden;
 }
 
 .dropdown-layer-con .dropdown-goods-list li.topbar-fixed-good .p-name {
     height: auto;
     max-height: 34px;
 }
 
 .dropdown-layer-con .dropdown-goods-list .p-name a {
     text-align: left;
     line-height: 17px;
 }
 
 .dropdown-layer-con .dropdown-goods-list .invalid .p-name,
 .dropdown-layer-con .dropdown-goods-list .invalid .p-name a {
     color: #ccc;
 }
 
 .dropdown-layer-con .dropdown-goods-list .invalid .p-name font {
     background: #dadada;
     color: #5f5f5f;
     padding: 0 5px;
     border-radius: 2px;
 }
 
 .dropdown-layer-con .dropdown-goods-list .p-detail {
     float: right;
     text-align: right;
     position: absolute;
     right: 10px;
 }
 
 .dropdown-layer-con .dropdown-goods-list .invalid .p-detail,
 .dropdown-layer-con .dropdown-goods-list .invalid .p-detail .second-color {
     color: #ccc;
 }
 
 .dropdown-layer-con .dropdown-goods-list .p-detail a.delete {
     display: none;
 }
 
 .dropdown-layer-con .dropdown-goods-list li:hover .p-detail a.delete {
     color: #005aa0;
     display: block;
 }
 
 .dropdown-layer-con .dropdown-footer {
     padding: 8px;
     background: #F5F5F5;
 }
 
 .dropdown-layer-con .dropdown-footer .p-total {
     float: left;
     line-height: 29px;
 }
 
 .dropdown-layer-con .dropdown-footer a {
     float: right;
     height: 29px;
     padding: 0 10px;
     color: #fff;
     text-align: center;
     line-height: 29px;
     border-radius: 2px;
 }
 /*有商品数据加载前的情况、无商品数据的情况*/
 
 .dropdown-layer-con .cart-type {
     width: 100%;
     padding: 20px 0;
     text-align: center;
 }
 
 .cart-type-icon {
     display: block;
     width: 200px;
     height: 150px;
     margin: 0 auto;
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .dropdown-layer-con .cart-type .cart-type-text {
     line-height: 20px;
     padding: 10px;
 }
 /*手机版及弹框*/
 
 .header-box ul li.menu-item .mobile {
     width: 53px;
 }
 
 .header-box ul li.menu-item .mobile i {
     width: 13px;
     font-size: 13px;
     vertical-align: middle;
     margin-top: -1px;
     display: inline-block;
 }
 
 .header-box ul li .menu-bd.qrcode .menu-bd-mask {
     right: 0;
 }
 
 .header-box ul li .qrcode {
     position: absolute;
     width: 120px;
     height: 140px;
     background: #fff;
     left: -59px;
     top: 33px;
     text-align: center;
 }
 
 .header-box ul li .qrcode a {
     display: block;
     width: 100px;
     height: 100px;
     padding: 10px;
     text-align: center;
 }
 
 .header-box ul li .qrcode a img {
     width: 100px;
     height: 100px;
 }
 
 .header-box ul li .qrcode p {
     width: 85px;
     height: 20px;
     line-height: 20px;
     margin: 0 auto;
     font-size: 14px;
     text-align: center;
 }
 /*关注微信及弹框*/
 
 .header-box ul li.menu-item .we-chat {
     width: 70px;
 }
 
 .header-box ul li.menu-item .we-chat i {
     width: 13px;
     font-size: 14px;
     vertical-align: middle;
     margin-top: -1px;
     display: inline-block;
 }
 
 .header-box ul li .menu-bd.we-chat-qrcode .menu-bd-mask {
     width: 94px;
     right: 0;
 }
 
 .header-box ul li .we-chat-qrcode {
     position: absolute;
     width: 120px;
     height: 140px;
     background: #fff;
     left: -42px;
     top: 33px;
     text-align: center;
 }
 
 .header-box ul li .we-chat-qrcode a {
     display: block;
     width: 100px;
     height: 100px;
     padding: 10px;
     text-align: center;
 }
 
 .header-box ul li .we-chat-qrcode a img {
     width: 100px;
     height: 100px;
 }
 
 .header-box ul li .we-chat-qrcode p {
     width: 85px;
     height: 20px;
     line-height: 20px;
     margin: 0 auto;
     font-size: 14px;
     text-align: center;
 }
 /*网站导航*/
 
 .header-box ul li.menu-item .site-nav {
     width: 52px;
 }
 
 .header-box ul li .menu-bd.site-nav-main {
     width: 130px;
     height: auto;
     left: -54px;
     padding: 10px 0;
 }
 
 .header-box ul li .menu-bd.site-nav-main .menu-bd-mask {
     width: 76px;
     right: 0;
 }
 
 .header-box ul li.menu-item .site-nav-main .site-nav-con {
     width: 130px;
     height: auto;
     line-height: 24px;
     display: inline-block;
 }
 
 .header-box ul li.menu-item .site-nav-main .site-nav-con a {
     width: 50px;
     height: 24px;
     line-height: 24px;
     padding-left: 10px;
     display: inline-block;
     float: left;
     overflow: hidden;
 }
 
 .header {
     width: 100%;
     min-width: 1210px;
     height: 90px;
     padding: 20px 0 15px;
     background: #fff;
     margin: 0 auto;
 }
 /******头部Logo*******/
 
 .header .logo-info {
     width: 430px;
     height: 90px;
     line-height: 90px;
     float: left;
 }
 
 .header .logo-info a.logo {
     display: block;
     width: 240px;
     height: 90px;
     float: left;
     overflow: hidden;
 }
 
 .header .logo-info a.logo img {
     max-width: 100%;
     max-height: 100%;
 }
 
 .header .logo-info a.logo-right {
     display: block;
     float: left;
     max-width: 180px;
     margin-left: 10px;
 }
 
 .header .logo-info a.logo-right img {
     width: auto;
     height: auto;
     max-width: 170px;
     max-height: 90px;
 }
 /******头部搜索*******/
 
 .header .search {
     width: 460px;
     position: relative;
     z-index: 99;
     float: left;
     margin-left: 50px;
     -webkit-transform: translate3d(0, 0, 0)
 }
 
 .header .search .search-form {
     position: relative;
     top: 15px;
 }
 
 .header .search .search-form .search-info {
     background: #fff;
     height: 36px;
     position: relative;
     border-style: solid;
     border-width: 2px 0 2px 2px;
 }
 
 .header .search .search-form .search-info .search-type-box {
     width: 70px;
     height: 36px;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .header .search .search-form .search-info .search-type-box .search-type {
     width: 70px;
     height: 35px;
     display: inline-block;
     overflow: hidden;
 }
 
 .header .search .search-form .search-info .search-type-box .search-type li {
     width: 72px;
     height: 35px !important;
     line-height: 35px;
     cursor: pointer;
     display: inline-block;
     color: #fff;
     font-size: 13px;
     text-indent: 20px;
     margin-left: -2px;
 }
 
 .header .search .search-form .search-info .search-type-box .search-type li.curr,
 .header .search .search-form .search-info .search-type-box .search-type li.curr:hover {
     width: 70px;
     background-color: #fff;
     color: #666;
     text-indent: 18px;
     margin-left: 0;
 }
 
 .header .search .search-form .search-info .search-type-box i {
     position: absolute;
     right: 7px;
     top: 16px;
     display: inline-block;
     width: 11px;
     height: 11px;
     transition: .2s ease-in-out;
     -webkit-transition: .2s ease-in-out;
     -moz-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     vertical-align: -1px;
     background-position: 0 -80px;
     font-size: 12px;
     font-style: normal;
     color: #666;
     cursor: pointer;
 }
 
 .header .search .search-form .search-info .search-type-box:hover i {
     top: 10px;
     right: 10px;
     transform: rotate(-180deg);
     -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
 }
 
 .header .search .search-form .search-info .search-box {
     height: 36px;
     position: absolute;
     top: 0;
 }
 
 .header .search .search-form .search-info .search-box .search-box-input:focus {
     outline: 0
 }
 
 .header .search .search-form .search-info .search-box-input {
     color: #999;
     margin: 6px 0;
     position: relative;
     z-index: 2;
     width: 289px;
     height: 24px;
     line-height: 24px;
     padding: 0 3px 0 5px;
     outline: 0;
     border: 0;
     border-left: 1px #e9e9e9 solid;
 }
 
 .header .search .search-form .search-info .button {
     position: absolute;
     top: 0;
     right: 0;
     width: 70px;
     height: 36px;
     line-height: 36px;
     border: 0;
     font-size: 16px;
     letter-spacing: 4px;
     cursor: pointer;
     color: #fff;
     overflow: hidden;
     padding: 0 8px 0 12px;
     border-radius: 0px;
 }
 
 @-moz-document url-prefix() {
     .header .search .search-form .search-info .button {
         line-height: 36px;
         border-radius: 0px;
     }
 }
 
 .header .search .search-form .search-info .search-box .search-box-con {
     height: 36px;
     line-height: 36px;
 }
 
 .header .search .search-form .search-info .search-box-input:focus,
 .header .search .search-form .search-info .search-box .search-box-input:focus {
     outline: 0;
 }
 
 .search-results {
     position: absolute;
     top: 40px;
     width: 458px;
     max-height: 360px;
     border: 1px solid #e4e4e4;
     background: #FFF;
     z-index: 100;
     overflow: hidden;
 }
 
 .search-results ul {
     list-style-position: outside;
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .search-results ul.history-results {
     float: left;
     width: 236px;
     border-right: 1px solid #efefef;
 }
 
 .search-results ul.rec-results {
     float: right;
     position: relative;
     width: 221px;
     margin-left: -1px;
     border-left: 1px solid #efefef;
     overflow: hidden;
 }
 
 .search-results li {
     margin: 0;
     cursor: default;
     line-height: 24px;
     text-align: left;
     color: #666;
     overflow: hidden;
 }
 
 .search-results li.history a {
     color: #2272c8;
     text-decoration: none;
 }
 
 .search-results ul.history-results li.rec_over {
     background-color: #efefef;
     text-decoration: none;
 }
 
 .search-results ul.history-results li span {
     display: block;
     padding: 0 10px;
     color: #2272c8;
     cursor: pointer;
 }
 
 .search-results ul.history-results li span a {
     float: left;
     color: #2272c8;
     text-decoration: none;
     width: 150px;
     display: inline-block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 
 .search-results ul.history-results li span i {
     display: none;
     float: right;
     width: 11px;
     height: 15px;
     background-position: -26px -78px;
     margin-top: 4px;
 }
 
 .search-results ul.history-results li.rec_over span i {
     display: inline-block;
 }
 
 .search-results ul.history-results li.title {
     padding: 0 10px;
     color: #999;
     line-height: 28px;
 }
 
 .search-results ul.history-results li.title span {
     float: left;
     display: inline;
     color: #999;
     padding: 0;
     cursor: default;
 }
 
 .search-results ul.history-results li.title .clear-history {
     float: right;
     color: #999;
 }
 
 .search-results ul.history-results li.title .clear-history i {
     width: 11px;
     height: 15px;
     display: inline-block;
     margin-right: 3px;
     background-position: -26px -78px;
     vertical-align: middle;
     margin-top: -2px;
 }
 
 .search-results ul.history-results li.title:hover .clear-history i {
     background-position: -26px -99px;
 }
 
 .search-results ul.history-results li.title:hover .clear-history {
     color: #E31939;
 }
 
 .search-results ul.rec-results li {
     float: left;
     position: relative;
     height: 26px;
     margin: 0 0 15px 12px;
     overflow: hidden;
 }
 
 .search-results ul.rec-results li.title {
     float: none;
     position: relative;
     padding: 0 0 0 12px;
     margin: 0 0 7px 0;
     border: 0;
     color: #999;
     line-height: 28px;
 }
 
 .search-results ul.rec-results li.title i.close {
     display: block;
     position: absolute;
     top: 7px;
     right: 7px;
     width: 10px;
     height: 10px;
     text-align: center;
     line-height: 24px;
     cursor: pointer;
     font-size: 16px;
     background-position: -429px -40px;
 }
 
 .search-results ul.rec-results li a {
     display: block;
     padding: 0 5px;
     border: 1px solid #e1e1e1;
     color: #666;
     white-space: nowrap;
 }
 
 .search-results ul.rec-results li a:hover {
     border-color: #FA4862;
     color: #FA4862;
     text-decoration: none;
 }
 
 .header .search .hot-query {
     padding-top: 21px;
     margin-left: -10px;
     height: 16px;
     *height: 14px;
     overflow: hidden;
     width: 100%;
 }
 
 .header .search .hot-query li {
     display: inline-block;
     *zoom: 1;
     *display: inline;
     border-left: 1px solid #ccc;
     line-height: 16px;
     padding: 0 10px
 }
 
 .header .search .hot-query li.first {
     border: none;
 }
 
 .header .search .hot-query li a {
     color: #999;
 }
 /******头部搜索没有右侧广告搜索框改长度*******/
 
 .header .search-spe {
     width: 560px;
 }
 
 .header .search-spe .search-form .search-info .search-box-input {
     width: 389px;
 }
 
 .header .search-spe .search-results {
     width: 397px;
 }
 
 .header .search-spe .search-results ul.history-results {
     width: 193px;
 }
 /******头部搜索右侧*******/
 
 .header .header-right {
     float: right;
     height: 90px;
     width: 180px;
 }
 
 .header .header-right a {
     width: 180px;
     height: 90px;
     display: inline-block;
     overflow: hidden;
 }
 
 .header .header-right a img {
     max-width: 180px;
     max-height: 90px;
 }
 /*左侧菜单*/
 
 .category-box {
     width: 100%;
     min-width: 1210px;
     height: 60px;
     background: #09c762;
 }
 
 .category-box-border {
     width: 100%;
     border-bottom-style: solid;
     border-bottom-width: 2px;
 }
 
 .category-box .home-category {
     height: 40px;
     position: relative;
     width: 210px;
     z-index: 100;
 }
 
 .category-box .home-category .menu-event {
     color: #fff;
     display: block;
     text-indent: 40px;
     text-decoration: none;
     width: 210px;
     height: 40px;
     line-height: 40px;
     z-index: 9999;
     position: absolute;
     top: 0;
     left: 0;
     font-size: 16px;
 }
 
 .category-box .home-category .menu-event i {
     background-position: -293px -207px;
     width: 12px;
     height: 12px;
     display: block;
     position: absolute;
     top: 15px;
     left: 15px;
 }
 
 .category-box .all-category {
     line-height: 58px;
     text-align: center;
     padding: 0;
     height: 60px;
     width: 990px;
     position: relative;
     margin-left: 10px;
     overflow: hidden;
 }
 
 .category-box .all-category ul {
     display: block;
     width: 100%;
     height: 60px;
 }
 
 .category-box .all-category li {
     text-decoration: none;
     z-index: 10;
     position: relative;
 }
 
 .category-box .all-category li a {
     color: #ffffff;
     height: 38px;
     line-height: 38px;
     display: inline-block;
     text-decoration: none;
     font-size: 16px;
     padding: 0 15px;
 }
 
 .category-box .all-category li:hover {
     background: #fff;
 }
 
 .category-box .all-category .wrap-line {
     width: 100%;
     position: absolute;
     height: 2px;
     bottom: 0;
 }
 
 .category-box .all-category li .nav-icon {
     position: absolute;
     right: 0;
     top: 2px;
     width: 21px;
     height: 16px;
     line-height: 16px;
     display: inline-block;
 }
 
 .category-box .all-category li .nav-icon img {
     max-width: 100%;
     max-height: 100%;
 }
 /*左侧弹出菜单*/
 
 .expand-menu {
     display: none;
     left: 0;
     position: absolute;
     top: 37px;
 }
 
 .category-layer {
     border-top: none;
     min-height: 443px;
     height: auto;
     width: 210px;
     position: relative;
     top: 40px;
     *top: 0;
     z-index: 9;
 }
 
 .category-layer-bg {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     filter: alpha(opacity=85);
     /*支持 IE 浏览器*/
     -moz-opacity: 0.85;
     /*支持 FireFox 浏览器*/
     opacity: 0.85;
 }
 
 .expand-menu .category-layer-bg {
     filter: alpha(opacity=100);
     /*支持 IE 浏览器*/
     -moz-opacity: 1;
     /*支持 FireFox 浏览器*/
     opacity: 1;
 }
 /*13个分类的展示*/
 
 .category-layer1 .list {
     height: 34px;
 }
 
 .category-layer1 .list .cat {
     height: 34px;
     position: relative;
     width: 210px;
     z-index: 9;
     color: #ffffff;
 }
 
 .category-layer1 .list:hover {
     background: #f9f9f9;
     border-left-width: 1px;
     border-left-style: solid;
 }
 
 .category-layer1 .list:hover .cat {
     background: rgba(249, 249, 249, .95);
 }
 
 .category-layer1 .list .cat .cat-name {
     height: 34px;
     line-height: 34px;
     overflow: hidden;
     position: absolute;
     *position: static;
     font-weight: 400;
     font-size: 14px;
     padding: 0 15px;
     display: block;
 }
 
 .category-layer1 .list .cat .cat-name a {
     color: #ffffff;
     text-decoration: none;
 }
 
 .category-layer1 .list .cat i.iconfont {
     display: inline-block;
     margin-right: 8px;
     height: 31px;
     line-height: 31px;
     font-size: 16px;
     vertical-align: middle;
 }
 
 .category-layer1 .list .cat i.right-arrow {
     position: absolute;
     top: 9px;
     right: 14px;
     width: 4px;
     height: 14px;
     color: #ffffff;
     font: 400 12px/14px consolas;
 }
 /*.category-layer1 .list:hover .cat i.right-arrow { background: #f9f9f9; height: 34px; left: 205px; overflow: hidden; top: 0; width: 14px;}*/
 /*6个分类的展示*/
 
 .category-layer2 .list {
     height: 63px;
 }
 
 .category-layer2 .list .cat {
     height: 63px;
     position: relative;
     width: 210px;
     z-index: 9;
     color: #ffffff;
 }
 
 .category-layer2 .list.last {
     height: 64px;
 }
 
 .category-layer2 .list.last .cat {
     height: 64px;
 }
 
 .category-layer2 .list:hover {
     background: #F9F9F9;
     border-left-width: 1px;
     border-left-style: solid;
 }
 
 .category-layer2 .list:hover .cat {
     background: rgba(249, 249, 249, .95);
 }
 
 .category-layer2 .list .cat .cat-name {
     height: 40px;
     line-height: 40px;
     overflow: hidden;
     position: absolute;
     *position: static;
     font-weight: 400;
     font-size: 14px;
     padding: 0 15px;
     display: block;
 }
 
 .category-layer2 .list .cat .cat-name a {
     color: #ffffff;
     text-decoration: none;
 }
 
 .category-layer2 .list .cat i.iconfont {
     display: inline-block;
     margin-right: 8px;
     height: 31px;
     line-height: 31px;
     font-size: 16px;
     vertical-align: middle;
 }
 
 .category-layer2 .list .cat i.right-arrow {
     position: absolute;
     top: 14px;
     right: 14px;
     width: 4px;
     height: 14px;
     color: #ffffff;
     font: 400 12px/14px consolas;
 }
 /*.category-layer2 .list:hover .cat i.right-arrow { background: #f9f9f9; height: 63px; left: 205px; overflow: hidden; top: 0; width: 14px;}*/
 
 .category-layer2 .list.last:hover .cat i.right-arrow {
     height: 64px;
 }
 
 .category-layer2 .list .cat dd {
     position: absolute;
     top: 30px;
     left: 0;
     width: 168px;
     height: 34px;
     padding-left: 42px;
     display: inline-block;
     overflow: hidden;
 }
 
 .category-layer2 .list.last .cat dd {
     height: 32px;
 }
 
 .category-layer2 .list .cat dd a {
     height: 34px;
     line-height: 34px;
     padding-right: 15px;
     float: left;
     color: #ccc;
     display: inline-block;
 }
 
 .category-layer2 .list.last .cat dd a {
     height: 32px;
     line-height: 32px;
 }
 
 .category-layer .list .categorys {
     width: 790px;
     height: auto !important;
     min-height: 442px;
     border-width: 1px;
     border-style: solid;
     position: absolute;
     top: -1px;
     left: 209px;
     background: rgba(249, 249, 249, .95);
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#e5f9f9, endColorstr=#e5f9f9);
     /*IE8支持*/
     display: none;
 }
 
 .category-layer .list .categorys .item-left {
     width: 560px;
     padding-left: 20px;
     margin-top: 20px;
 }
 
 .category-layer .list .categorys .item-channels {
     width: auto;
     height: 25px;
     float: left;
     margin: 0 15px 5px 0;
 }
 
 .category-layer .list .categorys .item-channels a {
     float: left;
     display: inline-block;
     padding: 0 12px;
     width: auto;
     height: 25px;
     line-height: 25px;
     color: #fff;
     white-space: nowrap;
     border-radius: 12px;
 }
 
 .category-layer .list .categorys .subitems {
     width: 560px;
     padding: 0 0 5px 0;
     min-height: 387px;
     clear: both;
 }
 
 .category-layer .list .categorys .subitems dl {
     width: 100%;
     overflow: hidden;
     line-height: 2em;
 }
 
 .category-layer .list .categorys .subitems dl.fore1 dd {
     border-top: none;
 }
 
 .category-layer .list .categorys .subitems dt {
     position: relative;
     float: left;
     max-width: 96px;
     *max-width: 96px;
     _max-width: 100px;
     padding: 8px 26px 0 0;
     text-align: right;
     font-weight: 700;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 2em;
 }
 
 .category-layer .list .categorys .subitems dt i {
     position: absolute;
     top: 13px;
     right: 18px;
     width: 4px;
     height: 14px;
     font: 400 9px/14px consolas;
 }
 
 .category-layer .list .categorys .subitems dd {
     float: left;
     width: auto;
     max-width: 450px;
     padding: 8px 0 6px;
 }
 
 .category-layer .list .categorys .subitems dd a {
     float: left;
     padding: 0 8px;
     margin: 4px 0;
     line-height: 16px;
     height: 16px;
     border-left: 1px solid #e0e0e0;
     white-space: nowrap;
 }
 
 .category-layer .list .categorys .item-right {
     width: 180px;
     margin-right: 20px;
 }
 
 .category-layer .list .categorys .item-brands {
     width: 180px;
     overflow: hidden;
     margin: 19px 20px 10px 0;
 }
 
 .category-layer .list .categorys .item-brands a {
     float: left;
     display: inline-block;
     width: 87.5px;
     height: 35px;
     margin: 0 0 5px;
 }
 
 .category-layer .list .categorys .item-brands a.img-link {
     margin-left: 5px;
 }
 
 .category-layer .list .categorys .item-promotions {
     width: 180px;
     margin-right: 20px;
 }
 
 .category-layer .list .categorys .item-promotions a {
     display: block;
     margin-bottom: 1px;
 }
 /*页面当前位置*/
 
 .breadcrumb {
     width: 100%;
     margin: 20px auto;
     margin-left: 25px;
 }
 
 .breadcrumb i,
 .breadcrumb .index,
 .crumbs-nav,
 .crumbs-arrow,
 .breadcrumb .last {
     float: left;
     line-height: 24px;
 }
 
 .crumbs-arrow {
     font-family: simsun;
     font-style: normal;
     padding: 0 6px;
 }
 
 .crumbs-nav {
     position: relative;
     z-index: 2;
 }
 
 .crumbs-nav .crumbs-title {
     display: inline-block;
     height: 22px;
     padding: 0 25px 0 10px;
     border: 1px solid #eee;
     line-height: 22px;
     position: relative;
     z-index: 1;
     background: #FFF;
 }
 
 .crumbs-nav .crumbs-title .icon {
     position: absolute;
     right: 8px;
     top: 9px;
     display: block;
     width: 11px;
     height: 6px;
     background-position: 0 -62px;
 }
 
 .crumbs-nav .crumbs-drop {
     display: none;
     border-width: 1px;
     border-style: solid;
     width: 369px;
     padding: 10px 0 10px 10px;
     position: absolute;
     left: 0;
     top: 23px;
     background: #FFF;
 }
 
 .crumbs-nav .crumbs-drop .crumbs-drop-list {
     display: inline-block;
     max-height: 235px;
     overflow-y: auto;
 }
 
 .crumbs-nav .crumbs-drop li {
     float: left;
     width: 78px;
     height: 24px;
     overflow: hidden;
     line-height: 24px;
     margin-right: 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .crumbs-nav.curr {
     z-index: 13;
 }
 
 .crumbs-nav.curr .crumbs-title {
     border-width: 1px;
     border-style: solid;
     height: 23px;
     background: #fff;
     border-bottom: 0;
 }
 
 .crumbs-nav.curr .crumbs-title .icon {
     background-position: 0 0;
 }
 
 .crumbs-nav.curr .crumbs-drop {
     display: block;
 }
 
 .crumbs-nav .crumbs-search {
     width: 180px;
     height: 22px;
     line-height: 22px;
     border: 1px solid #eee;
     display: inline-block;
     position: relative;
 }
 
 .crumbs-nav .crumbs-search .search-term {
     border: none;
     width: 150px;
     height: 22px;
     line-height: 22px;
     padding: 0 5px;
     color: #999;
 }
 
 .crumbs-nav .crumbs-search .search-button {
     border: none;
     position: absolute;
     top: 0;
     right: 0;
     width: 22px;
     height: 22px;
     padding: 0;
     display: inline-block;
     background-color: #eee;
     background-position: -20px -122px;
     cursor: pointer;
 }
 
 .breadcrumb-spe .crumbs-title {
     border: none;
     padding: 0 5px;
 }
 
 .breadcrumb-spe .crumbs-nav .crumbs-title .icon {
     display: none;
 }
 /**************网站底部***************/
 
 .links-box {
     overflow: hidden;
     width: 1210px;
     margin: 15px auto;
     border: 1px solid #eee;
     background-color: #fff;
 }
 
 .links-box .links-title {
     height: 39px;
     line-height: 39px;
     padding-left: 40px;
     text-align: center;
     border-bottom: 1px solid #eee;
 }
 
 .links-box .links-title span {
     width: 90px;
     font-size: 16px;
     float: left;
     border-bottom-width: 1px;
     border-bottom-style: solid;
 }
 
 .links-box .links-content {
     width: auto;
     height: auto;
     line-height: 28px;
     padding: 15px 40px;
     margin: 0 auto;
 }
 
 .links-box .links-content a {
     padding: 10px 30px 10px 0;
     color: #999;
     display: inline-block;
     line-height: 14px;
 }
 
 .site-footer {
     width: 100%;
     min-width: 1210px;
     font-size: 14px;
     line-height: 1.5em;
     margin-top: 15px;
     background-color: #fff;
     position: relative;
     z-index: 1001;
 }
 
 .site-footer .footer-service {
     width: 1210px;
     height: auto;
     margin: 0 auto;
     border-bottom: 1px solid #eee;
 }
 
 .site-footer .footer-service img {
     width: auto;
     height: auto;
     max-width: 1210px;
     max-height: 110px;
 }
 
 .site-footer .footer-service .footer-service-img {
     max-width: 100%;
     height: auto;
     display: inline-block;
 }
 
 .footer-related {
     width: 100%;
     min-width: 1210px;
     padding: 30px 0 0;
     background: #fff;
 }
 
 .site-footer .footer-article {
     min-height: 155px;
     height: auto;
     padding-bottom: 15px;
     overflow: hidden;
 }
 
 .site-footer dl.col-article {
     float: left;
     width: 160px;
     text-indent: 50px;
     overflow: hidden;
 }
 
 .site-footer dl.col-article dt {
     margin-bottom: 10px;
     font-size: 16px;
     width: 160px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .site-footer dl.col-article dd {
     width: 160px;
     margin: 0 0 6px;
     font-size: 12px;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: inline-block;
     overflow: hidden;
 }
 
 .site-footer dl.col-article dd a {
     color: #999;
 }
 
 .site-footer dl.col-article-first {
     margin-left: 0;
 }
 
 .site-footer dl.col-article.col-article-spe {
     width: 260px;
     text-indent: 0;
 }
 
 .site-footer dl.col-article.col-article-spe dt.phone {
     width: auto;
     padding: 0 5px;
     font-family: arial;
     font-size: 30px;
     font-weight: 700;
     line-height: 1.5em;
     margin: -8px 0 5px;
     display: inline-block;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     color: #09c762;
 }
 
 .site-footer dl.col-article.col-article-spe dd {
     width: 260px;
     padding: 0 5px;
 }
 
 .site-footer dl.col-article.col-article-spe dd.email {
     height: 30px;
     line-height: 30px;
     font-size: 18px;
     font-family: Arial;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer {
     height: 34px;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer span {
     font-size: 14px;
     vertical-align: middle;
     display: inline-block;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer a {
     display: inline-block;
     vertical-align: middle;
     margin-left: 5px;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer a em {
     width: 34px;
     height: 34px;
     display: inline-block;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer a em.icon-yw {
     background-position: -34px -186px;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer a em.icon-ww {
     background-position: -72px -186px;
 }
 
 .site-footer dl.col-article.col-article-spe dd.customer a em.icon-kfqq {
     background-position: -110px -186px;
 }
 
 .QR-code {
     width: 122px;
     height: auto;
     margin-right: 10px;
 }
 
 .QR-code img {
     width: auto;
     height: auto;
     max-width: 122px;
     max-height: 150px;
 }
 
 .QR-code .tabs {
     height: 28px;
     margin-left: -1px;
 }
 
 .QR-code .tabs li {
     float: left;
     width: 60px;
     height: 25px;
     line-height: 25px;
     font-size: 14px;
     border: 1px solid #eee;
     margin: 0 -1px 0 0;
     text-align: center;
     background: #eee;
     cursor: pointer;
 }
 
 .QR-code .tabs li.current {
     background: #F7F7F7;
     border-bottom-color: #F7F7F7;
 }
 
 .QR-code .code-content {
     float: left;
     width: 122px;
     height: 122px;
     margin-top: 5px;
 }
 
 .QR-code .code-content .code {
     width: 100px;
     height: 100px;
     padding: 10px;
     border: 1px #eee solid;
 }
 
 .QR-code .code-content .code img {
     width: 100px;
     height: 100px;
 }
 
 .footer-info {
     width: 100%;
     min-width: 1210px;
     height: auto;
     padding: 25px 0 15px;
     font-size: 12px;
     background: #09c762;
     color: #fff;
     display: inline-block;
     position: relative;
     z-index: 101;
 }
 
 .footer-info .info-text {
     width: 1210px;
     margin: 0 auto;
     text-align: center;
 }
 
 .footer-info .info-text .nav-bottom a {
     padding: 0 8px;
     color: #fff;
 }
 
 .footer-info .info-text p {
     margin: 0;
     line-height: 25px;
 }
 
 .footer-info .info-text p a {
     color: #fff;
 }
 
 .footer-info .info-text p.company-info a {
     margin: 0 5px;
 }
 
 .footer-info .info-text p.qualified {}
 
 .footer-info .info-text p.qualified a {
     width: 112px;
     height: 40px;
     display: inline-block;
     margin: 5px;
     vertical-align: middle;
 }
 
 .footer-info .info-text p.qualified a img {
     max-width: 112px;
     max-height: 40px;
 }
 
 .footer-info .copyright {
     width: 1210px;
     margin: 10px auto 5px;
     text-align: center;
 }
 
 .footer-info .copyright a {
     color: #999;
 }
 
 .footer-info .copyright .copyright-logo {
     width: auto;
     height: 40px;
     line-height: 42px;
     display: inline-block;
 }
 
 .footer-info .copyright .copyright-logo a {
     color: #CCD0D9;
 }
 
 .footer-info .copyright .copyright-logo a:hover {
     color: #D9DCE3;
 }
 
 .footer-info .copyright .copyright-logo img {
     max-width: 120px;
     max-height: 42px;
     vertical-align: middle;
     margin-right: 5px;
 }
 /*翻页*/
 
 .page {
     padding: 20px 0;
     overflow: hidden;
 }
 
 .page-num .num {
     position: relative;
     float: left;
     margin-left: -1px;
     width: 35px;
     border: solid 1px #eee;
     height: 35px;
     color: #666;
     text-align: center;
     line-height: 35px;
     cursor: pointer;
     -webkit-transition: all .1s linear;
     -moz-transition: all .1s linear;
     -o-transition: all .1s linear;
     transition: all .1s linear;
     font-size: 14px;
 }
 
 .page-num .prev,
 .page-num .next {
     width: 70px;
     font-size: 12px;
 }
 
 .page-num .prev i,
 .page-num .next i {
     display: inline-block;
 }
 
 .page-num .prev .icon,
 .page-num .next .icon {
     background: url(../image/common-icon.png) no-repeat;
     display: inline-block;
     width: 6px;
     height: 9px;
 }
 
 .page-num .prev .icon {
     background-position: -26px 0;
 }
 
 .page-num .next .icon {
     background-position: -74px 0;
 }
 
 .page-num a:hover {
     z-index: 1;
     border-width: 1px;
     border-style: solid;
 }
 
 .page-num .curr {
     z-index: 1;
     color: #fff;
     border-width: 1px;
     border-style: solid;
     cursor: default;
 }
 
 .page-num .curr a,
 .page-num .curr a:hover {
     color: #fff;
 }
 
 .page-num .prev {
     margin-right: 6px;
     margin-left: 0;
 }
 
 .page-num .next {
     margin-left: 6px;
 }
 
 .page-num .disabled {
     color: #ccc;
 }
 
 .page-num a.prev:hover .icon {
     background-position: -42px 0;
 }
 
 .page-num a.next:hover .icon {
     background-position: -90px 0;
 }
 
 .page-num .prev.disabled .icon {
     background-position: -58px 0;
 }
 
 .page-num .next.disabled .icon {
     background-position: -106px 0;
 }
 
 .page-wrap .total {
     float: left;
     line-height: 37px;
     margin-left: 10px;
     color: #999;
 }
 
 .page-wrap .form .text {
     float: left;
     line-height: 37px;
     margin-left: 5px;
     color: #999;
 }
 
 .page-wrap .form .input {
     width: 35px;
     border: solid 1px #ededed;
     height: 21px;
     text-align: center;
     margin: 7px 0 0 5px;
 }
 /*form表单*/
 
 .form-horizontal {
     margin: auto;
     padding-top: 30px;
     width: 900px;
 }
 
 .form-horizontal .form-group {
     clear: both
 }
 
 .form-horizontal .form-group-spe {
     margin: 10px 0 20px
 }
 
 .form-horizontal .form-group .form-control-box {
     margin-right: 10px;
     position: relative;
     display: inline-block;
     line-height: 30px;
 }
 
 .form-horizontal .form-group .profile-avatar {
     position: relative;
     width: 110px;
     height: 110px;
     border: 5px solid #e3e3e3;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     overflow: hidden;
 }
 
 .form-horizontal .form-group .profile-avatar img {
     position: relative;
     display: block;
     max-width: 100%;
     max-height: 100%;
 }
 
 .form-horizontal .form-group label.input-left {
     float: left;
     width: 250px;
     text-align: right;
     margin-right: 20px;
     line-height: 30px;
     color: #666;
 }
 
 .form-horizontal.w600 .form-group label.input-left {
     width: 180px;
 }
 
 .form-horizontal .form-group label.input-left .spark {
     margin-right: 5px;
     text-align: right;
     background: url(../image/joinin_pic.png) no-repeat -310px -225px;
     width: 7px;
     height: 7px;
     text-indent: 9999px;
     display: inline-block;
     overflow: hidden;
 }
 /*文字文本框*/
 
 .form-horizontal .form-group input[type="text"]:focus,
 .form-horizontal .form-group input[type="text"]:hover,
 .form-horizontal .form-group input[type="text"]:active,
 .form-horizontal .form-group input[type="password"]:focus,
 .form-horizontal .form-group input[type="password"]:hover,
 .form-horizontal .form-group input[type="password"]:active,
 .form-horizontal .form-group textarea:hover,
 .form-horizontal .form-group textarea:focus,
 .form-horizontal .form-group textarea:active,
 .form-horizontal .form-group .select select:focus,
 .form-horizontal .form-group .select select:active,
 .form-horizontal .form-group .select select:hover,
 .form-horizontal .form-group .select select:active {
     background-color: #fff;
     /* border: 1px solid;  border-color: #1B9AF7; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15); box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);*/
     outline: 0 none;
     border: 1px solid #aaa
 }
 
 .form-horizontal .form-group input[disabled],
 .form-horizontal .form-group input[disabled]:hover {
     background-color: #eee !important;
     opacity: 1;
     cursor: not-allowed;
     border-color: #ccc;
     box-shadow: none;
 }
 
 .form-horizontal .form-group input[type="text"],
 .form-horizontal .form-group input[type="password"] {
     width: 362px;
     max-width: 600px;
     line-height: 20px;
     height: 32px;
     box-sizing: border-box;
     padding: 5px;
     border-radius: 2px;
     border: 1px solid #ccc;
     box-shadow: 0 1px 2px 0 #f0f0f0 inset;
     background: #fff;
     vertical-align: middle;
 }
 
 .form-horizontal .form-group input.error,
 .form-horizontal .form-group input.error:hover,
 .form-horizontal .form-group input.error:active,
 .form-horizontal .form-group input.error:focus {
     /*border: 1px dashed rgb(237, 85, 100);background-color: #FFBFBF;color: #333;box-shadow: 0 0 0 2px rgba(232, 71, 35, 0.15);*/
     border: 1px solid rgb(237, 85, 100)
 }
 
 .form-horizontal .form-group input[type="text"].input-small {
     width: 160px;
 }
 
 .form-horizontal .form-group .input-none {
     line-height: 30px;
     height: 30px;
     vertical-align: middle;
     display: inline-block;
 }
 
 .form-horizontal .form-group .input-none span {
     margin-left: 15px;
 }
 
 .form-horizontal .form-group .input-none span font {
     margin: 0 3px;
 }
 
 .form-horizontal .form-group .input-small.date {
     margin-right: 20px;
     width: 120px !important;
 }
 
 .form-horizontal-security .form-group .form-control-error {
     display: block;
     margin-left: 270px;
     margin-top: 10px;
 }
 /*验证码*/
 
 .form-horizontal .form-group .captcha {
     margin-left: 10px;
 }
 
 .form-horizontal .form-group .captcha img {
     vertical-align: middle
 }
 /*文本域*/
 
 .form-horizontal .form-group textarea {
     width: 350px;
     height: 62px;
     border: 1px solid #ccc;
     padding: 5px;
     border-radius: 2px;
     box-shadow: 0 1px 2px 0 #f0f0f0 inset;
 }
 /*单选按钮*/
 
 .form-horizontal .form-group .radio,
 .form-horizontal .form-group .checkbox,
 .form-horizontal .form-group select {
     height: 30px;
     vertical-align: middle;
     display: inline-block;
 }
 
 .form-horizontal .form-group .radio label,
 .form-horizontal .form-group .checkbox label,
 .form-horizontal .form-group .region-select select {
     margin-right: 10px;
     margin-bottom: 5px;
     cursor: pointer;
 }
 
 .form-horizontal .form-group .radio label input {
     margin-left: 3px;
     cursor: pointer;
     vertical-align: sub;
 }
 
 .form-horizontal .form-group .radio label span {
     margin-left: 3px;
     cursor: pointer;
 }
 
 .form-horizontal .form-group .checkbox label input {
     margin-left: 3px;
     vertical-align: sub;
     margin-top: -1px;
     cursor: pointer
 }
 
 .form-horizontal .form-group .checkbox label span {
     margin-left: 3px;
     cursor: pointer;
 }
 /*下拉框*/
 
 .form-horizontal .form-group #address_now select {
     margin-right: 5px;
 }
 
 .form-horizontal .form-group .region-select select {
     line-height: 30px;
     height: 30px;
     border: 1px solid #ccc;
     border-radius: 2px;
     box-shadow: 0 1px 2px 0 #f0f0f0 inset;
 }
 
 .form-horizontal .form-group .region-select select option {
     min-width: 50px;
 }
 /*文字温馨提示*/
 
 .form-horizontal span.hint {
     display: block;
     margin-top: 10px;
     color: #999;
     clear: both;
     margin-left: 270px;
 }
 /*错误提示*/
 
 .form-horizontal .form-group .form-control-error {
     color: #E31939;
     vertical-align: middle;
 }
 
 .form-horizontal .form-group .form-control-error i {
     width: 16px;
     height: 16px;
     background: url(../image/user-icon.png) no-repeat;
     background-position: -30px -134px;
     margin-right: 5px;
     vertical-align: middle;
     display: inline-block;
 }
 /*上传图片*/
 
 .form-horizontal .form-group .input-file-show {
     width: 255px;
     line-height: 30px;
     height: 30px;
     padding: 0 0 0 5px;
     border-radius: 2px;
     border: 1px solid #ccc;
     box-shadow: 0 1px 2px 0 #f0f0f0 inset;
     background: #fff;
     vertical-align: middle;
     position: relative;
     display: inline-block;
 }
 
 .form-horizontal .form-group .input-file-show span.show {
     width: 22px;
     height: 28px;
     text-align: center;
     padding: 2px;
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
 }
 
 .form-horizontal .form-group .input-file-show span.show a {
     color: #AAA;
     display: block;
     width: 22px;
     height: 28px;
 }
 
 .form-horizontal .form-group .input-file-show:hover span.show a,
 .form-horizontal .form-group .input-file-show span.show a:hover {
     color: #1B9AF7;
     text-decoration: none;
 }
 
 .form-horizontal .form-group .input-file-show span.show i {
     width: 16px;
     height: 14px;
     background-position: -50px -104px;
     margin: 8px 3px 0 5px;
     display: block;
 }
 
 .form-horizontal .form-group .input-file-show .type-file-box {
     display: block;
     width: 255px;
     height: 30px;
     position: relative;
     z-index: 1;
 }
 
 .form-horizontal .form-group .input-file-show .type-file-box input.type-file-text {
     display: block;
     width: 170px;
     height: 30px;
     line-height: 30px;
     float: left;
     padding: 0;
     margin: 0;
     border: none 0;
     border-radius: 0;
     box-shadow: none;
     text-indent: 30px;
 }
 
 .form-horizontal .form-group .input-file-show .type-file-box .type-file-button {
     background-color: #E6E6E6;
     display: block;
     width: 69px;
     height: 30px;
     float: right;
     border: 0;
     border-radius: 0 2px 2px 0;
 }
 
 .form-horizontal .form-group .input-file-show:hover .type-file-box .type-file-button {
     color: #FFF;
     background-color: #1B9AF7;
 }
 
 .form-horizontal .form-group .input-file-show .type-file-box .type-file-file {
     width: 255px;
     height: 30px;
     position: absolute;
     top: 0;
     right: 0;
     filter: alpha(opacity: 0);
     opacity: 0;
     cursor: pointer;
 }
 /*上传身份证验证图片*/
 
 .image-uploader {
     position: relative;
     width: 158px;
     height: 118px;
     background: #fff;
     border: 1px dashed #c4c4c4;
     display: inline-block;
     margin-right: 20px;
 }
 
 .image-uploader img {
     max-width: 100%;
     max-height: 100%;
 }
 
 .fild-hidden {
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     cursor: pointer;
     width: 100%;
     height: 100%;
 }
 
 .examples {
     display: inline-block;
     vertical-align: top;
 }
 /*上传前*/
 
 .fild-box {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 160px;
     height: 120px;
 }
 
 .fild-box i {
     background: url(../image/joinin_pic.png) no-repeat;
     background-position: -27px -135px;
     width: 60px;
     height: 60px;
     text-align: center;
     display: block;
     margin: auto;
     margin: 10px auto 10px auto;
 }
 
 .fild-text {
     color: #CECECE;
     font-size: 14px;
     text-align: center;
     display: block;
     font-weight: 600;
 }
 /*上传后*/
 
 .image-wrap .close {
     position: absolute;
     width: 20px;
     height: 20px;
     top: -10px;
     right: -10px;
     background: #f55;
     border-radius: 10px;
     color: #fff;
     font-size: 16px;
     line-height: 18px;
     text-align: center;
 }
 
 .image-uploader.full {
     border-style: solid
 }
 /*上传缓载效果*/
 
 .loading-wrap {
     line-height: 120px;
     text-align: center;
 }
 /*上传多张图片按钮*/
 
 ul.upload-control {
     display: inline-block;
 }
 
 ul.upload-control li {
     width: 55px;
     height: 55px;
     float: left;
     padding: 3px;
     border: 1px #ddd solid;
     margin-right: 5px;
     position: relative;
 }
 
 ul.upload-control li span {
     display: none;
     width: 100%;
     left: 0;
     bottom: 0;
     position: absolute;
     height: 20px;
     line-height: 20px;
     filter: alpha(opacity=0.7);
     -moz-opacity: 0.7;
     opacity: 0.7;
     color: #fff;
     background: none repeat scroll 0 0 #000000;
     text-align: center;
     cursor: pointer;
     overflow: hidden;
 }
 
 ul.upload-control li:hover span {
     display: block
 }
 
 ul.upload-control li img {
     width: 55px;
     height: 55px;
 }
 
 ul.upload-control li.upload-control-button {
     float: left;
     position: relative;
     padding: 3px;
     border: 1px #ddd dashed;
     background: #FCFCFC
 }
 
 ul.upload-control li .upload-control-bg {
     height: 55px;
     line-height: 55px;
     width: 55px;
     text-align: center;
     background: url(../image/add-img.png) no-repeat center center;
 }
 
 ul.image-group li .image-group-bg,
 ul.image-group li .image-group-bg-image {
     height: 55px;
     line-height: 55px;
     width: 55px;
     text-align: center;
     background: url(../image/add-img.png) no-repeat center center;
 }
 
 ul.image-group li .image-group-bg-default {
     height: 55px;
     line-height: 55px;
     width: 55px;
     text-align: center;
     background: url(https://multistore.31dup.com/images/adds-img.png) no-repeat center center;
 }
 
 ul.image-group li .image-group-bg-file {
     height: 55px;
     line-height: 55px;
     width: 55px;
     text-align: center;
     background: url(https://multistore.31dup.com/images/file-img.png) no-repeat center center;
 }
 
 ul.image-group li .image-group-bg-video {
     height: 55px;
     line-height: 55px;
     width: 55px;
     text-align: center;
     background: url(https://multistore.31dup.com/images/view-img.png) no-repeat center center;
 }
 
 ul.upload-control li .inputstyle {
     width: 55px;
     height: 55px;
     cursor: pointer;
     font-size: 30px;
     outline: medium none;
     position: absolute;
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     opacity: 0;
     left: 0;
     top: 0;
 }
 
 ul.image-group li span.img-operate {
     position: absolute;
     width: 100%;
     height: 20px;
     left: 0;
     bottom: -25px;
     transition: 0.1s;
     line-height: 24px;
     color: #fff;
     background: rgb(255, 255, 255, 0.85);
     display: none;
 }
 
 ul.image-group li:hover span.img-operate {
     bottom: 0px;
     transition: 0.1s;
     display: block;
     opacity: 1;
 }
 
 ul.image-group li span.img-operate i {
     display: inline-block;
     cursor: pointer;
     color: #48b787;
     height: 15px;
     width: 15px;
     margin: 4px 0 0 2px;
     border-radius: 99%;
     font-size: 18px;
     text-align: center;
     font-weight: 400;
     line-height: 10px;
     overflow: hidden;
 }
 
 ul.image-group li span.img-operate i.del {
     color: #fa4a36;
     font-size: 12px;
     line-height: 12px
 }
 
 ul.image-group li .img-operate i:hover {
     /*color: #fff; background: #48b787; */
     font-weight: bold;
     font-size: 20px
 }
 
 ul.image-group li .img-operate i.del:hover {
     /*color: #fff; background: #fa4a36; */
     font-size: 15px;
     font-weight: 800;
 }
 /*提交按钮*/
 /*按钮样式*/
 
 .btn {
     font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
     display: inline-block;
     padding: 0 10px;
     height: 32px;
     line-height: 30px;
     color: #666;
     min-width: 80px;
     cursor: pointer;
     text-align: center;
     font-size: 12px;
     font-weight: 400;
     box-sizing: border-box;
     vertical-align: middle;
     -webkit-appearance: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     outline: 0;
     text-decoration: none;
     background-image: none;
     background-color: #f6f6f6;
     border: 1px solid #ccc;
     border-radius: 2px;
 }
 
 .btn:hover {
     color: #333
 }
 
 .btn.btn-sm {
     height: 28px;
     line-height: 26px;
 }
 
 a.btn-primary,
 .btn-primary {
     background-color: #09c762;
     color: #fff;
     border-color: #09c762;
 }
 
 a.btn-larger,
 .btn-larger {
     min-width: 120px;
     font-size: 16px;
     border-radius: 4px;
     height: 46px;
     line-height: 44px;
     padding: 0 20px;
 }
 
 a.btn-primary:hover,
 .btn-primary:hover {
     color: #fff;
     background-color: #ee3f36;
     border-color: #ee3f36
 }
 
 a.btn-primary:active,
 .btn-primary:active {
     background-color: #bc0400;
     color: #fff;
     border-color: #bc0400
 }
 
 .btn.disabled,
 .btn.disabled:hover {
     border: 1px solid #eee;
     color: #ddd;
     cursor: not-allowed;
     background: #fff;
 }
 
 .btn-link {
     color: #0579c6;
 }
 /*用户中心提交按钮*/
 
 .form-horizontal .act {
     margin: 10px 0 30px 270px;
     clear: both;
 }
 
 .form-horizontal .act input {
     display: inline-block;
     text-align: center;
     font-size: 14px;
     cursor: pointer;
     padding: 5px 15px;
     color: #fff;
     border-radius: 2px;
     border: none;
     line-height: 18px;
     margin-right: 10px;
 }
 
 .bottom-text-btn {
     text-align: center;
 }
 
 .bottom-text-btn a.btn {
     text-align: center;
     font-size: 14px;
     padding: 0 45px;
 }
 /*获取验证码*/
 
 .phonecode {
     width: 120px;
     background: #F6F6F6;
     border: 1px solid #d9d9d9;
     cursor: pointer;
     padding: 0 8px;
     display: inline-block;
     line-height: 30px;
     height: 30px;
     color: #666;
     margin-left: 10px;
     text-align: center;
     vertical-align: middle;
 }
 /*缓载*/
 
 .loading-box .loading-bg {
     z-index: 998;
     background: #000;
     width: 100%;
     height: 100%;
     opacity: 0;
     position: fixed;
     top: 0px;
     left: 0;
 }
 
 .loading-box .loading-inner {
     width: 80px;
     height: 80px;
     border-radius: 10px;
     overflow: hidden;
     text-align: center;
     position: fixed;
     top: 50%;
     left: 50%;
     margin-left: -40px;
     margin-top: -40px;
     z-index: 999;
     background: #000;
     opacity: 0.5
 }
 
 .loading-box .loading-inner img {
     margin: 15px auto 8px;
     width: 25px;
     height: 25px;
     display: block;
 }
 
 .loading-box .loading-inner .text {
     color: #fff;
     font-size: 12px;
     text-align: center;
 }
 
 .loading {
     z-index: 998;
     background: #fff;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
 }
 
 .loading .loading-img {
     width: 200px;
     height: 100%;
     text-align: center;
     position: fixed;
     top: 50%;
     left: 50%;
     margin-left: -100px;
     margin-top: -110px;
     z-index: 999;
 }
 /*loading页面居中缓载css*/
 
 .loading {
     position: fixed;
     top: 43%;
     left: 40%;
     z-index: 22;
     display: block;
     *display: none;
     _display: none;
 }
 
 @media (min-width:468px) {
     .loading {
         left: 43%
     }
 }
 
 @media (min-width:768px) {
     .loading {
         left: 49%
     }
 }
 
 @media (min-width:992px) {
     .loading {
         left: 49%
     }
 }
 
 @media (min-width:1200px) {
     .loading {
         left: 49%
     }
 }
 
 .loading .ball-pulse-sync>div {
     background: rgba(255, 68, 0, 0.95) none repeat scroll 0% 0%;
     width: 18px;
     height: 18px;
     margin: 1px
 }
 
 .loading .ball-beat>div {
     background: #FA8A28 none repeat scroll 0% 0%;
     width: 18px;
     height: 18px;
     margin: 1px;
     animation: 0.3s linear 0s normal none infinite running ball-beat;
 }
 /*.loader-inner*/
 
 .layer-msg-loading {
     border-radius: 6px !important;
     min-width: 60px !important;
     box-shadow: 0 0 0 rgba(0, 0, 0, .2) !important;
 }
 
 .layer-msg-loading .layui-layer-content,
 .layer-msg-loading-simple .layui-layer-content {
     padding: 10px !important;
     overflow: hidden !important;
 }
 
 .layer-msg-loading img {
     display: none;
 }
 
 .layer-msg-loading-simple {
     border-radius: 6px !important;
     min-width: 60px !important;
     box-shadow: 0 0 0 rgba(0, 0, 0, .2) !important;
     background-color: transparent !important;
     border: none !important;
     box-shadow: none !important;
 }
 
 .loader-inner {
     margin: auto;
     position: relative;
     width: 40px;
     height: 40px;
 }
 
 .loader-inner img {
     width: 16px;
     height: 16px;
     position: absolute;
     max-width: 16px;
     max-height: 16px;
     top: 50%;
     margin-top: -8px;
     left: 50%;
     margin-left: -8px;
 }
 
 .loader-inner.ball-clip-rotate>div {
     width: 25px !important;
     height: 25px !important;
     border: 3px solid #fff;
     border-radius: 99%;
     border-color: #ffffff;
     border-bottom-color: transparent;
     position: absolute;
     top: 50%;
     margin-top: -15px;
     left: 50%;
     margin-left: -15px;
     display: inline-block
 }
 
 @keyframes rotate {
     0% {
         -webkit-transform: rotate(0deg) scale(1);
         transform: rotate(0deg) scale(1);
     }
     100% {
         -webkit-transform: rotate(360deg) scale(1);
         transform: rotate(360deg) scale(1);
     }
 }
 
 @keyframes scale {
     30% {
         -webkit-transform: scale(0.3);
         transform: scale(0.3);
     }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }
 /*弹框*/
 
 .modal {
     min-width: 300px;
     position: fixed;
     top: 5%;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 100000;
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
     outline: 0;
 }
 
 .modal-dialog {
     position: relative;
     width: 765px;
     margin: 100px auto;
 }
 
 .modal-content {
     position: relative;
     background-color: #fff;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid #999;
     border: 1px solid rgba(0, 0, 0, .2);
     border-radius: 0;
     outline: 0;
     -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 }
 
 .modal-header {
     min-height: 15px;
     padding: 10px 15px;
     border-bottom: 1px solid #e5e5e5;
 }
 
 .modal-header h5 {
     font-size: 16px;
     line-height: 1.5;
     margin: 0;
     font-weight: normal;
 }
 
 .modal-header .close {
     padding: 0;
     cursor: pointer;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: .2;
     border: 0;
     font-size: 28px;
     margin-top: -8px;
     font-weight: normal;
     float: right;
     background: none;
 }
 
 .modal-header .close:hover {
     color: #E31939;
     opacity: 1;
 }
 
 .modal-body {
     position: relative;
     padding: 15px 0;
 }
 
 .modal-footer {
     padding: 15px 20px;
     text-align: center;
     border-top: 1px solid #e5e5e5;
 }
 
 .modal-footer .btn {
     min-width: 60px;
     margin-left: 10px;
 }
 
 .modal-footer .btn.btn-primary {
     background-color: #E31939;
     color: #fff;
     font-size: 14px;
 }
 
 .modal-backdrop {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 99999;
     background-color: #000;
     opacity: .5;
 }
 
 #modal-box,
 .modal-box {
     display: none;
 }
 
 .modal-box-con {
     background: #fff;
 }
 
 .modal-box-con p {
     font-size: 14px;
 }
 
 .modal-box-con p.prompt {
     height: 30px;
     line-height: 30px;
 }
 
 .modal-box-con p a.btn {
     background: #E31939;
     display: inline-block;
     text-align: center;
     font-size: 12px;
     cursor: pointer;
     padding: 0 15px;
     color: #fff;
     border-radius: 2px;
     height: 30px;
     line-height: 30px;
     margin: 0 5px;
     border: none;
 }
 
 .modal-box-con p a {
     font-size: 12px;
 }
 /***************右侧侧边栏**************/
 
 .right-sidebar-con {
     height: 100%;
     width: auto;
     right: 0;
     position: fixed;
     right: 0;
     bottom: 0;
     z-index: 1000002;
     height: 100%;
 }
 
 .right-sidebar-main {
     height: 100%;
     width: 36px;
     background: #fff;
 }
 
 .right-sidebar-panel {
     width: 36px;
     height: 100%;
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     font-family: 'microsoft yahei', arial;
 }
 
 .right-sidebar-panel .quick-links-a {
     display: block;
     line-height: 200px;
     width: 36px;
     height: 38px;
     text-decoration: none;
     color: #d8d8d8;
     font-size: 12px;
     overflow: hidden;
     top: 0;
     left: 0;
     z-index: 1;
     margin: 0;
     padding: 0;
 }
 
 .right-sidebar-panel .popup {
     height: 38px;
     line-height: 38px;
     width: 92px;
     position: absolute;
     z-index: 2;
     left: -121px;
     top: 0;
     background: #000;
     color: #d8d8d8;
     text-align: center;
     display: block;
     visibility: hidden;
 }
 
 .right-sidebar-panel .popup font {
     font-size: 12px;
 }
 
 .right-sidebar-panel i {
     width: 18px;
     height: 19px;
 }
 
 .quick-links {
     position: absolute;
     top: 40%;
     left: 0;
     margin-top: -190px;
     z-index: 2;
     width: 36px;
 }
 
 .quick-links_min .right-sidebar-panel {
     right: 280px;
 }
 
 .quick-links>ul>li {
     position: relative;
     display: block;
     left: 0;
     top: 0;
     margin-top: 8px;
 }
 
 .quick-links li:hover .quick-links-a,
 .quick-links li.current .quick-links-a {
     text-decoration: none;
 }
 
 .quick-links a i,
 .quick-links .cart-list i,
 .quick-toggle li.returnTop a i,
 .quick-toggle a i {
     width: 36px;
     height: 36px;
     z-index: 3;
     display: block;
     font-size: 22px;
     text-align: center;
     line-height: 42px;
 }
 
 .quick-links .popup i.arrow-right {
     position: absolute;
     right: -5px;
     top: 15px;
     width: 5px;
     height: 9px;
     background-position: -294px -95px;
     overflow: hidden;
 }
 
 .quick-toggle {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 36px;
 }
 
 .quick-toggle li {
     position: relative;
     display: block;
     left: 0;
     top: 0;
 }
 
 .quick-toggle li:hover .quick-links-a,
 .quick-toggle li.current .quick-links-a {
     text-decoration: none;
     color: #fff;
 }
 
 .quick-toggle i.qr-code {
     font-size: 20px;
 }
 
 .quick-toggle li.returnTop {
     height: 36px;
     display: none;
 }
 
 .quick-toggle li.returnTop a {
     width: 36px;
     height: 36px;
     line-height: 36px;
 }
 
 .quick-toggle .popup i.arrow-right {
     position: absolute;
     right: -5px;
     top: 15px;
     width: 5px;
     height: 9px;
     background-position: -294px -95px;
     overflow: hidden;
 }
 
 .quick-toggle li .sidebar-service i.iconfont {
     width: 30px;
     font-size: 26px;
     vertical-align: middle;
     margin-right: 5px;
     display: inline-block;
     text-align: center;
 }
 
 .quick-toggle li .sidebar-service .service-online i {
     font-size: 30px;
 }
 /*侧边购物车列表*/
 
 .fly-img {
     width: 60px;
     height: 60px;
     z-index: 999;
     position: fixed;
 }
 
 .quick-links .cart-list .ECS_CARTINFO .sidebar-cart-box {
     display: none;
 }
 
 .ECS_CARTINFO.right-sidebar-panels .cart_num {
     display: none;
 }
 
 .quick-links .cart-list {
     line-height: 16px;
     height: 130px;
     color: #fff;
     margin: 10px 0 10px;
     cursor: pointer;
 }
 
 .quick-links .cart-list i {
     margin-top: 5px;
 }
 
 .quick-links .cart-list .span {
     width: 16px;
     display: block;
     height: 48px;
     margin: 0 0 0 12px;
     cursor: pointer;
 }
 
 .quick-links .cart-list .cart_num {
     width: 20px;
     height: 20px;
     display: block;
     border-radius: 50%;
     text-align: center;
     line-height: 20px;
     margin: 5px 0 0 8px;
     cursor: pointer;
     color: #fff;
 }
 
 .quick-links li.current .cart-list .cart_num,
 .quick-links li:hover .cart-list .cart_num {
     background: #fff;
 }
 
 .right-sidebar-panels {
     position: absolute;
     right: 0;
     top: 0;
     width: 270px;
     height: 100%;
     z-index: 2;
     background: #eceaea;
     display: none;
 }
 
 .right-sidebar-main-open {
     width: 306px;
     position: absolute;
     right: 0;
     top: 0;
     display: block;
 }
 
 .right-sidebar-main-open .right-sidebar-panels {
     display: block;
 }
 
 @-webkit-keyframes toolbar-scaleIn {
     from {
         opacity: .7;
         -webkit-transform: translateX(270px);
         -moz-transform: translateX(270px);
         transform: translateX(270px)
     }
     to {
         -webkit-transform: translateX(0px);
         -moz-transform: translateX(0px);
         transform: translateX(0px)
     }
 }
 
 @-ms-keyframes toolbar-scaleIn {
     from {
         opacity: .7;
         -webkit-transform: translateX(270px);
         -moz-transform: translateX(270px);
         transform: translateX(270px)
     }
     to {
         -webkit-transform: translateX(0px);
         -moz-transform: translateX(0px);
         transform: translateX(0px)
     }
 }
 
 @-moz-keyframes toolbar-scaleIn {
     from {
         opacity: .7;
         -webkit-transform: translateX(270px);
         -moz-transform: translateX(270px);
         transform: translateX(270px)
     }
     to {
         -webkit-transform: translateX(0px);
         -moz-transform: translateX(0px);
         transform: translateX(0px)
     }
 }
 
 @keyframes toolbar-scaleIn {
     from {
         opacity: .7;
         -webkit-transform: translateX(270px);
         -moz-transform: translateX(270px);
         transform: translateX(270px)
     }
     to {
         -webkit-transform: translateX(0px);
         -moz-transform: translateX(0px);
         transform: translateX(0px)
     }
 }
 
 @-webkit-keyframes toolbar-scaleOut {
     to {
         opacity: .5;
         -webkit-transform: scale(0.7) translateX(270px);
         -moz-transform: scale(0.7) translateX(270px);
         transform: scale(0.7) translateX(270px)
     }
 }
 
 @-ms-keyframes toolbar-scaleOut {
     to {
         opacity: .5;
         -webkit-transform: scale(0.7) translateX(270px);
         -moz-transform: scale(0.7) translateX(270px);
         transform: scale(0.7) translateX(270px)
     }
 }
 
 @-moz-keyframes toolbar-scaleOut {
     to {
         opacity: .5;
         -webkit-transform: scale(0.7) translateX(270px);
         -moz-transform: scale(0.7) translateX(270px);
         transform: scale(0.7) translateX(270px)
     }
 }
 
 @keyframes toolbar-scaleOut {
     to {
         opacity: .5;
         -webkit-transform: scale(0.7) translateX(270px);
         -moz-transform: scale(0.7) translateX(270px);
         transform: scale(0.7) translateX(270px)
     }
 }
 
 .animate-in {
     -webkit-animation: toolbar-scaleIn .35s ease-in-out;
     -moz-animation: toolbar-scaleIn .35s ease-in-out;
     animation: toolbar-scaleIn .35s ease-in-out;
 }
 
 .animate-out {
     -webkit-animation: toolbar-scaleOut .35s ease-in;
     -moz-animation: toolbar-scaleOut .35s ease-in;
     animation: toolbar-scaleOut .35s ease-in;
 }
 /*侧边栏历史记录*/
 
 .sidebar-panel-header {
     position: relative;
     width: 270px;
     height: 40px;
     line-height: 40px;
     background: #eceaea;
 }
 
 .sidebar-panel-header i {
     background: url(../image/common-icon.png) no-repeat;
     margin-right: 4px;
     margin-left: 10px;
     vertical-align: top;
     width: 20px;
     height: 18px;
     margin-top: 11px;
     background-position: -365px -64px;
     display: inline-block;
 }
 
 .sidebar-panel-header i.cart-icon {
     background-position: -365px -94px;
 }
 
 .sidebar-panel-header i.bonus-icon {
     background-position: -366px -153px;
 }
 
 .sidebar-panel-header i.compare-icon {
     background-position: -364px -125px;
 }
 
 .sidebar-panel-header .title {
     display: inline-block;
     height: 40px;
     color: #5e5050;
     font: 16px/40px "Microsoft YaHei";
 }
 
 .sidebar-panel-header .title em {
     display: inline-block;
     vertical-align: top;
 }
 
 .sidebar-panel-header .close-panel {
     width: 12px;
     height: 12px;
     background: url(../image/common-icon.png) no-repeat;
     background-position: -429px -40px;
     position: absolute;
     right: 8px;
     top: 16px;
     cursor: pointer;
     -webkit-transition: transform .2s ease-out 0s;
     -moz-transition: transform .2s ease-out 0s;
     transition: transform .2s ease-out 0s;
 }
 
 .sidebar-panel-header .close-panel:hover {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .sidebar-panel-main {
     position: relative;
     height: 90%;
 }
 
 .sidebar-panel-content {
     width: 270px;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
 }
 
 .sidebar-panel-content::-webkit-scrollbar {
     width: 5px;
 }
 
 .sidebar-panel-content::-webkit-scrollbar-track {
     -webkit-border-radius: 6px;
     border-radius: 6px;
     background-color: transparent;
 }
 
 .sidebar-panel-content::-webkit-scrollbar-thumb {
     -webkit-border-radius: 6px;
     border-radius: 6px;
     background: #7b6f6f;
 }
 
 .sidebar-panel-content .history-panel {
     width: 235px;
     margin: 0 auto;
 }
 
 .sidebar-panel-content ul {
     overflow: hidden;
     margin-right: -15px;
 }
 
 .sidebar-panel-content ul li {
     float: left;
     position: relative;
     text-align: center;
     width: 100px;
     height: 120px;
     margin-right: 15px;
     background: #fff;
     margin-bottom: 15px;
     padding: 5px;
 }
 
 .sidebar-panel-content ul li .p-img {
     width: 100px;
     height: 100px;
     margin-bottom: 3px;
 }
 
 .sidebar-panel-content ul li .p-img a {
     display: block;
     width: 100px;
     height: 100px;
     text-align: center;
     margin-bottom: 5px;
 }
 
 .sidebar-panel-content ul li .p-img a img {
     width: 100px;
     height: 100px;
 }
 
 .sidebar-panel-content ul li .p-name {
     display: none;
 }
 
 .sidebar-panel-content ul li .p-comm {
     width: 100px;
 }
 
 .sidebar-panel-content ul li.price {
     color: #c81623;
 }
 /*侧边栏对比*/
 
 .compare-panel-content {
     height: 540px;
     overflow: hidden;
 }
 
 .compare-panel-content .compare-panel {
     width: 235px;
     margin: 0 auto;
 }
 
 .sidebar-panel-content .compare-panel ul li {
     height: 100px;
 }
 
 .sidebar-panel-content .compare-panel ul li .p-img {
     width: 100px;
     height: 100px;
     margin-bottom: 3px;
 }
 
 .sidebar-panel-content .compare-panel ul li .delete {
     width: 25px;
     height: 25px;
     position: absolute;
     top: 0;
     right: 0;
     overflow: hidden;
     z-index: 10;
     display: none;
 }
 
 .sidebar-panel-content .compare-panel ul li:hover .delete {
     display: block;
 }
 
 .sidebar-panel-content .compare-panel ul li .delete .del-icon {
     width: 25px;
     height: 25px;
     right: 0;
     top: 0;
     overflow: hidden;
     position: absolute;
     background: url(../image/common-icon.png) no-repeat;
     background-position: -70px -149px;
     cursor: pointer;
 }
 
 .compare-panel-footer {
     width: 100%;
     height: 50px;
     background-color: #eceaea;
     position: absolute;
     bottom: 0;
 }
 
 .compare-panel-footer .compare-footer-checkout {
     height: 40px;
     padding: 5px 110px 5px 5px;
     position: relative;
 }
 
 .compare-panel-footer .compare-footer-checkout .compare-clear {
     position: absolute;
     left: 147px;
     top: 19px;
 }
 
 .compare-panel-footer .compare-footer-checkout .compare-btn {
     position: absolute;
     left: 17px;
     top: 12px;
     width: 110px;
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     text-align: center;
     color: #fff;
     border: none;
 }
 
 .compare-panel-footer .compare-footer-checkout .no-compare-btn {
     background: #999;
 }
 /*侧边栏购物,红包内容*/
 
 .cart-panel-main,
 .bonus-panel-main {
     position: relative;
 }
 
 .cart-panel-content,
 .bonus-panel-content {
     width: 270px;
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
 }
 
 .right-sidebar-panels .tip-box {
     position: absolute;
     top: 50%;
     width: 270px;
     margin-top: -150px;
     text-align: center;
 }
 
 .category-wrap .tip-box {
     position: static;
     margin: 80px auto 0;
 }
 
 .right-sidebar-panels .tip-box .tip-icon {
     display: block;
     max-width: 100%;
     max-height: 100%;
     margin: 0 auto;
 }
 
 .right-sidebar-panels .tip-box .tip-text {
     line-height: 20px;
     padding: 10px;
     font-size: 14px;
 }
 
 .cart-panel-content .cart-list {
     width: 100%;
 }
 
 .cart-panel-content .cart-item {
     padding: 0 5px;
     margin-bottom: 10px;
     background: #fff;
 }
 
 .cart-panel-content .cart-item.invalid {
     background: #f0f0f0;
 }
 
 .cart-panel-content .cart-item .item-goods {
     padding: 10px 0;
     position: relative;
     overflow: hidden;
 }
 
 .cart-panel-content .cart-item .item-goods .p-img {
     float: left;
     width: 50px;
     height: 50px;
     border: 1px solid #eee;
     padding: 0;
     margin-right: 5px;
 }
 
 .cart-panel-content .cart-item .item-goods .p-img img {
     width: 50px;
     height: 50px;
 }
 
 .cart-panel-content .cart-item .item-goods .p-name {
     height: 32px;
     line-height: 16px;
     margin-bottom: 4px;
     overflow: hidden;
 }
 
 .cart-panel-content .cart-item.invalid .item-goods .p-name a {
     color: #ccc;
 }
 
 .cart-panel-content .cart-item .item-goods .p-name font {
     background: #dadada;
     color: #5f5f5f;
     padding: 0 5px;
     border-radius: 2px;
     margin-right: 3px;
 }
 
 .cart-panel-content .cart-item .item-goods .p-price {
     height: 16px;
     padding-right: 65px;
     overflow: hidden;
     font: 12px/16px verdana;
     color: #666;
 }
 
 .cart-panel-content .cart-item .item-goods .p-price strong {
     font-weight: 400;
 }
 
 .cart-panel-content .cart-item.invalid .item-goods .p-price,
 .cart-panel-content .cart-item.invalid .item-goods .p-price strong {
     color: #ccc;
 }
 
 .cart-panel-content .cart-item .item-goods .p-del {
     position: absolute;
     right: 10px;
     top: 46px;
     width: 35px;
     height: 16px;
     line-height: 16px;
     color: #0579c6;
     text-align: right;
     display: none;
 }
 
 .cart-panel-content .cart-item:hover .item-goods .p-del {
     display: block;
 }
 
 .cart-panel-content .cart-fixed-goods {
     position: relative;
     margin-left: 55px;
 }
 
 .cart-panel-content .cart-fixed-goods li {
     position: relative;
     padding: 8px 0 8px 5px;
     color: #666;
     font-size: 12px;
     line-height: 20px;
     border-top: 1px dotted #ccc;
 }
 
 .cart-panel-content .cart-fixed-goods li .p-name {
     width: 145px;
     line-height: 16px;
     overflow: hidden;
     max-height: 32px;
     font-size: 12px;
     color: #666;
     float: left;
 }
 
 .cart-panel-content .cart-fixed-goods li .p-num {
     float: right;
     width: 30px;
     text-align: right;
     line-height: 16px;
 }
 
 .cart-panel-footer {
     height: 50px;
     background-color: #eceaea;
 }
 
 .cart-panel-footer .cart-footer-checkout {
     height: 40px;
     padding: 5px 110px 5px 5px;
     position: relative;
 }
 
 .cart-panel-footer .cart-footer-checkout .number,
 .cart-panel-footer .cart-footer-checkout .sum {
     line-height: 20px;
 }
 
 .cart-panel-footer .cart-footer-checkout .number strong,
 .cart-panel-footer .cart-footer-checkout .sum .total {
     font-family: verdana;
 }
 
 .cart-panel-footer .cart-footer-checkout .btn {
     position: absolute;
     right: 5px;
     top: 7px;
     width: 110px;
     height: 35px;
     line-height: 35px;
     font-size: 14px;
     text-align: center;
     color: #fff;
     border: none;
 }
 /*侧边栏红包列表*/
 
 .bonus-panel-content .bonus-list {
     width: 100%;
 }
 
 .bonus-panel-content .bonus-item {
     margin: 0 10px 10px;
     background: #E31939;
     overflow: hidden;
 }
 
 .bonus-panel-content .bonus-item a {
     color: #fff;
 }
 
 .bonus-panel-content .bonus-info {
     padding: 10px 20px;
     position: relative;
 }
 
 .bonus-panel-content .bonus-info .bonus-name {
     font-size: 14px;
     line-height: 30px;
 }
 
 .bonus-panel-content .bonus-info .bonus-price {
     font-size: 20px;
     line-height: 30px;
 }
 
 .bonus-panel-content .bonus-info .bonus-btn {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     height: 24px;
     line-height: 24px;
     background: #FFFF9D;
     color: #E31939;
     padding: 0 10px;
     font-size: 14px;
     margin-top: 2px;
 }
 /*侧边栏用户弹出内容*/
 
 .sidebar-user,
 .sidebar-code,
 .sidebar-service {
     width: 237px;
     height: auto;
     padding: 15px 10px;
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, .4);
     border-radius: 5px 0 0 5px;
     border: 1px solid #ddd\0;
     border-right: 0;
     z-index: 999999;
     position: absolute;
     top: 0;
     left: -257px;
     left: -248px\0;
     display: none;
 }
 
 .sidebar-user i.arrow-right,
 .sidebar-code i.arrow-right,
 .sidebar-service i.arrow-right {
     position: absolute;
     right: -5px;
     top: 15px;
     width: 5px;
     height: 9px;
     background-position: -294px -124px;
     overflow: hidden;
 }
 
 .sidebar-user {
     width: 250px;
     left: -270px;
 }
 
 .sidebar-user .user-pic {
     width: 74px;
     height: 74px;
     position: relative;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #eee;
     border-radius: 99%;
     overflow: hidden;
 }
 
 .sidebar-user .user-pic img {
     max-width: 100%;
     max-height: 100%;
 }
 
 .sidebar-user .user-pic-mask {
     width: 74px;
     height: 74px;
     background: url(../image/mask3.png) no-repeat center center;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .sidebar-user p {
     text-align: center;
     padding-bottom: 10px;
 }
 
 .sidebar-user a {
     padding: 0 5px;
     margin: 0 5px;
 }
 
 .sidebar-user .user-have-login {
     overflow: hidden;
 }
 
 .sidebar-user .user-have-login .user-pic {
     float: left;
 }
 
 .sidebar-user .user-have-login .user-info {
     width: 163px;
     padding-left: 10px;
     float: left;
     padding-top: 17px;
     overflow: hidden;
 }
 
 .sidebar-user .user-have-login .user-info p {
     text-align: left;
     padding-bottom: 5px;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .sidebar-user .user-have-login .user-info p img {
     vertical-align: middle;
     margin-top: -3px;
     margin-right: 3px;
     max-width: 100px;
     max-height: 20px;
 }
 
 .sidebar-user .user-have-login .user-info p.user-name-box,
 .sidebar-user .user-have-login .user-info p:first-child {
     display: flex;
     align-items: center;
     height: 20px;
 }
 
 .sidebar-user .user-have-login .user-info p .user-name,
 .sidebar-user .user-have-login .user-info p:first-child span {
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 110px;
 }
 
 .sidebar-user .user-have-login .user-info p .rank-name,
 .sidebar-user .user-have-login .user-info p.SZY-USER-RANK span {
     display: block;
     margin-top: 5px;
 }
 
 .sidebar-user .prev-login {
     width: 100%;
     height: 30px;
     line-height: 30px;
     color: #999;
     display: inline-block;
 }
 
 .sidebar-user .btn {
     display: inline-block;
     padding: 0 15px;
     background: #F9F9F9;
     border: 1px solid #eee;
     margin-top: 5px;
 }
 
 .sidebar-user .btn:hover {
     background: #fff;
 }
 /*侧边栏二维码弹出内容*/
 
 .sidebar-code {
     padding: 10px;
     text-align: center;
     width: 130px;
     height: 130px;
     top: auto;
     bottom: 0;
     left: -150px;
     left: -151px\0;
 }
 
 .sidebar-code i.arrow-right {
     top: auto;
     bottom: 15px;
 }
 
 .sidebar-code img {
     max-width: 100%;
     max-height: 100%;
     margin: 10px auto;
     border: 1px solid #ddd;
     padding: 2px;
 }
 /*侧边栏在线客服*/
 
 .sidebar-service {
     padding: 10px;
     width: 130px;
     height: auto;
     bottom: 0;
     top: auto;
     left: -150px;
     left: -151px\0;
 }
 
 .sidebar-service i.arrow-right {
     top: auto;
     bottom: 15px;
 }
 
 .sidebar-service .customer-service {
     overflow: hidden;
     padding: 6px 0;
 }
 
 .sidebar-service .customer-service span {
     display: block;
     width: 27px;
     height: 27px;
     float: left;
     background: url(../image/user-icon.png) no-repeat;
     margin-right: 10px;
 }
 
 .sidebar-service .customer-service .icon-online {
     background-position: -435px -269px;
 }
 
 .sidebar-service .customer-service .icon-ww {
     background-position: -380px -269px;
 }
 
 .sidebar-service .customer-service .icon-qq {
     background-position: -408px -269px;
 }
 
 .sidebar-service .customer-service a {
     height: 27px;
     line-height: 27px;
     display: block;
 }
 
 .inputstyle {
     width: 100px;
     height: 32px;
     cursor: pointer;
     font-size: 30px;
     outline: medium none;
     position: absolute;
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     opacity: 0;
     left: 0;
     top: 0;
 }
 /*上传多张图片按钮*/
 
 ul.image-group {
     display: inline-block;
 }
 
 ul.image-group li {
     width: 55px;
     height: 55px;
     float: left;
     padding: 3px;
     border: 1px #ddd solid;
     margin-right: 5px;
     position: relative;
     text-align: center;
 }
 
 ul.image-group li span {
     display: none;
     width: 100%;
     left: 0;
     bottom: 0;
     position: absolute;
     height: 20px;
     line-height: 20px;
     filter: alpha(opacity=0.7);
     -moz-opacity: 0.7;
     opacity: 0.7;
     color: #fff;
     background: none repeat scroll 0 0 #000000;
     text-align: center;
     cursor: pointer;
     overflow: hidden;
 }
 
 ul.image-group li:hover span {
     display: block
 }
 
 ul.image-group li img {
     max-width: 100%;
     max-height: 100%;
 }
 
 ul.image-group li.image-group-button {
     float: left;
     position: relative;
     padding: 3px;
     border: 1px #ddd dashed;
     background: #FCFCFC;
     cursor: pointer;
 }
 
 ul.image-group li .image-group-bg {
     height: 55px;
     line-height: 55px;
     width: 55px;
     text-align: center;
     background: url(../image/add-img.png) no-repeat center center;
 }
 
 ul.images-group li .inputstyle {
     width: 55px;
     height: 55px;
     cursor: pointer;
     font-size: 30px;
     outline: medium none;
     position: absolute;
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     opacity: 0;
     left: 0;
     top: 0;
 }
 /*地址选择*/
 
 .region-chooser-selected {
     z-index: 3;
     position: relative;
     display: inline-block;
 }
 
 .region-chooser-selected .region,
 .region-chooser-selected .active {
     float: left;
     cursor: pointer;
     margin: 0 5px;
     width: auto;
     padding: 0 10px;
     height: 23px;
     line-height: 23px;
     border: 1px solid #CCC;
     background: #fff;
 }
 
 .address-info .region-chooser-selected .region {
     margin-left: 0px
 }
 
 .region-chooser-selected .active {
     border-bottom: 1px #fff solid;
 }
 
 .region-chooser-selected .region i,
 .region-chooser-selected .active i {
     width: 10px;
     height: 6px;
     background-position: -297px -150px;
     margin-left: 5px;
     display: inline-block;
 }
 
 .region-chooser-box {
     float: left;
     width: 400px;
     position: absolute;
     z-index: 1;
     top: 30px;
     left: -25px;
     background: #fff;
     border: 1px solid #CCC;
     padding: 15px 14px 10px 14px;
     line-height: 18px;
     height: auto;
     display: none;
 }
 
 .region-chooser-close {
     position: absolute;
     top: -8px;
     right: -8px;
     background: url(../image/goods-icon.png) no-repeat;
     background-position: -20px -113px;
     width: 20px;
     height: 20px;
     line-height: 15px;
     font-size: 15px;
     font-weight: bold;
     cursor: pointer;
 }
 
 .region-chooser-box a {
     float: left;
     margin-right: 10px;
     text-decoration: none;
 }
 
 .region-tabs {
     width: 100%;
     border: none;
     background: none;
     overflow: hidden;
 }
 
 .region-tabs .region-tab,
 .region-tabs .selected {
     position: relative;
 }
 
 .region-tabs .region-tab i,
 .region-tabs .selected i {
     position: absolute;
     right: 5px;
     top: 12px;
     display: block;
     width: 7px;
     height: 4px;
     background-position: 0 -81px;
 }
 
 .region-tabs .region-tab {
     float: left;
     padding: 5px 17px 0 10px;
     height: 20px;
     text-align: center;
     border: 1px solid #ddd;
     border-bottom: none;
     margin-right: 8px;
     background: #fff;
     cursor: pointer;
     color: #666;
 }
 
 .region-tabs .selected {
     text-align: center;
     float: left;
     padding: 5px 17px 0 10px;
     height: 20px;
     border-left: 2px solid #ffb84e;
     border-right: 2px solid #ffb84e;
     border-top: 2px solid #ffb84e;
     margin-right: 5px;
     background: #fff;
     position: relative;
     z-index: 99999;
 }
 
 .region-items {
     float: left;
     width: 97%;
     display: inline;
     position: relative;
     left: 0;
     top: -2px;
     z-index: 99;
     overflow: hidden;
     border-top: 2px solid #ffb84e;
     padding: 8px 5px 5px 5px;
 }
 
 .region-items a {
     padding: 1px 8px;
     line-height: 22px;
     margin: 5px 5px 0px 5px;
     text-decoration: none;
     word-break: break-all;
     white-space: nowrap;
     overflow: normal;
 }
 
 .region-items a:hover {
     text-decoration: none;
     background: #ff3300;
     color: #fff;
 }
 
 .region-chooser-box a:hover {
     text-decoration: none;
     background: #ff3300;
     color: #fff;
 }
 
 .select-region {
     padding: 0 8px;
     height: 35px;
     line-height: 35px;
     vertical-align: middle;
     border-top: none;
     z-index: 3;
 }
 
 .select-region .leixing {
     float: left;
     height: 38px;
     line-height: 38px;
     *height: 35px;
     *line-height: 35px;
     color: #666;
 }
 
 .select-region .leixing input {
     *vertical-align: middle;
 }
 
 .region-chooser {
     position: relative;
     height: 25px;
     line-height: 25px;
     padding: 7px 0 6px;
     border-bottom: none;
     display: inline-block;
     width: auto;
     vertical-align: middle;
 }
 
 .distribution {
     float: left;
     height: 28px;
     line-height: 28px;
     padding: 5px 0;
     margin-left: 18px;
     color: #999;
     display: inline-block;
     vertical-align: middle;
 }
 
 .region-chooser-box .region-chooser-title {
     position: relative;
     margin-bottom: 8px;
     font-size: 12px;
     font-weight: 700;
     color: #666;
 }
 
 .region-chooser-box .region-chooser-title .icon {
     position: absolute;
     right: 8px;
     top: 9px;
     display: block;
     width: 11px;
     height: 6px;
     background: url(../image/common-icon.png) no-repeat;
     background-position: 0 -62px;
 }
 
 .region-chooser-box .region-chooser-item.current .region-chooser-title .icon {
     background-position: 0 -20px;
 }
 
 .region-chooser-box .region-chooser-content .address-list a {
     float: none;
     display: block;
     max-width: 100% !important;
     height: 18px;
     padding: 2px 0;
 }
 
 .region-chooser-box .region-chooser-content .address-list a.current {
     color: #e31939;
 }
 
 .region-chooser-box .region-chooser-content .address-list a:hover {
     color: #e31939;
     background: transparent;
 }
 
 .region-chooser-box .region-chooser-content .address-list a .name {
     display: inline-block;
     width: 60px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .region-chooser-box .region-chooser-content .address-list a .address {
     display: inline-block;
     width: 310px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .region-chooser-box .region-chooser-used .region-chooser-content {
     margin-bottom: 10px;
 }
 
 .region-chooser-box .region-chooser-used .region-chooser-content {
     height: 20px;
     max-height: 260px;
     overflow: hidden;
 }
 
 .region-chooser-box .region-chooser-used.current .region-chooser-content {
     height: auto;
     overflow-y: auto;
 }
 
 .region-chooser-box .region-chooser-choose .region-chooser-content {
     display: none;
 }
 
 .region-chooser-box .region-chooser-choose.current .region-chooser-content {
     display: block;
 }
 /*登录*/
 
 .form-control-box .icon,
 .login-wrap .form-group .form-control-error i,
 .login-content .login-form .msg-wrap .msg-icon,
 .login-wrap .item-coagent a i,
 .login-wrap .item-coagent a:hover i,
 .login-con .login-switch a,
 .login-mobile .default-state .qrcode-desc i {
     background: url(../image/login-regiser-icon.png) no-repeat;
 }
 /*二维码、PC端登录切换*/
 
 .login-switch {
     width: 52px;
     height: 52px;
     position: absolute;
     right: 10px;
     top: 10px;
 }
 
 .login-switch a {
     width: 52px;
     height: 52px;
     display: inline-block;
     cursor: pointer;
 }
 
 .login-switch a.btn-qrcode {
     background-position: -308px 0;
 }
 
 .login-switch a.btn-login {
     background-position: -308px -60px;
 }
 /*pc端登录*/
 
 .login-form {
     width: 346px;
     background: #fff;
     overflow: visible;
 }
 
 .login-form .login-con {
     width: 286px;
     padding: 10px 30px;
 }
 
 .login-wrap .login-tit {
     height: 25px;
     line-height: 25px;
     color: #999;
 }
 
 .login-wrap .login-tit .regist-link {
     font-size: 12px;
 }
 
 .login-wrap .login-tit .regist-link em {
     font-family: sinum;
     font-weight: bold;
 }
 
 .login-wrap .login-radio {
     height: 35px;
     line-height: 35px;
     padding: 5px 0 0;
     margin: 15px 0 30px;
 }
 
 .login-wrap .login-radio ul {
     width: 100%;
     height: 36px;
     line-height: 35px;
     display: inline-block;
     border-bottom-width: 1px;
     border-bottom-style: solid
 }
 
 .login-wrap .login-radio ul li {
     float: left;
     height: 35px;
     line-height: 35px;
     margin-right: 15px;
     padding: 0 15px;
     background: #fff;
     font-size: 13px;
     cursor: pointer;
 }
 
 .login-wrap .login-radio ul li.active {
     border-width: 2px 1px 0;
     border-style: solid;
 }
 
 .login-wrap .form-group {
     overflow: hidden;
     height: 65px;
     position: relative;
 }
 
 .login-wrap .form-group .form-control-box {
     height: 38px;
     border: 1px solid #ddd;
     position: relative;
 }
 
 .login-wrap .form-group .form-control-box.error {
     border: 1px solid #E31939;
 }
 
 .login-wrap .form-group .icon {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     left: 10px;
     top: 9px;
 }
 
 .login-wrap .form-group.item-name .icon {
     background-position: 0 -15px;
 }
 
 .login-wrap .form-group.item-password .icon {
     background-position: 0 -36px;
 }
 
 .login-wrap .form-group .text {
     line-height: 38px;
     height: 37px;
     border: 0;
     padding: 0 0 0 40px;
     width: 244px;
     float: none;
     font-size: 14px;
     overflow: hidden;
 }
 
 .login-wrap .form-group-spe .form-control-box {
     height: 40px;
     border: none;
 }
 
 .login-wrap .form-group-spe .form-control-box.error {
     border: none;
 }
 
 .login-wrap .form-group-spe .form-control-box .text {
     width: 80px;
     line-height: 38px;
     height: 38px;
     padding: 0 0 0 40px;
     border: 1px solid #ddd;
 }
 
 .login-wrap .form-group-spe .form-control-box.error .text {
     border: 1px solid #E31939;
 }
 
 .login-wrap .form-group.captcha .icon {
     background-position: 0 -57px;
 }
 
 .login-wrap .form-group .form-control-error {
     height: 25px;
     line-height: 25px;
     color: #999;
     overflow: hidden;
 }
 
 .login-wrap .form-group .form-control-error i {
     width: 14px;
     height: 14px;
     background-position: 0 0;
     margin-right: 5px;
     margin-top: -2px;
     display: inline-block;
 }
 
 .login-wrap .form-group.form-group-phonecode .icon {
     background-position: 0 -57px;
 }
 
 .login-wrap .form-group-spe .phonecode {
     background: #F6F6F6;
     border: 1px solid #d9d9d9;
     cursor: pointer;
     padding: 0 8px;
     display: inline-block;
     line-height: 38px;
     height: 38px;
     color: #666;
     margin-left: 10px;
     text-align: center;
     width: 120px;
     margin-top: -4px;
 }
 
 .login-wrap .safety {
     margin-bottom: 15px;
     overflow: hidden;
     height: 18px;
     line-height: 18px;
 }
 
 .login-wrap .safety label {
     cursor: pointer;
 }
 
 .login-wrap .safety label .checkbox {
     margin: 0 3px 0 0;
     vertical-align: middle;
     cursor: pointer;
 }
 
 .login-wrap .safety label span {
     vertical-align: middle;
     cursor: pointer;
 }
 
 .login-wrap .safety .forget-password {
     margin-top: 3px;
 }
 
 .login-wrap .login-btn {
     margin-bottom: 20px;
     overflow: hidden;
 }
 
 .login-wrap .login-btn .btn-img {
     width: 286px;
     height: 35px;
     font-size: 14px;
     color: #FFF;
     text-align: center;
     line-height: 35px;
     text-decoration: none;
     cursor: pointer;
     letter-spacing: 2px;
     border: none;
 }
 
 .login-wrap .item-coagent {
     height: 43px;
     line-height: 43px;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .login-wrap .item-coagent a {
     float: left;
     width: 43px;
     height: 43px;
     position: relative;
     margin-right: 20px;
     margin-left: 25px;
 }
 
 .login-wrap .item-coagent a i {
     display: block;
     width: 43px;
     height: 43px;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .login-wrap .item-coagent a i.qq {
     background-position: -85px 0;
 }
 
 .login-wrap .item-coagent a i.alipay {
     background-position: -142px 0;
 }
 
 .login-wrap .item-coagent a i.sina {
     background-position: -199px 0;
 }
 
 .login-wrap .item-coagent a i.weixin {
     background-position: -254px 0;
 }
 
 .login-wrap .item-coagent a:hover i.qq {
     background-position: -85px -45px;
 }
 
 .login-wrap .item-coagent a:hover i.alipay {
     background-position: -142px -45px;
 }
 
 .login-wrap .item-coagent a:hover i.sina {
     background-position: -199px -45px;
 }
 
 .login-wrap .item-coagent a:hover i.weixin {
     background-position: -254px -45px;
 }
 
 .login-wrap .item-coagent a.last {
     margin-right: 0;
 }
 /*扫描登录*/
 
 .login-mobile .default-state {
     width: 290px;
     margin-top: 44px;
     padding-bottom: 15px;
     text-align: center;
     position: relative;
 }
 
 .login-mobile .default-state .qrcode-tit {
     padding: 0 0 25px;
     color: #888;
     font-size: 16px;
 }
 
 .login-mobile .default-state .qrcode-box {
     position: relative;
     margin-top: 10px;
     height: 150px;
 }
 
 .qrcode-box .qrcode {
     width: 150px;
     height: 150px;
     position: absolute;
     left: 70px;
     top: 0;
     z-index: 100;
 }
 
 .qrcode-box .qrcode img {
     width: 150px;
     height: 150px;
     display: inline;
 }
 /*.login-mobile .default-state .qrcode-help { padding-top: 20px; }
.login-mobile .default-state .qrcode-help a{ color: #999; }
.login-mobile .default-state .qrcode-help span { color: #ccc; padding: 0 13px; }*/
 
 .login-mobile .default-state .qrcode-desc {
     overflow: hidden;
     width: 150px;
     margin: 30px auto 0;
     text-align: left;
 }
 
 .login-mobile .default-state .qrcode-desc i {
     width: 30px;
     height: 30px;
     background-position: -50px -90px;
     float: left;
     margin-right: 10px;
     margin-top: 3px;
     display: inline-block;
 }
 
 .login-mobile .default-state .qrcode-desc p {
     width: 110px;
     line-height: 18px;
     color: #999;
     font-size: 12px;
     float: left;
 }
 
 .login-mobile .default-state .qrcode-desc p a {
     margin: 0 3px;
 }
 
 .qrcode-help {
     position: absolute;
     right: 5px;
     top: -15px;
     width: 120px;
     height: 180px;
     background: url(../image/qrcode-guide.png) no-repeat;
     opacity: 0;
     z-index: 99;
 }
 
 .qrcode-error {
     width: 150px;
     height: 150px;
     background: rgba(255, 255, 255, .95);
     position: absolute;
     left: 70px;
     top: 0;
     z-index: 9999;
 }
 
 .qrcode-error p {
     color: #3c3c3c;
     margin-top: 40px;
     margin-bottom: 10px;
     text-align: center;
     font-size: 14px;
 }
 
 .qrcode-error .refresh {
     width: 100px;
     height: 36px;
     line-height: 36px;
     text-align: center;
     margin: 0 auto;
     display: block;
     color: #fff;
     border-radius: 3px;
 }
 
 .qrcode-msg {
     margin-top: 20px;
     position: relative;
 }
 
 .qrcode-msg .msg-icon {
     position: relative;
     text-align: center;
 }
 
 .msg-icon .icon-ok {
     font-size: 32px;
     line-height: 32px;
     position: absolute;
     top: 35px;
     left: 130px;
     color: #78c430;
 }
 
 .msg-icon .icon-phone {
     font-size: 116px;
     line-height: 116px;
     color: #ddd;
 }
 
 .qrcode-msg .tip1 {
     margin-top: 22px;
     margin-bottom: 15px;
     font-size: 14px;
     line-height: 12px;
     color: #6c6c6c;
     text-align: center;
 }
 
 .qrcode-msg .tip2 {
     text-align: center;
     font-size: 16px;
     line-height: 16px;
     color: #3c3c3c;
 }
 
 .qrcode-msg .link {
     margin-top: 21px;
     text-align: center;
 }
 
 .qrcode-msg .link .light-link {
     color: #f40;
 }
 
 .login-links {
     margin-top: 25px;
     overflow: hidden;
     text-align: right;
 }
 
 .login-links a {
     margin-right: 10px;
     color: #6c6c6c;
 }
 /*登录弹框*/
 
 .pop-login-mask,
 .pop-choose-spec-mask {
     position: fixed;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.15;
     filter: alpha(opacity=15);
     left: 0;
     top: 0;
     z-index: 999999;
     display: none;
 }
 
 .pop-login-main,
 .pop-choose-spec-main {
     border: 4px solid rgba(0, 0, 0, .1);
     border: 4px solid #ccc\9;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     width: 370px;
     position: fixed;
     z-index: 1000001;
     left: 50%;
     top: 60px;
     margin-left: -185px;
     display: none;
 }
 
 .pop-choose-spec-main {
     width: auto;
     min-width: 370px;
     max-width: 550px;
     top: 50%;
     margin-top: -170px;
     background-color: #fff;
 }
 
 .pop-login-header,
 .pop-choose-spec-header {
     position: relative;
     padding: 0 10px;
     height: 36px;
     line-height: 36px;
     background: #f7f7f7;
     font-size: 14px;
     color: #666;
     font-family: "Microsoft YaHei";
 }
 
 .pop-login-header .pop-login-close,
 .pop-login-header .tell-me-close,
 .pop-choose-spec-header .pop-choose-spec-close {
     display: block;
     width: 13px;
     height: 13px;
     background-position: -41px -44px;
     position: absolute;
     right: 13px;
     top: 13px;
 }
 
 .pop-login-con,
 .pop-choose-spec-con {
     padding: 10px 10px 20px;
     background: #fff;
     position: relative;
     min-height: 80px;
 }
 /*规格弹框增加大图展示 _start*/
 
 .pop-choose-spec-header {
     display: inline-block;
     width: 530px;
     height: auto;
     line-height: auto;
     background: #fff;
 }
 
 .pop-choose-spec-header img {
     width: 100px;
     border: #f8f8f8 1px solid;
     border-radius: 4px;
     padding: 5px;
     background: #FFF;
     margin-top: -35px;
     margin-left: 15px;
     float: left;
 }
 
 .attribute-header-right {
     margin-left: 10px;
     margin-top: 15px;
     float: left;
     overflow: hidden;
     width: 70%;
 }
 
 .attribute-header-right span {
     display: block;
     width: 100%;
     overflow: hidden;
     color: #666;
     font-size: 12px;
     line-height: 120%;
     margin-bottom: 5px;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 
 .attribute-header-right span.goodprice {
     color: #f23030;
     font-size: 16px;
 }
 /*规格弹框增加大图展示 _end*/
 
 .pop-choose-spec-main {
     margin-left: -225px;
 }
 
 .pop-choose-spec-con .dt,
 .pop-choose-spec-con .dd {
     display: inline-block;
 }
 
 .pop-choose-spec-con .dd {
     width: 430px;
 }
 
 .pop-choose-spec-con .choose-btn {
     text-align: center;
 }
 
 .pop-choose-spec-con .choose-btn .btn {
     margin-right: 5px;
 }
 
 .pop-choose-spec-con .choose-btn .btn:last-child {
     margin-right: 0;
 }
 /*规格弹框增加购物车加减数量 _start*/
 
 .pop-choose-spec-con .choose-btn .amount {
     margin: 10px auto;
     text-align: left;
     display: inline-block;
 }
 
 .pop-choose-spec-con .choose-btn .amount dt {
     text-align: right;
     float: left;
     width: 49px;
     color: #999;
     line-height: 30px;
     margin-right: 10px;
     margin-right: 10px;
 }
 
 .pop-choose-spec-con .choose-btn .amount dd {
     width: 438px;
     float: left;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget {
     height: 30px;
     position: relative;
     display: inline-block;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget .amount-input {
     color: #666;
     font-size: 12px;
     margin: 0;
     height: 28px;
     border: 1px solid #ddd;
     width: 52px;
     line-height: 28px;
     text-align: center;
     position: absolute;
     left: 23px;
     top: 0;
     padding: 0;
     z-index: 2;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget .amount-btn {
     width: 100px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     top: 0;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget .amount-minus {
     width: 22px;
     height: 28px;
     overflow: hidden;
     cursor: pointer;
     border: 1px solid #ddd;
     border-right: none;
     display: block;
     line-height: 28px;
     text-align: center;
     background: #f1f1f1;
     position: absolute;
     left: 0;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget .amount-plus {
     width: 22px;
     height: 28px;
     border: 1px solid #ddd;
     border-left: none;
     overflow: hidden;
     cursor: pointer;
     display: block;
     line-height: 28px;
     text-align: center;
     background: #f1f1f1;
     position: absolute;
     right: 0;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget .amount-btn i {
     width: 22px;
     height: 23px;
     font-size: 14px;
     color: #666;
     display: inline-block;
 }
 
 .pop-choose-spec-con .choose-btn .amount .amount-widget .amount-unit {
     vertical-align: middle;
     margin-left: 5px;
 }
 /*规格弹框增加购物车加减数量 _end*/
 /*ajax之前加载效果*/
 
 .ajax-loading {
     width: 100%;
     height: 30px;
     padding: 30px 0;
     text-align: center;
 }
 
 .ajax-loading img {
     width: 30px;
     height: 30px;
 }
 /*属性选择弹框*/
 
 .choose {
     padding: 10px 0;
     width: 540px;
 }
 
 .choose dl.attr,
 .choose dl.prop {
     margin-bottom: 6px;
     padding-left: 15px;
     display: inline-block;
 }
 
 .choose dl.attr dt,
 .choose dl.prop dt {
     text-align: right;
     float: left;
     width: 49px;
     color: #999;
     /* margin-top: 10px; */
     margin-right: 10px;
     text-align: justify;
     text-justify: distribute-all-lines;
     text-align-last: justify;
 }
 
 .choose dl.prop dt.multiple-choices {
     margin-top: 0;
 }
 
 .choose dl.prop dt span {
     display: none;
 }
 
 .choose dl.prop dt.multiple-choices span {
     display: block;
     text-align: center;
 }
 
 .choose dl dd {
     width: 466px;
     float: left;
 }
 
 .choose dl.attr dd li,
 .choose dl.prop dd li {
     float: left;
     position: relative;
     margin: 0 8px 4px 0;
     line-height: 28px;
     vertical-align: middle;
 }
 
 .choose dl.attr dd li a,
 .choose dl.prop dd li a {
     float: left;
     background-color: #fff;
     width: auto!important;
     min-width: 16px;
     text-align: center;
     border: 1px solid #b8b7bd;
     color: #000;
     display: inline-block;
 }
 
 .choose dl.attr dd li.selected a,
 .choose dl.prop dd li.selected a {
     border: 1px solid #fa4862;
 }
 
 .choose dl.attr dd li.selected i,
 .choose dl.prop dd li.selected i {
     position: absolute;
     bottom: 0.8px;
     right: 1px;
     width: 12px;
     height: 12px;
     overflow: hidden;
     display: block;
     background: url(../image/goods-icon.png) no-repeat;
     background-position: 0 -20px;
 }
 
 .choose dl.attr dd li.invalid a,
 .choose dl.prop dd li.invalid a {
     border: #b8b7bd 1px dashed;
     background: #eee;
     cursor: not-allowed;
 }
 
 .choose dl.attr dd li a img,
 .choose dl.attr dd li a span,
 .choose dl.prop dd li a img,
 .choose dl.prop dd li a span {
     float: left;
     color: #666;
     height: 34px;
     vertical-align: middle;
 }
 
 .choose dl.attr dd li a span,
 .choose dl.prop dd li a span {
     padding: 2px 9px 2px;
     height: 30px;
     line-height: 30px;
     min-width: 14px;
 }
 
 .choose dl.attr dd li a img,
 .choose dl.prop dd li a img {
     margin-right: 3px;
 }
 
 .attr-list {
     padding: 10px 0;
     margin: 0;
     max-height: 200px;
     overflow-y: auto;
 }
 
 .attr-list.attr-list-border {
     border-width: 1px 0 1px 0;
     border-style: solid;
     border-color: #ddd;
 }
 
 .attr-btn {
     text-align: center;
     padding: 10px 0;
 }
 
 .attr-btn input {
     margin: 0 5px;
 }
 /*属性规格无库存*/
 
 .choose dl.attr.no-stock-bg {
     padding-top: 4px;
     background-color: #ffe6e6;
 }
 
 .choose dl.attr dd li.no-stock a,
 .choose dl.prop dd li.no-stock a {
     border: 1px dashed #ccc;
 }
 
 .choose dl.attr dd li.no-stock a span,
 .choose dl.prop dd li.no-stock a span {
     color: #999;
 }
 
 .choose dl.attr dd li.spec-hover a,
 .choose dl.prop dd li.spec-hover a {
     border: 1px solid #fa4862;
 }
 
 ::-webkit-input-placeholder {
     /* WebKit browsers */
     color: #999;
 }
 
 :-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: #999;
 }
 
 ::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #999;
 }
 
 :-ms-input-placeholder {
     /* Internet Explorer 10+ */
     color: #999;
 }
 /*站点选择弹框*/
 
 .welcome-bg {
     position: fixed;
     z-index: 9999998;
     background: #000;
     opacity: 0.6;
     filter: alpha(opacity=60);
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     display: none;
 }
 
 .welcome {
     position: fixed;
     width: 600px;
     border: 4px solid #ccc;
     z-index: 9999999;
     height: auto;
     background: #fff;
     display: none;
 }
 
 .welcome .site-tit {
     background: #F3F3F3;
     font-size: 14px;
     height: 54px;
     line-height: 54px;
     text-indent: 23px;
     text-align: left;
 }
 
 .welcome .default-address {
     padding: 0 15px;
     height: 26px;
     line-height: 26px;
     background: #E31939;
     border-radius: 2px;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     margin: 10px 0 0 0;
     text-indent: 0;
     display: inline-block;
 }
 
 .welcome .default-address a {
     color: #fff;
     text-indent: 0;
 }
 
 .welcome .site-close {
     display: block;
     width: 13px;
     height: 13px;
     background-position: -41px -44px;
     position: absolute;
     right: 20px;
     top: 20px;
     cursor: pointer;
 }
 
 .welcome .site-content {
     width: 90%;
     min-height: 150px;
     max-height: 300px;
     padding: 20px 4% 20px 6%;
     margin: 0 auto;
     text-align: center;
     overflow-y: auto;
 }
 
 .welcome .site-content ul {
     width: 100%;
     height: auto;
     margin: 0 auto;
 }
 
 .welcome .site-content ul li {
     float: left;
     width: 20%;
     height: 35px;
     line-height: 35px;
     display: inline-block;
     text-align: left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .welcome .site-content ul li a {
     width: 100%;
     padding: 3px 15px;
     font-weight: normal;
     color: #999;
 }
 
 .welcome .site-content ul li:hover a,
 .welcome .site-content ul li a:hover {
     background: #E31939;
     color: #fff;
     border-radius: 2px;
 }
 
 .header-box ul.fl {
     float: left;
 }
 
 .sc-icon {
     float: left;
     line-height: 33px;
 }
 
 .sc-icon span,
 .sc-icon .sc-choie {
     float: left;
 }
 
 .sc-icon .sc-choie {
     min-width: 60px;
 }
 
 .sc-icon .sc-choie .iconfont {
     line-height: 36px;
 }
 
 .sc-icon span.ui-areamini-text {
     color: #E31939;
     font-weight: 600;
 }
 
 .sc-icon i.sc-icon-right {
     width: 15px;
     height: 18px;
     display: inline-block;
     background: url(../image/change_city.gif) -85px 0 no-repeat;
     margin-top: 9px;
     margin-right: 3px;
     float: left;
 }
 
 .sc-icon .sc-choie {
     line-height: 33px;
     *line-height: 31px;
     padding: 0 5px;
     margin-top: 0;
     *margin-top: 1px;
     height: 33px;
 }
 
 .hover .sc-icon .sc-choie {
     background: #fff;
 }
 
 .dorpdown-layer {
     display: none;
     position: absolute;
     line-height: 33px;
     top: 33px;
     left: 0;
     background: #fff;
     box-shadow: 0 0 8px #ccc;
     z-index: 99999
 }
 
 .hover .dorpdown-layer {
     -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
     display: block;
 }
 
 #city-choice .dd-spacer {
     left: 0;
     width: 100%;
     position: absolute;
     bottom: -2px;
     height: 10px;
     background: #fff;
     overflow: hidden;
     display: none;
     z-index: 100000;
 }
 
 #city-choice:hover .dd-spacer {
     display: block;
 }
 
 #city-choice {
     padding: 0;
     margin-right: 5px;
 }
 
 #city-choice:hover .sc-choie {
     background: #fff;
     box-shadow: 0 0 8px #ccc;
     border-bottom: 0;
     z-index: 99999;
     position: relative
 }
 
 #city-choice:hover .dorpdown-layer {
     display: block;
 }
 
 .dorpdown-layer .ui-areamini-content-wrap {
     padding: 20px 15px 15px;
     width: auto;
     min-width: 395px;
     height: auto !important;
     max-height: 210px;
     line-height: 20px;
     *line-height: 22px;
     overflow: hidden;
     background: #fff;
 }
 
 .ui-areamini-content-wrap dl {
     overflow: hidden;
     margin-bottom: 5px;
 }
 
 .ui-areamini-content-wrap dt {
     color: #333;
     font-weight: 700;
     float: left;
     margin-right: 10px;
 }
 
 .ui-areamini-content-wrap dd {
     float: left;
 }
 
 .ui-areamini-content-wrap dd a {
     display: block;
     padding: 0 4px 0 4px;
 }
 
 .ui-areamini-content-wrap dd a:hover {
     background: #ec5151;
     color: #fff;
 }
 
 .ui-areamini-content-wrap dd a.city_selected,
 .scrollBody .all-list li a.city_selected {
     background-color: #E31939;
     color: #fff
 }
 
 .ui-areamini-content-wrap .search-first-letter {
     /*margin-top:15px;*/
     margin-top: 0;
     overflow: hidden;
     height: 20px;
 }
 
 .ui-areamini-content-wrap .search-first-letter a {
     font-size: 14px;
     color: #E31939;
     float: left;
     line-height: 14px;
     padding: 2px 4px;
     margin-right: 0;
     display: inline-block;
 }
 
 .ui-areamini-content-wrap .search-first-letter a:hover,
 .ui-areamini-content-wrap .search-first-letter a.selected {
     color: #fff;
     background: #E31939;
 }
 
 .scrollBody {
     overflow: hidden;
     position: relative;
     z-index: 10;
 }
 
 .scrollBody .all-list {
     width: 380px;
     max-height: 150px;
     overflow: hidden;
     margin-top: 10px;
     float: left;
 }
 
 .scrollBody .all-list ul {
     overflow: hidden;
     height: auto;
     min-height: 600px;
     position: relative;
     z-index: 9;
 }
 
 .scrollBody .all-list li {
     float: left;
     width: 360px;
     padding: 0 0 4px 0;
     line-height: 24px;
 }
 
 .scrollBody .all-list li em {
     width: 19px;
     height: 19px;
     padding-right: 2px;
     display: inline-block;
     line-height: 19px;
     line-height: 18px\9;
     text-align: center;
     margin: 3px 7px 0 0;
     color: #fff;
     float: left;
     background: url(../image/change_city.gif) -20px -17px;
 }
 
 .scrollBody .all-list li .itme-city {
     float: left;
     width: 330px;
 }
 
 .scrollBody .all-list li a {
     padding: 0 3px 0 3px;
     display: inline-block;
     color: #333;
     line-height: 20px;
     *line-height: 22px;
 }
 
 .scrollBody .all-list li a:hover {
     background: #E31939;
     color: #fff;
 }
 
 .scrollBody .all-list li a.is_district,
 .scrollBody .all-list li a.is_district:hover {
     background: none;
     color: #999;
 }
 
 .scrollBody .scrollBar {
     float: right;
     width: 8px;
     height: 150px !important;
     background: url(../image/change_city.gif) -12px 0 repeat-y;
     position: absolute;
     right: 0;
     top: 5px !important;
 }
 
 .scrollBody .scrollBar .scrollBar-btn {
     width: 20px;
     height: 36px !important;
     cursor: pointer;
     background: url(../image/change_city.gif) 3px 0 no-repeat;
     position: absolute;
     top: 0;
     left: -5px;
 }
 /*头部滚动通栏悬浮框*/
 
 .as-shelter {
     display: block;
     width: 100%;
     background-color: #fff;
     height: 60px;
     top: -60px;
     z-index: 1002;
     position: fixed;
     opacity: .9;
     -webkit-transition: top .3s ease-out;
     -moz-transition: top .3s ease-out;
     -ms-transition: top .3s ease-out;
     -o-transition: top .3s ease-out;
     transition: top .3s ease-out;
 }
 
 .as-shelter.show {
     top: 0;
 }
 
 .follow-box {
     display: block;
     margin: 0 auto;
     position: fixed;
     top: -60px;
     width: 100%;
     height: 60px;
     z-index: 1006;
     opacity: 1;
     -webkit-transition: top .3s ease-out;
     -moz-transition: top .3s ease-out;
     -ms-transition: top .3s ease-out;
     -o-transition: top .3s ease-out;
     transition: top .3s ease-out;
     box-shadow: 0 0 4px #dedede;
 }
 
 .follow-box.show {
     top: 0;
 }
 
 .follow-box-con {
     width: 1210px;
     height: 60px;
     margin: 0 auto;
 }
 
 .follow-box .fp-tel {
     position: absolute;
     right: 14px;
     top: 3px;
     color: #ea5642;
     font-size: 14px;
 }
 
 .follow-box .logo {
     float: left;
     width: 220px;
     height: 60px;
     display: inline-block;
 }
 
 .follow-box .logo img {
     max-width: 220px;
     max-height: 60px;
 }
 
 .follow-box .search {
     width: 460px;
     position: relative;
     z-index: 999;
     float: left;
     margin-left: 150px;
     margin-top: 10px;
 }
 
 .follow-box .search .search-form .search-info {
     background: #fff;
     height: 36px;
     position: relative;
     border-style: solid;
     border-width: 2px 0 2px 2px;
 }
 
 .follow-box .search .search-form .search-info .search-type-box {
     width: 70px;
     height: 36px;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .follow-box .search .search-form .search-info .search-type-box .search-type {
     width: 70px;
     height: 36px;
     display: inline-block;
     overflow: hidden;
 }
 
 .follow-box .search .search-form .search-info .search-type-box .search-type li {
     width: 72px;
     height: 36px;
     line-height: 36px;
     cursor: pointer;
     display: inline-block;
     color: #fff;
     font-size: 13px;
     text-indent: 20px;
     margin-left: -2px;
 }
 
 .follow-box .search .search-form .search-info .search-type-box .search-type li.curr,
 .follow-box .search .search-form .search-info .search-type-box .search-type li.curr:hover {
     width: 70px;
     background-color: #fff;
     color: #666;
     text-indent: 18px;
     margin-left: 0;
 }
 
 .follow-box .search .search-form .search-info .search-type-box i {
     position: absolute;
     right: 7px;
     top: 16px;
     display: inline-block;
     width: 11px;
     height: 11px;
     transition: .2s ease-in-out;
     -webkit-transition: .2s ease-in-out;
     -moz-transition: .2s ease-in-out;
     -o-transition: .2s ease-in-out;
     vertical-align: -1px;
     background-position: 0 -80px;
     font-size: 12px;
     font-style: normal;
     color: #666;
 }
 
 .follow-box .search .search-form .search-info .search-type-box:hover i {
     top: 10px;
     right: 10px;
     transform: rotate(-180deg);
     -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
 }
 
 .follow-box .search .search-form .search-info .search-box {
     height: 36px;
     position: absolute;
     left: 70px;
     top: 0;
 }
 
 .follow-box .search .search-form .search-info .search-box .search-box-input:focus {
     outline: 0
 }
 
 .follow-box .search .search-form .search-info .search-box-input {
     color: #999;
     margin: 6px 0;
     position: relative;
     z-index: 2;
     width: 289px;
     height: 24px;
     line-height: 24px;
     padding: 0 3px 0 5px;
     outline: 0;
     border: 0;
     border-left: 1px #e9e9e9 solid;
 }
 
 .follow-box .search .search-form .search-info .button {
     position: absolute;
     top: 0;
     right: 0;
     width: 70px;
     border-radius: 0px;
     height: 36px;
     line-height: 36px;
     border: 0;
     font-size: 16px;
     letter-spacing: 4px;
     cursor: pointer;
     color: #fff;
     overflow: hidden;
     padding: 0 8px 0 12px;
 }
 
 @-moz-document url-prefix() {
     .follow-box .search .search-form .search-info .button {
         line-height: 36px;
         border-radius: 0px;
     }
 }
 
 .follow-box .search .search-form .search-info .search-box .search-box-con {
     height: 30px;
     line-height: 30px;
 }
 
 .follow-box .search .search-form .search-info .search-box-input:focus,
 .follow-box .search .search-form .search-info .search-box .search-box-input:focus {
     outline: 0;
 }
 
 .follow-box .login-info {
     float: right;
     height: 60px;
     line-height: 60px;
 }
 
 .follow-box .login-info a {
     font-size: 14px;
     margin-left: 15px;
     padding: 5px 15px;
     border-radius: 2px;
 }
 
 .follow-box .login-info a.logout,
 .follow-box .login-info a.register {
     color: #fff;
 }
 
 .follow-box .login-info a.SZY-USER-NAME {
     max-width: 220px;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     box-sizing: border-box;
     padding: 0;
 }
 /*工商网监*/
 
 .hbwj {
     width: 30px;
     height: 30px;
     background: #FFF;
     border: #e5e5e5 1px solid;
     margin: 0 auto;
     text-align: center;
 }
 
 .hbwj img {
     width: 20px;
     height: 25px;
     margin-top: 2px;
     margin-left: 0px;
     background: #FFF;
 }
 /*在线客服*/
 
 .service-btn {
     cursor: pointer;
 }
 
 .service-btn img {
     max-width: 20px;
     max-height: 20px;
     vertical-align: middle;
 }
 
 .service-btn span {
     height: 20px;
     line-height: 26px;
     vertical-align: middle;
 }
 /*认证信息证件放大样式*/
 
 .example-image {
     margin-left: 165px;
 }
 
 .example-image span {
     height: 22px;
     line-height: 22px;
     float: left;
     margin-right: 8px;
     color: #999;
 }
 
 .example-image ul.image-group li:hover .enlarge-image,
 .examples .form-control-box:hover .enlarge-image,
 .real-image ul.image-group li:hover .enlarge-image {
     display: block;
 }
 
 .example-image .enlarge-image,
 .examples .enlarge-image,
 .real-image .enlarge-image {
     height: auto;
     max-width: 400px;
     max-height: 300px;
     border: 1px #ddd solid;
     bottom: 0px;
     left: 68px;
     position: absolute;
     background: #fff;
     display: none;
     z-index: 1;
     display: none;
 }
 
 .examples .enlarge-image {
     left: 170px;
 }
 /*专题页面*/
 
 .topic-box {
     height: auto;
     min-height: 0;
     overflow-x: auto;
 }
 /*标签*/
 
 .goodstag-seat {
     z-index: 2;
 }
 
 .goodstag-item {
     position: relative;
     width: 60px;
     text-align: center;
 }
 
 .goodstag-item span.tag-text {
     position: absolute;
     left: 0px;
     color: #fff;
     width: 100%;
     line-height: 34px;
     z-index: 22;
     font-size: 12px;
     text-align: center;
 }
 
 .goodstag-item i.iconfont {
     font-size: 38px;
     line-height: 45px;
     position: absolute;
     top: 0px;
     left: 0px;
 }
 
 .goodstag-seat img {
     max-width: 60px !important;
     max-height: 60px !important;
 }
 
 .goodstag-item-box {
     max-height: 150px;
     overflow-y: auto;
     max-width: 450px;
 }
 
 .goodstag-item-box li .goodstag-item i.iconfont,
 .goodstag-content .goodstag-item i.iconfont {
     color: #ccc;
 }
 
 .goodstag-item-box li .goodstag-item i.fa {
     display: none;
     font-size: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 121;
     margin: -12px auto auto -10px;
 }
 
 .goodstag-item-box li.selected .goodstag-item i.fa {
     color: #FF4444;
     display: block;
 }
 
 .goodstag-seat,
 .goodstag-seat.location4 {
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -30px auto auto -30px;
 }
 
 .goodstag-seat.location0 {
     top: 0px;
     right: auto;
     left: 0;
     margin: auto;
 }
 
 .goodstag-seat.location1 {
     top: 0px;
     right: 0px;
     left: auto;
     margin: auto;
 }
 
 .goodstag-seat.location2 {
     bottom: 0px;
     right: auto;
     left: 0;
     top: auto;
     margin: auto;
 }
 
 .goodstag-seat.location3 {
     bottom: 0px;
     right: 0px;
     left: auto;
     top: auto;
     margin: auto;
 }
 /*红包弹层*/
 
 .layer-mask-box {
     width: 580px;
     position: fixed;
     z-index: 1000000;
     display: block;
     overflow: hidden;
     top: 50%;
     left: 50%;
     margin-top: -204px;
     margin-left: -290px;
     display: none;
 }
 
 .layer-mask-box .layer-mask-content {
     height: 408px;
     width: 580px;
     overflow: hidden;
     background-color: transparent;
 }
 
 .layer-mask-box .layer-mask-close {
     background-image: url(../image/layer-close.png);
     width: 40px;
     height: 40px;
     display: inline-block;
     position: absolute;
     right: 0;
     top: 0;
     cursor: pointer;
 }
 
 .layer-mask-wrap {
     text-align: center;
     color: #FFF;
     font-size: 14px
 }
 
 .layer-mask-wrap .layer-type {
     background-image: url(../image/bonus.png);
     width: 400px;
     height: 200px;
     display: inline-block;
 }
 
 .layer-mask-wrap .layer-name {
     margin-top: 25px;
     font-size: 16px;
 }
 
 .layer-mask-wrap .command {
     margin-top: 15px;
 }
 
 .layer-mask-wrap .command .command-btn {
     font-size: 18px;
     background-color: #E03135;
     border: 1px solid #E03135;
     display: inline-block;
     height: 54px;
     line-height: 54px;
     width: 200px;
     color: #FFF;
 }
 
 .layer-mask-wrap .command .command-btn:hover {
     opacity: .8;
 }
 
 .layer-mask {
     position: fixed;
     left: 0;
     top: 0;
     opacity: 0.15;
     z-index: 999999;
     width: 100%;
     height: 100%;
     background-color: rgb(0, 0, 0);
     filter: alpha(opacity=60) !important;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
     -webkit-opacity: 0.6 !important;
     -khtml-opacity: 0.6 !important;
     -moz-opacity: 0.6 !important;
     -ms-opacity: 0.6 !important;
     -o-opacity: 0.6 !important;
     opacity: 0.6 !important;
     display: none;
 }
 /*顶部广告*/
 
 .top-active .top-active-wrap {
     position: relative;
     width: 1210px;
     overflow: hidden;
     margin: 0 auto;
 }
 
 .top-active .top-active-wrap img {
     display: block;
     width: 1210px;
 }
 /*弹框小提示*/
 /*弹框样式（自己写的）*/
 
 .popover-por .popover-box {
     position: absolute;
     display: none;
     left: 50%;
     border-radius: 2px;
     z-index: 18;
     -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
 }
 
 .popover-box .popover-tip {
     height: 20px;
     position: absolute;
     width: 100%;
     top: -18px;
 }
 
 .popover-box.top-left .popover-tip,
 .popover-box.top-center .popover-tip,
 .popover-box.top-right .popover-tip {
     top: -18px;
     bottom: auto;
 }
 
 .popover-box.bottom-left .popover-tip,
 .popover-box.bottom-center .popover-tip,
 .popover-box.bottom-right .popover-tip {
     top: auto;
     bottom: -18px;
 }
 
 .popover-box.left-top .popover-tip,
 .popover-box.left-center .popover-tip,
 .popover-box.left-bottom .popover-tip {
     top: 0px;
     width: 20px;
     height: 100%;
     left: -18px;
 }
 
 .popover-box.right-top .popover-tip,
 .popover-box.right-center .popover-tip,
 .popover-box.right-bottom .popover-tip {
     top: 0px;
     width: 20px;
     height: 100%;
     right: -18px;
 }
 
 .popover-box .popover-inner {
     position: relative;
     min-width: 200px;
     overflow: hidden;
     background: #fff;
     border-radius: 2px;
     padding: 10px 20px;
     color: #333;
     z-index: 2;
 }
 
 .popover-box .arrow {
     position: absolute;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
     z-index: 1;
     width: 16px;
     height: 16px;
     background: #fff;
     transform: rotate(45deg) translateX(50%);
 }
 
 .popover-box.top-left .arrow {
     left: 10px;
     top: -10px;
 }
 
 .popover-box.top-center .arrow {
     left: 50%;
     top: -10px;
 }
 
 .popover-box.top-right .arrow {
     right: 10px;
     top: -10px;
 }
 
 .popover-box.right-top .arrow {
     top: 10px;
     right: 0px;
 }
 
 .popover-box.right-center .arrow {
     top: 50%;
     right: 0px;
 }
 
 .popover-box.right-bottom .arrow {
     bottom: 10px;
     right: 0px;
 }
 
 .popover-box.bottom-left .arrow {
     left: 10px;
     bottom: 0px;
 }
 
 .popover-box.bottom-center .arrow {
     left: 50%;
     bottom: 0px;
 }
 
 .popover-box.bottom-right .arrow {
     right: 10px;
     bottom: 0px;
 }
 
 .popover-box.left-top .arrow {
     top: 10px;
     left: -10px;
 }
 
 .popover-box.left-center .arrow {
     top: 50%;
     left: -10px;
 }
 
 .popover-box.left-bottom .arrow {
     bottom: 10px;
     left: -10px;
 }
 /*积分金币掉落翻转样式*/
 
 .falling-integral-box {
     position: fixed;
     top: 50%;
     left: 50%;
     margin: -80px auto auto -50px;
     z-index: 9999999 !important;
 }
 
 .falling-integral-img {
     width: 100px;
     height: 100px;
     margin-bottom: 10px;
     display: block
 }
 
 .bottom-text-prompt {
     font-size: 20px;
     text-align: center;
     color: #FFFF00;
     display: block;
     font-weight: bold;
 }
 
 .bottom-text-prompt .integral-num {
     font-size: 26px;
     margin: 0 5px;
     vertical-align: middle;
     margin-top: -6px;
     display: inline-block;
 }
 
 .falling-integral-box .rotatesimg {
     -webkit-animation: transform-5 2s ease .3s alternate none 1;
     animation: transform-5 2s ease .3s alternate none 1
 }
 
 @-webkit-keyframes transform-5 {
     from {
         -webkit-transform: perspective(400px) rotateY(180deg);
         transform: perspective(400px) rotateY(180deg)
     }
     to {
         -webkit-transform: perspective(400px) rotateY(0);
         transform: perspective(400px) rotateY(0)
     }
 }
 
 @keyframes transform-5 {
     from {
         -webkit-transform: perspective(400px) rotateY(180deg);
         transform: perspective(400px) rotateY(180deg)
     }
     to {
         -webkit-transform: perspective(400px) rotateY(0);
         transform: perspective(400px) rotateY(0)
     }
 }
 
 .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     z-index: 100
 }
 
 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         transform: translateY(-20px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }
 
 @-webkit-keyframes fadeOutDown {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
     100% {
         opacity: 0;
         -webkit-transform: translateY(20px);
         transform: translateY(20px)
     }
 }
 
 @keyframes fadeOutDown {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
     }
     100% {
         opacity: 0;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px)
     }
 }
 
 .fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown
 }
 /* 用户中心消息联系翼客服按钮 */
 
 .relation_yikf_a {
     color: red;
     margin-left: 0 !important;
 }
 /*商品活动标识*/
 
 .act-type,
 .td-item .item-basic-info a em,
 .goods-list .goods-master em.activity-tag,
 .goods-price .goods-active,
 .item-meta .goods-active,
 .fav-item .item-title .act-type,
 .list-grid .act-type,
 .goodsList .act-type {
     background-color: #f23030;
 }
 /*预售*/
 
 .act-type.pre-sale,
 .td-item .item-basic-info a em.act-type.pre-sale,
 .goods-list .goods-master em.pre-sale,
 .goods-active.pre-sale,
 .fav-item .item-title .act-type.pre-sale,
 .list-grid .act-type.pre-sale,
 .goodsList .act-type.pre-sale,
 .item-meta .item-link .act-type.pre-sale {
     background-color: #4fe0d1 !important;
 }
 /*团购*/
 
 .act-type.group-buy,
 .td-item .item-basic-info a em.act-type.group-buy,
 .goods-list .goods-master em.group-buy,
 .goods-active.group-buy,
 .fav-item .item-title .act-type.group-buy,
 .list-grid .act-type.group-buy,
 .goodsList .act-type.group-buy,
 .item-meta .item-link .act-type.group-buy {
     background-color: #ff4f13 !important;
 }
 /*砍价*/
 
 .act-type.bargain,
 .td-item .item-basic-info a em.act-type.bargain,
 .goods-active.bargain,
 .fav-item .item-title .act-type.bargain,
 .list-grid .act-type.bargain,
 .goodsList .act-type.bargain,
 .item-meta .item-link .act-type.bargain {
     background-color: #fece00 !important;
 }
 /*直播*/
 
 .act-type.live,
 .td-item .item-basic-info a em.act-type.live,
 .goods-list .goods-master em.live,
 .goods-active.live,
 .fav-item .item-title .act-type.live,
 .list-grid .act-type.live,
 .goodsList .act-type.live,
 .item-meta .item-link .act-type.live {
     background-color: #fe5993 !important;
 }
 /*赠品*/
 
 .act-type.gift,
 .td-item .item-basic-info a em.act-type.gift,
 .goods-list .goods-master em.gift,
 .goods-active.gift,
 .fav-item .item-title .act-type.gift,
 .list-grid .act-type.gift,
 .goodsList .act-type.gift,
 .item-meta .item-link .act-type.gift {
     background-color: #f5b419 !important;
 }
 /*满减商品、赠品*/
 
 .act-type.full-gift,
 .act-type.full-cut,
 .act-type.fullsubtraction,
 .td-item .item-basic-info a em.act-type.fullsubtraction,
 .goodsList .act-type.full-gift,
 .goodsList .act-type.full-cut,
 .goods-list .goods-master em.fullsubtraction,
 .goods-list .goods-master em.full-gift,
 .goods-list .goods-master em.full-cut,
 .goods-active.full-cut,
 .goods-active.full-gift,
 .fav-item .item-title .act-type.fullsubtraction,
 .fav-item .item-title .act-type.full-gift,
 .list-grid .act-type.fullsubtraction,
 .list-grid .act-type.full-gift,
 .list-grid .act-type.full-cut,
 .goodsList .act-type.fullsubtraction,
 .goodsList .act-type.full-gift,
 .goodsList .act-type.full-cut,
 .item-meta .item-link .act-type.full-gift,
 .item-meta .item-link .act-type.full-cut {
     background-color: #f12711 !important;
 }
 /*满件商品、赠品*/
 
 .act-type.full-discount {
     background-color: #f12711 !important;
 }
 /*积分兑换*/
 
 .act-type.exchange,
 .td-item .item-basic-info a em.act-type.exchange,
 .goods-list .goods-master em.exchange,
 .goods-active.exchange,
 .fav-item .item-title .act-type.exchange,
 .list-grid .act-type.exchange,
 .goodsList .act-type.exchange,
 .item-meta .item-link .act-type.exchange {
     background-color: #F0AA4A !important;
 }
 /*服务商品*/
 
 .act-type.service,
 .td-item .item-basic-info a em.act-type.service,
 .goods-list .goods-master em.service,
 .fav-item .item-title .act-type.service,
 .list-grid .act-type.service,
 .goodsList .act-type.service {
     background: #1fc9a5 !important;
 }
 /*搭配套餐*/
 
 .act-type.set-meal,
 .td-item .item-basic-info a em.act-type.set-meal,
 .goods-list .goods-master em.set-meal,
 .goods-active.package-label,
 .fav-item .item-title .act-type.set-meal,
 .list-grid .act-type.set-meal,
 .goodsList .act-type.set-meal,
 .item-meta .item-link .act-type.set-meal {
     background: #ff646a !important;
 }
 /*拼团*/
 
 .act-type.fight-group,
 .act-type.crowdfund,
 .td-item .item-basic-info a em.act-type.crowdfund,
 .goods-active.crowdfund,
 .fav-item .item-title .act-type.crowdfund,
 .list-grid .act-type.crowdfund,
 .goodsList .act-type.crowdfund,
 .item-meta .item-link .act-type.crowdfund {
     background-color: #fa8e1d !important;
 }
 /*会员价*/
 
 .act-type.vip,
 .goods-list .goods-master em.vip,
 .list-grid .act-type.vip,
 .goodsList .act-type.vip,
 .act-type.vip.td-item .item-basic-info a em.act-type.vip,
 .item-meta .item-link .act-type.vip {
     background-color: #EC3F3B !important;
 }
 /*限时折扣*/
 
 .act-type.limited-discount,
 .td-item .item-basic-info a em.act-type.limited-discount,
 .goods-list .goods-master em.discount,
 .goods-active.discount,
 .fav-item .item-title .act-type.limited-discount,
 .list-grid .act-type.limited-discount,
 .goodsList .act-type.limited-discount,
 .goods-list .goods-master em.limited-discount,
 .item-meta .item-link .act-type.limited-discount {
     background-color: #fd7622 !important;
 }
 /*限购*/
 
 .act-type.purchase,
 .td-item .item-basic-info a em.act-type.purchase,
 .fav-item .item-title .act-type.purchase,
 .list-grid .act-type.purchase,
 .goodsList .act-type.purchase,
 .item-meta .item-link .act-type.purchase {
     background-color: #7676f2 !important;
 }
 /*虚拟商品*/
 
 .act-type.fictitious,
 .td-item .item-basic-info a em.act-type.fictitious,
 .goods-list .goods-master em.fictitious,
 .fav-item .item-title .act-type.fictitious,
 .list-grid .act-type.fictitious,
 .goodsList .act-type.fictitious,
 .item-meta .item-link .act-type.fucititious {
     background: #c282e3 !important;
 }
 /*0元购*/
 
 .act-type.zero-buy,
 .goods-list .goods-master em.zero-buy,
 .goods-active.zero-buy,
 .item-meta .item-link .act-type.zero-buy {
     background-color: #F23F40 !important;
 }
 /*自由购*/
 
 .act-type.freebuy,
 .goods-list .goods-master em.freebuy,
 .item-meta .item-link .act-type.freebuy {
     background: #4fe0d1 !important;
 }
 /*打包一口价*/
 
 .act-type.fixed-price,
 .goods-list .goods-master em.fixed-price,
 .goods-active.fixed-price,
 .item-meta .item-link .act-type.fixed-price {
     background: #ff9460 !important;
 }
 /*拍卖*/
 
 .act-type.auction,
 .goods-list .goods-master em.auction,
 .goods-active.auction,
 .item-meta .item-link .act-type.auction {
     background-color: #1b9af7 !important;
 }
 /*返现*/
 
 .act-type.cash-back,
 .item-meta .item-link .act-type.cash-back {
     background: #FF9F24 !important;
 }
 /*第二件半价*/
 
 .act-type.second-half-price {
     background: #fa035a !important;
 }
 /*新人专享*/
 
 .act-type.new-exclusive {
     background: #ff0000 !important;
 }
 
 .fav-item .item-title .act-type.fight-group,
 .list-grid .act-type.fight-group,
 .goodsList .act-type.fight-group,
 .item-meta .item-link .act-type.fight-group {
     background-color: #fa8e1d !important;
 }
 /*温馨提示弹层广告*/
 
 .warm-prompt-layer {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 100001;
     background: rgba(0, 0, 0, .5);
     text-align: center;
 }
 
 .warm-prompt-layer .warm-prompt-con {
     width: 800px;
     height: 500px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -250px 0 0 -400px;
 }
 
 .warm-prompt-layer .warm-prompt-con .warm-prompt-img {
     display: block;
     text-align: center;
     max-width: 800px;
     max-height: 500px;
 }
 
 .warm-prompt-layer .warm-prompt-con .warm-prompt-img img {
     max-width: 100%;
     max-height: 100%;
 }
 
 .close-fixed-warm {
     position: absolute;
     width: 36px;
     height: 36px;
     top: -40px;
     z-index: 2;
     background: url(../image/close_layer_icon.png);
     background-size: cover;
     right: -40px;
     cursor: pointer;
 }
 /*非营业时间是否支持下单*/
 /* .out-openhour-bg{ background: #000; opacity: 0.5; filter: alpha(opacity=55); width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; position: fixed;} */
 
 .out-openhour-info {
     /* position: fixed; bottom: 0; left: 0; right: 0; */
     width: 100%;
     padding: 50px 0;
     background: #f2f2f2;
     text-align: center;
     z-index: 10000;
 }
 
 .out-openhour-info p {
     font-size: 34px;
     line-height: 1.8;
 }
 
 .out-openhour-info .openhour i {
     font-size: 34px;
     vertical-align: middle;
 }
 
 .out-openhour-info .openhour span {
     font-size: 22px;
 }
 /*修改自提点*/
 
 .region-chooser-selected .region,
 .region-chooser-selected .active {
     margin-left: 0;
 }
 
 .goods-pickup .city-search-box {
     width: 350px;
     float: left;
     box-sizing: border-box;
     margin-right: 10px;
 }
 
 .goods-pickup .city-search-box .city-address {
     float: left;
     width: 80px;
 }
 
 .goods-pickup .city-search-box .search-info {
     float: left;
 }
 
 .goods-pickup .city-search-box .search-info .logistics-search-input {
     width: 195px;
     box-sizing: border-box;
     margin-right: 0;
 }
 
 .goods-pickup .region-chooser-box {
     left: 0px;
     width: 380px;
 }
 
 .goods-pickup .city-search-box .region-select {
     float: left;
     height: 32px;
     line-height: 30px;
     margin-top: 0;
     padding: 0;
 }
 
 .goods-pickup .city-search-box .region-select .region {
     margin-right: 10px;
     height: 30px;
     line-height: 30px;
 }
 
 .goods-pickup .logistics-item h3 {
     color: #333;
     font-size: 14px;
     margin-bottom: 10px;
 }
 
 .goods-pickup .logistics-store-list {
     max-height: 200px;
     overflow-y: auto;
     background-color: #f7f7f7;
     margin: 0;
     padding: 10px 10px 0;
 }
 
 .goods-pickup .logistics-store-list .no-data-div,
 .logistics-store-list .no-data-div {
     margin: 30px auto;
     text-align: center;
 }
 
 .goods-pickup .logistics-store-list .no-data-div dl,
 .logistics-store-list .no-data-div dl {
     margin-top: 20px;
     font-size: 14px;
 }
 
 .goods-pickup .logistics-store-list .logistics-item .logistics-inner {
     height: 60px;
 }
 
 .goods-pickup .logistics-item {
     height: auto !important;
     margin-bottom: 10px;
     background-color: #fff;
     padding: 10px;
 }
 
 .goods-pickup .logistics-item .logistics-inner {
     width: 100%;
     display: inline-block;
 }
 
 .goods-pickup .logistics-item .logistics-inner .logistics-img {
     float: left;
     max-width: 60px;
     width: 60px;
     max-height: 40px;
     margin-right: 15px;
 }
 
 .goods-pickup .logistics-item .logistics-inner .logistics-info {
     float: left;
     max-width: 330px;
     width: 310px;
 }
 
 .goods-pickup .logistics-item .logistics-inner .logistics-info p {
     height: 20px;
     line-height: 20px;
     color: #666;
     word-wrap: break-word;
     overflow: hidden;
 }
 
 .goods-pickup .logistics-item .logistics-inner .logistics-info p.logistics-address i {
     vertical-align: middle;
     display: inline-block;
     margin-right: 3px;
 }
 /*地图定位样式*/
 
 .amap-info-content {
     border-radius: 2px;
     box-shadow: 0 1px 6px rgb(0 0 10 / 20%);
 }
 
 .amap-info-content .name {
     font-size: 13px;
     font-weight: bold;
     margin-bottom: 2px;
 }
 
 .amap-info-content .pickup-select {
     color: #fff;
     padding: 3px 6px;
     border-radius: 3px;
     font-weight: 400;
     border: none;
     margin-left: 5px;
     cursor: pointer;
     font-size: 12px;
     line-height: 14px;
     display: inline-block;
     box-sizing: border-box;
 }