body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0}
table{border-collapse: collapse;border-spacing: 0}
fieldset,img{border: 0;vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal}
ol,ul{list-style: none}
caption,th{text-align: left}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
q:before,q:after{content: ''}
abbr,acronym{border: 0;font-variant: normal}
sup{vertical-align: text-top}
a,a:hover{color: #2e2f33;text-decoration: none;outline: 0;}
sub{vertical-align: text-bottom}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit}
input,textarea,select{*font-size: 100%}

body{color: #2e2f33; font: 14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
@media screen and (max-width: 1600px) {
    body.on {zoom:0.9}
}
@media screen and (max-width: 1400px) {
    body.on {zoom:0.75}
}
@media screen and (max-width: 1300px) {
    body.on {zoom:0.65}
}
html,body{width: 100%;/* height: 100%; */background: #fff;background: url(../images/index/bg2.jpg) no-repeat center bottom;}

.main {
    width: 100%;
    margin: 0 auto;
    transition: opacity .5s;
}

.wrap {
    width: 100%;
    /* height: 100%; */
    position: relative;
    /* background: url(../images/index/bg.jpg) no-repeat top center; */
}

.bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-back {
    background: url(../images/bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.bg-front {
    bottom: 0;
    height: auto;
}

.bg-front img {
    width: 100%;
}


.frame {
    position: relative;
    width: 100%;
    background: #fff;
    background: url(../images/index/bottom.png) no-repeat center bottom;
}
.frame-main {
    width: 1000px;
    margin: 0 auto;
    /* position: absolute; */
    /* background: url(../images/index/bg.jpg) no-repeat top center; */
}

.frame-con {
    /* position: absolute; */
    /* z-index: 10; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}
.frame-bg .back {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bg_n.jpg) no-repeat 50% 0;
    background-size: cover;
        z-index: 1;
}
.frame1 .frame-bg .back {  background: url(../images/index/bg.jpg) no-repeat 50% 0;background: none;}
.framebbs .frame-bg .back {    background: url(../images/bbs/jxsq_bg.jpg) no-repeat 50% 0;}
.framexcfl .frame-bg .back {    background: url(../images/znzq/bg.jpg) no-repeat 50% 0;}
.framelwj .frame-bg .back {    background: url(../images/znfl/jnfl_tit.jpg) no-repeat 50% 0;}
.frame-bg .front {
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    left: 0;
    bottom: 0;
}

.frame1 .frame-con {
   width: 100%;
   padding-top: 119px;
   padding-bottom: 200px;
   padding-left: 75px;
   min-height: 650px;
   position:relative;
z-index: 3;}
.frame1 .v{
    width: 100%;
    height: 100%;
    background:url(../images/bg.jpg) no-repeat 50% 0;
    background-size: 100%;
    z-index:2;
    position: absolute;
    left:0;
    right: 0;
    /* transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%); */
    top:0;
}
.frameindex .v{width:1920px;}
.backgo {position: absolute;top:-30px;left:14px;font-size:20px; color:#f1d4a4;}

.frame1 .frame-bg .front{background: url(../images/front.png) no-repeat 50% 100%;background-size: 100% auto;}

.f1i1 {height: 110%;}

@keyframes d{
    from{
        opacity:1;
        bottom:10px;
    }
    to{
        opacity:0;
        bottom:-20px;
    }
}

.aside {width: 273px;position: absolute;left: -350px;height: 800px;top: 0;z-index: 20;transition:left .5s .5s;display:none;}

.aside-con {width: 100%;height: 100%;position: relative;background: url(../images/tit02.png) no-repeat;}
.logo {width: 122px;height: 142px;position: absolute;left: 50%;margin: 0 auto;margin-left: -643px;top: 27px;z-index:10;}


.video-sec {width: 70px;height: 70px;position: absolute;left: 50%;margin: 0 auto;margin-left: -455px;top: 305px;z-index:10;}
/*
.video-sec .outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation:rr 5s linear infinite;
    background: url(../images/video_out.png) no-repeat 50% 50%;
}

.video-sec .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation:rl 5s linear infinite;
    background: url(../images/video_inner.png) no-repeat 50% 50%;
}*/
@keyframes rr{
    100%{
        transform: rotate(360deg);
    }
}
@keyframes rl{
    100%{
        transform: rotate(-360deg);
    }
}

.video-sec .video {
    position: absolute;
    top: 11px;
    left: 13px;
    width: 117px;
    height: 119px;
}

.video-sec .video-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
background: url(../images/index/kv_video_3f8b67b.png) no-repeat;background-size: 100% 100%;}

a.logofollow {
    display: none;
    position: absolute;
    bottom: 71px;
    left: 10px;
    background: url(../images/logo.png) no-repeat 0 0;
    width: 168px;
    height: 75px;
    text-indent: -999em;
    z-index: 22;
}

a.follow {
    display: none;
    position: absolute;
    bottom: 0;
    left: 10px;
    background: url(../images/follow.png) no-repeat 0 0;
    width: 167px;
    height: 72px;
    text-indent: -999em;
    z-index: 22;
}

.rSide {
    position: absolute;
    right: -300px;
    top: 0;
    z-index: 20;
    transition:right .5s .5s;
}

.rSide .slogan {
    font-size: 14px;
    color: #d6ba86;
    background: url(../images/10year.png) no-repeat;
    width: 73px;
    height:354px;
    position: absolute;
    top: 40px;
    right: 0;
    display:none;
}
.hdnav{width: 164px;height:210px;position: fixed;bottom: 22px;right: 20px;}
    .hdnav .hd{}
  	.hdnav .rhd{display:none;}
    .hdnav .lhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/long.png) no-repeat;}
    .hdnav .rhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/niu.png) no-repeat;}
    .hdnav .quan{
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    height: 100%;
    animation: rl 5s linear infinite;
    background: url(../images/quan.png) no-repeat 50% 50%;
    }
   	.hdnav .bd{width:94px;margin:0 auto;position: relative;z-index: 2;}
    .hdnav .larrow{float: left;display: block;width:42px;height:45px;background: url(../images/p2-btn-l_2fe1099.png) no-repeat;margin-right:10px}
    .hdnav .larrow:hover,.hdnav .larrow.on{ background: url(../images/p1-btn-l_2fe1099.png) no-repeat;}
    .hdnav .rarrow{float: left;display: block;width:42px;height:45px;background: url(../images/p2-btn-r_a9f4c87.png) no-repeat;}
    .hdnav .rarrow:hover,.hdnav .rarrow.on{ background: url(../images/p1-btn-r_a9f4c87.png) no-repeat;}
    .hdnav .bg{position:absolute;top: 175px;left: -16px;display: block;width:167px;height:59px;background: url(../images/line01.png) no-repeat;margin-right:10px;/* z-index:0; */}

.frame1 .indexdh{width: 700px;position: absolute;left: 50%;margin-left: -611px;text-align: center;top: 492px;height: 430px;z-index:9;}
@media screen and (min-width: 1600px) {.frame1 .indexdh {top:445px}}
.frame1 .indexdh li{position:absolute;width: 200px;height: 400px;display:block;opacity: 1;filter:alpha(opacity=100);transform-style:preserve-3d;transition:1s;backface-visibility:hidden;}
.frame1 .ifl1{left: 0px;top: 0px;}
.frame1 .ifl2{left: 168px;top: 30px;}
.frame1 .ifl3{left: 334px;top: 0px;}
.frame1 .ifl4{left: 501px;top: 33px;}
.frame1 .ifl5{left: 814px;top: 261px;}
.frame1 .indexdh li a{ display:block;}
.frame1 .indexdh li img{ width: 100%;}
.frame1 .indexdh li .front,.frame1 .indexdh li .back{ position: absolute; left: 0; top:0; width: 100%;backface-visibility: hidden; transform-style: preserve-3d; transition: transform 1.2s; backface-visibility:hidden;transition:all .5s ease-in-out;}
.frame1 .indexdh li .img1{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit1.png) no-repeat;}
.frame1 .indexdh li .img1b{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit1.png) no-repeat;}
.frame1 .indexdh li .img2{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit2.png) no-repeat;}
.frame1 .indexdh li .img2b{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit2.png) no-repeat;}
.frame1 .indexdh li .img3{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit3.png) no-repeat;}
.frame1 .indexdh li .img3b{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit3.png) no-repeat;}
.frame1 .indexdh li .img4{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit4.png) no-repeat;}
.frame1 .indexdh li .img4b{display: block;width: 200px;height: 400px;background: url(../images/index/index_tit4a.png) no-repeat;position:relative;}

