html {
    font-size: 16px;
    height: 100%;
    -webkit-text-size-adjust: none;
    color: #9A5C3D;
}
body, h1, h2, h3, ul, li, p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
}
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color: #9A5C3D;
}
img {
    vertical-align: top;
    width: 100%;
}
ul, li {
    list-style: none;
}
input {
    font-size: 100%;
    outline: none;
    color: #9A5C3D;
}
body {
    font-family: Helvetica;
    height: 100%;
    overflow-x: hidden;
}
* {
    -webkit-text-size-adjust: none;
    padding: 0;
    margin: 0;
}
.wraper {
    width: 7.5rem;
    position: relative;
    font-size: 0.22rem;
    color: #e7c17c;
    line-height: 0.36rem;
    min-height: 10rem;
}
a, select, div {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
div#afooter {
    padding: .2rem 0;
    text-align: center;
    color: #5a5a5a;
    background: #181716;
    font-size: .2rem;
    line-height: 0.4rem;
    margin-bottom: 0;
}
div#afooter a {
    color: #5a5a5a;
}
footer.foot {
    padding-bottom: 0;
}
.part {
    width: 7.5rem;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.part1 {
    height: 12.12rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/kv1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.part2 {
    height: 8.81rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg2.jpg) top center no-repeat;
    background-size: 100%;
}
.part3 {
    height: 5.97rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg3.jpg) top center no-repeat;
    background-size: 100%;
}
.part4 {
    height: 15.84rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg4.jpg) top center no-repeat;
    background-size: 100%;
}
.part5 {
    height: 8.67rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg5.jpg) top center no-repeat;
    background-size: 100%;
}
.part6 {
    height: 7.93rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg6.jpg) top center no-repeat;
    background-size: 100%;
}
.part7 {
    height: 8.21rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg7.jpg) top center no-repeat;
    background-size: 100%;
}
.part8 {
    height: 12.74rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bg8.jpg) top center no-repeat;
    background-size: 100%;
}

/*part1*/
.home{
    display: block;
    width: 1.65rem;
    height: .45rem;
    line-height: .45rem;
    border-radius: .2rem;
    text-align: center;
    position: absolute;
    right: .3rem;
    top: .35rem;
    color:#fff;
    background: #848c9e;
}

.part1 .login {
    padding-top: 0.05rem;
    position: absolute;
    right: 0;
    top: 0.3rem;
    margin-right: .5rem;
    width: 7rem;
    text-align: right;
    display: none;
}
.part1 .login p {
    font-size: 0.25rem;
}
.part1 .login, .login a {
    font-size: 0.25rem;
    color: #fff;
    text-align: right;
}
.part1 a.enter {
    position: absolute;
    top: 0;
    right: -2rem;
}
.part1 img.award {
    margin-top: 8.5rem;
    width: 5.6rem;
    opacity: 0;
}
.part1 .download {
    display: block;
    width: 3.52rem;
    height: 1.14rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/friendbtn.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 1.4rem;
    left: 50%;
    margin-left: -1.76rem;
}

/*part2*/

.part2 h2 {
    font-size: 0.2rem;
    color: #5d79a2;
    margin-top: 1.3rem;
    margin-bottom: 0.15rem;
}
.part3 h2, .part5 h2 {
    color: #fff;
    font-size: 0.2rem;
    margin-top: 1.65rem;
    margin-bottom: 0.15rem;
}
.part4 h2 {
    color: #5d79a2;
    font-size: 0.2rem;
    margin-top: 1.65rem;
    margin-bottom: 0.15rem;
}
.part5 h2 {
    font-size: 0.2rem;
}
.part2 .libao {
    width: 7rem;
}
.part2 a.getBtn {
    display: block;
    width: 2.35rem;
    height: 0.76rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/getbtn.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 7.75rem;
    left: 50%;
    margin-left: -1.175rem;
}
.part2 a.getBtn.on {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/hadget.png) top center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

