.generic{ width:100%; min-width:930px; float:left; overflow:hidden; position:relative}
.generic .box{ width:1920px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px; font-family:HanHei SC; font-weight:200}
.generic .tit_box{ width:720px; float:left; position:absolute; opacity:1; z-index:10}
.generic .t_1{ width:100%; float:left; font-size:28px; line-height:32px; padding-bottom:8px}
.generic .t_2{ width:100%; float:left; font-size:50px; line-height:60px; padding-bottom:28px}
.generic .t_3{ width:100%; float:left; font-size:22px; line-height:36px}
.generic .img_box{ width:1920px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ width:1920px; float:left; position:absolute; top:0; left:0}

.sticky{ width: 100%; float: left; position:relative}
.sticky .sbox{ width: 100%; height: 300px; visibility:visible; position:sticky; top: 0}

.main_1{ height:890px}
.main_1 .box{ height:890px}
.main_1 .tit_box{ top:353px; left:428px; opacity:0}
.main_1 .t_1{ font-size:66px; line-height:70px; padding-bottom:6px; font-weight: bold}
.main_1 .t_2{ font-size:32px; line-height:52px; color:rgba(51,51,51,0.8)}
.main_1 .img_box{ height:890px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_1_2{ height:400px}
.main_1_2 .box{ height:400px}
.main_1_2 ul{ width:1000px; height:260px; float:left; margin:83px 0 0 460px}
.main_1_2 li{ width:332px; height:124px; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; color:#333; text-align:center}
.main_1_2 .t_1{ width:100%; float:left; font-size:26px; padding-top:28px}
.main_1_2 .t_2{ width:100%; float:left; font-size:20px; opacity:0.8; line-height: 24px}
.main_1_2 .bor_no{ border-right:none}
.main_1_2 .bob_no{ border-bottom:none}

.main_2{ height:959px}
.main_2 .box{ height:959px}
.main_2 .tit_box{ color:#fff; top:284px; left:300px}
.main_2 .t_2{ padding-bottom: 18px}
.main_2 .t_2, .main_2 .t_3{ opacity:0}
.main_2 .img_box{ height:959px}

.main_3{ height:1080px}
.main_3 .box{ height:1080px}
.main_3 .tit_box{ width:920px; color:#fff; text-align:center; top:0; left:500px; opacity:1}
.main_3 .t_1{ padding-bottom:16px; color:rgba(255,255,255,0.8); opacity: 0}
.main_3 .t_2{ padding-bottom:18px; opacity: 0}
.main_3 .t_3{ color:rgba(255,255,255,0.8); opacity: 0}
.main_3 .img_box{ height:1080px}
.main_3 .img_box img{ top: 50%; margin-top: -540px}
.main_3 ul{ width:292px; float:left; position: relative; left: 50%; margin:68px 0 0 -146px}
.main_3 li{ width:146px; float:left; padding-top:76px; font-size:18px; color:rgba(255,255,255,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/accessories/tightTrousers/3_1.png) no-repeat center 0; opacity:0}
.main_3 .ic_2{ background-position:center -200px}
.main_3 .ic_3{ background-position:center -400px}
.main_3 .maska{ width: 1920px; height: 1080px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.6); z-index: 5}

.main_3_1{ height:1000px}
.main_3_1 .box{ height:1000px}

.main_4{ height:1080px}
.main_4 .box{ height:1080px}
.main_4 .tit_box{ width:920px; color:#fff; text-align:center; top:0; left:500px; opacity:1}
.main_4 .t_1{ padding-bottom:16px; color:rgba(255,255,255,0.8); opacity:0}
.main_4 .t_2{ padding-bottom:22px; opacity:0}
.main_4 .t_3{ line-height:30px; color:rgba(255,255,255,0.8); opacity:0}
.main_4 .img_box{ height:1080px}
.main_4 .img_box img{ top: 50%; margin-top: -540px}
.main_4 ul{ width:568px; float:left; margin:68px 0 0 176px}
.main_4 li{ width:142px; float:left; padding-top:71px; font-size:18px; color:rgba(255,255,255,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/accessories/tightTrousers/4_1.png) no-repeat center 0; opacity:0}
.main_4 .ic_2{ background-position:center -200px}
.main_4 .ic_3{ background-position:center -400px}
.main_4 .ic_4{ background-position:center -600px}
.main_4 .maska{ width: 1920px; height: 1080px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.6); z-index: 5}

.main_4_1{ height:2140px}
.main_4_1 .box{ height:2140px}
.main_4_1 .img_box{ height:1060px; top:inherit; bottom: 0}

.main_5{ height:1080px}
.main_5 .box{ height:1080px}
.main_5 .tit_box{ width:920px; text-align:center; top:150px; left:500px; opacity:0}
.main_5 .t_1{ padding-bottom:16px; opacity: 0.8}
.main_5 .t_2{ padding-bottom:18px}
.main_5 .img_box{ height:1080px}

.main_6{ height:1080px}
.main_6 .box{ height:1080px}
.main_6 .tit_box{ width:920px; color:#fff; text-align:center; top:0; left:500px; opacity:1}
.main_6 .t_1{ padding-bottom:16px; color:rgba(255,255,255,0.8); opacity:0}
.main_6 .t_2{ padding-bottom:18px; opacity:0}
.main_6 .t_3{ color:rgba(255,255,255,0.8); opacity:0}
.main_6 .img_box{ height:1080px}
.main_6 .img_box img{ top: 50%; margin-top: -540px}
.main_6 ul{ width:438px; float:left; margin:72px 0 0 241px}
.main_6 li{ width:146px; float:left; padding-top:76px; font-size:18px; color:rgba(255,255,255,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/accessories/tightTrousers/6_1.png) no-repeat center 0; opacity:0}
.main_6 .ic_2{ background-position:center -200px}
.main_6 .ic_3{ background-position:center -400px}
.main_6 .maska{ width: 1920px; height: 1080px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.6); z-index: 5}

.main_6_1{ height:2140px}
.main_6_1 .box{ height:2140px}
.main_6_1 .img_box{ height:1060px; top:inherit; bottom: 0}

.main_7{ height:1080px}
.main_7 .box{ height:1080px}
.main_7 .tit_box{ width:920px; color:#fff; text-align:center; top:0; left:500px; opacity:1}
.main_7 .t_1{ padding-bottom:16px; color:rgba(255,255,255,0.8); opacity:0}
.main_7 .t_2{ padding-bottom:18px; opacity:0}
.main_7 .t_3{ color:rgba(255,255,255,0.8); opacity:0}
.main_7 .img_box{ height:1080px}
.main_7 .img_box img{ top: 50%; margin-top: -540px}
.main_7 ul{ width:284px; float:left; position: relative; left: 50%; margin:57px 0 0 -142px}
.main_7 li{ width:142px; float:left; padding-top:76px; font-size:18px; color:rgba(255,255,255,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/accessories/tightTrousers/7_1.png) no-repeat center 0; opacity:0}
.main_7 .ic_2{ background-position:center -200px}
.main_7 .maska{ width: 1920px; height: 1080px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.6); z-index: 5}

.main_7_1{ height:1000px}
.main_7_1 .box{ height:1000px}

.main_8{ height:938px}
.main_8 .box{ height:938px}
.main_8 .tit_box{ width:920px; color:#fff; top:322px; left:396px; opacity:1}
.main_8 .t_1{ padding-bottom:16px; color: rgba(255,255,255,0.8); opacity:0}
.main_8 .t_2{ padding-bottom:18px; opacity:0}
.main_8 .t_3{ color: rgba(255,255,255,0.8); opacity:0}
.main_8 .img_box{ height:938px}

.main_9{ height:1287px}
.main_9 .box{ height:1287px}
.main_9 .tit_box{ width:920px; color:#323232; text-align:center; top:125px; left:500px; opacity:1}
.main_9 .img_box{ height:1287px}

.main_10{ height:1150px}
.main_10 .box{ height:1150px}
.main_10 .t_4{ width:200px; color:#323232; text-align:center; top:992px; left:570px; font-size:32px; line-height:40px; position: absolute; z-index:10}
.main_10 .t_5{ left:1186px}
.main_10 .img_box{ height:1150px}

.main_11{ height:2645px}
.main_11 .box{ height:2645px}
.main_11 .img_box{ height:2645px}



@keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

@keyframes x_15{ 0%{ opacity:0; transform:translate3d(15px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_15{ 0%{ opacity:0; -webkit-transform:translate3d(15px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes y_60{ 0%{ opacity:0; transform:translate3d(0,60px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_60{ 0%{ opacity:0; -webkit-transform:translate3d(0,60px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}