.frame1 .indexdh li .img4b a{left:0;display: block;height: 400px;width: 101px;position: absolute;}
.frame1 .indexdh li .img4b .qfbd2{top: 0x;left: 101px;}
.frame1 .indexdh li .img4b a:hover{}
.frame1 .indexdh li .img4b .qfbd1:hover{background: url(../images/index/index_tit4b.png) 0 -0px no-repeat;}
.frame1 .indexdh li .img4b .qfbd2:hover{background: url(../images/index/index_tit4b.png) -101px -0px no-repeat;}
/*.main .front{animation:showRotate 1s linear  0s infinite;}
.main .back{animation:showRotate 1s linear  0s infinite;}*/
.frame1 li .front {transform: rotateY(0deg);}
.frame1 li .back{transform: rotateY(-180deg);}
.frame1 li:hover .back{transform: rotateY(0deg);} 
.frame1 li:hover .front{transform: rotateY(180deg);} 
.frame1 .wrap{ z-index: 9; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.frame1 .homelayer{ position: absolute; z-index: 1; width: 100%; height: 100%; background: url(../images/decor.png) no-repeat center top;}
.frame1 .unlock .front{animation:showRotate 5s linear  0s infinite; -webkit-animation: showRotate 5s linear  0s infinite;}
.frame1 .unlock .back{animation:showRotateb 5s linear  0s infinite;; -webkit-animation:showRotateb 5s linear  0s infinite;}


@-webkit-keyframes showRotate{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

@keyframes showRotate{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-ms-transform: rotateY(360deg);}
}

@-webkit-keyframes showRotateb{
    0%{transform: rotateY(-180deg); -webkit-transform:rotateY(-180deg);}
    50%{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
}

@keyframes showRotateb{
    0%{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);}
    50%{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
}


.slogo{display:block;width: 981px;position: absolute;left: 50%;top: 26px;margin-left: -502px;opacity: 0;filter:alpha(opacity=0);}

.transit{position: absolute;left: 50%;top:0;width: 1920px;margin-left: -960px;height: 1200px;z-index: 10;}
.cloud11{ position: absolute; left: 0; top:0; width: 100%; z-index: 2;}
.homeLayer{ position: absolute; left: 0; top:0; width: 100%; height: 100%;z-index: 4}
.trans-layer1{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url(../images/transit.png) no-repeat center top; z-index: 3;}

.animate .trans-layer1{animation:fadeOut 1s ease-in-out 1.2s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.2s both;}
.animate .mask{animation:fadeOut 1.2s ease-in-out 1.6s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.6s both;}
.alogo{animation:bounceInDown 1s ease-in-out 1.4s both; -webkit-animation:bounceInDown 1s ease-in-out 1.4s both;}
.slogo{animation:bounceIn 0.6s ease-in-out 2.4s both; -webkit-animation:bounceIn 0.6s ease-in-out 2.4s both;}
.slogok{animation:bounceIn 0.6s ease-in-out 1s both; -webkit-animation:bounceIn 0.6s ease-in-out 1s both;}
.animate .homeLayer{animation:fadeOut 1.2s ease-in-out 1.3s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.3s both;}
/*.main li{animation:fadeInUp 0.8s ease-in-out 3.4s both; -webkit-animation:fadeInUp 0.8s ease-in-out 3.4s both;}*/

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
   /* 50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);transform:scale(.9)}*/
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
    /*50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}*/
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0; display: none;}
}

@keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0;display: none;}
}

@-webkit-keyframes fadeOutLeft{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeft{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}


@-webkit-keyframes fadeOutRight{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRight{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}

.frame2 .frame-con {
    width: 1280px;
    height: 750px;
    margin-left: 60px;
}

.frame2 h2 {
    display: block;
    background: url(img/gf/gf_title.png) no-repeat 0 0;
    width: 101px;
    height: 275px;
    text-indent: -999em;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}

.gf {
    width: 980px;
    padding-top:15px;
    float: left;
    margin-right: 20px;
}

.gf .swap-con {
    position: relative;
    width: 980px;
    height: 550px;
    overflow: hidden;
    margin-bottom: 15px;
}

.gf .swap-con li {
    position: absolute;
    top: 0;
    left: 0;
}

.gf .swap-dot {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.gf .swap-dot li {
    display: inline-block;
    width: 40px;
}

.gf .swap-dot li a {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    background: url(../images/swapdot.png) no-repeat 0 0;
}

.gf .swap-dot li.active a {
    background: url(../images/swapdot_hover.png) no-repeat 0 0;
}

.frame2 .swap-nav {
    float: left;
    border-left: 2px solid #6d634f;
    margin-top: 10px;
    padding-top: 30px;
}

.frame2 .swap-nav li {
    background: url(../images/dot_hover.png) no-repeat 0 50%;
    padding-left: 30px;
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 40px;
    margin-left: -9px;
}

.frame2 .swap-nav a {
    color: #86724d;;
}

.frame2 .swap-nav a:hover {
    color: #d6ba86;
}
.frame2 .swap-nav .active a{
    color: #d6ba86;
}


.swap-con li{
    display: none;
}
.swap-con li:nth-child(1){
    display: block;
}
#empireCon,#heroPopDes{
    height: 578px;
    overflow:hidden;
}
#heroPopDes p { display: block; text-indent: 2em;}

.pager {
    text-align: center;
    color: #6d543c;
    font-size: 20px;
    line-height: 40px;
}
.pager span{
    padding: 0 5px;
}

.pager strong {
    font-size: 40px;
}
.pager .prev{
    width: 18px;
    height: 38px;
    background: url(../images/arr_left.png) no-repeat;
    opacity: .6;
    transition: opacity .4s;
    display: inline-block;
}
.pager .next{
    width: 18px;
    height: 38px;
    background: url(../images/arr_right.png) no-repeat;
    opacity: .6;
    transition: opacity .4s;
    display: inline-block;
}




.frame4 .frame-con {
    width: 100%;
    height: 100%;
    margin-left: 9px;
}
.frame4 .v{
    position: absolute;
    width: 100%;
    height: 1039px;
    top: 0;
    left: 0;
    background: url(../images/hero/main.png) no-repeat 50% 0;
    background-size:auto 100%;
}

.frame4 .items,
.frame4 .cards {
    position: relative;
    top: 0;
    left: 0;
}
.frame4 .cards .card{
    display: none;
}

.frame4 .item,
.frame4 .card {
    position: absolute;
    top: 478px;
    left: 50%;
}

.frame4 .item div,
.frame4 .card div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.frame4 .item{
    cursor: pointer;
}
.frame4 .item01 {
    width: 282px;
    height: 213px;
    margin-left: -521px;
    margin-top: -503px;
}

.frame4 .item02 {
    width: 386px;
    height: 373px;
    margin-left: -658px;
    margin-top: -244px;
}

.frame4 .item03 {
    width: 233px;
    height: 222px;
    margin-left: -360px;
    margin-top: 90px;
}

.frame4 .item04 {
    width: 287px;
    height: 275px;
    margin-left: 40px;
    margin-top: 40px;
}

.frame4 .item05 {
    width: 329px;
    height: 267px;
    margin-left: 200px;
    margin-top: -200px;
}

.frame4 .item06 {
    width: 282px;
    height: 317px;
    margin-left: 145px;
    margin-top: -535px;
}

.frame4 .item07 {
    width: 358px;
    height: 499px;
    margin-left: -183px;
    margin-top: -225px;
}

.frame4 .card {
    width: 220px;
    height: 300px;
    cursor: pointer;
    opacity:0;
    transition: opacity 1s;
}
.frame4 .card-con{
    width: 220px;
    height: 300px;
    perspective: 500px;
    -webkit-perspective: 500px;
    position: relative;
}
.frame4 .item .light{
    opacity:0;
}
.frame4 .item01 .light{
    animation: light 5s infinite;
    animation-delay: 8;
}
.frame4 .item02 .light{
    animation: light 8s infinite;
    animation-delay: 0s;
}
.frame4 .item03 .light{
    animation: light 3s infinite;
    animation-delay: 3s;
}
.frame4 .item04 .light{
    animation: light 4s infinite;
    animation-delay: 10s;
}
.frame4 .item05 .light{
    animation: light 6s infinite;
    animation-delay: 6s;
}
.frame4 .item06 .light{
    animation: light 5s infinite;
    animation-delay: 2s;
}
.frame4 .item07 .light{
    animation: light 7s infinite;
    animation-delay: 12s;
    transform-origin: 50% 60%;
}
@keyframes light{
    0%{
        opacity:0;
    }
    50%{
        opacity:1;
    }
    100%{
        transform:scale(1.3);
        opacity:0;
    }
}
.frame4 .card .front,
.frame4 .card .back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-delay: 0.3s;
    -webkit-ttransition-delay: 1s;
    transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
}
.frame4 .card .back{
    opacity: 0;
}

.frame4 .card .front {
    z-index: 6;
    transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
}
.frame4 .card:hover{
    opacity:1;
}

.frame4 .card:hover .front {
    z-index: 5;
    transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    opacity: 0;
}

.frame4 .card:hover .back {
    z-index: 6;
    opacity: 1;
    transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
}

.frame4 .card1 {
    margin-left: -521px;
    margin-top: -478px;
}

.frame4 .card2 {
    margin-left: -573px;
    margin-top: -176px;
}

.frame4 .card3 {
    margin-left: -390px;
    margin-top: 45px;
}

.frame4 .card4 {
    margin-left: 116px;
    margin-top: 40px;
}

.frame4 .card5 {
    margin-left: 275px;
    margin-top: -210px;
}

.frame4 .card6 {
    margin-left: 207px;
    margin-top: -490px;
}
.frame4 .card7 {
    margin-left: -114px;
    margin-top: -114px;
}

.pop{
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pop-con .name h3{ width:215px;height: 319px;background: url(../images/hero/name01.png) no-repeat;position: relative;}
.pop-con .name h3 span { display: block; position: absolute;}
.pop-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    max-width: 1920px;
}

.model{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.78);
    z-index: 200;
}
.model-follow{background: url(../images/follow.jpg) no-repeat top center;}
.model-wrap{
    width: 1920px;
    height:1080px;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.model-con{
    position: relative;
    width: 100%;
    height: 100%;
}
.model-empire .model-con,
.model-con,.model-fitter .model-con,.model-empire .model-con,
.model-fitter .model-con,.model-empire .model-con {
    width: 805px;
    height: 802px;
    left:50%;
    top:50%;
    margin-top:-420px;
    margin-left:-402px;
    background:url(../images/jbgs.png) no-repeat 0 0;
}
.model-fitter .model-con .close,.model-empire .model-con .close {
    width: 64px;
    position: absolute;
    left:95%;
    top: 0;
    background: none;
}
.model-con .v{
    position: absolute;
}
.model-empire .v1{
    top:-90px;
    left:180px;
}

.model-empire .t,.model-fitter .t{
    width:545px;
    margin:0 auto;
    padding-top: 86px;
}
.model-con .t h3{
    font-size:32px;
    color:#bda87e;
    margin-bottom:30px;
    font-weight: 400;
    text-align: center;
}
.model-con .t h3 span{
    display: block;
    color:#a5a5a5;
    font-size: 16px;
}
.model-con .t .t-c{
    font-size: 14px;
    color:#d8d1c3;
    line-height: 25px;
}
#zyjs p{ display: block; text-indent: 2em;}
.model-con .bird{
    position: absolute;
}
.model-con .bird1{
    left:1424px;
    top:-50px;
}
.model-con .bird2{
    left:1300px;
    top:120px;
}
.model-con .bird3{
    left:1324px;
    top:405px;
}
.model-con .close{
    width: 64px;
    background:url(../images/dots.png) no-repeat 50% -28px;
    position: absolute;
    left:50%;
    top:86%;
    margin-left: -32px;
}
.model-follow .close{    width: 164px;
    background:none;
    position: absolute;
    left:50%;
    top: 553px;
    margin-left: 220px;cursor:pointer;}
.model-con .close a{
    display: block;
    margin-top: 50px;
    background:url(../images/close.png) no-repeat 50% 0;
    width: 64px;
    height: 64px;
    text-indent: -999em;
}
.fllowtb{position: absolute;display: block;top: 781px;left: 482px;width: 264px;height: 200px;z-index:5;}
.fllowbi{position: absolute;display: block;top: 781px;left: 767px;width: 264px;height: 200px;z-index:5;}
.model-follow .close a {background:none;}
.model-fitter .v1{
    overflow: hidden;
    zoom:1;
    width: 456px;
    margin:0 auto 30px;
}


.frame5 .frame-con{
    width: 1220px;
    height: 710px;
    margin-left: 60px;
}
.frame5 .videos{
    overflow: hidden;
    margin-bottom: 10px;
}
.frame5 .videos .video{
    float: left;
    border:2px solid #d6ba86;
}
.frame5 .videos .video img{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.frame5 .video a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size:cover;
    background-position:50% 50%;
}
.frame5 .video a span.t{
    display: block;
    background:rgba(31,31,31,.89);
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
    height: 32px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: bottom .3s;
}
.frame5 .video a span.mask{
    background: rgba(0,0,0,.78);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s;
}
.frame5 .video a span.t i{
    background:url(img/media/play1.png) no-repeat 0 0;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -10px;
}
.frame5 .video a strong{
    display: block;
    position: absolute;
    text-align: center;
    color:#fff;
    border:1px solid #d6ba86;
    top:14px;
    left:14px;
    right:14px;
    bottom:14px;
    opacity: 0;
    transition: opacity .3s;
}
.frame5 .video a strong i{
    background:url(img/media/play2.png) no-repeat 0 0;
    height: 78px;
    width: 79px;
    display: block;
    margin:110px auto 20px;
}
.frame5 .videos .video1{
    width: 614px;
    height: 344px;
    margin-right: 10px;
}
.frame5 .videos .video2{
    width: 430px;
    height: 344px;
}
.frame5 .video a:hover span.mask,
.frame5 .video a:hover strong{
    opacity: 1;
}
.frame5 .video a:hover span.t{
    bottom:-54px;
}
.frame5 .slide {overflow: hidden; position: relative;}
.frame5 .slide ul{
    overflow: hidden;
    width: 1178px;
    height:348px;
    float: left;
}
.frame5 .slide li{
    float: left;
    border:2px solid #c3ac7f;
    width: 117px;
    height: 344px;
    transition: width .4s;
    overflow: hidden;
    font-size: 0;
    margin-right: 9px;
    position: relative;
    cursor: pointer;
}
.frame5 .slide li span.cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 117px;
    height: 344px;
    opacity: 1;
    transition: opacity .4s;
}
.frame5 .slide li span.cover img{
    width: 117px;
    height: 344px;
    object-fit: cover
}
.frame5 .slide li span.mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s;
    background:#191304;
}
.frame5 .slide li p{
    text-align: center;
    font-size: 0;
    position: absolute;
    top:14px;
    left:14px;
    right:14px;
    bottom:14px;
    border:1px solid #d6ba86;
    opacity:0;
    transition: opacity .3s;
    padding:135px 130px 0;
}
.frame5 .slide li a{
    display: inline-block;
    font-size: 14px;
    color:#e5d08f;
    width: 138px;
    height: 38px;
    line-height: 38px;
    border:1px solid #d6ba86;
    margin: 0 10px 10px;
}
.frame5 .slide li a:hover{
    background:#d6ba86;
    color:#fff;
}
.frame5 .slide li:hover p{
    opacity: 1;
    transition-delay: .2s;
}
.frame5 .slide li:hover .mask{
    opacity: 0.7;
}
.frame5 .slide li.active{
    width:640px;
}
.frame5 .slide li.active span.cover{
    opacity: 0;
}

