.index_wrap{ background: url("../images/index_bg.png") no-repeat; min-height: 930px;}
.w1030{ width: 1030px; margin: 0 auto}
.index_header{ width: 100%;}
.index_header .index_logo{ width: 190px;overflow: hidden}
.index_header .index_slogan{ height:66px; margin-top: 155px; }
.index_content{ width: 100%; margin-top: 15px;}
.index_content .index_game_list{width: 100%; border-radius: 10px;background: rgba(255, 255, 255, 0.9); min-height: 394px; margin-top: 10px; padding: 25px}
.index_content ul{display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:0;list-style:none}
.index_content ul li{ width: 180px}
.index_content ul li .pic{ width: 180px; height: 100px; overflow: hidden; border-radius: 5px}
.index_content ul li .pic:hover img{transform:scale(1.2);transition-duration:1s; border-radius: 5px}
.index_content ul li .tit01{ margin-top: 10px;}
.index_content ul li h1{ font-size: 18px;}
.index_content ul li h2{ font-size: 14px;}
.index_intro{width: 100%; margin-top: 90px; border-top: 1px solid #d8d8d8; margin-bottom: 50px;}
.index_intro .intro_tit{font-size: 24px; margin-top: 10px;}
.index_intro .intro_tit .icon-01{ display: inline-block; width: 10px; height: 10px; background: url("../images/index_icon_02.png") no-repeat; margin-right: 10px; vertical-align: middle}
.index_intro .intro {line-height: 24px;}
.shaiya{ background: url("../images/game_server.png") no-repeat;}
.shaiya_01{ background: url("../images/game_server01.png") no-repeat;}
.shaiya_02{ background: url("../images/game_server02.png") no-repeat;}
.shaiya_03{ background: url("../images/game_server03.png") no-repeat;}
.zbk_list{ margin-top: 224px;}
.nav_box{ width: 100%; height: 86px; background: #ffffff; font-family: Microsoft YaHei; margin-top: 25px;}
.nav_box .nav_list{ background: #f8f8f8; width: 100%; height: 50px; line-height: 50px; border-radius: 5px 5px 0px 0px; overflow: hidden}
.nav_box .nav_list ul{display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:0;list-style:none}
.nav_box .nav_list ul li .layui-badge-dot{top: -8px;left: 5px; background-color: rgb(42,130,228);}
.nav_box ul li{ width: 104px;height: 50px; text-align: center; font-size: 16px; font-weight:500;}
.nav_box ul li:hover,.nav_box ul li.on{ background: #A80009; }
.nav_box ul li:hover a,.nav_box ul li.on a{color: #ffffff;}
.nav_sub_list { width: 1100px; height: 36px; line-height: 36px; background: #ffffff;display:flex; padding-left: 20px; position: absolute;}
.nav_sub_list .nav_tab{color: #A80009; text-decoration: underline;}
.nav_sub_list .nav_tab .icon-up{ width:8px; height: 8px; background: url("../images/icon-04.png") no-repeat; display: inline-block; margin-left: 5px;}
.nav_sub_list .nav_tab .icon-down{background: url("../images/icon-04.png") no-repeat -10px 0; }
.nav_sub_list .layui-nav-child{ min-width: 74px; padding:0 10px; text-align: center; top: 36px;}
.nav_sub_list .layui-nav-child a{ display: block; width: 100%; height: 42px; border-bottom: 1px solid #F4F4F4}
.nav_sub_list a:hover, .nav_sub_list a.on{ color: #A80009; text-decoration: underline;}
.nav_sub_list .nav_sub_con{display:flex;}
.nav_sub_list .nav_sub_con a{display: inline-block; width: 110px; text-align: center;}
.list_box{ background: #ffffff; border-radius: 5px; margin-top: 10px; padding: 0 30px;}
.row_color{color: #A80009;}
.row_color_01{ color: #E86900}
.row_color_02{ color: #1EA500}
.row_color_03{ color: #818181}
.row_spot{  color: #A80009; text-align:left;width:220px;height:50px;overflow:hidden;word-wrap:break-word;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.layui-table .pay-btn{ display: inline-block; width: 65px; height: 24px; line-height: 24px; border: 1px solid #A80009; color: #A80009; text-align: center; border-radius: 13.5px; vertical-align: middle }
.layui-table .pay-btn:hover{ background: #A80009; color: #fff;}
.layui-table  .detail_btn{ width: 18px; height: 18px; background: url("../images/icon-05.png") no-repeat; display: inline-block; vertical-align: middle;margin-left: 10px;}
.layui-table  .detail_btn:hover{ background-position: 0px -38px;}
.layui-table  .cancel-btn{display: inline-block; width: 65px; height: 24px; line-height: 24px; text-align: center;}
.layui-table  .av{ display: inline-block; vertical-align: middle; margin-left: 10px; width: 44px; height: 44px; overflow: hidden}
.layui-table  .av img{width: 44px; height: 44px; border-radius: 50%}
.layui-table td.td-img{padding-right: 0;text-align: right;}
.layui-table td.td-img-name{text-align: left}
.layui-table .proptit{margin: 0 auto;}
.layui-table  .pic{ display: inline-block; vertical-align: middle; width: 44px; height: 44px; overflow: hidden}
.layui-table  .pic img{width: 44px; height: 44px;}
.layui-table .proptit .info{vertical-align: middle; padding-top: 5px;}
.layui-table .proptit h1{ font-size: 14px;}
.layui-table .proptit p{color: #A80009;font-size: 12px; margin-top: 3px;}
.layui-table .prop-tag {font-style: normal; color: darkred; font-size: 12px;height: 12px;line-height: 12px;padding-top: 5px;}
.layui-table .job_type:hover {color: #A80009; text-decoration: none;border-bottom: 1px solid;padding-bottom: 2px;}
.item_box_item .job_type:hover {color: #A80009; text-decoration: none;border-bottom: 1px solid;padding-bottom: 2px;}
.layui-laypage .layui-laypage-curr{background-color:#A80009;}
.layui-laypage{ width: 100%; text-align: right}
.detail_box{ background: #ffffff; border-radius: 5px; margin-top: 10px; padding: 0 30px 20px 30px;}
.pos_nav{ height: 50px; line-height: 60px; display: flex; gap: 10px;border-bottom: 1px solid #D8D8D8;color: #787878;}
.detail_box .prop_tips {margin-top: 12px;width: 25%;display: flex; flex-direction: column;background: #000000;color: #ffffff;font-size: 12px;padding: 10px;}
.item_box_01{ width: 100%; display: flex;}
.item_box_01 .item_l{ width: 249px;}
.item_box_01 .item_r{ width: 100%}
.item_box_01 .item_l .avt{ width: 76px; height: 76px; margin: 20px auto; }
.item_box_01 .item_l .avt img{width: 76px; height: 76px;}
.item_box_01 .item_r_tit{ margin-top: 20px; }
.item_box_01 .item_r_tit h1{font-size: 16px;}
.item_box_01 .item_r_tit p{ display: block; height: 50px; width: 100%; line-height: 50px; background: #F9F9F9; padding: 0 10px; margin-top: 10px;}
.item_box_02{ display: flex;  width: 100%; flex-wrap: wrap; }
.item_box_02 .item_lable{ font-size: 16px; width: 33.3%; margin-bottom: 10px;}
.item_box_03{display: flex;  width: 100%; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #d8d8d8;}
.item_box_03 .item_lable{ font-size: 16px; width: 50%; margin-bottom: 10px;}
.item_box_04 {display: flex;  width: 100%;  padding: 20px 0; border-bottom: 1px solid #d8d8d8; gap: 20px;}
.item_box_04 .pic{width: 52px; height: 52px; border-radius: 5px; text-align: center; line-height: 52px;}
.item_box_04 .pic img{ width: 32px; height: 32px; display: inline-block; margin: auto 0}
.item_box_04  .item_box_item{display: flex;  width: 100%; flex-wrap: wrap;}
.item_box_04 .item_lable{ font-size: 16px; width: 25%; margin-bottom: 10px;}
.item_box_04 .item_lable_wrap{  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-right: 10px;}
.item_box_05 { display: flex;  width: 100%; flex-wrap: wrap; position: relative }
.item_box_05 .item_lable{ font-size: 16px; width: 40%; margin-bottom: 10px;}
.item_box_05 .item_detail{ position: absolute; right: 0px; bottom: 8px;}
.item_box_05 .item_detail a{ display:block;padding: 5px 20px; background: #A80009; color: #ffffff; border-radius: 20px;}
.item_box_06 {display: flex;  width: 100%;  padding: 5px 0; gap: 20px; position: relative;}
.item_box_06 .pic{width: 52px; height: 52px; border-radius: 5px; text-align: center; line-height: 52px;}
.item_box_06 .pic img{ width: 32px; height: 32px; display: inline-block; margin: auto 0}
.item_box_06  .item_box_item{display: flex;  width: 100%; flex-wrap: wrap;}
.item_box_06 .item_lable{ font-size: 16px; width: 25%; margin-bottom: 10px;}
.item_box_06 .item_detail{position: absolute; right: 0; bottom: 5px;}
.item_box_06 .item_detail a{ display:block;padding: 5px 20px; background: #A80009; color: #ffffff; border-radius: 20px;}

.layui-tab{ margin-top: 15px}
.layui-tab-content{padding: 0px 0;}
.layui-tab .layui-tab-title li{ font-size: 16px; width: 110px; margin-right: 10px;}
.layui-tab .layui-tab-title::after{ border-width: 0px;}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{border-bottom: 2px solid #A80009;}
.layui-tab-brief > .layui-tab-title .layui-this{ color: #A80009}
.tab_box{background: #ffffff; border-radius: 5px; margin-top: 10px; padding: 0 30px; padding-top: 5px;padding-bottom: 20px;}
.tab_box_sync {background: #ffffff; border-radius: 5px; padding: 0 30px; padding-top: 5px; margin: 10px auto; text-align: center;}
.tab_box_tab_tips {background: #ffffff; border-radius: 5px; padding: 0 24px;height: 45px;line-height: 60px;}
.layui-tab-item-box{ width: 100%; border-bottom: 1px solid #D8D8D8; margin-top: 20px; }
.layui-tab-item-box .layui-tab-tit{ width: 100%; display: flex; line-height: 50px;}
.layui-tab-item-box .layui-tab-tit h1{ font-size: 18px; }
.layui-tab-item-box .layui-tab-tit span{ font-size: 12px; display: inline; vertical-align: middle}
.layui-tab-info-box{padding-bottom: 30px; display: flex; gap: 30px; line-height: 30px;}
.layui-tab-info-box .layui-tab-line{ height: 80px; width: 1px; background:#D8D8D8; margin: auto 0;}
.layui-tab-info-box p{ display: flex; gap: 20px;}
.info_btn{ height: 56px; padding-top: 20px;display: flex; gap: 20px;}
.info_btn a{ display: inline-block; width: 76px; height: 26px; line-height: 26px; border-radius: 18px; text-align: center}
.info_btn a.pay-btn{background: #A80009; color: #fff;}
.info_btn a.cannot-btn{background: #818181; color: #fff;}
.info_btn .pay-btn:hover{ background: #e30410; color: #fff;}
.info_btn a.collect-btn{color: #A80009;  border: 1px solid #A80009;line-height: 24px;}
.info_btn .collect-btn:hover{ color: #e30410; border-color: #e30410; }

.info_btn a.back-btn{background: #D8D8D8; line-height: 24px; border: 1px solid #000000}
.info_btn .back-btn:hover{ background: #cccccc;border-color: #797777; color: #333333}

.layui-tab-item-equip{width: 100%; display: flex; gap: 30px;}
.layui-tab-item-equip .item-equip-tit{ text-align: center; font-size: 18px; margin-bottom: 5px;}
.layui-tab-item-equip .layui-tab-item-equip-box{ width: 216px; border-radius: 5px; background: #F9F9F9; padding: 20px; }
.layui-tab-item-equip  .layui-tab-item-equip-info{display: flex; flex-wrap: wrap; width: 100%; gap: 10px; text-align: center}
.layui-tab-item-equip  .layui-tab-item-equip-info .pic{width: 52px; height: 52px; border-radius: 5px; text-align: center; line-height: 52px;}
.layui-tab-item-equip  .layui-tab-item-equip-info .pic img{width: 32px;  height: 32px; margin: 0 auto; display: inline-block}

.layui-tab-item-back-info{display: flex; flex-wrap: wrap; width: 100%; gap: 10px; align-content:flex-start;text-align: center; border-radius: 5px; background: #F9F9F9; padding: 20px;height: 460px;overflow-y: auto;}
.layui-tab-item-back-info .pic{width: 52px; height: 52px; border-radius: 5px; text-align: center; line-height: 52px;}
.layui-tab-item-back-info .pic img{width: 32px;  height: 32px; margin: 0 auto; display: inline-block}

.layui-tab-item-god-info {display: flex; flex-wrap: wrap; width: 100%; gap: 10px; text-align: center;}
.layui-tab-item-god-info .god-block {display: flex; flex-wrap: wrap; width: 200px; background: #F9F9F9;border-radius: 5px; padding: 10px 15px;}
.layui-tab-item-god-info .god-block .god-text {width: 118px;}
.layui-tab-item-god-info .god-block .god-text p{line-height: 26px; text-align: left;margin-left: 5px;}
.layui-tab-item-god-info .pic{width: 52px; height: 52px; background: #EDEDED; border-radius: 5px; text-align: center; line-height: 52px;}
.layui-tab-item-god-info .pic img{width: 32px;  height: 32px; margin: 0 auto; display: inline-block}
.layui-tab-god-info-box .layui-tab-attr-info{ display: none;}
.layui-tab-god-info-box .layui-tab-attr-show{ display: block;}


.layui-tab-item-wing-info {display: flex; flex-wrap: wrap; width: 100%; gap: 10px; text-align: center;}
.layui-tab-item-wing-info .wing-block {display: flex; flex-wrap: wrap;align-items: center; width: 200px; background: #F9F9F9;border-radius: 5px; padding: 10px 15px;}
.layui-tab-item-wing-info .wing-block .wing-text {width: 118px;}
.layui-tab-item-wing-info .wing-block .wing-text p{line-height: 26px; text-align: left;margin-left: 5px;}
.layui-tab-item-wing-info .pic{width: 52px; height: 52px; background: #EDEDED; border-radius: 5px; text-align: center; line-height: 52px;}
.layui-tab-item-wing-info .pic img{width: 32px;  height: 32px; margin: 0 auto; display: inline-block}
.layui-tab-god-info-box .layui-tab-line{ height: 120px; width: 1px; background:#D8D8D8; margin: auto 0;}
.layui-tab-wing-info-box .layui-tab-line{ height: 120px; width: 1px; background:#D8D8D8; margin: auto 0;}

.layui-tab-item-face{width: 100%; display: flex; gap: 10px;}
.layui-tab-item-face .item-face-tit{ text-align: left; font-size: 18px; margin-bottom: 5px;}
.layui-tab-item-face .layui-tab-item-face-box{ width: 340px; border-radius: 5px; background: #F9F9F9; padding: 15px; }
.layui-tab-item-face  .layui-tab-item-face-info{display: flex; flex-wrap: wrap; width: 100%; gap: 10px; align-content:flex-start;text-align: center; height: 280px; overflow-x: hidden; overflow-y: auto;scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; }
.layui-tab-item-face  .layui-tab-item-face-info .pic{width: 52px; height: 52px; border-radius: 5px; text-align: center; line-height: 52px; padding-left: 15px;}
.layui-tab-item-face  .layui-tab-item-face-info .pic img{width: 32px;  height: 32px; margin: 0 auto; display: inline-block}
.layui-tab-item-face  .layui-tab-item-face-info label{width: 65px; display: inline-block;font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: center;}

.pay-detail{padding:50px 80px 30px;position:relative; width: 770px;margin: 0 auto;}
.pay-detail:after{content:"\200B";height:0;clear:both;display:block;overflow:hidden}
.pay-detail .icon_block{ display:inline-block; border-radius:50%;height: 48px;width: 48px;background:#D8D8D8;text-align:center;line-height:48px;font-size:24px;color:#fff}
.pay-detail .time{font-size:12px;line-height:15px}
.pay-detail .step_on{ color:#A80009 }
.pay-detail .step_on .icon_block{background:#A80009;}
.pay-detail .step{float:left;width:200px;text-align:center}
.pay-detail .step-status{margin-top:7px;line-height:20px}
.pay-detail .step-time{line-height:21px}
.pay-detail .overstep{position:absolute;top:52px;width:140px;text-align:center}
.pay-detail .overstep_1{left:208px}
.pay-detail .overstep_2{left:410px}
.pay-detail .overstep_3{left:609px}
.pay-detail .overstep_3 .take-guide,.pay-detail .overstep_lock .take-guide{position:relative;width:300px;margin:70px 0 0 -97px;padding:10px;font-size:12px;line-height:20px;text-align:left;border-radius:5px;background:#eee;color:#333}
.pay-detail .overstep_3 .take-guide:before,.pay-detail .overstep_lock .take-guide:before{content:'';position:absolute;height:0;width:0;top:-15px;left:160px;border-width:8px;border-style:solid;border-color:transparent transparent #eee}
.pay-detail .overstep_lock .take-guide{margin:97px 0 0 -196px}
.pay-detail .overstep-status1{line-height:28px}
.pay-detail .overstep-status2{font-size:12px;color:#969798;line-height:15px;margin-top:3px}
.pay-detail .overstep_half .overstep-status1,.pay-detail .overstep_pass .overstep-status1{color:#db4949}
.pay-detail .overstep .icon_flow{background-position:-212px -168px;height:1px;width:118px}
.payinfo{ width: 100%; line-height: 30px;  background: #ffffff; padding: 30px 0; border-top: 1px solid #D8D8D8}
.payinfo .pay-type{border-top: 1px solid #D8D8D8; margin-top: 30px; padding-top: 20px;}
.payinfo .pay-type .pay-tit{ font-size: 16px;}
.pay-type .layui-form-select dl dd.layui-this {color: #A80009;}
.pay-type .layui-form-label {display: block; float: none; width: 100%; text-align: left; padding: 0 0 5px 0;font-size: 16px;}

.layui-form-radio:hover > *, .layui-form-radioed, .layui-form-radioed > i { color:#A80009 }
.con_box{background: #ffffff; display: flex; border-radius: 5px; margin-top: 10px; padding: 30px; gap: 20px;}
.con_box .help_l{ width: 161px; min-height: 560px; border-right: 1px solid #D8D8D8}
.con_box .help_l li{ display: block; width: 141px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 10px; padding: 0px 10px;}
.con_box .help_l li:hover,.con_box .help_l li.on{background: linear-gradient(90deg, #FFE7E7 0%, rgba(255, 231, 231, 0.1) 100%);}
.con_box .help_r{ border-radius: 5px;height:560px; width: 888px; background: #F9F9F9;overflow-x: hidden; overflow-y: auto;scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;  padding: 10px 20px;}
.con_box .help_r .h_tit{ font-size: 18px; padding: 10px 0; border-bottom: 1px solid #D8D8D8}
.con_box .help_r .h_con{ margin-top: 20px; line-height: 26px;}
.layui-layer-page .layui-layer-content{overflow: hidden; }
.notice-detail-info{ width: 710px; height: 311px; }
.notice-detail-con{ padding: 20px; line-height: 36px; height: 240px; }
.layui-layer-title {text-align: center !important;padding: 0 50px !important;  font-size: 18px;}
.notice-btn{  width: 100%; text-align: center;}
.notice_close{ width: 100px; background:#A80009 }
.layui-table-notice .notice_td {
	    text-align: left;
    width: 795px;
    max-width: 795px; /* 添加max-width确保宽度限制 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell; /* 这是默认值，确保背景连续 */
}

.layui-layer-tips .layui-layer-content {
    min-width: 220px !important; /* 最小宽度 */
    min-height: 300px !important; /* 最小高度 */
    max-width: 220px !important; /* 最小高度 */
    padding: 10px !important;    /* 内边距确保内容不贴边 */
}

.layui-table .item-role-name {display: flex; align-items: center; position: relative; padding-right: 25px;}
.layui-table .item-role-name img{position: absolute;top: -2px; right: 25px;width: 20px;height: 20px;}
.layui-table .item-role-title {width: 120px; max-width: 120px;  word-wrap: break-word;  overflow-wrap: break-word; white-space: normal;}