/* //game.gtimg.cn/images/baiye/cp/gmi601839/ */

.page{width: 7.5rem;height: 100%;position: relative;top: 0;left: 0;z-index: 9;font-family: 'font';}
.container{height:12.75rem;position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);}
/* page1 */
.page1{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page1/bg1.jpg) 0 0/100% no-repeat;}
.btn_start{display: block;width: 3.83rem; height: 1.05rem; background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page1/btn_go1.png) no-repeat;background-size: 100% 100%; left: 0; right: 0;margin: auto;bottom: 0.8rem;z-index: 10;}

#page1 .p_txt1{width:7.35rem;height: 2.99rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page1/txt_bg.png) no-repeat; background-size: 100% 100%;color: #704343;display: block;line-height: 0.4rem;font-size: 0.24rem;font-family: 'font';box-sizing: border-box;padding: 0.65rem 0.7rem 0.56rem 0.7rem;position: absolute;left: 50%;transform: translate(-50%);bottom: 2.7rem;text-indent: 2em;}
.page .icon{display: inline-block; width: 0.25rem;height: 0.36rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page1/icon.png) 0 0/100% no-repeat;vertical-align: middle;}

/* page2 */
.page2{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/bg2.jpg) 0 0/100% no-repeat;}
#page2 .top1{position: relative;height: 2rem;}
#page2 .btn_back{width: 1.33rem;height: 0.6rem;background-position: 0 0;position: absolute;left: 0;top: 0;}

#page2 .cont{position: relative;}
#page2 .cont .role_box{height: 10.1rem;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
#page2 .cont .role_box a{width: 6.39rem;height: 1.4rem;}
#page2 .cont .role_box .btn_role1{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/role1.png) 0 0/100% no-repeat;}
#page2 .cont .role_box .btn_role2{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/role2.png) 0 0/100% no-repeat;}
#page2 .cont .role_box .btn_role3{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/role3.png) 0 0/100% no-repeat;}
#page2 .cont .role_box .btn_role4{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/role4.png) 0 0/100% no-repeat;}
#page2 .cont .role_box .btn_role5{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/role5.png) 0 0/100% no-repeat;}
#page2 .cont .role_box .btn_role6{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page2/role6.png) 0 0/100% no-repeat;}

/* page3 */
#page3{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/bg3_1.jpg) 0 0/100% no-repeat;}
#page4{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/bg3_2.jpg) 0 0/100% no-repeat;}
#page5{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/bg3_3.jpg) 0 0/100% no-repeat;}
#page6{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/bg3_4.jpg) 0 0/100% no-repeat;}
#page7{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/bg3_5.jpg) 0 0/100% no-repeat;}
#page8{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/bg3_6.jpg) 0 0/100% no-repeat;}

.page3 .p3_txt{width: 7.35rem;height: 3.69rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/txt_bg.png) 0 0/100% no-repeat;position: absolute;top: 6.8rem;left: 50%;transform: translate(-50%);box-sizing: border-box;padding: 0.65rem 0.5rem 0.3rem 0.7rem;font-family: 'font';font-size: 0.24rem;color: #704343;line-height: 0.4rem;text-indent: 2em;}

.page3 .btn_box{width: 6.5rem;position: absolute;left: 50%;transform: translate(-50%);bottom: 1.2rem;display: flex;justify-content: space-around;}
.page3 .btn_box .btn_fhtxlb,.page4 .btn_fhtxlb{width: 2.97rem;height: 0.79rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/btn_fhtxlb.png) 0 0/100% no-repeat;}
.page3 .btn_box .btn_ckwp{width: 2.97rem;height: 0.79rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page3/btn_ckwp.png) 0 0/100% no-repeat;}




/* page4 */
.page4{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/bg4.jpg) 0 0/100% no-repeat;width: 7.5rem;height: auto;padding-bottom: 0.8rem;}


