.overflow{overflow: hidden;}
a:hover{text-decoration:none}
.w1170{width: 1170px;margin: 0px auto;}
.g-banner{ float: left;overflow: hidden; width: 750px;height: 420px;position: relative;}
.g-banner-img{width: 750px;height: 420px;overflow: hidden;}
.g-banner-img li{position: relative;overflow: hidden;height: 420px;}
.g-banner-img li p{position: absolute;bottom: 0px;left: 0px; width: 100%;background: url(/uploads/image/syimages/tmbg.png);    height: 120px;}
.g-banner-img li p span{ color: #fff;font-size:24px;height: 55px;line-height: 55px;text-align: center;overflow: hidden; display: block;padding: 0px 20px;}
.g-banner-img li p strong{ font-weight: normal;overflow: hidden;display: block;color: #fff;text-align: center;height:24px;line-height: 24px;padding: 0px 20px; font-size: 14px;    white-space: nowrap;
    text-overflow: ellipsis;}
.g-banner-img img{width: 760px;height: 480px;}
.g-banner-ico{position: absolute;left: 50%;bottom: 8px;z-index: 9;margin-left:-48px; }
.g-banner-ico ul li{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #fff;margin: 0px 4px;font-size: 12px;color: #333;text-align: center;line-height: 14px; cursor: pointer;}
.g-banner-ico ul li.m-hover{background-color: #ff5555; color: #fff;}
.g-banner-img li p span:hover{color:#ff5555;}

.g-daynews{ float: right;overflow: hidden; width: 400px; }
.con-title{width:100%;height:40px;}
.con-title .con-title-f{width: 45%;height: 40px;display: block;float: left;line-height: 40px;padding-right: 10px;text-align: right;/* background: #333; */font-size: 24px;color: #fff;color: #333;font-weight: bold;}
.con-title .con-title-r{float: left;width: 45%;height: 40px;display: block;float: left;line-height: 40px;}
.con-title .con-title-r em{font-style: italic;color: #ff0000;font-weight: 600;font-size: 26px;}
.today{overflow: hidden;margin-top:8px;background: url(/uploads/image/syimages/num.png) 0px 17px no-repeat;}
.today li{height:44px;line-height: 44px; white-space: nowrap;overflow: hidden;margin-top: 2px;padding-left: 32px;border-bottom: 1px dotted #ededed;}
.today li a{font-size: 16px;color:#222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;display: block;}
.today li a:hover{color:#ff5555;text-decoration:none}

.stuff_cont{overflow: hidden;margin-top:20px;  width: 1190px;}
.stuff_cont li{width:297px;height: 197px;float:left;margin: 0 0px 0px;overflow: hidden;position: relative;}
.stuff_cont_img{width:278px;height: 197px;display:block;overflow:hidden;position: relative;}
.stuff_cont_img span{position:absolute;left:0;top:0;background:#d0011d;color: #fff;padding: 2px 10px;}
.stuff_cont_img img{height: 197px;position:absolute;width: 100%;margin:auto;left:0;right:0;bottom:0;top:0;transition:all 1s ease;-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
.stuff_cont_img img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.stuff_cont_title{color:black;width:238px;padding: 10px;height: 42px;overflow: hidden;display: block;font-size: 15px;position: absolute;bottom: 10px;left: 10px;background: url(/uploads/image/syimages/tmbg.png);color: #fff;}
.stuff_cont_title:hover{color:#ff5555;}
.article_title{margin-bottom: 5px;}

.hd{width:100%;position: relative;margin:40px 0 30px 0;}
.hd .line{width:100%;height:1px;background:#333;position: absolute;top:50%;left:0;z-index:-1;}
.hd .star-lg{width: 265px;height:50px;margin:0 auto;padding:0 20px;background: #fff;    font-size: 38px;font-weight: bold;line-height: 50px;text-align: center;}
.hd .star-lg span{font-style: italic;color: #ff0000;font-weight: 600;font-size: 34px;}
.hd .star-lg em{font-size: 29px;font-weight: normal;padding: 0px 10px;color: #000;}

.life-pic ul{overflow: hidden; width: 1192px;}
.life-pic li {width: 278px;height:185px;overflow: hidden;margin-bottom: 20px;float: left;margin-right: 20px;position: relative;}
.life-pic img {width: 100%;height: 100%;}
.life-pic .text {width: 278px;height: 65px;position: absolute;left: 0;bottom: 0; /*opacity: 0.6;*/text-align: center;/*opacity: 0;*/}
.life-pic .text p {position: absolute;left: 30px;top: 9px;width: 220px;display: block;height: 48px;line-height: 24px;overflow: hidden;font-size: 16px;color: #fff;z-index: 99;}
.life-pic .text .left-arr {left: 10px;top: 5px;border-left: 1px solid #fff;border-top: 1px solid #fff;}
.life-pic .text em {display: block;width: 25px;height: 25px;position: absolute;z-index: 9;}
.life-pic .text em.right-arr {right: 10px;bottom: 5px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.life-pic .text .bg {position: absolute;left: 0;bottom: 0;display: block;width: 278px;height: 65px;background: url(/uploads/image/syimages/tmbg.png);}
.life-pic li:hover p {color:#ff5555;}


.makeup{overflow: hidden;}
.makeup-left{ width: 390px;position: relative;float: left;}
.makeup-left .top{overflow: hidden; width: 390px;height: 515px;}
.makeup-left .top li{overflow: hidden;background: #f1f1f1;   }
.makeup-left .top li .box {width: 390px;height: 380px;}
.makeup-left .top li .box img{width: 390px;height: 380px}
.makeup-left .top li .tit {display: block;width: 370px;height: 30px;line-height: 30px;margin: 10px;overflow: hidden;font-size: 18px;text-align: center;}
.makeup-left .top li .info {display: block;height: 50px;line-height: 25px;text-align: center;color: #888;width: 370px;padding: 0px 10px;overflow: hidden; margin-bottom: 40px;}
.makeup-left .bottom{position: absolute;bottom: 0px;left: 0px; width: 100%;text-align: center;}
.makeup-left .bottom li{ cursor: pointer;   height: 6px;width: 27px;background-color: #b2b2b2;margin:15px 15px 0 0;display: inline-block;text-indent: -9999px; color: #b2b2b2}
.makeup-left .bottom li.m-hover{height: 6px;width: 27px;background-color: #000;}


.makeup-right{overflow: hidden;float: right; width: 760px;}
.makeup-right .left{ float: left;overflow: hidden; }
.hjzb{ width: 353px;height: 247px;position: relative;overflow: hidden;margin-top:20px; }
.hjzb a{display: block;position: relative;}
.hjzb a img{width: 353px;height: 247px;object-fit: cover;}
.hjzb:first-child{margin-top:0px; }
.hjzb a p{position: absolute;bottom:15px;left: 10px;background: url(/uploads/image/syimages/tmbg.png); color: #fff;font-size: 16px;z-index: 99;width: 313px;padding:5px 10px;    white-space: nowrap;
    text-overflow: ellipsis;overflow: hidden;}
.hjzb a:hover p {color:#ff5555;}
.makeup-right .right{ float: right;overflow: hidden; width: 387px;  background: url(/uploads/image/syimages/bg2021.png);}
.top-list{background: #fff;margin: 12px;overflow: hidden;}
.top-list ul{ overflow: hidden;padding:0px 15px 13px;}
.top-list ul li{    height: 44px;line-height: 44px;white-space: nowrap;overflow: hidden;margin-top: 1px;padding-left: 5px;border-bottom: 1px dotted #ededed;}
.top-list ul li a {font-size: 16px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;display: block;}
.top-list ul li a:hover {color:#ff5555;}
h4.tit{height: 33px;overflow: hidden;margin: 20px 0px 10px;}
h4.tit font{background: url(/uploads/image/syimages/toplisttitle.png) 16px 0 no-repeat;display: block; width: 150px; float: left;text-indent: -99999px;height: 33px;}
h4.tit span{ float: right;display: block;height: 33px; font-size: 13px;font-weight: normal;line-height: 33px;padding-right: 15px;}
h4.tit span a{color: #333;}
h4.tit span a:hover{color:#ff5555;}


.apparel{overflow: hidden;}
.apparel .left{overflow: hidden; width: 387px;background: url(/uploads/image/syimages/bg2021.png);float: left;}
.apparel .right{float: right;overflow:hidden; width: 783px;height: 514px;}
.apparel .right .top {overflow: hidden; width: 353px;float: right;}
.apparel .right .top .hjzb{overflow: hidden;}
.apparel .right .bottom{overflow: hidden;float: left; width:410px;}
.apparel .right .bottom li{ margin:0px 0 0 20px;overflow: hidden;float: left; }
.apparel .right .bottom li i {     font-size: 24px;    font-family: impact;       margin-right: 15px; }
.apparel .right .bottom li a{ display: block; height: 69px; overflow: hidden; margin-bottom:20px }
.apparel .right .bottom li a p.f-fl{ width: 104px; height: 69px; overflow:hidden; margin-right: 16px }
.apparel .right .bottom li a p.f-fl img{ display: block;width: 104px; height:69px; }
.apparel .right .bottom li a strong{color: #333; display: block; font-weight: normal; font-size: 16px; overflow:hidden; line-height: 24px; margin-bottom: 5px }
.apparel .right .bottom li a span { font-size: 12px ; color: #aaa; height: 30px; overflow: hidden; }
.apparel .right .bottom li a:hover strong{color:#ff5555;}

.g-bodys{overflow:hidden;}
.g-bodysbox{ width: 1200px;overflow: hidden; }
.g-bodys .caizhu-box {width: 278px;float: left;margin-right: 20px;}
.g-bodys .caizhu-box .pic-text {height: 372px;position: relative;}
.g-bodys .caizhu-box .pic-text img {width: 278px;height: 372px;object-fit:cover;}
.g-bodys .caizhu-box .all-tit span {width: 258px;height: 38px;line-height: 38px;}
.g-bodys .caizhu-box .all-tit {position: absolute;background: url(/uploads/image/syimages/tmbg.png);left: 12px;width: 257px;bottom: 20px;z-index: 9;}
.g-bodys .caizhu-box .all-tit a{ color: #fff;display: block;height: 35px;line-height: 35px; white-space: nowrap;  text-overflow: ellipsis;margin: 0px 10px;overflow: hidden;}
.g-bodys .caizhu-box .list-text {padding: 10px 0 0 0;overflow: hidden;}
.g-bodys .caizhu-box .list-text a {display: block;height: 35px;line-height: 35px;padding-left: 20px;overflow: hidden;background: transparent url(/uploads/image/syimages/sy_ico.jpg) no-repeat scroll 5px -108px;font-size: 15px; color: #333;    white-space: nowrap;
    text-overflow: ellipsis;}
.g-bodys .caizhu-box .list-text a:hover{ color:#ff5555  }
.g-bodys .caizhu-box .all-tit a:hover{color:#ff5555}


.skincare{overflow: hidden;}
.skincare .center{ width: 395px;float: left;overflow: hidden; }
.skincare .center li{overflow: hidden;float: left; }
.skincare .center li i {     font-size: 24px;    font-family: impact;       margin-right: 15px; }
.skincare .center li a{ display: block; height: 69px; overflow: hidden; margin-bottom:20px }
.skincare .center li a p.f-fl{ width: 104px; height: 69px; overflow:hidden; margin-right: 16px }
.skincare .center li a p.f-fl img{ display: block;width: 104px; height:69px; }
.skincare .center li a strong{color: #333; display: block; font-weight: normal; font-size: 16px; overflow:hidden; line-height: 24px; margin-bottom: 5px }
.skincare .center li a span { font-size: 12px ; color: #aaa; height: 30px; overflow: hidden; }
.skincare .center li a:hover strong{color:#ff5555;}
.skincare .right{overflow: hidden; float: right; width: 353px;}
.skincare .right .top{overflow:hidden; width: 353px;height: 247px;}
.skincare .right ul.bottom{margin-top:20px;overflow: hidden;width: 353px; }
.skincare .right ul.bottom li{overflow: hidden;margin-bottom: 15px;}
.skincare .right ul.bottom li a{font-size: 16px;color: #333;height: 26px;line-height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.skincare .right ul.bottom li p{line-height: 24px;font-size: 13px;color: #999;height: 48px;display: -webkit-box;  text-overflow: ellipsis;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;}
.skincare .right ul.bottom li a:hover {color:#ff5555;}

.skincare .left{width: 407px; float: left;overflow: hidden;}
.skincare .left .top{overflow: hidden;margin-right:20px;background: url(/uploads/image/syimages/num.png) 0px 13px no-repeat; }
.skincare .left .top li{height: 44px;line-height: 44px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 32px;margin-top: 2px;}
.skincare .left .top li a{ color: #333; }
.skincare .left .top li a:hover {color:#ff5555;}
.skincare .left .bottom{overflow: hidden;}
.skincare .left .bottom p{float: left;overflow: hidden; width: 183px;margin-right:20px;margin-bottom:20px; }
.skincare .left .bottom p a{display: block;overflow: hidden;position: relative;height: 130px;}
.skincare .left .bottom p img{width: 183px;height: 130px;}
.skincare .left .bottom p span{font-size: 14px;overflow: hidden; position: absolute;left: 10px;display: block;bottom: 10px;width: 153px;padding: 0px 10px; height: 30px;line-height: 30px; color: #fff;background: url(/uploads/image/syimages/tmbg.png);white-space: nowrap;
    text-overflow: ellipsis;}
.skincare .left .bottom p a:hover span{color:#ff5555;}

.plastic{overflow: hidden;}


.plastic .left{overflow: hidden; float: left; width:390px;}
.plastic .left li{overflow: hidden;float: left; }
.plastic .left li i {     font-size: 24px;    font-family: impact;       margin-right: 15px; }
.plastic .left li a{ display: block; height: 69px; overflow: hidden; margin-bottom:20px }
.plastic .left li a p.f-fl{ width: 104px; height: 69px; overflow:hidden; margin-right: 16px }
.plastic .left li a p.f-fl img{ display: block;width: 104px; height:69px; }
.plastic .left li a strong{color: #333; display: block; font-weight: normal; font-size: 16px; overflow:hidden; line-height: 24px; margin-bottom: 5px }
.plastic .left li a span { font-size: 12px ; color: #aaa; height: 30px; overflow: hidden; }
.plastic .left li a:hover strong{color:#ff5555;}

.plastic .center{overflow: hidden;margin-left: 15px; width: 765px; float: left; }
.plastic .center .top{overflow:hidden; width: 765px;}
.plastic .center .top ul{overflow: hidden; width: 790px;}
.plastic .center .top li a{display: block;}
.plastic .center .top li {width: 242px;height:161px;overflow: hidden;margin-bottom: 20px;float: left;margin-right: 20px;position: relative;}
.plastic .center .top li img {width: 100%;height: 100%;}
.plastic .center .top li .text {width: 242px;height: 65px;position: absolute;left: 0;bottom: 0; /*opacity: 0.6;*/text-align: center;/*opacity: 0;*/}
.plastic .center .top li .text p {position: absolute;left: 25px;top: 9px;width: 192px;display: block;height: 48px;line-height: 24px;overflow: hidden;font-size: 16px;color: #fff;z-index: 99;}
.plastic .center .top li .text .left-arr {left: 10px;top: 5px;border-left: 1px solid #fff;border-top: 1px solid #fff;}
.plastic .center .top li .text em {display: block;width: 25px;height: 25px;position: absolute;z-index: 9;}
.plastic .center .top li .text em.right-arr {right: 10px;bottom: 5px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.plastic .center .top li .text .bg {position: absolute;left: 0;bottom: 0;display: block;width: 242px;height: 65px;background: url(/uploads/image/syimages/tmbg.png);}
.plastic .center .top li:hover p {color:#ff5555;}


.plastic .center ul.bottom{overflow: hidden;}
.plastic .center ul.bottom li{overflow: hidden;margin-bottom: 15px; float: left; width: 50%;}
.plastic .center ul.bottom li a{padding-right: 15px;font-size: 16px;color: #333;height: 26px;line-height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.plastic .center ul.bottom li p{line-height: 24px;font-size: 13px;color: #999;height: 48px;display: -webkit-box;  text-overflow: ellipsis;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;}
.plastic .center ul.bottom li a:hover {color:#ff5555;}


#nav-1 .nav {
  position: relative;
  border: none;
  border-radius: 10em;
  display: flex;
  list-style: none;
  background: #f5f5f5;
  /*box-shadow: 20px 40px 50px #00000044;*/
  padding: 10px;
}
#nav-1 .nav li {
  margin: 0px;
}
#nav-1 .nav li a {
  position: relative;
  padding: 0.6em 2em;
  font-size: 18px;
  border: none;
  color: #333;
  display: inline-block;
  text-decoration: none;
  z-index: 3;
}
#nav-1 .slide1,
#nav-1 .slide2 {
  position: absolute;
  display: inline-block;
  height: 3em;
  border-radius: 10em;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1.05);
}
#nav-1 .nav .slide1 {
  background-color: #ff5555;
  z-index: 2;
}
#nav-1 .nav .slide2 {
  opacity: 0;
  background: #fff;
  border: 1px solid #8ab9ff;
  z-index: 1;
}

.squeeze {
  transition: all 1.5s;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.navtop{
	width: 1230px;margin: auto;
}

.g-ablock,.g-bblock,.g-cblock,.g-dblock,.g-eblock,.g-fblock,.g-gblock{ width:100%; margin-bottom:50px; background-color:#fff; overflow:hidden;}
.g-ablock .g-ablock-box{ width:1170px; padding:0; margin:0 auto; overflow:hidden;}
.g-ablock .g-ablock-box dt{ float:left; width:750px; overflow:hidden; font-weight:normal;}
.g-ablock .g-ablock-box dd{ float:right; width:400px; margin:0; overflow:hidden;}



.m-slidenew{ padding:16px 0;}
.m-slidenew ul{ width:799px; list-style:none; counter-reset: count;}
.m-slidenew ul li:before{ content:"■"; color:#333333; font-size:24px;}
.m-slidenew ul li{ float:left; width:170px; height:32px; margin:0 0px 0 10px; overflow:hidden;}
.m-slidenew ul li:hover{ color:#ff5555;}
.m-slidenew ul li a{ padding:0 0 0 12px; color:#333333; text-decoration:none; font-size:20px;}
.m-slidenew ul li a:hover{ color:#ff5555;}

.g-ablock .m-zxzx{ width:100%; height:450px; background-color:#ff5555;}
.g-ablock .m-zxzx .title{ height:40px; line-height:40px; font-style: oblique; text-align:center; font-size:20px; color:#fff;}
.g-ablock .m-zxzx ul{ width:358px; margin:0 auto; background-color:#fff; overflow:hidden;}
.g-ablock .m-zxzx ul li{ clear:both; height:29px; padding:0 25px; margin:15px 0 16px;}
.g-ablock .m-zxzx ul li i{ display:block; float:left; width:28px; height:28px; line-height:28px; margin:0 12px 0 0; color:#fff; font-size:13px; font-weight:bold; font-style:normal; background-color:#333333; text-align:center;}
.g-ablock .m-zxzx ul li:hover i{ background-color:#ff5555;}
.g-ablock .m-zxzx ul li a{ display:block; float:left; width:261px; height:28px; line-height:28px; overflow:hidden; color:#929292; text-decoration:none;}
.g-ablock .m-zxzx ul li a:hover{ color:#ff5555;}
.friendlink{width:1200px;margin:0 auto;margin-top:10px;margin-bottom:5px;}
.friendlink_title{width:1200px;height:32px;line-height:32px;border-bottom:1px solid #333;}
.friendlink_title span{float:left;font-size:16px;font-weight:bold;color:#444;}
.friendlink_title em{float:right;color:#666;font-size:14px;padding-right:17px;}
.friendlink_title em a{color:#cc0066;font-size:14px;}
.friendlink_txt{padding:12px 12px;}
.friendlink_txt a{color:#404040;line-height:26px;margin:0px 10px 0px 0px;font-size:14px;}
.friendlink_txt a:hover{color:#cc0066;}