/*part3*/

.part3 .tudou {
    width: 3.2rem;
    float: left;
    /*margin-left: 0.2rem;*/
    margin-right: 0.15rem;
}
.part3 .man-show {
    width: 7rem;
    position: relative;
    /* margin-left: 3.2rem; */
    text-align: left;
    margin: 0 auto;
}
.man-show p {
    font-size: 0.2rem;
    color: #fff;
    text-align: justify;
    line-height: 0.3rem;
}
.man-show p span {
    color: #fff;
    font-size: 0.25rem;
    background-color: #415d87;
    padding: 0.08rem;
    width: 1.5rem;
    text-align: center;
    /* margin-bottom: -0.9rem; */
    display: inline-block;
    margin-bottom: 0.1rem;
}
.part3 .man-show ol {
    font-size: 0.15rem;
    height: 2.4rem;
    overflow-y: scroll;
    text-align: left;
    color: #fff;
    margin-top: 0.15rem;
}
.part3 .man-show ol li {
    text-indent: 2em;
}
.part3 .man-show h3 {
    color: #fff;
    font-size: 0.25rem;
    background-color: #415d87;
    padding: 0.08rem;
    width: 1.5rem;
    text-align: center;
}
.part3 .man-show ol li span {
    color: #fadc4e;
}
.part3 .man-show ol::-webkit-scrollbar {
    width: 0.1rem;
    height: 0.2rem;
    background-color: #415d87;
}
.part3 .man-show ol::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0.2rem;
    background-color: #7e9dc5;
}
.part3 .man-show ol::-webkit-scrollbar-thumb {
    height: 0.2rem;
    border-radius: 0.1rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background-color: #415d87;
}

/*part4*/

.part4 h2 span {
    color: #e88b1d;
}
.part4 .level {
    position: relative;
    height: 4.2rem;
    margin-top: 0.3rem;
}
.part4 .level img {
    width: 6.8rem;
}
.part4 .level .getLevel {
    display: block;
    width: 2.35rem;
    height: 0.76rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/getLevel.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 3.35rem;
    left: 50%;
    margin-left: -1.175rem;
}
.part4 .level .getLevel.on {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/hadget.png) top center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

/*part5*/

.part5 .friendGift {
    width: 6.86rem;
    height: 3.5rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/friendgift.png) top center no-repeat;
    background-size: 100%;
    margin: 0.5rem auto 0;
    position: relative;
}
.part5 .friendGift a {
    display: inline-block;
    width: 1.8rem;
    height: 0.47rem;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    margin-top: 2rem;
}

/*.part5 .friendGift .gainBtn2 {
    left: 4.13rem;
}
.part5 .friendGift .gainBtn3 {
    top: 3.7rem;
}
.part5 .friendGift .gainBtn4 {
    top: 3.7rem;
    left: 4.13rem;
}*/

.part5 .friendBtn {
    display: block;
    width: 2.45rem;
    height: 0.77rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/friendbtn.png) top center no-repeat;
    background-size: 100%;
    margin: 0.3rem auto 0.1rem;
}
.part5 p {
    color: #fff;
}

/*part6*/

.part6 .fuli-box {
    position: relative;
    margin-top: 1.8rem;
    overflow: hidden;
}
.part6 .fuli-box img {
    display: block;
    width: 6.97rem;
    height: 4.61rem;
    margin: 0.5rem auto 0;
}

/*part7*/

