html{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
body{margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";background-color:#fff;color:#000;}
h1,h2,h3,h4,h5,h6{font-size:100%;overflow:hidden;}
img,fieldset,iframe,table{border:0;}
img{border:none;vertical-align:top;object-fit:cover;}
input,button,textarea,select{font-size:12px;}
ul,ol,dl,dt,dd,li{list-style:none;}
b{font-weight:100;overflow:hidden;}
em,i{font-style:normal;}
area{outline:none;border:none;}
a{color:#fff;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
.clearfix{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;width:1px;height:1px;}
.left{float:left;}
.right{float:right;}
.f700{font-weight:700;}
.f100{font-weight:100;}
.fyahei{font-family:"Microsoft Yahei";}
.ta_l{text-align:left;}
.ta_c{text-align:center;}
.ta_r{text-align:right;}
.height100{height:100%;}
.pa{position:absolute;}
.pr{position:relative;}
.container{min-width: 1200px; height: 7563px; background: #000 url(../../../images/static/midautumn2026/bg.jpg) no-repeat center 0;}
.wrapper{position:relative;margin:auto;width:1200px;height:100%;}
.hidden{display:none;}
.pointer{cursor:pointer;}
.scale{overflow:hidden;}
.scale img{-webkit-transition:-webkit-transform 500ms;transition:transform 500ms;vertical-align:top;}
.scale:hover img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.hide{display:none;}
.show{display:block;}
.cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;filter:alpha(opacity=0);z-index:2;}
/*top*/
.nav-top-bg,.nav-top{position:relative;z-index: 999; background:#f7f7f7;line-height:28px;font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{background-color:#f7f7f7;color:#773b09;}
.nav-top{overflow:hidden;}
.i_logo{margin-top:3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.more{color:#b19651;}
.more a{color:#b19651;}
.more a:hover{color:#fff;}
.font-hide{text-indent:-999px;overflow:hidden;}
/*footer*/
.pubfooter{position:relative;clear:both;background-color:#000;margin-left:auto;margin-right:auto;font-size:12px;}
.footer{text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px;color:#999;}
.foot_top{font-size:12px;line-height:24px;color:#999;text-align:center;height:24px;padding-top:40px;}
.foot_top .gray0{color:#999;}
.foot_top .wbfoot{background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px;*background-position:left center;padding-left:20px;}
.footline{display:inline-block;height:24px;line-height:24px;font-size:12px;vertical-align:middle;margin:0 10px;color:#999;font-family:"Sim Sun"}
.foot_top a{color:#999;display:inline-block;}
.foot_top a:hover{background:none;color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{background:url(../../../images/static/baume2/ico_phone.png) no-repeat -3px 0;display:inline-block;width:18px;height:20px;padding-right:5px;vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px;opacity:.8;filter:alpha(opacity=80);}
.android_ico i{background-position:-1px -26px;width:21px;height:24px;line-height:24px;margin-left:13px;}
.telphone_ico i{background-position:-6px -59px;width:11px;height:22px;line-height:22px;margin-left:12px;}

/*share*/
.wrap_share {width: 80px;height: 28px;line-height: 28px;margin-right: 10px}
.share_btn {width: 80px;height: 28px;display: flex;align-items: center;justify-content: space-between;}
.share_btn .bds_tsina,.share_btn .bds_qzone,.share_btn .bds_tqq,.share_btn .bds_renren,.share_btn .bds_douban,.share_btn .bds_weixin{ display: inline-block; background-image:url(../../../images/static/geneva2024/ii.png);background-repeat:no-repeat; width: 18px; height: 18px;}
.share_btn .bds_tsina { background-position:1px -39px!important ;}
.share_btn .bds_tsina:hover { background-position:1px 0px!important ;}
.share_btn .bds_qzone { background-position:-43px -39px!important ;}
.share_btn .bds_qzone:hover { background-position:-43px 0px!important ;}
.share_btn .bds_tqq { background-position:-21px -39px!important ;}
.share_btn .bds_tqq:hover { background-position:-21px 0px!important ;}
.share_btn .bds_weixin { background-position:-111px -39px!important ;}
.share_btn .bds_weixin:hover { background-position:-111px 0px!important ;}
.share_qrcode{position:fixed;top:50%;left:50%;margin-left:-125px;margin-top:-150px;z-index:99;border:1px solid #ccc;background:white;padding:10px;}
.share_qrcode i{font-style:normal;font-size:12px;font-weight:bold;}
.share_qrcode b{font-style:normal;font-size:16px;font-weight:bold;position:absolute;right:15px;top:10px;color:#990;cursor:pointer;}
.share_qrcode img{display:block;margin:15px auto;}
.share_qrcode em{font-style:normal;font-size:12px;font-weight:normal;display:block;width:100%;color:#666;}

/* 公共样式 */
/* .wrapper{background: rgba(255, 255, 0, 0.5)} */
.p_ani .wrapper {opacity: 0;transform: translateY(60px);transition: all 0.8s ease}
.p_ani.active .wrapper {opacity: 1;transform: translateY(0)}
/* 视频、腕表、文字 */
.video_box{width: 311px;height: 416px;overflow: hidden;border-radius: 5px;border: 2px solid #ffe3ad}
.video_box img{margin-top: -2px;margin-left: -2px}
.video_box::after{content: '';position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;transform: translate(-50%,-50%);background: url(../../../images/static/midautumn2026/video_btn.png);background-size: 100% 100%;}
.p_box .watch_box{transition: all 0.5s}
.p_box:hover .watch_box{transform: translateY(-8px)}
.p_box .video_box img{transition: all 0.5s}
.p_box:hover .video_box img{transform: scale(1.05)}
.text_box{white-space: nowrap;}
.text_box.bottom_arr::after{content: '';position: absolute;width: 0;height: 0;border: 8px solid transparent;top: -25px;left: 50%; margin-left: -9px;border-top: 18px solid #ffe3ad}
.text_box b{color: #ffe3ad;font-size: 22px;font-weight: bold;position: relative;white-space: nowrap; }
.text_box b::after{content: '';position: absolute;width: 0;height: 0;border: 8px solid transparent;top: 7px}
.text_box b.left_arr::after{left: -35px;border-right: 18px solid #ffe3ad;  animation: toLeft 0.6s linear infinite alternate;}
.text_box b.right_arr::after{right: -35px;border-left: 18px solid #ffe3ad;  animation: toRight 0.6s linear infinite alternate;}
.text_box em{display: block;font-size: 22px;color: #fff;white-space: nowrap;margin: 4px 0 9px}
.text_box span{display: inline-block;color: #ffe3ad;font-size: 18px;text-align: center}
.text_box span + span{margin-left: 15px}
.text_box span i{display: block;width: fit-content;height: 24px;border-radius: 12px;background: #ffe3ad;text-align: center;line-height: 24px;padding: 0 8px;font-size: 16px;color: #000;margin:0 auto 5px}
.f20{font-size: 20px !important}
.f16{font-size: 16px !important}

/* 模块标题 */
.p_tit {text-align: center; margin-top: -20px;}
.p_tit span{display: inline-block;position: relative;padding-top: 25px}
.p_tit span::before, .p_tit span::after{content: '';position: absolute;background: url(../../../images/static/midautumn2026/tit_bg.png) no-repeat}
.p_tit span::before{width: 98px;height: 98px;background-position: 0 -9px;top: 24px;left: -40px}
.p_tit span::after{width: 115px;height: 80px;background-position: top right;top: 15px;right: -15px}
.p_tit em{display: block;color: #ffe3ad;background: none;position: relative;z-index: 2;font-size: 44px;}
.p_tit em:first-child{border-bottom: 1px solid #f5ecdc;text-align: left}
.p_tit em:last-child{text-align: right;padding: 0 10px 0 15px}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .p_tit em{background: linear-gradient(to bottom, #fff, #ffe3ad);-webkit-background-clip: text;background-clip: text;color: transparent}
}
.p_btn{position: absolute;width: 50px;height: 70px;background: #ffe3ad;z-index: 9999}
.p_btn::after{content: '';position: absolute;width: 20px;height: 34px;background: url(../../../images/static/midautumn2026/focus_btn_arr.png) no-repeat 0 0;top: 50%;left: 50%;margin-top: -17px;margin-left: -10px}
.p_left::after{animation: toLeft 0.6s linear infinite alternate}
.p_right::after{background-position:-54px 0;animation: toRight 0.6s linear infinite alternate}
.modul_rabbit{width: 25px;top: 0;left: 50%;margin-left: -12.5px}


/* more 按钮 */
.p_more{
    color: #ffe3ad;
    font-size: 20px;
    border-bottom: 1px solid #ffe3ad;
    padding-bottom: 2px;
}

.p3 .p_more{
 bottom: 50px;
 right: 0;
}


/* banner */
.banner{height: 400px;position: relative}
.banner::after{content: '';position: absolute;top: 0;left: 50%;margin-left: -608px;width: 1219px;height: 576px;background: url(../../../images/static/midautumn2026/banner_bg_deco.png);animation: flicker 1.2s linear infinite alternate}
@keyframes flicker{
   to{opacity: 0.7}
}
.banner .wrapper{overflow: visible; z-index: 2;}
.banner_deco1{top: 0;left: -105px;animation: swing1 2.2s linear infinite alternate;transform-origin: top left}
@keyframes swing1{
   to{transform:rotate(-3deg)}
}
.banner_deco2{top: -20px;right: -130px;animation: swing2 2s linear infinite alternate;transform-origin: top right}
@keyframes swing2{
   to{transform: rotate(-1deg)}
}
.banner_text1{top: 44px;left: 50%;margin-left: -150px; animation: fadeInDown 1.2s;}
.banner_text2{ opacity: 0; top: 187px;left: 50%;margin-left: -154px;animation: fadeIn 1.2s 0.2s forwards;}

.banner_rabbit_box{opacity: 0; width: 670px;height: 160px;left: 50%;margin-left: -335px;bottom: 0;animation: fadeInUp 1.5s 0.5s forwards;}
.banner_rabbit1{bottom: 85px;left: 270px}
.banner_rabbit3{bottom: 25px;left: 50px}
.banner_rabbit2{bottom: 25px;left: 490px}

/* p1 */
.p1{height: 580px; overflow: hidden;}
.p1_video_box{opacity: 0;animation: fadeInUp 1.6s 0.8s forwards; width: 408px;height: 550px;top: 23px; overflow: hidden; left: 50%;margin-left: -204px;border: 2px solid #fff;border-radius: 5px}
.p1_video_box .video_box{width: 100%;height: 100%; border: none; }
.p1_video_box::after{width: 60px;height: 60px}
.p1_video_box img{width: 412px;height: 554px; }

/* p2 */
.p2{height: 1343px;}
.p2_box1{top: 45px;left: 0}
.p2_box1 .watch_box{top: 250px;left: 175px}
.p2_box1 .text_box{left: 45px;top: 585px}
.p2_box1 .text_box b::after{top: -50px;right: 85px;}

.p2_box2{top: 275px;left: 445px}
.p2_box2 .watch_box{top: -200px;left: -48px}
.p2_box2 .text_box{left: 135px;top: -150px}

.p2_box3{top: 45px;right:0}
.p2_box3 .watch_box{top: 265px;left: -60px}
.p2_box3 .text_box{left: 105px;top: 520px}

.p2_box4{top: 780px;left:270px}
.p2_box4 .watch_box{top: 195px;left: -70px}
.p2_box4 .text_box{left: -230px;top: 135px}

.p2_box5{top: 780px;left:622px}
.p2_box5 .watch_box{top: 180px;left: 185px}
.p2_box5 .text_box{right: -245px;top: 135px}

/* p3 */
.p3{height: 892px}
.p3 .p3_tit span em:last-child{font-size: 36px; padding-top: 4px;}
.p3_item_tit{position: absolute;line-height: 40px;height: 40px;text-align: center;padding-right: 15px;padding-left: 20px;font-size: 24px;font-weight: bold;background: #ffe3ad;transform: skew(15deg);top: 70px;left: 505px}
.p3_item_tit span{display: block;transform: skew(-15deg)}
.p3_text{background: url(../../../images/static/midautumn2026/p3_text_bg.png) no-repeat top left/ 100% 100%;padding: 14px 0 14px 25px;box-sizing: border-box;width: 910px;left: 53px;top: 175px;}
.p3_text p{font-size: 20px;line-height: 32px;color: #fff}
.p3_text p b{font-weight: bold}
.p3_img{top: 55px;right: -250px}
.p3_focus{left: 0;top: 230px;height: 530px}
.p3_item_text{height: 313px;padding: 10px 20px 10px 100px ;width: 795px;left: 427px;top: 130px}
.p3_item_text i{display: block;width: 100%;height: 1px;background: #ffe3ad;margin: 20px 0 12px}
.p3_item_img{width: 496px;height: 443px;left: 16px;z-index: 2;position: relative}
.p3_item_img::after{content: '';position: absolute;bottom: -13px;left: -16px;background: url(../../../images/static/midautumn2026/p3_img_bor.png);width: 405px;height: 405px}
.p3_item_img em{z-index: 9; position: absolute;width: 492px;height: 439px;border: 2px solid #ffe3ad;overflow: hidden}
.p3_item_img img{margin-top: -2px;margin-left: -2px}
.p3_btn{bottom: 40px}
.p3_btn.p_left{left: 378px}
.p3_btn.p_right{left: 433px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #ffe3ad}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #ffe3ad}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #ffe3ad}
.mCSB_scrollTools .mCSB_draggerRail{background: none;border: 1px solid #757575;width: 8px;border-radius: 3px;box-sizing: border-box}
/* p4 */
.p4{height: 1115px}
.p4 .watch_box{top: 145px;left: 230px}
.p4 .text_box{top: 25px;left: 355px}
.p4_box1{top: 98px;left: 0}
.p4_box2{top: 98px;left: 615px}
.p4_box3{top: 600px;left: 0}
.p4_box4{top: 600px;left: 615px}
.p5_item14 .swiper{height: 100%;width: 100%}
/* p5 */
.p5{height: 943px}
.p5_tit mark{font-size: 24px;height: 30px;line-height: 30px;text-align: center;background: #7b6051;display: block;width: 265px;margin: 0 auto;letter-spacing: 3.5px}
.p5_focus{width: 100%;height:770px}
.p5_item_focus {width: 100%;height:100%}
.p5_btn{bottom: 30px}
.p5_btn.p_left{right: 80px}
.p5_btn.p_right{right: 20px; }
.p5_text{position: absolute}
.p5_text.bg{background: linear-gradient(to right, #1c2129 80%, transparent 100%);padding: 20px 0 0 20px;box-sizing: border-box;width: 772px}
.p5_focus .line{width: 250px;height: 5px;display: block;background: #ffe3ad;margin: 12px 0 15px}
.p5_text .tit{color: #ffe3ad}
.p5_text .max_tit{color: #ffe3ad;font-size: 24px;font-weight: bold;position: absolute;top: -17px;left: 20px}
.p5_text .max_tit span{font-size: 70px}
.p5_text .fs22{font-size: 22px;}
.p5_text .fs22.tit{font-weight: bold;}
.p5_text p{font-size: 20px;line-height: 32px;color: #fff}
.p5_focus .pt45{padding-top: 45px}
.p5_focus .pt25{padding-top: 25px}
.p5_bg1{top: -46px;right: 0;z-index: -1}
.p5_item1 .p5_text1{top: 215px;left: 440px}
.p5_img{z-index: 2;width: 500px;height: 365px;right: 5px;top: 96px}
.p5_img img{transition: all 0.5s}
.p5_img:hover img{transform: scale(1.06)}
.p5_img::before{content: '';position: absolute; top: 7px;left: 7px;width: 486px;height: 351px;border: 1px solid transparent;border-image: linear-gradient(135deg, #fff, transparent,transparent) 1;z-index: 999}
.p5_img::after{content: '';position: absolute;top: -4px;right: -4px;width: 475px;height: 205px;border: 5px solid transparent;border-top-color: #ffe3ad;border-right-color: #ffe3ad}
.p5_img em{display: block;overflow: hidden}
.p5_img em img{margin-top: -5px}
.p5_bg{pointer-events:none}
.p5_bg2{left: 15px;top: -105px}
.p5_focus .p5_text2{top: 445px;right: 0;height: 277px}
.p5_bg3 {left: 45px;top: -93px}
.p5_item4 .p5_text2{padding-top: 35px}
.p5_bg4{top: -65px;left: 170px}
.p5_item6 .p5_text1{top: 205px;left: 292px;width: 390px}
.p5_item7 .max_tit,.p5_item8 .max_tit,.p5_item12 .max_tit{top: -38px}
.p5_item7 .p5_text2,.p5_item8 .p5_text2,.p5_item12 .p5_text2 {padding-top: 15px;width: 845px}
.p5_bg7{top: -75px}
.p5_bg8{top: -95px}
.p5_item10 .p5_text1{top: 205px;left: 292px;width: 390px}
.p5_item10 .p5_text2{width: 790px}
.p5_bg10{top: 190px;left: 80px}
.p5_item11 .p5_text{width: 790px}
.p5_bg11{top: -75px;left: 30px}
.p5_bg12{top: -125px;left: 10px}
.p5_bg13{top: -85px;left: 60px}
.p5_item13 .p5_text1{top: 85px;left: 235px;width: 430px}
.p5_item13 .p5_text2{padding-top: 35px}
.p5_bg14_1{top: -60px;left: 50px;}
.p5_bg14_2{top: -85px;left: 60px}
.p5_bg14_3{top: -85px;left: 60px}
.p5_bg14_4{top: -95px;left: 43px;}
.p5_bg14_5{top: -50px;left: 85px}
.p5_item14_5 .p5_text2{width: 825px}

.p5_thumbs{position: absolute;top:287px;left: 0;width: 500px;height: 583px;z-index: 9;background: url(../../../images/static/midautumn2026/p5_thumbs.png) no-repeat 5px top }
.p5_thumbs li{color: #ffe3ad;font-size: 18px;height: 83px;line-height: 82px;padding-left: 30px;transition: all 0.1s;left: 230px;cursor: pointer}
.p5_thumbs li b{font-weight: bold}
.p5_thumbs li.swiper-slide-visible{left: 123px}
.p5_thumbs li::after{content: '';position: absolute;top: 50%;left: 0;margin-top: -4px;width: 8px; height: 8px;background: #ffe3ad;border-radius: 4px}
.p5_thumbs li.swiper-slide-active{font-size: 22px}
.p5_thumbs li.swiper-slide-active::before{content: '';position: absolute;top: 50%;left: -3px;width: 12px;height: 12px;margin-top: -7px;border: 1px solid #ffe3ad;border-radius: 6px}

.p5 .p_more{
 bottom:15px;
 left: 450px;
}

.p5_item7 .p_more,.p5_item8 .p_more,.p5_item12 .p_more{
left: 375px;
}
.p5_item10 .p_more,.p5_item11 .p_more{
    left: 430px;
}
.p5_item14_5 .p_more{
    left: 395px;
}


/* p6 */
.p6{height: 1420px}
.p6 .p2_box1{top: 120px;}
.p6 .p2_box1 .text_box {left: 0px;top: 470px}
.p6 .p2_box1 .text_box b::after {top: 7px;right: -35px}
.p6 .p2_box1 .watch_box {top: 235px;left: 205px}
.p6 .p2_box2{top: 350px; left: 420px;}
.p6 .p2_box2 .text_box{left: 180px}
.p6 .p2_box3{top: 120px;}
.p6 .p2_box3 .watch_box{left: -125px}
.p6 .p2_box3 .text_box {left: 90px;top: 480px}
.p6 .p2_box4{top: 855px;}
.p6 .p2_box4 .watch_box {top: 188px;left: -88px}
.p6 .p2_box4 .text_box {left: -245px;top: 70px;text-align: right}
.p6 .p2_box5{top: 855px;}
.p6 .p2_box5 .watch_box {top: 170px;left:255px}
.p6 .p2_box5 .text_box {right: -240px;top: 80px}

/* p7 */
.p7{height: 920px}
.p7_focus{height: 765px}
.p7_focus .swiper-slide .p7_img img,.p7_focus .swiper-slide .p7_watch{transition: all 0.5s}
.p7_focus .swiper-slide:hover .p7_img img{transform: scale(1.06)}
.p7_focus .swiper-slide:hover .p7_watch{transform: translateY(-8px)}
.p7_img{width: 870px;height: 435px;left: 85px;top: 40px;overflow: hidden}
.p7_img::after{content: '';position: absolute;top: 5px;left: 5px;width: 860px; height: 425px;background: url(../../../images/static/midautumn2026/p7_img_bor.png)}
.p7_watch{right: 68px;top: 188px}
.p7_btn{top: 600px}
.p7_focus .p_left{left: 775px}
.p7_focus .p_right{left: 1068px}
.p7_text{left: 70px;top: 447px}
.p7_text p{font-size: 20px;line-height: 32px;color: #fff}
.p7_text p.bg{background: #ffe3ad;padding: 0 10px;font-weight: bold;display: inline-block;color: #000;margin-bottom: 5px}
.p7_text p.tit{font-size: 24px}
.p7_text i{margin: 14px 0 10px;display: block;width: 650px;height: 1px;background: linear-gradient(to right, #ffe3ad, transparent)}

.p7_item_2 .p7_watch{right: 120px}
.p7_item_3 .p7_watch,.p7_item_8 .p7_watch{right: 90px}
.p7_item_4 .p7_watch,.p7_item_5 .p7_watch{right: 65px}
.p7_item_5 .p7_text,.p7_item_6 .p7_text{left: 50px}
.p7_item_6 .p7_watch{right: 95px}
.p7_item_7 .p7_watch{right: 75px}
.p7_item_8 .p7_text{top: 415px}


.p7 .p_more{
    bottom: 30px;
    left: 70px;
}
.p7_item_5 .p_more{
    bottom: 65px;
    left: 50px;
}
.p7_item_6 .p_more{
    bottom: 30px;
    left: 50px;
}
.p7_item_8 .p_more{
    bottom: 0px;
    left: 70px;
}


/* 视频弹框 */
.layer_box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 9999;display: none}
.layer_box dl{display: none;background: url(../../../images/static/midautumn2026/layer_video_bg.png);width: 700px;height: 561px;position: absolute;top: 50%;left: 50%;margin-left: -350px;margin-top: -280.5px;overflow: hidden}
.layer_box dt{width: 60px;height: 60px;position: absolute;top: -18px;right: -18px;border-radius: 30px;z-index: 999}
.layer_box dd{position: relative}
.layer_box .video{height: 540px;width: 404px;  border: 3px solid #ffe3ad;box-sizing: border-box;overflow: hidden;position: absolute;top: 10px;left: 10px}
.layer_box .video video{width: 100%;height: 100%}
.layer_box .watch {position: absolute;top: 10px;left: 425px;width: 265px;height: 540px;}
.layer_box .watch_box{width: 100%;text-align: center}
.layer_box .watch_box img{width: 80%}
.mt-15{margin-top: -15px}
.layer_box .text_box{top: 330px;white-space: wrap;width: 265px;text-align: center}
.layer_box .text_box b{font-size: 18px;white-space: wrap}
.layer_box .text_box em{font-size: 18px;white-space: wrap}
.layer_box .see{font-size: 16px;left: 50%;color: #fff;padding-bottom: 5px;border-bottom: 1px solid #fff;bottom: 0;margin-left: -34px}
.layer_video_max .video{left: 50%;transform: translateX(-50%)}
.layer_video_1 .text_box {top: 300px;}
.layer_video_1 .watch_box img,.layer_video_4 .watch_box img{width: 65%}
.layer_video_2 .watch_box img{width: 50%}
.layer_video_3 .watch_box img{width: 70%}
.layer_video_3 .text_box {top: 340px;}
.layer_video_5 .watch_box img{width: 63%;}
.layer_video_8 .text_box{top: 300px}
.layer_video_10 .text_box{top: 340px}
.layer_video_11 .text_box{top: 300px}
.layer_video_11 .watch_box img{width: 60%}

.layer_video_12 .text_box{top: 320px}
.layer_video_13 .watch_box img {width: 65%}
.layer_video_14 .text_box{top: 320px}
.layer_video_14 .watch_box img{width: 60%}
@keyframes toLeft {
    from{
        transform: translateX(-3px);
    }
    to{
        transform: translateX(3px);
    }
}
@keyframes toRight {
    from{
        transform: translateX(3px);
    }
    to{
        transform: translateX(-3px);
    }
}