.frame5 .slide .more{
    display: block;
    position: absolute;
    top: 314px;
    right: 0;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #b0955f;
    border-top:1px solid #b0955f;
    border-bottom:1px solid #b0955f;
}

.model-follow .model-con{
    height:364px;
    top: 324px;
    background:none;
}
.model-follow .v{
    top: -162px;
    left:215px
}
.model-follow .t{
    padding-top: 40px;
}

.model-follow .model-con .bird2{
    left:1270px;
    top:0;
}
.model-follow .model-con .bird3{
    left:1300px;
    top:265px;
}
.footer{
    z-index: 200;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    display: none;
}
.footer .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.78);
}
.footer .footer-wrap{
    position: absolute;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    left:0;
    bottom:0;
    background:#000;
    border-top:4px solid #a08b56;
    text-align: center;
    color:#7f7f7f;
    line-height: 25px;
}
.footer .logo{
    display: inline-block;
    margin-bottom: 20px;
}
.footer .icon-culture{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(https://lilithimage.lilithcdn.com/aoc/pc/net_authentication.png?v=2019110114142535);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 5px;
}
.footer a{
    color:#fff;
}
.footer .close{
    width: 64px;
    background:url(../images/dots.png) no-repeat 50% 72px;
    position: absolute;
    right:180px;
    top:-110px;
    height: 110px;
}
.footer .close a{
    display: block;
    background:url(../images/close.png) no-repeat 50% 0;
    width: 64px;
    height: 64px;
    text-indent: -999em;
}
.close a:hover{
    transform:rotate(360deg);
    transition: transform 1s;
}

.main-in{
    opacity:1;
}
.main-in .aside{
	 	top: -770px;
    left: 0px;
		-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.main-in .show{top: 0px;}

.main-in .rSide{
    right: 0;
}
.intro{
    position: absolute;
    width: 100%;
    left:0;
    bottom:0;
}
.intro img{
    width: 100%;
}

.popup{
    width: 100%;
    height: 100%;
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    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{
    border: 4px solid #e6ca92;
    background:#000;
}

.popup .close{
    width: 64px;
    background:url(../images/dots.png) no-repeat 50% -32px;
    margin:0 auto;
    padding-top: 36px;
    height: 66px;
}
.popup .close a{
    display: block;
    background:url(../images/close.png) no-repeat 50% 0;
    width: 64px;
    height: 64px;
    text-indent: -999em;
}

.framebbs .frame-con {width: 1000px;}
.framexcfl .frame-con {width: 1000px;}

.downimg { width:64px; height: 30px; background: #918464; color: #fff; text-align: center; font-size: 14px;line-height: 30px; position: absolute;right:0px;bottom:62px;}
.prevbtn,.nextbtn {position: absolute;width:31px;height: 59px;top:315px; background: url(../images/arrow.png) no-repeat;}
.prevbtn {left:-50px; background-position: 0 0;;}
.prevbtn a { display: block;width: 100%;height:100%;}
.nextbtn {right:-50px; background-position: right 0;}
.nextbtn a { display: block;width: 100%;height:100%;}

.indexnav{position:absolute;top: 9px;left:50%;margin-left: 132px;z-index: 202;}
.indexnav .icon_audio_bg{float:left;width: 477px;height: 45px;z-index: 100;}
.indexnav .gozl{position:absolute;top: 0px;left: 59px;width: 151px;height: 42px;z-index: 100;background: url(../images/index/index_top1.png) no-repeat;}
.indexnav .gozl:hover{background-position: 0 -0px;}
.icon__audio{position:absolute;left: 27px;top: 15px;z-index:999;display:block;width:22px;height:14px;overflow:hidden;-webkit-transform:translate(0,0,0);-moz-transform:translate(0,0,0);-ms-transform:translate(0,0,0);transform:translate(0,0,0);cursor:pointer;background: url(../images/top.png) no-repeat;display: none;}
.icon__audio.audio__play strong{-webkit-animation:audio 1s ease-in-out infinite;-moz-animation:audio 1s ease-in-out infinite;-ms-animation:audio 1s ease-in-out infinite;animation:audio 1s ease-in-out infinite}@-webkit-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@-moz-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@-ms-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@-o-keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}@keyframes audio{0%{height:4px}60%{height:17px}100%{height:4px}}.icon__audio.audio__play .icon__audio_1{height:10px;animation-delay:.4s}.icon__audio.audio__play .icon__audio_2{height:17px}.icon__audio.audio__play .icon__audio_3{height:5px;animation-delay:.8s}.icon__audio.audio__play .icon__audio_4{height:14px;animation-delay:.6s}.icon__audio.audio__play .icon__audio_5{height:10px;animation-delay:.2s}.icon__audio strong{display:block;float:left;width:2px;height:4px;background:#fff;position:absolute;bottom:0}.icon__audio_1{left:0}.icon__audio_2{left:5px}.icon__audio_3{left:10px}.icon__audio_4{left:15px}.icon__audio_5{left:20px}
.head_links{position:absolute;height: 42px;right: 20px;top: 0px;white-space:nowrap;line-height: 43px;color: #fff;width: 204px;padding: 0 15px;overflow: hidden;z-index:2;background: url(../images/index/index_top2.png) 0 0 no-repeat;}
	.userinfo{width:100%;text-align:center;font-size:12px;}
	.head_links img,.head_links div{float:right}
	.head_links a{color: #fff;}
	.head_links a:hover{color: #fff;}
	.head_links .userinfotdyy {color: #fff;}
	.head_links .userinfotdyy a{color: #fff;}
		

/**/
.zyhgtitleh1{position:absolute;top: 0px;left: 50%;margin-left: -640px;width:1280px;height:230px;}
.framelwj .lwjdiv{position: absolute;left: 50%;top: 187px;width: 1170px;margin-left:-585px;height: 600px;}
.lwjdivclose {position: absolute;left: 948px;top: 58px;display: block;width: 35px;height: 35px;background: url(../images/yuyue/close.png) -0px -0px no-repeat;z-index: 2;cursor: pointer;}
.framelwj .lwjdiv1{position: absolute;left: 0px;top: 0px;width: 1170px;height: 600px;background: url(../images/zyhg/hg_bg01.png) no-repeat;}
.framelwj .lwjdiv2{position: absolute;left: 0px;top: 0px;width: 1170px;height: 600px;background: url(../images/zyhg/hg_bg02.png) no-repeat;}
.framelwj .lwjn1{position: absolute;left: 1069px;top: 50px;width: 91px;height: 180px;background: url(../images/zyhg/zy_tit01.png) no-repeat;z-index: 20;}
.framelwj .lwjn2{position: absolute;left: 1069px;top: 230px;width: 91px;height: 180px;background: url(../images/zyhg/zy_tit01.png) 0 -178px no-repeat;z-index: 20;}
.framelwj .lwjdiv1 .lwjdiv1bd{position: absolute;left: 318px;top: 60px;width: 731px;height: 460px;background: url(../images/zyhg/zyhg_01.png) no-repeat;}
.framelwj .lwjdiv2 .lwjdiv1bd2{position: absolute;left: 318px;top: 60px;width: 701px;height: 274px;background: url(../images/zyhg/zyhg_02.png) no-repeat;}
.framelwj .lwjdiv2 .hd2links{position: absolute;left: 351px;top: 335px;width: 651px;height: 190px;background: url(../images/zyhg/zyhg_03.png) no-repeat;}
.tbd{position: absolute;top: 148px;left: 22px;}
.tbd3{position: absolute;top: 240px;left: 377px;}
.serverlisttitle{float:left;width: 100px;text-align:right;padding-right:16px;color: #28757d;font-weight: bold;font-size: 16px;}
.rolenamespan{color:#28757d;padding-left:10px;}
.serverlist{float:left;height:43px;line-height:43px;color: #333;font-size:16px;}
.serverlist select{height: 28px; line-height: 26px;width:176px;/*background:#3f0201;color:#fff;*/}
#gethdcodelwj{position:absolute;display:block;width: 292px;height: 64px;top: 142px;left: 380px;background: url('../images/yuyue/btn.png') 0 -259px no-repeat;cursor:pointer;}
#gethdcodelwj:hover{    background-position: 0 -323px;}

.hd2links a{position:absolute;display: block;width: 124px;height: 113px;margin:0 auto;background: url('./images/zyhg/zyhg_03.png') -281px -15px no-repeat;text-align: center;}
.hd2links a em{display: block;width: 101px;height: 86px;margin:0 auto;background: url('../images/zyhg/bx.png') -4px -26px no-repeat;}
.hd2links a .jl{position:absolute;top: -170px;left: -146px;display: block;width: 430px;height: 192px;margin:0 auto;display:none;}
.hd2links a:hover .jl{display:block;}
.hd2links a span{text-align: center;color: #28757d;font-weight: bold;font-size: 16px;}
.hd2links a:hover{background-position:-148px -15px;}
.hd2links a.finished em{background-position: -190px -17px;}
.hd2links a.finished:hover em{background-position:-190px -17px;}
.hd2links .n1{top: -14px;left: 133px;}
.hd2links .n1 .jl{background: url('../images/zyhg/bxjl_01.png') -0px -0px no-repeat;}
.hd2links .n2{top: -14px;left: 290px;}
.hd2links .n2 .jl{background: url('../images/zyhg/bxjl_02.png') -0px -0px no-repeat;}
.hd2links .n3{top: -14px;left: 444px;}
.hd2links .n3 .jl{background: url('../images/zyhg/bxjl_03.png') -0px -0px no-repeat;}
.hd2links .n4{top: 95px;left: 133px;}
.hd2links .n4 .jl{background: url('../images/zyhg/bxjl_04.png') -0px -0px no-repeat;}
.hd2links .n5{top: 95px;left: 290px;}
.hd2links .n5 .jl{background: url('../images/zyhg/bxjl_05.png') -0px -0px no-repeat;}
.hd2links .n6{top: 95px;left: 444px;}
.hd2links .n6 .jl{background: url('../images/zyhg/bxjl_06.png') -0px -0px no-repeat;}

/*bbs*/
.bbstitleh1{display: block;width: 775px;height: 70px;margin: 0 auto;}
.bbsnav{position: absolute;left: 299px;top: 171px;width: 608px;display:none;}
.bbsnav.on{ display:block;}
.bbsnav .swap-con{position: absolute;width: 584px;height: 670px;overflow: hidden;margin-left: 2px;margin-bottom: 29px;top: 0;}
.bbsnav .swap-con li{position: absolute;top: 0;left: 0;}
.bbsnav .swap-dot{position: relative;display: block;margin-left: 152px;margin-top: 57px;width: 280px;height: 40px;text-align: center;font-size: 0;z-index:2;padding: 4px 8px 3px 8px;/* border: 2px solid #3c8895; */border-radius: 40px;}
.bbsnavqq .swap-dot{margin-top: 91px;margin-left: 44px;width: 363px;/* display: none; */}
.bbsnavbbs .swap-dot{margin-top: 94px;margin-left: 40px;width: 363px;/* display: none; */}
.bbsnav .swap-dot-bg{position: absolute;top: 750px;left: -1px;display: block;margin-left: 118px;width: 898px;height: 111px;text-align: center;font-size: 0;background: url(../images/zl/bbsnav_2.png) 0 -219px no-repeat;z-index:0;}
.bbsnav .swap-dot li{float: left;display: block;width: 148px;height: 31px;cursor:pointer;margin-top: 10px;}
.bbsnavqq .swap-dot li{width: 181px;}
.bbsnavbbs .swap-dot li{width: 117px;}
.bbsnav .swap-dot li.n1{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_40.png); */}
.bbsnav .swap-dot li.n6{width: 115px;}
.bbsnav .swap-dot li a{display: block;width: 172px;height: 22px;line-height: 22px;text-align: center;font-size: 18px;text-indent: -9999px;}
.bbsnavqq .swap-dot li a{width: 172px;}
.bbsnavbbs .swap-dot li a{width: 109px;}
.bbsnav .swap-dot li.active a{/* background: #3c8895; *//* color: #fff; */}
.bbsnav .swap-dot .n1{}
.bbsnavqq .swap-dot .n2{}
.bbsnavbbs .swap-dot .n2{}
.bbsnav .swap-dot .n3{border-right: 1px solid #3c8895;}
.bbsnav .swap-dot .n1 a{border-bottom-left-radius: 40px;border-top-left-radius: 40px;}
.bbsnav .swap-dot .n1.active{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_39.png); */}
.bbsnav .swap-dot .n2{/* border-right: 1px solid #c2a060; *//* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_42.png); */}
.bbsnav .swap-dot .n2 a{border-bottom-right-radius: 40px;border-top-right-radius: 40px;}
.bbsnavqq .swap-dot .n2 a{border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.bbsnavqq .swap-dot .n4 a{border-bottom-right-radius: 40px;border-top-right-radius: 40px;}
.bbsnav .swap-dot .n2.active{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_41.png); */}

.bbsnav .swap-dot .nb1{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_30.png) no-repeat; */}

li.nb1.active {}
.bbsnav .swap-dot .nb1.active{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_29.png) no-repeat; */}
.bbsnav .swap-dot .nb2{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_32.png) no-repeat; */}
.bbsnav .swap-dot .nb2.active{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_31.png) no-repeat; */}
.bbsnav .swap-dot .nb3{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_34.png) no-repeat; */}
.bbsnav .swap-dot .nb3.active{/* background: url(/wly/zhuanti/2022/hd/images/bbs/xcsl_33.png) no-repeat; */}

.bbsnav .zmdiv{display:block;position: absolute;top: 115px;left: 75px;width: 805px;}
.bbsnav .zmdiv img{display:block;margin:0 auto;}
.bbsnav .gameintro{position:absolute;top: 384px;left: 14px;width: 748px;line-height: 34px;font-size: 14px;color: #ffecba;}
.bbsnav .gameintro2{left: -51px;width: 810px;top: 366px;}
.bbsnav .gameintro span{float:left;width: 35px;height: 35px;margin-bottom: 63px;background: url(../images/zl/icon.png) -15px -4px no-repeat;}
.bbsnav .gameintro em{color:#ffd76d;}
.bbsnav .tx{position:absolute;left: 77px;top: 43px;width: 253px;height: 50px;background: url(../images/zl/bbsnav_1.png) -23px -342px no-repeat;}
.bbsnav .tx2{background-position: -16px -345px;}
.bbsi1{position: absolute;top: 19px;left: 68px;width: 447px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsi2{position: absolute;top: 19px;left: 68px;width: 447px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsi5{position: absolute;top: 0px;left: 0px;width: 435px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsi6{position: absolute;top: 0px;left: 0px;width: 435px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsgz{position: absolute;top: 19px;left: 0px;width: 434px;padding: 0;color: #000;line-height: 24px;font-size: 20px;}
.bbsgz p{margin-bottom: 0px;line-height: 41px;}
.bbsgz p em{float:left;width: 112px;height: 38px;line-height: 41px;font-size: 20px;color: #fe5301;text-align:center;margin-right: 0px;font-weight: bold;}
.bbsgz1 p{line-height: 33px;}
.bbsgz1 p em{line-height: 33px;height:33px}
.bbsgz1 p .em2{height:62px;}
.bbsgz1 p .tips{color:red;}
.goimg{position: absolute;top: 323px;left: 151px;margin: 0 auto;display:block;width: 293px;height: 65px;cursor:pointer;background: url('../images/bbs/btn_xc.png') 0 0px no-repeat;}
.goimg:hover{background-position: 0 -65px;}
.goimg2{position: absolute;top: 319px;left: 151px;margin: 0 auto;display:block;width: 293px;height: 65px;cursor:pointer;background: url('../images/bbs/btn_xc.png') 0 0px no-repeat;}
.goimg2:hover{background-position: 0 -65px;}

.gon1{position: absolute;top: 211px;left: 0px;display:block;width: 426px;height: 100px;cursor:pointer;background: url('../images/bbs/icon001.png') 0 0px no-repeat;}
.gon2{position: absolute;top: 147px;left: 0px;display:block;width: 400px;height: 191px;cursor:pointer;background: url('../images/bbs/icon002.png') 0 0px no-repeat;}
.gon3{position: absolute;top: 150px;left: 98px;display:block;width: 190px;height: 191px;cursor:pointer;background: url('../images/bbs/icon003.png') 0 0px no-repeat;}

.gon4-1{position: absolute;top: 278px;left: 122px;display:block;width: 190px;height: 54px;cursor:pointer;background: url('../images/bbs/xcsl_35.png') 0 0px no-repeat;}
.gon4-1:hover{background: url('../images/bbs/xcsl_36.png') 0 0px no-repeat;}
.gon4-2{position: absolute;top: 348px;left: 120px;display:block;width: 191px;height: 55px;cursor:pointer;background: url('../images/bbs/xcsl_37.png') 0 0px no-repeat;}
.gon4-2:hover{background: url('../images/bbs/xcsl_38.png') 0 0px no-repeat;}
.gon4-3{position: absolute;top: 270px;left: 105px;display:block;width: 225px;height: 53px;cursor:pointer;background: url('../images/bbs/xcsl_19.png') 0 0px no-repeat;}
.gon4-3:hover{background: url('../images/bbs/xcsl_20.png') 0 0px no-repeat;}
.gon4-4{position: absolute;top: 331px;left: 105px;display:block;width: 225px;height: 53px;cursor:pointer;background: url('../images/bbs/xcsl_21.png') 0 0px no-repeat;}
.gon4-4:hover{background: url('../images/bbs/xcsl_22.png') 0 0px no-repeat;}
.gon4-5{position: absolute;top: 354px;left: 154px;display:block;width: 293px;height: 59px;cursor:pointer;background: url('../images/bbs/xcsl_23.png') 0 0px no-repeat;}
.gon4-5:hover{background: url('../images/bbs/xcsl_24.png') 0 0px no-repeat;}
.gon4-6{position: absolute;top: 424px;left: 154px;display:block;width: 293px;height: 59px;cursor:pointer;background: url('../images/bbs/xcsl_25.png') 0 0px no-repeat;}
.gon4-6:hover{background: url('../images/bbs/xcsl_26.png') 0 0px no-repeat;}
.gon4-7{position: absolute;top: 494px;left: 154px;display:block;width: 293px;height: 59px;cursor:pointer;background: url('../images/bbs/xcsl_27.png') 0 0px no-repeat;}
.gon4-7:hover{background: url('../images/bbs/xcsl_28.png') 0 0px no-repeat;}

.btips{position: absolute;width: 600px;top: 399px;left: 0px;color:red;}
.bbszx{position: absolute;top: 20px;left: 56px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/zx.png?ver=1') 0 0px no-repeat;}
.bbswx{position: absolute;top: 46px;left: 31px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/bg_nr0499.png?ver=2') 0 0px no-repeat;}
.bbszbzx{position: absolute;top: 20px;left: 56px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/zp01.png?ver=1') 0 0px no-repeat;}
.bbspf{position: absolute;top: 46px;left: 31px;display:block;width: 560px;height: 544px;cursor:pointer;background: url('../images/bbs/pf.png?ver=1') 0 0px no-repeat;}
 .framebbs .bbsdiv{position: relative;width: 920px;height: 887px;margin: 0 auto;background: url(../images/index/O1.png) no-repeat;margin-top:-56px;}
 .framebbs .quanbig{position: absolute;top: 50px;left: 177px;width: 675px;height: 675px;animation: rl 10s linear infinite;background: url(../images/bbs/bg_activity.png) no-repeat 50% 50%;}
 .framebbs .quan3{position: absolute;top: 207px;left: 242px;width: 275px;height: 275px;}
 .framebbs .quanrw1{background: url(../images/bbs/qian03.png) no-repeat 50% 50%;}
 .framebbs .quanrw2{background: url(../images/bbs/qian06.png) no-repeat 50% 50%;cursor:pointer;}
 .framebbs .quanrw3{background: url(../images/bbs/qian08.png) no-repeat 50% 50%;cursor:pointer;}
 .framebbs .quanrw4{background: url(../images/bbs/qian05.png) no-repeat 50% 50%;}
 .framebbs .quanrw5{background: url(../images/bbs/qian04.png) no-repeat 50% 50%;}
 .framebbs .quanrw6{background: url(../images/bbs/qian07.png) no-repeat 50% 50%;}
  
 .framebbs .bbsn{position: absolute;width: 94px;height: 92px;}
 .framebbs .bbsn1bg{position: absolute;left: 124px;top: 74px;width: 204px;height: 622px;background: url(../images/bbs/bg_nav2.png) no-repeat;}
 .framebbs .bbsbdbg{position: absolute;left: 274px;top: 203px;width: 33px;height: 14px;background: url(../images/bbs/icon_on.png) no-repeat;    transform: rotate(226deg);
    -webkit-transform: rotate(226deg);}
.framebbs  .icon-location2{
    top: 312px;
    left: 222px;
    transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
}
.framebbs  .icon-location3{
    top: 432px;
    left: 220px;
    transform: rotate(182deg);
    -webkit-transform: rotate(182deg);
}
.framebbs .icon-location4{
    top: 534px;
    left: 267px;
    transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
}

 .framebbs .bbsn1{left: 149px;top: 109px;background: url(../images/bbs/bg_nav1.png) -0px -0px no-repeat;}
 .framebbs .bbsn1.on, .framebbs .bbsn1:hover{background: url(../images/bbs/bg_nav1.png)  -93px 0 no-repeat;}
 .framebbs .bbsn2{left: 80px;top: 265px;background: url(../images/bbs/bg_nav1.png)  -0px -93px no-repeat;}
 .framebbs .bbsn2.on, .framebbs .bbsn2:hover{background: url(../images/bbs/bg_nav1.png)   -93px -93px  no-repeat;}
 .framebbs .bbsn3{left: 82px;top: 414px;background: url(../images/bbs/bg_nav1.png) -0px -185px no-repeat;}
 .framebbs .bbsn3.on, .framebbs .bbsn3:hover{background: url(../images/bbs/bg_nav1.png)  -93px -185px no-repeat;}
 .framebbs .bbsn4{left: 139px;top: 545px;background: url(../images/bbs/bg_nav1.png) -0px -278px no-repeat;}
 .framebbs .bbsn4.on, .framebbs .bbsn4:hover{background: url(../images/bbs/bg_nav1.png)  -93px -278px no-repeat;}


 .framebbs .bbsn .quan{ position: absolute;top: -10px;left: -7px;display: block;
    width: 121px;
    height: 111px;
    float: left;
    background: url('../images/bbs/bg_nav.png') no-repeat;
    background-position: 0 6px;
    }
 .framebbs .bbsn.on .quan{    background-position: 0 -120px;}
/**/
 .framexcfl .frame-bg .back{}
 .xcfltitleh1{position:absolute;top: 66px;left: 184px;width:665px;height:248px;}
 .framexcfl .xcfldiv{position: absolute;left: 159px;top: 382px;width: 800px;height: 700px;}
 .idlo{background: url(../images/xcfl/xnfl.png) no-repeat;}
 .idel_1{position: absolute;background-position: 0 -359px;width: 213px;height: 330px;top: 25px;left: -7px;}
 .idel_1:hover{background-position: 0 0;}
 .idel_2{position: absolute;background-position: -226px -359px;width: 213px;height: 300px;top: 25px;left: 253px;}
 .idel_2:hover{background-position: -226px 0;}
 .idel_3{position: absolute;background-position: -459px -359px;width: 213px;height: 300px;top: 25px;left: 529px;}
 .idel_3:hover{background-position: -459px 0;}
 
 .sximg{display:none;}
 .goby{position:absolute;width:158px;height:43px;left: 43px;top: 139px;background: url(../images/index/cjdx_17.png) no-repeat;cursor:pointer;}
 .goby.on, .goby:hover{background: url(../images/index/cjdx_16.png) no-repeat;}
 .gosx{position:absolute;width:158px;height:43px;left: 223px;top: 0139px;background: url(../images/index/cjdx_15.png) no-repeat;cursor:pointer;}
 .gosx.on, .gosx:hover{background: url(../images/index/cjdx_14.png) no-repeat;}
 
 
.u-logo{margin-left:132px;margin-bottom:50px;display: none;}
.m-nav{position:fixed;left: 50%;margin-left: 488px;top:0;padding-top: 108px;z-index: 99;display:none;}
.m-nav.show{display:block;}
.m-nav .num{width:117px;height:52px;margin-left:167px}
.m-nav .num-1{background:url('../images/index/01.png') no-repeat}
.m-nav .num-2{background:url('../images/index/02.png') no-repeat}
.m-nav .num-3{}
.m-nav .num-4{background:url('../images/index/04.png') no-repeat}
.m-nav ul li{width:308px;/* height:50px; */position:relative;margin-top: 8px;}
.m-nav ul li.active{/* border-bottom:1px solid #b2b2b2; */}
.m-nav ul li .bd{display:none;}
.m-nav ul li.active .bd{width: 187px;/* height: 123px; */padding-left: 82px;    display: block;}
.m-nav ul li.active .qfbd{position: absolute;left: -127px;top: -5px;width: 124px;height: 74px;background: url(../images/index/nav01.png) no-repeat;padding-left: 0;}
.m-nav ul li.active .qfbd a{left:0;display: block;height: 36px;width: 105px;position: absolute;}
.m-nav ul li.active .qfbd .qfbd2{top: 36px;}
.m-nav ul li.active .qfbd a:hover{background: url(../images/index/nav01.png) 0 -74px no-repeat;}
.m-nav ul li.active .qfbd .qfbd1:hover{background: url(../images/index/nav01.png) 0 -73px no-repeat;}
.m-nav ul li.active .qfbd .qfbd2:hover{background: url(../images/index/nav01.png) 0 -110px no-repeat;}
.m-nav ul a{width: 236px;display:block;/* position:absolute; */height: 62px;/* left: 9px; *//* bottom:14px; */}
.m-nav ul a span{display:block;height: 63px;width: 235px;position:absolute;}
.m-nav .txt{background: url(../images/index/ny_nav1.png?ver=1) no-repeat;}
.m-nav .txt-1{background-position: -0px -0px;}
.m-nav .txt-1:hover{background-position: -249px -0px;}
.m-nav .bt-1{}
.m-nav .txt-2{background-position: 0px -172px;}
.m-nav .txt-2:hover{background-position: -100px -0px;}
.m-nav .bt-2{}
.m-nav .txt-3{background-position: 0px -256px;}
.m-nav .bt-3{}
.m-nav .txt-4{background-position: 0px -342px;}
.m-nav .bt-4{}
.m-nav .txt-11{background-position: 0px -85px;}
.m-nav .bt-11{background:url(../images/index/nav_3.png) no-repeat right bottom}
.m-nav .bt{display:none}
.m-nav ul a:hover .txt,.m-nav ul a.active .txt{/* display:none; *//* background-position: 0px 0px; */}
.m-nav ul a:hover .txt-1,.m-nav ul a.active .txt-1{background-position: -250px -0px;}
.m-nav ul a:hover .txt-11,.m-nav ul a.active .txt-11{background-position: -250px -85px;}
.m-nav ul a:hover .txt-2,.m-nav ul a.active .txt-2{background-position: -250px -172px;}
.m-nav ul a:hover .txt-3,.m-nav ul a.active .txt-3{background-position: -250px -256px;}
.m-nav ul a:hover .txt-4,.m-nav ul a.active .txt-4{background-position: -250px -342px;}
.m-nav ul a:hover .bt,.m-nav ul a.active .bt{display:block}


.qfnav{position:relative;height: 150px;}
.qfnavnav{padding-top: 10px;}
.qfnav .swap-con{position: relative;width: 1000px;height: 745px;overflow: hidden;margin: 0 auto;margin-left: 107px;}
.qfnav .swap-con li{position: absolute;top: 0;left: 0;}
.qfnav .swap-dot li{float: left;display: block;width: 154px;height: 39px;cursor:pointer;margin-bottom: 0px;background: url(../images/index/ny_nav2.png?ver=1) no-repeat;margin-top: 0;}
.qfnav .swap-dot{/* position: absolute; */display: block;/* left: 903px; *//* top: 106px; */width: 280px;text-align: center;font-size: 0;z-index:2;}
.qfnav .swap-dot .n1{background-position: 0 -163px;}
.qfnav .swap-dot .n2{background-position: 0 -201px;}
.qfnav .swap-dot .n3{background-position: 0 -241px;}
.qfnav .swap-dot .n4{background-position: 0 -283px;}
.qfnav .swap-dot .n1.active,.qfnav .swap-dot .n1:hover{background-position: -170px -163px;}
.qfnav .swap-dot .n2.active,.qfnav .swap-dot .n2:hover{background-position: -170px -201px;}
.qfnav .swap-dot .n3.active,.qfnav .swap-dot .n3:hover{background-position: -170px -241px;}
.qfnav .swap-dot .n4.active,.qfnav .swap-dot .n4:hover{background-position: -170px -283px;}

.qfnav .imga1{position:absolute;width:174px;height:190px;left: 535px;top: 103px;}


.lwjnav{position:relative;height: 153px;}
.lwjnavnav{padding-top: 10px;}
.lwjnav .swap-con{position: relative;width: 1000px;height: 796px;overflow: hidden;margin: 0 auto;margin-left: 97px;}
.lwjnav .swap-con li{position: absolute;top: 0;left: 0;}
.lwjnav .swap-dot li{float: left;display: block;width: 154px;height: 39px;cursor:pointer;margin-bottom: 0px;background: url(../images/index/ny_nav2.png) no-repeat;margin-top: 0;}
.lwjnav .swap-dot{/* position: absolute; */display: block;/* left: 903px; *//* top: 106px; */width: 280px;text-align: center;font-size: 0;z-index:2;}
.lwjnav .swap-dot .n1{background-position: 0 -0px;}
.lwjnav .swap-dot .n2{background-position: 0 -41px;}
.lwjnav .swap-dot .n3{background-position: 0 -80px;}
.lwjnav .swap-dot .n4{background-position: 0 -121px;}
.lwjnav .swap-dot .n1.active,.lwjnav .swap-dot .n1:hover{background-position: -170px -0px;}
.lwjnav .swap-dot .n2.active,.lwjnav .swap-dot .n2:hover{background-position: -170px -41px;}
.lwjnav .swap-dot .n3.active,.lwjnav .swap-dot .n3:hover{background-position: -170px -80px;}
.lwjnav .swap-dot .n4.active,.lwjnav .swap-dot .n4:hover{background-position: -170px -121px;}

.lwjnav .imga1{position:absolute;width: 174px;height: 190px;left: 589px;top: 63px;}
.imga2{padding:44px 0 0 85px;}
.yuyueimg{padding-left: 88px;padding-top: 47px;}
.goyuyue {position: absolute;left: 83px;top: 52px;display: block;width: 290px;height: 488px;z-index: 2;cursor: pointer;}
.gotdyy{position: absolute;left: 397px;top: 52px;display: block;width: 290px;height: 488px;z-index: 2;cursor: pointer;}


.bbssnav{position:relative;height: 150px;}
.bbssnavnav{padding-top: 10px;}
.bbssnav .swap-con{position: relative;width: 1000px;height: 796px;overflow: hidden;margin: 0 auto;margin-left: 97px;}
.bbssnav .swap-con li{position: absolute;top: 0;left: 0;}
.bbssnav .swap-dot li{float: left;display: block;width: 154px;height: 39px;cursor:pointer;margin-bottom: 0px;background: url(../images/index/ny_nav2.png) no-repeat;margin-top: 0;}
.bbssnav .swap-dot{/* position: absolute; */display: block;/* left: 903px; *//* top: 106px; */width: 280px;text-align: center;font-size: 0;z-index:2;}
.bbssnav .swap-dot .n1{background-position: 0 -323px;}
.bbssnav .swap-dot .n2{background-position: 0 -362px;}
.bbssnav .swap-dot .n3{background-position: 0 -403px;}
.bbssnav .swap-dot .n4{background-position: 0 -444px;}
.bbssnav .swap-dot .n1.active,.bbssnav .swap-dot .n1:hover{background-position: -170px -323px;}
.bbssnav .swap-dot .n2.active,.bbssnav .swap-dot .n2:hover{background-position: -170px -362px;}
.bbssnav .swap-dot .n3.active,.bbssnav .swap-dot .n3:hover{background-position: -170px -403px;}
.bbssnav .swap-dot .n4.active,.bbssnav .swap-dot .n4:hover{background-position: -170px -444px;}

.scaleIn{position: absolute;left: 50%;top: 161px;margin-left: -627px;width: 789px;height: 301px;-webkit-animation: bounceIn 3s .2s ease both;animation: bounceIn 3s .2s ease both;}

.slogan img{
	animation: scale 1.5s ease-in-out 0s infinite alternate-reverse both;
}
@-webkit-keyframes scaleIn{
	from{opacity: 0;-webkit-transform: scale(.5);transform: scale(.5)}
	to{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes scaleIn{
	from{opacity: 0;-webkit-transform: scale(.5);transform: scale(.5)}
	to{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
}
@-webkit-keyframes scale{
	0%{-webkit-transform: scale(0.98);transform: scale(0.98)}
	100%{-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes scale{
	0%{-webkit-transform: scale(0.98);transform: scale(0.98)}
	100%{-webkit-transform: scale(1);transform: scale(1)}
}
.wljbdp{display: block;width: 795px;height: 650px;}
.wljbdie{overflow-y: scroll;overflow-x: hidden;}
.scrollbd{position:relative;}
.godown{background: url(../images/bbs/guide.png) no-repeat;
    display: block;
    height: 57px;
    width: 83px;
    position: absolute;
left: 317px;top: 650px;}

.gryyt4{position:absolute;top: 617px;left: 133px;width: 539px;height: 65px;}
.yuyue {padding-top: 0px;margin: 0 auto;display: block;width: 290px;height: 65px;cursor: pointer;background: url('/wly/zhuanti/11zn/hd/images/yuyue/btn01.png') 0 -0px no-repeat;}
.yuyue:hover {background-position: 0 -60px;}

	.getlb{padding-top: 0px;margin: 0 auto;display:block;width:310px;height: 57px;cursor:pointer;display:none;background: url('/wly/zhuanti/11zn/hd/images/yuyue/btn01.png') 0 -126px no-repeat;}
	.getlb:hover{background-position: 0 -188px;}
	
	#num{height: 30px;line-height: 30px;font-size: 17px;font-weight: bold;width: 300px;color: #5e5c5d;/* padding-top: 410px; */margin-top: 0px;margin-left: 85px;text-align: center;display:none;}
	#num p{color: #5e5c5d;}
		#num span{color: #ff5301;font-weight: bold;}
		
.win{position:fixed;width:400px;height:300px;top:300px;left:50%;margin-left:-200px;background:#ffffff;border-radius:5px;z-index:9999;display:none}
	.win .close {position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;z-index: 2;cursor: pointer;}
	.win .title{position:relative;height:80px;line-height:80px;font-size:14px;color:#000000}
	.win .title .close{position:absolute;display:block;top:5px;right:5px;width:20px;height:20px;line-height:20px;font-size:16px;cursor:pointer;text-align:center;color:#000000}
	.win .notic{line-height:26px;margin:80px auto;font-size:14px;color:#000000;width:80%;text-align:left;}
	.win .addnotic{margin:60px auto 40px auto;}
	.win .prizelist{width:73%;color:#000000;text-align:left;margin:0px auto;line-height:24px;    margin-bottom: 6px;}
	.win .ok{display:block;width:100px;height:35px;line-height:35px;background:#409CF3;text-align:center;color:#ffffff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px auto;}
	#choseprize .title{height: 50px; line-height: 50px;}
	#choseprize .title .close{top:-5px;}
	.win .normal .item{width: 100%;height:35px;line-height:30px;margin:0px auto;color:#000000;}
	.win .normal .item input{width:220px;height:25px;line-height:25px;border:1px solid #ACC0DB;text-indent:5px;}
	#confirm .ok{float: left;display:block;width:100px;height:35px;line-height:35px;background:#409CF3;text-align:center;color:#ffffff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px auto;margin-left:70px;}
	#confirm .false{float: left;display:block;width:100px;height:35px;line-height:35px;background:#409CF3;text-align:center;color:#ffffff;font-size:14px;border-radius:3px;cursor:pointer;margin:10px auto;margin-left:50px;}




.event_box{ position:absolute; width: 675px; height:570px; left: 54px; top: 22px;}
.event_box a{ position:absolute; width:300px; height:567px; top:3px;transform-origin:150px 0;-webkit-transform-origin:150px 0;-ms-transform-origin:150px 0;}
.event_box a.event1{ left: 0px;}
.event_box a.event2{ left: 366px;}
.event_box a.event3{ left:600px;}
.event_box a.event4{ left:900px;}
.event_box a img{ display:block; width:100%;}
.event_box a span{ position:absolute; width:134px; height:49px; left:50%; margin-left:-67px; bottom:48px; background: url(/wly/zhuanti/11zn/hd/images/yuyue/gr_icon.png);}
.event_box .event2 span{background: url(/wly/zhuanti/11zn/hd/images/yuyue/td_icon.png);}
/* .event_box a.event2 span{ background:url(https://xxa.wanmei.com/images/cover1912/link_xq4.png)} */
.event_box a:hover span{ background-position:0 -49px;}
.event_box a:hover{animation:key_huang 0.5s linear;-webkit-animation:key_huang 0.5s linear;-ms-animation:key_huang 0.5s linear ;}
@keyframes key_huang{
	0%{ transform:rotate(0deg)}
	25%{ transform:rotate(2deg)}
	50%{ transform:rotate(0deg)}
	75%{transform:rotate(-2deg)}
	100%{ transform:rotate(0deg)}
}

.yyyl2close {position: absolute;left: 681px;top: 8px;display: block;width: 51px;height: 51px;background: url(/wly/zhuanti/11zn/hd/images/yuyue/close.png) -0px -0px no-repeat;z-index: 2;cursor: pointer;}

.yyyl2close:hover{/*background-position: 0px -57px;*/transform: rotate(360deg);transition: transform 1s;}

.quanbig1{position: absolute;top: 259px;left: 94px;width: 530px;height: 530px;animation: rl 10s linear infinite;background: url(../images/tz/qian01.png) no-repeat 50% 50%;}
.quanbig2{position: absolute;top: 259px;left: 94px;width: 530px;height: 530px;animation: rl 10s linear infinite;background: url(../images/tz/qian02.png) no-repeat 50% 50%;}

/*Ö÷¹«¿¨*/
.paybtnimg {display: block;width: 100%;}
.paybtnimgbg {position: absolute;width: 430px;height: 316px;top: 73px;left: -3px;display: block;z-index: 1;background: url('//www.lequ.com/wly/zhuanti/11zn/hd/images/tz/bzbx.png');background-position: 0 -115px;background-size: 400px 400px;}
.paydiv{position:absolute;top: 368px;left: 167px;}
.paydiv .qfdesc{float:left;width: 100px;height: 35px;line-height: 35px;color: #32676b;text-align: right;padding-right: 0.2rem;font-size: 18px;/* font-weight: bold; */}
.paydiv .rolenamespan {float: left;width: 200px;height: 35px;line-height: 35px;padding-left: 0rem;color: #32676b;font-size: 20px;cursor: pointer;border-left: none;text-align: left;padding-left: 0rem;/* font-weight: bold; */}
.paydiv .gopaybtn{position:absolute;top: 308px;width: 326px;height: 53px;text-indent: -9999px;left: 26px;z-index:2;background: url('//www.lequ.com/wly/zhuanti/11zn/hd/images/tz/btn.png');}
.paydiv .gopaybtn:hover{
    background-position: 0 -54px;
}
.paydiv .gopaybtn.buyed{display:none;}
.paydiv select{float: left;width: 239px;height: 35px;padding-left: 10px;background: #32676b;color: #fff;cursor:pointer;border: 1px solid #32676b;}
.paydiv.payserverdl .payserver  {margin-bottom:0.2rem;    height: 0.5rem;margin-left: 0.8rem;}
.paydiv.payserverdl .gopaybtn {top: 1.5rem;}
.paydiv.payserverdl .rolenamespan {  width: 100px;}
.paydiv .c1{position: absolute;FONT-VARIANT: JIS83;width: 326px;height: 52px;left: 26px;top: 308px;text-indent: -9999px;background: url(//www.lequ.com/wly/zhuanti/11zn/hd/images/tz/btn.png);;}
.paydiv .c1:hover {background-position: 0 -54px;}
.paydiv .c1 .paybtnimgs2,.paydiv .s6{display:none;}
.paydiv .c1.geted .paybtnimgs1,.paydiv .c1.geted .s5{display:none}
.paydiv .c1.geted .paybtnimgs2,.paydiv .c1.geted .s6{display:block}
.paydiv .c1.buyed:hover{}
.paydiv .c1.geted .s4{color:#fff;}
.paybtnimg {display: none;width: 100%;}
	.jpjgbd{position:absolute;top: 0;left: 0%;width: 100%;height: 51px;line-height: 52px;}
	.jpjgbd span{float:left;font-size: 21px;text-align: right;font-weight:bold;}
	.jpjgbd .s1{width: 34%;padding-right: 5%;color: #fff;}
	.jpjgbd .s2{position: absolute;left: 125px;top: 4px;width: 62px;padding-right: 0%;color: #fff;line-height: 26px;text-decoration: line-through;font-size: 18px;text-align: left;text-indent: 0;}
	.jpjgbd .s22{position: absolute;left: 126px;top: 25px;width: 56px;padding-right: 0%;color: #ebe611;font-size: 18px;line-height: 25px;text-align: left;text-indent: 0;}
	.jpjgbd .s3{}
	.jpjgbd .s3{position: absolute;left: 186px;top: -2px;width: 28%;color: #ffff;font-size: 18px;}
	.jpjgbd .s4{width: 13%;padding-left: 18%;color: #fff;font-size: 17px;}
	.jpjgbd .s5{width: 28%;padding-left: 22%;color: #fff;font-size: 18px;}
	.jpjgbd .s5 em{color:#ebe611;}
	.jpjgbd .s6{width: 20%;padding-left: 20%;color: #fff;font-size: 20px;}
	
	
	.userInfo_panel{ position:absolute;left:50%;top: 484px;margin-left: -399px;width: 699px;height: 53px;color: #3c3c3c;z-index: 30;font-size: 16px;background: url(http://www.lequ.com/wly/zhuanti/11zn/hd/images/lgxs/ffq_bg.png) no-repeat;;background-size: 100% 100%;}
	.userInfo_panel a{color: #3c3c3c;}
	.lgxsdj{position:absolute;top: 264px;left: 40px;display:block;width: 681px;height: 217px;background: url('http://www.lequ.com/wly/zhuanti/11zn/hd/images/lgxs/dj_icon.png?ver=1') no-repeat;z-index:3;}
    .lgxsdjlevel{position:absolute;top: 0px;left: -39px;display:block;width: 105px;height: 205px;background: url('http://www.lequ.com/wly/zhuanti/11zn/hd/images/lgxs/dj_icon.png?ver=1') no-repeat;z-index:3;color: #32676b;display: none;}
    .textbg{position:absolute;top: 106px;left: -42px;display:block;width: 198px;height: 105px;background: url('http://www.lequ.com/wly/zhuanti/11zn/hd/images/lgxs/reward_bg.png') no-repeat;background-size:100% 100%;z-index:3;color: #32676b;display:none;}
    .lgxsdjlevel .gq{position:absolute;top: 27px;left: -1px;display:block;width: 108px;height: 108px;background: url('http://www.lequ.com/wly/zhuanti/11zn/hd/images/lgxs/gq.png') no-repeat;background-size:100% 100%;z-index: 0;color: #32676b;animation: rl 10s linear infinite;}
    .lgxsdjlevel .text{padding: 26px 18px 0 21px;font-size: 15px;position: relative;z-index: 2;}
    .ple60 .lgxsdjlevel60{position:relative;display:block;left: 567px;background-position: -567px -213px;}
    .ple50 .lgxsdjlevel50{position:relative;display:block;left: 452px;background-position: -454px -213px;}
    .ple40 .lgxsdjlevel40{position:relative;display:block;left: 342px;background-position: -342px -213px;}
    .ple30 .lgxsdjlevel30{position:relative;display:block;left: 229px;background-position: -229px -213px;}
    .ple20 .lgxsdjlevel20{position:relative;display:block;left: 117px;background-position: -117px -213px;}
    .ple10 .lgxsdjlevel10{position:relative;display:block;left: 2px;background-position: -2px -213px;}
	.btn.showlog{position:absolute;top: 548px;left: 226px;display:block;width: 228px;height: 65px;background: url('http://www.lequ.com/wly/zhuanti/11zn/hd/images/lgxs/share.png') no-repeat;background-position: 0 0;z-index:3;}
	.btn.showlog:hover{background-position: 0 -65px;}
	.userInfo_panel .userinfolgxs{display:block;height: 52px;line-height: 52px;color: #32676b;padding-left: 57px;}
	.userInfo_panel .userinfolgxs a {color: #32676b;}
	.userInfo_panel .userinfolgxs .sxrole {position: relative;}
	.userInfo_panel .userinfolgxs .sxrole em{position: absolute;top: -2px;display:inline-block;width: 67px;height: 28px;background: url('/wly/zhuanti/11zn/hd/images/lgxs/sx.png') no-repeat;vertical-align: baseline;}
		.userInfo_panel .userinfolgxs .sxrole em:hover{background-position: 0 -28px;;}
   .userInfo_panel .userinfolgxs i{font-style:normal}
	.xsdj{width: 103px;float: left;padding-top: 5px;    line-height: 44px;}
	.imgxz{width: 60px;float: left;padding-top: 5px;}
	
.prizediv{position:relative;height:200px;overflow: hidden;overflow-y: scroll;overflow-x: hidden;width: 100%;z-index: 333;}
.prizelog{position:relative;width:90%;padding:0 5%;}
.prizelog .sp1{float:left;width:45%;text-align:left;}
.prizelog .sp2{float:left;width:55%;text-align:left;}

/*iwan-alert*/
.iwan-alert{background-color:#fff;font-family:Microsoft Yahei;border-radius:8px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-150px;margin-top:-85px;/*overflow:hidden;*/z-index:2000;/*visibility:hidden*/}
.iwan-alert .iwan-alert-toptitle{position:relative}
.iwan-alert .iwan-alert-toptitle:after{content:"";display:block;position:absolute;left:-40%;width:180%;height:1px;bottom:0;background:#d3d3d3;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5)}
.iwan-alert .iwan-alert-toptitle{height:55px;line-height:55px;color:#484e58;font-size:17px}
.iwan-alert .iwan-alert-topcontrol{min-height:70px;width:300px;position:relative;margin:0 auto;}
.iwan-alert .iwan-alert-topcontrol1{min-height:70px;width:5.0rem;position:relative;margin:0 auto;}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content{font-size:16px;color:#141414;line-height:30px;padding:20px 0;}
.iwan-alert .iwan-alert-topcontrol .texttip{font-size:16px}
.iwan-alert .iwan-alert-topcontrol .cdkey-box{width:85%;margin:0 auto;text-align:left}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .selectrole{line-height:13px;margin-bottom:10px;padding-top:10px}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .selectrole span{font-size:13px;color:#a8a5a0}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .selectrole a{font-size:13px;color:#ff8201;float:right}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .rolehistoryWrap{padding-left:8px;border-radius:4px;background-color:#eee;border:1px solid #dce1e3}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .rolehistory{height:37px;line-height:37px;overflow:hidden;position:relative}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .rolehistory span{font-size:13px;color:#222;padding-left:8px}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content input[type=radio]{border:0;height:14px;width:14px;vertical-align:middle}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content input[type=radio]:after{content:"";width:15px;height:15px;display:block;border-radius:50%;border:3px solid #fff;background:#fff;box-sizing:border-box;margin-top:-1px;margin-left:-1px}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content input[type=radio]:checked:after{content:"";width:15px;height:15px;background-color:#ffaf3e}
.iwan-alert .iwan-alert-topcontrol img{background-size:330px 330px;width:330px;height:330px;position:absolute;top:0;left:0}
.iwan-alert .iwan-alert-topcontrol .gift-tip{position:relative}
.iwan-alert .iwan-alert-topcontrol .gift-tip-hd{font-size:14px;color:#222}
.iwan-alert .iwan-alert-topcontrol .gift-tip-cdk{font-size:14px;color:#ff8a00}
.iwan-alert .iwan-alert-topcontrol .gift-tip-cdk input{font-size:14px;color:#ff8a00;background:none;border:none;outline:none;-webkit-user-select:initial;width:100%;text-align:center}
.iwan-alert .iwan-alert-topcontrol .gift-tip-bd{font-size:14px;color:#979797;line-height:16px;padding-top:10px}
.iwan-alert .iwan-alert-topcontrol:after{content:"";display:block;position:absolute;left:-40%;width:180%;height:1px;bottom:0;background:#d3d3d3;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);overflow:hidden}
.iwan-alert .iwan-alert-ft{height:50px;position:relative;line-height:50px}
.iwan-alert .iwan-alert-btn{float:left;height:50px;width:50%;font-size:15px;color:#484e58;text-align:center;position:relative}
.iwan-alert .iwan-alert-btn:active{background-color:#0079fe;color:#fff}
.iwan-alert .iwan-alert-btn:after{content:"";display:block;height:100%;width:1px;background:#d3d3d3;position:absolute;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);right:0;top:0;overflow:hidden}
.iwan-alert .blue{color:#0079fe}
.iwan-alert .orange{color:#ffaf3e}

.cdkey-box .logincontrol{margin-bottom:10px;line-height:14px}
.cdkey-box .loginname{color:#222;font-size:14px}
.cdkey-box .roleSelect{padding-top:1px}
.cdkey-box .btn-select{position:relative;height:38px;border-radius:5px;text-align:center;margin-top:16px;border:1px solid #dce1e3;background-color:#f2f2f2;margin-top:10px;background:#f2f2f2 url('/wly/zhuanti/11zn/hd/images/lgxs/giftarrow.png') no-repeat 50%;background-size:17px 17px;background-position-x:95%}
.cdkey-box .btn-select-blue{border-color:#dce1e3}
.cdkey-box .btn-select-red{border-color:#fc4226}
.cdkey-box .btn-select-blue:active{border-color:#c1c5cc}
.cdkey-box .btn-select-no{background-image:none;}
.cdkey-box .btn-select em{position:absolute;top:0;left:0;display:block;width:100%;height:100%;line-height:38px;color:#ff8a00;font-size:13px;font-style:normal;padding-left:15px;text-align:left;overflow:hidden}
.cdkey-box .btn-select-red em{color:#fc4226}
.cdkey-box select{display:block;width:100%;height:40px;opacity:0;padding:0;font-size:16px}


.quanbig1{position: absolute;top: 259px;left: 94px;width: 530px;height: 530px;animation: rl 10s linear infinite;background: url(../images/tz/qian01.png) no-repeat 50% 50%;}
.quanbig2{position: absolute;top: 259px;left: 94px;width: 530px;height: 530px;animation: rl 10s linear infinite;background: url(../images/tz/qian02.png) no-repeat 50% 50%;}