.part7 .swiper-chara {
    width: 100%;
    height: 6.6rem;
    position: relative;
    margin-top: 1.6rem;
}
.part7 .chara1 {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/chara1.png) top center no-repeat;
    background-size: 100%;
}
.part7 .chara2 {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/chara2.png) top center no-repeat;
    background-size: 100%;
}
.part7 .chara3 {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/chara3.png) top center no-repeat;
    background-size: 100%;
}
.part7 .chara4 {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/chara4.png) top center no-repeat;
    background-size: 100%;
}
.part7 .chara5 {
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/chara5.png) top center no-repeat;
    background-size: 100%;
}
.part7 .swiper-chara img {
    display: inline;
    width: 0.65rem;
    height: 3.25rem;
    margin-left: -4.8rem;
    margin-top: 0.5rem;
}
.part7 .swiper-chara .play {
    display: block;
    width: 0.77rem;
    height: 0.77rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/play.png) top center no-repeat;
    background-size: 100%;
    margin-left: 0.95rem;
    margin-top: 0.3rem;
    display: none;
}
.part7 a.chara-details {
    display: block;
    position: absolute;
    width: 0.62rem;
    height: 2.16rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/detailsbtn.png) top center no-repeat;
    background-size: 100%;
    top: 1.4rem;
    left: 2.2rem;
}
.part7 .preBtn1 {
    display: block;
    width: 0.57rem;
    height: 1.23rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/prebtn1.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 6rem;
    left: 0.5rem;
    z-index: 99;
}
.part7 .nextBtn1 {
    display: block;
    width: 0.57rem;
    height: 1.23rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/nextbtn1.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 6rem;
    right: 0.5rem;
    z-index: 99;
}

/*part8*/

.part8 .show-swiper {
    width: 6.57rem;
    height: 4.2rem;
    position: relative;
    margin-top: 1.8rem;
}
.part8 .preBtn2 {
    display: block;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/prebtn2.png) top center no-repeat;
    background-size: 100%;
    top: 3.4rem;
    left: 0.3rem;
    z-index: 99;
}
.part8 .nextBtn2 {
    display: block;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/nextbtn2.png) top center no-repeat;
    background-size: 100%;
    top: 3.4rem;
    right: 0.3rem;
    z-index: 99;
}
.part8 .swiper-pagination {
    top: 3.8rem;
}
.part8 .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 0;
    background: #ececec;
    opacity: 0.8;
}
.part8 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b43437;
}
.part8 .rule-con {
    text-align: left;
    width: 6.8rem;
    margin: 0.2rem auto;
    color: #425676;
}
.part8 .rule-con li {
    line-height: 0.3rem;
    font-size: 0.22rem;
    /*padding-left: 0.2rem;*/
}
.part8 .rule-con ol {
    margin-left: 0.3rem;
    margin-top: .2rem;
}
.part8 .share-box {
    width: 5.89rem;
    height: 1.93rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/share.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    /* margin: 1rem auto 0; */
    /* position: relative; */
    left: 50%;
    margin-left: -2.945rem;
    bottom: 0.3rem;
}
.part8 .share-box a {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    position: absolute;
    left: -0.05rem;
}
.part8 .share-box a.blog {
    left: 2.2rem;
}
.part8 .share-box a.weibo {
    left: 4.45rem;
}

/*close*/

.pop .close {
    position: absolute;
    width: 0.5rem;
    height: 0.36rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/close.png) no-repeat center;
    background-size: 100%;
    right: 0.2rem;
    top: 0.2rem;
}

/*video*/

#pop-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
}
.pop-video {
    width: 7rem;
    height: 4.2rem;
    position: relative;
    display: none;
}
.pop-close {
    width: 0.45rem;
    height: 0.41rem;
    position: absolute;
    right: 0rem;
    top: -0.52rem;
    font-size: 0.8rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 0.4rem;
}
.video {
    height: 4.2rem;
    width: 100%;
}

/*角色弹窗*/