.top{width: 100%;height: 1rem;background-color: #000;display: flex;justify-content: space-evenly;align-items: center;margin-bottom: 2.5rem;position: absolute;top: -0.01rem;}
.top a{display: block;width: 2.03rem;height: 0.4rem;font-size: 0.3rem;color: #696969;box-sizing: border-box;padding-left: 0.2rem;}
.top a.on{color: #ffffff;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/top_bg.png) 0 0/100% no-repeat;}

#page9 .top{height: 0.8rem;}
#page9{padding-top: 3.2rem;}
#page10 .top,#page16 .top{top: -1.75rem;}
#page14{padding-top:0.75rem;}
#page14 .top{height: 0.85rem;}

.page4 .login_box{width: 6.7rem;margin: 0 auto;font-size: 0.22rem;color: #ffffff;line-height: 0.35rem;position: absolute;top: 1rem;left: 0.5rem;}
.page4 .login_box a{color: #87e1ff;}
.page4 .login_box span{color: #ffe494;border-bottom: 1px solid #ffe494;}

.page4 .card_list{width: 6.6rem;margin: 0 auto;display: flex;flex-direction: column;display: none;}
.page4 .card_list .card{width: 6.59rem;height: 3.07rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/card_bg.png) 0 0/100% no-repeat;display: flex;}
.page4 .card_list .card_left{width: 2.75rem;display: flex;align-items: center;flex-direction: column;position: relative;justify-content: center;}
.page4 .card_list .card_left em,.page7 .card_left em{display: block;width: 0.66rem;height: 0.66rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/biaoqian.png) 0 0/100% no-repeat;font-size: 0.22rem;color: #ffc778;position: absolute;text-align: center;line-height: 0.6rem;top: 0.3rem;left: 0.3rem;transform: rotate(-20deg);box-sizing: border-box;}
.page4 .card_list .card_left .txt6{font-size: 0.18rem;line-height: 0.2rem;padding-top: 0.1rem;}
.page4 .card_list .card_left img{display: block;width: 2.2rem;height: auto;}
.page4 .card_list .p4_txt1{font-size: 0.18rem;color: #504343;line-height: 0.2rem;width: 100%;text-align: center;font-family: none;}
.page4 .card_list .p4_txt3{font-size: 0.16rem;color: #504343;line-height: 0.2rem;width: 100%;text-align: center;font-family: none;margin-bottom: 0.2rem;}

.page4 .card_list .card_right{width: 3.55rem;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;position: relative;}
.page4 .card_list .card_right h4{color: #423030;font-size: 0.36rem;line-height: 0.4rem;}
.page4 .card_list .card:nth-of-type(1) .card_right h4{line-height: 0.36rem;font-size: 0.32rem;}
.page4 .card_list .p4_txt2{font-size: 0.18rem;color: #423030;line-height: 0.4rem;text-align: justify;}
.page4 .card_list .card_right .card_box{display: flex;align-items: center;height: 0.9rem;}
.page4 .card_list .card_right .card_box .tou{width: auto;height: 0.9rem;}
.page4 .card_list .card_right .card_box .tou img{display: block;width: auto;height: 0.9rem;}
.page4 .card_list .card_right .card_box .pao{width: 2.5rem;height: 0.65rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/qipao.png) 0 0/100% no-repeat;font-size: 0.18rem;color: #614e4e;box-sizing: border-box;padding: 0.1rem 0.1rem 0.1rem 0.15rem;text-align: justify;}
.page4 .card_list .card:nth-of-type(4) .card_right .card_box .pao,.page4 .card_list .card:nth-of-type(5) .card_right .card_box .pao{padding: 0.05rem 0.1rem 0rem 0.15rem;}
.page4 .card_list .card:nth-of-type(6) .p4_txt2{line-height: 0.2rem;margin-top: 0.1rem;}
.page4 .card_list .card:nth-of-type(6) .p4_txt3{text-align: right;}
.page4 .card_list .card_right .btn_qxy{width: 2rem;height: 0.66rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/btn_qxy.png) 0 0/100% no-repeat;}
.page4 .card_list .card_right .btn_qxy1{width: 2rem;height: 0.66rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/btn_qxy1.png) 0 0/100% no-repeat;}
.page4 .card_list .card_right .btn_deng{width: 2rem;height: 0.66rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/btn_deng.png) 0 0/100% no-repeat;}
.page4 .card_list .card_right .btn_yxy{width: 2rem;height: 0.66rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/btn_yxy.png) 0 0/100% no-repeat;}

.page4 .btn_fhtxlb{margin: 0.3rem auto;}

.page4 .btn_rule{width: 2.97rem;height: 0.79rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/btn_rule.png) 0 0/100% no-repeat;margin: 0.3rem auto;}
.page4 .rule_list li{font-size: 0.22rem;text-align: justify;color: #faf5f1;width: 6.5rem;margin: 0 auto;line-height: 0.38rem;font-family: none;}

.page4 .card_list .card_right .p4_txt1{text-align: left;}

.page4 .jiantou{width: 0.99rem;height: 0.99rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/jiantou.png) 0 0/100% no-repeat;position: fixed;right: 0rem;bottom: 0.8rem;}
.page4 .jiantou1{transform: rotate(180deg);bottom: 1.8rem;}

/* page5 */
.page5{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/bg5.jpg) 0 0/100% no-repeat;}
#page13{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/bg6.jpg) 0 0/100% no-repeat;}
.page5 .login_box{width: 6.7rem;margin: 0 auto;font-size: 0.22rem;color: #ffffff;line-height: 0.35rem;}
.page5 .login_box a{color: #87e1ff;}
.page5 .login_box span{color: #ffe494;border-bottom: 1px solid #ffe494;}

.page5 .kuang{width: 6.7rem;margin: 7.2rem auto 0;}
#page15 .kuang{margin: 6.4rem auto 0;}

#page13 .kuang{margin: 6rem auto 0;}
.page5 .kuang h4{width: 3.8rem; font-size: 0.6rem;color: #402020;text-align: center;height: 1rem;line-height: 1rem; position: relative;margin: 0 auto;}
.page5 .kuang h4::before,.page5 .kuang h4::after{content: '';background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/icon.png) no-repeat;background-size:cover;position: absolute;  top: 0.4rem; width: 0.25rem;height: 0.29rem;}
.page5 .kuang h4::before{left: 0rem;}
.page5 .kuang h4::after{right: 0rem;}
.page5 .kuang p{text-align: center;font-size: 0.26rem;color: #402020;width: 5.9rem;margin: 0 auto;line-height: 0.4rem;}
.page5 .kuang p span{color: #f15d3d;}
.page5 .kuang .btn_box{width: 6.7rem;display: flex;justify-content: space-evenly;align-items: center;margin: 0.5rem auto 0;}
.page5 .kuang .btn_box a{display: block;width: 2.5rem;height: 0.68rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/btn.png) 0 0/100% no-repeat;line-height: 0.65rem;text-align: center;font-size: 0.34rem;color: #f6dc8d;}

#page11 .kuang h4{width: 6.3rem; font-size: 0.44rem;}
#page12 .kuang h4,#page13 .kuang h4{width: 3.3rem;}
#page13 .kuang h4{margin-bottom: 0.5rem;}
/* page7 */
.page7{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page4/bg7.jpg) 0 0/100% no-repeat;width: 7.5rem;height: 25.25rem;}
.page7 .login_box,#page15 .login_box{width: 6.7rem;margin: 0 auto;font-size: 0.22rem;color: #ffffff;line-height: 0.35rem;position: absolute;top: 0.9rem;left: 0.5rem;}
.page7 .login_box a,#page15 .login_box a{color: #87e1ff;}
.page7 .login_box span,#page15 .login_box span{color: #ffe494;border-bottom: 1px solid #ffe494;}

.page7 .page7_cont{padding-top: 5.3rem;}
.page7 .page7_cont h3{font-size: 0.4rem;color: #402020;text-align: center;}
.page7 .page7_cont h3 span{color: #ffe494;text-shadow: #000 0.02rem 0 0, #000 0 0.02rem 0;}
.page7 .card{width: 6.6rem;height: 3rem;display: flex;margin: 0 auto;}
.page7 .card_left{width: 3rem;display: flex;align-items: flex-end;flex-direction: column;position: relative;justify-content: center;}
.page7 .card_left img{display: block;width: 2.5rem;height: auto;}
.page7 .card_left .txt6{font-size: 0.18rem;line-height: 0.2rem;padding-top: 0.1rem;}


.page7 .card_right{width: 3.5rem;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;position: relative;}
.page7 .card_right h4{color: #423030;font-size: 0.36rem;line-height: 0.4rem;}

.page7 .rule_list,#page15 .rule_list{width: 6rem;margin: 0 auto;}
.page7 .rule_list li,#page15 .rule_list li{text-align: justify;font-size: 0.22rem;color: #402020;line-height: 0.38rem;font-family: none;}
.page7 .rule_list .btn_rule,#page15 .rule_list .btn_rule{font-size: 0.3rem;}

#page15{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/bg10.jpg) 0 0/100% no-repeat;width: 7.5rem;height: 26.74rem;box-sizing: border-box;padding-top: 1rem;}
#page15 .rule_list{margin: 0.3rem auto 0;}

/* page6 */
.page6{background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/bg8.jpg) 0 0/100% no-repeat;}
.page6 .login_box{width: 6.7rem;margin: 0 auto;font-size: 0.22rem;color: #ffffff;line-height: 0.35rem;}
.page6 .login_box a{color: #87e1ff;}
.page6 .login_box span{color: #ffe494;border-bottom: 1px solid #ffe494;}

.page6 .kuang{width: 6.7rem;margin: 6.5rem auto 0;}
.page6 .kuang h4{width: 5.8rem; font-size: 0.38rem;color: #402020;text-align: center;height: 2.1rem;line-height: 0.7rem; position: relative;margin: 0 auto;}
.page6 .kuang p{text-align: center;font-size: 0.26rem;color: #402020;width: 5rem;margin: 0 auto;line-height: 0.4rem;}
.page6 .kuang p span{color: #f15d3d;}
.page6 .kuang .btn_box{width: 6rem;display: flex;justify-content: space-evenly;align-items: center;margin: 0.1rem auto 0;flex-wrap: wrap;}
.page6 .kuang .btn_box a{display: block;width: 2.5rem;height: 0.68rem;background: url(//game.gtimg.cn/images/baiye/cp/gmi601839/page5/btn.png) 0 0/100% no-repeat;line-height: 0.65rem;text-align: center;font-size: 0.28rem;color: #f6dc8d;margin-bottom: 0.2rem;}
.page6 .btn_back{color: #fff;position: absolute;right: 0.3rem;top: 0.2rem;}