.my-header {border: 1px solid #2C2C33;}
.part2 {background: #21222a;min-width: 320px;}
.Set-opt {font-size: 12px;color: #FFFFFF;margin-top: 7px;float: left;margin-left: 11px;}
.my-header img {width: 134px;margin-top: 10px;float: left;}
.my-header a {text-decoration: none;display: block;padding: 0 10px;color: #FFFFFF;}
.nav_lo {float: left;margin-left: 15px;width: 270px;}
.Software-vip {width: 100%;height: 730px;background:linear-gradient(225deg,rgba(42,95,166,1),rgba(58,51,124,1));}
.vip-title {padding: 65px 0;}
.vip-title p {font-size: 50px;color: #ffffff;text-align: center;margin: 0 0 0;}
.vip-title span {font-size: 20px;color: #9EBEE6;text-align: center;display: block;}
.Gradient-color{background:linear-gradient(225deg,rgba(15,119,217,1) 0%,rgba(10,163,231,1) 100%);box-shadow:0px 6px 20px 0px rgba(28,33,78,0.4);}
.Gradient-color2{background:linear-gradient(225deg,rgba(96,74,190,1),rgba(93,109,232,1));box-shadow:0px 6px 20px 0px rgba(28,33,78,0.4);}
.Gradient-color3{background:linear-gradient(225deg,rgba(42,202,82,1),rgba(31,196,136,1));box-shadow:0px 6px 20px 0px rgba(28,33,78,0.4);}
.Gradient-color4{background:linear-gradient(225deg,rgba(215,183,35,1),rgba(255,212,82,1));box-shadow:0px 6px 20px 0px rgba(28,33,78,0.4);}
.month-price {width: 100%;height: 220px;border-radius: 4px;position: relative;cursor: pointer;transition: 0.2s;}
.vip-st{font-size:20px;font-weight:bold;font-style:italic;color:rgba(255,255,255,1);line-height:32px;margin-left: 16px;padding-top: 10px;margin-bottom: 0;height: 45px}
.vip-st span{float: right;margin-right: 15px;}
.Original-price{color: #969696;font-size:24px;font-weight:400;text-decoration:line-through;text-align: center;}
.selling-price{color: #FFFFFF;font-size: 50px;font-weight: bold;text-align: center;}
/*.month-price:hover {transition: 0.2s;margin-top: -15px;}*/
.sells{text-decoration:inherit;}
.sells em{font-style: normal;}
.Card-name span{color: #FFFFFF;font-size: 24px;font-weight: bold;}
.Card-name .recharge_line_right{transform: rotate(180deg); margin-left: 10px;}
.Card-name .recharge_line_left{margin-right: 10px;}
.Card-name img{margin-top: -9px;}
.Card-name{text-align: center;margin-top: 20px;}
.btn-vip{width:260px;height:60px;box-shadow:0px 6px 20px 0px rgba(28,33,78,0.4);border-radius:4px;background:linear-gradient(30deg,rgba(245,5,16,1),rgba(240,0,40,1));}
.cor-re{position: relative;cursor: pointer;float: left;}
.cor-re img{margin-top: -13px;margin-right: 8px;}
.cor-re span{display: inline-block;text-align: center;line-height: 60px;font-size: 24px;color: #F2F2F2;font-weight: bold;}
.recharge{margin: 0 auto;width: 100%;text-align: center;}
.btn-svip{margin-left:50px;width:260px;height:60px;background:linear-gradient(30deg,rgba(156,156,156,1),rgba(188,188,188,1));box-shadow:0px 6px 20px 0px rgba(28,33,78,0.4);border-radius:4px;}
.tab-btn{width: 573px;margin: 0 auto  33px auto;height: 60px;}

.part7 {background: #2C2C33;min-width: 320px;}
.foot-content {padding: 4% 0 3%;width: 100%;position: relative;display: inline-block;}
.mb-2 {display: block;margin: 0 auto;padding-bottom: 5%;}
.foot-title {border-bottom: 1px solid #404048;margin-top: 0;margin-bottom: 0;font-size: 18px;color: #FFFFFF;font-weight: bold;height: 30px;}
.list-unstyled {padding-top: 10%;}
.list-unstyled li {line-height: 32px;}
.list-unstyled li a {font-size: 16px;color: #B1B3BA;}
.iocn-tu li {float: left;width: 25%;height: 33px;}
.facebook {width: 24px;height: 24px;
    background: url(https://www.gamepp.com/wp-content/themes/gamepp/images/foot_facebook_normal.png)no-repeat;background-size: 100% 100%;}
.twitter {width: 24px;height: 24px;
    background: url(https://www.gamepp.com/wp-content/themes/gamepp/images/foot_twitter_normal.png)no-repeat;background-size: 100% 100%;}
.youtube {width: 24px;height: 24px;
    background: url(https://www.gamepp.com/wp-content/themes/gamepp/images/foot_youtube_normal.png)no-repeat;background-size: 100% 100%;}
.weibo {width: 24px; height: 24px;
    background: url(https://www.gamepp.com/wp-content/themes/gamepp/images/foot_weibo_normal.png)no-repeat;background-size: 100% 100%;}
.bilibili {width: 24px;height: 24px;
    background: url(https://www.gamepp.com/wp-content/themes/gamepp/images/foot_bilibili_normal.png)no-repeat; background-size: 100% 100%;}
.foot-lang {width: 80%;float: right;border-top: 1px solid #404048;}
.foot-lang p {font-size: 18px;color: #FFFFFF;font-weight: bold; float: left;line-height: 100px;margin: 0 0 0;padding-right: 60px;}
.foot-lang .English {font-size: 16px;color: #FFFFFF;margin-right: 25px;}
.foot-fol {float: left;line-height: 100px;}
.foot-lang .foot-fol span {margin-right: 5px;}
.foot-lang .Chinese {font-size: 16px;color: #888990;}
.part8 {background: #21222a;min-width: 320px;}
.Copyright {font-size: 12px;color: #5A5C63;line-height: 75px;text-align: center;margin: 0 0 0;}
.foot-fol span:hover {color: #0089E9;}

/*Ö§¸¶Á÷³Ì*/
.chart {width: 100%;padding-top: 34px;padding-bottom: 6%;}
.flow-chart {width: 100%;background: #2C2C33;margin-bottom: 30px;display: table;position: relative;}
.flow-chart-auto {width: 95%;margin: 0 auto;display: table;position: relative;}
.flow-chart-left {float: left;}
.pay_step {margin-top: 10px;}
.pay_step img {margin: 0 auto; display: table;}
.flow-chart-left p {margin: 0 0 0;color: #0089E9;font-size: 16px;padding: 0 0 12px;}
.flow-chart-center {margin: 0 auto;width: 33.33%;}
.flow-chart-right {position: absolute;right: 0;top: 0;}
.pay-Line {position: absolute;top: 20px;left: 20px;width: 100%;}
.Over1 {width: 380px;float: left;margin-top: 8px;margin-left: 130px;}
.gown{height: 1px;background: #36363D;}
.Over2{width: 400px;float: left;margin-top: 8px;margin-left: 105px;}
.flow-chart-center p {color: #50535F;font-size: 16px;text-align: center;}
.flow-chart-right p {color: #50535F;font-size: 16px;}
.Process-contents {width: 100%;background: #2C2C33;display: table;}
.choose {position: relative;}
.choose .radio {position: relative;display: inline-block;font-weight: 400;color: #0c4757;padding-left: 25px;cursor: pointer;padding-right: 50px;}
.choose .radio input {position: absolute;left: -9999px;}
.choose .radio i {display: block;position: absolute;top: 15px;left: 0;width: 14px;height: 14px;outline: 0;border: 1px solid #50535F;border-radius: 50%;transition: border-color .3s; -webkit-transition: border-color .3s;}
.choose .radio input + i:after {position: absolute; content: ''; top: -1px; left: -1px; width: 14px; height: 14px; border-radius: 50%;
    background: url("../../img/img_recharge_click.png")no-repeat;background-size: 100%;
    opacity: 0;transition: opacity .1s;-webkit-transition: opacity .1s;}
.choose .radio input:checked + i:after {opacity: 1;}

.Process-content {width: 95%;margin: 0 auto;display: table;}
.List-text {font-size: 16px;color: #A3A3A3;line-height: 40px;margin-top: 12px;width: 100%; display: flex;align-items: center;}
.List-title {width: 85px;display: inline-block;float: left;}
.List-text em {font-style: normal;}
.List-text img {height: 14px;margin-right: 5px;}
.choose {position: relative;}
.img_recharge_alipay {width: 93px;height: 32px!important;}
.img_recharge_wechat {width: 120px;height: 27px!important;}
.img_recharge_pp {width: 117px;height: 29px!important;}
.radio, .checkbox {margin-top: 0!important;margin-bottom: 0!important;}
.Coupon {width: 200px;height: 30px;background: #3f3f46;border-radius: 2px;padding-left: 10px;box-sizing: border-box;font-size: 12px;color: #A3A3A3;}
.sum {font-size: 22px;color: #FF3E3E;font-weight: bold;}
.sum em {font-size: 16px;font-weight: normal;}
.nhr {font-size: 16px;color: #808080; padding-right: 10px;text-decoration: line-through;}
.BuyNow {text-align: center;margin-top: 40px;margin-bottom: 40px;}
.BuyNow input {width: 180px;height: 48px;background: #666;border-radius: 4px;font-size: 16px;color: #F2F2F2;cursor: pointer;pointer-events:none;}
/*.BuyNow input:hover {background: #19A7F9;}*/
/*.BuyNow input:active {background: #0077CA;}*/
.Payment-method {width: 700px;margin: 0 auto;padding-top: 40px;}
.payoff {width: 310px;float: left;border-right: 1px solid #36363D;height: 259px;}
#code {margin: 0 auto;display: table;padding-top: 15px;}
.img_recharge {margin-top: 15px;}
.img_recharge img {margin: 0 auto;display: block;width: 120px;}
.Payment-details {width: 309px;float: left;margin-top: 13px;padding-left: 66px;max-width: 390px}
.Payment-details p {font-size: 16px;color: #108FF0;padding-bottom: 13px;}
.Payment-details li {height: 40px;line-height: 40px;}
.Order-list span {color: #A3A3A3;font-size: 14px;}
.Order-list span {color: #A3A3A3;font-size: 14px;}
.Order-Numbers em {font-style: normal;}
.chief {color: #FF3E3E!important;}
.btn-key {width: 430px;margin: 0 auto;display: table;padding-top: 65px;padding-bottom: 40px;}
.btn-key input {width: 150px;height: 42px;border-radius: 4px;font-size: 14px;color: #F2F2F2;cursor: pointer;}
.discharged {float: left;background: #22AC38;}
.Re-payment {float: right;background: #108FF0;}
.discharged:hover {background: #4FCC55;}
.discharged:active {background: #42A347;}
.Re-payment:hover {background: #19A7F9;}
.Re-payment:active {background: #0077CA;}
.Payment-method-all {width: 100%;background: #2C2C33;display: table;}
.pay_img {width: 99px;height: 100px;margin: 50px auto 0;}
.pay_img img {width: 100%;}
.pay_img p {    width: 300px;font-size: 16px;color: #22AC38;text-align: center;margin-top: 15px;margin: 18px -97px;}
.complete {padding-top: 100px;padding-bottom: 40px;text-align: center;}
.complete input {width: 150px;height: 42px;background: rgba(16,143,240,1);border-radius: 4px;cursor: pointer;font-size: 14px; color: #F2F2F2;}
.complete input:hover {background: #19A7F9;}
.complete input:active {background: #0077CA;}
.ic_bind{margin-left: 8px;}
.login-reg2{display: inline-block;position: relative;top: 1px;}
.verification-email-a {color: #0089E9;}
.verification-email-a:hover {color: #19A7F9;}
a{text-decoration: none!important;}
.ic_bind{width: 12px;height: 12px!important;}
.chart-layer {display: none;width: 100%;background: rgba(33,34,42,1);opacity: 0.8;position: absolute;z-index: 99;}
.Pop-purchase {display: none;position: absolute;z-index: 999;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 600px;height: 340px;background: rgba(44,44,51,1);box-shadow: 0px 10px 20px 0px rgba(29,29,34,0.3);}
.Pop-close {cursor: pointer;margin-right: 32px;margin-top: 25px;width: 17px;height: 17px;float: right;background: url(../../img/img_pay_yk_close.png)no-repeat;background-size: 100%;}
.Pop_title {width: 100%;height: 38px;margin-top: 45px;}
.Pop_title p {font-size: 24px;color: #0089E9;text-align: center;}
.mailbox {padding-top: 40px;width: 375px;margin: 0 auto;}
.mailbox span {display: block;font-size: 16px;color: #727281;margin-bottom: 10px;}
.btn-input {width: 100%;padding-bottom: 15px;}
.btn-input input {width: 350px;height: 40px;background: rgba(59,59,66,1);border-radius: 2px;font-size: 16px;color: #D7D7DB;padding-left: 10px;}
.btn-input img {margin-left: 8px;margin-top: -4px;display: none;}
.mailbox p {font-size: 16px;color: #727281;}
.login-reg {margin-top: 49px;float: right;margin-right: 30px;}
.Pop_BuyNow {width: 100px;height: 40px;background: #0089E9;border-radius: 2px;font-size: 14px;color: #FFFFFF;}
.Pop_BuyNow:hover {background: #19A7F9;}
.Pop_BuyNow:active {background: #0077CA;}
.Pop_login {padding: 10px;font-size: 14px;color: #0089E9;background: rgba(44,44,51,1);margin-right: 10px;}
.Pop_login:hover {color: #19A7F9;}
.verification-email {position: absolute;top: 115px;left: 495px;}
.privilege{text-align: center;margin-bottom: 35px;}
.point span{font-size: 20px;color: #F1F1F1;padding-right: 5px;padding-left: 5px;position: relative;top:3px;font-weight: bold;}
.point li{height: 32px;}
.complete p{margin-top: 30px;color: #b0b0b0}

.tabs {/*width:1200px;*/position:relative;height:4.5rem;}
.tabs .tab-nav {position:absolute;top:.15rem;left:.15rem;z-index:99;background:rgba(51,51,51,0.8);border-radius:4px;}
.tabs .tab-nav li a {display:block;height:.84rem;text-decoration:none;text-align:center;line-height:.84rem;color:#999999;font-size:.15rem;font-weight:bold;float:left;}
.tabs .tab-nav li {width:2rem;height:.84rem;cursor:pointer;}
.tabs .tab-nav li.actived {background:rgba(255,255,255,0.8);}
.tabs .tab-nav li.actived a {color:#333333;}
.tabs .content-wrap img {width:100%;height:100%;}
.tabs .content-wrap .content-item {position:absolute;display:none;}
.tabs .content-wrap .current {display:block;}
.textIcon {float:left;width:1.35rem;text-align:center;}
/*.textIcon-list {display:flex;justify-content:center;align-items:center;}*/
.tab_icon {margin-right:.1rem;width:.4rem;height:.4rem;margin-top:.22rem;margin-left:.15rem;}
.tab_icon1 {background:url("../../../../../public/index/pay/img/icon_lj.png");background-size:100% 100%;}
.tab_icon2 {background:url("../../../../../public/index/pay/img/icon_deskmonitor.png");background-size:100% 100%;}
.tab_icon3 {background:url("../../../../../public/index/pay/img/icon_ydzy.png");background-size:100% 100%;}
.tab_icon4 {background:url("../../../../../public/index/pay/img/icon_gamebuff.png");background-size:100% 100%;display: block!important;}
.tab_icon5 {background:url("../../../../../public/index/pay/img/icon_more.png");background-size:100% 100%;display: block!important;}
.actived .tab_icon1 {background:url("../../../../../public/index/pay/img/icon_lj_chosen.png");background-size:100% 100%;}
.actived .tab_icon2 {background:url("../../../../../public/index/pay/img/icon_deskmonitor_chosen.png");background-size:100% 100%;}
.actived .tab_icon3 {background:url("../../../../../public/index/pay/img/icon_ydzy_chosen.png");background-size:100% 100%;}
.actived .tab_icon4 {background:url("../../../../../public/index/pay/img/icon_gamebuff_chosen.png");background-size:100% 100%;}
.actived .tab_icon5 {background:url("../../../../../public/index/pay/img/icon_more_chosen.png");background-size:100% 100%;}
.tab_icon {float:left;}
.privilege-vip {background:url("../../../../../public/index/pay/img/hytq_bg.png")no-repeat;background-size:100% 100%;width:100%;height:9.8rem;}
.welfare {font-size:.18rem;color:#FFFFFF;margin-top:.75rem;margin-bottom:.2rem;}
.welfare img {margin-right:.05rem;}
.title-BuyNow {color:#FFFFFF;font-size:.18rem;margin-top:.2rem;margin-bottom:.2rem;}
.month-price {width:100%;height:2.4rem!important;border-radius:4px;position:relative;cursor:auto!important;transition:0.2s;background:rgba(255,255,255,0.7);box-shadow:1px 0px 5px 0px rgba(8,8,10,0.3);}
.selling-price {color:#333333;font-size:.6rem;font-weight:bold;text-align:center;}
.month-tie {color:#333333;font-size:.18rem;text-align:center;font-weight:bold;padding-top: 0.4rem;}
.btn-dredge {background:url("../../../../../public/index/pay/img/img_ljkt.png")no-repeat;background-size:100% 100%;width:1.2rem;height:.4rem;margin:0 auto;cursor:pointer;}
.btn-dredge:hover {background:url("../../../../../public/index/pay/img/img_ljkt_hover.png")no-repeat;}
.Can-save {color:#555555;font-size:.24rem;margin-bottom:.05rem;text-align:center;text-decoration: line-through; margin-top: -.1rem;}
.btn-dredge:hover .month-price {transition:0.2s;margin-top:-15px;}
/*.month-tie2{margin-bottom:.15rem!important;margin-top:-.05rem!important;}*/
body{background: #292B3D;}
body::-webkit-scrollbar {width: 4px;height:4px;}
body::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-border-radius: 3px;background-color: #4a4c55;}
body::-webkit-scrollbar-track {background-color: #fff;}
.paygifts{position: absolute;top: 5px;left: 54px;display: none;}
.price_lg{margin-top: .29rem;}
.Outer_chain {font-size: 12px;color: #0089E9;position: relative;top: -1px;left: -3px;cursor: pointer;}
.BuyNowBack{background: rgba(16,143,240,1)!important;}
.BuyNowBack:hover {background: #19A7F9!important;}
.BuyNowBack:active {background: #0077CA!important;}


.payment-notice {
    background: linear-gradient(90deg, rgba(255, 62, 62,.4) 0%, rgba(255,62,62,0.05) 100%);
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px 0 0;
    margin-left: 25px;
}
.sideline{
    width: 4px;
    height: 22px;
    background: rgba(255, 62, 62,.6);
    border-radius: 4px 0px 0px 4px;
    margin-right: 5px;
}
.payment-notice em{
    color: #FF3E3E;
    font-style: normal;
    padding: 0 4px;
}