.pop-type2 {
    width: 7.5rem;
    height: 4.68rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/charadetailsbg.png) top center no-repeat;
    background-size: 100%;
    position: relative;
    display: none;
    color: #dce5f0;
}
.pop-type2 .role-con {
    margin-top: 0.2rem;
    margin-left: 0.4rem;
}
.pop-type2 ul.chara-con {
    color: #dce5f0;
    margin-top: 0.3rem;
}
.pop-type2 ul.chara-con li {
    height: 0.23rem;
    line-height: 0.23rem;
    margin-bottom: 0.15rem;
    text-align: left;
}
.pop-type2 ul.chara-con p {
    color: #dce5f0;
    font-size: 0.16rem;
    font-weight: 700;
    margin-right: 0.1rem;
    width: 1.3rem;
    float: left;
    text-align: right;
}
.pop-type2 ul.chara-con span {
    color: #dce5f0;
    font-size: 0.16rem;
}
.pop-type2 .skill-box {
    margin-left: 0.25rem;
}
.pop-type2 .skill-box img {
    width: 3rem;
}

/*弹窗*/

.pop-type1 {
    position: relative;
    display: none;
    /*display: inline-block;*/
    width: 6rem;
    height: 3.93rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/popbg1.png) top center no-repeat;
    background-size: 100%;
    text-align: center;
}
.pop-type1 .close, .pop-type4 .close, .pop-type5 .close {
    position: absolute;
    width: 0.63rem;
    height: 0.63rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/close1.png) no-repeat center;
    background-size: 100%;
    right: -0.7rem;
    top: 0rem;
}
.pop-type1 h2 {
    font-size: 0.35rem;
    font-weight: bold;
    color: #fff;
    margin-top: 0.48rem;
}
.pop-type1 img.login {
    width: 4rem;
    margin-top: 0.4rem;
}
.pop-type1 p {
    font-size: 0.28rem;
    color: #fff;
    margin-top: 0.3rem;
}
.pop-type2 h2 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 50%;
    width: 700px;
    margin-left: -350px;
    top: 70px;
}
.pop-type1 .sen {
    font-size: 23px;
    font-weight: bold;
    color: #865c17;
    position: absolute;
    left: 50%;
    width: 370px;
    margin-left: -175px;
    top: 55px;
}
.pop-type1 .sen2 {
    margin-top: 30px;
}
.pop-type1 .qq-login {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    top: 1.2rem;
    left: 1rem;
}
.pop-type1 .wechat-login {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    top: 1.2rem;
    right: 1rem;
}
.pop-type4 {
    position: relative;
    display: none;
    /*display: inline-block;*/
    width: 6rem;
    height: 5.37rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/popbg2.png) top center no-repeat;
    background-size: 100%;
    text-align: center;
}
.pop-type4 h2 {
    font-size: 0.28rem;
    font-weight: bold;
    color: #fff;
    margin-top: 0.48rem;
}
.pop-type4 .form {
    width: 5rem;
    margin: 0rem auto;
}
.pop-type4 .choose {
    float: left;
    color: #edf8ff;
    font-size: 0.3rem;
}
.pop-type4 select {
    display: block;
    width: 4.2rem;
    margin: 0.1rem auto;
    height: 0.5rem;
    line-height: 0.36rem;
    font-size: 0.3rem;
    padding-left: 0.3rem;
    color: #fff;
    border: 0.01rem solid #415d87;
    background: 0;
    font-family: "Microsoft Yahei";
    margin-top: 0.15rem;
    background-color: #607ba3;
}
select::-ms-expand {
    display: none;
}
.pop-type4 input {
    display: inline-block;
    width: 3.9rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #fff;
    border: 0.01rem solid #415d87;
    background: 0;
    font-family: "Microsoft Yahei";
    margin-top: 0.1rem;
    text-indent: 0.1rem;
    background-color: #607ba3;
    padding-left: 0.28rem;
}
.pop-type4 input.code {
    width: 150px;
}
.pop-type4 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}
.pop-type4 input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.pop-type4 input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}
.pop-type4 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}
.pop-type4 .submit {
    display: block;
    width: 2.7rem;
    height: 0.8rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/submit.png) top center no-repeat;
    background-size: 100%;
    margin: 0.2rem auto;
}
span.form-l {
    width: 1.11rem;
    display: inline-block;
    text-align: right;
    font-size: 0.26rem;
    color: #edf8ff;
}
.pop .friendBtn {
    display: block;
    width: 2.7rem;
    height: 0.8rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/fribtn.png) top center no-repeat;
    background-size: 100%;
    margin: 0.3rem auto 0;
}
.pop .confirm-btn {
    width: 2.7rem;
    height: 0.8rem;
    display: block;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/confirm.png) top center no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0.3rem auto 0;
}
.pop .booking-btn {
    display: block;
    width: 2.7rem;
    height: 0.8rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/bookingbtn.png) top center no-repeat;
    background-size: 100%;
    margin: 0.3rem auto 0;
}

