html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
html{font-size:100px;}
a,img,input {border:none;}
body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ece5d4; color: #000000;}
a {text-decoration:none;}
ul,li{list-style: none}
@media all and (orientation:landscape){html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}}
html, body {width: 100%;height: 100%;overflow: hidden;position: relative;user-select: none;}
.pr {position: relative;}
.pa {position: absolute;}
a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}
html, body {
-webkit-user-select: none; /* 禁止选中文本（如无文本选中需求，此为必选项） */
user-select: none;
}
*:focus {
outline: none;
}
* {
-webkit-tap-highlight-color: transparent;
}
.dialog-login {z-index: 999;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);}
.login-bg {width: 5.85rem;height: 3.32rem; background: url(https://game.gtimg.cn/images/yxzj/cp/a20200303reportm/login-bg.png) no-repeat;background-size: cover;position: absolute;top: 4.5rem;left: 50%; transform: translate(-50%, 0%);}
.login-bg a {width: 1.29rem;height: 1.29rem;}
.login-qq {position: absolute;top:.8rem;left: 1rem;}
.login-wx {position: absolute;top:.8rem;right: 1rem;}
.login-text {position: absolute;top: 2.4rem;left: 50%; transform: translate(-50%, 0%);}
#app {
width: 100%;
height: 100%;
}
.login-close {width: .81rem;height: .81rem;position: absolute;top: -.3rem;right: -.3rem}
.start-btn {display: block;width: 5.01rem;height: 2.36rem;position: absolute;bottom: 2.35rem;left: 50%;transform: translate(-50%, 0%);}
.sign-bg {background: url(https://game.gtimg.cn/images/yxzj/cp/a20200303reportm/sign.png) no-repeat;background-size: cover;width: 5.85rem;height: 5.12rem;position: absolute;top: 3.5rem;left: 50%; transform: translate(-50%, 0%);}
.sign-bg ul {width: 4.10rem;margin: 0 auto;margin-top: 1.5rem;color: #fff}
.sign-bg ul li{width: 4.10rem;height: .4rem;margin-top: .3rem;line-height: .4rem}
.sign-bg .s-select {float: left;font-size: .24rem;}
.sign-bg ul li select {float: right;width: 2.8rem;height: .4rem;text-align-last: center;text-align: center;background-color: #000000;color: #fff;border:1px solid #9b8869;padding-left: .2rem;}
.ok-btn { position: absolute;width: 3.81rem;height: 2.19rem; bottom: -.3rem;left: 50%;transform: translate(-50%, 0%);}
.ok-btn img {
display: block; width: 100%;
}
.login-close img {
display: block; width: 100%;
}
input[type=file] {
opacity: 0
}
/* @font-face {
font-family: 'loading';
src: url('typeface-1.woff') format('woff');} */
@font-face {font-family: 'Cu';
src: url('https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/FZShengSKSJW_Cu.woff') format('woff');}
/* @font-face {font-family: 'Da';
src: url('FZShengSKSJW_Da.woff') format('woff');}
@font-face { font-family: 'Xian';
src: url('FZShengSKSJW_Xian.woff') format('woff');}
@font-face {font-family: 'Zhong';
src: url('FZShengSKSJW_Zhong.woff') format('woff');}
@font-face {font-family: 'Zhun';
src: url('FZShengSKSJW_Zhun.woff') format('woff');}
@font-face {font-family: 'Bold';
src: url('TrajanPro-Bold.woff') format('woff');}
@font-face {font-family: 'Regular';
src: url('TrajanPro-Regular.woff') format('woff');}
@font-face {font-family: 'REGULAR';
src: url('DINPRO-REGULAR.woff') format('woff');}
@font-face {font-family: 'fzlth';
src: url('fzlth.woff') format('woff');}
@font-face {font-family: 'fzltxh';
src: url('fzltxh.woff') format('woff');}
@font-face {font-family: 'txW3';
src: url('txW3.woff') format('woff');}
@font-face {font-family: 'txW7';
src: url('txW7.woff') format('woff');}
@font-face {font-family: 'TrajanPro3-Regular';
src: url('TrajanPro3-Regular.woff') format('woff');} */
.wrap{width: 100%;height: 100%;position: relative;overflow: hidden;background-color: #ece5d4;}
.swiper-container1{width: 100%;height: 100%; z-index: 9999 !important;transform:translate3d(0,0,0);}
.swiper-slide{width: 100%;height: 100%;transform:translate3d(0,0,0);}
.hidden{font-size: 0; text-indent: -999em;}
.hidden2{display: none;}
.bg {background-size: 100% auto;background-position: 50% 0;background-repeat: no-repeat;}
.num{font-size: 0.6rem; color: #d57f5d;}
.num1{color: #d19178;}
.num2{color: #d19178;}
.num3{font-size: 0.5rem; color: #3b261d;position: absolute;top: 0.7rem; left: 1.1rem;}
.num4{font-size: 0.6rem; color: #3b261d; position: absolute;top: 1.2rem;left: 1rem;}
.num5{color: #3b261d; font-size: 0.3rem; }
.num6{font-size: 0.6rem; color: #3b261d}
.num7{font-size: 0.5rem; color: #d57f5d;}
.num8{font-size: 0.4rem; color: #484336;}
.num9{font-size: 0.4rem; color: #484336; }
.num10{font-size: 0.4rem; color: #484336; }
.num11{font-size: 0.4rem; color: #c9b68c; ;font-weight: bold;}
.num12{font-size: 0.4rem; color: #3a261d;font-weight: bold;}
.num13{font-size: 0.5rem; color: #d57f5d; }
.num14{ color: #d57f5d;}
body{font-family: "Cu","Microsoft Yahei", "微软雅黑";}
/* loading */
#_overlay_ {
height: 100% !important;
bottom: 0;
}
body > .btn-music{ width: 0.52rem; height: 0.52rem;position: absolute; top:0.2rem; right: 0.4rem;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/music-bg-on.png);z-index: 99999;animation-play-state: paused;}
body > .on1{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/music-bg.png);z-index: 99999;animation: music 3s linear infinite;}
.loadpage{background:#000;position:relative;z-index:4;width:100%;height:100%}
.leafbox{width:3rem;height:5rem;position:absolute;left:50%;top:50%;margin-left:-1.5rem;margin-top:-2.5rem;overflow:hidden}
.load-top{width: 0.29rem; height: 0.89rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/load.png);position:absolute;left:50%;top:0;margin-left:-.145rem;}
.loadmid{background:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/crane.png) no-repeat center;background-size:100% 100%;width:0.75rem;height:0.56rem;position:absolute;left:50%;top:3rem;margin-left:-1.575em;text-align:center;line-height:3.7rem;z-index:9}
.spinner-box{width: 0.5rem; height: 0.4rem;position: absolute;left: 50%; margin-left: -.25rem; top: 1rem;}
.pulse-container {height: 0.4rem;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.pulse-bubble {width: .05rem;height: .05rem;border-radius: 50%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-dian.png);}
.pulse-bubble-1 {animation: loading-top .4s ease 0s infinite alternate;}
.pulse-bubble-2 {animation: loading-top .4s ease .2s infinite alternate;}
.pulse-bubble-3 {animation: loading-top .4s ease .4s infinite alternate;}
.loading-bottom-box{width: 1rem; height: 1rem; position: absolute;left: 50%;margin-left: -1.1rem;top: 3rem; overflow: hidden;}
.Paper-1{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom1.png);top: 0.2rem; right: 0.2rem; animation: loading-bottom 1.2s linear infinite;}
.Paper-2{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom2.png);bottom: 0.2rem; right: 0.4rem;animation: loading-bottom 1.4s linear infinite;}
.Paper-3{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom3.png);top: 0.2rem; right: 0.6rem; animation: loading-bottom 1.6s linear infinite;}
.Paper-4{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom4.png);bottom: 0.2rem; right: 1rem;animation: loading-bottom 1.8s linear infinite;}
.Paper-5{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom5.png);bottom: 0.5rem; left: 0.2rem;animation: loading-bottom 2s linear infinite;}
.Paper-6{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom6.png);bottom: 0.8rem; right: 0.8rem;animation: loading-bottom 2.2s linear infinite; }
.Paper-7{display: block;width: 0.15rem; height: 0.15rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/loading-bottom7.png);bottom: 0.1rem; left: 0.3rem;animation: loading-bottom 2.4s linear infinite; }
/* .loadingnum{font-family:'loading';font-size:0.7rem;color:#5e6d77;padding-left:1rem} */
/* 1 */
.page1{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page1.jpg);position: relative;overflow: hidden;}
.page1 .xinxin{ width: 5.49rem; height: 6.03rem;position: relative;; bottom: -6.1rem; left: 1.6rem;}
.page1 .xinxin-1{width: 5.49rem; height: 5.55rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/xingxing1.png);animation: loading-xinxin 2s 3s linear infinite;}
.page1 .xinxin-2{width: 4.60rem; height: 5.49rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/xingxing2.png);animation: loading-xinxin 2.5s 3s linear infinite;}
.page1 .btn-jz-box{width: 100%; height: 100%;background: rgba(0,0,0,0.8); position: absolute; display: none;}
.page1 .btn-jz{ width: 3.85rem; height: 2.30rem;position: relative;;bottom: -3.1rem;left: 2.6rem;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou.png); -webkit-animation: tupian 2s 3s infinite ease-out;}
.page1 .xuanzhuan{ animation: xuanzhuan 1.5s ease-in-out;}
.page1 .l-pic-index {position: absolute; left: -0.75rem;top: 0.05rem; z-index: 2; width: 5.56rem; height: 0.39rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou-top.png);}
.page1 .r-pic-index {position: absolute; left: -0.78rem;top: 0.3rem; z-index: 2; width: 5.68rem; height: 0.74rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou-bottom.png);}
.page1 .l-bg-index {position: absolute;top: 0.2rem;left: -1.17rem;z-index: 1;width: 5.65rem;height: 0;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou-bg.png);}
.page1 .gotobtn {display: block;overflow: hidden;zoom: 1;position: absolute;z-index: 5;width: 2.97rem;height: 0.66rem;left: 1.75rem;bottom: 1.7rem;}
.page1 .page1-btn-juanzhou{width: 0.28rem; height: 1.40rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/btn-juanzhou.png); top: 10.1rem;left: 2.6rem; -webkit-animation:scaleout 2.3s infinite ease-in-out;animation:scaleout 2.3s infinite ease-in-out;}
.page1 .open-music-bg{width: 1.85rem; height: 0.22rem; display: none; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/open-music-bg.png); position: absolute;top: 11.6rem;left: 50%;transform: translate(-50%);}
.swiper-bg {
background-image: url('//game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page2.jpg');
width: 100%;
height: 100%;
position: absolute;overflow: hidden;
}
.next-btn{width: 1.75rem; height: 0.28rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/next-btn.png);margin-top: 0.2rem;left: 50%;transform: translateX(-50%);}
/* 2 */
.page2{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page2 .page2-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page2 .page2-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page2 .page2-top{margin: 1.3rem 0.4rem 0 1.1rem;}
.page2 .page2-top1{height: 1.7rem;}
.page2 .page2-text{display: block;height: 3.2rem;margin: 0.7rem 0 0 0;}
.page2 .page2-bottom ul{margin: 0 0.5rem 0 0.5rem;display: flex;justify-content: space-around;align-items: center;}
.page2 .page2-bottom ul li{width: 1.32rem; height: 2.32rem; margin: 0 0.2rem 0 0.2rem; position: relative;}
.page2 .page2-bottom ul li img{width: 100%; height: 100%;}
.page2 .img-text{display: block; width: 1.2rem;font-size: 0.2rem;position: absolute;bottom: 0.6rem;left: 0;text-align: center;color: #3b261d;}
.page2 .img-text2{display: block ;width: 1rem;;text-align: center;font-size: 0.2rem;position: absolute;bottom: 0.2rem;left: 0.1rem;color: #3b261d;}
/* 浜戦浘 */
.page2 .yun-left1{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left7.png);position: absolute;left: 0;top: 0;width: 14.23rem;height: 5.20rem;opacity: 1;transition: all 4s; z-index: 998;}
.page2 .yun-left2{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left1.png);position: absolute;left: 0;top: 0.7rem;width: 11.54rem;height: 6.12rem;opacity: 1;transition: all 4s; z-index: 1002;}
/* .page2 .yun-left3{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left2.png);position: absolute;left: 2.5rem;top: 4.5rem;width: 2.70rem;height: 2.12rem;opacity: 1;transition: all 4s; z-index: 1003;} */
.page2 .yun-left4{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left3.png);position: absolute;left: 0;top: 4rem;width:10.42rem;height: 6.97rem;opacity: 1;transition: all 4s; z-index: 1003;}
.page2 .yun-left5{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left8.png);position: absolute;left: 0;top: 9rem;width: 9.03rem;height: 3.22rem;opacity: 1;transition: all 4s; z-index: 1000;}
.page2 .yun-left6{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left4.png);position: absolute;left: 0;top: 11rem;width: 6.10rem;height: 3.32rem;opacity: 1;transition: all 4s; z-index: 1000;}
.page2 .yun-left7{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left5.png);position: absolute;left: -1.5rem;top: 13rem;width: 8.52rem;height: 2.99rem;opacity: 1;transition: all 4s; z-index: 999;}
.page2 .yun-left8{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-left6.png);position: absolute;left: 0;bottom: 0;width: 7.50rem;height: 2.88rem;opacity: 1;transition: all 4s; z-index: 1000;}
.page2 .yun-right1{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-right6.png);position: absolute;right: 0;top: 0;width: 10.49rem;height: 5.10rem;opacity: 1;transition: all 4s; z-index: 999;}
.page2 .yun-right2{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-right1.png);position: absolute;right: 0;top: 1rem;width: 11.64rem;height: 7.40rem;opacity: 1;transition: all 4s; z-index: 1002;}
.page2 .yun-right3{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-right2.png);position: absolute;right: 0;top: 7rem;width: 3.73rem;height: 1.45rem;opacity: 1;transition: all 4s; z-index: 1003;}
.page2 .yun-right4{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-right3.png);position: absolute;right: 0;top: 7rem;width: 9.84rem;height: 6.64rem;opacity: 1;transition: all 4s; z-index: 1002;}
.page2 .yun-right5{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-right4.png);position: absolute;right: 0;top: 11rem;width: 12.67rem;height: 4.41rem;opacity: 1;transition: all 4s; z-index: 998;}
.page2 .yun-right6{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-right5.png);position: absolute;right: 0;bottom: 0;width: 5.73rem;height: 2.59rem;opacity: 1;transition: all 4s; z-index: 999;}
.page2 .niao{background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/niao1.png); width: 4.39rem; height: 4.79rem; left:2.2rem; bottom: 7rem;opacity: 1;transition: all 5s; z-index: 1005;}
.page2 .yun-bg{width: 100%; height: 100%; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/yun-bg.jpg); }
/* 3 */
.page3{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page3 .page3-bg{width: 6.31rem; height: 8.04rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page3-bg.png); margin: 1rem auto 0;}
/* 4 */
.page4{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page4 .page4-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page4 .page4-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page4 .page4-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page4 .page4-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page4 .page4-top{margin: 0.7rem 0.4rem 0 1.1rem; font-size: 0.3rem;}
.page4 .line{width: 5.11rem; height: 0.07rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/line.png);}
.page4 .page4-bottom{margin: 0.4rem 0.4rem 0 0.4rem; font-size: 0.3rem; text-align: center;}
.page4 .page4-dianzan{width: 3.32rem; height: 3.01rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page4-content-bj.png);left: 1.94rem;top: 4rem;}
.page4 .page4-dianzan img{width: 2.23rem; height: 3.20rem;position: absolute ;left: 0.54rem;top: 0.5rem;}
.page4 .page4-gif{display: flex; justify-content: center; width: 3.73rem;height: 1.89rem;position: absolute ;left: 50%;transform: translateX(-50%);top: 7.7rem; align-items: center;}
.page4 .page4-gif img{width: auto;height: 100%;}
.page4 .page4-dianzan-bottom{left: 1.2rem;top: 9.3rem;}
.page4 .next-btn{width: 1.75rem; height: 0.28rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/next-btn.png);margin-top: 7.5rem;left: 50%;transform: translateX(-50%);}
/* 5 */
.page5{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page5 .page5-top{margin: 0.7rem 0.4rem 0 1.1rem; font-size: 0.3rem;}
/* .page5 .page5-bottom ul{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin: 0.2rem 0.3rem 0 0.3rem;}
.page5 .page5-bottom ul li{width: 2.21rem; height: 3.20rem;}
.page5 .page5-bottom ul li img{width: 100%; height: 100%;} */
.page5 .page5-bottom-text{text-align: center;line-height: 0.5rem;}
.page5 .page5-bottom-text p:nth-child(2){font-size: 0.2rem;}
/* 6 */
.page6{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page6 .page6-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page6 .page6-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page6 .page6-top{margin: 1.3rem 0.2rem 0 0.2rem;font-size: 0.3rem; text-align: center;}
.page6 .page6-smile-img{display: inline-block;width: 1.60rem; height: 0.56rem;position: relative;top: 0.1rem; left: 0;}
.page6 .page6-smile-img img{width: 100%; height: 100%;}
.page6 .page6-bottom{width: 7.03rem; height: 8.93rem;margin: 0.8rem auto 0;}
.page6 .page6-bottom img{width: 100%; height: 100%;}
/* 7 */
.page7{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page7 .page7-top{margin: 1.2rem 0.2rem 0 0.2rem;font-size: 0.3rem;padding-left: 0.7rem;}
.page7 .page7-bottom{width: 7.03rem; height: 8.98rem;margin: -0.7rem auto 0;}
.page7 .page7-bottom img{width: 100%; height: 100%;}
/* 8 */
.page8{width: 100%;height: 100%;position: relative;overflow: hidden;}
.page8 .page8-bg{width: 6.78rem; height: 8.80rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page8-bg.png);margin: 1.3rem auto 0;}
/* 9 */
.page9{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page9.jpg);position: relative;overflow: hidden;}
.page9 .page9-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 9999;}
.page9 .page9-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem; z-index: 999;}
.page9 .page9-top{margin: 0.4rem 0.2rem 0 0.2rem; font-size: 0.3rem; text-align: center;}
.page9 .page9-top .num6{font-size: 0.5rem;}
.page9 .page9-top .num{font-size: 0.5rem;}
.page9 .swiper-container {width:95%;height: 7.38rem; z-index: 0 !important; margin: 2.8rem auto 0;}
.page9 .swiper-title{width: 4.37rem; height: 0.7rem; margin: 0.4rem auto 0;text-align: center; color: #3b261d;}
.page9 .page9-swiper-bg{width: 5.46rem; height: 5.46rem;margin: 0.3rem auto 0; }
.page9 .page9-swiper-bg img{width: 100%; height: 100%;}
.page9 .page9-swiper-left{width: 0.59rem; height: 0.7rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page9-swiper-left.png); animation: swiper-l-r 2s ease-in-out infinite;}
.page9 .page9-swiper-right{width: 0.59rem; height: 0.7rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page9-swiper-right.png); animation: swiper-l-r 2s ease-in-out infinite;}
.page9 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {top: 4.2rem;}
.page9 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {top: 4.2rem;}
.page9 .page9-more{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);color: #74594e;font-size: 0.2rem;}
.page9 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display: none !important;}
.page9 .page9-bottom{width: 6.39rem; height: 3.02rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page9-bottom-text.png); margin: 0 auto; text-align: center; padding-top: 0.2rem;}
/* 9j */
.page9j{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page9j.jpg);position: relative;overflow: hidden;transform:translate3d(0,0,0)}
.page9j .page9j-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page9j .page9j-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page9j .page9j-top{margin: 0.6rem 0.2rem 0 0.9rem; font-size: 0.3rem;}
.page9j .page9j-top-img{width: 1.27rem; height: 1.26rem;}
.page9j .page9j-top-img img{width: 100%; height: 100%;}
.page9j .page9j-top1{display: flex;}
.page9j .page9j-top1>span{margin: 0.2rem 0 0 0.6rem;}
.page9j .page9j-bottom{margin: 0.9rem 0.3rem 0 0.9rem; font-size: 0.3rem;}
.page9j .page9j-ul ul{margin: 0 0.2rem 0 0.2rem;}
.page9j .page9j-ul ul li{display: flex;justify-content: space-evenly;align-items: center;}
.page9j .page9j-bottom-img{width: 1.73rem; height: 1.65rem;}
.page9j .page9j-bottom-img img{width: 100%; height: 100%;}
.page9j .next-btn{margin-top:11.8rem}
.page10{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page10.jpg);position: relative;overflow: hidden;transform:translate3d(0,0,0)}
.page10 .page10-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page10 .page10-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page10 .page10-top{margin: 0.3rem 0.2rem 0 0.2rem; font-size: 0.3rem; text-align: center;}
.page10 .page10-bottom ul{display: flex;flex-flow: wrap;justify-content: space-around;align-items: center;margin: 0.5rem 0.2rem 0 0.2rem;}
.page10 .page10-bottom ul li:nth-of-type(1){width: 6.39rem; height: 2.51rem; background-image: url(//game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page10-list-bg1.png);}
.page10 .page10-bottom ul li:nth-of-type(2){width: 6.15rem; height: 2.79rem; background-image: url(//game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page10-list-bg2.png);}
.page10 .page10-bottom ul li:nth-of-type(3){width: 6.01rem; height: 2.78rem; background-image: url(//game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page10-list-bg3.png);}
.page10 .li-1{top: 0.5rem;left: 2.4rem;width: 3.7rem;height: 1.5rem;text-align: center;font-size: 0.2rem;}
.page10 .li-2{top: 0.5rem;left: 0.2rem;width: 3.7rem;height: 1.5rem;text-align: center;font-size: 0.2rem;}
.page10 .li-3{top: 0.5rem;left: 2.1rem;width: 3.7rem;height: 1.5rem;text-align: center;font-size: 0.2rem;}
.page10 .li-1-p{font-size: 0.4rem;}
.page10 .next-btn{margin-top:11rem}
.page11{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page11.jpg);position: relative;overflow: hidden;}
.page11 .page11-title-img{width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: absolute; z-index: 999;}
.page11 .page11-title-img img{width: 5.11rem; height: 6.94rem; position: absolute;top: 50%;left: 50%;margin-left: -2.55rem;margin-top: -3.47rem;}
.page11 .page11-top{margin: 1.1rem 0.8rem 0 0.2rem; font-size: 0.3rem; text-align: right;}
.page11 .page11-bottom{margin: 1.3rem 0.3rem 0 0.7rem; font-size: 0.3rem; text-align: left;}
.page12{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page12.jpg);position: relative;overflow: hidden;}
.page12 .page12-top{position: absolute;bottom: 2.7rem;left: 1.7rem;}
.page12 .page12-btn1{display: block;width: 4.30rem; height: 0.63rem;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page12-btn.png);}
.page12 .page12-text{font-size: 0.2rem;text-align: center; margin-top: 0.3rem;}
.page12 .page12-bottom-box{width: 6.30rem; height: 1.41rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page12-bottom-box.png); position: absolute;bottom: 0.8rem; left: 0.6rem; margin-bottom: 0.4rem;}
.page12 .page12-bottom{width: 94%;text-align: center;margin: 0.1rem 0.2rem 0.1rem 0.2rem;}
.page12 .page12-bottom>p{font-weight: bold; font-size: 0.3rem;}
.page12 .page12-num5{font-size: 0.2rem;}
.page12 .page12-bottom-bottom{margin: 0 0.3rem 0 0rem;display: flex;justify-content: space-around;align-items: center;}
.page12 .page12-img1{display: block; width: 3.04rem; height: 0.5rem;display: flex;justify-content: space-evenly;align-items: center;margin-left: 0.4rem;}
.page12 .page12-img1 span:nth-of-type(1){display: inline-block; width: 0.64rem; height: 0.64rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page12-bottom-img2.png);}
.page12 .page12-img2{display: block; width: 3.04rem; height: 0.5rem;display: flex;justify-content: space-evenly;align-items: center;}
.page12 .page12-img2 span:nth-of-type(1){display: inline-block; width: 0.64rem; height: 0.64rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page12-bottom-img1.png);}
.page13{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page13.jpg);position: relative;overflow: hidden;}
.page13 .page13-top{width: 6.48rem; height: 11.16rem; margin: 0 auto; position: relative;}
.page13 .page13-top img {width: 100%; height: 100%; }
.page13 .jobcard-top{position: absolute;top: 3.5rem;left: 0.9rem;width: 5.2rem;text-align: center; color: #3b261d; font-size: 0.3rem;}
.page13 .jobcard-top p:nth-of-type(1){width: 1.81rem; height: 1.81rem;margin: 0 auto 0.2rem;}
.page13 .jobcard-top p:nth-of-type(1) img{width: 100%; height: 100%;}
.page13 .jobcard-center{position: absolute;top: 7.5rem;left: 1.6rem;text-align: left; color: #3b261d; font-size: 0.3rem;}
.page13 .jobcard-bottom{position: absolute;top: 8.5rem;left: 0.6rem; text-align: center;}
.page13 .jobcard-bottom div:nth-of-type(1){display: inline-block; width: 72%; font-size: 0.2rem; color: #fff;}
.page13 .jobcard-bottom div:nth-of-type(1) span{color: #3b261d;}
.page13 .page13-bottom{text-align: center; }
.page13 .page13-bottom p:nth-of-type(4){color: #2f271d; font-size: 0.2rem;}
.page13 .page13-bottom p:nth-of-type(3) img{width: 0.80rem; height: 0.80rem; border: 2px solid #ffe7b8; border-radius: 5%;}
.page14{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page14.jpg);position: relative;overflow: hidden;}
.page14 .page14-top{width: 6.48rem; height: 11.15rem; margin: 0 auto; position: relative;}
.page14 .page14-top img{width: 100%; height: 100%;}
.page14 .jobcard-top{position: absolute;top: 3.58rem;left: 0.91rem;width: 5.2rem;text-align: center; color: #3b261d; font-size: 0.3rem;}
.page14 .jobcard-top p:nth-of-type(1){width: 1.81rem; height: 1.81rem;margin: 0 auto 0.2rem;}
.page14 .jobcard-top p:nth-of-type(1) img{width: 100%; height: 100%;}
.page14 .jobcard-center{position: absolute;top: 6.2rem;left: 1.3rem;text-align: left; color: #3b261d;font-size: 0.4rem;}
.page14 .jobcard-bottom{position: absolute;top: 9.1rem;left: 0.6rem;text-align: center;}
.page14 .jobcard-bottom div:nth-of-type(1){display: inline-block; width: 72%; font-size: 0.2rem; color: #edd6a2;}
.page14 .jobcard-bottom div:nth-of-type(1) span{color: #ffba00;}
.page14 .page14-bottom{text-align: center;}
/* 选择工卡样式swiper */
.select .select-jobcard1{width: 100%;height: 100vh;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page13.jpg);position: relative;overflow: hidden;}
/* .select .select-jobcard1{width: 7.50rem;height: 16.24rem;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page13.jpg);position: relative;overflow: hidden;} */
.select .select-jobcard1 .select-jobcard1-top{width: 5.77rem; height: 9.86rem; margin: 0 auto; position: relative;}
.select .select-jobcard1 .select-jobcard1-top img {width: 100%; height: 100%; }
.select .select-jobcard1 .jobcard-top{position: absolute;top: 3.1rem;left: 0.3rem;width: 5.17rem;text-align: center; color: #3b261d; font-size: 0.3rem;}
.select .select-jobcard1 .jobcard-top p:nth-of-type(1){width: 136px; height: 136px;margin: 0 auto 0.2rem;}
.select .select-jobcard1 .jobcard-top p:nth-of-type(2){font-weight: bold;}
.select .select-jobcard1 .jobcard-top p:nth-of-type(1) img{width: 136px; height: 136px; border-radius: 68px;}
.select .select-jobcard1 .jobcard-center{position: absolute;top: 6.9rem;left: 0.6rem;text-align: left;}
.select .select-jobcard1 .jobcard-center p:nth-child(1){font-size: 0.35rem;}
.select .select-jobcard1 .jobcard-center p:nth-child(2){font-size: 0.35rem;}
.select .select-jobcard1 .jobcard-center p:nth-child(1) span{font-size: 0.35rem;}
.select .select-jobcard1 .jobcard-center p:nth-child(2) span{font-size: 0.35rem;}
.select .select-jobcard1 .jobcard-bottom{position: absolute;top: 8.5rem;left: 0; width: 100%; text-align: center;line-height: 0.4rem;}
.select .select-jobcard1 .jobcard-bottom p{font-size: 0.3rem; color: #fff;}
.select .select-jobcard1-bottom{text-align: center;}
.select .select-jobcard1-bottom p:nth-child(1){font-size: 0.2rem;display: flex;align-items: center;justify-content: center;}
.select .select-jobcard1-bottom .text{display: inline-block; width: 0.31rem; height: 0.31rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/rule.png);}
.select .select-jobcard1-bottom p:nth-child(2){display: block;width: 3.64rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-jobcard-btn1.png);margin: 0.2rem auto 0;}
.select .select-jobcard1-bottom p:nth-child(3) a{display: block;width: 3.64rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-jobcard-btn2.png);margin: 0.2rem auto 0;}
.select .select-jobcard1-bottom p:nth-child(4){font-size: 0.2rem;}
.select .select-jobcard1-bottom .select-jobcard1-btn3{width: 3.64rem;height: 0.63rem;display: block;}
.select .select-jobcard1 .explain{width: 1.31rem; height: 0.47rem; top: 0.5rem; left: 0.3rem;}
.select .select-jobcard1 .explain img{width: 100%; height: 100%;}
/* 工卡制作中1 */
.makeing-1 .select-jobcard-1{width: 7.50rem;height: 16.24rem;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page13.jpg);position: relative;overflow: hidden;}
.makeing-1 .select-jobcard-1 .select-jobcard1-top{width: 5.77rem; height: 9.86rem; margin: 0 auto; position: relative;}
.makeing-1 .select-jobcard-1 .select-jobcard1-top img {width: 100%; height: 100%; }
.makeing-1 .select-jobcard-1 .jobcard-top{position: absolute;top: 3.1rem;left: 0.3rem;width: 5.17rem;text-align: center; color: #3b261d; font-size: 0.3rem;}
.makeing-1 .select-jobcard-1 .jobcard-top p:nth-of-type(1){width: 136px; height: 136px;margin: 0 auto 0.2rem; position: relative;}
.makeing-1 .select-jobcard-1 .jobcard-top p:nth-of-type(2){font-weight: bold;}
.makeing-1 .select-jobcard-1 .jobcard-top p:nth-of-type(1) img{width: 100%; height: 100%; filter: blur(5px);border-radius:50%}
.makeing-1 .select-jobcard-1 .jobcard-top p:nth-of-type(1) i{display: block;;width: 0.39rem; height: 0.39rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/head-lod.png);left: 50%;margin-left: -0.19rem;top: 50%;margin-top: -0.19rem;z-index: 99;}
.makeing-1 .select-jobcard-1 .jobcard-center{position: absolute;top: 6.9rem;left: 0.6rem;text-align: left;}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(1){font-size: 0.35rem;}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(2){font-size: 0.35rem;}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(1) span{font-size: 0.35rem;}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(2) span{font-size: 0.35rem;}
.makeing-1 .select-jobcard-1 .jobcard-bottom{position: absolute;top: 8.5rem;left: 0;text-align: center; width: 100%;line-height: 0.4rem;}
.makeing-1 .select-jobcard-1 .jobcard-bottom p{font-size: 0.3rem; color: #fff;}
.makeing-1 .make-p{font-size: 0.3rem; text-align: center; margin-top: 0.3rem;}
/* 工卡样式一领取福利 */
.get-welfare1{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page13.jpg);position: relative;overflow: hidden;display: flex; flex-direction: column;}
.get-welfare1 .get-welfare1-top{width: 5.77rem; height: 9.86rem; margin: 0 auto; position: relative;}
.get-welfare1 .get-welfare1-top img {width: 100%; height: 100%; }
.get-welfare1 .jobcard-top{position: absolute;top: 3.1rem;left: 0.3rem;width: 5.17rem;text-align: center; color: #3b261d; font-size: 0.3rem;}
.get-welfare1 .jobcard-top p:nth-of-type(1){width: 136px; height: 136px;margin: 0 auto 0.2rem;}
.get-welfare1 .jobcard-top p:nth-of-type(2){font-weight: bold;}
.get-welfare1 .jobcard-top p:nth-of-type(1) img{width: 100%; height: 100%;border-radius: 50%;}
.get-welfare1 .jobcard-center{position: absolute;top: 6.9rem;left: 0.6rem;text-align: left;}
.get-welfare1 .jobcard-center p:nth-child(1){font-size: 0.35rem;}
.get-welfare1 .jobcard-center p:nth-child(2){font-size: 0.35rem;}
.get-welfare1 .jobcard-center p:nth-child(1) span{font-size: 0.35rem;}
.get-welfare1 .jobcard-center p:nth-child(2) span{font-size: 0.35rem;}
.get-welfare1 .jobcard-bottom{position: absolute;top: 8.5rem;left: 50%; transform: translateX(-50%); width: 100%; text-align: center;line-height: 0.4rem;}
.get-welfare1 .jobcard-bottom p{font-size: 0.3rem; color: #fff;}
.get-welfare1 .get-welfare1-bottom{text-align: center;z-index: 9999;position: relative;display: flex;
flex-direction: column;
justify-content: space-around;
/* flex:1; */
max-height: calc(100% - 10.6rem);
min-height: 2.2rem;
}
/* .get-welfare1 .get-welfare1-bottom p:nth-child(1){margin-top: 0.2rem;} */
.get-welfare1 .get-welfare1-p2{font-size: 0.2rem;text-align: center;}
.get-welfare1 .get-welfare1-btn1{display: block; width: 2.92rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/get-welfare1-btn1.png);margin: 0 auto 0;}
.get-welfare1 .get-welfare1-btn1-on{display: block; width: 2.89rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/get-welfare1-btn1-on.png);margin: 0.3rem auto 0;}
.get-welfare1 .get-welfare1-bottom-bottom{display: flex;justify-content: space-evenly;align-items: center;}
.get-welfare1 .get-welfare1-btn2{display: block; z-index: 99; width: 2.92rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/get-welfare1-btn2.png);}
.get-welfare1 .get-welfare1-btn3{display: block; width: 2.92rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/get-welfare1-btn3.png);}
.get-welfare1 .explain2{width: 1.31rem; height: 0.47rem; top: 0.5rem; left: 0.3rem; z-index: 99;}
.get-welfare1 .explain2 img{width: 100%; height: 100%;}
#select-hero-dia .match_main .select-hero-btn1.loading {
background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/uploading.png);
}
/* canvas */
#cover{position:fixed;z-index:200;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.7)}
.tipscanavs{top: 0;left: 0;width: 100%;height: 100%; opacity: 0; z-index: 98;}
.canvas_box{width:100%;height:auto;overflow:hidden;clear:both}
.canvas_box img{display:block;width:100%;height:auto}
/* .mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,1);z-index:998;display:none} */
/* 分享完成图一页面 */
.fxdb2{text-align: center;font-style: oblique;font-size: 0.2rem; color: #969780;}
.fxdb1{width: 100%; height: 2.99rem;float: left; margin-top: 0.2rem;}
.fxdb1 p:nth-child(1){font-size: 0.35rem;}
.fxdb1 .fxdb1-left{margin: 0 0rem 0 0.9rem; display: inline-block;}
.fxdb1 .fxdb1-left p:nth-child(3){margin-top: 0.1rem;}
.fxdb1 .line-fx{width: 3.76rem; height: 0.13rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/line-fx.png);}
.fxdb1 .fxdb1-ft{font-size: 0.25rem;}
.fxdb1 .fxdb1-right{text-align: center;margin: 0 0.5rem 0 0.2rem; display: inline-block;}
.fxdb1 .fxdb1-right img{width: 1.43rem; height: 1.43rem;
/* border: 2px solid #ffeabf; */
/* border-radius: 10%; */
}
.fxdb1 .fxdb1-right p{font-size: 0.2rem;font-weight: bold;}
.fxdb1 .line-qr{width: 4.53rem; height: 0.65rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/line-qr.png); top: 0.9rem; right: 0; z-index: 0;}
/* 用户全部流程走完重新更换工卡样式1 */
.complete-jobcard1{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page13.jpg);position: relative;overflow: hidden;}
.complete-jobcard1 .complete-jobcard1-top{width: 5.77rem; height: 9.86rem; margin: 0 auto; position: relative;}
.complete-jobcard1 .complete-jobcard1-top img {width: 100%; height: 100%; }
.complete-jobcard1 .jobcard-top{position: absolute;top: 3.5rem;left: 0.3rem;width: 5.17rem;text-align: center; color: #3b261d; font-size: 0.3rem;}
.complete-jobcard1 .jobcard-top p:nth-of-type(1){width: 1.81rem; height: 1.81rem;margin: 0 auto 0.2rem;}
.complete-jobcard1 .jobcard-top p:nth-of-type(2){font-weight: bold;}
.complete-jobcard1 .jobcard-top p:nth-of-type(1) img{width: 100%; height: 100%;}
.complete-jobcard1 .jobcard-center{position: absolute;top: 6.9rem;left: 0.6rem;text-align: left;}
.complete-jobcard1 .jobcard-center p:nth-child(1){font-size: 0.35rem;}
.complete-jobcard1 .jobcard-center p:nth-child(2){font-size: 0.35rem;}
.complete-jobcard1 .jobcard-center p:nth-child(1) span{font-size: 0.35rem;}
.complete-jobcard1 .jobcard-center p:nth-child(2) span{font-size: 0.35rem;}
.complete-jobcard1 .jobcard-bottom{position: absolute;top: 8.5rem;left: 1.5rem;text-align: center;width: 100%; line-height: 0.4rem;}
.complete-jobcard1 .jobcard-bottom p{font-size: 0.3rem; color: #fff;}
.complete-jobcard1 .complete-jobcard1-bottom{width: 100%;position: absolute;top: 10rem;left: 0; text-align: center; }
.complete-jobcard1 .complete-jobcard1-bottom-bottom{display: flex;justify-content: space-evenly;align-items: center; margin: 0.5rem 0.3rem 0 0.3rem;}
.complete-jobcard1 .complete-jobcard1-btn2{display: block; width: 2.89rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/complete-jobcard1-btn2.png);}
.complete-jobcard1 .complete-jobcard1-btn3{display: block; width: 2.92rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/get-welfare1-btn3.png);}
/* 领取弹窗1 */
#award1 .tanchuan1{width: 9.74rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/tanchuang.png);position: relative;overflow: hidden;}
#award1 .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 2.35rem;}
#award1 .tanchuan1 p:nth-child(1){text-align: center;margin: 0.8rem 2.1rem 0 2.2rem; font-size: 0.5rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#award1 .tanchuan1 p:nth-child(3){text-align: center;margin: 0 2.1rem 0 2.2rem;color: #573729;}
#award1 .tanchuan1 a{position: absolute; bottom: 1.3rem; display: block; width: 1.98rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/tanchuang-btn.png);margin: 0.3rem 2.1rem 0 4rem;}
#award1 .tanchuang1-box{display: flex;justify-content: space-around;align-items: center; margin: 0 2.1rem 0 2.2rem;}
#award1 .tanchuang1-box div:nth-child(1) img{width: 1.73rem; height: 1.65rem;}
#award1 .tanchuang1-box div:nth-child(2) img{width: 1.73rem; height: 1.65rem;}
/* 领取弹窗2 */
#noname .tanchuan1{width: 9.74rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/tanchuang.png);position: relative;overflow: hidden;}
#noname .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 2.35rem;}
#noname .tanchuan1 p:nth-child(1){text-align: center;margin: 0.8rem 2.1rem 0 2.2rem; font-size: 0.5rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#noname .tanchuan1 p:nth-child(3){text-align: center;margin: 0 2.1rem 0 2.2rem;color: #573729;}
#noname .tanchuan1 a{display: block; width: 1.98rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/tanchuang-btn.png);margin: 0.3rem 2.1rem 0 4rem;}
#noname .tanchuang1-box{display: flex;justify-content: space-around;align-items: center; margin: 0 2.1rem 0 2.2rem;}
#noname .tanchuang1-box div:nth-child(1) img{width: 1.73rem; height: 1.65rem;}
#noname .tanchuang1-box div:nth-child(2) img{width: 1.73rem; height: 1.65rem;}
/* 登录弹窗 */
#tipslogin .tipslogin-box{width: 11.25rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/login-bg.png);position: relative;overflow: hidden;}
#tipslogin .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 3.15rem;}
#tipslogin .tipslogin-box p:nth-child(1){text-align: center;margin:1.55rem 2.9rem 0 2.9rem; font-size: 0.4rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#tipslogin .btnbox{margin: 0.6rem 3.5rem 0 3.5rem; display: flex;justify-content: space-around;align-items: center;}
#tipslogin .btnbox a:nth-child(1){display: block;width: 1.55rem; height: 1.54rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/qq.png);}
#tipslogin .btnbox a:nth-child(2){display: block;width: 1.54rem; height: 1.54rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/wx.png);}
/* 选择区服弹窗 */
#role-select .qf-box{width: 8.59rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/qf-bg.png);position: relative;overflow: hidden;left: 0.5rem;}
#role-select .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 1.85rem;}
#role-select .qf-box p:nth-child(1){text-align: center;margin: 0.8rem 2.1rem 0 1.1rem; font-size: 0.5rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#role-select .se-input{padding:1.8rem 0 0 1.5rem;}
#role-select .se-input select{display:block;width:4.50rem;height:0.67rem;line-height:0.67rem;margin-bottom:0.20rem; padding-left: 0.2rem; color: #573729; border: none; -webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/option.png);background-position: 94% 50%;background-repeat: no-repeat;;}
#role-select .role-select-btn{display: block; width: 1.98rem; height: 0.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/tanchuang-btn.png);margin: 0.4rem 2.1rem 0 2.9rem;}
/* 规则弹窗 */
#show-rule .rule-box{width: 9.36rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/rulepup.png);position: relative;overflow: hidden;}
#show-rule .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 2.15rem;}
#show-rule .rule-box>p:nth-child(1){text-align: center;margin: 0.6rem 1.9rem 0 2rem; font-size: 0.5rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#show-rule .rule-box-text{width: 5rem;height: 3.1rem;position: absolute;top: 1.6rem;right: 2.15rem;overflow-y: auto;}
/* 活动说明 */
#explain .explain-bg{display: flex; justify-content: center; flex-direction: column; width: 8.59rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/explain-bg.png);position: relative;overflow: hidden;left: 0.5rem;}
#explain .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 1.85rem;}
#explain .explain-title{text-align: center;margin: 0 3.3rem 4.3rem 2.2rem; font-size: 0.5rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#explain .explain-text{width: 5rem;height: 3.1rem;position: absolute;top: 1.6rem;right: 2.15rem;overflow-y: auto;}
#explain .explain-bg p {
}
.select.page {
max-height: 100%;
width: 100%;
overflow: hidden;
}
/* .select.page {
max-height: 100%;
width: 100%;
overflow-y: auto;
} */
#explain .explain-bg ul {
white-space: normal;
overflow-y: scroll;
}
#explain .explain-bg ul li {
white-space: normal;
text-indent: 2em;
}
/* 选择英雄 */
#select-hero-dia .select-hero-box{width: 10.12rem; height: 6.63rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-hero-bg.png);position: relative;overflow: hidden;}
#select-hero-dia .dia-close{display: block;width: 0.5rem; height: 0.5rem; position: absolute;top: 0.6rem;right: 2.55rem;}
#select-hero-dia .select-hero-box>p:nth-child(1){text-align: center;margin: 0.7rem 1.9rem 0 2rem; font-size: 0.4rem;background-image:-webkit-linear-gradient(bottom,#9b6045,#8d5a42,#7f513d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#select-hero-dia .select-hero-bottom ul{ display: flex;justify-content: space-around;align-items: center; margin: 0 2.3rem 0 2.4rem;}
#select-hero-dia .select-hero-bottom li{width:2.30rem;height:0.52rem;overflow:hidden}
#select-hero-dia .select-hero-bottom li span{display:block;width:100%;height:100%}
#select-hero-dia .select-hero-bottom .nav_list li .nav1{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/man.png)}
#select-hero-dia .select-hero-bottom .nav_list li .nav2{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/nv.png)}
#select-hero-dia .select-hero-bottom .nav_list .cur .nav1{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/man-on.png)}
#select-hero-dia .select-hero-bottom .nav_list .cur .nav2{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/nv-on.png)}
#select-hero-dia .match_main .ct1{margin: 0 2.35rem 0 2.5rem;}
#select-hero-dia .match_main .ct1 ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
#select-hero-dia .match_main .ct1 ul li{width: 1.24rem; height: 1.24rem}
/*诸葛亮*/
#select-hero-dia .match_main .ct1 ul li.li08{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img1.png)}
#select-hero-dia .match_main .ct1 ul li.li08.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img1-on.png)}
/*赵云*/
#select-hero-dia .match_main .ct1 ul li.li07{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img2.png)}
#select-hero-dia .match_main .ct1 ul li.li07.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img2-on.png)}
/*亚瑟*/
#select-hero-dia .match_main .ct1 ul li.li06{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img3.png)}
#select-hero-dia .match_main .ct1 ul li.li06.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img3-on.png)}
/*李白*/
#select-hero-dia .match_main .ct1 ul li.li05{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img4.png)}
#select-hero-dia .match_main .ct1 ul li.li05.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img4-on.png)}
/*凯*/
#select-hero-dia .match_main .ct1 ul li.li04{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img5.png)}
#select-hero-dia .match_main .ct1 ul li.li04.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img5-on.png)}
/*韩信*/
#select-hero-dia .match_main .ct1 ul li.li03{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img6.png)}
#select-hero-dia .match_main .ct1 ul li.li03.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img6-on.png)}
/*程咬金*/
#select-hero-dia .match_main .ct1 ul li.li02{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img7.png)}
#select-hero-dia .match_main .ct1 ul li.li02.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img7-on.png)}
/*百里*/
#select-hero-dia .match_main .ct1 ul li.li01{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img8.png)}
#select-hero-dia .match_main .ct1 ul li.li01.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-man-img8-on.png)}
#select-hero-dia .match_main .ct2{margin: 0 2.35rem 0 2.5rem;}
#select-hero-dia .match_main .ct2 ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
#select-hero-dia .match_main .ct2 ul li{width: 1.24rem; height: 1.24rem}
/*嫦娥*/
#select-hero-dia .match_main .ct2 ul li.li01{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img1.png)}
#select-hero-dia .match_main .ct2 ul li.li01.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img1-on.png)}
/*貂蝉*/
#select-hero-dia .match_main .ct2 ul li.li02{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img2.png)}
#select-hero-dia .match_main .ct2 ul li.li02.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img2-on.png)}
/*上官*/
#select-hero-dia .match_main .ct2 ul li.li03{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img3.png)}
#select-hero-dia .match_main .ct2 ul li.li03.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img3-on.png)}
/*昭君*/
#select-hero-dia .match_main .ct2 ul li.li04{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img4.png)}
#select-hero-dia .match_main .ct2 ul li.li04.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img4-on.png)}
/*则天*/
#select-hero-dia .match_main .ct2 ul li.li05{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img5.png)}
#select-hero-dia .match_main .ct2 ul li.li05.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img5-on.png)}
/*西施*/
#select-hero-dia .match_main .ct2 ul li.li06{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img6.png)}
#select-hero-dia .match_main .ct2 ul li.li06.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img6-on.png)}
/*杨玉环*/
#select-hero-dia .match_main .ct2 ul li.li07{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img7.png)}
#select-hero-dia .match_main .ct2 ul li.li07.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img7-on.png)}
/*甄姬*/
#select-hero-dia .match_main .ct2 ul li.li08{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img8.png)}
#select-hero-dia .match_main .ct2 ul li.li08.on{background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-nv-img8-on.png)}
#select-hero-dia .match_main .select-hero-btn1{ background-size: contain; display: block; width: 3.56rem; height: 0.63rem;background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/select-hero-btn1.png); margin: 0 auto;}
#select-hero-dia .match_main .select-hero-btn2{display: block; width: 2.89rem; height: 0.63rem;background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/uploading.png); margin: 0 auto;}
#select-hero-dia .match_main p{font-size: 0.2rem;text-align: center;}
#select-hero-dia .match_main_logo{width: 4.36rem; height: 0.82rem; background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/match_main_logo.png);margin: 0.2rem auto 0;}
/* 分享页 */
#share .fx img{width: 7.50rem;height: 16.24rem;}
.dialog-fx{position: fixed; z-index: 999; bottom: 0; right: 0; top: 0 !important; left: 0 !important;margin-left: 0 !important;margin-top: 0 !important;}
/* 异常流 */
.ycl{width: 100%;height: 100%;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/ycl.jpg);position: relative;overflow: hidden;}
.ycl .ycl-top{ margin: 2.1rem 0.2rem 0 0.1rem;;font-size: 0.3rem;padding-left: 0.8rem;}
@keyframes xuanzhuan{
0% {
-webkit-transform: rotateY(-180deg);
top:9rem;
transform:scale(0.7,0.7) rotate(30deg)
}
100% {
-webkit-transform: rotate(0);
top: 0;
transform:scale(1,1)
}
}
@keyframes tupian{
0%,100%{
background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou.png);
}
50%{
background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou-on.png);
}
}
/* @keyframes faguang{
0%,100%{
background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou-bottom-on.png);
}
50%{
background-image:url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/juanzhou-bottom.png);
}
} */
@keyframes loading-top {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: .25;
transform: scale(.75);
}
}
@keyframes loading-bottom{
0% {
-webkit-transform: translate3d(0,0,0);
opacity: 0;
}
20% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(-1rem,1rem,0) rotate(260deg);
opacity: 0;
}
}
@keyframes loading-xinxin{
0% {
-webkit-transform: translate3d(0,0,0);
opacity: 0;
}
20% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(0rem,-1rem,0)rotate(0deg);
opacity: 0;
}
}
@keyframes swiper-l-r{
0% {
transform: scale(0.5);
opacity: 0.5;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0.5;
}
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform:scale(1.0)
}
100% {
-webkit-transform:scale(2.1);
opacity:0;
}
}@keyframes scaleout {
0% {
transform:scale(1.0);
-webkit-transform:scale(1.0);
opacity:0;
}
10% {
transform:scale(1.0);
-webkit-transform:scale(1.0);
opacity:1;
}
100% {
transform:scale(1.2);
-webkit-transform:scale(1.2);
opacity:0;
}
}
@keyframes music {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tab{overflow: hidden;clear: both;position: relative;padding-bottom: 0.3rem;margin: 0 0.3rem 0 0.3rem;}
.ul-container{overflow: hidden;clear: both; }
.ul-container li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;float: left; padding-right: 0.7rem; box-sizing: border-box;justify-content: space-around;}
.ul-container li .tab-box{display: block;position: relative;width: 2.21rem;height: 3.20rem;margin-top: 0.3rem;}
.ul-container li img{display: block;margin: 0 auto 5px;width: 100%;height: 100%;}
.dot-container{width: 100%;background:transparent;text-align:center;}
.dot-container span{width: 10px;height: 10px;display: inline-block;margin: 0 2px;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page5-bottom-img-on.png);background-size: 100% auto;background-position: 50% 0;background-repeat: no-repeat;}
.dot-container span.act{width: 10px;height: 10px;display: inline-block;margin: 0 2px;background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page5-bottom-img.png);background-size: 100% auto;background-position: 50% 0;background-repeat: no-repeat;}
@media screen and (max-height: 667px) {
.page9 .page9-swiper-bg {
width: 4.46rem;
height: 4.46rem;
margin: 0.3rem auto 0;
}
.page9 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
top: 3.9rem;
}
.page9 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
top: 3.9rem;
}
.page9 .swiper-container {
width: 95%;
height: 6.38rem;
z-index: 0 !important;
margin: 2.8rem auto 0;
}
.page12 .page12-top {
position: absolute;
top: 8.6rem;
left: 1.7rem;
}
.page12 .page12-bottom-box {
width: 6.30rem;
height: 1.41rem;
background-image: url(https://game.gtimg.cn/images/yxzj/cp/20201106mutuallycamp/page12-bottom-box.png);
position: absolute;
top: 9.9rem;
left: 0.6rem;
}
.select .select-jobcard1 .select-jobcard1-top {
width: 4.07rem;
height: 8.16rem;
margin: 0 auto;
position: relative;
}
.select .select-jobcard1 .jobcard-top {
position: absolute;
top: 2.6rem;
left: 0.5rem;
width: 3.17rem;
text-align: center;
color: #3b261d;
font-size: 0.2rem;
}
.select .select-jobcard1 .jobcard-top p:nth-of-type(1) {
width: 79px;
height: 79px;
margin: 0 auto 0.2rem;
}
.select .select-jobcard1 .jobcard-top p:nth-of-type(1) img {
width: 79px;
height: 79px;
border-radius: 68px;
}
.select .select-jobcard1 .jobcard-center {
position: absolute;
top: 5.8rem;
left: 0.4rem;
text-align: left;
}
.select .select-jobcard1 .jobcard-center p:nth-child(1) {
font-size: 0.25rem;
}
.select .select-jobcard1 .jobcard-center p:nth-child(1) span {
font-size: 0.25rem;
}
.select .select-jobcard1 .jobcard-center p:nth-child(2) {
font-size: 0.25rem;
}
.select .select-jobcard1 .jobcard-center p:nth-child(2) span {
font-size: 0.05rem;
}
.select .select-jobcard1 .jobcard-bottom {
position: absolute;
top: 7rem;
left: 0;
width: 100%;
text-align: center;
line-height: 0.4rem;
}
.select .select-jobcard1 .jobcard-bottom p {
font-size: 0.2rem;
color: #fff;
}
.select .select-jobcard1 .jobcard-bottom p {
font-size: 0.2rem;
color: #fff;
}
.get-welfare1 .get-welfare1-top {
width: 4.47rem;
height: 8.46rem;
margin: 0 auto;
position: relative;
}
.get-welfare1 .jobcard-top {
position: absolute;
top: 2.7rem;
left: 0.7rem;
width: 3.17rem;
text-align: center;
color: #3b261d;
font-size: 0.2rem;
}
.get-welfare1 .jobcard-top p:nth-of-type(1) {
width: 79px;
height: 79px;
margin: 0 auto 0.2rem;
}
.get-welfare1 .jobcard-top p:nth-of-type(1) img {
width: 79px;
height: 79px;
border-radius: 68px;
}
.get-welfare1 .jobcard-center {
position: absolute;
top: 5.8rem;
left: 0.4rem;
text-align: left;
}
.get-welfare1 .jobcard-center p:nth-child(1) {
font-size: 0.25rem;
}
.get-welfare1 .jobcard-center p:nth-child(1) span {
font-size: 0.25rem;
}
.get-welfare1 .jobcard-center p:nth-child(2) {
font-size: 0.25rem;
}
.get-welfare1 .jobcard-center p:nth-child(2) span {
font-size: 0.05rem;
}
.get-welfare1 .jobcard-bottom {
position: absolute;
top: 7.3rem;
width: 100%;
text-align: center;
line-height: 0.4rem;
}
.get-welfare1 .jobcard-bottom p {
font-size: 0.2rem;
color: #fff;
}
.get-welfare1 .jobcard-bottom p {
font-size: 0.2rem;
color: #fff;
}
.makeing-1 .select-jobcard-1 .select-jobcard1-top {
width: 4.07rem;
height: 8.16rem;
margin: 0 auto;
position: relative;
}
.makeing-1 .select-jobcard-1 .jobcard-top {
position: absolute;
top: 2.6rem;
left: 0.5rem;
width: 3.17rem;
text-align: center;
color: #3b261d;
font-size: 0.2rem;
}
.makeing-1 .select-jobcard-1 .jobcard-top p:nth-of-type(1) {
width: 79px;
height: 79px;
margin: 0 auto 0.2rem;
}
.makeing-1 .select-jobcard-1 .jobcard-top p:nth-of-type(1) img {
width: 79px;
height: 79px;
border-radius: 68px;
}
.makeing-1 .select-jobcard-1 .jobcard-center {
position: absolute;
top: 5.8rem;
left: 0.4rem;
text-align: left;
}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(1) {
font-size: 0.25rem;
}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(1) span {
font-size: 0.25rem;
}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(2) {
font-size: 0.25rem;
}
.makeing-1 .select-jobcard-1 .jobcard-center p:nth-child(2) span {
font-size: 0.05rem;
}
.makeing-1 .select-jobcard-1 .jobcard-bottom {
position: absolute;
top: 7rem;
left: 0;
width: 100%;
text-align: center;
line-height: 0.4rem;
}
.makeing-1 .select-jobcard-1 .jobcard-bottom p {
font-size: 0.2rem;
color: #fff;
}
.makeing-1 .select-jobcard-1 .jobcard-bottom p {
font-size: 0.2rem;
color: #fff;
}}