html {width: 100%;height: 100%;overflow: auto;}
body{padding-right: 0px; padding-left: 0px; font-size: 12px; background-color:#353535; padding-bottom: 0px; margin: 0px; COLOR: #511506; PADDING-TOP: 0px; font-family:Tahoma,\5fae\8f6f\96c5\9ed1,Helvetica,arial;min-width:1200px;overflow: hidden;}
p,ul,li{padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
img{border:0;}
a:link{color: #bf9033;text-decoration: none;}
a:visited{text-decoration: none;color: #bf9033;}
a:hover{text-decoration: none;color: #bf9033;}
a:active{text-decoration: none;color: #bf9033;}
.wrap{width:1920px;height: auto;overflow: hidden;transform-origin: 0 0;position: relative;}
.top1 {	background: url('ydy_bg_01_1.jpg') top center no-repeat; width: 100%; height: 1169px;position:relative;}
.top2 {	background: url('ydy_bg_02.jpg') top center no-repeat; width: 100%; height: 963px;position:relative;}
.top3 {	background: url('ydy_bg_03.jpg') top center no-repeat; width: 100%; height: 1181px;position:relative;}
.top4 {	background: url('ydy_bg_04.jpg') top center no-repeat; width: 100%; height: 1255px;position:relative;padding-top: 164px;}
.bbdesc{position:absolute;width: 544px;height: 60px;top: 95px;left: 50%;margin-left: -268px;font-size: 20px;color: #000;}
.bbdesc span{display:block;float:left;height: 60px;font-size:20px;line-height: 60px;}
.bbdesc .num{color: #bc4605;font-size:50px;line-height: 60px;padding:0 5px;}
.bbdesc1{position:absolute;width: 730px;height: 57px;top: 178px;left: 50%;margin-left: -268px;font-size: 18px;color: #666;}
.bbgx1{position:absolute;width:244px;height:450px;top: 198px;left: 50%;margin-left: -268px;}
.bbgx2{position:absolute;width:244px;height:450px;top: 198px;left: 50%;margin-left: 55px;}
.bbgx3{position:absolute;width:244px;height:450px;top: 198px;left: 50%;margin-left: 373px;}

.top1 video{ width: 100%;}

/*.download{position:absolute;top: 769px;left: 50%;width: 535px;height: 149px;margin-left: -281px;}
.download .ewm{position: absolute;width: 133px;height: 136px;top: 9px;left: 0px;z-index: 22;background: url('ydy_icon_01.png') -12px -334px no-repeat;}
.download a{cursor:pointer;background: url('ydy_icon_01.png') no-repeat;}
.download .dios{position: absolute;width: 179px;height: 58px;top: 13px;left: 150px;z-index: 22;background-position:  -11px -505px;}
.download .dios:hover{background-position: -198px -505px;}
.download .dandroid{position: absolute;width: 179px;height: 58px;top: 83px;left: 150px;z-index: 22;background-position:  -11px -570px;}
.download .dandroid:hover{background-position: -198px -570px ;}
.download .dpc{position: absolute;width: 179px;height: 58px;top: 13px;left: 350px;z-index: 22;background-position: -11px -636px;}
.download .dpc:hover{background-position: -198px -636px;}
.download .goh5{position: absolute;width: 179px;height: 58px;top: 83px;left: 350px;z-index: 22;background-position: -11px -702px;}
.download .goh5:hover{background-position: -198px -702px;}

.download .wlyh5{position: absolute;width: 207px;height: 58px;top: 13px;left: 150px;z-index: 22;background-position:  -11px -505px;}
.download .wlyh5:hover{background-position: -11px -621px;}
.download .wlylist{position: absolute;width: 207px;height: 58px;top: 83px;left: 150px;z-index: 22;background-position:  -11px -563px}
.download .wlylist:hover{background-position: -11px -679px;}*/

.top11 ul{padding-left:2px;width: 1032px;height: 330px;padding-top: 38px;margin: 0 auto;}
.top11 li{ width:66px; float:left; height:330px; overflow:hidden;}
.top11 li.active{ width:636px;}
.top11 li .spr{float:left; display:inline;width:66px;height:330px; background: url('03.jpg');}
.top11 li.active .spr{background-position:-66px 0;}
.top11 li .spr p{height: 25px;width:34px;margin:0;line-height: 25px;text-align:center;color: #dcdedd;font-size: 22px;text-indent: 5px;}
.top11 li.active p{color:#dcdedd;}
.top11 li .spr .p1{margin-top:32px;}
.top11 li .spr .p2{margin-top: 25px;}
.top11 li .spr .p3{margin-top: 15px;}
.top11 li img{float:left;}

/*top1*/
.toploign{position: absolute;width:320px;height:100px;top: 15px;right: 646px;font-size: 14px;/* background: url('ydy_icon_01.png') -11px -136px; */}
/* .toploign.logined:hover{background: url('ydy_icon_01.png') -11px -136px;} */
.toploign:hover #loginedgameDiv{display:block;}
.toploign .defaultlogin{height: 57px;line-height: 57px;text-align: right;font-size:18px;color:#704213;}
.toploign .defaultlogin a{color:#704213;}
.toploign .loginedname{height: 50px;line-height: 50px;text-align: center;color:#704213;}
.toploign .loginedname a{color:#704213;}
.toploign .loginedname span{color:#bc4604;}
#loginedgameDiv{height: 52px;line-height: 52px;text-align: center;display:block;}
.toploign #loginedgameDiv h4{display:inline;color:#704213;font-weight: normal;}
.toploign #loginedgameDiv a{color:#704213;padding:0 5px;}
.toploign #loginedgameDiv a:hover{color:#bc4604;}
.btn-toweb{display: block; width: 184px; height: 58px; background: url('ydy_icon_01.png?ver=1') -6px -7px no-repeat; position: absolute; top: 15px; right: 447px; z-index: 9;}
.btn-toweb:hover{background-position:-6px -70px}
.btn-player{width: 184px; height: 58px; background: url('ydy_icon_01.png') -195px -7px no-repeat; position: absolute; top: 15px; right: 240px; z-index: 9;}
.btn-player:hover{background-position: -195px -70px;}
.bbhn{position:absolute;width:998px;height: 49px;top: 875px;left: 50%;margin-left: -499px;}
.btn-video{position: absolute; display: block; width: 70px; height: 70px; background: url(/wly/zhuanti/11zn/hd/images/index/kv_video_3f8b67b.png) no-repeat; background-size: 100% 100%; /*background: url('ydy_icon_01.png') -155px -310px no-repeat;*/ animation: move .6s linear infinite alternate; -webkit-animation: move .6s linear infinite alternate; top: 309px; left: 50%; margin-left: -423px;z-index: 1111;}
.btn-video span{display: block; width: 100%; height: 87px; background: url('ydy_icon_01.png') -154px -381px no-repeat; position: relative; animation:rotate 5s linear infinite; -webkit-animation:rotate 5s linear infinite; transform: rotate(360deg); -webkit-transform: rotate(360deg);display: none;}
@keyframes rotate{form{transform: rotate(360deg);} to{transform: rotate(0deg);}}
@-webkit-keyframes rotate{form{-webkit-transform: rotate(360deg);} to{-webkit-transform: rotate(0deg);}}

.wlogo{position: absolute;z-index: 21;width: 543px;height: 618px;left: 50%;top: 123px;margin-left: 129px;}
.popup{width: 100%; height: 100%; z-index: 200; position: fixed; top: 0; left: 0; z-index:10000; display: none;}
.popup .mask{width: 100%; height: 100%; top: 0; left: 0; position: absolute; background:rgba(0,0,0,.78);}
.popup-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popup .media-sec{width: 831px; height: 470px; border: 4px solid #e6ca92; background:#000;}
.popup .close{width: 64px; background:url(/wly/zhuanti/2021/hd/images/dots.png) no-repeat 50% -32px; margin:0 auto; padding-top: 36px; height: 66px;}
.popup .close a{display: block; background:url(/wly/zhuanti/2021/hd/images/close.png) no-repeat 50% 0; width: 64px; height: 64px; text-indent: -999em;}
.popup .close a:hover{transform:rotate(360deg); transition: transform 1s;}

.popuplogin{width: 100%; height: 100%; z-index: 200; position: fixed; top: 0; left: 0; z-index:10000; display: none;}
.popuplogin .mask{width: 100%; height: 100%; top: 0; left: 0; position: absolute; background:rgba(0,0,0,.78);}
.popuplogin-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);margin-top: -65px;}  
.popuplogin .sec{width:538px;height:410px;background:url('ydy_icon_loginx.png') no-repeat}
.popuplogin .close{position:absolute;top: -32px;left: 549px;width: 64px;height: 66px;background:url('ydy_icon_01.png?ver=1') -353px -143px no-repeat;}
.popuplogin .close a{display: block; background:url('/wly/zhuanti/2021/hd/images/close.png') no-repeat 50% 0; width: 64px; height: 64px; text-indent: -999em;}
.popuplogin .close a:hover{transform:rotate(360deg); transition: transform 1s;}

.plogincon{position: absolute;left: 86px;top: 88px;width: 374px;height:242px;text-align:left;}
.plogincon .usercon{color:#C4A369;font-size:14px;}
.plogincon dl{height: 44px;margin-bottom:14px;}
.plogincon input{border:none;width: 360px;height: 42px;line-height: 42px;padding: 0 7px;border-radius: 3px;}
.plogincon .loginbtn{background: url('ydy_icon_01.png') -11px -798px no-repeat;width: 179px;height: 54px;border:none;display:block;cursor:pointer;float:left;margin-left: 0px;}
.plogincon .loginbtn:hover{background-position: -11px -860px;}
.plogincon .cookietimediv{position:absolute;left: 100px;top: 202px;border:none;width: 73px;height: 22px;line-height: 22px;}
.plogincon #cookietime{float:left;width: 20px; height: 20px;display:none;}
.plogincon .cookietimeinput{float:left;width: 16px;height: 16px;background: url('ydy_icon_01.png') -402px -800px no-repeat;cursor:pointer;}
.plogincon .cookietimeinput.on{background-position: -378px -800px;}
.plogincon .cookietimediv label{float:left;height: 16px;line-height: 16px;margin-left: 5px;color:#666666;cursor:pointer;}
.plogincon .logingame a.ureg{background: url('ydy_icon_01.png') -193px -798px no-repeat;width: 179px;height: 54px;margin:0;margin-left: 13px;}
.plogincon .logingame a.ureg:hover{background-position: -193px -860px;}
.plogincon .logingame a.ulostpass{float: right;color:#bc4604;width: 83px;height: 27px;margin:0;position: absolute;top: 202px;left: 179px;}
.plogincon .logingame a:hover {text-decoration:none;}
.plogincon .loginedname{line-height:25px;}
.plogincon .loginedname span{color:#ff9900;font-weight:bold;}
.plogincon .logingame{padding-top: 15px;font-size:12px;text-align:center;height: 105px;}
.plogincon .logingame a{display:block;width: 179px;height: 44px;float:left;}
.with_other_login{height: 81px;line-height:20px;padding-left: 0px;clear: both;padding: 0 0px 0 67px;}
.with_other_login li{display: block;width: 81px;float: left;margin-right: 0px;}
.with_other_login a{color:#C4A369;display: block;font-size:12px;}
.with_other_login a:hover{color:#FFBF44;}
.with_other_login a em{margin:0 3px 0 0;margin-right:3px;float:left;display:inline-block;height: 61px;overflow: hidden;vertical-align: middle;width: 61px;}
.with_other_login .qq_gray{background: url("ydy_icon_01.png") -438px -852px no-repeat;}
.with_other_login a:hover .qq_gray{background-position:-438px -790px}
.with_other_login .weixin_gray{margin-right: 4px;margin-top: 2px;background: url("ydy_icon_01.png") -502px -852px no-repeat;}
.with_other_login a:hover .weixin_gray{background-position:-502px -790px}
.with_other_login .weibo_gray{background: url("ydy_icon_01.png") -563px -852px no-repeat;}
.with_other_login a:hover .weibo_gray{background-position:-563px -790px}

#certify{position: relative;width: 1700px;margin: 0 auto;}
/* #certify .swiper-container{padding-bottom: 40px;padding-top:22px;} */
#certify .swiper-slide{width: 1400px;height: 788px;background: #fff;/* box-shadow: 0 8px 30px #333; */}
#certify .swiper-slide img{display:block;width: 1400px;height: 788px;}
#certify .swiper-pagination{width: 100%;bottom: -40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;/* border: 3px solid #fff; */width: 42px;height: 6px;opacity: 1;border-radius: 2px;background: #fff;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #bc4604;}
#certify .swiper-button-prev{left: 175px;width: 90px;height: 76px;background: url('ydy_icon_01.png') no-repeat;background-position: -6px -245px;margin-top: -38px;}
#certify .swiper-button-prev:hover{background-position: -6px -245px;}
#certify .swiper-button-next{right: 175px;width: 90px;height: 76px;background: url('ydy_icon_01.png') no-repeat;background-position: -88px -245px;margin-top: -38px;}
#certify .swiper-button-next:hover{background-position: -88px -245px;}


/* right-nav */
.right-nav{display: block; width: 180px; height: 410px; background: url('ydy_icon_01.png') -437px 0 no-repeat; position: fixed; right: 15px; top: 50%; margin-top: -185px; z-index: 99;transition:all .3s;transform: scale(1);transform-origin: 50% 95%;}
.right-nav.unfold{transform: scale(0);}
.right-nav.showxcx .right-code{  background: url('ydy_icon_01.png') -445px -507px no-repeat;}
.right-nav>.close{width: 32px;height: 32px;background: url('ydy_icon_20.png') no-repeat 50% 0;position: absolute;left: 76px;bottom: -30px;cursor: pointer;}
.right-nav>.close:hover{transform: rotate(360deg);transition: transform 1s;}
.right-nav-icon{display: block;width: 164px;height: 150px;background: url('ydy_icon_17.png') no-repeat;position: fixed;right: 21px;top: 50%;margin-top: 100px;cursor: pointer;/* transition:all .3s; */transform: scale(1);z-index: 99;}
.right-nav-icon:hover{background-position: -164px 0;}
.right-nav-icon.unfold{transform: scale(0);}
.right-code{display: block; width: 91%; height: 155px; margin: 61px auto 0; position: relative;}
.right-code img{display: block; width: 100%;}
.light{display:block; width: 100%; height: 4px; background-color: #f4d004; position: absolute; top:0px; left:0; animation: myScan 1s infinite alternate; -webkit-animation: myScan 1s infinite alternate;}
@keyframes myScan{from{top: 0px;} to{top: 130px;}}
@-webkit-keyframes myScan{from{top: 0px;} to{top: 130px;}}
.nav-btn a{display: block; width: 156px; height: 54px; margin: 5px auto 0; position: relative; background: url('ydy_icon_19.png?ver=1') no-repeat;}
.nav-btn a .download-xy{display: none; width: 161px; height: 176px; position: absolute; top: -96px; left: -171px;}
.nav-btn a.download-hover:hover .download-xy{display: block;}

.nav-btn .ios_mct_download_btn{}
.nav-btn .ios_mct_download_btn:hover{background-position: 0 -54px;}
.nav-btn .android_mct_download_btn{background-position: -444px -495px;}
.nav-btn .android_mct_download_btn:hover{background-position: -444px -677px;}
.nav-btn .mct_download_btn{background-position: -312px 0;}
.nav-btn .mct_download_btn:hover{background-position: -312px -54px;}
.nav-btn .xcx_download_btn{background-position: -156px 0;}
.nav-btn .xcx_download_btn:hover{background-position: -156px -54px;}
.flink{position:absolute;top: 1120px;left: 50%;width: 1400px;height: 191px;margin-left: -700px;}
.flink a{position: absolute;width: 136px;height: 178px;top: 0px;left: 6px;z-index: 22;cursor: pointer;background: url('ydy_icon_02.png?ver=1') 0px 0px no-repeat;transition: all 0.5s;}
.flink div{position: absolute;width: 136px;height: 178px;top: 0px;left: 0px;z-index: 22;cursor: pointer;background: url('ydy_icon_02.png?ver=1') 0px 0px no-repeat;transition: all 0.5s;opacity: 0;}
.flink a:hover div{transition: all 1s;opacity: 1;}
.flink .n1{left: 0;background-position: -11px -0px;}
.flink .n1a{background-position: -11px -191px;}
.flink .n2{left: 252px;background-position: -154px -0px;}
.flink .n2a{background-position: -154px -191px;}
.flink .n3{left: 504px;background-position: -296px -0px;}
.flink .n3a{background-position: -296px -191px;}
.flink .n4{left: 756px;background-position: -439px -0px;}
.flink .n4a{background-position: -439px -191px;}
.flink .n5{left: 1008px;background-position: -584px -0px;}
.flink .n5a{background-position: -584px  -191px;}
.flink .n6{left: 1264px;background-position: -728px  -0px;}
.flink .n6a{background-position: -728px  -191px;}

/* .flink .n1:hover{background-image: none;}
.flink .n2:hover{background-image: none;}
.flink .n3:hover{background-image: none;}
.flink .n4:hover{background-image: none;}
.flink .n5:hover{background-image: none;}
.flink .n6:hover{background-image: none;} */

/* .flink .n1a:hover{opacity: 1;} */

/*top3*/
.activity-box{position: absolute; top: 150px; display: block; width: 1600px; height: 832px;left: 50%; margin-left: -800px;}
.bg-activity{display: block; width: 867px; height: 868px; margin: 0 auto; position: relative;}
.bg-activity .border-activity{display: block; width: 816px; height: 816px; margin: 0 auto; position: relative; background: url('ydy_pic_5.png'); animation: rotate 50s linear infinite; -webkit-animation: rotate 50s linear infinite; transform: rotate(360deg); -webkit-transform: rotate(360deg); pointer-events: none;}
.activity-content{display: block; width: 718px; height: 814px; position: absolute; top: -44px; left: 74px; /* border-radius: 50%; */ overflow: hidden; z-index: 9;}
.activity-content:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; display: none;}
.activity-content .activity-name{position: relative; z-index: 9; font-size: 40px; color: #fff; text-align: center; line-height: 65px; width: 78%; margin: 161px auto 0;}
.activity-content .activity-time{position: relative; z-index: 9; font-size: 22px; color: #e2e2e2; text-align: center; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; width: 78%; margin: 0 auto;}
.activity-content .activity-txt{position: relative; z-index: 9; width: 78%; margin: 0 auto; color: #e2e2e2; line-height: 27px; font-size: 18px; margin: 10px auto; max-height: 100px; overflow-y: auto;}
.activity-content .activity-gift{position: relative; z-index: 9; display: block; margin: 30px auto 0;}
.activity-content .activity-gift img{display: block; margin: 0 auto;}

.img-activity{display: block; width: 100%; height: auto; /* min-height: 100%; */ position: absolute; top: 0px; left: 0;}
.icon-location{display: block; width: 33px; height: 14px; /*background: url('') no-repeat;*/ position: absolute; top: 170px; left: 67px; transform: rotate(226deg); -webkit-transform: rotate(226deg);}
.icon-location2{top: 310px; left: 2px; transform: rotate(208deg); -webkit-transform: rotate(208deg);}
.icon-location3{top: 510px; left: -3px; transform: rotate(191deg); -webkit-transform: rotate(191deg);}
.icon-location4{top: 673px; left: 71px; transform: rotate(160deg); -webkit-transform: rotate(160deg);}
.icon-location5{top: 170px; left: 767px; transform: rotate(-14deg); -webkit-transform: rotate(-14deg);}
.icon-location6{top: 310px; left: 827px; transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.icon-location7{top: 510px; left: 838px; transform: rotate(8deg); -webkit-transform: rotate(8deg);}
.icon-location8{top: 673px; left: 764px; transform: rotate(40deg); -webkit-transform: rotate(40deg);}
.activity-item{display: block; width: 1600px; height: 832px; position: absolute; top: 0; left: 0;}
.activity-item li{display: block; width: 400px; height: 166px; position: absolute; top: 14px; left: 68px; cursor: pointer;}
.activity-item li.activity-list2{left: -9px; top: 231px;}
.activity-item li.activity-list3{left: -13px; top: 446px;}
.activity-item li.activity-list4{left: 72px; top: 632px;}
.activity-item li.activity-list5{left: 1174px; top: 15px;}
.activity-item li.activity-list6{left: 1250px; top: 225px;}
.activity-item li.activity-list7{left: 1248px; top: 434px;}
.activity-item li.activity-list8{left: 1170px; top: 633px;}
.activity-item li p{display: block; width: 180px; float: left; height: 80px; line-height: 40px; text-align: right; margin-top: 36px; margin-right: 20px; font-size: 20px; /*background: url('') no-repeat;*/}
.activity-item li p.name1{background-position: 27px 32px;}
.activity-item li p.name2{background-position: 27px -53px;}
.activity-item li p.name3{background-position: 23px -147px;}
.activity-item li p.name4{background-position: 25px -241px;}
.activity-item li p.name5{background-position: 6px -337px;}
.activity-item li p.name6{background-position: 6px -422px;}
.activity-item li p.name7{background-position: -1px -496px;}
.activity-item li p.name8{background-position: 0px -628px;}
.activity-item li .activity-nav{display: block; width: 178px; height: 161px; float: left; /*background: url('') no-repeat;*/ background-position-y: 6px; position: relative;}
.activity-item li .activity-nav.on{background-position: center bottom;}
.activity-nav .num{display: block; width: 44px; height: 44px; position: absolute; top: -12px; left: 55px; z-index: 2;}
.activity-nav .img-activity-nav{display: block; width: 129px; height: 129px; border-radius: 50%; border: 3px solid #2f5055; margin: 13px 0px 0px 13px; filter: grayscale(65%); -webkit-filter: grayscale(65%); background-color: #08675e;}
.activity-nav .img-activity-nav.on{display: none;}
.activity-nav.on .img-activity-nav{filter: grayscale(0); -webkit-filter: grayscale(0); border-color: #eeb903; background-color: #2e5a61;}
.activity-nav.on .img-activity-nav.on{display: block;}
.activity-item li.activity-list5 p,
.activity-item li.activity-list6 p,
.activity-item li.activity-list7 p,
.activity-item li.activity-list8 p{text-align: left;}


/***footer***/
#footer{width:100%;min-width: 1229px;height: 120px;background: #353535;text-align:center;line-height:25px;z-index:-1;font-size:12px;}
#footer .copy{width:1286px;height: 100px;line-height: 26px;margin:0px auto;padding-top: 20px;color: #ccc;z-index:-1;}
#footer a{color: #ccc;}
#footer a:hover {text-decoration: underline;color: #bb9648;}
#footer .copy .a0{float:left;padding-top: 17px;    padding-left: 110px;}
.link{width:960px;margin:0 auto;line-height:25px;margin-top:20px;color:#ccc;text-align:left;}
.link b{width:80px;height:70px;}
.link a{margin:0 6px;color:#ccc;line-height:25px; white-space:nowrap;}
.botcopy {float:left;color:#ccc;padding-left:30px;padding-top:0px;text-align:left;}
.botcopy a{color:#ccc;line-height:25px;}
#footer .fgametag{top: 3px;}


.top3-buttons>div{width: 121px;height: 113px;position: absolute;background: url('ydy_icon_04.png') no-repeat;cursor: pointer;z-index:99}
.top3-buttons a{display: block;width: 100%;height: 100%;}
.top3-btn1{top: 105px;left: 537px;background-position: 0 0 !important;}
.top3-btn2{top: 285px;left: 404px;background-position: -121px 0 !important;}
.top3-btn3{top: 491px;left: 364px;background-position: -242px 0 !important;}
.top3-btn4{top: 700px;left: 410px;background-position: -363px 0 !important;}
.top3-btn5{top: 883px;left: 539px;background-position: -484px 0 !important;}
.top3-btn6{top: 105px;right: 542px;background-position: -605px 0 !important;}
.top3-btn7{top: 285px;right: 411px;background-position: -726px 0 !important;}
.top3-btn8{top: 491px;right: 366px;background-position: -847px 0 !important;}
.top3-btn9{top: 700px;right: 403px;background-position: -968px 0 !important;}
.top3-btn10{top: 883px;right: 543px;background-position: -1089px 0 !important;}

.top3-btn1:hover{background-position: 0 -113px !important}
.top3-btn2:hover{background-position: -121px -113px !important;}
.top3-btn3:hover{background-position: -242px -113px !important;}
.top3-btn4:hover{background-position: -363px -113px !important;}
.top3-btn5:hover{background-position: -484px -113px !important;}
.top3-btn6:hover{background-position: -605px -113px !important;}
.top3-btn7:hover{background-position: -726px -113px !important;}
.top3-btn8:hover{background-position: -847px -113px !important;}
.top3-btn9:hover{background-position: -968px -113px !important;}
.top3-btn10:hover{background-position: -1089px -113px !important;}

.history{width: 945px;height:580px;position: absolute;top: 238px;left: 50%;margin-left: -294px;}
.history .swiper-slide{width: 290px;padding-bottom: 98px;text-align: center;}
.history .swiper-slide>i{display: block;width: 28px;height: 28px;position:absolute;bottom: 40px;left: 50%;margin-left: -14px;background: url('ydy_icon_03.png') no-repeat;}
.history-date{display: block;width: 100%;text-align: center;position:absolute;bottom: 0;color: #8a4d3e;font-size: 20px;font-weight: bold;}
.history .swiper-button-prev{left: -21px;width: 20px;height: 38px;background: url('ydy_icon_16.png') no-repeat;background-position: 0 0;margin-top: -50px;/* animation: mymove1 1s infinite alternate; */}
.history .swiper-button-prev:hover{background-position: 0 -39px;}
.history .swiper-button-next{right: -21px;width: 20px;height: 38px;background: url('ydy_icon_16.png') no-repeat;background-position: -20px 0;margin-top: -50px;animation: mymove 0.6s infinite alternate;}
.history .swiper-button-next:hover{background-position: -20px -39px;}
/* .history .swiper-button-disabled{animation:none !important;} */

#certify .swiper-slide-prev>img{opacity: 0.8;}
#certify .swiper-slide-next>img{opacity: 0.8;}

.join1{position: absolute;width: 22px;height: 22px;left: 389px;top: 243px;background: url('ydy_icon_14.png') no-repeat;}
.join2{position: absolute;width: 22px;height: 22px;left: 389px;top: 283px;background: url('ydy_icon_14.png') no-repeat;}
.join1:hover,.join2:hover{background: url('ydy_icon_15.png') no-repeat;}
@keyframes mymove{from{right: -21px;} to{right: -31px;}}