/*.pop-type3 {
    position: relative;
    display: none;
    width: 6rem;
    height: 8.89rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/popbg3.png) top center no-repeat;
    background-size: 100%;
    text-align: center;
}
.sen-con {
    padding-top: 0.5rem;
    width: 5.8rem;
    margin: 0 auto;
    position: relative;
}
.pop-type3 h2 {
    font-size: 0.3rem;
    font-weight: bold;
    color: #fff;
    position: relative;
    width: 5.8rem;
}
.pop-type3 .sen {
    font-size: 0.28rem;
    color: #fff;
    width: 5.8rem;
    line-height: 0.35rem;
}
.pop-type3 .sen1 {
    color: #ffd482;
}
.pop-type3 .sen2 {
    margin-top: 0.1rem;
}
p.sen.way1, p.sen.way2 {
    margin-top: 0.45rem;
}
.copy-btn {
    display: block;
    width: 2.89rem;
    height: 0.77rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/copy.png) top center no-repeat;
    background-size: 100%;
    margin: 0.18rem auto 0.2rem;
}
.pop-type3 p.sen.sen4 {
    margin-top: 0.6rem;
}
.pop-type3 p.sen.sen8 {
    margin-bottom: 0.1rem;
}
.pop-type3 span.link {
    word-break: break-all;
}
.pop-type3 .sen-con img {
    margin-bottom: 0.1rem;
    width: 2.4rem;
    margin-top: 0.2rem;
}*/

.pop-type5 {
    position: relative;
    display: none;
    /*display: inline-block;*/
    width: 6rem;
    height: 3.37rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/popbg4.png) top center no-repeat;
    background-size: 100%;
    text-align: center;
}
.pop-type5 h2 {
    font-size: 0.35rem;
    font-weight: bold;
    color: #fff;
    margin-top: 1rem;
}
ol li {
    list-style: decimal;
}

/*头部*/

.share-pop {
    width: 7.5rem;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}
.share-pop p {
    color: #f3f3fc;
    font-size: 0.32rem;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.share-pop .share-right {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20180625yyzm/share-right.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    top: .5rem;
    right: .2rem;
    display: none;
}
.share-pop .share-bottom {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(//game.gtimg.cn/images/dp/cp/a20180625yyzm/share-bottom.png) top center no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: .5rem;
    right: 2.5rem;
    display: none;
}

.swiper-slide{
    background: none;
}
.prve-page{
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/btn-prve.png) center center no-repeat;
    background-size: .65rem .65rem;
    position: absolute;
    top: 4rem;
    left: -.1rem;
    -webkit-animation: huxi 2s linear infinite;
    animation: huxi 2s linear infinite;
}
.next-page{
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    background: url(//game.gtimg.cn/images/dp/ingame/cp/a20180827xzzig/btn-next.png) center center no-repeat;
    background-size: .65rem .65rem;
    position: absolute;
    top: 4rem;
    right: -.1rem;
    -webkit-animation: huxi 2s linear infinite;
    animation: huxi 2s linear infinite;
}

@-webkit-keyframes huxi{
    0%{-webkit-transform: scale(1);}
    50%{-webkit-transform: scale(1.2)}
    100%{-webkit-transform: scale(1);}
}
@keyframes huxi{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}