body{ background:#f1f1f1;}
.hide{ display: none!important;}
a,input {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;    color: #000;}
*[data-role="widget"] img{ display:block; width:100%;}

/******************** 轮播广告-start  ********************/
.slider_1{width:100%;overflow:hidden;}
.slider_1 .swiper-slide img{width:100%;height:auto;max-width:100%;}
.slider_1 .pagination { position: absolute;left: 0;text-align: center;bottom:4%;width: 100%;}
.slider_1 .swiper-pagination-switch { display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #ffffff;margin: 0 5px;cursor: pointer;opacity:.8;}
.slider_1 .swiper-active-switch { background: #2a3d4b;opacity:1;}
/***********************************************/

.slider_2{	width:100%;overflow:hidden;}
.slider_2 .swiper-slide img{width:100%;height:auto;max-width:100%;}
.slider_2 .icons{  position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;z-index:100;background:url(../../images/widget/widget_icons_2.png) no-repeat;background-size:50px auto;}
.slider_2 .icons_left{ background-position:0 -34px;left:1%}
.slider_2 .icons_right{ background-position:-3px -83px;right:1%}

/***********************************************/
.slider_3{width:100%;overflow:hidden;}
.slider_3 .swiper-slide img{width:100%;height:auto;max-width:100%;}
.slider_3 .pagination {  position: absolute;left: 0;text-align: center;bottom:4%;width: 100%;}
.slider_3 .swiper-pagination-switch {  display: inline-block;width: 18px;height: 18px;background: #fff;margin: 0 5px;cursor: pointer;opacity:.8;color:#444444;font-size:12px;}
.slider_3 .swiper-active-switch {  background: #444444;opacity:1;color:#ffffff;}

/***********************************************/
.slider_4{width:100%;overflow:hidden;}
.slider_4 .swiper-slide img{width:100%;height:auto;max-width:100%;}
.slider_4 .pagination { position: absolute;left: 0;bottom:0;width: 100%;height:2px;background:#d2d2d2;overflow:hidden;}
.slider_4 .swiper-pagination-switch { height: 2px;background: #d2d2d2;float:left;}
.slider_4 .swiper-active-switch { background: #ff5366;}

/******************** 轮播广告- end  ********************/

/******************** 背景浮层-start  ********************/
.float_1{ position:relative; width:100%; max-width:100%;}

.float_1 .widget_wrap{ position:relative;  width:100%; overflow:hidden;}
.float_1 .widget_wrap .fixed{ position:absolute; width:100%; top:60%; max-width:640px; padding:5% 0; z-index:2;}
.float_1 .widget_wrap .fixed ul{  margin-left:9%;}
.float_1 .widget_wrap ul li {
    line-height:36px; text-align:center; width:42%; float:left; margin:0 6% 15px 0;}
.float_1 .widget_wrap ul li a{ color:#000; position:relative;}
.float_1 .a-fadein{
    -webkit-animation:fadein 3s  ease-out backwards;animation:fadein 3s ease-out backwards;}
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}

.float_1 .a-fadeinL{
    -webkit-animation:fadeinL 1s ease-out backwards;animation:fadeinL 1s ease-out backwards;}

@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform: translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform: translateX(-100px);}
    100%{opacity:1;transform: translateX(0);}
}

.float_1 .a-fadeinR{
    -webkit-animation:fadeinR 1s ease-out backwards;animation:fadeinR 1s ease-out backwards;}

@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform: translateX(100px);}
    100%{opacity:1;-webkit-transform: translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform: translateX(100px);}
    100%{opacity:1;transform: translateX(0);}
}


/****************************/
.float_2{ position:relative;   width:100%; max-width:100%;  }

.float_2 .widget_wrap{ position:relative;width:100%; overflow-y:hidden;} 
.float_2 .menuHolder { position:absolute;z-index:100;  }
.float_2 .menuHolder ul {padding:0; margin:0; list-style:none; position:absolute; left:0; top:0; width:0; height:0;}
.float_2 .menuHolder ul li {border-radius:0 0 160px 0; width:0; height:0;}
.float_2 .menuHolder ul li a {color:#000; text-decoration:none; font-size:14px; text-align:center; /*box-shadow:-2px 2px 1px rgba(6,6,6,0.2);*/
                              -webkit-transform-origin:0 center;-moz-transform-origin:0 center;-ms-transform-origin:0 center;-o-transform-origin:0 center;transform-origin:0 center;}
.float_2 .menuHolder ul.p1 li {position:absolute; left:0; top:0;}
.float_2 .menuHolder ul.p2 {z-index:-1;}
.float_2 .menuHolder li.s0 > a {position:absolute; display:block; width:60px; padding-right:15px; height:120px;  border-radius:0 60px 60px 0; top:100px; line-height:120px; text-align:center; box-shadow:4px 0px 10px rgba(0,0,0,0.2);
                                color:#373c73; }
.float_2 .menuHolder li.s0 > a.active{ background:#f0f; color:#fff;}
.float_2 .menuHolder ul.p2 li > a {position:absolute; display:block; width:160px; height:320px;  border-radius:0 160px 160px 0; top:-80px;  }

.float_2 .menuHolder ul ul {	top:80px;	display:block;}

.float_2 .menuHolder li.s2:nth-of-type(2) > a {-webkit-transform:rotate(90deg);transform:rotate(90deg); }
.float_2 .menuHolder li.s2:nth-of-type(2) > a span{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}

.float_2 .menuHolder li.s3:nth-of-type(2) > a { -webkit-transform:rotate(60deg); transform:rotate(60deg); }
.float_2 .menuHolder li.s3:nth-of-type(2) > a span{ -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
.float_2 .menuHolder li.s3:nth-of-type(3) > a {-webkit-transform:rotate(120deg);transform:rotate(120deg); }
.float_2 .menuHolder li.s3:nth-of-type(3) > a span{-webkit-transform:rotate(-120deg);transform:rotate(-120deg);}

.float_2 .menuHolder li.s4:nth-of-type(2) > a { -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.float_2 .menuHolder li.s4:nth-of-type(2) > a span{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:relative }
.float_2 .menuHolder li.s4:nth-of-type(3) > a { -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.float_2 .menuHolder li.s4:nth-of-type(3) > a span{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }
.float_2 .menuHolder li.s4:nth-of-type(4) > a { -webkit-transform:rotate(135deg);transform:rotate(135deg);}
.float_2 .menuHolder li.s4:nth-of-type(4) > a span{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }

.float_2 .menuHolder ul.p2 li:nth-of-type(1) > a span{ position:relative;}

.float_2 .menuHolder span{display:block; width:90px; text-align:center;}
.float_2 .menuHolder .s1 span { margin-left:75px; margin-top:94%;  }
.float_2 .menuHolder .s2 span { margin-left:40px; margin-top:40%; }
.float_2 .menuHolder .s3 span { margin-left:15px; margin-top:25%;}
.float_2 .menuHolder .s4 span { margin-top:25%;}

.float_2 .menuHolder ul ul.a-bouncein{ display:block; -webkit-animation: bouncein 1s  forwards;
                                       -moz-animation: bouncein 1s forwards;-o-animation: bouncein 1s forwards;animation: bouncein 1s forwards;-webkit-transform-origin:0 80px;transform-origin:0 80px;
}
.float_2 .menuHolder ul ul.a-bounceout{ -webkit-animation: bounceout 1s  forwards;-moz-animation: bounceout 1s forwards;-o-animation: bounceout 1s forwards;animation: bounceout 1s forwards;
                                        -webkit-transform-origin:0 80px;transform-origin:0 80px;}
.float_2 .menuHolder .menuWindow {width:160px; height:320px; overflow:hidden; position:absolute; top:0px; z-index:100;}

/****************************/
.float_3{ position:relative; width:100%; max-width:100%; }

.float_3 .widget_wrap{ position:relative;  width:100%; overflow-y:hidden;} 
.float_3 .menuHolder { position:absolute;z-index:100; right:0; }
.float_3 .menuHolder ul {padding:0; margin:0; list-style:none; position:absolute; right:0; top:0; width:0; height:0;}
.float_3 .menuHolder ul li {border-radius:160px 0 0 0; width:0; height:0;}
.float_3 .menuHolder ul li a {color:#000; text-decoration:none; font-size:14px; text-align:center; /*box-shadow:-2px 2px 1px rgba(6,6,6,0.2);*/
                              -webkit-transform-origin:100% center;-moz-transform-origin:100% center;-ms-transform-origin:100% center;-o-transform-origin:100% center;transform-origin:100% center;}
.float_3 .menuHolder ul.p1 li {position:absolute; right:0; top:0;}
.float_3 .menuHolder ul.p2 {z-index:-1;}
.float_3 .menuHolder li.s0 > a {position:absolute; display:block; width:60px; padding-left:15px; height:120px; border-radius: 60px 0 0 60px; top:100px; line-height:120px; text-align:center; box-shadow:-4px 0px 10px rgba(0,0,0,0.2); right:0;color:#373c73;  }
.float_3 .menuHolder li.s0 > a.active{ background:#f0f; color:#fff;}
.float_3 .menuHolder ul.p2 li > a {position:absolute; display:block; width:160px; height:320px;  border-radius: 160px 0 0 160px; top:-80px; right:0; }

.float_3 .menuHolder ul ul {	top:80px;}

.float_3 .menuHolder li.s2:nth-of-type(2) > a {-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.float_3 .menuHolder li.s2:nth-of-type(2) > a span{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}

.float_3 .menuHolder li.s3:nth-of-type(2) > a { -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
.float_3 .menuHolder li.s3:nth-of-type(2) > a span{ -webkit-transform:rotate(60deg); transform:rotate(60deg);}
.float_3 .menuHolder li.s3:nth-of-type(3) > a {-webkit-transform:rotate(-120deg);transform:rotate(-120deg);}
.float_3 .menuHolder li.s3:nth-of-type(3) > a span{-webkit-transform:rotate(120deg);transform:rotate(120deg);}

.float_3 .menuHolder li.s4:nth-of-type(2) > a { -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.float_3 .menuHolder li.s4:nth-of-type(2) > a span{ -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.float_3 .menuHolder li.s4:nth-of-type(3) > a { -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.float_3 .menuHolder li.s4:nth-of-type(3) > a span{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.float_3 .menuHolder li.s4:nth-of-type(4) > a { -webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.float_3 .menuHolder li.s4:nth-of-type(4) > a span{ -webkit-transform:rotate(135deg);transform:rotate(135deg);}

.float_3 .menuHolder ul.p2 li:nth-of-type(1) > a span{ position:relative;}

.float_3 .menuHolder span{display:block; width:90px; text-align:center;}
.float_3 .menuHolder .s1 span {  margin-top:94%; margin-left:-5px; }
.float_3 .menuHolder .s2 span { margin-left:30px; margin-top:40%; }
.float_3 .menuHolder .s3 span { margin-left:54px; margin-top:28%;}
.float_3 .menuHolder .s4 span { margin-left:70px; margin-top:25%;}

.float_3 .menuHolder ul ul.a-bouncein{ display:block; 
                                       -webkit-animation: bouncein 1s  forwards;
                                       -moz-animation: bouncein 1s forwards;
                                       -o-animation: bouncein 1s forwards;
                                       animation: bouncein 1s forwards;
                                       -webkit-transform-origin:0 80px;
                                       transform-origin:0 80px;

}
.float_3 .menuHolder ul ul.a-bounceout{ 
    -webkit-animation: bounceout 1s  forwards;
    -moz-animation: bounceout 1s forwards;
    -o-animation: bounceout 1s forwards;
    animation: bounceout 1s forwards;
    -webkit-transform-origin:0 80px;
    transform-origin:0 80px;

}
.float_3 .menuHolder .menuWindow {width:160px; height:320px; overflow:hidden; position:absolute; right:0; top:0px; z-index:100;}

@-webkit-keyframes bouncein{
    0%{opacity:0.3;-webkit-transform:scale(0.4);display:block;}
    100%{opacity:1;-webkit-transform:scale(1);display:block;}
}

@keyframes bouncein{
    0%{opacity:0.3;transform:scale(0.4);display:block;}
    100%{opacity:1;transform:scale(1);display:block;}
}

@-webkit-keyframes bounceout{
    0%{opacity:1;-webkit-transform:scale(1); display:block;}
    99%{opacity:0.3;-webkit-transform:scale(0.4); display:block;}
    100%{opacity:0;-webkit-transform:scale(0.4); display:none;}	
}

@keyframes bounceout{
    0%{ opacity:1;transform:scale(1); display:block;}
    99%{opacity:0.3;transform:scale(0.4); display:block;}
    100%{opacity:0;transform:scale(0.4); display:none;}
}

.float_4{ position:relative;  width:100%; max-width:100%; }
.float_4 .widget_wrap{ position:relative; width:100%; overflow-y:hidden;}
.float_4 .linxingcon{ position:absolute;  left:20px; transform-origin:0% 50%;-webkit-transform-origin:0% 50%;}
.float_4 .linxing{ width:100px; height:100px; position:absolute; z-index:1;
                   -webkit-transform:rotate(45deg);  transform:rotate(45deg); left:0; top:20px; }
.float_4 .linxing .lxcon{-webkit-transform:rotate(-45deg);  transform:rotate(-45deg); position:relative;  text-align:center; width:100px; height:100px;	display: -webkit-box;        display: -ms-flexbox;        display: -webkit-flex;        display: flex;        -webkit-box-pack: center;       -ms-flex-pack: center;        -webkit-justify-content: center;        justify-content: center;        -webkit-box-align: center;        -ms-flex-align: center;        -webkit-align-items: center;        align-items: center;}
.float_4 .linxing .lxcon a{	color:#000;}
.float_4 .widget_wrap .linxing .lxcon img{ width:50%; display:block; max-width:60px; margin-left:25%; margin-top:-10px;}
.float_4 .linxing:nth-of-type(2){ left:71px; top:91px;}
.float_4 .linxing:nth-of-type(3){ left:0; top:162px;}
.float_4 .linxing:nth-of-type(4){ left:71px; top:233px;}
.float_4 .linxing:nth-of-type(5){ left:0px; top:304px;}

.float_5{ position:relative;  width:100%; max-width:100%; }

.float_5 .widget_wrap{ position:relative;  width:100%; overflow-y:hidden;}
.float_5 .linxingcon{ position:absolute; right:22px; -webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center; }
.float_5 .linxing{ width:100px; height:100px; position:absolute; z-index:1; -webkit-transform:rotate(45deg);  transform:rotate(45deg); right:0; top:20px; overflow:hidden; }
.float_5 .linxing .lxcon{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position:relative;  text-align:center; width:100px; height:100px;
                          display: -webkit-box;
                          display: -ms-flexbox;
                          display: -webkit-flex;
                          display: flex;
                          -webkit-box-pack: center;
                          -ms-flex-pack: center;
                          -webkit-justify-content: center;
                          justify-content: center;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          -webkit-align-items: center;
                          align-items: center;
}
.float_5 .linxing .lxcon a{	color:#000;}
.float_5 .widget_wrap .linxing .lxcon img{ width:50%; display:block; max-width:60px; margin-left:25%; margin-top:-10px;}
.float_5 .linxing:nth-of-type(2){ right:71px; top:91px;}
.float_5 .linxing:nth-of-type(3){ right:0; top:162px;}
.float_5 .linxing:nth-of-type(4){ right:71px; top:233px;}
.float_5 .linxing:nth-of-type(5){ right:0px; top:304px;}

/******************** 背景浮动-end  ********************/

/******************** 活动-start  ********************/
.goodlists div.img_wrap{display: block;	overflow: hidden;}
.goodlists div.img_wrap img{width:100%;background-size: cover;background-position:center;}

/********* activity_top**********/
.activity_top{ margin:0 8px;background:#ffe4ab;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;text-align:left;min-height:130px;position:relative;}
.activity_top .widget_wrap{ width:100%;text-align:center;}
.activity_top h3{   border-bottom:1px dashed #999;line-height:30px; position:absolute; top:5%; width:94%; left:3%; text-align:left; padding-left:1%; font-size:16px;
}
.activity_top h3 span{ float:right; padding-right:1%; font-size:12px; font-weight:normal;}
.activity_top h3 span a{ color:#000;}

.activity_top h2{  font-size:20px; color:#404040; text-align:center; 
                   display:block; width:100%; margin:0; padding:0;	overflow:hidden;white-space: nowrap;	text-overflow:ellipsis;}
.activity_top p{ color:#404040; font-size:15px; margin:2px auto 4px auto; width:70%; line-height:1.5em;}
.activity_top p span{ color:#ff5366}
.activity_top h5{ font-size:12px; color:#333333; font-weight:normal;}

/********* activity_top**********/
.goodsList_top{  margin:0 8px;  margin-top:10px; }

.goodsList_top .widget_wrap{overflow:hidden;text-align: center;height:33px;}
.goodsList_top label{	display: inline-block;padding:0 10px;height:30px;line-height: 30px;position: relative;color:#3e3e3e;font-size:15px;}
.goodsList_top label>p{	overflow:hidden;max-width:200px;min-width:100px;white-space: nowrap;text-overflow:ellipsis;border:1px solid #000000;box-shadow:0px 1px 1px #000;padding:0 10px;}
.goodsList_top .labelb{	content: "";display: inline-block;position: absolute;width:1000px;margin-left:-1000px;height:0;left:0;top:50%;border:1px solid #000000;border-width:1px 0 0 0;}
.goodsList_top .labela{   content: "";display: inline-block;position: absolute;width:1000px;margin-left:-1000px;height:0;left:0;top:50%;border:1px solid #000000;border-width:1px 0 0 0;left:inherit;right:0;margin-right:-1000px;}	

/********* goodsList**********/
.goodsList{	margin:5px 0;}
.goodsList ul{	margin: 0 4px;overflow: hidden;font-size:0;}
.goodsList ul li{display: inline-block;width:50%;vertical-align:top;-webkit-box-sizing:border-box;font-size:12px;}
.goodsList ul li .goodlists{display: block;margin:4px;background:#FFFFFF;position: relative;}

.goodsList ul li .goodlists img{width:100%;}
.goodsList ul li .goodlists p{	font-size:13px;line-height:16px;max-height:40px;height:40px;overflow: hidden;padding:5px 6px 8px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; text-align:left; }
.goodsList ul li .goodlists p a{color:#4a4a4a;max-height:32px; overflow:hidden;  width:100%; display:block; }



.goodsList ul li .goodlists label{	line-height:25px;font-size:15px;color: #ff5366;display: block;padding: 8px 4px;}

*[class*="goodsList"] ul .goodlists .tag {
    display: inline-block;max-width: 58px;min-width: 35px;height: 20px;/* text-align: center;*/
    line-height: 20px;color: #ffffff;background: url(../../images/widget/w_7.png?a=2) no-repeat right 0, -webkit-gradient(linear, 0 0, 100% 0, from(#ff5366), to(#ff5366)) no-repeat 0 0;-webkit-background-size: 40px auto,30px 20px;position: absolute;z-index: 10;left: -4px;top: 20px;font-size: 12px;text-indent: 4px;padding-right: 6px;overflow: hidden;}

@media screen and (min-width:680px){ 
    .activity_top{ min-height:260px;}		
}
/******************** 活动-end  ********************/

/******************** 店铺头部-start  ********************/
*[class*="header_"] a{color:inherit;}
.icons_2{width:35px;height:30px;background:url(../../images/widget/widget_icons_2.png) no-repeat;background-size:40px auto;display:inline-block;vertical-align:middle;}

/****************************/
.header_1{}
.header_1 .widget_wrap{position:relative;}
.header_1 label{height:44px;line-height:44px;padding:0 10px;white-space: nowrap;overflow: hidden;font-size:16px;font-weight:100;display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.header_1 label span{background-position:-4px 1px;margin-right:.3rem;}
.header_1 label::after{content: "";display:inline-block;width:10px;height:10px;border:1px solid #595f68;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:50%;margin-top:-6px;}

.header_1{}
.header_1 .widget_wrap{overflow: hidden;text-align: center;height: 44px;width: 100%;display: block;}
.header_1 .widget_wrap .logo{display: block;float: left;margin-left: 10px;}
.header_1 .widget_wrap .logo img {width: 120px;height: 40px;}
.header_1 .widget_wrap .right {display: block;float: right;margin-right: 10px;}
.header_1 .widget_wrap .right a{display: block;font-size: 12px;float: left;margin-top: 10px;width: 60px;height: 25px;line-height: 25px;text-align: center;}
/****************************/
.header_2{}
.header_2 .widget_wrap{overflow: hidden;text-align: center;}
.header_2 label{display: inline-block;padding:0 10px;height:35px;line-height: 35px;position: relative;color:#4a4a4a;font-size:15px;}
.header_2 label>p{overflow:hidden;max-width:250px;white-space: nowrap;text-overflow:ellipsis;}
.header_2 label:before, .header_2 label:after{content: "";display: inline-block;position: absolute;width:10px;margin-left:-10px;height:0;left:0;top:50%;border:1px solid #4a4a4a;border-width:1px 0 0 0;}
.header_2 label:after{left:inherit;right:0;margin-right:-10px;}

/****************************/
.header_3{}
.header_3 .widget_wrap{background:#ffffff;position:relative;}
.header_3 label{height:44px;line-height:44px;color:#4a4a4a;padding:0 10px;white-space: nowrap;overflow: hidden;font-size:16px;font-weight:100;display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.header_3 label span{background-position:0 1px;margin-right:.3rem;}
.header_3 label::after{content: "";display:inline-block;width:10px;height:10px;border:1px solid #595f68;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:50%;margin-top:-6px;}
.header_3 label > i{display: inline-block;width: 28px;height: 28px;border-radius: 1000px;-webkit-border-radius: 1000px;vertical-align: middle;margin-right:10px;}
.header_3 label > i div.img_wrap{display: block;overflow: hidden;}
.header_3 label > i div.img_wrap img{width:100%;background-size: cover;background-position:center;background-repeat:no-repeat;}
.header_3 label>i img{border-radius: 1000px;width:100%;height:100%;}


/****************************/
.header_4{padding:0px 0 32px 0;}
.header_4 .widget_wrap{position:relative;}
.header_4 label{position:absolute;z-index:1;bottom:-27px;left:10px;font-size:15px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;max-width:96%;padding:2px 0;}
.header_4 .logo{width:55px;height:55px;display:inline-block;vertical-align:bottom;margin-right:10px;}
.header_4 .logo div.img_wrap{display: block;width:55px;height:55px;overflow: hidden;}
.header_4 .logo div.img_wrap img{width:100%;width:53px;height:53px;background-size: cover;background-position:center;background-repeat:no-repeat;border:2px solid #fff;box-shadow:1px 1px 2px #aaaaaa;}

/****************************/
.header_5{}
.header_5 .widget_wrap{position:relative;}
.header_5 label{position:absolute;z-index:1;top:0;left:22%;font-size:17px;text-align:center;width:56%;color:#FFFFFF;height:100%;overflow:hidden;}
.header_5 .header_5_center{width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.header_5 .header_5_relate{position:relative;width:100%;}
.header_5 .logo{width:36%;margin-left:32%;display:block;border-radius:1000px;margin-bottom:4px;}
.header_5 .logo div.img_wrap{display: block;overflow: hidden;width:100%;height:100%;}
.header_5 .logo div.img_wrap img{width:100%;background-size: cover;background-position:center;background-repeat:no-repeat;border:2px solid #fff;box-shadow:1px 1px 2px #666;}

/****************************/
.header_6 .widget_wrap {position: relative;}
.header_6 .widget_wrap {overflow: hidden;text-align: center;height: 44px; width: 100%;display: block;}
.header_6 .widget_wrap .logo {   
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 10px;
}
.header_6 .widget_wrap .logo img {width: 80px;height: 40px; margin-top: 2px;}
.header_6 .widget_wrap .centerdiv {   
    margin-left: 100px;
    padding-right: 155px;
    display: inline-block;
    height: 100%;
    width: 100%;line-height: 44px;
}
.header_6 .right{
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 6px;
}
.header_6 input[type="search"] {
    color: #999999;
    height: 30px;
    border-radius: 5px;
    padding: 0 10px 0 12%;
    width: 100%;
    -webkit-appearance: none;
    border: 0;
    font-size: 13px;
    text-align: left;
    background-color: #dddddd;
    background-image: url(../../images/widget/widget_search_icon.png);
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-position: 3% 50%;
}
.header_6 .scan_span{
    width: 42px;
    display: inline-block;
    font-size: 10px;
    background-image: url(../../images/widget/fx_saomiao.png);
    background-size: 22px;
    line-height: 59px;
    background-repeat: no-repeat;
    background-position: 10px 0px;
}
/****************************/
.header_7{
    position: relative;
    height: 55px;
    width: 100%;
    background: #fff;
    z-index: 100;
    opacity: 0.85;
}
.header_7 .sidebar-nav {
    min-height: 0;
    box-shadow: 0 0 10px #BDBDBD;
    border-radius: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    max-height: none;
    position: relative;
    z-index: 3;
    margin: 0 !important;
    padding: 0;
}
.header_7 .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.header_7 .sidebar-nav .navbar-default {
    top: -0px;
    left: 0;
    position: absolute;
    background: none;
    width: 15%;
}

.header_7 .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.header_7 .btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.header_7 .navbar-toggle {
    position: relative;
    padding: 0;
    margin-top: 8px;
    margin-right: 15px;
    text-align: center;
    background-color: transparent;
    line-height: 42px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
}
.header_7 .nav-canvas {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.header_7 .sidebar-nav .nav-canvas {
    top: -0px;
    left: -90%;
    position: absolute;
    width: 85%;
    z-index: 2;
    background: rgba(255, 255, 255, 1);
    margin: 0 !important;
    border-radius: 0 0 0px 0;
    padding-bottom: 10px;
    will-change: left;
}
.header_7 .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.header_7 .main-menu > li {
    margin-top: 0 !important;
}
.header_7 .nav > li {
    position: relative;
    display: block;
}
.header_7 .nav-stacked > li {
    float: none;
}
.header_7 .sidebar-nav a {
    border: none !important;
    color: #000;
}
.header_7 ul.main-menu li:not(.nav-header) {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.header_7 .nav > li > a {
    position: relative;
    display: block;
    padding: 12px 15px;
}
.header_7 .nav-pills > li > a {
    border-radius: 4px;
    font-weight: 600;
}
.header_7 .toplogocxw {
    width: 100%;
    text-align: center;
    opacity: 0.85;
    line-height: 50px;
    font-size: 1.5em;
    height: 55px;
}
.header_7 .navbar-default button i{font-size: 20px;}
.header_7 .sidebar-nav.active .nav-canvas {
    left: -0px;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
}
.header_7 .sidebar-nav.active .navbar-default {
    top: -0px;
    left: 85%;
}
.header_7 .toplogocxw img{max-height: 50px;width: auto;    margin: 0 auto;    margin-top: 3px;    display: inline-block;}
/******************** 店铺头部-end  ********************/

/******************** 图片导航-start  ********************/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
/*****************/
.pic_1{}
.pic_1 .widget_wrap{}
.pic_1 img{display:block;width:100%;}

/****************/
.pic_2{margin:0;padding:0;}
.pic_2 .widget_wrap{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;/* for ie */ width:100%;}

.pic_2 .widget_wrap:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.pic_2 .widget_pic_50{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:49%;} 
.pic_2 .widget_pic_50  .wrapper{position:relative;}
.pic_2 .widget_pic_50  .content{width: 100%;}
.pic_2 img{width:100%;display:block;}

/****************/
.pic_3{}
.pic_3 img{width:100%;display:block;}
.pic_3 .widget_wrap{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;/* for ie */ width:100%;}

.pic_3 .widget_wrap:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.pic_3 .widget_pic_50{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:49%;}
.pic_3 .widget_pic_50 .wrapper{position:relative;}
.pic_3 .widget_pic_50 .content{width: 100%;}
.pic_3 .widget_pic_50 div.widget_pic_xiao:first-child{margin-bottom:4%;}
.pic_3 .widget_pic_50 div .wrapper{position:relative;}
.pic_3 .widget_pic_50 div .content{width: 100%;}
/****************/
.pic_4{}
.pic_4 img{width:100%;display:block;}
.pic_4 .widget_wrap{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;/* for ie */ width:100%;} 
.pic_4 .widget_wrap:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.pic_4 .widget_pic_50{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:49%;}
.pic_4 .widget_pic_50 .wrapper{position:relative;}
.pic_4 .widget_pic_50 .content{width: 100%;}
.pic_4 .widget_pic_50 div.widget_pic_xiao:first-child{margin-bottom:4%;}
.pic_4 .widget_pic_50 div .wrapper{position:relative;}
.pic_4 .widget_pic_50 div .content{width: 100%;}

/****************/
.pic_5{}
.pic_5 img{width:100%;display:block;}
.pic_5 .widget_wrap{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;/* for ie */
                    width:100%;}
.pic_5 .widget_wrap:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.pic_5 .widget_wrap div{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:32%;}

/****************/
.pic_6{}
.pic_6 img{width:100%;display:block;}
.pic_6 .widget_wrap{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;/* for ie */
                    width:100%;}
.pic_6 .widget_wrap:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.pic_6 .widget_wrap div{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:23.5%;padding-bottom: 5px;}

/****************/
.pic_7{}
.pic_7 img{width:100%;display:block;height:100%;border-radius:50%;}
.pic_7 .widget_wrap{font-size:0;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;/* for ie */
                    width:100%;}
.pic_7 .widget_wrap:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.pic_7 .widget_wrap .plist{display:inline-block;vertical-align:top;letter-spacing:normal;*display:inline;*zoom:1;width:23.5%;}  
.pic_7 .widget_wrap .plist .wrapper{position:relative;}
/*.pic_7 .widget_wrap .plist .content{position:absolute;top: 0;left: 0;width: 100%;height:100%;}*/

/******************** 图片导航-end  ********************/

/******************** 左右图文-start  ********************/
.pictext{ background:#FFF;color:#999999;font-size:13px;}
.pictext table{ border:0; width:100%;}
.pictext table td{ width:50%;}
.pictext  table td a img{width:100%; max-width:100%; display:block;}
.pictext_right table td:last-child,.pictext_left table td:first-child{  padding:0 2%;}
/******************** 左右图文-end  ********************/

/******************** 送红包-start  ********************/
.redbag{width:94%;margin:0 3%;overflow:hidden;background:#FFF;}
.redbag .swiper-slide{position:relative;}
.redbag .swiper-slide img{width:100%;height:auto;max-width:100%;}
.redbag .redbag_con{position:absolute;right:2%;top:5%;font-size:24px;width:52%;height:80%;z-index:3;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;text-align:left;}
.redbag .redbag_con h3{font-size:24px;color:#dd3b1e;font-weight:normal}
.redbag .redbag_con p{font-size:12px;color:#999999;margin:3px 0 6px 0;}
.redbag .redbag_con .redbag_button a{font-size:14px;display:block;width:50%;min-width:85px;max-width:170px;background:#dd3b1e;text-align:center;border-radius:3px;line-height:27px;color:#fff;}
.redbag .pagination {position: absolute;left: 0;text-align: center;bottom:3%;width: 100%;}
.redbag .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #d3d3d3;margin: 0 5px;cursor: pointer;opacity:.8;}
.redbag .swiper-active-switch {background: #dd3b1e;opacity:1;}
/******************** 送红包-end  ********************/

/******************** 标题-start  ********************/
*[class*="title_"] label a{display:inline-block;float:right;padding:0 10px;color:inherit;font-size:13px;}
/*******************************/
.title_1{background:#27c191;}
.title_1 .widget_wrap{overflow: hidden;line-height:35px;height:35px;color:#fff;padding:0 5px 0 15px;font-size:15px;}
.title_1 label p{display:inline-block;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*******************************/
.title_2{}
.title_2 .widget_wrap{height:35px;}
.title_2 label{display: block;height:35px;line-height: 35px;color:#3b3b3b;font-size:15px;border:1px solid #b2b2b2;border-width:0 0 1px 0;}
.title_2 label p{padding:0 15px;display: inline-block;position: relative;border-bottom:2px solid #ff5366;height: 35px;overflow: hidden;max-width:150px;white-space: nowrap;text-overflow:ellipsis;}
.title_2 label .jiantou{content: '';display: inline-block;width: 0;height: 0;position: absolute;bottom: 0;left: 50%;margin-left:-5px;border: 5px solid #ff5366;border-color: transparent transparent #ff5366 transparent;border-width: 0 5px 5px;}
.title_2 label a{color:#ff7e8c;padding-right:15px;}
/*******************************/
.title_30{}
.title_30 .widget_wrap{overflow: hidden;text-align: center;width:100%;}
.title_30 label{display: inline-block;padding:0 10px;height:35px;line-height: 35px;position: relative;color:#3e3e3e;font-size:15px;}
.title_30 label>p{overflow:hidden;max-width:150px;white-space: nowrap;text-overflow:ellipsis;}
.title_30 .labelb{content: "";display: inline-block;position: absolute;width:1000px;margin-left:-1000px;height:0;left:0;top:50%;border:1px solid #b2b2b2;border-width:1px 0 0 0;}
.title_30 .labela{content: "";display: inline-block;position: absolute;width:1000px;margin-left:-1000px;height:0;left:0;top:50%;border:1px solid #b2b2b2;border-width:1px 0 0 0;left:inherit;right:0;margin-right:-1000px;}	
/*******************************/
.title_4{}
.title_4 .widget_wrap{overflow: hidden;line-height:34px;height:34px;font-size:15px;}
.title_4 label p{display:inline-block;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-left:5px solid #ff5366;padding-left:10px;height:34px;line-height:34px;}
.title_4 label a{color:#ff7e8c;padding-right:15px;}
/******************** 标题-end  ********************/

/******************** 分类-start  ********************/
.classify_1{}
.classify_1 .widget_wrap{padding:7px;}
.classify_1 a{display: inline-block;padding:7px 5px;}
.classify_1 a label{display: inline-block;min-width:30px;max-width:150px;height:24px;line-height: 24px;padding:0 13px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size:12px;color:#fff;background:#27c191;border-radius:30px;}
/********************************************/
.classify_2{}
.classify_2 .widget_wrap{}
.classify_2 ul{margin: 0 4px;overflow: hidden;}
.classify_2 ul li{float:left;display: inline-block;-webkit-box-sizing:border-box;}
.classify_2 ul li a{display:block;margin:4px;height:30px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size:12px;color:#fff;background:#27c191;text-align:center;}
/******************** 分类-end  ********************/

/********************文本-start  ********************/
.text_1{ background:#fff;}
.text_1 article{padding:25px 12px 14px 12px;font-size:15px;color:#666666;position: relative;background-size:20px auto;background-repeat:no-repeat;background-position:12px 10px;text-indent:2em;word-wrap:break-word;white-space:normal;word-break:normal;}
/******************** 文本-end  ********************/

/******************** 优惠券-start  ********************/
.sale{width:100%;overflow:hidden;background:#FFF;color:#fff;}
.sale .swiper-slide{position:relative;}
.sale a{ color:#FFFFFF;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
.sale .swiper-slide img{width:100%;height:auto;max-width:100%;}
.sale .sale_huobi{position:absolute;left:4%;top:30%;font-size:15px;}
.sale .sale_number{position:absolute;left:11%;top:25%;font-size:30px;width:32%;height:50%;overflow:hidden;letter-spacing:-2px;}
.sale .sale_title{position:absolute;right:1%;top:17%;font-size:11px;width:64%;overflow:hidden;}
.sale .sale_intrude{position:absolute;right:1%;top:40%;width:74%;overflow:hidden;font-size:12px;-webkit-transform:scale(0.7);-webkit-transform-origin:50% 0;}
.sale .sale_button{position:absolute;right:29%;top:62%;font-size:11px;width:35%;background:#fff;text-align:center;border-radius:3px;line-height:20px;color:#ff4b6e;}
/*-- iphone4 --*/
@media screen and (max-width:360px){.sale .sale_number{font-size:28px;} }
/******************** 优惠券-end  ********************/

/******************** 搜索-start  ********************/
.search_1{  background:#dddddd;height:45px;line-height:45px;padding:0 15px;}
.search_1 input[type="search"]{ color:#999999;height: 29px;border-radius: 30px;padding: 0 10px 0 8%;width: 100%;-webkit-appearance: none;border: 0;font-size: 13px;text-align:left;background-image:url(../../images/widget/widget_search_icon.png);background-size: 50px auto;background-repeat:no-repeat;background-position:3% 50%;}

.search_2{ height:50px;line-height:30px;}
.search_2 .widget_wrap{ overflow:hidden;padding:8px 10px;}
.search_2 .widget_wrap div{ float:left;width:10%;display:block;}
.search_2 .widget_wrap div:first-child{ width:90%;background:#FFFFFF;border-radius:5px 0 0 5px;}
.search_2 .widget_wrap div:last-child{ background:#dddddd;border-radius:0 5px 5px 0;text-align:center;vertical-align:middle;height:30px;}
.search_2 .widget_wrap div:last-child img{ width:60%;max-width:25px;display:block;margin-left:20%;padding-top:4px;}
.search_2 input[type="search"]{color:#999;width: 95%;border:none;height:30px;padding-left:3%;padding-right:2%;border-radius:5px 0 0 5px;}

/*-- iphone6 --*/
@media screen and (max-width:480px){ 
    .search_2 .widget_wrap div:last-child img{ width:60%;max-width:25px;display:block;margin-left:20%;padding-top:4px;}
}
/*-- iphone4 --*/
@media screen and (max-width:360px){ 
    .search_2 .widget_wrap div:last-child img{ width:60%;max-width:25px;display:block;margin-left:20%;padding-top:6px;}	
}
.search_3{  line-height:30px;height:50px;}
.search_3 .widget_wrap{ padding:8px 10px;border-radius: 5px;}
.search_3 input[type="search"]{ color:#999999;height: 30px;border-radius: 5px;padding: 0 10px 0 8%;width: 100%;-webkit-appearance: none;border: 0;font-size: 13px;text-align:left;background-color:#dddddd;background-image:url(../../images/widget/widget_search_icon.png);background-size: 50px auto;background-repeat:no-repeat;background-position:3% 50%;}
/******************** 搜索-end  ********************/

/*--  coupons  --*/
.custom-coupon {
    font-family: Helvetica, STHeiti, 'Microsoft YaHei', Verdana, Arial, Tahoma, sans-serif;
    padding: 10px;
    text-align: center;
    font-size: 0;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.custom-coupon li {
    display: inline-block;
    margin-left: 6px;
    width: 31%;
    height: 67px;
    border: 1px solid #ff93b2;
    border-radius: 4px;
    background: #ffeaec;
}
.custom-coupon li:nth-child(1) {
    margin-left: 0;
}
.custom-coupon li a {
    color: #fa5262;
}
.custom-coupon .custom-coupon-price {
    height: 24px;
    line-height: 24px;
    padding-top: 12px;
    font-size: 24px;
    overflow: hidden;
    -webkit-box-sizing: initial;
}
.custom-coupon .custom-coupon-desc {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding-top: 4px;
    overflow: hidden;
}
.custom-coupon li:nth-child(2) {
    background: #f3ffef;
    border-color: #ffa492;
}
.custom-coupon li:nth-child(2) a {

}
.custom-coupon li:nth-child(3) {
    background: #ffeae3;
    border-color: #ffa492;
}
/*--  coupons  --*/
/*--  pic  --*/
div.pic_6 img{
    padding-bottom: 4px;
    margin: 0 auto;
}
div.pic_7 img {
    padding-bottom: 4px;
    margin: 0 auto;
}
.pic_7 .widget_wrap .plist >span,div.pic_5  a span,div.pic_6  a span{
    display: block;
    width: 100%;
    color: rgb(102, 102, 102);
    font-size: 12px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}
/*--  pic  --*/

.mapDiv:hover{
    cursor: pointer;
}


/*--  viphead  --*/
.viphead .logo{padding-top: 20px;}
.viphead .logo img{
    width: 70px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 8px;
}
.viphead .logo p{
    margin-top: 5px;
    text-align: center;
}
.viphead .centerdiv{
    background: #fff;
    margin: 0 15px;
    border-radius: 5px;
    padding: 15px 30px;
}
.viphead .centerdiv img{     margin: 0 auto;}
.viphead[data-widget=viphead] .widget_wrap{    padding: 20px 0;}
.viphead .centerdiv,.logo{    margin-bottom: 10px;}
.viphead .widget_wrap{    background-size: 100% 100%;background-repeat: no-repeat;}
.viphead .sweep_notice {
    text-align: center;
    padding-top: 4px;
    font-size: 12px;
    color: #747474;
    z-index: 3;
}


/*vipmenu*/
div[data-widget=vipmenu] {
    position: relative;
}
div[data-widget=vipmenu] .usercenter_list {
    display: block;
    width: 100%;
    background: #FFF;
    border: 1px solid #c8c7cc;
    border-left: none;
    border-right: none;
    position: relative;
    height: auto;
    padding: 0;
    border-bottom: navajowhite;
}
div[data-widget=vipmenu] .menu-list {
    width: 100%;
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: flex;
    flex-wrap: wrap;
}
div[data-widget=vipmenu] .menu-list li {
    width: 25%;
    padding: 6px 0;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
div[data-widget=vipmenu] .menu-list a {
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    font-size: 13px;
}
div[data-widget=vipmenu] .menu-list li a img {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 4px;
}
div[data-widget=vipmenu] .weui_cell{padding: 8px 8px 8px 12px;position: relative;display: -webkit-box !important;display: -webkit-flex !important;display: flex !important;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
div[data-widget=vipmenu] .weui_cell:before{content: " ";position: absolute;top: 0;left: 2%;width: 96%;height: 1px;border-top: 1px solid #D9D9D9;color: #D9D9D9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);left: 7px;}
div[data-widget=vipmenu] .weui_cell_primary{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
div[data-widget=vipmenu] .weui_cells img{margin-top: 4px;float: left;width: 30px;height: 30px;margin-right: 15px;}
div[data-widget=vipmenu] .weui_cell > div>p{margin-top: 8px;font-size: 15px;}
div[data-widget=vipmenu] .weui_cell_primary p{margin: 0px;}
div[data-widget=vipmenu] .weui_cell_ft{text-align: right;color: #888888;}
div[data-widget=vipmenu] .weui_cells_access .weui_cell_ft:after{content: " ";display: inline-block;-webkit-transform: rotate(45deg);transform: rotate(45deg);right: 10px;height: 10px;width: 10px;border-width: 2px 2px 0 0;border-color: #C8C8CD;border-style: solid;position: relative;top: -1px;margin-left: .3em;}
div[data-widget=vipmenu] .weui_cells{background-color: #FFFFFF;line-height: 1.41176471;font-size: 17px;overflow: hidden;position: relative;width: 100%;}
div[data-widget=vipmenu] .weui_cells .weui_cell:first-child:before{width:100%;left: 0;}

/*viporder*/
div[data-widget=viporder] .usercenter_list {
    display: block;
    background: #FFF;
    border: 1px solid #c8c7cc;
    border-left: none;
    border-right: none;
    position: relative;
    height: auto;
    padding-left: 4%;
}
div[data-widget=viporder] .u_list1 {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
}
div[data-widget=viporder] .us_left {
    display: flex;
    white-space: nowrap;
}
div[data-widget=viporder] .us_left img {
    margin: 12px 0 0 0;
    width: 25px;
    height: 25px;
}
div[data-widget=viporder] .us_right {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}
div[data-widget=viporder] .us_right span {
    color: #747474;
    font-size: 14px;
}
div[data-widget=viporder] .us_right img {
    margin: 16px 0 0 0;
    float: right;
    width: 17px;
    height: 17px;
}
div[data-widget=viporder] .us_list2 {
    display: flex;
    justify-content: space-between;
    height: 70px;
    padding: 0 3%;
    background: #FFF;
    border-bottom: 1px solid #c8c7cc;
}
div[data-widget=viporder] .us_list_item {
    position: relative;
    float: left;
    text-align: center;
}
div[data-widget=viporder] .us_list_item span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
div[data-widget=viporder] .us_list_number {
    position: absolute;
    background: red;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    top: 5px;
    left: 60%;
    color: #FFF;
    z-index: 10;
}
div[data-widget=viporder] .ml10 {
    margin-left: 6px;
    font-size: 16px;
}
div[data-widget=viporder] .us_list_item img {
    width: 30px;
    height: 30px;
    margin: 8px auto 5px;
}

/*vipinfo*/
div[data-widget=vipinfo] {
    position: relative;
    background-size: 100%;
}
div[data-widget=vipinfo] .vipmodule_style{
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
div[data-widget=vipinfo] .vipmodule_style2 .usercenter_frame_div {
    top: 25px;
    left: 25px;
    position: absolute;
}
div[data-widget=vipinfo] .vipmodule_style2 .center_ip_headerimg {
    border-radius: 100%;
    width: 70px;
}
div[data-widget=vipinfo] .vipmodule_style2 .usercenter_tit_x1 {
    position: absolute;
    top: 32px;
    left: 105px;
    z-index: 1;
    line-height: 22px;
}
div[data-widget=vipinfo] .vipmodule_style2 .usercenter_tit_x1 span {
    display: block;
    font-size: 15px;
    text-align: left;
    position: relative;
}
div[data-widget=vipinfo] .vipmodule_style1 .usercenter_frame_div {
    position: absolute;
    top: 6.25%;
    width: 100%;
}
div[data-widget=vipinfo] .vipmodule_style1 .usercenter_tit_x1 div {
    font-size: 15px;
}
div[data-widget=vipinfo] .vipmodule_style1 .usercenter_tit_x1 {
    position: absolute;
    top:  55%;
    width: 100%;
    text-align: center;
    line-height: 22px;
}
div[data-widget=vipinfo] .vipmodule_style1 .center_ip_headerimg {
    width: 70px;
    border-radius: 100%;
    margin: 0 auto;
}
div[data-widget=vipinfo] .need_edit{position: absolute !important;width: 4px;height: 4px;background: red;border-radius: 4px;top: 0;right: -7px;}

/*vipaccount*/
div[data-widget=vipaccount]{
    position: relative;
    height: 54px;
}
div[data-widget=vipaccount] .bott_bg{
    position: absolute;
    width: 100%;
    height: 54px;
    background: #555;
    opacity: .6;
    z-index: 1;
}
div[data-widget=vipaccount] .usercenter_footer {
    position: absolute;
    width: 100%;
    z-index: 5;
    overflow: hidden;
    color: #FFF;
}
div[data-widget=vipaccount] .usercenter_nav {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 33%;
    text-align: center;
    margin: 5px 0;
    border-right: 1px solid #98a6a6;
}
div[data-widget=vipaccount] .usercenter_nav:nth-child(2){
    width: 34%;
}
div[data-widget=vipaccount] .usercenter_nav:last-child {
    border-right: none;
}
div[data-widget=vipaccount] .usercenter_nav p {
    height: 22px;
    line-height: 22px;
}
div[data-widget=vipaccount] .f18 {
    font-size: 18px !important;
}

/*团购*/
.groupitems_ul{padding-bottom: 0px  !important;}
.groupitems{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.groupitems .goodlistscon{
    padding-right: 140px;
    position: relative;
}
.groupitems .goodlistscon > div{
    width: 100%;
}
.groupitems .goodlistscon >a{
    position: absolute;
    top: 0;
    right: 0;
    background: #f66;
    color: #fff;
    width: 100px;
}
.groupitems .goodlistscon p {

}
.groupitems .itemgroupbtn p:first-child {
    font-size: 14px;
    padding: 10px 0 0px;
}
.groupitems .itemgroupbtn p:nth-child(2) {
    font-size: 16px;
}

/*subject-href*/
div[data-role=widget] .subject-href {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 4em;
    height: 4em;
    text-decoration: none;
    z-index: 1;
    overflow: hidden;
}
div[data-role=widget] .subject-href >.anim {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    border-radius: 100%;
    background-color: #000;
    -webkit-animation: scaleout 1.5s infinite ease-in-out;
    animation: scaleout 1.5s infinite ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
div[data-role=widget] .subject-href >.shadow  {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
div[data-role=widget] .subject-href >.dot   {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNDgwMTE3NDA3MjA2ODExODNEMUFBQzdDODNCNkNFQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODU4NjRERjc0NTIxMUU0OTE4N0JBMTdGMUJCNEJEMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODU4NjRERTc0NTIxMUU0OTE4N0JBMTdGMUJCNEJEMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkIzRDA5RDQxNjIwNjgxMThDMTRERkVCREI0RjgwNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ4MDExNzQwNzIwNjgxMTgzRDFBQUM3QzgzQjZDRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EDxolAAAAKElEQVR42mL8//8/AzpgZGQECwLlGDHkhoMGkDgDCYB0DSMxWAECDADLOkfttp/PKwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}
@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}
@keyframes scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}