/* reset */
body,div,p,ul,li,table,tbody,tr,td,th,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong,th{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.cl:before,.cl:after {content:"";display:table;}
.cl:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.db {display:block;text-indent:-999em;}
.sp{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/sp_l.png) no-repeat;background-size: 7.5rem auto;}
/* .portrait .sp{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/sp_l.png) no-repeat;background-size: 7.5rem auto;} */

/* 横屏 */
.landscape body,html.landscape{overflow-x:hidden;width:100%;height:100%;background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/bg.jpg) no-repeat 50% #121b38;background-size: cover;}
.landscape .wrap{position: relative;width: 100%;height: 100%;overflow: hidden;}
.landscape .main{width: 12.76rem;height: 6.24rem;position: absolute;left: 50%;top: 50%;margin: -3.12rem 0 0 -6.38rem;display: none;box-sizing: border-box;}
.landscape .con1{padding-top: .12rem;display: block;}
.landscape .logo1{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/logo1.png) no-repeat;width: 3.14rem;height: 1.29rem;margin: 0 auto;background-size: 100% 100%;-webkit-animation:fadeInUp 1s .1s ease both;}
.landscape .slogan{margin: .44rem auto .73rem;background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/slogan.png) no-repeat;width: 9.41rem;height: 1.82rem;background-size: 100% 100%;-webkit-animation:fadeInUp 1s .3s ease both;}
.landscape .btn_ljtp{width: 3.22rem;height: .7rem;background-position: 0 0;margin: 0 auto .67rem;-webkit-animation:fadeInUp 1s .5s ease both;}
.landscape .logo2{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/logo2.png) no-repeat;width: 3.29rem;height: .46rem;margin: 0 auto;background-size: 100% 100%;-webkit-animation:fadeInUp 1s .7s ease both;}

@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(.3rem)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}

.landscape .con2,.landscape .con3{padding-top: .01rem;}
.landscape .park_box{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/park.png) no-repeat;width: 8.09rem;height:6.79rem;background-size: 100% 100%;position: relative;}
.landscape .player_list li{width: 1.23rem;height: 1.68rem;position: absolute;}
.landscape .player_list img{display: block;width:100%;height:auto; object-fit: contain;}
.landscape .player_list .p1_1{left: 15%;top: 1%;}
.landscape .player_list .p1_2{left: 42%;top: 1%;}
.landscape .player_list .p1_3{left: 68%;top: 1%;}
.landscape .player_list .p2_1{left: 18%;top: 26%;}
.landscape .player_list .p2_2{left: 42%;top: 34%;}
.landscape .player_list .p2_3{left: 66%;top: 26%;}
.landscape .player_list .p3_1{left: 1%;top: 49%;}
.landscape .player_list .p3_2{left: 22%;top: 54%;}
.landscape .player_list .p3_3{left: 62%;top: 53%;}
.landscape .player_list .p3_4{left: 82%;top: 49.4%;}
.landscape .player_list .p4_1{left: 42%;top: 62%;}

.landscape .xz_list li::after{content: "点击选择球员";font-size: .16rem;color: #fbe3aa;line-height: .24rem;position: absolute;left: 0;width: 100%;text-align: center;top: 0;text-shadow: #1b1e3a 0 0 .05rem; background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/xzng.png) no-repeat; background-size: 100% auto;}
.landscape .xz_list li[data-has='has']::after{content: "点击更换球员";}

.landscape .info_box{position: absolute;width: 4.4rem;right: 0;top: .27rem;}
.landscape .logo1_s{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/logo1.png) no-repeat;width: 1.86rem;height: .77rem;margin: 0 auto .2rem;background-size: 100% 100%;}
.landscape .info_tit1{background-position: -3.54rem -1.64rem;width: 3.74rem;height: 1.27rem;margin: 0 auto .16rem;}
.landscape .info_btn{padding-bottom: .05rem;}

.info_btn a{width: 3.22rem;height: .7rem;margin: 0 auto .2rem;}
.btn_qrtp{background-position: 0 0;}
.btn_ckhxr{background-position: 0 -2.34rem;}
.btn_rule{background-position: 0 -3.11rem;}
.btn_save{background-position: 0 -1.57rem;}


.landscape .logo2_s{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/logo2.png) no-repeat;width: 3.14rem;height: .44rem;margin: 0 auto;background-size: 100% 100%;}
.landscape .info_tit2{background-position: -3.59rem -3.2rem;width: 3.58rem;height: 1.28rem;margin: 0 auto .16rem;}

