.swiper1{width:100%;float:left;overflow:hidden;margin-top:50px; margin-bottom:20px;}
.swiper1 .swiper-slide {width:1200px;overflow:hidden;}
.swiper1 .swiper-slide a{transition: 0.2s;}	
.swiper1 .swiper-slide a:hover{opacity:1;}
.swiper1 .layer-mask {width:100%;height:100%;opacity:0.7;transition:all 0.5s;background:#000;position:absolute;left:0;top:0;right:0;}
.swiper1 .swiper-slide-active .layer-mask {display:none;}
.swiper1 .swiper-pagination{text-align:center;z-index:100;}
.swiper1 .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background: #fff;border-radius:50%;opacity: 1;}
.swiper1 .swiper-pagination .swiper-pagination-bullet-active {background: #ff2d63;opacity:1;}
.swiper1 .swiper-slide span{width: 100%;height: 95px;position: absolute;left: 0;bottom: 30px;
background: url(../images/mask.png) no-repeat 0 0;background-size: 1160px 95px;font-size: 30px;line-height: 62px;text-shadow: 0 1px 3px black;color:#fff;text-align: center;}
.swiper1 .swiper-button-prev,.swiper1 .swiper-button-next{display: none}
.swiper1:hover .swiper-button-prev {width:54px;height:54px;left:50%;margin-left:-601px; top:50%;background: #000;z-index:99;font-size:40px;font-family:宋体;color:#fff;line-height:54px;opacity:0.3;text-align: center;margin-top:-27px;border-radius:0!important;display:block}
.swiper1:hover .swiper-button-next {width:54px;height:54px;right:50%;margin-right:-601px;top:50%;background: #000;z-index:99;font-size:40px;line-height:54px; font-family:宋体;color:#fff;opacity:0.3;text-align: center;margin-top:-27px;border-radius:0!important;display:block}
.swiper1 .swiper-button-prev:hover,.swiper1 .swiper-button-next:hover {background:#ff2d63;opacity:1;}
/*焦点图*/
.swiper2{width:1200px;height:auto;background: #fff;position: relative;}
.swiper2 .swiper-slide{width:100%;overflow: hidden;float:left; border-top:1px solid #f3f3f3;margin-right:1px;}
.swiper2 .swiper-slide .special{width:25%;float: left;overflow: hidden;padding:15px;border-right:1px solid #f3f3f3;box-shadow: -1px 0px 0px #f3f3f3;background: #fcfcfc;}
.swiper2 .swiper-slide .special:hover{background: #fff;}
.swiper2 .swiper-slide .special .special-1{width:100%;overflow: hidden; float:left; position: relative;}
.swiper2 .swiper-slide .special .special-1 .img{display: block;width:100%; height:190px; overflow: hidden;float:left;}
.swiper2 .swiper-slide .special .special-1 .img img{min-height:190px;}
.swiper2 .swiper-slide .special .special-1 .tit{display: block;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:20px; position: absolute;bottom:10px; color:#fff; padding:0 10px;}
.swiper2 .swiper-slide .special .special-1 .channel{position: absolute;top:20px;left:0; background: #fff;color:#ff2d63;font-size:12px;padding:3px 5px;}
.swiper2 .swiper-slide .special .special-2{width:100%;overflow: hidden; float:left;border-bottom:1px solid #ebeef5;}
.swiper2 .swiper-slide .special .special-2 i{color:#bbb;line-height:37px;font-size:13px;margin-right:5px;}
.swiper2 .swiper-slide .special .special-2 em{color:#bbb;line-height:37px;font-size:12px;}
.swiper2 .swiper-slide .special .special-3{width:100%;overflow: hidden; float:left;}
.swiper2 .swiper-slide .special .special-3 li{width:100%;overflow: hidden; float:left;margin-top:10px;}
.swiper2 .swiper-slide .special .special-3 li .img{display:block;overflow: hidden;float: left; width:40px; height:30px;margin-right:10px;}
.swiper2 .swiper-slide .special .special-3 li .img img{min-height:30px;}
.swiper2 .swiper-slide .special .special-3 li .tit{display: -webkit-box;overflow: hidden;height: 30px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:13px;line-height:15px;}
.headline{width:95%;height:40px; overflow: hidden;float:left;}
.headline .tuijian{float: left;margin-left:15px;}
.headline .tuijian h2{float: left;font-weight: bold;font-size:17px;line-height:40px;}
.headline .tuijian p{float: left;border-left:2px solid #ff2d63;margin-top:12px;margin-left:15px; padding-left:15px; line-height:14px;color: #bcbcbc;letter-spacing:3px;}
.swiper2 .swiper-button-next{right:15px!important;top:35px;color: #909090;width:16px;height:16px;background:#efeff0;font-size:12px;font-family:宋体 ;line-height:16px;text-align: center}
.swiper2 .swiper-button-prev{left:inherit;right:40px!important; top:35px;color: #909090;width:16px;height:16px;background:#efeff0;font-size:12px;font-family:宋体;line-height:16px;text-align: center}
.swiper2 .swiper-button-prev:hover,.swiper2 .swiper-button-next:hover{background: red; color:#fff;}
/*专题*/
.hao{width:1200px;overflow: hidden;margin:20px auto;background: #fff;}
.beauty{width:100%;float: left;}

.swiper3{width:320px;height:20px;float:right;overflow:hidden;margin-top:10px;}
.swiper3 span{float: left;padding-right:10px;line-height:20px;color:#ff2d63;}
.swiper3 .swiper-slide{width:100%;float:left;overflow:hidden;line-height:20px;textoverflow:ellipsis;whitespace:nowrap;padding:0 15px 0 30px;}

.beauty{width:100%;float: left;}
.beauty ul li{width:50%;overflow: hidden;float: left; padding:20px;border-top:1px solid #f3f3f3;border-right:1px solid #f3f3f3;box-shadow: -1px 0px 0px #f3f3f3;background: #fcfcfc;}
.beauty ul li:hover{background: #fff;}
.beauty ul li .img{width:180px;overflow: hidden; height:110px; float: left;margin-right:20px;}
.beauty ul li .img img{min-height:110px;}
.beauty ul li .tit{margin-top:10px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:16px;line-height:22px;}
.beauty ul li .text{margin-top:10px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:22px;color:#999;}
.tags{display: none}
.more{width:100%;float: left;}
.more a{display: block; width:120px;height:30px;margin:10px auto 30px auto;background:#fff;line-height:30px;text-align: center;box-shadow: rgba(0,0,0,0.2) 0 3px 4px;-moz-box-shadow: rgba(0,0,0,0.2) 0 3px 4px;-webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 4px;}
.more a:hover{background: #ff2d63; color:#fff;}

.fashion{width:100%;float: left;}
.fashion ul li{width:25%;overflow: hidden;float: left; padding:15px;border-top:1px solid #f3f3f3;border-right:1px solid #f3f3f3;box-shadow: -1px 0px 0px #f3f3f3;background: #fcfcfc;}
.fashion ul li:hover{background: #fff;}
.fashion ul li .img{width:100%;overflow: hidden; height:160px; float: left;}
.fashion ul li .img img{min-height:160px;}
.fashion ul li .tit{width:100%;float: left;margin-top:10px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:17px;line-height:22px;height:44px; margin-bottom:10px;}
.fashion ul li i{color:#bbb;line-height:13px;font-size:13px;margin-right:5px;}
.fashion ul li em{color:#bbb;line-height:13px;font-size:12px;}

@media only screen and (max-width:1200px) {
.xiao1{display:none}
.container,.hao{width:100%;float: left;margin:0;}
.swiper1{width:100%;margin:0;margin-top:40px;}
.swiper1 .swiper-slide img{min-height:auto;}
.swiper1 .swiper-slide span{width: 100%;height:60px;padding:10px 10px; bottom:10px;
background-size:100% 60px;font-size: 16px;line-height:20px;}
.swiper2{width:100%;}
.swiper2 .swiper-slide .special{height:290px;}
.beauty ul li{width:100%;padding:15px;}
}
@media screen and (min-width:769px) and (max-width:1200px) {
.swiper2 .swiper-slide .special{width:25%;}		
}
@media screen and (min-width:481px) and (max-width:768px) {
.xiao2{display:none}	
.swiper2 .swiper-slide .special{width:33.33%;}	
.fashion ul li{width:33.33%;}

}
@media only screen and (max-width:480px) {
.xiao2{display:block}
.swiper2 .swiper-slide .special{width:50%;height:250px;}	
.swiper2 .swiper-slide .special .special-1 .img{height:110px;}
.swiper2 .swiper-slide .special .special-1 .img img{min-height:110px;}
.fashion ul li{width:50%;}	
.beauty ul li .img{width:100px;height:60px;margin-right:15px;}
.beauty ul li .img img{min-height:60px;}
.beauty ul li .text{display: none;}	
.fashion ul li .img{height:120px; }
.fashion ul li .img img{min-height:120px;}
}

.footer {width: 100%;background: #000;overflow:hidden;}
.footer .fbox {max-width:1200px;overflow:hidden;margin:0 auto;text-align:center;color:#666;padding-bottom:15px;font-size:12px;}
.footer .fbox a {color:#666;}
.footer .fbox ul {margin-right:-5px;overflow:hidden;padding-top:15px;}
.footer .fbox ul li{display:inline-block;border-right:1px solid #2c3137;height:15px;line-height:15px;padding:0 10px;}
/*置顶*/
.scroll{position: fixed;bottom: 100px;right:50%; margin-right:-660px;width:40px;height:40px;background: #030100;color: #fff;text-align: center;line-height:40px; border-radius:4px;opacity:.5}
.scroll:hover{background:#ff2d63;opacity:1}
@media only screen and (max-width:1200px){
.scroll{right:15px;margin-right:0;}
}

.axtags{width:1200px;overflow: hidden;margin:0 auto;margin-top:70px;padding:20px; background: #fff;}
.juntags{width:100%; float: left;letter-spacing:2px;}
.juntags h3{font-size:20px;color: #000;border-left:5px solid #ff2d63;padding-left:15px;line-height:1;font-weight: normal; margin-top:25px;}
.tag_could{ width: 100%; float: left; margin-top:15px;}
.tag_could a{ float: left; margin-right:10px; margin-top:10px; font-size:16px; color:#666;}
@media only screen and (max-width:1200px) {
.axtags{width:100%;margin-top:0;border-top:1px solid #ff2d63;}
.juntags{width:100%; margin-left:0;padding:0 10px;margin-top:20px;}
}