@charset "utf-8";

a:hover{text-decoration: none;}

html{overflow-x: hidden;}
body{font-family: 'microsoft yahei';padding-bottom: 50px;}
.area{position: relative;width: 1000px;}

.tab-cn dd{position: relative;}

.part-1{background: url(http://mat1.gtimg.com/v/hanawang/2018/11/07/24.jpg) center 0 no-repeat;}
.part-2{background: url(http://mat1.gtimg.com/v/hanawang/2018/10/23/beauty/bg2.jpg) center 0 no-repeat;}
.part-3{background: url(http://mat1.gtimg.com/v/hanawang/2018/10/23/beauty/bg3.jpg) center 0 no-repeat;}
.part-4{background: url(http://mat1.gtimg.com/v/hanawang/2018/10/23/beauty/bg4.jpg) center 0 no-repeat;}



.part-1 .area{min-height:1044px;}
.part-2 .area{min-height:694px;}
.part-3 .area{min-height:932px;}
.part-4 .area{min-height:420px;}
.part-5 .area{}


.part-1 .topbar{height: 497px;}
.part-2 .topbar{height: 160px;}
.part-3 .topbar{height: 240px;}
.part-4 .topbar{}
.part-5 .topbar{}

.topbar{text-align: center;}
.topbar .title-img{padding: 20px 0;}
.conbar{position: relative;}



.ad-1{position: absolute;bottom: 0;left: 0;width: 1000px;height: 90px;text-align: center;}
.ad-2{position: absolute;bottom: 0;left: 0;width: 1000px;height: 90px;text-align: center;}
.ad-3{position: absolute;bottom: 20px;left: 0;width: 1000px;height: 90px;text-align: center;}


.part-2{}
.m-part2-tab{}
.m-part2-tab .tab-tt-1{float: left;width: 55px;margin-right: 8px;}
.m-part2-tab .tab-tt-2{float: left;width: 55px;padding-top: 104px;}
.m-part2-tab .tab-tt{}
.m-part2-tab .tab-tt li{background: #f2bad2;border: 4px solid #FFF;margin-bottom: 5px;-webkit-box-shadow:0 0 .2em rgba(0,0,0,0.2);-moz-box-shadow:0 0 .2em rgba(0,0,0,0.2);box-shadow:0 0 .2em rgba(0,0,0,0.2);text-align: center;font-size: 30px;line-height: 1.3;color: #FFF;cursor: pointer;}
.m-part2-tab .tab-tt li .pic{display: none;}
.m-part2-tab .tab-tt li.current,
.m-part2-tab .tab-tt li:hover{background: #b96f8f;}
.m-part2-tab .tab-tt li.un{background: #f2e5ea;cursor: default;}
.m-part2-tab .tab-cn{float: right;width: 872px;}

.part-2 .pic{position: absolute;display: block;}
.part-2 .pic2{border:8px solid #FFF;}
.part-2 .pic-1{top: 0;left: 0;width: 322px;height: 390px;z-index:2;}
.part-2 .pic-2{top: -15px;left: 357px;width: 225px;height: 142px;z-index:2;}
.part-2 .pic-3{top: -15px;left: 623px;width: 225px;height: 142px;z-index:2;}
.part-2 .pic-4{top: 165px;left: 357px;width: 225px;height: 142px;z-index:2;}
.part-2 .pic-5{top: 165px;left: 623px;width: 225px;height: 142px;z-index:2;}
.part-2 .tab-cn{position: relative;}

.part-3 .text{position: absolute;background: #FFF;padding: 20px;font-size: 14px;line-height: 1.6;}
.part-3 .text-1{top: 242px;left: 32px;width: 120px;}
.part-3 .text-2{top: 328px;left: 342px;width: 207px;}
.part-3 .text-3{top: 246px;left: 763px;width: 120px;}

.part-4{}
.part-4 .text{position: absolute;top: 195px;left: 388px;width: 240px;font-size: 14px;}
.part-4 .pic{position: absolute;display: block;}
.part-4 .pic-1{top: 0;left: 30px;width: 75px;height: 75px;}
.part-4 .pic-2{top: 69px;left: 175px;width: 88px;height: 88px;}
.part-4 .pic-3{top: 152px;left: 32px;width: 88px;height: 88px;}
.part-4 .pic-4{top: 215px;left: 247px;width: 88px;height: 88px;}
.part-4 .pic-5{top: 280px;left: 125px;width: 88px;height: 88px;}
.part-4 .pic-6{top: 40px;right: 224px;width: 88px;height: 88px;}
.part-4 .pic-7{top: 23px;right: 26px;width: 77px;height: 77px;}
.part-4 .pic-8{top: 159px;right: 84px;width: 88px;height: 88px;}
.part-4 .pic-9{top: 231px;right: 228px;width: 88px;height: 88px;}
.part-4 .pic-10{top: 316px;right: 62px;width: 88px;height: 88px;}

.m-thanks{text-align: center;}
.m-thanks .link{display: inline-block;margin: 0 10px 25px;}
.m-thanks img{width: 152px;height: 56px;background: #FFF;border: 4px solid #6aae73;}




.m-pic-list-4{margin: 0 -30px;}
.m-pic-list-4:after{content: '.';display: block;height: 0;clear: both;overflow: hidden;}
.m-pic-list-4 li{float: left;width: 25%;}
.m-pic-list-4 .box{position: relative;display: block;}
.m-pic-list-4 .box:after{content:"";position: absolute;top: -12px;right: -44px;display: block;width: 292px;height: 143px;background: url(http://mat1.gtimg.com/v/hanawang/2018/10/23/beauty/pbg-2.png) center no-repeat;z-index:1;}
.m-pic-list-4 .pic{position: relative;width: 292px;height: 143px;margin-bottom: 8px;z-index:2;}
.m-pic-list-4 .title{display: block;color: #ff688b;font-size: 18px;text-align: center;}
.m-pic-list-4 .title-1{color: #FFF;}
.margin-4{padding-top: 100px;}




.m-thx{text-align: center;background: #dde7ee;padding: 10px 0;margin-bottom: 4px;}
.m-thx img{width: 185px;height: 102px;margin: 0 5px;}
.m-thx2{background: #f4f4f4;padding: 30px 0;margin-bottom: 4px;}
.m-thx2 .inner{padding-left: 160px;width: 840px;margin-left:auto;margin-right:auto;background: url(http://mat1.gtimg.com/v/hanawang/2018/10/23/beauty/title.png) 35px center no-repeat;}
.m-thx2 img{margin: 0 10px;}

.part-PL{}
.part-PL .area{}
.part-PL .conbar{margin-left:auto;margin-right:auto;overflow: hidden;}
.part-PL .left-column{float: left;}
.part-PL .right-column{float: right;width: 292px;padding-top: 15px;text-align: center;}
.part-PL .right-column .ad-pic{width: 100%;height: 156px;margin-bottom: 20px;}


.PL-main{height: 700px;overflow: hidden;overflow-y: auto;background: #FFF;}
.PL-scrollcon{padding: 0 15px;}
.PL-iframe{width: 100%;display: block;}



.foot-box{padding-top: 50px;line-height: 2;text-align: center;font-size: 14px;}
.foot-box,
.foot-box a{color: #333;}


.m-carousel{position: relative;}
.carousel-container{}
.carousel-container .area{position:relative;width:1000px;}
#carousel{height:500px;width: 1000px;margin:0 auto;position:relative;}
.carousel-image{border:0;display:block;}
.carousel-feature{position:absolute;top:0px;cursor:pointer;background: #fcb8c7;border: 8px solid #FFF;-webkit-box-shadow:0 0 .4em rgba(0,0,0,0.3);-moz-box-shadow:0 0 .4em rgba(0,0,0,0.3);box-shadow:0 0 .4em rgba(0,0,0,0.3);text-align: center;}
.carousel-feature h2{margin-top: -5px;display: inline-block;padding: 4px 15px;color: #FFF;font-size: 14px;background: #65d0eb;font-weight: normal;}
.carousel-feature img{width: 600px;height: 400px;}
.carousel-feature .carousel-caption{position:absolute;bottom:-40px;width:100%;text-align: center;}
.carousel-feature .carousel-caption p{margin:0;padding:0;font-size:24px;color:#71656e;font-family: 'microsoft yahei';}
.tracker-summation-container{display:none;position:absolute;color:white;right:48px;top:230px;padding:3px;margin:3px;background-color:#000;}
.tracker-individual-container{position:absolute;color:white;left:50%;top:0;width: 700px;margin-left: -350px;text-align: center;}
.tracker-individual-container li{display:inline-block;*display:inline;width: 33.3%;line-height: 80px;font-size: 50px;color: #88a8ae;*zoom:1;list-style:none;}
.tracker-individual-container .tracker-individual-blip{color:88a8ae;width: 150px;font-weight: bold;margin: 0 auto;text-align:center;}
.tracker-individual-container .tracker-individual-blip-selected{color: #3f5153;}
.carousel-btn{height:100px;width: 95px;margin-top: -50px;cursor:pointer;z-index: 99;}
#carousel-left{left:50px;background-position:right center;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
#carousel-right{right:50px;}
#carousel-left,
#carousel-right{position:absolute;top:45%;background-position:left center;background: url(http://mat1.gtimg.com/v/hanawang/2018/10/23/beauty/next-2.png) center no-repeat;}


.css-li li img{-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;-ms-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out;}
.css-li li:hover img{-webkit-filter: brightness(120%);-moz-filter:brightness(120%);-o-filter: brightness(120%);-ms-filter: brightness(120%);filter: brightness(120%);}
.css-img img{-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;-ms-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out;}
.css-img img:hover{-webkit-filter: brightness(110%);-moz-filter:brightness(110%);-o-filter: brightness(110%);-ms-filter: brightness(110%);filter: brightness(110%);}
.m-ad{-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;-ms-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out;}
.m-ad:hover{-webkit-filter: brightness(110%);-moz-filter:brightness(110%);-o-filter: brightness(110%);-ms-filter: brightness(110%);filter: brightness(110%);}
.css-img-big{-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-ms-transition: .2s ease-out;-o-transition: .2s ease-out;transition: .2s ease-out;}
.css-img-big:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

@-webkit-keyframes tobig{
  0%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
  50%{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
}

@-webkit-keyframes swing{
  20%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
  40%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg);}
  60%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}
  80%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg);}
  to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
}
@keyframes swing{
  20%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
  40%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg);}
  60%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}
  80%{-webkit-transform:rotate3d(0,0,1,10deg);transform:rotate3d(0,0,1,10deg);}
  to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}
}
.animate-tada{-webkit-animation-name:tada;animation-name:tada;-webkit-transform-origin:center;transform-origin:center;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}




.m-H5-video{width: 1000px;margin-left:auto;margin-right:auto;background: #26262B;}
.m-H5-video .video-canvas{position: relative;float: left;width: 700px;}
.m-H5-video .video-bar{float: right;width: 290px;}
.m-H5-video .v-title{padding-left: 10px;height: 40px;line-height: 40px;font-size: 18px;color: #FFF;}
.m-H5-video .v-list{height: 340px;overflow: auto;}

.mod-list li{line-height: 16px;}
.mod-list{margin-bottom:0;}
.mod-list .arrow_next_xs{position:relative;top:10px}
.mod-list .list_item{position:relative;display:block;padding:5px 5px 5px 140px;margin:0}
.mod-list .list_item:hover .figure_count .rank_num+.num{max-width:0;margin:0}
.mod-list .list_item:hover .figure_desc{opacity:.9}
.mod-list .figure_desc_two_row{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mod-list .figure_detail{height:74px;color: #ccc;}
.mod-list .figure{position:absolute;left:0;width:130px;height:74px;margin:0;overflow:hidden}
.mod-list .figure:hover .figure_pic{-webkit-filter:saturate(1.15) contrast(1.15) brightness(1.1);filter:saturate(1.15) contrast(1.15) brightness(1.1)}
.mod-list .figure_pic{width:100%;height:100%;-webkit-transition:-webkit-filter .3s ease-out;transition:filter .3s ease-out}
.mod-list .figure_detail_three_row,.mod-list .figure_detail_two_row{display:block;height:74px;overflow:hidden}
.mod-list .figure_detail_three_row .figure_title,.mod-list .figure_detail_two_row .figure_title{max-height:88px;font-size:14px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;word-wrap:break-word;word-break:break-all;font-weight: normal;}
.mod-list .figure_detail_three_row .figure_title:hover,.mod-list .figure_detail_two_row .figure_title:hover{color:#ff6428}
.mod-list .figure_detail_three_row{height:66px}
.mod-list .figure_detail_three_row .figure_title{line-height:20px;max-height:40px}
.mod-list .figure_detail_three_row .figure_desc{margin-top:0}
.mod-list .figure_desc{opacity:.6;cursor:inherit}
.mod-list .figure_count{color:#fff;padding:0;height:20px;overflow:hidden;font-size:0}
.mod-list .figure_count .num{font-size:12px;margin:0 5px;max-width:100px;transition:max-width .1s ease-out,margin .1s ease-out;overflow:hidden}
.mod-list .figure_num{position:absolute;bottom:-2px;color:#999;display: none;}
.mod-list .figure_num .icon_xs{height:13px;position:relative;margin:0 2px 0 0;top:1px}
.mod-list .figure_num .icon_decline_xs,.mod-list .figure_num .icon_hold_xs,.mod-list .figure_num .icon_rise_xs{margin-left:5px}
.mod-list .figure_num .icon_rise_xs{color:#6cd40f}
.mod-list .figure_num .icon_decline_xs{color:#d4d4d4}
.mod-list .figure_num .icon_hold_xs{color:#ff6428}
.mod-list .current .figure_title,.mod-list .current .figure_title a,.mod-list .current .figure_title:hover a,.mod-list .current:hover .figure_title,.mod-list .current:hover .figure_title a,.mod-list .current:hover .figure_title:hover a{color:#ff6428}
.mod-list .rank_num{min-width:20px;font-size:18px;display:inline-block;text-align:center;background-color:#888}
.mod-list .rank_num1{background-color:#ff5945}
.mod-list .rank_num2{background-color:#ff6428}
.mod-list .rank_num3{background-color:#ff9c39}
.mod-list .figure .figure_count{position:absolute;left:4px;bottom:4px;padding:0 4px;background-color:rgba(17,17,17,.8);font-size:12px;line-height:20px;color:#fff;}


.m-H5-video .v-list::-webkit-scrollbar{width:8px}
.m-H5-video .v-list::-webkit-scrollbar-button{display:none}
.m-H5-video .v-list::-webkit-scrollbar-button:vertical:end:increment{display:block;height:8px;}
.m-H5-video .v-list::-webkit-scrollbar-track{height:200px;border-radius:3px;}
.m-H5-video .v-list::-webkit-scrollbar-button:vertical:end:increment{background-color:rgba(0,0,0,0.05);}
.m-H5-video .v-list::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.05);}
.m-H5-video .v-list::-webkit-scrollbar-track-piece:vertical:start{width:4px;background:rgba(0,0,0,0.05)}
.m-H5-video .v-list::-webkit-scrollbar-track-piece:vertical:end{width:4px;background:rgba(0,0,0,0.05)}
.m-H5-video .v-list::-webkit-scrollbar-thumb:vertical{background:#818181;cursor:pointer}
.m-H5-video .v-list{scrollbar-arrow-color:rgba(0,0,0,0.05);/*ie下上下箭头的颜色*/
scrollbar-face-color:#818181;/*ie下滚动条的基本颜色*/
scrollbar-track-color:rgba(0,0,0,0.05);/*ie下立体滚动条背景颜色*/
scrollbar-highlight-color:#818181;/*ie下滚动条空白部分的颜色*/
scrollbar-dlight-color:#616161;/*立体滚动条亮边的颜色*/
scrollbar-shadow-color:#818181;/*ie下立体滚动条阴影的颜色*/
scrollbar-darkshadow-color:#616161;/*立体滚动条强阴影的颜色*/
}


.switch-main .switch-dd{display: none;}
.switch-main .switch-dd.current{display: block;}
.switch-main{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-grow: 1;}
.switch-main .switch-box{-webkit-flex-shrink: 0;flex-shrink: 0;flex-basis: 100%;width: 1px;}
.switch-main .switch-box.current{opacity: 1;}
.switch-main.change-animate .prev-dd{display: block;-webkit-transition: .3s ease;transition: .3s ease;}
.switch-main.change-animate{-webkit-transition: .3s ease;transition: .3s ease;}
.switch-main.left-change{justify-content: flex-end;-webkit-transform: translate(100%,0);}
.switch-main.left-change .prev-dd{opacity: 0;}
.switch-main.right-change{-webkit-transform: translate(-100%,0);}
.switch-main.right-change .prev-dd{opacity: 0;}






/*  |xGv00|f297460ee1b27d995b5ba648186ac674 */