@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
img{border:none;vertical-align:middle;}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif}
a.btn{display:block;outline:0}

.game-order-shadow{position:fixed;width:100%;height:100%;background-color:#000;opacity:.7;filter:opacity(70);display:none}
.game-order-ctn{position:fixed;left:50%;top:50%;margin:-280px 0 0 -510px;display:none}
.game-order-ctn .product{width:300px;height:560px;float:left;background-color:#00f}
.game-order-ctn .close-btn{display:block;width:30px;height:30px;position:absolute;top:22px;right:-45px;text-decoration:none;background:url(../img/close.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.game-order-ctn .close-btn:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.game-order-ctn .ctn-container{width:720px;height:538px;float:left;position:relative;top:22px;background-color:#fff}
.game-order-ctn .info-ctn{height:360px}
.game-order-ctn .info-ctn ul{list-style:none;padding:0;margin:0}
.game-order-ctn .info-ctn li{display:block;float:left;width:400px;height:42px;position:relative;margin-bottom:25px}
.game-order-ctn .info-ctn li.border{width:398px;height:40px;margin-bottom:10px;border:1px solid #c9c9c9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.game-order-ctn .info-ctn li.iefix{z-index:2}
.game-order-ctn .info-ctn li.focus{border-color:#909294}
.game-order-ctn .info-ctn li.error{border-color:#cc0e31}
.game-order-ctn .info-ctn li label{color:#aaa}
.game-order-ctn .info-ctn .right-tip{position:absolute;display:none;left:410px;top:10px;width:22px;height:22px;background:url(../img/right.png) no-repeat}
.game-order-ctn .info-ctn .error-tip{position:absolute;display:block;font-size:12px;color:#cf0f32;left:410px;top:10px;width:150px;height:20px;line-height:20px;text-indent:24px}
.game-order-ctn .info-ctn .error-tip b{display:block;position:absolute;left:0;top:0;width:20px;height:20px;line-height:18px;text-align:center;background-color:#cf0f32;color:#fff;font-size:20px;text-indent:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.game-order-ctn .info-ctn .os-btn{float:left;display:block;width:199px;height:40px;line-height:40px;text-align:center;font-size:18px;text-decoration:none;background:0 0;color:#333;border:0;border-bottom:3px solid #ddd}
.game-order-ctn .info-ctn .os-btn.left{-webkit-border-top-left-radius:3px;-moz-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border-right:0}
.game-order-ctn .info-ctn .os-btn.right{-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border-left:0}
.game-order-ctn .info-ctn .os-btn.select{color:#a89360;border-bottom:3px solid #a89360}
.game-order-ctn .info-ctn .input{display:block;float:left;width:279px;height:40px;line-height:40px;border:0;text-indent:15px;color:#272b2e;font-size:14px;padding:0;outline:0}
.game-order-ctn .info-ctn .input.long{width:100%}
.game-order-ctn .info-ctn .area-btn{display:block;float:left;position:relative;text-decoration:none;width:118px;height:40px;line-height:40px;background-color:#fafafa;border-left:1px solid #c9c9c9}
.game-order-ctn .info-ctn .area-btn:hover{background-color:#e4e5e5}
.game-order-ctn .info-ctn .area-btn.disabled{background-color:#fafafa;color:#929495}
.game-order-ctn .info-ctn .area-btn span{height:40px;display:block;float:left;width:98px;text-align:center;line-height:40px;font-size:14px;color:#272b2e}
.game-order-ctn .info-ctn .area-btn b.triangle-up{width:0;height:0;position:absolute;top:14px;right:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #858889}
.game-order-ctn .info-ctn .area-btn b.triangle-down{width:0;height:0;position:absolute;top:22px;right:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #858889}
.game-order-ctn .info-ctn .sms-btn{display:block;float:left;position:relative;width:118px;height:40px;line-height:40px;background:#a89360;border-left:1px solid #c9c9c9;font-size:14px;color:#fff;text-align:center;text-decoration:none}
.game-order-ctn .info-ctn .sms-btn:hover{background:#a89360}
.game-order-ctn .info-ctn .sms-btn.disabled{background:#aaa}
.game-order-ctn .info-ctn .img-code{display:block;position:absolute;width:119px;height:40px;background-color:#000;right:0;top:0;cursor:pointer}
.game-order-ctn .info-ctn .confirm-btn{display:block;float:left;width:400px;height:56px;line-height:56px;margin-top:28px;text-align:center;font-size:18px;color:#fff;text-decoration:none;background-color:#a89360;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.game-order-ctn .info-ctn .confirm-btn.disabled{background:#aaa;color:#fff;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;box-shadow:0 0 0}
.game-order-ctn .info-ctn .confirm-btn.disabled:hover{background-color:#aaa}
.game-order-ctn .info-ctn .area-ctn{position:absolute;width:228px;height:257px;border:1px solid #c9c9c9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;z-index:2;right:-1px;top:48px;display:none}
.game-order-ctn .info-ctn .area-ctn .corn-border{width:0;height:0;position:absolute;top:-6px;right:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #c9c9c9}
.game-order-ctn .info-ctn .area-ctn .corn-white{width:0;height:0;position:absolute;top:-5px;right:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #fff}
.game-order-ctn .info-ctn .area-ctn ul{list-style:none;padding:0;margin:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar{width:6px;height:6px}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar-button{background-color:transparent;height:0}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar-track{background:#939596}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar-track-piece{background:#fff}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar-thumb{background:#939596;border-radius:5px}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar-corner{background:#b0e0ff}
.game-order-ctn .info-ctn .area-ctn ul::-webkit-scrollbar-resizer{background:#939596}
.game-order-ctn .info-ctn .area-ctn li{display:block;float:left;width:201px;height:43px;margin:0 0 0 1px;padding:0 13px;cursor:pointer}
.game-order-ctn .info-ctn .area-ctn li .area-name{display:block;float:left;width:144px;height:43px;line-height:43px;text-align:left;border-bottom:1px solid #e6e6e6;text-indent:3px;font-size:14px;color:#aaabab}
.game-order-ctn .info-ctn .area-ctn li .area-code{display:block;float:left;width:51px;height:43px;line-height:43px;text-align:right;border-bottom:1px solid #e6e6e6;font-size:14px;color:#aaabab}
.game-order-ctn .info-ctn .area-ctn li:hover{background-color:#f5f5f5}
.game-order-ctn .info-ctn .area-ctn li:hover .area-name,.game-order-ctn .info-ctn .area-ctn li:hover .area-code{color:#272b2e}
.game-order-ctn .info-ctn .area-ctn li.select{border-left:4px solid #ff123d;padding-left:9px;width:201px}

.loading-cover{position:fixed;z-index:999999999;left:0;right:0;top:0;bottom:0;background:#fff}
.loading-cover.hide{opacity:1;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s}
.wrapper{overflow:hidden;position:relative;width:100%;height:50.15rem;background:#fff}
.wrapper *{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important}
.wrapper-bg{position:absolute;left:0;right:0;top:0;bottom:0}
.Flash{position:absolute;width:19.2rem;height:10.48rem;top:0;left:50%;margin-left:-9.6rem;}
.wrapper-bg .main-bg{position:absolute;width:19.2rem;height:10.48rem;top:0;left:50%;margin-left:-9.6rem;background:url(../images/bg-home.jpg)}
.wrapper-bg .main-role{position:absolute;width:11.77rem;height:9.09rem;left:7.81rem;top:.79rem;background:url(../images/bg-home-role.png)}
.wrapper-bg .body-cloud{position:absolute;width:19.2rem;height:45.2rem;bottom:0;left:50%;margin-left:-9.6rem;background:url(../images/bg-cloud.png)}
.page{position:absolute;left:0;right:0}
.page .pic-box{overflow:hidden;position:absolute;left:.1rem;top:.1rem;right:.1rem;bottom:.1rem;}

.moveInL,.moveInR,.moveInT,.moveInB{opacity:.01}
.moveInL{transform:translateX(-.7rem) translateY(0);-ms-transform:translateX(-.7rem) translateY(0);-webkit-transform:translateX(-.7rem) translateY(0);-moz-transform:translateX(-.7rem) translateY(0);-o-transform:translateX(-.7rem) translateY(0)}
.moveInR{transform:translateX(0.7rem) translateY(0);-ms-transform:translateX(0.7rem) translateY(0);-webkit-transform:translateX(0.7rem) translateY(0);-moz-transform:translateX(0.7rem) translateY(0);-o-transform:translateX(0.7rem) translateY(0)}
.moveInT{transform:translateX(0) translateY(-.7rem);-ms-transform:translateX(0) translateY(-.7rem);-webkit-transform:translateX(0) translateY(-.7rem);-moz-transform:translateX(0) translateY(-.7rem);-o-transform:translateX(0) translateY(-.7rem)}
.moveInB{transform:translateX(0) translateY(0.7rem);-ms-transform:translateX(0) translateY(0.7rem);-webkit-transform:translateX(0) translateY(0.7rem);-moz-transform:translateX(0) translateY(0.7rem);-o-transform:translateX(0) translateY(0.7rem)}
.moveDelay0{transition:all .8s 0s;-webkit-transition:all .8s 0s;-moz-transition:all .8s 0s;-o-transition:all .8s 0s}
.moveDelay1{transition:all .8s .2s;-webkit-transition:all .8s .2s;-moz-transition:all .8s .2s;-o-transition:all .8s .2s}
.moveDelay2{transition:all .8s .4s;-webkit-transition:all .8s .4s;-moz-transition:all .8s .4s;-o-transition:all .8s .4s}
.moveDelay3{transition:all .8s .6s;-webkit-transition:all .8s .6s;-moz-transition:all .8s .6s;-o-transition:all .8s .6s}
.moveDelay4{transition:all .8s .8s;-webkit-transition:all .8s .8s;-moz-transition:all .8s .8s;-o-transition:all .8s .8s}
.moveDelay5{transition:all .8s 1s;-webkit-transition:all .8s 1s;-moz-transition:all .8s 1s;-o-transition:all .8s 1s}
.moveDelay6{transition:all .8s 1.2s;-webkit-transition:all .8s 1.2s;-moz-transition:all .8s 1.2s;-o-transition:all .8s 1.2s}
.moveInL,.moveInR,.moveInT,.moveInB{opacity:1;transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0)}
.page-home{top:0}
.page-home .logo-btn{position:absolute;width:2.51rem;height:1.36rem;left:.5rem;top:.44rem;background:url(../images/home-logo.png)}
.page-home .home-btn{position:absolute;width:1.49rem;height:.39rem;left:16rem;top:.6rem;background:url(../images/home-btn_928b5b4.png)}
.page-home .slogan1{position:absolute;width:7.21rem;height:2.51rem;left:3.25rem;top:1.94rem;background:url(../images/home-slo1_b070b94.png)}
.page-home .slogan2{position:absolute;width:3.57rem;height:.65rem;left:4.96rem;top:1.29rem;line-height:.65rem;font-size:.18rem;color:#ded0a4;text-align:center;background:url(../images/home-slo2_6bf1b82.png)}
.page-home .yuyue-btn{position:absolute;width:2.47rem;height:.65rem;left:5.42rem;top:4.47rem;background:url(../images/home-yuyue-btn_fbba55a.png)}
.page-home .yuyue-tip{position:absolute;width:4rem;height:.2rem;top:9.2rem;left:50%;margin-left:-2rem;line-height:.2rem;font-size:.14rem;color:#eee;text-align:center;letter-spacing:.02rem}
.page-home .yuyue-box{position:absolute;width:11.63rem;height:1.7rem;top:7.33rem;left:3.78rem;background:url(../images/home-yuyue-box_39c36cd.png)}
.page-home .yuyue-box .box-title1{position:absolute;width:1.82rem;height:.57rem;left:.43rem;top:.35rem;background:url(../images/home-yuyue-title1_8995d38.png)}
.page-home .yuyue-box .box-title2{position:absolute;width:.98rem;height:.22rem;left:2.85rem;top:.7rem;background:url(../images/home-yuyue-title2_e0f5d8f.png)}
.page-home .yuyue-box .line-h{position:absolute;width:.4rem;height:1px;left:1.15rem;top:1.08rem;background:#000}
.page-home .yuyue-box .line-v{position:absolute;width:1px;height:1.1rem;left:2.62rem;top:50%;margin-top:-.55rem;background:#000}
.page-home .yuyue-box .yuyue-info{position:absolute;width:1.82rem;height:.2rem;left:.43rem;top:1.2rem;line-height:.2rem;font-size:.14rem;color:#333;font-weight:700;text-align:center}
.page-home .yuyue-box .yuyue-info span{margin:0 .03rem;color:#9f894d}
.page-home .yuyue-box .yuyue-item-box{position:absolute;width:8.4rem;height:1.2rem;left:2.9rem;top:50%;margin-top:-.57rem;line-height:1.14rem;font-size:0;text-align:center}
.page-home .yuyue-box .yuyue-item-box i{display:inline-block;position:relative;width:0;height:0;top:.06rem;margin:0 .13rem;border-left:.1rem solid #333;border-top:.06rem solid transparent;border-bottom:.06rem solid transparent}
.page-home .yuyue-box .yuyue-item-box .yuyue-item{display:inline-block;position:relative;width:1.3rem;height:1.2rem;margin:0;vertical-align:middle}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item1{background:url(../images/btn01.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item1:hover{background:url(../images/btn01_hover.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item2{background:url(../images/btn02.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item2:hover{background:url(../images/btn02_hover.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item3{background:url(../images/btn03.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item3:hover{background:url(../images/btn03_hover.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item4{width:2.6rem;height:1.2rem;background:url(../images/btn04.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item4:hover{background:url(../images/btn04_hover.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item5{background:url(../images/home-yuyue-200_5583dbb.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.done:before{content:' ';display:block;position:absolute;width:.58rem;height:.23rem;bottom:0;left:50%;margin-left:-.29rem;background:url(../images/home-yuyue-done_edba724.png);background-size:100% 100%}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box{display:none;position:absolute;height:1.2rem;left:50%;bottom:1.7rem;border:.02rem solid #000;background:#fff}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .arrow{position:absolute;width:.3rem;height:.3rem;bottom:-.18rem;left:50%;margin-left:-.16rem;background:#fff;border-left:.02rem solid #000;border-bottom:.02rem solid #000;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box{position:absolute;height:1.6rem;left:0;right:0;bottom:0;line-height:0;font-size:0;text-align:center}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box .item{display:inline-block;position:relative;width:1.4rem;height:1.6rem;margin:0;vertical-align:bottom}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box .item .item-ring,.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box .item .item-pic{display:block;position:absolute;width:1.14rem;height:1.14rem;top:0;left:50%;margin-left:-.57rem}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box .item .item-ring.item-ring,.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box .item .item-pic.item-ring{background:url(../images/home-yuyue-item-circle_04fab6f.png)}
.page-home .yuyue-box .yuyue-item-box .yuyue-item .desc-box .item-box .item .item-desc{position:absolute;height:.45rem;left:0;right:0;bottom:0;line-height:.35rem;font-size:.14rem;color:#333;text-align:center}
.page-home .yuyue-box .yuyue-item-box .yuyue-item:hover .desc-box{display:block}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item1 .desc-box,.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item2 .desc-box,.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item4 .desc-box{width:6rem;margin-left:-3rem}
.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item3 .desc-box,.page-home .yuyue-box .yuyue-item-box .yuyue-item.yuyue-item5 .desc-box{width:7.4rem;margin-left:-3.7rem}
.page-1{top:10.32rem}
.page-1 .page-role{position:absolute;width:9.18rem;height:13.31rem;right:0;top:-1.24rem;background:url(../images/p1-role_bcfb251.png)}
.page-1 .page-content{position:absolute;width:8.5rem;height:3.99rem;left:4.36rem;top:1.85rem;}
.page-1 .page-pic-box{position:absolute;width:7.87rem;height:5.03rem;left:3.82rem;top:1.38rem;}
.page-1 .arrow-btn{position:absolute;width:.59rem;height:.59rem;left:3.54rem;top:3.49rem;background:url(../images/comm-arrow-left_06f08a2.png)}
.page-1 .page-pager-box{box-sizing:border-box;position:absolute;width:.56rem;height:1.2rem;left:11.54rem;top:4.88rem;background:#fff;border:1px solid #000}
.page-1 .page-pager-box .pager-line{position:absolute;width:.3rem;height:1px;left:50%;top:50%;margin-top:-1px;margin-left:-.15rem;background:#9f894d;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.page-1 .page-pager-box .curr-page,.page-1 .page-pager-box .total-page{display:block;position:absolute;left:0;right:0;top:50%;line-height:.3rem;font-size:.28rem;text-align:center;font-weight:700}
.page-1 .page-pager-box .curr-page.curr-page,.page-1 .page-pager-box .total-page.curr-page{margin-top:-.45rem;color:#9f894d}
.page-1 .page-pager-box .curr-page.total-page,.page-1 .page-pager-box .total-page.total-page{margin-top:.15rem;color:#000}
.page-1 .page-subtitle{position:absolute;width:2.13rem;height:3.2rem;left:11.5rem;top:1.4rem;background:url(../images/p1-subtitle_fa201d2.png)}
.page-1 .page-subtitle .pic-desc{position:absolute;width:.14rem;height:3.4rem;left:0;top:0;line-height:.25rem;font-size:.16rem;color:#000;text-align:left;word-wrap:break-word;text-shadow:0 1px 10px #fff}
.page-1 .page-title{position:absolute;width:4.22rem;height:1.15rem;left:7.42rem;top:0rem;background:url(../images/p1-title_4ff80dc.png)}
.page-2{top:17.37rem}
.page-2 .page-content{position:absolute;width:19.2rem;height:5.9rem;left:0;top:1.36rem;background:url(../images/p2-content_a5c3267.png)}
.page-2 .page-pic-box{position:absolute;width:8.6rem;height:5.00rem;left:6.18rem;top:1.39rem;background:url(../images/p2-pic-box_5F5ce55ab.png)}
.page-2 .arrow-btn{position:absolute;width:.59rem;height:.59rem;left:14.48rem;top:3.41rem;background:url(../images/comm-arrow-right_54f297a.png)}
.page-2 .page-pager-box{box-sizing:border-box;position:absolute;width:1.24rem;height:.53rem;left:13.75rem;top:5.09rem;background:#fff;border:1px solid #000}
.page-2 .page-pager-box .pager-line{position:absolute;width:.3rem;height:1px;left:50%;top:50%;margin-top:0;margin-left:-.15rem;background:#9f894d;transform:rotate(-60deg);-ms-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg)}
.page-2 .page-pager-box .curr-page,.page-2 .page-pager-box .total-page{display:block;position:absolute;width:.6rem;height:.3rem;left:50%;top:50%;margin-top:-.15rem;line-height:.3rem;font-size:.28rem;text-align:center;font-weight:700}
.page-2 .page-pager-box .curr-page.curr-page,.page-2 .page-pager-box .total-page.curr-page{margin-left:-.6rem;color:#9f894d}
.page-2 .page-pager-box .curr-page.total-page,.page-2 .page-pager-box .total-page.total-page{margin-left:0rem;color:#000}
.page-2 .page-subtitle{position:absolute;width:3.2rem;height:2.49rem;left:4.1rem;top:2.66rem;background:url(../images/p2-subtitle_22c2b1c.png)}
.page-2 .page-subtitle .pic-desc{position:absolute;height:.16rem;left:0;right:0;bottom:.16rem;line-height:.16rem;font-size:.16rem;color:#000;text-align:center;word-wrap:break-word;letter-spacing:.02rem;text-shadow:0 1px 10px #fff}
.page-2 .page-title{position:absolute;width:3.93rem;height:1.15rem;left:7.66rem;top:0rem;background:url(../images/p2-title_ab59301.png)}
.page-3{top:24.54rem}
.page-3 .page-role{position:absolute;width:9.17rem;height:11.41rem;left:-1.5rem;top:-1.38rem;background:url(../images/p3-role_b67c165.png)}
.page-3 .page-pic-box{position:absolute;width:8.6rem;height:5.00rem;left:6.18rem;top:1.6rem;background:url(../images/p3-pic-box_508df45.png)}
.page-3 .arrow-btn{position:absolute;width:.59rem;height:.59rem;left:6.00rem;top:3.7rem;background:url(../images/comm-arrow-left_06f08a2.png)}
.page-3 .page-pager-box{box-sizing:border-box;position:absolute;width:1.24rem;height:.53rem;left:13.62rem;top:4.41rem;background:#fff;border:1px solid #000}
.page-3 .page-pager-box .pager-line{position:absolute;width:.3rem;height:1px;left:50%;top:50%;margin-top:0;margin-left:-.15rem;background:#9f894d;transform:rotate(-60deg);-ms-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg)}
.page-3 .page-pager-box .curr-page,.page-3 .page-pager-box .total-page{display:block;position:absolute;width:.6rem;height:.3rem;left:50%;top:50%;margin-top:-.15rem;line-height:.3rem;font-size:.28rem;text-align:center;font-weight:700}
.page-3 .page-pager-box .curr-page.curr-page,.page-3 .page-pager-box .total-page.curr-page{margin-left:-.6rem;color:#9f894d}
.page-3 .page-pager-box .curr-page.total-page,.page-3 .page-pager-box .total-page.total-page{margin-left:0rem;color:#000}
.page-3 .page-subtitle{position:absolute;width:2.17rem;height:3.2rem;left:13.80rem;top:1.30rem;background:url(../images/p3-subtitle_05ad5c5.png)}
.page-3 .page-subtitle .pic-desc{position:absolute;width:.14rem;height:3.4rem;right:0;bottom:0;line-height:.25rem;font-size:.16rem;color:#000;text-align:right;word-wrap:break-word;text-shadow:0 1px 10px #fff}
.page-3 .page-title{position:absolute;width:3.93rem;height:1.15rem;left:7.56rem;top:0rem;background:url(../images/p3-title_909ec9c.png)}
.page-4{top:31.93rem}
.page-4 .page-content{position:absolute;width:19.2rem;height:6.69rem;left:0;top:1.1rem;background:url(../images/p4-content_38551b6.png)}
.page-4 .page-pic-box{position:absolute;width:8.6rem;height:5.00rem;left:4.2rem;top:1.46rem;background:url(../images/p4-pic-box_f3ad2ee.png)}
.page-4 .arrow-btn{position:absolute;width:.59rem;height:.59rem;left:3.93rem;top:3.48rem;background:url(../images/comm-arrow-left_06f08a2.png)}
.page-4 .page-pager-box{box-sizing:border-box;position:absolute;width:1.24rem;height:.53rem;left:4rem;top:5.17rem;background:#fff;border:1px solid #000}
.page-4 .page-pager-box .pager-line{position:absolute;width:.3rem;height:1px;left:50%;top:50%;margin-top:0;margin-left:-.15rem;background:#9f894d;transform:rotate(-60deg);-ms-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg)}
.page-4 .page-pager-box .curr-page,.page-4 .page-pager-box .total-page{display:block;position:absolute;width:.6rem;height:.3rem;left:50%;top:50%;margin-top:-.15rem;line-height:.3rem;font-size:.28rem;text-align:center;font-weight:700}
.page-4 .page-pager-box .curr-page.curr-page,.page-4 .page-pager-box .total-page.curr-page{margin-left:-.6rem;color:#9f894d}
.page-4 .page-pager-box .curr-page.total-page,.page-4 .page-pager-box .total-page.total-page{margin-left:0rem;color:#000}
.page-4 .page-subtitle{position:absolute;width:3.2rem;height:2.57rem;left:11.8rem;top:2.73rem;background:url(../images/p4-subtitle_42f3131.png)}
.page-4 .page-subtitle .pic-desc{position:absolute;height:.16rem;left:0;right:0;top:2.1rem;line-height:.3rem;font-size:.16rem;color:#000;text-align:center;word-wrap:break-word;letter-spacing:.02rem;text-shadow:0 1px 10px #fff}
.page-4 .page-title{position:absolute;width:3.93rem;height:1.15rem;left:7.66rem;top:0rem;background:url(../images/p4-title_0ff3de9.png)}
.page-5{top:39.03rem}
.page-5 .page-title{position:absolute;width:8.77rem;height:1.15rem;left:5rem;top:0rem;background:url(../images/p5-title_b28e87f.png)}
.page-5 .page-item{position:absolute;width:3.34rem;height:4.55rem;top:1.49rem;left:50%}
.page-5 .page-item img{display:block;position:absolute;width:2.9rem;height:4.31rem;left:.32rem;top:.12rem}
.page-5 .page-item .item-cover{position:absolute;left:0;right:0;top:0;bottom:0}
.page-5 .page-item.page-item1{margin-left:-5.63rem}
.page-5 .page-item.page-item1 .item-cover{background:url(../images/p5-item1_8051139.png)}
.page-5 .page-item.page-item2{margin-left:-1.8rem}
.page-5 .page-item.page-item2 .item-cover{background:url(../images/p5-item2_6edb49b.png)}
.page-5 .page-item.page-item3{margin-left:2.03rem}
.page-5 .page-item.page-item3 .item-cover{background:url(../images/p5-item3_186f0c4.png)}
.page-6{top:45.42rem}
.page-6 .page-content{position:absolute;width:19.2rem;height:5.64rem;left:0;top:1.09rem;background:url(../images/p6-content_711715f.png)}
.page-6 .page-title{position:absolute;width:8.64rem;height:1.15rem;left:5.12rem;top:0rem;background:url(../images/p6-title_71c5a76.png)}
.page-6 .page-item{position:absolute;width:3.0rem;height:3.0rem;top:1.44rem;left:50%}
.page-6 .page-item.page-item1{margin-left:-5.57rem;background:url(../images/p6-item1_96cc721.png)}
.page-6 .page-item.page-item2{margin-left:-1.695rem;background:url(../images/p6-item2_4bcc27a.png)}
.page-6 .page-item.page-item3{margin-left:2.18rem;background:url(../images/p6-item3_ffd81e9.png)}
.pop{display:none;position:fixed;z-index:9999999;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.7)}
.pop .close-btn{position:absolute;width:77px;height:77px;left:50%;top:50%;margin-left:370px;margin-top:-200px}
.pop .close-btn::before,.pop .close-btn::after{content:'';display:block;position:absolute;width:110px;height:1px;left:50%;top:50%;margin-left:-55px;background:#fff}
.pop .close-btn::before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}
.pop .close-btn::after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.pop .window{display:block;position:absolute;width:560px;height:320px;left:50%;top:50%;margin:-200px auto auto -360px;padding:40px 0 40px 160px;background:#fff}
.pop .window-success{display:none;z-index:100}
.pop .window-success .success-tip{position:absolute;width:312px;height:66px;left:50%;top:50%;margin-left:-156px;margin-top:-33px;background:url(../images/pop-yuyue-success_7504ffc.png)}
.header-nav{width:100%;height:70px;background:url(../images/nav_bg.png) top center no-repeat;position:relative;z-index:1000}
.header-nav-main{width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center}
.header-nav-main a{color:#fff;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a{width:300px;height:55px;margin:0 20px;background:url(../images/toplogo.png) 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current{text-decoration:none;color:#fcc31d}
.header-nav-main a .arrow{width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on{opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}
.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:10px;left:50%;cursor:pointer;margin-left:-660px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}


/*右浮动*/
.float{position: fixed; top: 0; right: 22px; width: 67px; padding-top: 180px; overflow: hidden;z-index: 999}
.float a{float: left; width: 67px; height: 77px; margin-bottom: 6px; background: url("../images/fr_bg02.png") no-repeat center top; text-align: center; line-height: 77px; font-size: 16px; color: #fff; position: relative; z-index: 100;}
.float .fr_foot{float: left; width: 67px; height: 140px; margin-top: -6px; font-size: 14px; color: #000; text-align: center; position: relative; background: url("../images/fr_foot.png") no-repeat center top; z-index: 100;}
.float .fr_foot p{margin-top: 120px;}
.fr_line{position: absolute; top: 0; left: 32px; width: 2px; height: 550px; background-color: #be871f; border-left: 0px solid #391509; z-index: 2;}
.fr_01{-webkit-animation:hover 1s 0.2s both;-moz-animation:hover 1s 0.2s both;animation:hover 1s 0.2s both;}
.fr_02{-webkit-animation:hover 1s 0.4s both;-moz-animation:hover 1s 0.4s both;animation:hover 1s 0.4s both;}
.fr_03{-webkit-animation:hover 1s 0.6s both;-moz-animation:hover 1s 0.6s both;animation:hover 1s 0.6s both;}
.fr_04{-webkit-animation:hover 1s 0.8s both;-moz-animation:hover 1s 0.8s both;animation:hover 1s 0.8s both;}
.fr_05{-webkit-animation:hover 1s 1.0s both;-moz-animation:hover 1s 1.0s both;animation:hover 1s 1.0s both;}
.fr_06{-webkit-animation:hover 1s 1.2s both;-moz-animation:hover 1s 1.2s both;animation:hover 1s 1.2s both;}
.fr_07{-webkit-animation:hover 1s 1.4s both;-moz-animation:hover 1s 1.4s both;animation:hover 1s 1.4s both;}
@-webkit-keyframes hover{0%{-webkit-transform:rotateY(0deg);} 100%{-webkit-transform:rotateY(360deg);}}
@-moz-keyframes hover{0%{-moz-transform:rotateY(0deg);} 100%{-moz-transform:rotateY(360deg);}}
@keyframes hover{0%{transform:rotateY(0deg);} 100%{transform:rotateY(360deg);}}

/*照片展示*/
#PhotoShow{width:740px;height:500px;position:relative;}
#PhotoShow .gundong{width:740px;}
#PhotoShow .gundong .jCarouselLite{float:left;width:740px;height:500px;overflow:hidden;}
#PhotoShow .move_right,#PhotoShow .move_left{float:left;width:59px;height:483px;position:absolute;z-index:500;}
#PhotoShow .move_left span,#PhotoShow .move_right span{width:59px;height:59px;position:absolute;top:50%;margin-top:-30px;}
#PhotoShow .move_left{left:18px;}
#PhotoShow .move_left span{background:url(../images/left.png) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow .move_left:hover span{background:url(../images/left.png) no-repeat left top;}
#PhotoShow .move_right{right:18px;}
#PhotoShow .move_right span{background:url(../images/right.png) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow .move_right:hover span{background:url(../images/right.png) no-repeat left top;}

#PhotoShow2{width:840px;height:500px;position:relative;}
#PhotoShow2 .gundong{width:840px;}
#PhotoShow2 .gundong .jCarouselLite{float:left;width:840px;height:500px;overflow:hidden;}
#PhotoShow2 .move_right,#PhotoShow2 .move_left{float:left;width:59px;height:500px;position:absolute;z-index:500;}
#PhotoShow2 .move_left span,#PhotoShow2 .move_right span{width:59px;height:59px;position:absolute;top:50%;margin-top:-40px;}
#PhotoShow2 .move_left{left:8px;}
#PhotoShow2 .move_left span{background:url(../images/left.png) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow2 .move_left:hover span{background:url(../images/left.png) no-repeat left top;}
#PhotoShow2 .move_right{right:8px;}
#PhotoShow2 .move_right span{background:url(../images/right.png) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow2 .move_right:hover span{background:url(../images/right.png) no-repeat left top;}


/*图片列表*/
.PictureList{float:left;}
.PictureList li{float:left;width:727px;display:inline;}
.PictureList .photo{width:727px;height:483px;display:block;}

/*图片列表*/
.PictureList2{float:left;}
.PictureList2 li{float:left;width:840px;display:inline;}
.PictureList2 .photo{width:840px;height:480px;display:block;}