@charset "UTF-8";


@font-face{
    font-family:'Gill Sans MT Pro';
    src: url('GillSansMTPro-Book.otf') format("truetype");
}

@font-face{
    font-family:'MHei PRC W05 Medium';
    src: url(/img/MHeiPRC-Medium.ttf) format("truetype");
}

@font-face {
    font-family: lt-xh;
    src: url(/img/FZLTXHJT.14f86e1.ttf)  format("truetype");
}


body, form, ul, ol, li, span, p, dl, dt, dd, img, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; border:none;}

body {font-family:"Microsoft YaHei","PingFang SC","Arial"; font-size:14px; line-height:1.5; color:#595959; background:#fff; font-weight:400;
}

input[type='text'],input[type='tel'],input[type='number'],input[type='email'],input[type='password'],input[type='date'] ,select{font-family:"Microsoft YaHei","PingFang SC","Arial"; font-size:14px; line-height:1.5; resize:none; outline:0; border: 1px solid #ccc; background-color: white; padding:0 10px; border-radius:3px; height:36px; box-sizing:border-box;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
textarea {padding:8px 10px; font-family:"Microsoft YaHei","PingFang SC","Arial"; font-size:14px; line-height:1.5; resize:none; outline:0; border: 1px solid #ccc; background-color: white; border-radius:3px; height:80px; box-sizing:border-box;}

input[type='button'],button { -webkit-appearance: none; -webkit-border-radius: 0; border: none; }

.radio_box input[type="radio"], .checkbox_box input[type="checkbox"]{-webkit-appearance: none;outline: 0 !important; width:20px; height:20px; border-radius:50%; border:1px solid #ccc; display: inline-block;}
.radio_box input[type="radio"]:checked, .checkbox_box input[type="checkbox"]:checked{background:url(/img/cur.png) no-repeat; background-size:cover; border:none;}

input[type="radio"], input[type="checkbox"]{-webkit-appearance: none;outline: 0 !important; width:18px; height:18px; border-radius:3px; border:1px solid #ccc; display: inline-block;}
input[type="radio"]:checked, input[type="checkbox"]:checked{background:url(/img/cur.png) no-repeat; background-size:cover; border:none;}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding:0 22px 0 10px;
    background:#fff url(/img/jtb_icon.png) 100% 50% no-repeat;
    background-size:18px 10px;
    height:36px;

}

.input-ln{width:300px; padding:0 10px; border-radius:3px; box-sizing:border-box;}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border-color:#666;}
input[readonly], input[disabled], select[readonly], select[disabled], textarea[readonly], textarea[disabled]{background-color: #eeeeee;border-color: #d4d4d4;}




img {border: 0; display:block;}
button,input{ outline:0; cursor:pointer;}
.x-input {width:240px;}
ul, ol, li { list-style: none;}
h1,h2,h3,h4,h5 {font-weight: normal;}
em {font-style: normal }
a {text-decoration: none; color: #595959; transition:.3s; -webkit-transition:.3s;}
a:hover { color: #000;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: ".";overflow: hidden; clear: both; display: block; height:0px; line-height:0px; visibility: hidden; }
.clearfix {zoom: 1;}

.link__am:after {content:""; position:absolute; height:1px; bottom:0px; left:0; width:0; background:#183051; transition:width .3s ease}
.link__am:hover:after {width:100%;}

.w {width:1200px; margin:0 auto;}
.main{padding:0 0; overflow: hidden; min-height:560px;}

.f12 {font-size:12px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f12_c8 {font-size:12px; color:#999}

.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.tipuserinfo {
    position: absolute;
    top: 34px;
    right:-1px;
    border: 1px solid #ddd;
    left: -1px;
    z-index: 100;
    background: #fff;
    max-height: 300px;
    overflow-y: auto;
}

.tipuserinfo dd {padding:0 12px; cursor:pointer; transition:.3s;}
.tipuserinfo dd:hover {background:#f8f8f8;}

.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px; text-align:center;}
.pt40 {padding-top:40px;}
.pd10 {padding:10px 0;}
.pd15 {padding:15px 0;}
.pd20 {padding:20px 0;}
.pd30 {padding:30px 0;}
.pd40 {padding:40px 0;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.ys_1 {color:#d50808;}

.tc {text-align:center;}

.none {display:none;}

.no_bd {border:none !important;}
.no_bd:after {display:none !important;}
.bd_t {border-top:1px solid #e8e8e8;}
.bd {border:1px solid #e8e8e8;}
.bd_b {border-bottom:1px solid #e8e8e8;}

.no_data {text-align:center; background:#f8f8f8; padding:30px; margin-top:20px;}


.h1_tit {height:72px; line-height:72px; color:#000; font-size:28px;}
.h2_tit {height:40px; line-height:40px; color:#333; background:#f7f7f7; font-size:14px; border-bottom:1px solid #eee; padding-left:12px;}


.header{ height:72px; width:100%; background:#fff; position:fixed; left:0; top:0; right:0; z-index:1000; border-bottom:1px solid #e2e2e2;}

.header .header-right{float: right;}
.header .status-bar2{margin: 10px 10px 0 0;}

.header a {color:#333;}
.header a:hover {color:#000; text-decoration:none;}

.head_h {height:73px;}

.header .logo {padding:10px 0 0 20px; width:200px; float:left;}
.header .logo img{height:52px;}

.header2 {border-bottom:1px solid #eee;}
.header2 div {width:1240px; margin:0 auto; position:relative; height:44px; line-height:44px; padding:22px 0;}
.header2 img {height:44px;}
.header2 span {position:absolute; top:37px; right:0; font-size:14px;}

.nav_box {margin-right:150px; float:left;}
.nav_box ul {float:left;}
.nav_box li {font-weight:bold; font-size:14px !important; position:relative; padding:0 10px; float:left;}
.nav_box li .cat_a {height:72px; line-height:72px;}
.nav_box li > a {display:block; padding:0 15px; transition:.3s; position:relative; font-size:15px;}
.nav_box li > a:before{content: ""; position: absolute; display: block; height:3px; background:#000; border-radius: 2px; z-index: 50; left:5px; right:5px; bottom:12px; opacity: 0; transform: scaleX(0); transition: all 0.2s cubic-bezier(0.18, 0.89, 0.17, 0.88) 0s, opacity 0.15s ease 0s; }
.nav_box li:hover > a:before, .nav_box li > a.on:before { opacity: 1; transform: scaleX(1); }
.nav_box li > a i{width:22px;height:22px;text-align:center;line-height:24px;display:block;position:absolute;top:24px;right:12px;font-size:14px;transition:.2s}
.nav_box li:hover > a i{-webkit-transform:rotate(-180deg);color:#000}
.nav_box li:hover > a {color:#000}
.nav_box li a.on {color:#000}

/*.nav_box li > a.jt_pd {padding-right:26px;}*/

/*导航二级样式旧版全屏S*/

.nav_box li .child_cat {display: none\0; position:absolute; left:0 !important; top:72px !important; right:0 !important; background:#fff;z-index:65535; padding:10px 25px; width:118px; height:285px; background:rgba(255,255,255,0.95); border-radius:3px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    transition: all 0.3s ease-in; transform-origin: 0px 0px;transform: rotateX(-90deg); backface-visibility: hidden; overflow:hidden;
}
.nav_box li:hover .child_cat {display: block; transform: rotateX(0deg);}
/*.nav_box li .child_cat:after {content:""; display:block; width:1px; background:#e8e8e8; position:absolute; top:0; left:200px; bottom:0; z-index:10;}*/
.nav_box li .cat_bg {content:''; background:rgba(0,0,0,0.25); position:fixed; left:0; top:120px; right:0; bottom:0; z-index:10; transition:.5s; display:none;}
.nav_box li .cat_bg.off {display:none !important;}

.nav_box li:hover .cat_bg {opacity:1; display:block;}


.nav_box li .child_cat dl {float:left; width:260px; font-size:14px;}
.nav_box li dd a {color:#666; transition:.2s;}
.nav_box li dd a:hover {color:#000; text-decoration:underline;}

.child_cat .cat_2j.def_nav .cat_3j {display:block;}
.child_cat .cat_2j.def_nav h3 {color:#000;}
.child_cat .cat_2j h3 {font-size:14px; font-weight:bold; line-height:42px; height:42px; width:136px; position:relative; cursor:pointer; transition:.2s;}
.child_cat .cat_2j h3:hover a {color:#000;}
.child_cat .cat_2j h3 i {font-size:12px; position:absolute; top:0; right:0;}
.child_cat .cat_2j:hover .cat_3j {display:block;}
.child_cat .cat_3j {position:fixed; left:240px; top:0; padding-top:10px; bottom:0; width:160px; display:none;}
.child_cat .cat_3j p a {font-size:14px; display:block; line-height:36px; height:36px; width:136px; cursor:pointer; transition:.2s;}
.child_cat .cat_3j p a:hover {color:#000;}

.nav_box li dt {height:30px; line-height:30px; overflow:hidden; padding-bottom:10px;}
.nav_box li dd p {height:30px; line-height:30px; overflow:hidden;}
.nav_img {float:right; width:280px;}
.nav_img a {display:block; width:100%;}
.nav_img img {height:240px; width:240px;}
.nav_img h5 {font-size:14px; font-weight:normal; line-height:40px; color:#666;}
.nav_img a:hover h5 {color:#000; text-decoration:underline;}

/*导航二级样式E*/
.cate_child:hover .category-sub {display:block; transform:rotateX(0deg);}

.category-sub {padding:10px; position: absolute; left:12px; top:70px; z-index: 99; background: #fff; border:1px solid #dfdfdf; line-height: 1.5; overflow: hidden; width:600px; height:300px; transition: all 0.3s ease-in;transform-origin: 0px 0px;transform: rotateX(-90deg);backface-visibility: hidden;}
.category-sub dl {float:left; width:120px; border-right:1px solid #e2e2e2; padding:0 20px;}
.category-sub dl:last-child {border:none;}
.category-sub dt {font-size:14px; color:#000; padding:5px 0;}
.category-sub dt a {color:#000;}
.category-sub dt a:hover {text-decoration:underline;}
.category-sub dd {font-size:14px; color:#000; height:40px; line-height:40px; overflow:hidden;}
.category-sub a {color:#999;}
.category-sub a:hover {color:#000;}

.top_r {position:absolute; top:40px; right:20px;}

.search_btn {height:60px; width:42px; float:left; line-height:54px; cursor:pointer; text-align: center; position:relative; transition: all 0.3s ease-in}
.search_btn .iconfont {font-size:30px; -webkit-text-stroke-width:0.05px; text-stroke-width:0.05px;}

.head_search{box-sizing:border-box; background:rgba(0,0,0,0.9); height:81px; position:fixed; left:0; top:0; right:0; z-index:1000; display: none\0; transition: all 0.2s ease-in;transform-origin: 0px 0px; transform: rotateX(-90deg);backface-visibility: hidden;}
.search_form {background:rgba(255,255,255,0.95); overflow:hidden; position:absolute; left:50%; width:460px; margin:18px 0 0 -230px;}
.search_form2 {background:rgba(255,255,255,0.95); overflow:hidden; left:50%; width:460px; margin:18px 0 0 -230px;}
.head_search input {float: left; width:400px; box-sizing:border-box; height:44px; background:none; line-height:44px; padding:0 20px; border:none; color:#000;}
.head_search form{*zoom: 1;}
.head_search .btn-search{float:left; width:60px; height:44px; line-height:36px; color: #000; font-size:39px; -webkit-text-stroke-width:0.05px; text-stroke-width:0.05px; text-align: center; transition:.3s; position:relative;}
.head_search .btn-search:after{content: ""; display: block; width:1px; position:absolute; left:0; top:6px; bottom:6px; background:#ddd;}

.search_close {display:block; height:80px; width:80px; font-size:48px; text-align:center; line-height:74px; position:absolute; top:0px; right:0px; cursor:pointer; transition:.3s;}
.search_close:before { content: "\e6a0"; }
.search_close:hover {color:#fff;}

.head_uc { height:36px; width:36px; position:absolute; top:18px; right:82px; text-align: center;}
.head_uc .iconfont {font-size:17px; -webkit-text-stroke-width:0.8px; text-stroke-width:0.8px;}

.head_uc_icon {background:#eff0f4; border-radius:25px; height:36px; line-height:36px; font-size:12px; text-align:left;}
.head_uc_icon .iconfont {background:rgba(0,0,0,0.7); width:36px; border-radius:36px; display:block; color:#fff; margin:0 6px 0 0; float:left; text-align:center; transition:.2s;}
.head_uc_icon .iconfont:hover {background:rgba(0,0,0,1)}
.head_uc_icon a {color:#000;}
.head_uc_icon a:hover {color:#000; text-decoration:underline;}
.head_uc_icon span {color:#bbb;}
.head_uc_icon b {font-weight:normal; padding:0 4px;}



.head_uc .uc_nav {
    display: none\0; position:absolute; top:54px; left:-52px; text-align: left; font-size: 14px; padding:15px; width:135px;
    background:rgba(255,255,255,0.95); border-radius:3px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    transition: all 0.3s ease-in; transform-origin: 0px 0px;transform: rotateX(-90deg); backface-visibility: hidden; overflow:hidden;
}
.head_uc:hover .uc_nav{
    display: block; transform: rotateX(0deg);
}

.head_login {display:flex; align-items:center; justify-content:space-between;}
.head_login a {border:1px solid #111; border-radius:3px; height:30px; overflow:hidden; line-height:30px !important; display:block; padding:0 8px!important; text-align:center; transition: all 0.2s;}
.head_login a:hover {background:#111; color:#fff !important; text-decoration:none !important;}
.head_login b {display:block; border-bottom:1px solid #ddd; flex-grow:1; padding-bottom:10px;}

.head_uc .uc_nav ul {padding-top:10px;}
.head_uc .uc_nav li {line-height:30px; padding:2px 0; font-size:13px;}
.head_uc .uc_nav li b {line-height:22px; padding-bottom:5px; display:block; text-align:center; border-bottom:1px solid #555;}
.head_uc .uc_nav a {padding:0; display:block;}
.head_uc .uc_nav a:hover {color:#000;}

.topbar {position: absolute; top:8px; right:12px;}
.topbar ul {float:left;}
.topbar ul.ul_2 {padding-left:15px;}
.topbar ul.ul_1 a {color:#0090ff}
.topbar ul.ul_2 li:last-child:after, .topbar ul.ul_1 li:last-child:after {display:none;}
.topbar li {display:inline-block; padding:0 8px; line-height:24px; font-size:12px; position:relative;}
.topbar li:after {content:''; width:1px; height:14px; background:#ddd; position:absolute; top:6px; right:0px; transform: rotate(30deg)}
.topbar li a {position:relative; display:inline-block; line-height:24px; padding:0 5px 0 2px;}
.topbar .ul_1 li > a:before{content: ""; position: absolute; display: block; height:2px; background-color:#0090ff; z-index: 50; left:0px; right:0px; bottom: 0px; opacity: 0; transform: scaleX(0); transition: all 0.2s cubic-bezier(0.18, 0.89, 0.17, 0.88) 0s, opacity 0.15s ease 0s; }
.topbar .ul_2 li > a:before{content: ""; position: absolute; display: block; height:2px; background-color: rgb(0, 0, 0); z-index: 50; left:0px; right:0px; bottom: 0px; opacity: 0; transform: scaleX(0); transition: all 0.2s cubic-bezier(0.18, 0.89, 0.17, 0.88) 0s, opacity 0.15s ease 0s; }
.topbar li:hover > a:before { opacity: 1; transform: scaleX(1); }

.top_cart {position:absolute;  top:18px; right:25px;}
.top_cart a {display:block;height:36px; width:36px; line-height:32px; text-align:center; transition:.2s;border-radius:50%; position:relative; background:rgba(0,0,0,0.7); color:#fff;}
.top_cart a:hover {background:rgba(0,0,0,1); color:#fff;}
.top_cart i {-webkit-text-stroke-width:0.4px; text-stroke-width:0.4px; font-size:25px;}
.top_cart b {float:left; line-height:24px; padding:0 3px; font-weight:normal; display:none;}
.top_cart span.up-cat-number {border-radius:10px; padding:0 5px; background:#c20909; color:#fff; height:16px; line-height:16px; position:absolute; top:-5px; right:-12px; font-size:12px; font-weight:normal; font-family:arial}

.link_item{margin:50px auto 15px auto; width:80%;}
.link_item li{ float:left; width:25%; text-align:center; position:relative;}
.link_item li:after {content:""; position:absolute; width:1px; height:75px; top:20px; right:0; background:#e4e4e4;}
.link_item li:last-child:after {display:none;}
.link_item .svgbox{ width:72px; height:72px; margin:0 auto;}
.link_item svg{ background:#fff;}
.link_item h2{ display:inline-block; position:relative; font-size:20px; height:24px; line-height:24px; overflow:hidden; font-weight:400; color:#000;}
.link_item p { font-size:12px; color: #999; height:20px; line-height:20px; overflow:hidden;}



.swiper_pd {padding:0px; position:relative;}
.slide_link {position:absolute; left:50px; bottom:30px; z-index:90;}
.slide_link a {text-align:center; display:block; margin-top:10px; height:40px; line-height:40px; background:rgba(255,255,255,0.9); color:#333; font-size:14px; font-weight:500; letter-spacing:1px; padding:0 50px; transition:.2s;}
.slide_link a:hover {background:rgba(255,255,255,1)}


.diyCat {width:80%; overflow:hidden; color:#fff; position:absolute; left:10%; top:0; right:0; bottom:0; z-index:10;}
.diyCat li {float:left; width:25%; text-align:center;  box-sizing: border-box; padding:0; border-right:1px solid rgba(255,255,255,0.2); height:540px; transition:.5s; position:relative; overflow:hidden;}
.diyCat li .div_con {position:absolute; top:0; left:0; right:0; bottom:0; transition:.5s;}
.diyCat li:hover .div_con, .diyCat li.on .div_con {background:rgba(0,0,0,0.3);}
.diyCat li a {color:#fff; width:100%; height:100%; display:block; overflow:hidden; border-radius:40px 0 40px 0;}

.diyCat h1 {font-size:24px; height:40px; padding:0 0 60px 0; line-height:40px; position:relative; overflow:hidden; transition:.5s;}
.diyCat h1:before {content:""; display:block; position:absolute; bottom:0; left:50%; margin-left:-32px; height:1px; opacity:0.6;
    background:#fff; width:50px; -webkit-transform: rotate(-45deg) }
.diyCat h2 {font-size:12px; height:24px; line-height:24px; overflow:hidden; transition:.5s; margin-top:200px; font-family:Arial; opacity:0.6}
.diyCat .btn_span {display:block; width:120px; height:36px; line-height:36px; position:absolute; bottom:10%; left:50%; margin-left:-60px;
    transition:.5s; border:1px solid rgba(255,255,255,0.5);}
.diyCat .btn_span:hover {background:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1); color:#000;}



.notice {
    position: fixed; right: 10px; bottom:91px; z-index: 90; width: 60px; height: 60px; line-height:60px; text-align:center;
    background:rgba(21,34,73,1); color: #fff; cursor: pointer;  transition: .5s;
}
.notice i {display:block; width: 60px; height: 60px; line-height:60px; font-size:32px; transition: .5s;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.5px;
    -moz-osx-font-smoothing: grayscale;
}
.notice.kefu_link {bottom:30px;}
.notice i:before { content: "\e682"; }
.notice.kefu_link i:before { content: "\e688";}
.notice.kefu_link i{
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
    font-size:34px;
    color: #fff;
}
.notice span {opacity:0; transition: .5s; color:#fff; display:block; width: 60px; height: 60px; position:absolute; top:0; left:0; z-index:10;}
.notice:hover {background:rgba(21,34,73,1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);}
.notice:hover span {opacity:1;}
.notice:hover i {display:none;}


.box_bg1 {background:#f8f8f8; padding:40px 0;}
.box_bg2 {background:#f8f8f8; padding:40px 0;}

.about_bg {background:url(/img/about_bg.png) center center no-repeat; background-size:cover; padding:60px 0;}
.about_txt {width:60%; text-align:center; margin:0 auto; font-size:16px;}
.about_txt img {width:76px; display:inline-block; margin-bottom:20px;}
.about_txt p {padding:10px 0;}

.about_txt a {text-align:center; display:inline-block; margin-top:20px; height:44px; line-height:44px; background:#000; color:#fff; font-size:14px; font-weight:500; letter-spacing:1px; padding:0 40px; transition:.2s;}
.about_txt a:hover {background:#0485e9;}


.home_cate {width:1220px; margin:0 auto; padding-top:15px;}
.home_cate li {position:relative; float:left; width:33.3333%; padding:0 12px; box-sizing:border-box;}
.home_cate li .cate_item {width:100%; display:block; position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 18px 0 rgba(0,0,0,0.06); cursor:pointer; transition:.5s;}
.home_cate li .imgbox {width:100%; position:relative; padding-bottom:52%; overflow:hidden; transition:.2s;  background:#000;}
.home_cate li .imgbox img {position:absolute; top:0; left:0; height:100%; width:100%; transition:.2s;}
.home_cate li .imgtext {transition:.3s; background:#fff; padding:10px 15px 15px 15px;}
.home_cate li:hover .imgtext {background:#000; }
.home_cate li:hover .imgtext h1,.home_cate li:hover .imgtext h2 {color:#fff;}
.home_cate li:hover .imgtext h2 {color:#fff; opacity:0.8;}
.home_cate li:hover .cate_item {transform: translateY(-8px);}


.home_cate li h1 {font-size:18px; height:32px; line-height:32px; color:#000; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.home_cate li h2 {font-size:13px; line-height:20px; height:40px; overflow:hidden; font-weight:normal; color:#999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.video_text {width:1200px; border-radius:25px; background:#fff; margin:-100px auto 0 auto;  position:relative; z-index:100; box-shadow:0 10px 18px 0 rgba(0,0,0,0.06);}
.video_text:after {content:""; display:block; border-bottom:1px dotted #bbb; position:absolute; left:100px; top:112px; right:100px;}
.video_text ul {overflow:hidden; padding:50px 30px;}
.video_text li {width:25%; float:left; text-align:center; box-sizing:border-box; padding:0 5%; position:relative; z-index:10;}
.video_text li i {-webkit-transform:rotate(90deg) !important; display:block; font-size:20px; position:absolute; z-index:20; top:47px; right:-10px; color:#bbb; background:#fff;}
.video_text li:last-child i {display:none;}
.video_text .video_item {background:#fff;}
.video_text li img {height:36px; margin:0 auto;}
.video_text li h2 {color:#000; font-size:22px; padding:10px 0; font-weight:bold;}
.video_text li p {color:#8c8c8c; line-height:20px; font-size:13px;}

.chose_ly {width:1200px; margin:0 auto;}
.chose_ly li {float:left; width:33.3333%; padding:12px; box-sizing: border-box;}
.chose_ly .item {background:#fff; border-radius:10px; padding:30px 25px 35px 108px; position:relative; transition:.5s;}
.chose_ly .item img {position:absolute; left:30px; top:42px; width:60px;}
.chose_ly .item h1 {font-size:22px; color:#000; font-weight:bold; padding:5px 0; position:relative; z-index:5;}
.chose_ly .item p {font-size:13px; line-height:20px; height:40px; overflow:hidden; font-weight:normal; color:#999; z-index:5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.chose_ly .item2 {background:#fff; border-radius:10px; padding:35px 5px 60px 148px; position:relative; transition:.5s;}
.chose_ly .item2 img {position:absolute; left:5px; top:30px; width:128px;}
.chose_ly .item2 h1 {font-size:20px; color:#000; font-weight:bold; padding:5px 0; position:relative; z-index:5;}
.chose_ly .item2 p {font-size:13px; line-height:20px; height:40px; overflow:hidden; font-weight:normal; color:#999; z-index:5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

/*.home_goods {background:url(/img/tab_bg.png) no-repeat center top; background-size:cover; padding:0 0 50px 0;}*/

.home_goods {padding-top:30px;}
.home_goods .item_tab {display:none;}

.tab_cat {text-align:center; padding:10px 0 20px 0; display:flex; align-items:center; justify-content:center;}
.tab_cat li {text-align:center; height:40px; line-height:40px; border:1px solid #111; padding:0 50px; color:#111; margin:0 12px; background:#fff; cursor:pointer; box-shadow:0 10px 18px 0 rgba(0,0,0,0.06); transition:.5s;}
.tab_cat li.cur {background:#111; color:#fff;}

.item_goods {padding:0 20px;}

.home_cate1 {padding-top:15px;}

.home_cate1 a {position:relative; display:block; width:100%; height:100%;}
.home_cate1 p.img {position:relative; padding-bottom:133.3333%}
.home_cate1 p.img img {position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; transition:.3s;}
.home_cate1 .txt {text-align:center; display:flex; align-items:center; flex-direction: column; justify-content:center; height:40%; position:absolute; bottom:0px; left:0px; right:0px; transition:.3s; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.home_cate1 .txt h3 {height:30px; line-height:30px; letter-spacing:5px; color:#fff; font-size:28px; font-weight:normal; padding:0 0 20px 5px;}
.home_cate1 .txt span {line-height:36px; border:1px solid rgba(255,255,255,0.85); width:128px; text-align:center; font-size:14px; color:#fff; transition:.3s;}
.home_cate1 .swiper-slide:hover img {opacity:0.85;}
.home_cate1 .swiper-slide:hover span {border:1px solid rgba(255,255,255,0.9); background:rgba(255,255,255,0.9); color:#000;}



.home_cate2 {padding:20px 0 0 0; margin-bottom:-15px;}
.home_cate2 ul {display:flex; align-items:center; padding:5px 10px;}
.home_cate2 li {width:50%; padding:10px; box-sizing:border-box;}
.home_cate2 li a {position:relative; display:block; width:100%; height:100%;}
.home_cate2 p.img {position:relative; padding-bottom:55.1%}
.home_cate2 p.img img {position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; transition:.3s;}
.home_cate2 .txt {text-align:center; display:flex; align-items:center; flex-direction: column; justify-content:center; height:45%; position:absolute; bottom:0px; left:0px; right:0px; transition:.3s; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.home_cate2 .txt h3 {height:30px; line-height:30px; letter-spacing:5px; color:#fff; font-size:28px; font-weight:normal; padding:0 0 20px 5px;}
.home_cate2 span {line-height:36px; border:1px solid rgba(255,255,255,0.85); width:128px; text-align:center; font-size:14px; color:#fff; transition:.3s;}
.home_cate2 li:hover img {opacity:0.85;}
.home_cate2 li:hover span {border:1px solid rgba(255,255,255,0.9); background:rgba(255,255,255,0.9); color:#000;}






.about_us {background:url(ltbg_3.jpg) center bottom no-repeat; background-size:cover; text-align:center; padding:35px 0 160px 0; width:100%; overflow:hidden;}
.about_nav {position:relative; margin:40px auto 30px auto; width:900px; height:626px; text-align:center;}
.about_nav img {margin:0 auto;}
.about_nav div {position:absolute; width:115px; height:150px; overflow:hidden; font-size:14px; line-height:35px; transition:.3s;}
.about_nav div p {width:115px; height:115px; overflow:hidden; border-radius:50%;}
.about_nav div p img {width:100%; height:100%;}
.about_nav div p a {color:#000;}
.about_nav div:nth-of-type(1){left:110px; top:30px;}
.about_nav div:nth-of-type(2) {right:110px; top:40px;}
.about_nav div:nth-of-type(3) {left:40px; bottom:230px;}
.about_nav div:nth-of-type(4) {right:80px; bottom:210px;}
.about_nav div:hover {-webkit-transform:translate3d(0, -5px, 0);
    transform:translate3d(0, -5px, 0)}

.slide_box .swiper-button-prev, .slide_box .swiper-button-next {width:40px; height:60px; border-radius:30px; text-align:center; line-height:58px; font-size:24px; color:#ddd; z-index:100; transition:.3s;}
.slide_box .swiper-button-prev:hover, .slide_box .swiper-button-next:hover {background:rgba(0,0,0,1) !important;}
.slide_box .swiper-button-prev.swiper-button-disabled, .slide_box .swiper-button-next.swiper-button-disabled {opacity:0;}

.slide_box .swiper-button-prev {left:4%;}
.slide_box .swiper-button-next {right:4%;}


.slide_box .img_text {position:absolute; top:50%; left:50%; width:70%; color:#fff; text-align:center;  -webkit-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);
    font-family:'MHei PRC W05 Medium';
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.swiper-slide h2 {text-align:center; color:#fff; font-size:54px; font-weight:bold; padding-bottom:10px;}
.swiper-slide h3 {font-size:16px;}



.home_foot {background:#131313; text-align:center; padding:0 0 50px 0; color:#aaa;}
.home_foot span {padding:0 12px;}
.ma_box {width:300px; margin:0 auto; text-align:center; padding-top:30px;}
.ma_box div {float:left; width:100px; padding:0 25px; line-height:25px;}
.ma_box div img {width:100%; height:100%;}



.diy_link {padding:150px 0 0 136px;}
.diy_link ul {overflow:hidden;}
.diy_link li {margin:0 25px; float:left; background:#fff; border-radius:50%; border:1px solid #dfdfdf; text-align:center; width:180px; height:180px; overflow:hidden; transition:.3s}
.diy_link li a {display:block; width:100%; height:100%; overflow:hidden;}
.diy_link li:hover {border-color:#000;  background:#fafafa;}
.diy_link li img {width:70px; margin:30px auto 0 auto;}
.diy_link li h1 {height:24px; font-weight:bold; line-height:24px; overflow:hidden; color:#000; font-size:14px;}


/*通过module-mg-small控制用在category_primary.html的小尺寸幻灯片*/
.module-mg-small .module{margin-bottom: 10px;}
.module-mg-small .slider{height: 480px;}



.slider{position: relative; height: 480px; overflow: visible;}
.slider .slider-pic img{display: block; width: 760px;}
.slider .slider-switch{*zoom: 1; width: 100%; position: absolute; bottom:-18px; text-align: center; z-index: 9;}
.slider .slider-switch:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.slider .slider-switch a{position: relative; display: inline-block; width:20px; height: 6px; line-height: 24px; margin-left: 5px; margin-right: 5px; background: #ddd; color: #999; text-align: center;}
.slider .slider-switch a.active{background: #ffd444 !important;}
.slider .slider-switch a:hover{background: #ffd444;}
.slider.group-purchase{height: 550px;}
.slider.group-purchase .slider-pic img{width: 1189px;}
.slider.group-purchase a{width: 24px; height: 24px; border-radius: 50%;}
.full-slider{position: absolute; left: 0; right: 0; top: 0; z-index: 1;}
.full-slider .slider-pic{position: relative; z-index: 1;}
.full-slider .slider-pic img{display: block; width: 760px;}
.full-slider .slider-pic .full-slider-box{position: relative; width:100%; height:480px;}
.full-slider .slider-pic img[src=""], .full-slider .slider-pic img:not([src]){opacity: 0;}
.full-slider .slider-bg, .full-slider .desc-list{position: relative; height: 100%;}
.full-slider .slider-bg li, .full-slider .desc-list li{position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;}
.full-slider .box li {width:100%; height:480px;}
.full-slider .box li a {width:100%; height:480px; display:block;}


.full-slider .slider-bg li:first-child, .full-slider .desc-list li:first-child{opacity: 1;}
.full-slider .box{height: 480px; z-index: 7; overflow: hidden;}
.seaview-other{position: relative; z-index: 9;}
.seaview-other .cover-content{height: 1px;}
.seaview-other .box{float: right;}
.seaview .cover-content{height: 1px; position: relative;}
.seaview .cover-silder-gg{position: absolute; top: 0; right: 0; z-index: 10;}
.groupbuy{background: #fff;}
.groupbuy .groupbuy-title{height: 40px; line-height: 40px; padding: 0 10px; background: #e8e8e8; color: #545454; font-weight: bold;}
.groupbuy .groupbuy-pic img{display: block; width: 100%;}
.groupbuy .groupbuy-info{padding: 10px;}
.groupbuy .origin-price{font-size: 14px;}
.groupbuy .origin-price i{text-decoration: line-through;}
.groupbuy .discount-price{color: #dd2434; font-size: 18px;}
.groupbuy .discount-price em{font-size: 16px;}
.groupbuy .btn{float: right;}
.groupbuy.groupbuy-small .groupbuy-title{height: 30px; line-height: 30px; background: #fff;}
.groupbuy.groupbuy-small .groupbuy-info{padding-top: 0;}
.subslider{*zoom: 1;}
.subslider:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.subslider .prev-btn, .subslider .next-btn{float: left; display: block; width: 14px; height: 90px; line-height: 90px; background: #fff; color: #666; font-size: 28px; font-weight: bold; text-align: center;}
.subslider .prev-btn.disabled, .subslider .next-btn.disabled{color: #eee; cursor: default;}
.subslider .subslider-pic{*zoom: 1; float: left; width: 1160px; height: 90px; overflow: hidden; margin: 0 1px; white-space: nowrap;}
.subslider .subslider-pic:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.subslider .subslider-pic a{float: left; width: 145px; height: 90px; line-height: 88px; *line-height: 90px; border: 0 none; background-color: #FFFFFF; overflow: hidden; text-align: center; *font-size: 81px; font-family: Arial;}
.subslider .subslider-pic a img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.subslider .subslider-pic img{width: auto; height: auto;}
.brand-wall{background: #dadadd; padding: 1px; padding-bottom: 0; margin-left: -1px; margin-right: -1px;}
.brand-wall img{display: block;}
.brand-wall .logo-list li{display: block; width: 151px; height: 84px; float: left; _display: inline; margin-bottom: 1px; margin-right: 1px; background: #fff;}
.brand-wall .logo-list li a{display: table-cell; width: 152px; height: 84px; vertical-align: middle; text-align: center; position: relative;}
.brand-wall .logo-list li a .out-line{border: 1px solid #dfc182; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; display: none;}
.brand-wall .logo-list li a:hover .out-line{display: block;}
.brand-wall .logo-list li a img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.back-to-top{display: none; position: fixed; right: 10px; bottom: 20px; z-index: 99; width: 40px; height: 40px; background: #e6e6e6; cursor: pointer; text-align: center;}
.back-to-top i{line-height: 40px; color: #777; font-size: 30px;}
.back-to-top span{display: none; line-height: 1.2; margin-top: 4px; color: #fff; font-size: 14px;}
.back-to-top:hover{background: #777;}
.back-to-top:hover span{display: inline-block;}
.back-to-top:hover i{display: none;}
.module .module-hd{height: 40px; line-height: 40px; padding: 0; color: #333; font-size: 20px; margin-top: 30px;}
.module .module-hd em{font-size: 18px; font-weight: bold;}
.module .module-hd a{float: right; color: #666;}
.module .module-hd span{color: #666; font-size: 14px; margin-left: 10px;}
.module .module-hd + .module-bd{margin-top: 0;}
.module .module-bd{*zoom: 1; margin-top: 15px;}
.module .module-bd:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.module-blue .catagorycover .catagorycover-title{background: #4da0f0;}
.module-blue .goods, .module-blue .articalgoods{border-color: #4da0f0;}
.module-blue .articalgoods-title{color: #4da0f0;}
.module-green .catagorycover .catagorycover-title{background: #4bc68f;}
.module-green .goods, .module-green .articalgoods{border-color: #4bc68f;}
.module-green .articalgoods-title{color: #4bc68f;}
.module-purple .catagorycover .catagorycover-title{background: #a05ea8;}
.module-purple .goods, .module-purple .articalgoods{border-color: #a05ea8;}
.module-purple .articalgoods-title{color: #a05ea8;}
.module-yellow .catagorycover .catagorycover-title{background: #fab81c;}
.module-yellow .goods, .module-yellow .articalgoods{border-color: #fab81c;}
.module-yellow .articalgoods-title{color: #fab81c;}
.module-fuchsia .catagorycover .catagorycover-title{background: #EC55B7;}
.module-fuchsia .goods, .module-fuchsia .articalgoods{border-color: #EC55B7;}
.module-fuchsia .articalgoods-title{color: #EC55B7;}
.module-khaki .catagorycover .catagorycover-title{background: #E7CB5C;}
.module-khaki .goods, .module-khaki .articalgoods{border-color: #E7CB5C;}
.module-khaki .articalgoods-title{color: #E7CB5C;}
.catagorycover{position: relative; background: #fff;}
.catagorycover .catagorycover-title{height: 38px; line-height: 38px; padding: 0 10px; background: #DADADA; color: #fff; font-weight: bold;}
.catagorycover .catagorycover-pic{position: relative; z-index: 2; width: 100%;}
.catagorycover .catagorycover-pic .pic{position: relative;}
.catagorycover .catagorycover-pic .icon{position: absolute; top: 50%; z-index: 3; color: #ccc; cursor: pointer; opacity: 0.3; filter: alpha(opacity=30);}
.catagorycover .catagorycover-pic .icon.icon-arrow-left{font-size: 40px; margin-top: -30px; left: 10px;}
.catagorycover .catagorycover-pic .icon.icon-arrow-right{right: 10px; font-size: 35px; margin-top: -25px;}
.catagorycover .catagorycover-pic .icon:hover{opacity: 1; filter: alpha(opacity=100);}
.catagorycover .catagorycover-pic img{display: block; width: 214px; height: 195px;}
.catagorycover .catagorycover-pic .scroller{width: 214px; height: 195px; overflow: hidden;}
.catagorycover .catagorycover-catagory{height: 42px; margin: 10px 0; overflow: hidden;}
.catagorycover .catagorycover-catagory a{display: inline-block; width: 44%; margin-left: 20%; white-space: nowrap; overflow: hidden; color: #333;}
.catagorycover.slider-brands .catagorycover-pic img{display: block; width: 214px; height: 65px;}
.catagorycover.slider-brands .catagorycover-pic .scroller{width: 214px; height: 195px;}
.catagorycover.slider-brands .catagorycover-catagory a{display: inline; width: auto; margin-left: 0; white-space: nowrap; overflow: hidden; color: #333;}
.goods{position: relative; height: 328px; background: #fff; border-top: 2px solid #DADADA; overflow: hidden;}
.goods .goods-content{width: 290px;}
.goods .goods-name{height: 42px; padding: 0 20px; font-size: 14px; overflow: hidden;}
.goods .goods-pic{width: 290px; height: 230px; line-height: 228px; *line-height: 230px; border: 0 none; background-color: #FFFFFF; overflow: hidden; text-align: center; *font-size: 207px; font-family: Arial;}
.goods .goods-pic img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.goods .goods-pic img{width: auto; height: auto;}
.goods .goods-price{padding: 0 20px; font-size: 14px; color: #dd2434;}
.goods .goods-switch-wrap{text-align: center;}
.goods .goods-switch{*zoom: 1; display: inline-block;}
.goods .goods-switch:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.goods .goods-switch li{float: left; display: block; width: 20px; height: 5px; margin: 0 5px; background: #e5e5e5; cursor: pointer;}
.goods .goods-switch .active{width: 25px; background: #e52233;}
.goods .scroller{width: 290px; height: 305px; overflow: hidden;}
.goods.goods-small{position: relative; height: 348px;}
.goods.goods-small .goods-pic{width: 215px; height: 348px; line-height: 346px; *line-height: 348px; border: 0 none; background-color: #FFFFFF; overflow: hidden; text-align: center; *font-size: 313.2px; font-family: Arial;}
.goods.goods-small .goods-pic img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.goods.goods-small .goods-switch{position: absolute; left: 50%; bottom: 10px; margin: 0 0 0 -47px;}
.categorygoods{*zoom: 1;}
.categorygoods .categorygoods-title{height: 30px; line-height: 30px; border-bottom: 2px solid #333;}
.categorygoods:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.categorygoods .categorygoods-item{float: left; width: 238px;}
.categorygoods .categorygoods-item img{display: block; width: 100%;}
.categorygoods .categorygoods-item:first-child{margin-left: 0;}
.articalgoods{position: relative; background: #fff; border-top: 2px solid #DADADA;}
.articalgoods .articalgoods-info{position: relative; height: 58px; padding: 20px 20px; background: #e5e5e5;}
.articalgoods .articalgoods-title{height: 27px; overflow: hidden; margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.articalgoods .articalgoods-intro{height: 18px; overflow: hidden;}
.articalgoods .articalgoods-pic img{display: block; width: 100%;}
.crumbs em{margin-right: 10px; color: #b70f7c; font-size: 18px; font-weight: bold;}
.crumbs em.color1{color: #666;}
.crumbs a{color: #666;}
.crumbs .crumbs-recommend a{margin-right: 10px; padding-right: 10px; border-right: 1px solid #666;}
.recommend{*zoom: 1;}
.recommend:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.recommend img{float: left; width: 25%;}
.ad img{display: block;}
.seaview .ad{background: rgba(255, 255, 255, 0.8); padding: 13px;}
/*.notice{background: #fafafa;}*/
/*.notice .notice-hd{margin-bottom: 10px;}*/
/*.notice .notice-hd em{font-weight: bold;}*/
/*.notice .notice-hd span{float: right;}*/
/*.notice .notice-list li{margin-bottom: 10px;}*/
/*.notice .notice-list a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666;}*/
/*.notice .pager{margin: 0; line-height: inherit;}*/
.rank{padding: 0 10px; background: #fff;}
.rank .rank-title{height: 30px; line-height: 30px; font-weight: bold;}
.rank .rank-item{*zoom: 1; padding-bottom: 13px;}
.rank .rank-item:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.rank .rank-item .num{float: left; line-height: 30px;}
.rank .rank-item .num.num-1{color: red;}
.rank .rank-item .pic{float: left; margin: 0 5px; border: 2px solid #ccc;}
.rank .rank-item .pic img{display: block;}
.rank .rank-item .name{float: left; width: 68%; height: 35px; overflow: hidden;}
.rank .rank-item .name a{color: #666;}
.rank2 .rank-title{font-size: 16px; font-weight: bold; color: #666;}
.rank2 .rank-item{*zoom: 1; padding: 10px; background: #fff;}
.rank2 .rank-item:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.rank2 .rank-item .num{float: left; line-height: 30px;}
.rank2 .rank-item .num.num-1{color: red;}
.rank2 .rank-item .pic{float: left; margin: 0 5px; border: 2px solid #ccc;}
.rank2 .rank-item .pic img{display: block;}
.rank2 .rank-item .name{float: left; width: 68%; height: 35px; overflow: hidden;}
.rank2 .rank-item .name a{color: #666;}
.brand .brand-hd{height: 30px; line-height: 30px; padding: 0 10px; background: #fafafa;}
.brand .brand-hd em{font-weight: bold;}
.brand .brand-hd a{float: right; color: #666;}
.brand .brand-list{background: #fff; *zoom: 1;}
.brand .brand-list:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.brand .brand-list a{float: left; width: 122px; height: 64px; line-height: 62px; *line-height: 64px; border: 0 none; background-color: #FFFFFF; overflow: hidden; text-align: center; *font-size: 57.6px; font-family: Arial;}
.brand .brand-list a img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.brand .brand-list img{width: auto; height: auto;}
.brand2 .brand-hd{font-size: 16px; font-weight: bold; color: #666;}
.brand2 .brand-hd em{font-weight: bold;}
.brand2 .brand-hd a{float: right; color: #666;}
.brand2 .brand-list{background: #fff; *zoom: 1;}
.brand2 .brand-list:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.brand2 .brand-list a{float: left; width: 148px; height: 84px; line-height: 82px; *line-height: 84px; border: 0 none; background-color: #FFFFFF; overflow: hidden; text-align: center; *font-size: 75.6px; font-family: Arial;}
.brand2 .brand-list a img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.brand2 .brand-list img{width: auto; height: auto;}
.recommend2{background: #fff;}
.recommend2 .recommend2-hd{height: 20px; line-height: 20px; padding: 5px 10px; color: #545454;}
.recommend2 .recommend2-hd em{font-weight: bold;}
.recommend2 .recommend2-hd span{float: right;}
.recommend2 .pager{margin: 0; line-height: inherit;}
.recommend2 .recommend2-pic img{display: block; width: 100%;}
.banner img{display: block; width: 100%;}
.search-shop{*zoom: 1; position: relative; padding: 10px; background: #fff;}
.search-shop:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.search-shop .search-shop-pic{float: left; width: 175px; height: 55px; line-height: 53px; *line-height: 55px; border: 0 none; overflow: hidden; margin-right: 10px; text-align: center; *font-size: 49.5px; font-family: Arial;}
.search-shop .search-shop-pic img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.search-shop .search-shop-pic img{width: auto; height: auto;}
.search-shop .search-shop-txt{float: left;}
.search-shop .search-shop-title{margin-bottom: 5px; font-size: 14px;}
.search-shop .btn{position: absolute; right: 10px; top: 50%; margin-top: -9px;}
.search-shop i{margin-left: 10px;}
.helpinfo{*zoom: 1; margin-bottom: 10px; padding: 35px 0 35px 50px; background: #fff; border-top: 1px solid #dadadd;}
.helpinfo:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.helpinfo .helpinfo-item{float: left; width: 198px; margin-right: 20px;}
.helpinfo .helpinfo-item li{margin-bottom: 5px;}
.helpinfo .helpinfo-title{color: #000; font-size: 14px; height: 36px; line-height: 36px; display: inline-block;}
.helpinfo ul a{color: #666;}
.helpinfo ul a:hover{color: #c81623;}
.helpinfo .helpinfo-qrcode{width: 100px; height: 120px; float: left; text-align: center;}
.helpinfo .helpinfo-qrcode img{max-width: 100px; max-height: 100px;}
.helpinfo .feature-items{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.helpinfo .feature-items .feature-item{width: 150px; margin: 0 23px; text-align: center; float: left;}
.helpinfo .feature-items .feature-item img{display: block; margin: 0 auto 15px auto; width: 67px; height: 67px;}
.helpinfo .feature-items .feature-item h4{color: #333;}
.footer-nav{line-height: 40px; color: #ccc;}
.footer-nav span{color: #ccc;}
.footer-nav a{color: #ccc; margin: 0 6px;}
.footer-nav span:last-child{display: none;}

/*店铺主页*/
.shop_box {width:100%; background:#f6f6f6; padding:30px 0 50px 0; border-top:1px solid #e8e8e8;}
.shop_home {width:1080px; margin:0 auto;}
.shop_slider {width:1080px; height:400px; position:relative;}
.shop_slider .slider {height:400px;}
.full-slider.shop_slider .slider-pic .full-slider-box, .full-slider.shop_slider .box li, .full-slider.shop_slider .box li a{height:400px;}
.back_home {float:left; padding-right:10px;}
.back_home i {font-weight:bold; padding-right:3px;}
.back_home span {color:#ddd; padding:0 0 0 12px;}
.shop_logo {width:280px; margin:0 auto; text-align:center; padding:30px 0;}
.shop_logo img {margin:0 auto; max-width:280px; max-height:60px;}
.shopnav_box {height:44px; z-index:1000; position:relative; width:1080px; margin:0 auto;}
.shopheader {
  width:1200px; margin:0 auto; padding:20px 0;
}
.shopheader .shop-logo {float:left;}
.shopheader .shop-logo img {
  max-width:200px;
  height: 64px;
}
.shopheader .shop-name {float:left; width:320px; padding:0 20px 0 15px; border-right:2px solid #ddd;}
.shop-name h1 {font-size:16px; font-weight:bold; line-height:20px; height:20px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom:4px;}
.shop-name h3, .shop-name h4 {font-size:14px; color:#8c8c8c; line-height:20px; height:20px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.shopheader .shop-slogan {
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 80px;
}

.shopheader .shop_sc {float:left; padding-left:20px;}

.shop_sc .rz_text {font-size:14px; overflow:hidden; color:#8c8c8c; padding:5px 0;}
.shop_sc .rz_icon {background:url(/img/rz_icon2.png) no-repeat; background-size:cover; width:18px; height:18px; display:inline-block; position:relative; top:4px; margin-right:3px; opacity:0.5;}


.shopheader .shop-favorite {
  display:block; width:108px; text-align:center;
  height:32px;
  line-height: 32px;
  color: #3866dd;
  background:rgba(56,102,221,0.075);
  border-radius: 50px;
  border:1px solid #819bdf;
}
.shopheader .shop-favorite i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}

.shop_searchbox {float:right; margin:12px 0 0 0;}
.shop_searchbox .import {float:left; border:2px solid #3866dd; height:36px; line-height:36px; padding:0 20px; width:200px;}
.shop_searchbox button {height:40px; background:#3866dd; border:none; border-radius:0; width:76px; color:#fff;}

.shopheader .shopheader-bg {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.shopheader .shopheader-content {
  margin-top: -90px;
}
.shopheader .m-code {
  position: relative;
  float: right;
  margin-top: 24px;
  margin-right: 10px;
}
.shopheader .m-code .code-info {
  padding: 5px;
  border-radius: 5px;
  background: #c81623;
  cursor: pointer;
}
.shopheader .m-code .icon-code-small {
  display: block;
  width: 28px;
  height: 28px;
  background-position: -191px -55px;
  margin: 0 auto;
}
.shopheader .m-code .code-img {
  position: absolute;
  left: -4px;
  box-shadow: 0 0 10px #666;
  text-align: center;
  z-index: 10;
  background: #fff;
  padding: 5px;
  margin-top: 10px;
  border-radius: 5px;
  display: none;
}
.shopheader .m-code .code-img::after {
  content: "";
  position: absolute;
  left: 15px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
.shopheader .m-code.on .code-img {
  display: block;
}

.shopbar {
  *zoom: 1;
  height: 28px;
  line-height: 28px;
}
.shopbar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.shopbar .left {
  float: left;
}
.shopbar .right {
  float: right;
}
.shopbar a {
  color: #333;
}

/* 商家自定义区域文本编辑器图片样式 */
.img-circle {
  border-radius: 50%;
}


.shop_banner {width:1200px; margin:0 auto;}
.shop_banner img {width:100%;}

.shop_nav {
  height: 48px;
  line-height: 48px; position:relative;
  width:1200px; margin:0 auto;
}
.shop_nav:after {content:''; height:2px; background:#ddd; position:absolute; left:0; bottom:0; right:0;}

.shop_nav li{float:left;font-size:14px !important;height:48px;line-height:48px;position:relative;transition:.3s}
.shop_nav li a{display:block;padding:0 18px;color:#333;font-size:16px;position:relative; z-index:10;}
.shop_nav li a.nav_pd{padding-right:35px}
.shop_nav li:hover a.link{color:#3866dd}
.shop_nav li > a i{width:22px;height:22px;text-align:center;line-height:24px;display:block;position:absolute;top:14px;right:10px;font-size:20px;color:#666;transition:.2s}
.shop_nav li > a i:after{content:"\e603"}
.shop_nav li:hover > a i{-webkit-transform:rotate(-180deg);color:#3866dd}
.shop_nav ul li .child_cat{display:block;position:absolute;top:68px;left:0;text-align:left;padding:15px 0;width:220px;background:rgba(255,255,255,0.96);opacity:1;visibility:hidden; box-shadow:0px 5px 6px 0px rgba(0,0,0,0.1); transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s}
.shop_nav ul li:hover .child_cat{opacity:1;visibility:visible;top:40px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transition:top .3s,opacity .3s;-webkit-transition:top .3s,opacity .3s;-moz-transition:top .3s,opacity .3s;-o-transition:top .3s,opacity .3s}
.shop_nav ul li p{height:30px;line-height:30px;padding:4px 0}
.shop_nav ul li p a{color:#333;transition:.2s;font-size:14px;}
.shop_nav ul li p a:hover{color:#3866dd !important}
.shop_nav li a.on {color:#3866dd}
.shop_nav li a.on:after {content:''; height:2px; background:#3866dd; position:absolute; left:0; bottom:0; right:0;}
.shop_goods {width:1220px; margin:0 auto;}
.shoptitle {
  height:40px;
  line-height:38px;
  padding: 0 10px;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  background: #f5f5f5;
  margin:20px 10px 0 10px;
}
.shop_goods ul {padding:10px 0;}
.shop_goods li {width:25%; float:left; padding:10px; box-sizing:border-box;}
.shop_goods li .item {border: 1px solid #e8e8e8; padding:12px;}
.shop_goods li .item a {display:block;}
.shop_goods li .pic {width:100%; height:259px; background:#f8f8f8;}
.shop_goods li .pic img {width:100%; height:259px;}
.shop_goods li h1 {line-height:30px; height:30px; width:100%; overflow:hidden; margin-top:10px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.shop_goods li h2 {line-height:20px; height:20px; font-weight:bold; font-size:14px; color:#e50000; width:100%; overflow:hidden;}
.shop_cate_box {width:1200px; margin:0 auto; padding:20px 0;}
.shop_cate {float:left; width:220px; border:1px solid #ddd;}
.shop_cate h1 {background:#f5f5f5; line-height:40px; padding:0 12px; font-weight:bold; border-bottom:1px solid #ddd;}
.shop_cate li {padding:10px 0px; margin:0 12px; border-bottom:1px solid #e8e8e8; }
.shop_cate li:last-child {border:none;}
.shop_cate li h5 {color:#8c8c8c;}
.shop_cate li p {line-height:28px;}
.shop_cate li p a {display:block;}
.shop_cate_right {float:right; width:958px; overflow:hidden;}
.shop_cat_eright .shop_goods {width:100%;}
.shop_cate_right .shop_goods ul {margin:0 -10px;}
.shop_cate_right .shop_goods li .pic img, .shop_cate_right .shop_goods li .pic {height:202px;}
.shop_cate_right .shop_goods li .item {padding:10px;}
.shop_cate_right .sortbar2 a {display:inline-block; line-height:32px; padding:0 15px; background:#eee;}
.shop_cate_right .sortbar2 a.on {background:#3866dd; color:#fff;}
.about_shop {width:1200px; margin:20px auto; overflow:hidden; min-height:500px;}
.about_shop img {max-width:100%;}
.text_info {position:relative;}
.text_info img {max-width:100%; margin:0 auto;}
.text_info h2 {font-size:14px; font-weight:bold; padding:10px 0; color:#333;}
.enter_shop {position:absolute; background:#3866dd; right:20px; bottom:20px; width:108px; height:40px; line-height:40px; text-align:center; color:#fff; transition:.2s;}
.enter_shop:hover {color:#fff; background:#246bfb;}

/* 今日特卖 */
.daily-promotion{background: #dadadd; padding-left: 1px; padding-top: 1px; padding-bottom: 1px;}
.daily-promotion li{float: left; width: 296px; height: 173px; margin-right: 1px; background: #fff; position: relative;}
.daily-promotion li h2{font-size: 14px; font-weight: normal; padding-right: 10px; height: 38px; margin-bottom: 6px; overflow: hidden;}
.daily-promotion li h2 a{color: #666;}
.daily-promotion li h2 a:hover{text-decoration: underline;}
.daily-promotion li .promotion-type{height: 24px; position: absolute; left: 0; top: 0; line-height: 24px; background: #f5bb0d; color: #fff; font-size: 14px; text-align: center; padding-left: 5px; padding-right: 5px;}
.daily-promotion li .thumb{float: left; margin-top: 30px;}
.daily-promotion li .caption{margin-left: 121px; margin-top: 30px;}
.daily-promotion li .caption .promotion-price{float: left; width: 90px;}
.daily-promotion li .caption .promotion-price .old-price{font-size: 14px; color: #999; text-decoration: line-through; margin-bottom: 10px;}
.daily-promotion li .caption .promotion-price .new-price{color: #f24134; font-size: 14px;}
.daily-promotion li .caption .promotion-price .new-price span{font-size: 18px; line-height: 1; letter-spacing: 0;}
.daily-promotion li .caption .promotion-buy{display: block; float: right; margin-right: 10px; padding: 5px 10px; color: #fff; font-size: 14px; background: #f24134; margin-top: 18px; position: relative;}
.daily-promotion li .caption .promotion-buy:after{width: 0; height: 0; content: " "; position: absolute; right: 0; bottom: 0; border-width: 0; border-style: solid; border-color: transparent; border-bottom-width: 15px; border-left-width: 15px; border-bottom-color: #fff;}

/* 店铺优惠券 */
.store-coupons li{position: relative; float: left; width: 230px; height: 110px; margin-right: 10px; background: #f62f51;}
.store-coupons li:last-child{margin-right: 0;}
.store-coupons li .coupons-type{width: 0; height: 0; position: absolute; left: 0; top: 0; border-width: 0; border-style: solid; border-color: transparent; border-top-width: 39px; border-right-width: 39px;}
.store-coupons li .coupons-type:after{content: " "; position: absolute; color: #fff; font-size: 14px; left: 6px; bottom: 16px;}
.store-coupons li .coupons-title{text-align: center; margin-top: 8px;}
.store-coupons li .coupons-title span{color: #fff; font-size: 60px; line-height: 1; position: relative;}
.store-coupons li.quan .coupons-type{border-top-color: #f3c111;}
.store-coupons li.quan .coupons-type:after{content: "券";}
.store-coupons li.quan .coupons-title span{margin-right: -16px;}
.store-coupons li.quan .coupons-title span:after{position: absolute; left: -20px; top: 8px; content: "¥"; font-size: 30px;}
.store-coupons li.zhe .coupons-type{border-top-color: #3074ff;}
.store-coupons li.zhe .coupons-type:after{content: "折";}
.store-coupons li.zhe .coupons-title span{margin-left: -20px;}
.store-coupons li.zhe .coupons-title span:after{position: absolute; right: -26px; bottom: 10px; content: "％"; font-size: 26px;}
.store-coupons li .store-info{padding: 0 10px 7px 10px;}
.store-coupons li .store-info .store-logo{width: 32px; height: 32px; float: left; margin-right: 10px; background: #fff;}
.store-coupons li .store-info .store-logo a{height: 32px; display: table-cell; vertical-align: middle;}
.store-coupons li .store-info .store-logo a img{width: 100%; height: auto; max-width: 100%; max-height: 100%;}
.store-coupons li .store-info .info-txt{float: left; width: 140px;}
.store-coupons li .store-info .info-txt p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; margin: 0;}
.store-coupons li .store-info .info-txt p a{color: #fff;}
.store-coupons li .get-coupons{width: 40px; height: 110px; position: absolute; right: 0; top: 0; background-image: -webkit-linear-gradient(45deg, transparent 20%, #fc902f 20%, #fc902f), linear-gradient(135deg, rgba(0, 0, 0, 0) 20%, #fc902f 20%, #fc902f); background-image: -moz-linear-gradient(45deg, transparent 20%, #fc902f 20%, #fc902f), linear-gradient(135deg, rgba(0, 0, 0, 0) 20%, #fc902f 20%, #fc902f); background-image: -ms-linear-gradient(45deg, transparent 20%, #fc902f 20%, #fc902f), linear-gradient(135deg, rgba(0, 0, 0, 0) 20%, #fc902f 20%, #fc902f); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 20%, #fc902f 20%, #fc902f), linear-gradient(135deg, rgba(0, 0, 0, 0) 20%, #fc902f 20%, #fc902f); background-size: 100% 10px; text-align: center; font-size: 14px; color: #fff;}
.store-coupons li .get-coupons span{display: table-cell; vertical-align: middle; height: 110px; padding: 0 10px; line-height: 1.3;}

/* 4栏广告组 */
.ad-group li{float: left; width: 289px; height: 100px; margin-right: 11px;}
.ad-group li:last-child{margin-right: 0;}

/* 商品推荐 */
.recommend-pro li{float: left; width: 297.5px; height: 183px;}

/* 楼层 */
.floor img{display: block;}
.floor .floor-container{background: #dadadd; padding: 1px; margin-left: -1px; margin-right: -1px;}
.floor .floor-left{float: left; _display: inline; width: 214px; margin-right: 1px;}
.floor .floor-center{float: left; _display: inline;}
.floor .floor-right{float: left; _display: inline;}
.floor .floor-style-01 .floor-center{width: 309px;}
.floor .floor-style-01 .floor-right{width: 666px;}
.floor .floor-style-01 .floor-pro-group li{width: 221px; float: left; _display: inline; margin-left: 1px;}
.floor .floor-style-01 .floor-pro-group.group-b li{margin-bottom: 1px;}
.floor .floor-style-02 .floor-left{margin-right: 0;}
.floor .floor-style-02 .floor-right{width: 976px;}
.floor .floor-style-02 .floor-pro-group li{width: 221px; float: left; _display: inline; margin-left: 1px;}
.floor .floor-style-02 .floor-pro-group li:first-child{width: 309px;}
.floor .floor-style-02 .floor-pro-group.group-b li{margin-bottom: 1px;}
.floor .floor-style-02 .floor-pro-group.group-b li:first-child{width: 531px;}
.floor .floor-num{display: inline-block; width: 56px; height: 30px; line-height: 30px; vertical-align: top; margin-right: 10px; color: #fff; text-align: center; font-weight: normal; font-family: Arial;}
.floor .floor-category{height: 120px; margin-bottom: 1px;}
.floor .floor-category ul{margin-left: 5px; margin-right: 30px; padding-top: 10px;}
.floor .floor-category li{float: left; _display: inline; margin-bottom: 5px; margin-left: 30px; width: 56px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.floor .floor-category li a{color: #fff; font-size: 14px;}
.floor .floor-brand{margin-bottom: 1px;}

/* 频道楼层 */
.channel-floor img{display: block;}
.channel-floor .floor-container{background: #dadadd; margin-left: -1px; margin-right: -1px; border-top: 2px solid #333;}
.channel-floor .floor-left{float: left; _display: inline; width: 216px;}
.channel-floor .floor-center{float: left; _display: inline;}
.channel-floor .floor-right{float: left; _display: inline;}
.channel-floor .floor-style .floor-center{width: 376px;}
.channel-floor .floor-style .floor-right{width: 600px;}
.channel-floor .floor-style .floor-pro-group{float: left; _display: inline;}
.channel-floor .floor-style .floor-pro-group ul li{width: 199px; margin-right: 1px; margin-bottom: 1px;}
.channel-floor .floor-num{display: inline-block; width: 56px; height: 30px; line-height: 30px; vertical-align: top; margin-right: 10px; color: #fff; text-align: center; font-weight: normal; font-family: Arial;}
.channel-floor .floor-brand{background: #fff; padding-left: 11px; padding-right: 11px;}
.channel-floor .floor-brand li{background: #fff;}
.channel-floor .floor-brand li img{width: 100%;}
.channel-floor .module-hd{height: 35px; line-height: 35px; font-size: 16px;}

/* 相关品牌 */
.relation-brand{border: 1px solid #dadadd; padding-top: 7px; padding-bottom: 7px; background: #f7f7f7;}
.relation-brand li{float: left; _display: inline; width: 117.5px; height: 50px; border-right: 1px dotted #dadadd; display: table-cell; vertical-align: middle; text-align: center;}
.relation-brand li:last-child{border-right: none;}

/* article */
.article-widgets .article-widgets-header{*zoom: 1; height: 34px; line-height: 34px; background: #f8f8f8; border-bottom: 1px solid #dadadc;}
.article-widgets .article-widgets-header:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.article-widgets .article-widgets-header h3{float: left; _display: inline; display: block; width: 120px; margin-left: 10px; font-size: 14px; font-weight: normal; color: #888;}
.article-widgets .article-widgets-header .get-more{display: block; float: right; _display: inline; margin-right: 10px; color: #888;}
.article-widgets .article-widgets-body{height: 445px; overflow: auto; background: rgba(255, 255, 255, 0.9);}
.article-widgets .article-widgets-body ul{padding: 10px;}
.article-widgets .article-widgets-body li a{display: block; *zoom: 1; padding-top: 10px; padding-bottom: 10px;}
.article-widgets .article-widgets-body li a:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.article-widgets .article-widgets-body li a .article-thumbnail{float: left; _display: inline; width: 42px; height: 42px; border: 1px solid #dadadc; display: table-cell; vertical-align: middle;}
.article-widgets .article-widgets-body li a .article-thumbnail img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.article-widgets .article-widgets-body li a .article-title{display: block; float: right; _display: inline; margin-right: 3px; width: 135px; height: 36px; margin-top: 5px; overflow: hidden; color: #828282;}
.article-widgets .article-widgets-body li a:hover .article-title{text-decoration: underline;}


/* 今日团购 */
.daily-purchase ul{*zoom: 1;}
.daily-purchase ul:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.daily-purchase ul li{position: relative; float: left; width: 394px; border: 1px solid #ccc; margin-left: -1px; background: #fff;}
.daily-purchase .purchase-img{height: 248px;}
.daily-purchase .purchase-img img{width: 100%; height: 100%;}
.daily-purchase .purchase-info{*zoom: 1; padding: 5px 10px 0; height: 62px;}
.daily-purchase .purchase-info:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.daily-purchase .purchase-info .info-operate{width: 30%; margin-top: 10px;}
.daily-purchase .purchase-info .info-operate .btn{border: 0;}
.daily-purchase .purchase-info .info-operate span{color: #fff; height: 36px; line-height: 36px; border-radius: 5px; background: #ea2329;}
.daily-purchase .descript-info{width: 70%;}
.daily-purchase .descript-info a, .daily-purchase .descript-info span{display: inline-block; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.daily-purchase .descript-info a{font-size: 18px; color: #333;}
.daily-purchase .descript-info span{color: #666;}

/* 首页挂件ad_sub_items */
.goods-scrollable{position: relative; width: 1190px;}
.goods-scrollable .scroller{width: 100%; height: 220px; margin: 0 auto; overflow: hidden;}
.goods-scrollable .switchable-content{width: 2050px;}
.goods-scrollable .goods-content{width: 216px; height: 218px; border: 1px solid #ddd; margin-left: -1px; padding: 0 10px; float: left;}
.goods-scrollable .goods-content:first-child{margin-left: 0;}
.goods-scrollable .goods-pic{text-align: center;}
.goods-scrollable .goods-pic img{width: auto; height: auto; max-width: 210px; max-height: 150px; border: 0; margin: 0 auto; vertical-align: middle;}
.goods-scrollable .goods-name{overflow: hidden; height: 42px;}
.goods-scrollable .goods-name a{font-size: 14px; color: #666;}
.goods-scrollable .goods-price{font-size: 14px; color: #dd2434; float: none; margin-right: 0; height: auto;}
.goods-scrollable .next{position: absolute; top: -29px; right: 0;}

/* 红包挂件 */
.widget-redpacket1{*zoom: 1; height: 120px; padding: 25px 0; text-align: center;}
.widget-redpacket1:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.widget-redpacket1 .redpacket-info{float: left; width: 200px; padding-left: 20px;}
.widget-redpacket1 .title{font-size: 20px;}
.widget-redpacket1 .redpacket-description{font-size: 14px;}
.widget-redpacket1 > ul{float: left;}
.widget-redpacket1 > ul li{position: relative; float: left; width: 220px; height: 120px; margin-left: 18px; background-position: 0 -234px; cursor: pointer;}
.widget-redpacket2{padding: 20px 20px 15px; min-height: 195px; max-height: 345px; text-align: center; overflow: hidden;}
.widget-redpacket2 .title{font-size: 22px;}
.widget-redpacket2 ul{*zoom: 1; margin-right: -12px; margin-top: 22px;}
.widget-redpacket2 ul:after{content: "\0020"; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;}
.widget-redpacket2 li{position: relative; float: left; width: 220px; height: 120px; margin-right: 12px; margin-bottom: 12px; background-position: 0 -364px;}
.widget-redpacket1 a, .widget-redpacket2 a{display: block; color: #fff;}
.widget-redpacket1 .redpacket-title, .widget-redpacket2 .redpacket-title{line-height: 30px;}
.widget-redpacket1 .redpacket-money, .widget-redpacket2 .redpacket-money{line-height: 110px; font-size: 35px;}

.pointer{cursor: pointer;}


/*定制门店*/
.artical-list li {border:1px solid #ddd;background:#fff;height:250px; overflow:hidden; margin-bottom:40px;}
.artical-list li .mdtu {position:relative;width:550px;height:250px;overflow:hidden;}
.artical-list li .mdtu .p1 img {width:550px;height:250px;}

.ckmdxq {width:100%;height:100%;background:rgba(0,0,0,0.8);position:absolute;left:0;top:0;text-align: center;opacity:0; cursor:pointer;}
.ckmdxq .title { width:100%;}
.ckmdxq .title img {width:35px; height:35px; margin:110px auto 0 auto;}
.mdtu:hover .ckmdxq {opacity: 1; transition: all 2s;}

.dzmdxq { margin-left:30px; width:450px; text-align:left;}
.dzmdxq h1 { font-size:16px; color:#000; height:40px; line-height:40px; margin-top:10px;}
.dzmdxq p { font-size:14px; line-height:24px;}
.jianjie { margin-top:20px;}
.jianjie b { color:#000; display:block; line-height:24px; font-weight:normal;}

/*设计师*/
.sjsbanner { max-width:1920px; width:100%; text-align:center; margin-bottom:40px;}
.sjsbanner img { width:100%;}
.sjszx { margin-bottom:30px;}
.sjszx h1 { font-size:24px; text-align:center;}
.sjszx h1 span {border-bottom: 3px solid #eba524;}
.wzsjs_box { width:1240px; margin:0 auto; overflow:hidden;}
.sjslist { width:105%;}
.sjslist li {float: left; width:613px; border: 1px solid #c1c5cf;font-size: 14px; margin:0 10px 20px 0;}
.sjstoux { width:260px; height:260px;}
.sjstoux img { width:260px; height:260px;}
.sjsjiajie { width:310px; margin:20px 14px 0 20px;}
.sjsjiajie p { line-height:24px;}
.sjsjiajie .caka {border: 1px solid #dddddd;padding: 6px 20px;display: inline-block; margin-top:20px;}

/*面料商*/
.shop_list { width:1240px; margin:0 auto; overflow:hidden; padding:15px 0;}
.shop_list ul { width:105%; overflow:hidden; padding-bottom:15px;}
.shop_list li { float:left; width:263px; height:252px;  padding:0 15px 12px 15px; margin:0 20px 20px 0; border:1px solid #eee; transition:.5s;}
.shop_list li:hover {border-color:#333;}
.shop_list li:hover p {border-color:#333;}
.shop_list li:hover a {color:#000;}
.shop_list li a {color:#333;}
.shop_list li p {width:263px; height:120px; padding:15px 0; line-height:120px; overflow:hidden; border-bottom:1px solid #eee; text-align:center; transition:.5s;}
.shop_list li p img {max-width:200px; max-height:120px;  vertical-align:middle; display:inline-block; transition:.5s;}
.shop_list li p img:hover {transform: scale(1.1);}
.shop_list li h2 { font-size:18px; height:40px; line-height:40px; overflow:hidden; margin-top:5px;}
.shop_list li h3 { font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:3px; color:#999;}



/*尾*/

.help_box{background:#333;padding:40px 5%;font-size:14px;color:#fff; margin-top:40px;}
.help_info {position:relative;}
.help_info:before {content:""; display:block; width:1px; background:#454545; position:absolute; top:0px; bottom:0px; left:800px;}
.help_box h1,.help_info dt{font-size:16px;color:#ccc;margin-bottom:10px}
.help_info dl{float:left;width:200px}
.help_info dl.tel{width:260px;float:right !important}
.help_info dl .kefu_icon{height:36px;margin-top:8px;cursor:pointer;line-height:36px;width:128px;text-align:center;border-radius:25px;color:#fff;transition:.3s}
.help_info dl .kefu_icon .iconfont{font-size:18px;position:relative;right:5px;font-weight:bold}
.help_info dd{height:36px;line-height:36px;overflow:hidden;color:#8c8c8c}
.help_info dd a{color:#8c8c8c}
.help_info dd a:hover{color:#fff}

.ma_right {float:right;}

.ma_img {width:136px; text-align:center; float:left; margin-left:40px;}
.ma_img .div {width:100%; padding-bottom:100%; position:relative;}
.ma_img .div:before {content:''; display:block; position:absolute; left:-5px; top:-5px; z-index:10; width:24px; height:24px; overflow:hidden; border-radius:5px 0 0 0; border-left:2px solid #000;  border-top:2px solid #000;}
.ma_img .div:after {content:''; display:block; position:absolute; right:-5px; top:-5px; z-index:10; width:24px; height:24px; overflow:hidden; border-radius:0 5px 0 0; border-right:2px solid #000;  border-top:2px solid #000;}
.ma_img .div p:before {content:''; display:block; position:absolute; left:-5px; bottom:-5px; z-index:10; width:24px; height:24px; overflow:hidden; border-radius:0 0 0 5px; border-left:2px solid #000;  border-bottom:2px solid #000;}
.ma_img .div p:after {content:''; display:block; position:absolute; right:-5px; bottom:-5px; z-index:10; width:24px; height:24px; overflow:hidden; border-radius:0 0 5px 0; border-right:2px solid #000;  border-bottom:2px solid #000;}
.ma_img p {overflow:hidden; text-align:center;}
.ma_img img {width:100%;}
.ma_img h2 {font-size:14px; padding-top:5px;}

.footer.footer_bg {background:#333; margin:0; border:none; padding-top:0px;}
.footer.footer_bg .foot_txt2 {width:1200px; margin:0 auto; border-top:1px solid #454545; padding-top:30px;}



.footer {background:#333; padding:20px 0; margin-top:40px; text-align:center;}
.foot_txt ul {text-align:center; padding:0 0 10px 0;}
.foot_txt li {display:inline-block;}
.foot_txt li:nth-child(1) {width:25%;}
.foot_txt li:nth-child(2) {width:25%;}
.foot_txt li:nth-child(3) {width:45%;}
.foot_txt h2 {font-size:14px; color:#000;}
.foot_txt h3 {font-size:14px; color:#000;}
.foot_txt h2 .icon-youxiang {font-size:18px; font-weight:bold; padding-right:3px;}
.foot_txt h2 .icon-kefu1 {font-size:18px; font-weight:500; padding-right:3px;}
.foot_txt h2 .icon-dizhi2 {font-size:20px; font-weight:bold; padding-right:3px;}
.foot_txt li span:nth-child(1) {padding-right:10px;}
.foot_txt li span:nth-child(2) {padding-left:10px;}
.foot_txt2 {text-align:center; color:#ccc; padding:15px 0 10px 0;}
.foot_txt2 span {padding:0 20px;}
.foot_txt2 a {color:#ccc;}

.footer2 { height:80px; line-height:80px; overflow:hidden; background:#fff; text-align:center; font-size:13px; color:#999;}
.footer2 span {padding:0 16px;}

.payment-line {text-align:center; padding-top:20px;}




/*快速下单模块*/

.fastdiy_box {padding:10px 0 20px 0;}
.fastdiy_box h1 {font-size:16px; color:#333; position:relative; padding:20px 0 10px 0;}
.fastdiy_box h1 .abtn {height:30px; display:block; font-size:14px; line-height:30px; border:1px solid #ddd; border-radius:5px; padding:0 25px; position:absolute; top:0; right:0;}
.fastdiy_box h2.kfxx {font-size:16px; color:#333; height:40px; line-height:40px; position:relative; border-bottom:1px solid #e8e8e8;}

.import_box {background:#f8f8f8; padding:30px; border-radius:3px; border:1px solid #e8e8e8;}
.import_box h2 {font-size:20px; font-weight:bold; color:#000; position:relative; padding:10px 0 0 100px;}

.upload_xls {padding:60px 100px;}
.upload_xls li {padding:10px 0; overflow:hidden;}
.upload_xls li p {float:left; line-height:36px; padding:0 10px 0 0;}
.upload_xls li.file {position:relative;}
.upload_xls li.file .up_btn {float:left;height:36px;line-height:36px !important; width:175px; margin-right:12px; cursor:pointer; background:rgba(0,0,0,0.88); color:#fff; text-align:left; border-radius:3px; transition:.2s;}
.upload_xls li.file .up_btn i {font-size:20px;float: left;height: 36px;line-height: 36px;padding-left: 20px;padding-right: 2px;}
.upload_xls li.file .up_btn:hover {background:rgba(0,0,0,1); color:#fff;}
.upload_xls li.file .up_input {height:34px; float:left;line-height:34px; width:240px; cursor:pointer; background:#fff; border:1px solid #ccc; text-align:center; color:#000; border-radius:3px;}
.upload_xls li .btn {float:left; border-radius:3px; overflow:hidden;}
.upload_xls li .down_btn {float:left; height:36px;line-height:36px; width:175px; border-radius:3px; cursor:pointer; background:rgba(0,0,0,0.88); color:#fff; transition:.2s;}
.upload_xls li .down_btn:hover {background:rgba(0,0,0,1);}
.upload_xls li .down_btn i {font-size: 28px;float: left;height: 36px;line-height: 40px;padding-left: 15px;}
.upload_xls li .up_btn:hover {background:#000;}

.group_btn {display:flex; align-items:center; justify-content:space-between; padding:20px 0;}
.group_btn .btn_up {height:42px; width:180px; text-align:center; border:1px solid #ddd; background:#eff0f4; color:#000; line-height:42px; font-size:16px; border-radius:3px;}
.group_btn .btn_sub {height:42px; width:180px; text-align:center; border:1px solid #000; background:#000; color:#fff; line-height:42px; font-size:16px; border-radius:3px;}

.group_tit {font-size:28px; font-weight:bold; color:#000; text-align:center; padding:40px 0 25px 0;}


/*.teamdiy_tit {position:relative;}*/
/*.teamdiy_tit .upload_tz span {float:left;}*/
/*.teamdiy_tit .upload_tz {position:absolute; top:0; right:0; line-height:36px;}*/
/*.teamdiy_tit .upload_tz .up_input {float:left; height:34px;line-height:34px; width:250px; border-radius:3px; border:1px solid #ddd; text-align:center; background:#fff; margin:0 10px;}*/
/*.teamdiy_tit .upload_tz .down_btn, .teamdiy_tit .upload_tz .up_btn {float:left; text-align:left; height:36px;line-height:36px; width:150px; border-radius:3px; cursor:pointer; background:#a59f85; color:#fff;}*/
/*.teamdiy_tit .upload_tz .down_btn i{font-size: 28px;float: left;height: 36px;line-height: 40px;padding-left: 15px;}*/
/*.teamdiy_tit .upload_tz .up_btn i{font-size: 20px;float: left;height: 36px;line-height: 40px;padding-left: 20px; padding-right:2px;}*/

.fast_div {border:1px solid #ddd; margin-bottom:25px; border-radius:12px; overflow:hidden;}

.diy_tit {position:relative; line-height:36px;}
.diy_tit .gyms {position:absolute; top:20px; right:0;}
.diy_tit .gyms select {width:120px; margin:0 0 0 10px; border-radius:5px;}

.fast_base {width:100%; overflow:hidden;}
.fast_base ul {margin:0 -10px;}
.fast_base li input {border:none; padding:0 12px; width:100%; box-sizing:border-box; border-radius:5px; float:right; height:34px; line-height:32px;}
.fast_base li textarea {border:none; padding:0 12px; width:100%; box-sizing:border-box; border-radius:5px; float:right; height:34px; line-height:32px;}
.fast_base li {float:left; padding:5px 10px; width:25%; box-sizing:border-box;}
.fast_base li .item {float:left;  height:36px; width:100%; line-height:34px; border:1px solid #ccc; box-sizing:border-box; position:relative; padding-left:110px; border-radius:5px;}
.fast_base li .item:after {content:''; height:20px; width:1px; overflow:hidden; background:#eee; top:8px; left:108px; position:absolute;}
.fast_base li select {border:none; height:34px; width:100%; box-sizing:border-box; border-radius:5px !important; float:right;}
.fast_base li span {width:95px; position:absolute; top:0; left:10px;}
.fast_base li span i {color:#de1322;}

.size_type_list {padding:5px 0 20px 0;}
.size_type_list select {border:1px solid #aeaeae; height:34px; padding:0 10px; width:160px; border-radius:5px !important;}

.cxwz_div {width:100%; overflow:hidden; border-top:1px solid #e8e8e8;}
.cxwz_div .cxwz {padding:15px 20px; width:105%; overflow:hidden;}
.cxwz_div .cxwz li {float:left; padding:5px 0; width:292px; height:36px; line-height:36px;  }
.cxwz_div .cxwz li input {border:1px solid #ddd; padding:0 12px; width:160px; border-radius:5px !important;}
.cxwz_div .cxwz li select {border:1px solid #ddd; height:34px; width:152px; border-radius:5px !important;}
.cxwz_div .cxwz li span, .fast_ul input, .fast_cx select {float:left;}
.cxwz_div .cxwz li span {padding:0 10px 0 0; width:90px; text-align:right;}

.tuan_img_div {padding:0 0 20px 20px; overflow:hidden;}
.tuan_img_div span {width:168px; text-align:center; float:left; cursor:pointer; margin-right:12px; line-height:36px; height:36px; background:#e6c396; color:#fff; border-radius:25px;}
.tuan_img_div img {display:inline-block; max-width:80px; max-height:80px; vertical-align:middle; border-radius:3px; overflow:hidden;}
.tuan_img_div.tuan_img_code input {text-align:center; padding:0; border-radius:25px; width:166px;}

.fast_cate {border-bottom:1px solid #e8e8e8; padding:12px 20px; height:50px; line-height:50px; position:relative;}
.fast_cate p {height:50px; width:40px; background:#fff; text-align:center; position:absolute; top:12px; left:20px;}
.fast_cate p img {height:50px; width:40px;}
.fast_cate span {display:block; height:50px; line-height:50px; position:absolute; top:15px; left:75px;}


.factory_info {overflow:hidden;}
.jsize_select {width:102%; overflow:hidden; margin-top:20px;}
.jsize_select li {width:94px; line-height:34px; height:34px; cursor:pointer; border-radius:5px; border:1px solid #ddd; margin:0 10px 10px 0; text-align:center; float:left;}
.jsize_select li.on {background:#000; border-color:#000; color:#fff;}

.diy_size {overflow:hidden;}





.dlist {padding:14px 5px 10px 25px; min-height:200px;}
/*.dlist li {float: left;}*/
/*.dlist li .three_son {float:left;}*/
.dlist li .three_son div {height:36px; line-height:36px; overflow:hidden; padding:6px 0; position:relative; width:386px; float: left;}
.dlist li .three_parent {height:36px; line-height:36px; overflow:hidden; padding:6px 0; position:relative; width:386px; float: left;}
.dlist li .div_item {height:36px; line-height:36px; overflow:hidden; padding:6px 0; position:relative; width:386px; float: left;}
.dlist li span {float:left; display:block; text-align:right; height:36px; width:110px;}
.dlist li select {float:right; width:230px; border:1px solid #ddd; border-radius:5px; height:34px; line-height:34px;}
.dlist li .delete_item {font-size:12px; display:block; height:22px; border:1px solid #e8e8e8; border-radius:3px; line-height:21px; padding:0 12px; position:absolute; top:6px; right:0px; cursor:pointer;}
.dlist li:last-child {border:none;}



.dlist li div.div_input {}
.dlist li div.div_input input {float:right; width:242px; padding:0 10px; border:1px solid #aeaeae; border-radius:0px; height:34px; line-height:34px;}
.dlist li div.div_input select {display:none;}

.custom_list .kfxxsr_ul {padding:20px 20px 5px 20px; width:103%;}
.custom_list .kfxxsr_ul li { float:left; width:272px; height:36px; line-height:36px; border:1px solid #aeaeae; border-radius:0px; margin:0 20px 15px 0; background:#fff;}
.custom_list .kfxxsr_ul li.tipbox {position:relative;}
.custom_list .kfxxsr_ul li input { height:100%; width:170px; float:left; font-size:14px; background:#fff; border:none;}
.custom_list .kfxxsr_ul li i { color:#000; float:left; margin:0 0 0 5px; line-height:42px; width:14px; min-height:1px; min-width:14px; font-size:20px;}
.custom_list .kfxxsr_ul li span { font-size:14px; color:#333; float:left; width:65px; overflow:hidden; position:relative; margin-right:10px;}
.custom_list .kfxxsr_ul li span:after {content:''; height:20px; width:1px; overflow:hidden; background:#eee; top:8px; right:0; position:absolute;}


.custom_list .kfxxsr_ul li.bz {width:566px;}
.custom_list .kfxxsr_ul li.bz input {width:530px;}

.member-container .custom_list .kfxxsr_ul {padding:20px 0px 5px 0px;}
.member-container .custom_list .kfxxsr_ul li {width:233px; border-radius:0; border-color:#dfdfdf;}
.member-container .custom_list .kfxxsr_ul li input {width:171px;}
.member-container .custom_list .kfxxsr_ul li.bz {width:488px;}
.member-container .custom_list .kfxxsr_ul li.bz input {width:450px;}

.fastdiy_box .zzltxz_left {float:none; width:100%;}

.liangti_type {overflow:hidden; position:relative; z-index:10; text-align:center; padding-bottom:15px;}
.liangti_type li { height:36px; line-height:36px; padding:0 35px; margin:0 8px; cursor:pointer; background:#EFF2F4; border-radius:30px; display:inline-block;}
.liangti_type li.cur {color:#fff; background:#000; font-weight:bold;}
.liangti_type li.cur:hover {color:#fff;}
.liangti_type li:hover {color:#000;}

.size_tab {padding:15px 20px; display:none;}



.fast_btn {text-align:center; padding:0 0 15px 0;}
.fast_btn button {width:150px; margin-left:12px;}
.fast_btn button > span, .fast_btn .abtn > span {border-radius:0px !important;}

.fast_div .size_div li {border-color:#ddd; border-radius:0px;}
.fast_bz {height:72px; width:100%; position:relative; padding-bottom:20px;}
.fast_bz p {width:135px; line-height:72px; text-align:right;}
.fast_bz textarea {border:1px solid #aeaeae; height:60px; padding:5px 10px; line-height:20px; font-size:14px; width:500px; border-radius:0px !important; position:absolute; top:0; left:145px;}




/*.upload_xls {padding:30px 40px;}*/
/*.upload_xls li {padding:0 10px 0 0; float:left; height:36px; line-height:36px; overflow:hidden;}*/
/*.upload_xls li.file {position:relative;}*/
/*.upload_xls li a.up_btn {height:34px;line-height:34px !important;}*/
/*.upload_xls li .up_btn {float:left;height:36px;line-height:36px !important; width:150px; margin-right:12px; cursor:pointer; border-radius:3px; background:#fff; border:1px solid #333; color:#000; text-align:left; transition:.3s;}*/
/*.upload_xls li .up_btn i {font-size:20px;float: left;height: 36px;line-height: 36px;padding-left: 20px;padding-right: 2px;}*/
/*.upload_xls li .up_btn:hover {background:#333; color:#fff; border-color:#333;}*/
/*.upload_xls li.file .up_input {height:34px; float:left;line-height:34px; width:320px; cursor:pointer; border-radius:3px; background:#fff; border:1px solid #aeaeae; text-align:center; color:#000;}*/
/*.upload_xls li .btn {float:left; border-radius:3px; overflow:hidden;}*/
/*.upload_xls li .down_btn {display:block; height:36px;line-height:36px; width:150px; cursor:pointer; border-radius:3px; background:#a59f85; color:#fff;}*/
/*.upload_xls li .down_btn i {font-size: 28px;float: left;height: 36px;line-height: 40px;padding-left: 15px;}*/


/*自主量体*/
/*.zcbg {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 100%;  width: 100%;  position: fixed;  top: 0;left: 0;  z-index:2000;}*/

.zzltxz_box { width:1200px; margin:0 auto; padding:10px 0; border-bottom:1px solid #e8e8e8;}
.zzltxz_box h1.kfxx {font-size:16px; color:#000; padding:20px 0 10px 0;}

.zzltxz_left { width:100%; overflow:hidden;}
.zzltxz_left .xflb { margin:15px -5px 0 -5px; display:flex; align-items:center; flex-wrap:wrap;}
.zzltxz_left .xflb li {width:33.3333%; box-sizing:border-box; padding:5px;}
.zzltxz_left .xflb li .item { height:36px; width:100%; line-height:34px; border:1px solid #ccc; box-sizing:border-box; position:relative; border-radius:5px; display:flex; align-items:center;}
.zzltxz_left .xflb li .p1 {width:148px; min-width:148px; color:#999; padding-left:10px;}
.zzltxz_left .xflb li .p1 b {font-weight:normal;}
.zzltxz_left .xflb li .p1 em {color:#de1322; padding-left:2px; position:relative; top:3px;}
.zzltxz_left .xflb li .p1 span { color:#aaa;}
.zzltxz_left .xflb li input {border:2px solid #fff; background:#f5f5f5;  padding:0; flex-grow:1; width:100%; box-sizing:border-box; border-radius:6px; text-align:center; display:block; height:34px; line-height:30px; position:relative; z-index:10;}
.zzltxz_left .xflb li .p2 {color:#999; min-width:110px; padding-right:10px; text-align:right;}

.zzltxz_left .xflb.size_jj li .item {padding-right:0px;}
.zzltxz_left .xflb.size_jj li .p2 {position:relative; right:0; width:100%; padding:0 45px 0 30px; box-sizing:border-box;}
.zzltxz_left .xflb.size_jj i.iconfont {display:block; position:absolute; top:5px;}
.zzltxz_left .xflb.size_jj i.i_2 {left:0;}
.zzltxz_left .xflb.size_jj i.i_1 {right:15px;}
.xflb i {width:24px; height:24px; font-size:18px; text-align:center; line-height:22px; background:#f2f2f2; color:#888; border-radius:50%; cursor:pointer; position:relative; transition:.3s;}
.xflb i:hover {background:#000; color:#fff;}
.xflb .i_2:before { content: "\e662"; }
.xflb .i_1:before { content: "\e64e"; }
.xflb .i_2 {line-height:24px !important; font-size:16px;}


.size_input {overflow:hidden;  background:#fff; box-sizing:border-box; width:100% !important; position:relative;}

.size_tit {padding:0px 0 10px 0; overflow:hidden;}
.size_tit h2 {font-size:16px; color:#000; float:left; width:55%;}
.size_tit h3 {font-size:16px; color:#000; float:left;}


.size_factory_title_list {height:32px; position:relative; width:100%; overflow:hidden; margin:25px 0 0px 0;}
.size_factory_title_list:before {content:""; display:block; height:1px; background:#ddd; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.size_factory_title_list li {width:90px; padding:1px; float:left; text-align:center; height:30px; line-height:30px; color:#999; cursor:pointer; border-radius:5px 5px 0 0;}
.size_factory_title_list li.on {border:1px solid #ddd; color:#000; border-bottom-color:#fff; padding:0; position:relative; z-index:10;}



::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
}

::-webkit-scrollbar-track-piece {
    background-color: #eee;
    -webkit-border-radius: #ECECEC;
    -moz-border-radius: #ECECEC;
    -ms-border-radius: #ECECEC;
    border-radius: #ECECEC;
}

::-webkit-resizer:vertical {
    background-color: #F6F6F6;
}





::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #333;
}
::-webkit-scrollbar-thumb:horizontal {
    background-color: #BBBBBB;
}
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #888888;
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: #DDDDDD;
}




.member-container .zzltxz_left {width:100%;}

.diy_liangti .uc_tit2 {margin-top:15px;}

.zzfgxz_ul {margin:0 -10px 0 -10px; display:flex; align-items:center; flex-wrap:wrap;}
.zzfgxz_ul li {padding:5px 10px; width:33.333%; box-sizing:border-box;}
.zzfgxz_ul li .item {border-radius:5px; height:36px; width:100%; line-height:34px; border:1px solid #ccc; position:relative; box-sizing:border-box; display:flex; align-items:center;}
.zzfgxz_ul li .item:after {content:''; height:20px; width:1px; overflow:hidden; background:#ddd; top:8px; left:148px; position:absolute;}
.zzfgxz_ul li .p1 {width:140px; min-width:140px; padding-left:10px; color:#999;}
.zzfgxz_ul li .p2 {flex-grow:1;}
.zzfgxz_ul li .p2 select {border:none; height:34px; width:100%; box-sizing:border-box; border-radius:5px !important; display:block;}


.zzltxz_right { width:352px;}
.lthspjc { width:160px; margin:35px auto 20px auto; overflow:hidden;}
.lthspjc li { float:left; font-size:14px; color:#666; line-height:20px; height:20px; overflow:hidden; cursor:pointer;}
.lthspjc li i { display:inline-block; width:1px; height:12px; background:#d2d1d1; margin:0 15px;}
.lthspjc li.now_hover { color:#333; font-weight:bold;}
.zzltxz_qhdiv p img { width:350px; height:400px; padding-bottom:10px;}
.zzltxz_qhdiv p { text-align:center; line-height:20px; font-size:12px; color:#666;}
.sytu { text-align:center; height:20px; line-height:20px; font-size:14px; color:#333;  margin:35px auto 20px auto;}



.select_class_无 {border:1px solid red; display:none;}

.add_btn {background:#EFF2F4; width:142px; height:34px; line-height:33px; text-align:center; color:#000; border-radius:25px; cursor:pointer; margin:2px auto 15px auto; transition:.2s;}
.add_btn i {font-size:18px; position:relative; top:-2px; right:3px;}
.show_sp_class.add_btn {margin:10px 0 0 0;}
.add_btn:hover {background:#000; color:#fff;}

.group_tab {overflow:hidden; position:relative; z-index:10; text-align:center; padding-bottom:15px;}
.group_tab li { height:36px; line-height:36px; padding:0 35px; margin:0 8px; cursor:pointer; background:#EFF2F4; border-radius:30px; display:inline-block;}
.group_tab li.cur {color:#fff; background:#000; font-weight:bold;}
.group_tab li.cur:hover {color:#fff;}
.group_tab li:hover {color:#000;}



.haoxing_list {padding:8px 20px;}
.haoxing_list li {border-bottom:1px solid #eee; line-height:32px; padding:0 0 8px 0;}
.haoxing_list li:last-child {border:none;}
.haoxing_list li h2 {float:left; font-size:14px; font-weight:normal; width:155px; padding-top:8px;}
.haoxing_list li div {float:left; width:900px;}
.haoxing_list li div .allnum {float:left; height:30px; width:161px; text-align:center; overflow:hidden; border-radius:5px; margin:8px 10px 0 0; border:1px solid #aeaeae; line-height:30px;}
.haoxing_list li div p {float:left; height:30px; overflow:hidden; border-radius:5px; margin:8px 10px 0 0; border:1px solid #aeaeae; line-height:30px;}
.haoxing_list li div p input.name_ipt {border:none; width:100px; height:20px; margin:5px 8px 0 0; padding:0 10px; float:left;}
.haoxing_list li div p input.num_ipt {border:none; width:40px; height:30px; padding:0 0; text-align:center; float:left;}
.haoxing_list li div p i {float:left;}
.haoxing_list li div p em {float:right; height:20px; border-left:1px solid #e8e8e8; width:32px; text-align:center; line-height:18px; margin-top:5px; cursor:pointer; transition:.3s;}
.haoxing_list li div p em:hover {color:#000;}
.haoxing_list li span {float:right; margin-top:8px; width:96px; color:#000; background:#EFF2F4; line-height:30px;text-align:center; border-radius:24px; cursor:pointer; transition:.3s;}
.haoxing_list li span i {position:relative; top:-1px; right:2px;}
.haoxing_list li span:hover {color:#fff; background:#000;}



.size_div {overflow:hidden;}
.size_div ul {width:102%;}
.size_div li {width:114px; cursor:pointer; border:1px solid #e8e8e8; position:relative; height:36px; line-height:36px; text-align:center; float:left; margin:0 10px 10px 0; transition:.3s;}
.size_div li.on {border-color:#333; color:#fff;}
.size_div ul.bzh li {height:auto !important;}
.size_div ul.bzh li span {display:block; border-top:1px solid #eee; margin:-5px 10px 4px 10px; line-height:28px;}


.kefu_ipt li.tipbox {position:relative;}
.tipuserinfo {position:absolute; top:36px; border:1px solid #aeaeae; left:-1px; z-index:100; background:#fff; width:325px; max-height:300px; overflow-y: auto;}
.tipuserinfo dd {height:30px; line-height:30px; padding:0 12px; overflow:hidden; cursor:pointer; transition:.3s;}
.tipuserinfo dd:hover {background:#f5f5f5; color:#000;}
.tipuserinfo dd span {float:none; width:auto; margin:0; padding:0; display:block;}
.tipuserinfo dd span:after {display:none;}

.fast_base li.tipbox .get_all_custom {float:none; margin:0; position:absolute; background:#f6f6f6; color:#000; right:6px; top:4px; cursor:pointer; border-radius:15px; padding:0 6px 0 10px; font-size:12px; display:inline-block; line-height:24px; transition:.3s;}
.fast_base li.tipbox .get_all_custom:hover {background:#f2f2f2;}
.fast_base li.tipbox .get_all_custom:after {display:none;}
.fast_base li.tipbox .get_all_custom em {font-size:12px; font-weight:bold; position:relative; top:-1px;}

.all_custom_list.modal_box .modal-dialog {padding:20px 30px; width:600px;}
.all_custom_list .modal-header{text-align: left; font-size:16px;}
.all_custom_list_ul {overflow:hidden; max-height:360px; margin:10px -5px 0 -5px; overflow-y:scroll !important;}
.all_custom_list_ul dd {padding:5px; width:25%; box-sizing:border-box; float:left;}
.all_custom_list_ul dd span {display:block; width:100%; background:#f5f5f5; transition:.3s; height:32px; line-height:32px; border-radius:5px; text-align:center; cursor:pointer;}
.all_custom_list_ul dd span:hover {background:#000; color:#fff;}

.modal_box {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:1010; background:rgba(0,0,0,0.4);}
.modal_box .modal-dialog {width:400px; background: #FFFFFF; padding:30px 50px; position:absolute; left:50%; top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%);  transform:translateY(-50%) translateX(-50%);}
.modal-header {font-size:20px; color:#333; height:30px; line-height:30px; text-align:center;}
.modal-content {text-align:center; padding:35px 0;}
.modal-footer {display:flex; align-items:center; justify-content:space-between;}


.modal_close {width: 18px; height: 18px; display: block; background: url(/img/close.png) no-repeat; background-size:cover; cursor:pointer;
    position: absolute; right: 20px; top: 20px; opacity:0.5;
}
.modal_close:hover {opacity:1;}




.btn_d {display:block; height:44px; line-height:42px; font-size:14px;}


.btn32_sm {color:#000; background:#fff; display:inline-block; height:30px; line-height:30px; font-size:14px; padding:0 20px; border:1px solid #333; text-align:center; transition:.3s;}
.btn32_sm:hover {color:#fff; background:#333;}

.sub40_sm {color:#fff; background:#000; display:inline-block; height:40px; line-height:38px; font-size:14px; padding:0 50px; border:1px solid #000; text-align:center; transition:.3s;}
.sub40_sm:hover { background:#333; border-color:#333;}

.next_btn {height:44px; overflow:hidden;  z-index:50; padding:20px 0 20px 0; width:100%;}
.next_btn button {display:block; height:44px; line-height:42px; font-size:14px; border-radius:3px;}
.next_btn button {width:182px;}
.next_btn .btn_sm {margin-right:20px;}
.next_btn .btn_sm:hover {background:#f5f5f5;}


.diy_layer {position:fixed; z-index:10000; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.diy_layer .layer_con {background:rgba(0,0,0,0.85); height:85px; padding-top:15px; width:90px; margin:-50px 0 0 -45px; border-radius:8px; position:absolute; top:50%; left:50%; color:#fff; text-align:center; font-size:12px;}
.diy_layer .layer_con img {display:block; margin:0 auto; margin-bottom:8px;}


.pad_mask {position:fixed; height:100%; width:100%; left:0; top:0; right:0; bottom:0; z-index:10010; background:rgba(0,0,0,0.5); display:none;}

.ipad_nav {display:none;}

.nav_icon {display:none;}

.szct_show {height:450px; width:100%; position:relative; display:flex; align-items:center;}
.szct_show .szct_con {width:100%;}
.szct_con h1 {font-size:20px; color:#000; padding:105px 0 45px 0; display:none;}
.szct_con ul {width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.szct_con ul li {width:33.333%; height:148px; overflow:hidden; display:flex; align-items:center; flex-direction:column; font-size:16px; cursor:pointer; transition:.3s;}
.szct_con ul li img {margin:25px auto 0 auto; opacity:0.5; transition:.3s; width:64px;}
.szct_con ul li:hover, .szct_con ul li.on {border-color:#f5f5f5; background:#f5f5f5; color:#000;}
.szct_con ul li:hover img , .szct_con ul li.on img{opacity:1;}

.diy_confirm {position:fixed; height:100%; width:100%; left:0; top:0; right:0; bottom:0; z-index:10010; background:rgba(0,0,0,0.4);}
.diy_confirm .confirm_con {background:#fff; width:760px; padding:40px 20px 20px 20px; margin:-312px 0 0 -400px; position:absolute; top:50%; left:50%; text-align:center;}
.confirm_con h1 {font-size:14px; color:#fff; height:38px; line-height:38px; background:#717171; text-align:center; margin:20px 12px 0 0;}
.confirm_con h1:first-child {margin-top:0;}
.confirm_con .div {border-right:1px solid #e8e8e8; margin-right:12px;}
.confirm_con ul {width:100%; text-align:center; overflow:hidden;}
.confirm_con li {float:left; width:50%; height:40px; line-height:38px; overflow:hidden; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; box-sizing: border-box;}
.confirm_con li p {width:150px; float:left; background:#f7f7f7; height:39px; padding-left:15px; box-sizing: border-box; border-right:1px solid #e8e8e8;}
.confirm_con li span {height:39px; padding-left:15px;}
.confirm_con li.img_01 {width:100%; height:auto; overflow:hidden; padding:10px;}
.confirm_con li.img_01 div {line-height:24px; float:left; width:100px; padding:0 10px;}
.confirm_con li.img_01 img, .confirm_con li img {width:100px; height:100px;}

.confirm_con .emb_alert ul li {width:100%; float:none; text-align:center; height:auto; line-height:normal; padding:12px 0;}
.confirm_con .emb_alert ul li img {display:inline-block; vertical-align:middle; max-height:80px; max-width:80px;}

.confirm_scr {height:500px; overflow:hidden;}
.confirm_con .close_icon {top:8px;}
.confirm_con .next_btn {padding-bottom:0;}



.close_icon {display:block; height:28px; width:28px; font-size:28px; text-align:center; line-height:28px; position:absolute; top:15px; right:15px; cursor:pointer; transition:.3s;}
.close_icon:before { content: "\e6a0"; }
.close_icon:hover {color:#000;}

.size_cate {height:38px; position:relative;}
.size_cate:after {content:""; display:block; height:1px; background:#000; position:absolute; bottom:0; left:0; width:100%;}
.size_cate ul {position:absolute; top:0; left:0; z-index:10;}
.size_cate li {float:left; height:36px; line-height:36px; width:120px; text-align:center; cursor:pointer; margin-right:6px;}
.size_cate li.on {border:1px solid #000; background:#fff; color:#000; border-bottom:1px solid #fff;}
.size_cate li.on a {color:#000;}

.diy_layer .layer_con {background:rgba(0,0,0,0.85); height:85px; padding-top:15px; width:90px; margin:-50px 0 0 -45px; border-radius:8px; position:absolute; top:50%; left:50%; color:#fff; text-align:center; font-size:12px;}


/*看图下单*/
.kantu_img img {max-width:100%; margin:0 auto;}
.kantu_cate {padding:30px; overflow:hidden; position:relative;}
.kantu_cate:after {content:""; display:block; height:1px; background:#e8e8e8; position:absolute; left:0; bottom:30px; right:0;}
.kantu_cate ul {position:relative; left:100px; float:left; z-index:10;}
.kantu_cate li {position:relative; float:left; width:280px; text-align:center; padding:12px 40px; cursor:pointer;}
.kantu_cate li:after {content:""; display:block; width:1px; background:#e8e8e8; position:absolute; top:25px; bottom:23px; right:0;}
.kantu_cate li:last-child:after {display:none;}
.kantu_cate li.on a:after {content:""; display:block; height:2px; background:#000; position:absolute; bottom:0; left:40px; right:40px;}
.kantu_cate li.on a {color:#000;}
.kantu_cate li a {display:block; color:#999;}
.kantu_cate li h1 {font-family:Arial; font-size:32px; line-height:40px;}
.kantu_cate li h2 {font-size:20px; margin-top:-3px;}

/*.kantu_search {background:#f6f6f6; height:48px; padding:25px 0; margin-top:15px;}*/
/*.kantu_search form{margin:0 auto; width:620px;}*/
/*.kantu_search input {float: left; width:510px; height:48px; background:none; line-height:48px; padding:0 20px; border:none; background:#fff; color:#000;}*/
/*.kantu_search .btn-search{float:left; width:70px; height:48px; line-height:48px; background:#000; color: #fff; font-size:28px; -webkit-text-stroke-width:0.05px; text-stroke-width:0.05px; text-align: center; transition:.3s;}*/
/*.kantu_search .btn-search:before { content: "\e61d"; position:relative; top:-2px;}*/
/*.kantu_search .btn-search:hover {background:#333;}*/

.kantu_list{margin:0 auto; width:1000px;}
.kantu_list h1 {font-size:24px; height:50px; padding:10px 0; line-height:50px; overflow:hidden; color:#000; text-align:center;}
.kantu_list li{float: left; width:25%; background:#fff; text-align:center; padding-bottom:41px;}
.kantu_list li a {display:block; margin:0 10px;}
.kantu_list li .pic {width:100%; padding-bottom:100%; position:relative; overflow:hidden;}
.kantu_list li .pic img {width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; transition:.5s;}
.kantu_list li h3 {font-size:14px; line-height:24px; height:24px; margin-top:8px; color:#999; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition:.3s;}
.kantu_list li p {font-size:14px; color:#000;}
.kantu_list li a {color:#000;}
.kantu_list li:hover h3 {color:#000;}
.kantu_list li .pic:hover img {transform:scale(1.1);}



.help_down {width:1080px; margin:0 auto; padding:40px 0 50px 0;}
.help_down h1 {font-size:24px; height:40px; line-height:40px; overflow:hidden; text-align:center; color:#000; padding-bottom:30px;}
.help_down li {overflow:hidden; padding:15px 0; border-bottom:1px dotted #ddd;}
.help_down li:last-child {border:none;}
.help_down li h2 {font-size:16px; height:40px; line-height:40px; overflow:hidden; float:left; width:70%;}
.help_down li .down_btn {height:38px; line-height:38px; text-align:center; float:right; border:1px solid #000; color:#000; width:120px; display:inline-block; transition:.3s;}
.help_down li:hover .down_btn {background:#000; color:#fff;}


/*自定义弹层样式*/
.layerBox{position:fixed; display:none; z-index:120; left:0; top:0; right:0; bottom: 0; background:rgba(0,0,0,0.4); width: 100%;height: 100%;}
.layerContent{background:#fff; position:absolute; left:50%; top:50%; width:720px;
    -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
    -webkit-transform:translateY(-50%) translateX(-50%); -moz-box-shadow:translateY(-50%) translateX(-50%); box-shadow:translateY(-50%) translateX(-50%);
}
.layerBody {padding:20px;}
.layerForm {padding:20px 30px; overflow:hidden;}
.layerForm li {overflow:hidden; padding:10px 0px;}
.layerForm li span {float:left; width:50px; text-align:right; line-height:36px; padding-right:10px;}
.layerForm li p {float:left;}
.layerForm .layerInput {width:450px; padding:0 10px;}
.layerForm .layerInput.textarea {height:200px; padding:10px;}
.layerBtn {padding:0 0 10px 90px;}
.layerBtn .btn {margin-right:10px;}
.closeIcon {position:absolute; top:15px; right:15px; width:20px; height:20px; cursor:pointer; transition:.3s; opacity:0.3;}
.closeIcon:hover {opacity:1;}
.layerText {}
.layerText h1 {font-size:18px; color:#000; line-height:24px; padding:20px 0 30px 0;}
.layerText h2 {font-size:14px; line-height:22px;}
.layerText p {padding:30px 0 5px 0;}

.goods_img, .goods_img2 ,.goods_img3 {display:none;}



/*自适应IPAD S*/

@media (max-width:1140px){

    .header {width: 100%;}
    .nav_box {display:none !important;}

    .ipad_nav .user_info {padding:20px 20px;border-color: #454545;margin-bottom:20px;}
    .ipad_nav .user_info a {border:none; background:#666; color:#fff; border-radius:15px;}
    .ipad_nav .userBtn {display:flex; justify-content:space-between; padding-top:15px; align-items:center;}
    .ipad_nav {position:fixed; height:100%; width:240px; top:0; right:0; bottom:0; z-index:100000; cursor:pointer; background:rgba(45,45,45,0.96); overflow-y:scroll;}
    .ipad_nav li ul {display:none;}
    .ipad_nav li .iconfont:before {display:none;}
    .ipad_nav ul {padding:0 15px;}
    .ipad_nav li {line-height:44px; font-size:14px; width:100%;}
    .ipad_nav li a.child {display:none;}
    .ipad_nav li a {display:block; border-bottom:1px solid #454545; color:#999; position:relative;}
    .ipad_nav li a:after {content:''; width:8px;height:8px; border-right:1px solid #454545; border-top:1px solid #454545; position:absolute; top:17px; right:10px; transform: rotate(45deg);}
    .ipad_nav li b {background:#eee; display:block; height:36px; text-align:center; margin-bottom:10px; line-height:36px; border-radius:16px;}
    .ipad_nav .show_menu {border:none !important;}

    .ipad_nav .uc_nav {padding-bottom:10px;}
    .ipad_nav .uc_nav h3 {font-size:14px; line-height:32px; padding-left:16px;}

    .show_menu dl {width:100%; text-align:left; padding:0;}
    .show_menu dl img {display:none;}
    .show_menu dd {display:block; font-size:14px; line-height:44px;}

    .user_link .uc_nav {display:none !important;}

    .head_uc .uc_nav {display:none !important;}

    .goods_box {width:100%;}
    .goods_left {width:calc(100% - 450px);}
    .goods_left .zoom-slider, .goods_left2 .zoom-slider, .goods_left4 .zoom-slider {display:none;}
    .goods_left .goods_img2, .goods_left2 .goods_img, .goods_left4 .goods_img3 {display:block;}
    .goods_left .goods_img2 img, .goods_left2 .goods_img img, .goods_left4 .goods_img3 img {width:100%;}

    .goods_left2 {width:calc(100% - 560px);}
    .goods_left4 {width:calc(100% - 560px);}


    .nav_icon {width:60px; height:60px; line-height:56px; text-align:center; margin:0 0 0 20px; float:left; color:#fff; display:block;}
    .nav_icon i {font-size:32px; display:block;}
    .nav_icon i:before {content: "\e66f"; }

    .wrap-lg {width:100% !important; box-sizing: border-box; padding:0 12px;}
    .cart_main {width:100% !important; padding:0;}

    .goods_detail3 .goods_con {width:100%;}

    .haoxing_list li div {width:100%;}

    .diy_left {width:460px !important; overflow:hidden;}
    .diy_img {margin:-30px 0 0 -20px;}
    .diy_right {margin-right:0px;}

    .uc_left {display:none;}
    .uc_right {float:none; width:100%; padding:0; border:none;}

    .help_box {padding:40px 20px;}
    .help_info {width:100%;}
    .help_box dl {width:18%;}
    .footer {padding:0 15px;}
    .footer .w {width:100%;}

    .order_address li:hover {background:none;}
    .order_address li .address-default, .order_address li .action-edit-address, .order_address li .addr-delete,  .order_address li .action-edit-invoice  {display:block;}

}

@media (max-width:1024px){


    .goods_left {float:none; width:100%; box-sizing: border-box; padding:10px 8px; border:none;}
    .goods_right {padding:10px 8px; float:none; width:auto;}

    .goods_left2, .goods_left4 {float:none; width:100%; box-sizing: border-box; padding:10px 8px; border:none;
        overflow: hidden;}
    .goods_right2 {padding:10px 8px; float:none; width:auto;}
    .goods_left2 .goods_img {display:block;}


    .zzltxz_left .xflb li {width:50%;}
    .zzfgxz_ul > li {width:50%;}
    .zzltxz_box {width:100%;}


    .company {width:80%;}
    .link_item {width:96%}

    .itemslist3 li {width:33.3333%}

    .kantu_list {width:100%;}
    .kantu_list li {width:33.3333%}




    #cart_main {min-height:auto; padding-bottom:10px !important;}
    .cart_main .h1_tit {font-size:20px; line-height:50px; height:50px; padding:5px 0 0 12px;}
    .cart .cart-table {margin-bottom:0;}
    .cart-table .item-table tbody {border:none;}
    .cart-table .cart-col.col-name {width:40%;}
    .cart-table .cart-col.col-other {width:12%;}
    .cart_main .btn-import > span {border-radius:0;}

    .checkout {width:100% !important; padding:0;}
    .checkout .h1_tit {font-size:20px; line-height:50px; height:50px; padding:5px 0 0 12px;}
    .order-confirm-item {border-bottom:12px solid #f3f3f3; padding-bottom:5px;}
    .order-confirm-address li {border-left:none; border-right:none; }
    .order-confirm-address li:last-child {border:none;}
    .order-confirm-item-hd, .order-confirm-item-bd {margin:0 12px;}
    .order-confirm-address li label {width:830px;}
    .order-verify-paytype .paytype-item {border:none;}
    .order-verify-gooditem .item-bd {border-left:none; border-right:none; border-bottom:none;}
    .order-confirm-item.order-verify-gooditem {border:none;}
    .verify-total-info .item-border {border-left:none; border-right:none; border-bottom:none;}
    .checkout_btn {padding:20px 12px;}
    .checkout_btn button {right:12px !important;}
    .payment .payment-choose-bd {border:none;}

    .membercenter-box .membercenter-box-hd {font-size:20px; line-height:36px; height:36px; padding:0;}
    .membercenter-box-row {margin:0;}
    .search-trade-form {top:10px;}

    .member-container {padding-right:12px; padding-left:12px; padding-top:15px;}

    .member-container .zzltxz_box {padding-right:0 !important; padding-left:0 !important;}

    .status-bar {width:100%;}
    .status-bar div {width:25%;}
    .uc_form li .form-label {width:300px;}

    .diy_left {width:500px; overflow:hidden; float:none !important; margin:0 auto;}
    .diy_img {margin:-30px 0 0 -40px;}
    .diy_right {margin:0 auto; float:none !important;}

    .fab_list li .div {background:rgba(0,0,0,0.92); color:#fff; padding:10px 5px 10px 10px; position:fixed; top:232px; left:50%; z-index:200; margin:0 0 0 42px; display:none; text-align:left; width:105px; transition:.3s;}
    .dict_son_item_item_emb dt.position .div1 {margin-left:42px;}


    .choose {padding-top:20px !important;}

    .goods_detail2 .goods_con {width:100%;}
    .goods_detail2 .goods_con img {max-width:100%; margin:0 auto;}

    .h1_tit {padding:0 12px;}
    .cart-table .cart-table-btm {padding-right:292px;}
    .cart-table .cart-table-btm .submit-cart {right:12px;}
    .cart-table .cart-table-btm .submit-chajia {right:156px;}

    .down_menu {display:none;}
    .zoom-slider .pic-thumb {display:none;}
    .zoom-slider .pic-show,.zoom-slider .pic-show .show-box {width:560px;  overflow:hidden;}


    .fastdiy_box {padding:20px 12px;}
    .fast_ul {padding:14px 20px;}
    .fast_ul li {padding:6px 28px 6px 0;}
    .fast_ul li:last-child input {width:135px !important;}

    .custom_list .kfxxsr_ul li {width:296px;}
    .custom_list .kfxxsr_ul li input {width:200px;}

    .help_down {width:96%;}
    .help_down li {width:33.3333%; float:left;}





}



@media (max-width:800px){


    .item-table.table-orderdtl .table-col-2{width: 32%;}
    .uc_form li .form-label {width:200px;}

    .zzltxz_left .xflb li {width:50%;}

    .kantu_list {width:100%;}
    .kantu_list li {width:50%;}

    .kantu_cate {padding:30px 0;}

    .footer {padding:0 15px;}
    .footer .w {width:100%;}
    .footer p {display:none;}
    .footer .foot_txt {text-align:center; float:none;}
    .footer .foot_txt span {padding:0 10px;}

    .help_down {width:98%;}
    .help_down li {width:50%; float:left;}
}

/*新的商家主页头部（原高阳维权网站主页的样式）*/
.wq_header {width:100%; background:#fff;}
.wq_head {width:1200px; margin:0 auto; padding:20px 0;}
.wq_head .wg_logo {float:left; width:220px; overflow:hidden;}
.wq_head .wg_logo img {height:52px;}
.wq_nav {width:960px; overflow:hidden; float:right; line-height:50px; height:50px; overflow:hidden;}
.wq_nav ul {float:right;}
.wq_nav li {float:left; line-height:50px; height:50px; padding:0 3px; font-size:16px;}
.wq_nav li a {display:block; padding:0 20px; transition:.2s;}
.wq_nav li a:hover {background:#f5f5f5;}
.wq_nav li a.on, .wq_nav li a.on:hover {background:#3866dd; color:#fff;}

.wq_artlist {width:1200px; margin:0 auto; overflow:hidden; padding:10px 0 20px 0;}
.wq_artlist li {overflow:hidden; border-bottom:1px solid #e2e2e2; padding:15px 0; position:relative;}
.wq_artlist li img {float:left; width:240px; height:160px;}
.wq_artlist li .wx_text {float:right; width:940px;}
.wq_artlist li h2 {font-size:18px; font-weight:bold; line-height:32px; height:32px; text-overflow:ellipsis; white-space:nowrap;}
.wq_artlist li h3 {font-size:14px; color:#717171; line-height:20px; height:60px; margin-top:8px; text-overflow:ellipsis; white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.wq_artlist li h4 {font-size:14px; color:#999; line-height:32px; height:32px; position:absolute; left:260px; bottom:15px; right:0;}
.wq_artlist li h4 span {position:absolute; right:0; bottom:0; text-decoration:underline;}
.wq_artlist li:hover h4 span {color:#3866dd;}

.wq_detail {width:1200px; margin:0 auto; padding:25px 0 40px 0;}
.wq_detail .art_tit {height:40px; line-height:40px; overflow:hidden; font-size:24px;}
.wq_detail .time {height:20px; line-height:20px; overflow:hidden; font-size:14px; text-align:right; color:#8c8c8c;}
.wq_artcon {border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin:10px; width:100%; overflow:hidden; padding:15px 0 20px 0;}
.wq_artcon img {display:block; margin:0 auto;}

.art_page {padding-top:15px;}
.art_page p {height:28px; line-height:28px; overflow:hidden; font-size:14px; color:#8c8c8c;}

/*在线客服*/
.home_fixed {position:fixed; right:12px; bottom:50px; z-index:999999999; transition:.3s;}
.home_fixed .kf_item {width:64px; border:2px solid #000; border-radius:50px; background:#EFF4FF;}
.home_fixed .p1 {position:relative; width:100%; padding:15px 0; color:#495b6e; text-align:center; cursor:pointer; transition:.2s; border-bottom:1px solid #d9e1f1;}
.home_fixed dd {transition:.3s; position:relative;}
.home_fixed dd:last-child .p1 {border:none;}
.home_fixed dd:first-child {border-radius:48% 48% 0 0;}
.home_fixed dd:last-child {border-radius:0 0 48% 48%;}
.home_fixed dd:last-child .p1 {padding-bottom:36px;}
.home_fixed dd:hover {background:#fff;}
.home_fixed dd i {display:block; width:30px; height:30px; text-align:center; line-height:30px; font-size:26px; margin:0 auto;}
.home_fixed span {font-size:13px;}
.fk_hide {transform:translateX(80px);}

.show_kftext {border-radius:16px 0 0 16px; overflow:hidden; width:30px; padding:8px 0 8px 0; text-align:center; line-height:15px; color:#fff; background:#000; position:absolute; left:-30px; top:50%; transform:translateY(-50%); cursor:pointer;}
.show_kftext i {width:16px; height:16px; display:block; border-radius:50%; background:#0041C7; color:#fff; font-size:10px; line-height:16px; text-align:center; margin:0 auto;}
.show_kftext span {font-size:12px;}

.hide_kf {color:#fff;width: 50px;height:20px;overflow:hidden;position:absolute;bottom:2px;left: 9px; z-index:10; text-align:center; cursor:pointer;}
.hide_kf i {transform: rotate(180deg); font-size:12px; font-weight:bold; background:#000; display:block; width: 50px;border-radius: 60%;height:20px;line-height:20px;overflow:hidden;}



.show_kf {position: absolute; bottom:-66px; right:76px; padding:10px 5px 15px 5px; display:none; border-radius:6px; border:1px solid #959de4; text-align: left;line-height: 40px;font-size: 13px; width:444px; background:#fff; transition: all 0.3s ease-in;}
.home_fixed dd:hover .show_kf{display:block;}
.show_kf:after{content:''; width:10px; height:10px; border-bottom:1px solid #959de4; border-right:1px solid #959de4; position:absolute; bottom:96px; right:-6px; -webkit-transform: rotate(-45deg); background:#fff;}
.show_kf ul {overflow:hidden;}
.show_kf li {float:left; padding:10px 10px 0 10px; text-align:center; position:relative;}
.show_kf img {width:128px;}
.show_kf h5 {font-size:14px; color:#000; width:100%;  z-index:10; text-align:center; padding:0; height:24px; line-height:24px;}
.diy_fw .diy_help .kf_ma {bottom:0;}
.diy_fw .diy_help .kf_ma:after {bottom:30px;}

.show_kf.gzh {width:150px;}
.show_kf.about_hn {width:150px; line-height:40px; bottom:-15px;}
.show_kf.about_hn:after {bottom:72px;}
.show_kf.about_hn .about_btn {height:32px; width:108px; text-align:center; line-height:32px; color:#fff; border-radius:30px; background:#000; display:inline-block;}




.home_fixed .home_fixed_btn .show_kf1.on {display:block;}
.home_fixed .home_fixed_btn .show_kf1 li {float:left; padding:0 10px; text-align:center;}
.home_fixed .home_fixed_btn .show_kf1 img {display:block; width:138px;}
.home_fixed .home_fixed_btn .show_kf2 {box-sizing:border-box; display:none; position:fixed; right:88px; background:rgba(255,255,255,0.96); padding:15px 5px 5px 5px; height:186px; margin-top:-88px; border:1px solid #ddd; border-right:0;}
.home_fixed .home_fixed_btn .show_kf2.on {display:block;}
.home_fixed .home_fixed_btn .show_kf2 li {float:left; padding:0 10px; text-align:center;}
.home_fixed .home_fixed_btn .show_kf2 img {display:block; width:138px;}


.home_cx { width:1240px; margin:0 auto; overflow:hidden; padding:15px 0 0 0;}
.home_cx ul { width:105%; overflow:hidden;}
.home_cx li { float:left; width:263px; height:252px;  padding:0 15px 12px 15px; margin:0 20px 20px 0; border:1px solid #eee; border-radius:12px; background:#fff; transition:.5s;}
.home_cx li:hover {border-color:#000;}
.home_cx li:hover p {border-color:#000;}
.home_cx li:hover a {color:#000;}
.home_cx li a {color:#333;}
.home_cx li p {width:263px; height:120px; padding:15px 0; line-height:120px; overflow:hidden; border-bottom:1px solid #eee; text-align:center; transition:.5s;}
.home_cx li p img {max-width:200px; max-height:120px;  vertical-align:middle; display:inline-block; transition:.5s;}
.home_cx li p img:hover {transform: scale(1.1);}
.home_cx li h2 { font-size:18px; height:40px; line-height:40px; overflow:hidden; margin-top:5px;}
.home_cx li h3 { font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:3px; color:#999;}
.home_cx ul.div1 {display:none;}

.cxlc {width:1200px; margin:0 auto; overflow:hidden; border-radius:15px; margin-bottom:15px;}
.cxlc .div1 {display:none;}
.cxlc img {width:1200px; border-radius:15px;}