@charset "utf-8";
html{width:100%;}
body{width:100%; margin:0; padding:0; font-size:100%; font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#fff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
em{font-style: normal;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;}
body{background:#000;min-width: 1200px;color:#cfcfcf;}
.pub_fl{float:left;}
.pub_fr{float:right;}
.clearfix:after{content: ''; display: block; clear: both;}
.clearfix{zoom:1;}
.hide{display: none;}
.wrap{width:100%;overflow: hidden;}
.bg-img{width: 100%;background: url("../img/yy/bg.jpg") center center;background-size:100% auto;}
    .bg-img .pubMain{width:1200px; height:950px; margin: 0 auto; position: relative;}
        .logo img{width: 270px;position: absolute;top: 65px;left: 150px;}
        .top-gg{position:absolute; bottom:130px; left:0; width: 126px;height:34px; cursor:pointer;background: url(../img/yy/gg.jpg) no-repeat; -webkit-background-size:100%; background-size:100%; display: none;}
        .top-num{width: 504px;height:69px;background:url(../img/yy/top_num.png) no-repeat;background-size: 100% auto;position: absolute;top: 835px;left: 0; display: none;}
        .top-num span{font-size: 30px;padding-left: 75px;line-height: 69px;}
        .top_btn{position: absolute; right:0; top:35px;}
        .in-gg{float: left;width: 147px;height:40px;background:url(../img/yy/in_gg.png) no-repeat;background-size: 100% auto;margin:0px 5px 0;}
        .in-zb{margin-left:15px;float:left;}
        .btnWrap{position:absolute;bottom:40px;left:51%;transform:translateX(-50%);width:760px;z-index:9;}
            .btnWrap .in-gl{display:inline-block; margin:0px auto;width: 170px;height:38px;background:url(../img/yy/gl_btn.png) no-repeat;background-size: 100% auto; margin-bottom:70px;}
            .btnWrap .in-zlz{display:inline-block; margin:0px auto;width: 170px;height:38px;background:url(../img/yy/in_zlz.png) no-repeat;background-size: 100% auto; margin-bottom:70px;}
            .btnWrap a.item{float: left;margin-left: 40px;margin-bottom: 2px;}
            /*.btnWrap a.item:nth-child(3),.btnWrap a.item:nth-child(4){margin-top:30px;}*/
            .btnWrap a.item>img{width:100%; height: auto;}
        /* .topCode{position:fixed;right:150px;top:50%;z-index: 111;width:188px;height:193px;background:url(../img/yy/code_bg.png) no-repeat;margin-right:8px;margin-top: 25px;padding-top: 18px;float: left;clear: both;}
            .topCode img{display: block; width:160px; height: auto;margin-left: 15px;}
            .topCode .eagle{position: absolute; top:-65px; right:-20px; width:70px; height: auto;}
            .topCode p{font:14px/14px "微软雅黑"; color:#fff; text-align:center; margin-top:29px; letter-spacing: 3px;} */
        .tphd img{width:200px;height:auto;position:absolute;left:1%;top:5%;}
        .oneYear{width:140px;position:absolute;left:10%;top:28%;}
        .oneYear img{width:100%;height:auto;}
        .jyYear{width:140px;position:absolute;left:2%;top:26%;}
        .jyYear img{width:100%;height:auto;}
        .hd{
          -webkit-animation: myMove 2s linear infinite;
          -moz-animation: myMove 2s linear infinite;
           -ms-animation: myMove 2s linear infinite;
            -o-animation: myMove 2s linear infinite;
               animation: myMove 2s linear infinite;
        }
        .oneYear_img{
            -webkit-animation:oneYear_img 1.5s infinite alternate linear;
            -moz-animation:oneYear_img 1.5s infinite alternate linear;
            -ms-animation:oneYear_img 1.5s infinite alternate linear;
            -o-animation:oneYear_img 1.5s infinite alternate linear;
            animation:oneYear_img 1.5s infinite alternate linear;
        }
        @-moz-keyframes oneYear_img{
            0% {width:68px;}
            100% {width: 50px;position: absolute;right: 60px;top: 8px;}
        }
        @-webkit-keyframes oneYear_img{
            0% {width:68px;}
            100% {width: 50px;position: absolute;right: 60px;top: 8px;}
        }
        @-ms-keyframes oneYear_img{
            0% {width:68px;}
            100% {width: 50px;position: absolute;right: 60px;top: 8px;}
        }
        @-o-keyframes oneYear_img{
            0% {width:68px;}
            100% {width: 50px;position: absolute;right: 60px;top: 8px;}
         }
        @keyframes oneYear_img{
            0% {width:68px;}
            100% {width: 50px;position: absolute;right: 60px;top: 8px;}
        }

        .topCode{position:fixed;right:0px;top:43%;width:290px;height:229px;background:url(../img/yy/code_bg.png) no-repeat;margin-top: 25px;padding-top: 18px;z-index:99;}
            .topCode img{display: block; width:160px; height: auto;margin:15px 17px 0;}
            .topCode .eagle{position: absolute; top:-65px; right:-20px; width:70px; height: auto;}
            .topCode p{font:14px/14px "微软雅黑"; color:#fff; text-align:center; margin-top:29px; letter-spacing: 3px;}
        .link_btn{margin-top:24px;}



.gift{text-align: center;}
    .gift h2 img{width: 255px;height:55px;margin-top: -50px;}
    .gift p{color:#c3a76e;font-size: 18px;letter-spacing: 8px;}
    .gift .gift-bg{width: 100%;height:330px;background:url(../img/yy/gift_bg.jpg) no-repeat;background-size: 100% 100%;margin-top: 20px;}
    .gift .gift-regular{width: 1200px;height:330px;margin:0 auto;background:url(../img/yy/gift.png) no-repeat;background-size: 100% 100%;position: relative;}
    .gift .gift-bg img{width: 198px;position: absolute;top: 35px;right:35px;cursor: pointer;}

.listScroll{width: 790px; height:500px; overflow: hidden; overflow-y: auto;}
    .listNews{width: 735px; padding: 0 0 0 20px;}
    .listMores{width: 735px; padding: 0 0 0 20px; color: #000; line-height: 24px; font-size: 14px;}
    .listMores h1{ text-align: center; font-size: 24px; line-height:34px; padding: 15px 0; font-weight:bold;}
    .listMores strong.newsTime{display: block; border-bottom: 1px solid #a6c2d8; height: 36px; font-size: 14px; text-align: center;}

.center-bg{width: 100%;background:url(../img/yy/bottom_bg.jpg) no-repeat;}
    .center-bg .pubMain{width: 1311px;margin:0 auto;position: relative;right:75px;}
    .center-bg .pubMain.pubMain_b2{width: 100%;margin:0 auto;position: relative;right:0px;}
        .center-bg .pubMain_b2 h2{padding-top:60px;}
        .center-bg h2 img{height:54px;width:auto;display:block;margin:0 auto;}
        .flTxt{color:#ffdf8b;text-align: center;}
        .flTxt h2{font-size: 34px;font-weight: bold;letter-spacing: 2px;padding: 50px 0;}
        .flTxt p{font-size: 18px;margin-bottom: 20px;}
        .fuliWrap{height:950px;position: relative;margin:0 0 0 0px;}
        .fuliWrap .fuliWrapDiv{width:1311px;overflow: initial;margin:0 auto;margin-top:0px;overflow: hidden;}
        .fuliWrap .swiper-slide img{width:1311px;height:auto;}
        .fuliWrap .swiper-pagination{width:1311px;height:120px;left:1400px;top:220px;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:center;}
        .page2_line{width:1600px;position:absolute;left:-220px;bottom:59px;}
        .page2_line img{width:1600px;height:auto;}

        /* 横向排列1 */
        /* .fuliWrap .swiper-pagination-bullet{width:100px; height:100px;border-radius: 0;opacity:1;margin:0 15px !important;}
        .fuliWrap .swiper-pagination-bullet:nth-child(1){background: url(../img/yy/fl1_btn.png) no-repeat bottom;background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(2){background: url(../img/yy/fl2_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(3){background: url(../img/yy/fl3_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(4){background: url(../img/yy/fl4_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(5){background: url(../img/yy/fl5_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);} */
        
        /* .fuliWrap .swiper-pagination{width:175px;height:532px;left:1400px;bottom:150px;} */
        .fuliWrap .swiper-pagination-bullet{width:100px; height:100px;border-radius: 0;opacity:1;position:absolute;}
        .fuliWrap .swiper-pagination-bullet:nth-child(1){ left:0px;top: -88px;background: url(../img/yy/fl1_btn.png) no-repeat bottom;background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(2){ left:30px; top: 35px;background: url(../img/yy/fl2_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(3){ left:70px; top: 158px;background: url(../img/yy/fl3_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(4){ left:30px;top: 281px;background: url(../img/yy/fl4_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet:nth-child(5){ left:0px;top: 404px;background: url(../img/yy/fl5_btn.png) no-repeat bottom; background-size: 100%;-webkit-filter:grayscale(1);filter:grayscale(1);}
        .fuliWrap .swiper-pagination-bullet-active{
            /* -webkit-filter:none !important;filter:none !important;  */
            -webkit-filter: drop-shadow(0px 0px 8px #ffff00)!important; filter: drop-shadow(0px 0px 8px #ffff00)!important;
            transform:scale(1.2);
            -webkit-transform:scale(1.2);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:scale(1.2);     /*兼容-moz-引擎浏览器*/}
        .fuliWrap a{    
            width: 234px;
            height: 82px;
            display: inline-block;
            position: absolute;
            right:823px;
            bottom:220px;
        }
        /* .fuliWrap a.a2{right:760px;bottom:220px;}
        .fuliWrap a.a3{right:760px;bottom:220px;}
        .fuliWrap a.a4{right:760px;bottom:220px;}
        .fuliWrap a.a5{right:780px;bottom:187px;} */
        

        .swiper-button-prev.page2_swiper-button-prev{width:91px;height:106px;background:url(../img/yy/page2_leftbtn.png) no-repeat; left:74px;top:704px;}
        .swiper-button-next.page2_swiper-button-next{width:91px;height:106px;background:url(../img/yy/page2_rightbtn.png) no-repeat;left:558px;top:704px;}


        .feature{width: 1200px;margin:0 auto;margin-bottom:80px;text-align: center;position: relative;}
            .center-bg .feature h2{padding-top:0px;}
            .feature h2 img{width:auto;height:54px;display:block;margin:0 auto;}
            .feature .swiper-container{width: 90%;height:700px;margin-top:30px;margin-bottom:130px;}
            .feature .swiper-slide {background-position: center;background-size:100% auto;width: 973px;height:547px;}
            .feature .swiper-button-prev {top:54.1%;left:1033px;background-image: url(../img/yy/top.png);-webkit-background-size: 100% auto;background-size: 100% auto;}
            .feature .swiper-button-prev{width:178px;height:95px;}
            .feature .swiper-button-next {width:178px;height:85px;}
            .feature .swiper-button-next {top:64.5%;right:-11px;background-image: url(../img/yy/bottom.png);-webkit-background-size: 100% auto;background-size: 100% auto;}

.code{width: 1200px;height:400px;margin:0 auto; position:relative;}
    .wxLeftCon{position:relative;z-index:9;}
    .wxLeftCon>.peo{position:absolute; right: 20px; top:-10px;}
    .code>.bot{position:absolute; left: 50%; bottom:20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 55px; width:852px;}
    .code>.bot>p{text-align: center; font: 14px/22px "微软雅黑"; color:#ffff00; letter-spacing: 2px;}
    .conLeft{width: 326px; height:295px; background: url(../img/yy/codeBg.png) no-repeat;-webkit-background-size:100%; background-size:100%;}
    .conLeft img{width: 200px;margin: 45px 0 0 62px;}
    .conRight{width:270px; height:240px; color:#ffff00; margin:50px 40px 0 20px;}
    .conRight h2{font:32px/50px "微软雅黑"; letter-spacing: 5px;}
    .conRight h2 span{color:#dc3f3c; font-weight: bold; letter-spacing: 0px;}
    .conRight h2.s{ border-top:1px solid #c3a76e;padding-top:0px;margin-bottom:30px;}
    .wxLeftCon .conRight>p{font:18px/30px "微软雅黑";color:#ffff00;}
    .wxLeftCon .conRight>p.s{font:14px/14px "微软雅黑";margin-bottom:35px;}
    .kefuWrap{width:300px; height:185px; padding-left:40px; border-left:1px solid #c3a76e; color:#ffff00; margin-top:60px;}
    .kefuWrap h2{font:32px/50px "微软雅黑"; letter-spacing: 5px; margin-bottom:73px;}
    .kefuWrap p{font:20px/30px "微软雅黑";color:#ffff00;}

.footer{background: #FFF; padding: 38px 0;}
    .footer img{display: block; margin: 0 auto;}
    .footBox {width: 982px;margin: 0 auto;padding: 45px 0;overflow: hidden;font-family: \5b8b\4f53; font-size: 12px;}
    .footBox .logo2 {float: left;width: 208px;padding-left: 74px;}
    .footBox .text {float: right;width: 674px;line-height: 20px;}
    .footBox, .footBox a {color: #5b5b5b;}
    .footBox .bq{top:60px !important;}

.opcity-zhezhao{width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 200;position: fixed;top: 0;left: 0;display:none;}

/*预约*/
.yyPop{width: 690px; height: 550px; position: fixed;top: 100px;left: 50%;margin-left: -320px;z-index: 300; display: none;background:url(../img/yy/yy_alert_bg.png) no-repeat;background-size: 100% auto;}
.yyPopClose{display: block; width: 44px; height: 44px; position: absolute; right: -44px; top: 0; cursor: pointer; background: url(../img/yy/close.png) no-repeat 0 0;}
.yyTab{height: 88px;background: url(../img/yy/wx_bg.jpg) no-repeat;background-size: 100% auto;width: 666px;margin-left: 12px;margin-top: 20px; position:relative;}
.yyTab span{float: left; height: 88px; line-height:88px; text-align: center; font-size: 30px; color: #FFF; font-weight: bold; cursor: pointer; margin-right:2px;}
.yyTab span.yyPhone{width: 180px;}
.yyTab span.yyWx{width: 260px;padding-left: 5px;}
.yyTab span.yyTap{width: 180px;padding-left: 30px; position: relative;}

.yyTap>a{text-decoration:none; color:#fff; display: block; width: 100%; height: 100%;}
.yyTab span.yyTap i{width:80%; height: 100%; display: inline-block; margin:0 auto; background: url(../img/yy/yyTap.png) no-repeat center center; background-size:100%;}
.yyTab span.yyTap em{position:absolute; top:0; left:-4px; background: url(../img/hotBg.png) no-repeat left top; width:70px; height: 40px; -webkit-background-size:100%; background-size:100%;}
.yyTab span.on{color: #d8af77;}
.yyTab span.yyTap.on i{width:80%; height: 100%; display: inline-block; margin:0 auto; background: url(../img/yy/yyTap_on.png) no-repeat center center; background-size:100%;}
.yyTaptap{text-align: center; padding-top:120px;}
.yyTaptap a img{display: inline-block; margin: 0 auto; width:360px; height: auto;}
.yyMain{height: 420px;}
.yyFrom{width: 458px; height:380px;padding: 48px 0 0 0; margin: 0 auto;position: relative;}
.yySys{height: 112px;}
.yySys span{width:176px; height: 64px; background: url(../img/yy/sys.jpg) no-repeat 0 0; text-align: center; color: #fff; line-height:64px; font-size: 30px; font-weight: bold; cursor: pointer;}
.yySys span.ios{float: left;}
.yySys span.and{float: right;}
.yySys span.on{background: url(../img/yy/sys_on.jpg) no-repeat 0 0;}
.yyInput{height: 85px;margin-top:60px;}
.yyInput input{border: 2px solid #d8af77; width: 415px; height: 30px; line-height: 30px; padding: 20px; text-align: center; color: #df2d2d; background:none; font-size: 30px;}
.submit{display: block; width: 202px; height: 78px; margin: 0 auto; background: #df2d2d; color: #FFF; font-weight: bold; font-size: 36px; font-weight: bold; text-align: center; line-height: 74px;}
.yuyueBtn{display: block; width: 227px; height:69px; margin: 0 auto; background:url(../img/yy/yuyueBtn.jpg) no-repeat;background-size: 100% auto;position: absolute;bottom: 40px;margin-left: -113px;left: 50%; }
.submit:hover{text-decoration: none;}
.yyWeixin{background: url(../img/yy/wxYY.png) no-repeat 0 0; width: 667px; height: 420px; position: relative; margin-top:6px;margin-left: 10px;}
.yyWeixin img{display: block; position: absolute; width: 238px; height: 238px; left:75px; top: 126px;}
.err {font: 16px/40px "微软雅黑";color: red;display: none;}
.successBtn{display: none;}

/*重要公告*/
.csPop{width:100%; height:100%; position: fixed; top:0; z-index: 99; background: rgba(0,0,0,0.8); display: none;}
.csPop .pubMain{height: 808px;padding-top: 140px;}
.pubMain {width: 1200px;margin: 0 auto;position: relative;}
.listBox {width: 800px;margin: 0 auto;}
.listBg {width: 100%;height: 530px;background: rgba(255,255,255,0.5);margin-bottom: 48px;}
.csggClose{width:237px; height:49px; display: block; margin: 0 auto; margin-top:30px ; background: url(../img/yy/csClose.png) no-repeat center center;}
.listMores h3{height:100px; text-align: center; font:30px/100px "微软雅黑"; border-bottom: 1px solid #0070C0; margin-bottom: 30px;}
.listMores p{ text-indent:1rem;}
.listMores .end{margin-top:20px;text-align: right;}
.listMores .tit{margin-top:20px;}
.listMores .p{font:bold 20px/40px "微软雅黑"; height: 40px;}
.listMores .b{font-weight: bold;}

/*活动规则弹框*/
.active-regular{width:790px; background: url(../img/yy/msg_m.png)repeat-y;position: fixed;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-size:100% 100%;z-index:202;display:none;}
.active-regular img{width:100%;}
.msgCon{min-height: 424px;margin-bottom:60px;overflow: hidden;}
.msgCon>div{overflow-y:auto;min-height: 424px; padding-right:10px;}
.active-regular h2{ color: #f3d284;font-size: 36px;font-weight:bold;text-align: center;letter-spacing: 2px;margin-left: 5px;margin-top: 30px;background-size: 100% auto;padding-bottom: 20px;}
.active-regular h3{ color: #f3d284;font-size: 26px;font-weight:bold;text-align: center;letter-spacing: 2px;margin-left: 5px;background-size: 100% auto;padding-bottom: 20px;}
.active-regular h4{ color: #f3d284;font-size: 20px;font-weight:bold;text-indent:20px;}
.active-regular p{color:#fff; font: 16px/30px "微软雅黑"; margin: 10px 0; position: relative;padding:5px 20px;text-indent:28px;}
.active-regular p.txt_alert{padding-left:18px;font-size: 14px;margin: 5px 0;}
.active-regular p.n{margin:0;}
.active-regular p span{width:130px; height: 30px; font:16px/30px "微软雅黑";text-align: center;}
.active-regular p i{font-style: normal; color:#911212;}
.active-regular p em{font-weight: bold; font-style: normal;}
.active-regular .active-close img{position: absolute;right: -15px;top: -15px;width:50px;cursor: pointer;}
.active-regular .msgCon::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.active-regular .msgCon::-webkit-scrollbar-track{background-color: transparent;}
.active-regular .msgCon::-webkit-scrollbar-thumb{border-radius:0;background-color:#19161a;} 
.active-regular .msgCon::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.active-regular .msgCon::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.active-regular .msgCon::-moz-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.active-regular .msgCon::-moz-scrollbar-track{background-color: transparent;}
.active-regular .msgCon::-moz-scrollbar-thumb{border-radius:0;background-color:#19161a;} 
.active-regular .msgCon::-moz-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.active-regular .msgCon::-moz-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.active-regular .msgCon::-ms-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.active-regular .msgCon::-ms-scrollbar-track{background-color: transparent;}
.active-regular .msgCon::-ms-scrollbar-thumb{border-radius:0;background-color:#19161a;} 
.active-regular .msgCon::-ms-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.active-regular .msgCon::-ms-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.active-regular .msgCon::-ms-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.active-regular .msgCon::-o-scrollbar-track{background-color: transparent;}
.active-regular .msgCon::-o-scrollbar-thumb{border-radius:0;background-color:#19161a;} 
.active-regular .msgCon::-o-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.active-regular .msgCon::-o-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}

.video_play{position:absolute;left:0;top:52%;width:220px;height:77px;background:url(/img/yy/video_paly.png)no-repeat;cursor:pointer;}
.videoPop{width: 800px; height: 450px; position: fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #000; display: none; z-index: 9999;}
    .videoPopClose{display: block; width: 58px; height: 58px; background: url(/img/yy/close.jpg) no-repeat 0 0; cursor: pointer; position: absolute; right: -58px; top: 0;}
    #example_video_1{width: 800px; height: 450px;}
    .opcbg{width:100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; left: 0; top:0; z-index: 1111; display: none;}

.jian-animate{
	-webkit-animation:ripple 2s  infinite alternate;
	-moz-animation:ripple 2s  infinite alternate;
	-ms-animation:ripple 2s  infinite alternate;
	-o-animation:ripple 2s  infinite alternate;
	animation:ripple 2s infinite alternate;
}
@keyframes ripple {
	0% {width: 240px;height:240px;}
	100% {width:240px;height:240px;background:url(../img/yy/jian_on.png) no-repeat;background-size: 100% auto;}
}
.num5-jian-animate{
	-webkit-animation:num5-ripple 2s  infinite alternate;
	-moz-animation:num5-ripple 2s  infinite alternate;
	-ms-animation:num5-ripple 2s  infinite alternate;
	-o-animation:num5-ripple 2s  infinite alternate;
	animation:num5-ripple 2s infinite alternate;
}
@keyframes num5-ripple {
	0% {width: 296px;height:296px;}
	100% {width:296px;height:296px;background:url(../img/yy/num5_jian_on.png) no-repeat;background-size: 100% auto;}
}

.m_mask{
    -webkit-animation:roundgif 20s  infinite linear;
    -moz-animation:roundgif 20s  infinite linear;
    -ms-animation:roundgif 20s  infinite linear;
    -o-animation:roundgif 20s  infinite linear;
    animation:roundgif 20s infinite linear;
}
@-moz-keyframes roundgif{
    0%{ -moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes roundgif{
    0%{-webkit-transform:rotate(0deg); }
    100%{ -webkit-transform:rotate(360deg);}
}
@-ms-keyframes roundgif{
    0%{ -ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg); }
}
@-o-keyframes roundgif{
    0%{ -o-transform:rotate(0deg); }
    100%{ -o-transform:rotate(360deg);}
 }
@keyframes roundgif{
    0%{  transform:rotate(0deg);}
    100%{ transform:rotate(360deg);}
}

.btmPop{width:100%; height:215px; background: url(../img/yyIndex/yydc.png) no-repeat center center; z-index: 999;}
.btmPop .pubMain{height: 215px; position:relative;}
.btmLeft{position:absolute; left:-80px; width:360px; padding-top:155px;}
.btmLeft .con{color:#000; text-align: center; font:14px/14px "微软雅黑"; margin-top:10px; letter-spacing: 3px;}
.btmSlogan{padding-left:30px;}
.btmSlogan img{height: 69px; width:auto;}
.btmNum{width:360px; height:55px; background: url(../img/yyIndex/btmNumBg2.png) no-repeat center center; -webkit-background-size:100%; background-size:100%;}
.btmNum p{font:16px/55px "微软雅黑"; color:#f6e6c5; padding:0 20px; text-align: center; letter-spacing: 3px;}
.yyBtmBtn{display:inline-block; margin-left:60px;}
.yyBtmBtn img{ height: 72px; width:auto;}
.btmMain{position:absolute; left:260px; top:-10px; width:1013px; height: 230px; background: url(../img/yyIndex/btmMainBg.png) no-repeat center center; -webkit-background-size:100%; background-size:100%;}
.btmMain ul{width:100%; height: 230px; padding-left:50px;}
.btmMain li{float:left; width:178px; height: 230px; position:relative;}
.btmMain .item span{position:absolute; top:13px; right:8px; width:90px; height: 90px;}
.btmMain .item1 span{background: url(../img/yyIndex/wdc1.png);}
.btmMain .item2 span{background: url(../img/yyIndex/wdc2.png);}
.btmMain .item3 span{background: url(../img/yyIndex/wdc3.png);}
.btmMain .item4 span{background: url(../img/yyIndex/wdc4.png);}
.btmMain .item5 span{background: url(../img/yyIndex/wdc5.png);}
.btmMain .item1.active span{background: url(../img/yyIndex/dc1.png);}
.btmMain .item2.active span{background: url(../img/yyIndex/dc2.png);}
.btmMain .item3.active span{background: url(../img/yyIndex/dc3.png);}
.btmMain .item4.active span{background: url(../img/yyIndex/dc4.png);}
.btmMain .item5.active span{background: url(../img/yyIndex/dc5.png);}

/*  */
.concertWrap{width:230px; height: 170px; position: fixed; left:100px; bottom:80px;}
.act_name{height: 74px; width:auto; position: absolute; left:0; top:30px; z-index: 2;}
.act_sign_btn{height: 45px; width:142px; position: absolute; left:48%; bottom:0; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.act_music{width:164px; height: auto; position: absolute; left:30px; top:-15px;
	-webkit-animation: mz_rotate 12s linear infinite;
	   -moz-animation: mz_rotate 12s linear infinite;
		-ms-animation: mz_rotate 12s linear infinite;
		 -o-animation: mz_rotate 12s linear infinite;
            animation: mz_rotate 12s linear infinite;
}

.act_pop{width:100%; height: 100%; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); z-index: 99; display: block;}
.act_pop>div{position: fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width:929px; height: 530px; background: url(../img/concert/act_bg.png) no-repeat;}
.act_close{width:40px; height: 40px; position: absolute; top:0px; right:0px; z-index: 99;}
.act_btn{width:100%; height: 100%; position: absolute; left:0px; top: 0px;}

/*360度循环旋转*/
@-moz-keyframes mz_rotate{
    0%{
    	
        -moz-transform:rotate(0deg);
     }
     100%{
     	
        -moz-transform:rotate(360deg);
     }
 }
 @-webkit-keyframes mz_rotate{
    0%{
      -webkit-transform:rotate(0deg);
     }
    100%{
       -webkit-transform:rotate(360deg);
     }
 }
 @-ms-keyframes mz_rotate{
    0%{
      -ms-transform:rotate(0deg);
     }
    100%{
       -ms-transform:rotate(360deg);
     }
 }
 @-o-keyframes mz_rotate{
    0%{
      -o-transform:rotate(0deg);
     }
    100%{
       -o-transform:rotate(360deg);
     }
 }
 @keyframes mz_rotate{
    0%{
      transform:rotate(0deg);
     }
     100%{
       transform:rotate(360deg);
     }
 }
.clear:after{display:block;content:'';clear:both;}
.newregister{min-width:261px;height:314px;position:fixed;left:120px;bottom:0;z-index:99;display:none;}
.newregister .leftcon{width:261px;height:100%;position:absolute;left:0px;top:0px;background:url(../img/yy/new_yybg.png) no-repeat;}
.newregister .newbtn{width:156px;height:51px;position:absolute;left:50%;transform:translateX(-50%);top:90px;background:url(../img/yy/new_yybtn.png) no-repeat;}
.newregister .leftcon p{text-align:center;}
.newregister .leftcon p:nth-child(2){padding-top:155px;}
.newregister .leftcon p:nth-child(4){padding-top:25px;}
.newregister .leftcon .unfoldbtn{width:25px;height:98px;position:absolute;right:-24px;top:42%;transform:translateY(-50%);background:url(../img/yy/new_unfoldbtn.png) no-repeat;cursor: pointer;z-index:99;}
.newregister .rightconwrap{width:936px;height:225px;position:absolute;left:260px;top:30px;display:none;}
.newregister .rightcon{width:936px;height:225px;position:absolute;left:0px;top:0px;background:url(../img/yy/new_yyachieve.png) no-repeat;z-index:999;}
.rightcon ul{padding-left:31px;width:650px;}
.rightcon ul li{float:left;padding-top:20px;width:162px;}
.rightcon ul li p{text-align:center;color:#000;font-weight:bold;}
.rightcon ul li p.yynum{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#6d0d06), to(#ab151b));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rightcon ul li img{width:114px;height:auto;display:block;margin:5px auto;filter:grayscale(1);}
.rightcon ul li.on img{filter:none;}
.rightcon ul li .yyachieve{width:74px;height:22px;display:block;margin:0 auto;background:url(../img/yy/new_achieve.png) no-repeat;}
.rightcon ul li.on .yyachieve{background:url(../img/yy/new_achieve_act.png) no-repeat;}
.rightcon .txtcon{width:245px;position: absolute;top:0;right:30px;text-align:center;color:#000;white-space: nowrap;padding-top:50px;}
.rightcon .txtcon h2{font-size:20px;font-weight:bold;line-height:30px;}
.rightcon .txtcon .newnum{font-size:24px;color:#7c060e;margin-bottom:25px;}
.rightcon .txtcon p{font-size:14px;}
.rightcon .packupbtn{width:25px;height:78px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../img/yy/new_packupbtn.png) no-repeat;cursor:pointer;}
@-webkit-keyframes slideInLeft {
    0% {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      visibility: visible;
      opacity: 0;
    }
  
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
              opacity: 1;
    }
  }
  
  @keyframes slideInLeft {
    0% {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      visibility: visible;
      opacity: 0;
    }
  
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
              opacity: 1;
    }
  }
@-webkit-keyframes slideOutLeft {
      0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        visibility: visible;
        opacity: 1;
      }
    
      100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                opacity: 0;
      }
    }
    
    @keyframes slideOutLeft {
      0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        visibility: visible;
        opacity: 1;
      }
    
      100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                opacity: 0;
      }
    }
  
  .slideInLeft {
    -webkit-animation-duration: 1s;
        animation-duration: 1s;
    -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
  }
  .slideOutLeft{
    -webkit-animation-duration: 1s;
        animation-duration: 1s;
    -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;

  }
.newtipwrap{width:100%;height:100%;position: fixed;left:0;top:0;z-index:9999;background:rgba(0,0,0,.8);display:none;}
.newtipwrap>div{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:789px;height:466px;background:url(../img/yy/new_yytipbg.png) no-repeat;}
.newtipwrap>div span.newtipclose{width:57px;height:57px;position:absolute;right:-10px;top:-10px;background:url(../img/yy/active_gb.png) no-repeat;cursor:pointer;}
.newtipwrap>div .newcode{width:268px;height:auto;margin:150px 0 0 70px;}
.newtipwrap>div .tipcon{float:right;width:400px;padding-top:140px;margin-right:20px;}
.newtipwrap>div .tipcon p{color: #c9938f;font-size: 20px;line-height: 36px;text-align: justify;}

.gitem{position: absolute;height:110px;width:auto;display:none;}
.g1{top:-93px;left:10px;}
.g2{top:-93px;left:105px;}
.g3{top:-93px;left:186px;}
.g4{top:-93px;left:527px;}

.mz_slide{width:74px;height:234px;background:url(../img/mz_slide.png) no-repeat;position: absolute;right:0;top:10px;}
.mz_slide a{width:47px;height:47px;display:block;border-radius:50%;margin-bottom:15px;margin-left:15px;}
.mz_slide a:nth-child(1){margin-top:30px;}

.downwrap{width:100%;height:100%;position: fixed;left:0;top:0;z-index:9999;background:rgba(0,0,0,.8);display:none;}
.downwrap>div{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:455px;height:495px;background:url(../img/p1_downcode.png) no-repeat;}
.downwrap>div span.downtipclose{width:50px;height:50px;position:absolute;right:46px;top:48px;cursor: pointer;}

@keyframes  myMove{

  0%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

  50%{

      transform:scale(1.2,1.2);

      -moz-transform:scale(1.2,1.2);

      -webkit-transform:scale(1.2,1.2);

      -o-transform:scale(1.2,1.2);

      -ms-transform:scale(1.2,1.2);

  }

  100%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

}

@-webkit-keyframes  myMove{

  0%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

  50%{

      transform:scale(1.2,1.2);

      -moz-transform:scale(1.2,1.2);

      -webkit-transform:scale(1.2,1.2);

      -o-transform:scale(1.2,1.2);

      -ms-transform:scale(1.2,1.2);

  }

  100%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

}

@-moz-keyframes  myMove{

  0%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

  50%{

      transform:scale(1.2,1.2);

      -moz-transform:scale(1.2,1.2);

      -webkit-transform:scale(1.2,1.2);

      -o-transform:scale(1.2,1.2);

      -ms-transform:scale(1.2,1.2);

  }

  100%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

}

@-o-keyframes  myMove{

  0%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

  50%{

      transform:scale(1.2,1.2);

      -moz-transform:scale(1.2,1.2);

      -webkit-transform:scale(1.2,1.2);

      -o-transform:scale(1.2,1.2);

      -ms-transform:scale(1.2,1.2);

  }

  100%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

}