.pop_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;-webkit-animation:fadeIn .3s ease both;}
.pop_content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);box-sizing: border-box;}
.pop_xz{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/pop1.png) no-repeat;width: 9.64rem;height: auto;background-size: 100% 100%;padding: .22rem 0; box-sizing: border-box;}

.pop_tit0{width: 3rem;height: .65rem;background-position: 0 -5.43rem;margin: 0 auto .1rem;}
.pop_tit1{width: 3.03rem;height: .65rem;background-position: -3.59rem -4.58rem;margin: 0 auto .1rem;}
.pop_tit2{width: 3.03rem;height: .65rem;background-position: -3.59rem -6.18rem;margin: 0 auto .1rem;}
.pop_tit3{width: 3.03rem;height: .65rem;background-position: -0 -6.18rem;margin: 0 auto .1rem;}
.pop_tit4{width: 3.03rem;height: .65rem;background-position: -3.59rem -5.34rem;margin: 0 auto .1rem;}

.pop_list,.pop_list2{width: 8.66rem;margin: 0 auto .1rem;height: 4.3rem;overflow-y: auto;padding-top: .1rem; display: flex; justify-content: start; flex-wrap: wrap;}
.pop_list li,.pop_list2 li{width: 1.7rem;height: auto;margin: 0 0 0.3rem 0;display: inline;position: relative;}
.pop_list img,.pop_list2 img{display: block;width:100%;height:auto;position: relative;z-index: 2;}
.pop_list .cur::before{ content: ""; position: absolute; background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/cur.png) no-repeat; width: 88%; height: 2rem; background-size: 100% auto; left: 5%; top: -2%; z-index: 6; }
.pop_list .get::before{ content: ""; position: absolute; background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/get.png) no-repeat; width: 88%; height: 2rem; background-size: 100% auto; left: 5%; top: -2%; z-index: 6; }
/*.pop_list .get{pointer-events: none;}*/ /*todo*/
.btn_qrxz{background-position: 0 -4.64rem;width: 3.19rem;height: .7rem;margin: 0 auto;}
.btn_qrxz.gray{background-position: 0 -3.88rem;pointer-events: none;}
.player_list4 li{margin-bottom: .15rem;}
.pop_close{width: .42rem;height: .43rem;background-position: -6.5rem -.89rem;right: -.41rem;top: -.29rem;position: absolute;}
.pop_ts{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/pop3.png) no-repeat;width: 6.12rem;height:auto;box-sizing: border-box;background-size: 100% 100%; padding: 0rem 0 0.2rem;}
.pop_tips{display: flex;justify-content: center;align-items: center;text-align: center;width: 100%;height: 2.12rem;font-size: .24rem;color: #dae1f5;line-height: .3rem;padding: 0 .3rem;box-sizing: border-box;}
/* .pop_tips2{height: 100%;} */
.pop_btn{text-align: center;font-size: 0;}
.pop_btn a{display: inline-block;vertical-align: top;width: 2.6rem;height: .6rem;margin: 0 .17rem;}
.btn_qrxzs{background-position: -3.55rem -.71rem;}
.btn_wzxx{background-position: 0 -7.83rem;}
.btn_wytp{background-position: -3.55rem 0;}

a:active{filter: brightness(.9);}
.btn_wzxx:active{filter: grayscale(1);}
.pop_rule{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/pop1.png) no-repeat;width: 9.63rem;height: auto;background-size: 100% 100%;padding: .15rem .3rem;box-sizing: border-box;}
.rule_box{height: 5.4rem;overflow-y: auto;}
.rule_list{font-size: .22rem;color: #dae1f5;line-height: .36rem; text-indent: 2em;}

.rule_tit{text-align: center;line-height: .66rem;font-size: .28rem;color: #fff;width: 4.75rem;margin: 0 auto .2rem;border-bottom: 1px solid #8c909d;}
.rule_tit1{width: 3.34rem;height: .67rem;background-position:0 -6.93rem;margin: 0 auto .1rem;}
.rule_tit2{width: 3.34rem;height: .67rem;background-position:-3.57rem -6.93rem;margin: 0.1rem auto .1rem;}


.pop_save{width: 9.64rem;height: 5.55rem;background: #fff;border-radius: .2rem;box-sizing: border-box;padding: .25rem;}
.save_tips{width: 4.1rem;float: left;padding: 1.53rem .15rem 0 0;box-sizing: border-box;text-align: center;}
.save_tips i{display: block;width: .42rem;height: .42rem;margin: 0 auto .17rem;background-position: -6.43rem -.08rem;}
.save_txt1{font-size: .26rem;color: #333;line-height: 1;padding-bottom: .18rem;}
.save_txt2{font-size: .18rem;color: #333;line-height: .24rem;}
.fx_box{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/fx_bg.jpg) no-repeat #11182d;width: 5.04rem;height: 5.04rem;background-size: 100% 100%;float: right;overflow: hidden;position: relative;}
.ewm_box{position: absolute;width: 1.4rem;right: .05rem;bottom: .03rem;text-align: center;}
.ewm_box img{display: block;width: .65rem;height: .65rem;margin: 0 auto .05rem;}
.ewm_box p{font-size: .13rem;color: #fff;line-height: .16rem;}
.fx_tips{font-size: .13rem;color: #020c25;line-height: 1;position: absolute;width: 5.04rem;right: .25rem;bottom: .05rem;text-align: center;}
.fx_txt{font-size: .24rem;line-height: .28rem;color: #efe094;text-align: center;width: 4.3rem;margin: 0 auto .02rem;padding-top: .3rem;}
.fx_txt2{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/fx_txt.png) no-repeat;width: 1.62rem;height: .25rem;background-size: 100% 100%;margin: 0 auto;}
.pop_save .player_list{width: 3.34rem;height: 3.92rem;margin: 0.15rem auto 0;position: relative;}
.pop_save .player_list li{width: .7rem;height: .97rem;position: absolute;}
.pop_save .player_list img{display: block;width: .7rem;height:auto;}
.pop_save .player_list .p1_1{left: .45rem;top: 0;}
.pop_save .player_list .p1_2{left: 1.35rem;top: 0;}
.pop_save .player_list .p1_3{left: 2.25rem;top: 0;}
.pop_save .player_list .p2_1{left: .45rem;top: 1.03rem;}
.pop_save .player_list .p2_2{left: 1.35rem;top: 1.03rem;}
.pop_save .player_list .p2_3{left: 2.25rem;top: 1.03rem;}
.pop_save .player_list .p3_1{left: 0;top: 1.99rem;}
.pop_save .player_list .p3_2{left: .9rem;top: 1.99rem;}
.pop_save .player_list .p3_3{left: 1.79rem;top: 1.99rem;}
.pop_save .player_list .p3_4{left: 2.69rem;top: 1.99rem;}
.pop_save .player_list .p4_1{left: 1.35rem;top: 2.95rem;}
.dom2img-result{position: absolute;right: .25rem;top: .25rem;width: 5.04rem;height: 5.04rem;opacity: 0;z-index: 2;}
.info_btn{position: relative;z-index: 10;}
/*滚动条整体样式*/
.pop_list::-webkit-scrollbar,.pop_list2::-webkit-scrollbar,.rule_box::-webkit-scrollbar {
    width: .04rem;
    height: .04rem;
    border-radius: .04rem;
}
/*滚动条滑块*/
.pop_list::-webkit-scrollbar-thumb,.pop_list2::-webkit-scrollbar-thumb,.rule_box::-webkit-scrollbar-thumb {
    background: #fbe3aa;
    border-radius: .04rem;
}
/*滚动条轨道*/
.pop_list::-webkit-scrollbar-track,.pop_list2::-webkit-scrollbar-track,.rule_box::-webkit-scrollbar-track {
    border: 0.02rem solid #857d69;
    background: #1d2230;
    border-radius: .04rem;
}
.landscape #afooter{display: none;}


/* 竖屏 */
.portrait .main{display: none;}
.portrait .con2{display: block;}
.portrait #afooter{color:#fff;padding:0.2rem 0;font-size:0.2rem;text-align:center;}
.portrait #afooter a{color:#fff;}
.portrait body,html.landscape{overflow-x:hidden;background: #00001b;}
.portrait .wrap{position: relative;width: 100%;height: 16.24rem;overflow: hidden;background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/por/bg.jpg) no-repeat 50% 0;background-size: 100% auto;padding-top:6.92rem;box-sizing: border-box;}
.portrait .park_box{position: relative;background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/por/park.png) no-repeat;width: 7.44rem;height: 6.59rem;background-size: 100% 100%;margin: 0 auto -.4rem;}
.portrait .player_list li{width: 1.14rem;height: 1.74rem;position: absolute;}
.portrait .player_list img{display: block;width: 1.14rem;height: 1.74rem;object-fit: contain;}
.portrait .player_list .p1_1{left: 15%;top: 0;}
.portrait .player_list .p1_2{left: 41%;top: 0;}
.portrait .player_list .p1_3{left: 68%;top: 0;}


.portrait .player_list .p2_1{left: 18%;top: 24%;}
.portrait .player_list .p2_2{left: 42%;top: 30%;}
.portrait .player_list .p2_3{left: 66%;top: 24%;}

.portrait .player_list .p3_1{left: 5%;top: 46%;}
.portrait .player_list .p3_2{left: 24%;top: 51%;}
.portrait .player_list .p3_3{left: 59%;top: 49%;}
.portrait .player_list .p3_4{left: 78%;top: 46%;}

.portrait .player_list .p4_1{left: 42%;top: 57%;}

.portrait .xz_list li::after{content: "点击选择球员";font-size: .16rem;color: #ffe9ad;line-height: .24rem;position: absolute;left: 0;width: 100%;text-align: center;top: 0;text-shadow: #1b1e3a 0 0 .05rem; background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/xzng.png) no-repeat; background-size: 100% 100%;}
.portrait .xz_list li[data-has='has']::after{content: "点击更换球员";}

.portrait .logo1_s,.portrait .info_tit1,.portrait .logo2_s,.portrait .info_tit2{display: none;}
.portrait .info_btn a{margin: 0 auto .25rem;}
.portrait .pop_close{width: .42rem;height: .43rem;background-position: -6.5rem -.89rem;right: 0rem;top: -.5rem;position: absolute;}

.portrait .pop_rule{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/por/pop1.png) no-repeat;background-size: 100% 100%; width: 7rem;}
.portrait .pop_xz{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/por/pop1.png) no-repeat;width: 7rem;height:auto;background-size: 100% 100%;}

.portrait .pop_list{height: 5.5rem; width: 98%;}
.portrait .pop_list2{height: 6.4rem; width: 98%;}
.portrait .pop_ts{background: url(//game.gtimg.cn/images/ffm/cp/a20241224votes/por/pop3.png) no-repeat;background-size: 100% 100%;}

.portrait .btn_qrxz{background-position: 0 -4.64rem;}
.portrait .btn_qrxz.gray{background-position: 0 -3.88rem;}
.portrait .pop_save{width: 5.62rem;height: 8.4rem;padding: .3rem;}
.portrait .save_tips{float: none;width: 100%;padding: .2rem 0 0;height: 2.4rem;}
.portrait .save_tips i{transform: scale(1.45);}
.portrait .fx_tips{font-size: .16rem;color: #020c25;line-height: 1;position: absolute;width: 100%;left: 0;bottom: .22rem;text-align: center;}
.portrait .save_txt1{font-size: .48rem;color: #1d2230;line-height: .56rem;padding-bottom: .05rem;}
.portrait .save_txt2{font-size: .24rem;color: #1d2230;line-height: .32rem;}

.portrait .pop_save .player_list{width: 3.34rem;height: 3.92rem;margin: .15rem auto 0;position: relative;}
.portrait .pop_save .player_list li{width: .7rem;height: .97rem;position: absolute;}
.portrait .pop_save .player_list img{display: block;width: .7rem;height:auto;}
.portrait .pop_save .player_list .p1_1{left: .45rem;top: 0;}
.portrait .pop_save .player_list .p1_2{left: 1.35rem;top: 0;}
.portrait .pop_save .player_list .p1_3{left: 2.25rem;top: 0;}
.portrait .pop_save .player_list .p2_1{left: .45rem;top: 1.03rem;}
.portrait .pop_save .player_list .p2_2{left: 1.35rem;top: 1.03rem;}
.portrait .pop_save .player_list .p2_3{left: 2.25rem;top: 1.03rem;}
.portrait .pop_save .player_list .p3_1{left: 0;top: 1.99rem;}
.portrait .pop_save .player_list .p3_2{left: .9rem;top: 1.99rem;}
.portrait .pop_save .player_list .p3_3{left: 1.79rem;top: 1.99rem;}
.portrait .pop_save .player_list .p3_4{left: 2.69rem;top: 1.99rem;}
.portrait .pop_save .player_list .p4_1{left: 1.35rem;top: 2.95rem;}
.portrait .dom2img-result{position: absolute;left: .3rem;top: 3.1rem;width: 5.04rem;height: 5.04rem;opacity: 0;z-index: 2;}

.landscape .user_info{position: absolute;width: 4.4rem;text-align: center;right: 0;bottom: 0;color: #fff;font-size: .22rem;}

.portrait .user_info{position: absolute;width: 100%;text-align: right; padding: 0 0.2rem; left: 0;top: -6.8rem;color: #fff;font-size: .22rem; box-sizing: border-box;}
.con2{position: relative;}
.con3{position: relative;}


