@charset "utf-8";
/* CSS Document */
body{margin:0 auto;font-size:12px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;color:#000;text-align:left;background-color:#f9f9f8;}
img{border:0px;}
form,input,select,div,ul,li,p,h,h1,h2,h3,h4,em,i{margin:0;padding:0; list-style-type:none; font-weight:normal;font-family:"微软雅黑";font-style:normal;}
a{text-decoration:none;cursor:pointer}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.packageContainer {width: 100%;height: auto;display: block;margin: 0 auto;background: #f9f9f8;}

.package_head_container{width:100%;height:auto;}
.package_head_con{width:1200px;height:364px;margin:0 auto;padding:45px 0 0 0;}
.package_head_con h1{width: 100%;height: 40px;font-size: 36px;font-weight: bold;line-height: 40px;color: #474747;overflow:hidden;}
.package_head_con_c {width: 1200px;height: 300px;background-image: linear-gradient(0deg, #455568 0%, #1e252e 100%);border-radius: 16px;margin-top:23px;overflow:hidden;position: relative;}
.package_head_con_c .img{float:left;width: 640px;height: 300px;}
.package_head_con_c_r{float:left;width:490px;height:100%;margin-left: 36px;}
.package_head_con_c_r_text{float:left;width: 100%;height: 25px;font-size: 24px;font-weight: bold;line-height: 25px;color: #ffffff;overflow:hidden;margin-top: 35px;}
.package_head_con_c_r_name{float:left;width: 100%;height: 20px;font-size: 16px;line-height: 20px;color: #ffffff;margin-top:16px;overflow:hidden;}
.package_head_con_c_r_name span{float:left;width: 50px;height: 20px;font-size: 16px;line-height: 20px;color: #b3c3db;}
.package_head_con_c_r_type{float:left;width: 100%;height: 20px;font-size: 16px;line-height: 20px;color: #ffffff;margin-top:10px;overflow:hidden;}
.package_head_con_c_r_type span{float:left;width: 50px;height: 20px;font-size: 16px;line-height: 20px;color: #b3c3db;}
.package_head_con_c_r_pro{float:left;width:486px;height:26px;background-color:#222831;margin:35px auto 0 auto;border-radius:35px;overflow: hidden;}
.package_head_con_c_r_pro span{float:left;width:100%;height:26px;background-image: linear-gradient(0deg, #00e1f2 0%, #1087ff 100%);display:block;border-radius: 35px;}
.package_head_con_c_r_pro label{float:left;width:486px;height:26px;display:block;text-align:center;line-height:26px;color: #ffffff;font-size:14px;}
.package_head_con_c_r_buy{float:right;width: auto;height: 68px;background: rgba(34,40,49,0.54);margin-top:16px;border-radius: 12px;}
.package_head_con_c_r_buy .zk{float:left;width:83px;height:68px;background-color: rgba(34,40,49,0.69);border-radius: 12px 0px 0px 12px;padding: 0 15px;}
.package_head_con_c_r_buy .zk span{float:left;color:#ffffff;font-size: 38px;line-height:68px;min-width: 50px;}
.package_head_con_c_r_buy .zk i{float:left;width: 23px;height: 68px;line-height: 39px;font-size: 24px;font-weight: bold;font-style: italic;color: #b3c3db;margin-top:18px;}
.package_head_con_c_r_buy .zk em{float:left;width: 23px;height: 10px;line-height: 10px;font-size: 12px;color: #b3c3db;margin-left: 3px;margin-top: 5px;}
.package_head_con_c_r_buy .package_price{float:left;width:200px;height:68px;overflow:hidden;margin-right: 9px;}
.package_head_con_c_r_buy .old_price{float:right;margin:15px 0 0 0;width: 100%;height: 15px;font-size: 12px;line-height: 15px;color: #b3c3db;text-decoration:line-through;text-align: right;}
.package_head_con_c_r_buy .price{float:right;width: 100%;height: 25px;font-size: 24px;font-weight: bold;line-height: 25px;color: #ffffff;text-align: right;}
.package_head_con_c_r_buy .buy{float:right;width: 150px;height: 44px;background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);border-radius: 35px;text-align:center;line-height: 44px;color: #ffffff;font-size: 16px;margin: 12px 16px 0 0;font-weight: bold;}
.package_head_con_c_r_buy .no_buy{float:right;background-color: #6d6d6d;width: 150px;height: 44px;border-radius: 35px;text-align:center;line-height: 44px;color: #ffffff;font-size: 16px;margin: 12px 16px 0 0;}

.package_con {width: 1200px;height: auto;margin: 0 auto;display: table;}
.package_con_left{float:left;width:747px;}
.package_con_left p.count{float:left;width:300px;height:20px;line-height:20px;padding-left:16px;margin:25px 0 15px 0;color:#474747;font-size:18px;position:relative;}
.package_con_left p.count:after{content: '';display: block;width: 8px;height: 20px;background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);border-radius: 35px;position: absolute;left:0;top: 0;}
.package_con_left p.count span{color:#fa4d00;font-size:18px;}
.package_con_left_ul{float:left;}
.package_con_left_ul a{float:left;width:100%;height:80px;background:#ffffff;border-radius:8px;margin-bottom:16px;overflow: hidden;}
.package_con_left_ul a img{float:left;width:171px;height:80px;}
.package_con_left_li_c{float:left;width:350px;height:80px;margin-left:16px;overflow:hidden;}
.package_con_left_li_c .title{float:left;width:100%;height:25px;line-height:25px;color:#202121;font-size:18px;font-weight:bold;overflow:hidden;margin-top: 20px;margin-bottom: 5px;}
.package_con_left_li_c .c_icon{float:left;margin-top:5px;border-right: 1px solid #dddddd;padding-right: 8px;}
.package_con_left_li_c .tag{float:left;width:260px;height:25px;margin-left:8px;overflow: hidden;}
.package_con_left_li_c .tag span{float:left;height:25px;line-height:25px;margin-left:2px;color:#999999;}
.package_con_left_li_c .tag i {float: left;width: 10px;height: 25px;line-height: 25px;font-size: 12px;color: #999999;text-align: center;}
.package_con_left_li_r {float: right;width: 178px;height: 45px;margin: 17px 18px 0 0;}
.package_con_left_li_r .zk {float: left;width: 58px;height: 32px;background-color: #6ec449;border-radius: 8px;line-height: 32px;text-align: center;font-size: 18px;font-weight: bold;color: #ffffff;margin-top: 7px;}
.package_con_left_li_r .old_price {float: right;width: 105px;height: 20px;line-height: 20px;text-align: right;font-size: 14px;text-decoration: line-through;color: #999999;}
.package_con_left_li_r .price {float: right;width: 105px;height: 26px;line-height: 26px;text-align: right;font-size: 20px;color: #fa4d00;font-weight: bold;}

.package_con_left_bot{float:left;width: 747px;height: 212px;background-color: #ffffff;border-radius: 8px;margin-top: 8px;}
.package_con_left_bot_c {float: right;width: 300px;height: 140px;}
.package_con_left_bot_c .package_oldprice {float: left;width: 100%;height: 20px;margin-top: 24px;}
.package_con_left_bot_c .package_oldprice .text {float: left;width: 108px;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #999999;}
.package_con_left_bot_c .package_oldprice .price {float: left;width: 157px;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #333333;}
.package_con_left_bot_c .package_zk {float: left;width: 100%;height: 20px;margin-top: 6px;}
.package_con_left_bot_c .package_zk .text {float: left;width: 108px;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #999999;}
.package_con_left_bot_c .package_zk .zk {float: left;width: 157px;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #6ec449;}
.package_con_left_bot_c .package_js {float: left;width: 100%;height: 20px;margin-top: 6px;}
.package_con_left_bot_c .package_js .text {float: left;width: 108px;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #999999;}
.package_con_left_bot_c .package_js .price {float: left;width: 157px;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #333333;}
.package_con_left_bot_c .package_price {float: left;width: 100%;height: 25px;margin-top: 8px;}
.package_con_left_bot_c .package_price .text {float: left;width: 108px;height: 25px;line-height: 25px;text-align: right;font-size: 12px;color: #fa4d00;}
.package_con_left_bot_c .package_price .price {float: left;width: 157px;height: 25px;line-height: 25px;text-align: right;font-size: 24px;color: #fa4d00;font-weight: bold;}
.package_buy {float: left;width: 747px;height: 72px;background-color: #eeeeee;border-radius: 0px 0px 8px 8px;}
.package_buy_btn {float: right;margin: 12px 24px 0 0;width: 158px;height: 48px;background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);border-radius: 24px;line-height: 48px;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;cursor: pointer;}
.package_buy .no_buy {float: right;margin: 12px 24px 0 0;width: 158px;height: 48px;background-color: #6d6d6d;border-radius: 24px;line-height: 48px;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;cursor: pointer;}

.package_con_right {float: right;width: 414px;height: auto;margin-top: 24px;}
.package_con_right .more_text {float: left;width: 100%;height: 20px;}
.package_con_right .more_text .text {float: left;width: auto;height: 20px;line-height: 20px;padding-left: 16px;font-size: 18px;color: #474747;position: relative;}
.package_con_right .more_text .text:after {content: '';width: 8px;height: 20px;background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);border-radius: 35px;position: absolute;left:0;top: 0;}
.package_con_right .more_text .more_package {float: right;width: auto;height: 20px;line-height: 20px;font-size: 16px;color: #999999;}
.more_package_ul {float: left;width: 100%;height: auto;margin-top: 14px;}
.more_package_li {float: left;width: 100%;height: 184px;margin-bottom: 54px;background-image: linear-gradient(0deg, #455568 0%, #1e252e 100%);border-radius: 16px;}
.more_package_li .title {float: left;width: 370px;height: 20px;line-height: 20px;margin: 24px 0 0 24px;font-size: 20px;color: #ffffff;font-weight: bold;}
.more_package_li .js {float: left;width: 370px;height: 20px;line-height: 20px;margin: 7px 0 0 24px;font-size: 14px;color: #9daabc;}
.more_package_li .img_con {float: left;width: 370px;height: 53px;margin: 16px 0 0 24px;position: relative;}
.more_package_li .img_con img {float: left;width: 110px;height: 53px;border-radius: 8px;margin-left: 18px;}
.more_package_li .img_con img:nth-child(1) {margin-left: 0;}
.more_package_li .img_con p {position: absolute;top: 0;right: 4px;width: 110px;height: 53px;background: rgba(0,0,0,0.8);border-radius: 8px;}
.more_package_li .img_con span {display: table;margin: 23px auto;width: auto;height: 7px;}
.more_package_li .img_con span i {width: 7px;height: 7px;background-color: #ffffff;float: left;margin-right: 6px;border-radius: 50%;}
.more_package_li .img_con span i:nth-child(2) {opacity: 0.7;}
.more_package_li .img_con span i:nth-child(3) {opacity: 0.3;}
.more_package_li .con {float: right;width: auto;height: 56px;background-image: linear-gradient(0deg, #000000 0%, #1e252e 100%);border-radius: 12px;margin: 16px 12px 0 0;}
.more_package_li .con .zk {float: left;width: 54px;height: 40px;background-image: linear-gradient(0deg, #6ec449 0%, #177500 100%);border-radius: 8px;line-height: 40px;text-align: center;margin: 8px 0 0 8px;font-size: 16px;color: #ffffff;}
.more_package_li .con .price_con {float: left;width: 85px;height: 40px;margin: 8px 0 0 10px;}
.more_package_li .con .price_con .oldprice {float: left;width: 100%;height: 15px;line-height: 15px;font-size: 12px;color: #ffffff;opacity: 0.3;text-align: left;text-decoration: line-through;}
.more_package_li .con .price_con .price {float: left;width: 100%;height: 20px;line-height: 20px;font-size: 18px;color: #ffffff;text-align: left;margin-top: 3px;font-weight: bold;}
.more_package_li .con .btn {float: right;width: 124px;height: 40px;background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);border-radius: 8px;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;margin: 8px 8px 0 0;font-weight: bold;}

.fhyx_order_erm {position: fixed;right: 0;bottom: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;z-index: 111;}
.fhyx_order_erm_c {margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 384px;height: 446px;background-color: #ffffff;border-radius: 8px;}
.fhyx_order_erm_con {position: relative;float: left;width: 100%;height: 100%;}
.fhyx_order_erm_close {position: absolute;top: 14px;right: 29px;width: 42px;height: 42px;background: url(/images/application/pc/com/account_logout_icon04.png) no-repeat;cursor: pointer;}
.fhyx_order_erm_c_l {float: left;width: 100%;height: 80px;margin-top: 35px;margin-bottom: 15px;}
.fhyx_order_erm_c_l p {float: left;width: 100%;height: 25px;line-height: 25px;text-align: center;color: #333333;font-size: 20px;}
.fhyx_order_erm_c_l .price {float: left;width: 100%;height: 30px;line-height: 30px;font-size: 32px;color: #ff4200;text-align: center;font-weight: bold;margin-top: 10px;}
.fhyx_order_erm_c_l .price em {font-size: 32px;font-weight: bold;}
.fhyx_order_erm_c_r {width: 208px;height: 208px;display: table;margin: 0 auto 0;}
.fhyx_order_erm_c_r img {float: left;width: 100%;}
.fhyx_order_erm_c_b {float: left;width: 100%;text-align: center;font-size: 18px;color: #333;margin-top: 18px;}


/* 平台图标 */
.package_con_left_li_c .c_icon {background-image: url("/images/application/pc/common/fhyx_plat_logo.png?r=8");float: left;margin: auto;}
.package_con_left_li_c .microsoft {width: 24px;height: 24px;background-position: -114px -9px;}
.package_con_left_li_c .alipan {width: 73px;height: 19px;background-position: -266px -51px;}
.package_con_left_li_c .EAPLAY {width: 60px;height: 20px;background-position: -272px -338px;}
.package_con_left_li_c .steam {width: 70px;height: 21px;background-position: -268px -130px;float: left;}
.package_con_left_li_c .uplay {width: 68px;height: 21px;background-position: -268px -169px;}
.package_con_left_li_c .Rockstar {width: 26px;height: 22px;background-position: -289px -206px;}
.package_con_left_li_c .battle {width: 30px;height: 30px;background-position: -660px -48px;}
.package_con_left_li_c .epic {width: 28px;height: 32px;background-position: -662px -82px;}
.package_con_left_li_c .GOG {width: 29px;height: 29px;background-position: -661px -121px;}
.package_con_left_li_c .ps4 {width: 31px;height: 24px;background-position: -658px -164px;}
.package_con_left_li_c .xbox {width: 25px;height: 25px;background-position: -661px -204px;}
.package_con_left_li_c .SWITCH {width: 72px;height: 15px;background-position: -639px -248px;}
.package_con_left_li_c .fhyxbox {width: 72px;height: 20px;background-position: -638px -286px;}
.package_con_left_li_c .MOJANG {width: 75px;height: 12px;background-position: -637px -330px;}
.package_con_left_li_c .pcgame {width: 66px;height: 16px;background-position: -642px -368px;}
.package_con_left_li_c .Bethesda {width: 72px;height: 12px;background-position: -639px -410px;}
.package_con_left_li_c .Battlestate {width: 57px;height: 30px;background-position: -647px -441px;}
.package_con_left_li_c .Online {width: 56px;height: 12px;background-position: -647px -500px;}
.package_con_left_li_c .ps5 {width: 73px;height: 16px;background-position: -639px -537px;}
.package_con_left_li_c .XBOXONE {width: 94px;height: 19px;background-position: -663px -577px;}
.package_con_left_li_c .XboxSeries {width: 111px;height: 13px;background-position: -675px -624px;}
.package_con_left_li_c .cubejoy {width: 54px;height: 20px;background-position: -647px -656px;}
.package_con_left_li_c .baidupan {width: 72px;height: 16px;background-position: -639px -695px;}
.package_con_left_li_c .wy {width: 62px;height: 21px;background-position: -644px -736px;}
.package_con_left_li_c .leigod {width: 26px;height: 26px;background-position: -984px -44px;}
.package_con_left_li_c .xunyou {width: 25px;height: 25px;background-position: -984px -99px;}
.package_con_left_li_c .paopaospeed {width: 28px;height: 25px;background-position: -984px -150px;}
.package_con_left_li_c .ios {width: 20px;height: 23px;background-position: -989px -204px;}
.package_con_left_li_c .Android {width: 24px;height: 26px;background-position: -989px -251px;}
.package_con_left_li_c .gamepp {width: 30px;height: 30px;background-position: -986px -308px;}
.package_con_left_li_c .myth {width: 87px;height: 28px;background-position: -812px -378px;}
.package_con_left_li_c .TALKI {width: 40px;height: 28px;background-position: -981px -438px;}
.package_con_left_li_c .hk_pkyouxia {width: 64px;height: 18px;background-position: -270px -248px;}
.package_con_left_li_c .hk_qiyou {width: 34px;height: 28px;background-position: -979px -568px;}
.package_con_left_li_c .hk_fhyxjsq {width: 30px;height: 30px;background-position: -287px -288px;}
.package_con_left_li_c .hk_VALORANT {width: 24px;height: 24px;background-position: -290px -372px;}
.package_con_left_li_c .hk_LOL {width: 24px;height: 24px;background-position: -290px -421px;}
.package_con_left_li_c .hk_Razer {width: 29px;height: 29px;background-position: -287px -467px;}
.package_con_left_li_c .hk_pubg {width: 24px;height: 24px;background-position: -290px -513px;}
.package_con_left_li_c .hk_applemusic {width: 24px;height: 24px;background-position: -985px -619px;}
.package_con_left_li_c .hk_WeGame {width: 93px;height: 22px;background-position: -115px -624px;}
.package_con_left_li_c .hk_Lenovo {width: 80px;height: 22px;background-position: -293px -663px;}