.wrap{
    height: 4919px;
    background: url(//img.gyyxcdn.cn/action/wjzf_bg.jpg) no-repeat 50% 0;
}
.main{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.logo{
    z-index: 99;
    position: absolute;
    top: 20px;
    left: 45px;
    width: 110px;
    height: 145px;
    background: url(//image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;
}
.we_logo {
    z-index: 99;
    position: absolute;
    top: 30px;
    left: 155px;
    width: 136px;
    height: 118px;
    background: url(//img.gyyxcdn.cn/action/wegame_logo.png) no-repeat;
}
.nav{
    z-index: 100;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: 272px;
    color: #6a300d;
}
.nav a {
    margin: 0 10px;
    font-size: 14px;
    color: #6a300d;
    line-height: 32px;
}
.operate_wrapper{
    position: absolute;
    top: 633px;
    left: 276px;
    display: flex;
    gap: 17px;
}
.operate_wrapper .btn_self_recommend,
.flow_self .btn_self_recommend{
    width: 321px;
    height: 95px;
    background: url(//img.gyyxcdn.cn/action/wjzf_self_btn.png) no-repeat;
    transition: background-image 0.2s ease-in-out;
}
.operate_wrapper .btn_self_recommend:hover,
.flow_self .btn_self_recommend:hover{
    background: url(//img.gyyxcdn.cn/action/wjzf_self_btn1.png) no-repeat;
}
.operate_wrapper .btn_recommend,
.flow_recommend .btn_recommend{
    width: 306px;
    height: 95px;
    background: url(//img.gyyxcdn.cn/action/wjzf_recommend_btn.png) no-repeat;
    transition: background-image 0.2s ease-in-out;
}
.operate_wrapper .btn_recommend:hover,
.flow_recommend .btn_recommend:hover{
    background: url(//img.gyyxcdn.cn/action/wjzf_recommend_btn1.png) no-repeat;
}
.flow_self .btn_self_recommend,
.flow_recommend .btn_recommend{
    display: inline-block;
    margin: 27px 0 0 125px;
}
.flow_recommend .btn_recommend{
    margin-left: 162px;
}

.intro_wrapper{
    position: absolute;
    top: 699px;
    text-align: center;
}
.intro_in{
    display: flex;
}
.intro_title{
    display: inline-block;
    width: 72px;
    height: 229px;
    margin: 0 10px 0 39px;
    background: url(//img.gyyxcdn.cn/action/wjzf_intro_title.png) no-repeat;
}
.intro_wrapper ul {
    display: flex;
    gap: 18px;
}
.intro_wrapper ul li{
    width: 334px;
    height: 239px;


}
.intro_wrapper ul li:nth-child(1){
    background: url(//img.gyyxcdn.cn/action/wjzf_intro_bg1.png) no-repeat;
}
.intro_wrapper ul li:nth-child(2){
    background: url(//img.gyyxcdn.cn/action/wjzf_intro_bg2.png) no-repeat;
}
.intro_wrapper ul li:nth-child(3){
    background: url(//img.gyyxcdn.cn/action/wjzf_intro_bg3.png) no-repeat;
}
.intro_wrapper p{
    font-size: 18px;
    color: rgb(18, 22, 23);
    font-weight: bold;
    line-height: 1.2;
}
.intro_wrapper ul li p{
    font-size: 16px;
    color: rgb(224, 228, 232);
    line-height: 1.75;
    text-align: center;
    margin: 114px 24px 0 20px;
}
.intro_wrapper p span{
    color: rgb(153, 44, 1);
}
.story_wrapper{
    position: absolute;
    top: 1001px;
    width: 100%;

}
.story_wrapper .title{
    width: 1079px;
    height: 160px;
    background: url(//img.gyyxcdn.cn/action/wjzf_story_title.png) no-repeat;
    margin: 0 auto;
}
.story_content{
    width: 1146px; /* 378*3 + 6*2，刚好 3 个卡片 + 间距 */
    height: 626px;
    margin: 35px auto 32px;
    position: relative; /* 作为箭头绝对定位的基准 */
}
.swiper-slide{
    width: 378px;
    height: 626px;
    flex-shrink: 0;
    background: url(//img.gyyxcdn.cn/action/wjzf_story_bg.png) no-repeat;
}
.story_item{
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: 21px;
}
.story_item h2{
    font-size: 30px;
    color: rgb(95, 57, 12);
    font-weight: bold;
}
.story_item p{
    font-size: 16px;
    color: rgb(39, 42, 42);
    margin: 20px 31px 20px 42px;
    line-height: 1.8;
    height: 170px;
}
.story_item a{
    width: 305px;
    height: 56px;
    background: url(//img.gyyxcdn.cn/action/wjzf_detail_btn.png) no-repeat;
}

.swiper-button-prev,
.swiper-button-next{
    position: absolute;
    top: 50%;
    margin-top: -33px;
    width: 65px;
    height: 66px;
    z-index: 10;
    background: url(//img.gyyxcdn.cn/action/wjzf_prev_btn.png) no-repeat;
}
.swiper-button-prev{
    left: -33px;
}
.swiper-button-next{
    right: -40px;
    background: url(//img.gyyxcdn.cn/action/wjzf_next_btn.png) no-repeat;
}
.story_item a:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover{
    background-position: 0 bottom;
}

.content_wrapper{
    position: absolute;
    top: 1854px;

}
.content_wrapper .title{
    width: 1079px;
    height: 161px;
    margin: 0 auto 32px;
    background: url(//img.gyyxcdn.cn/action/wjzf_award_title.png) no-repeat;
}
.content_award{
    width: 1325px;
    height: 401px;
    background: url(//img.gyyxcdn.cn/action/wjzf_content_bg.png) no-repeat;
    margin-left: -63px;
}
.content_award tr td{
    font-size: 18px;
    color: rgb(225, 229, 232);
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.content_award tr:first-child td{
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding-top: 23px;

}

.content_award tr:not(:first-child) td:nth-child(3){
    font-size: 18px;
    color: rgb(255, 62, 62);
    background: url(//img.gyyxcdn.cn/action/wjzf_content_bg2.png) no-repeat 50%;
}
.content_award p{
    font-size: 18px;
    color: rgb(233, 179, 101);
    text-align: center;
    margin-top: 28px;
}
.flow_wrapper{
    position: absolute;
    top: 2449px;
}
.flow_wrapper .title{
    width: 1079px;
    height: 161px;
    margin: 0 auto;
    background: url(//img.gyyxcdn.cn/action/wjzf_flow_title.png) no-repeat;
}
.flow_content{
    width: 1325px;
    height: 800px;
    background: url(//img.gyyxcdn.cn/action/wjzf_flow_bg.png) no-repeat;
    margin-left: -62px;
}
.flow_content_in{
    display: flex;
    gap: 30px;
}
.flow_content img{
    width: 522px;
    height: 53px;
    margin-bottom: 10px;
}
.flow_content_in p{
    font-size: 15px;
    color: rgb(175, 175, 176);
    line-height: 1.2;
    margin:0 0 38px 200px;
}
.flow_content p.tips{
    font-size: 16px;
    color: rgb(233, 179, 101);
    line-height: 1.2;
    text-align: center;
    margin-top: 9px;
}
.flow_self_content,.flow_recommend_content{
    width: 366px;
    height: 426px;
    background: url(//img.gyyxcdn.cn/action/wjzf_flow1.png) no-repeat;
    margin-left: 99px;
    margin-top: 56px;
}
.flow_recommend_content{
    background: url(//img.gyyxcdn.cn/action/wjzf_flow2.png) no-repeat;
}

.flow_self_content ul li ,.flow_recommend_content ul li {
    font-size: 24px;
    height: 52px;
    line-height: 52px;
    margin-bottom: 41px;
    text-align: center;
}

.flow_recommend_content ul li:last-child{
    color: #925a2d;
    font-size: 16px;
    line-height: normal;
    padding-top: 2px;
}
.flow_self_content ul li:last-child{
    color: #b6332d;
}
.flow_self{
    margin-left: 130px;

}
.flow_recommend{
    margin-right: 121px;
}
.flow_self,.flow_recommend{
    margin-top: 48px;

}
.rules_wrapper{
    position: absolute;
    top: 3530px;

}
.rules_wrapper .title{
    width: 1079px;
    height: 162px;
    background: url(//img.gyyxcdn.cn/action/wjzf_rules_title.png) no-repeat;
    margin: 0 auto;
}
.rules_content{
    padding: 0 10px 0 52px;
    font-size: 16px;
    color: #f5f5f5;
    line-height: 2;
}
.rules_content h1{
    font-size: 20px;
    color: rgb(255, 186, 86);
    font-weight: bold;
    margin-bottom: 6px;
    background-size: 42px 40px;
    position: relative;
    margin-left: -26px;
}
.rules_content h1 span{
    margin-right: 8px;
    font-weight: bold;
}
.rules_content h1::before{
    content: '';
    position: absolute;
    top: 1px;
    left: -12px;
    width: 42px;
    height: 40px;
    background: url(//img.gyyxcdn.cn/action/wjzf_icon.png) no-repeat;

}
.rules_content h1:not(:first-child){
    margin-top: 6px;

}
.rules_content h4,.rules_content span{
    color: #d09a5f;
}
.tc {
    box-sizing: border-box;
    position: relative;
}
.tc01,.tc02,.tc07{
    width: 987px;
    height: 870px;
    background: url(//img.gyyxcdn.cn/action/wjzf_tc1.png) no-repeat;
}
.tc_inner{
    padding: 8px 16px;
}
.tc01 .tc_title,
.tc02 .tc_title,
.tc06 .tc_title,
.tc07 .tc_title{
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tc01 .tc_title h1,
.tc02 .tc_title h1,
.tc06 .tc_title h1,
.tc07 .tc_title h1{
    font-size: 36px;
    color: rgb(243, 243, 234);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap:12px
}
.tc06 .tc_title h1,
.tc07 .tc_title h1{
    margin-left: 18px;
}
.tc01 .tc_title p,
.tc02 .tc_title p,
.tc06 .tc_title p,
.tc07 .tc_title p{
    font-size: 16px;
    color: rgb(174, 174, 166);
    margin-right: 130px;
}
.tc01 .tc_title h1 span,
.tc02 .tc_title h1 span,
.tc07 .tc_title h1 span{
    width: 4px;
    height: 42px;
    background: #989893;
}
.tc_close{
    position: absolute;
    top: 24px;
    right: 28px;
    width: 53px;
    height: 57px;
    background: url(//img.gyyxcdn.cn/action/wjzf_close.png) no-repeat;
}
.tc01 .tc_cont,
.tc02 .tc_cont{
    margin: 32px 24px 38px 32px;
    padding-right: 117px;
    max-height: 693px;
    overflow-y: auto;
}
.tc02 .tc_cont{
    padding-right: 50px;
    margin-left: 16px;
}
.tc02 .tc_cont .login_wrap,
.tc02 .form_wrap h3,
.tc02 .tc_cont .subTitle{
    margin-left: 84px;
}
/*.tc02 .tc_cont .login_before h3,*/
/*.tc02 .tc_cont .login_before h3{*/
/*    margin-left: 0;*/
/*}*/
.tc_cont h3 {
    display: flex;
    align-items: baseline;
    font-size: 18px;
    color: rgb(243, 243, 234);
    font-weight: bold;
    gap:8px;
    margin-bottom: 22px;
}
.tc_cont h3 i{
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #4c575f;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
}
.tc_cont .subTitle{
    color: rgb(214, 158, 108);
    margin: 38px 0;
    padding-left: 33px;
}

.tc_cont::-webkit-scrollbar,
.tc_cont_inner::-webkit-scrollbar {
    width: 9px;
    height:  9px;
}

.tc_cont::-webkit-scrollbar-track,
.tc_cont_inner::-webkit-scrollbar-track{
    background: #3f474a;
    border-radius: 5px;
}

.tc_cont::-webkit-scrollbar-thumb,
.tc_cont_inner::-webkit-scrollbar-thumb{
    background: #9e9080;
    border-radius: 5px;
}
.login_before a.login_btn{
    display: inline-block;
    width: 211px;
    height: 59px;
    margin: 0 36px 22px;
    background: url(//img.gyyxcdn.cn/action/wjzf_loginBtn.png) no-repeat;
}
.login_before a.login_btn:hover{
    background-position: 0 bottom;
}

.login_after h4{
    font-size: 16px;
    color: rgb(243, 243, 234);
    display: flex;
    gap:18px;
    margin: 0  36px 22px;
}
.login_after h4 a,
.check_text a{
    font-size: 16px;
    color: rgb(225, 216, 153);
    text-decoration: underline;
}
.form_item,.form_item_role{
    display: flex;
    margin-bottom: 38px;
    position: relative;
}
.form_item label,
.form_item_role label,
.form_item_noStyle label{
    font-size: 16px;
    color: rgb(243, 243, 234);
    font-weight: bold;
    margin-right: 18px;
    height: 48px;
    line-height: 48px;
    width: 112px;
    text-align: right;
}
.form_item span{
    font-size: 16px;
    color: rgb(243, 243, 234);
    font-weight: bold;
    line-height: 48px;
}
.tc02 .form_item label,
.tc02 .form_item_role label{
    width: 200px;
}
.form_item label span{
    margin-right: 6px;
}
.form_inner .form_item_phone{
    align-items: center;
    flex-wrap: wrap;
}
.form_inner .form_item_phone .phone_tip{
    flex-basis: 100%;
    box-sizing: border-box;
    padding-left: 130px;
    margin-top: 8px;
    font-size: 14px;
    color: rgb(178, 178, 170);
    line-height: 1.4;
}
.form_inner .form_item_phone a{
    width: 114px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #2c3538;
    font-size: 16px;
    color: rgb(225, 216, 153);
    margin-left: 12px;
    cursor: pointer;
    border-radius: 20px;
}
.form_inner .form_item_phone a:hover{
    background: #653523;
}
.form_item input,
.form_item textarea,
.form_item .form_item_text{
    flex: 1;
}
.form_item input,
.form_item select,
.form_item_role select,
.form_item textarea{
    background: #2c3538;
    font-size: 16px;
    color: rgb(134, 134, 127);
    height: 48px;
    line-height: 48px;
    border: none;
    outline: none;
    padding-left: 12px;
    resize: none;
}
.form_item select{
    flex: 1;
    width: 0;
    min-width: 0;
    appearance: none;
    background: #2c3538 url(//img.gyyxcdn.cn/action/wjzf_arrow.png) no-repeat 268px 20px;
}
/* 未登录/未绑定角色时，表单输入项置灰不可输入 */
.form_item input:disabled,
.form_item select:disabled,
.form_item_role select:disabled,
.form_item textarea:disabled{
    background-color: #232a2c;
    color: #5a5e5a;
    cursor: not-allowed;
    opacity: .6;
}
.form_inner .form_item_merge input{
    flex: 1;
    width: 0;
    min-width: 0;
}
.form_item_role select{
    width: 375px;
    appearance: none;
    background: #2c3538 url(//img.gyyxcdn.cn/action/wjzf_arrow.png) no-repeat 328px 20px;
}
.form_item_role a{
    width: 255px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: rgb(143, 51, 15);
    font-weight: bold;
    text-align: center;
    margin-left: 16px;
    background: url(//img.gyyxcdn.cn/action/wjzf_getRole.png) no-repeat;

}
.form_item_bind{
    margin-bottom: 10px;
}

.form_item_bind a{
    width: 211px;
    height: 59px;
    line-height: 59px;
    background: url(//img.gyyxcdn.cn/action/wjzf_disabledRole.png) no-repeat;
    font-size: 24px;
    color: rgb(199, 199, 187);
    font-weight: bold;
    text-align: center;
    cursor: not-allowed;
}
.form_item_bind a.normal{
    cursor: pointer;
    background: url(//img.gyyxcdn.cn/action/wjzf_bindRole.png) no-repeat;
}
.form_item_bind a.normal:hover{
    background-position: 0 bottom;
}
.tc06 .form_item_bind a{
    margin: 90px 0 0 200px;
}
.bind_tips,.js_bindErr{
    font-size: 18px;
    color: rgb(213, 119, 58);
    margin-left: 130px;
}
#recommendPop .bind_tips,#recommendPop .js_bindErr{
    margin-left: 218px;
}

.form_item select:last-child,
.form_inner .form_item_merge input:last-child{
    margin-left: 16px;
}
.form_item .intro{
    position: absolute;
    top: 40px;
    font-size: 14px;
    color: rgb(178, 178, 170);
}
.form_item_story .intro{
    left:83px;
}

.form_item .err_tip{
    position: absolute;
    left: 130px;
    top: 50px;
    font-size: 14px;
    line-height: 1.2;
    color: rgb(213, 119, 58);
}
.form_item .err_tip:empty{
    display: none;
}
.form_item_text .err_tip{
    position: static;
    margin-top: 4px;
}
.form_item textarea.input_story{
    height: 150px;
    box-sizing: border-box;
    width: 100%;
    color: rgb(221, 221, 214);
    line-height: normal;
    padding: 12px;
}
.form_item_text input{
    width: 100%;
    box-sizing: border-box;
}
.form_item_text p{
    font-size: 16px;
    color: rgb(178, 178, 170);
    line-height: 1.2;
    margin-top: 12px;
}
.form_item_upload{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-flow: column;

}
.upload_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
}
.upload_list .upload_icon{
    width: 107px;
    height: 107px;
    background:  url(//img.gyyxcdn.cn/action/wjzf_upload.png) no-repeat;
    position: relative;
    flex-shrink: 0;

}
.upload_list .upload_icon input{
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.form_item_upload.disabled .upload_icon{
    opacity: .5;
    pointer-events: none;
}
.upload_list ul{
    display: contents;
}
.upload_list ul li {
    width: 107px;
    height: 107px;
    position: relative;
    flex-shrink: 0;
}
.upload_list ul li img{
    width: 100%;
    height: 100%;
}
.upload_list ul li a{
    width: 25px;
    height: 25px;
    background:  url(//img.gyyxcdn.cn/action/wjzf_delete.png) no-repeat;
    position: absolute;

    top:-7px;
    right: -8px;

}
.form_item_upload p{
    font-size: 16px;
    color: rgb(178, 178, 170);
}
.form_item_check{
    font-size: 16px;
    color: rgb(243, 243, 234);
    line-height: 1.2;
    text-align: center;
    margin: 70px 0 22px;
}
.form_item_check .check_box{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    cursor: pointer;
    background: url(//img.gyyxcdn.cn/action/wjzf_circle.png) no-repeat center;
    background-size: contain;
}
.form_item_check .check_box.checked{
    background: url(//img.gyyxcdn.cn/action/wjzf_check.png) no-repeat 2px 3px,
    url(//img.gyyxcdn.cn/action/wjzf_circle.png) no-repeat center;
    background-size: contain, contain;
}
.form_item_check .check_text{
    vertical-align: middle;
}
.form_submit{
    text-align: center;
}
.form_submit a{
    display: inline-block;
    width: 225px;
    height: 68px;
    cursor: not-allowed;
    background: url(//img.gyyxcdn.cn/action/wjzf_disabledSubmit.png) no-repeat;
}
.form_inner a.active{
    cursor: pointer;
    background: url(//img.gyyxcdn.cn/action/wjzf_submit.png) no-repeat;
}
.form_submit a.submitted{
    background: url(//img.gyyxcdn.cn/action/wjzf_submittedBtn.png) no-repeat;
    cursor: not-allowed;
}
.tc03{
    width: 987px;
    height: 870px;
    background: url(//img.gyyxcdn.cn/action/wjzf_tc3.png) no-repeat;
}
.tc03 .tc_cont{
    color: #f3f3ea;
    font-size: 18px;
    padding: 131px 32px 46px  46px ;
    line-height: 2;
}
.tc03 .tc_cont .tc_cont_inner{
    max-height: 693px;
    overflow: auto;
    padding-right: 38px;
}
.tc03 .tc_cont h4{
    font-size: 18px;
    color: rgb(214, 158, 108);
    font-weight: bold;
}
.tc03 .tc_cont h4:not(:first-child){
    margin-top: 18px;
}

.tc04,.tc05{
    width: 655px;
    height: 427px;
    background: url(//img.gyyxcdn.cn/action/wjzf_tc2.png) no-repeat;
}
.tc04 .tc_cont {
    padding: 60px 0;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 20px;
}
.tc04 .tc_cont h1{
    font-size: 40px;
    color: rgb(243, 243, 234);
    font-weight: bold;
}
.tc04 .tc_cont p{
    font-size: 16px;
    color: rgb(243, 243, 234);
    line-height: 2.25;
}
.tc04 .tc_cont a{
    display: inline-block;
    width: 225px;
    height: 68px;
    background: url(//img.gyyxcdn.cn/action/wjzf_detailBtn.png) no-repeat;
}
.tc04 .tc_cont a:hover{
    background-position: 0 bottom;
}
.tc05 .tc_cont{
    display: flex;
    height: 427px;
    align-items: center;
    justify-content: center;
}
.tc05 .tc_cont p {
    font-size: 30px;
    color: rgb(123, 67, 60);
    text-align: center;
}
.pf{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 266px;
    height: 587px;
    background: url(//img.gyyxcdn.cn/action/wjzf_pf_bg.png) no-repeat;
    z-index: 99;

}
.pf a{
    font-size: 18px;
    color: rgb(254, 254, 255);
    display: block;
    margin-left: -3.5%;
    height: 50px;
    line-height: 50px;
    margin-top: 4px;
    text-align: center;
}
.pf a:first-child{
    margin-top: 26px;
}
.pf a:last-child{
    font-weight: bold;
}
.pf a.on,.pf a:hover{
    color: rgb(235, 235, 138);
    background: url(//img.gyyxcdn.cn/action/wjzf_floatOnBg.png) no-repeat center;
}
.tc06{
    width: 987px;
    height: 696px;
    background: url(//img.gyyxcdn.cn/action/wjzf_tc4.png) no-repeat;
}
.tc06 .tc_cont{
    margin: 18px 142px 38px 32px;
}
.tc06 .tc_cont p,
.tc07 .tc_cont p{
    font-size: 14px;
    color: rgb(243, 243, 234);
    margin: -10px 0 50px 32px;
}
.tc07 .login_after h4{
    margin-left: 0;
}
.tc07 .tc_cont p{
    margin-left: 0;
    margin-bottom: 44px;
}
.tc07 .tc_cont p.phone_tips{
    margin-bottom: 0;
    margin-top: 12px;
}
.tc07 .tc_cont .form_item_upload p{
    margin-bottom: 0;
    margin-left: 0;
}
.tc06 .tc_cont p.tips{
    margin-left: 82px;
    text-align: center;
    color: rgb(178, 178, 170);
    margin-top: 10px;
}
.tc07 .tc_cont{
    margin: 18px 16px 38px 36px;
    max-height: 702px;
    overflow-y: auto;
    padding-right: 33px;
}
.self_recommend_wrap .title,
.recommend_wrap .title,
.self_recommend_item .subTitle{
    width: 861px;
    height: 69px;
    background: url(//img.gyyxcdn.cn/action/wjzf_title_bg.png) no-repeat;
    text-align: center;
    line-height: 69px;
    font-size: 40px;
    color: rgb(243, 243, 234);
    cursor: pointer;
}
.self_recommend_wrap .title:hover,
.recommend_wrap .title:hover,
.self_recommend_item .subTitle:hover{
    background-position: 0 bottom;
}
.recommend_wrap{
    margin-top: 42px;
}
.self_recommend_empty,.recommend_empty{
    display: flex;
    flex-flow: column;
    font-size: 18px;
    color: rgb(255, 255, 255);
    align-items: center;
    margin-top: 32px;
    gap: 13px;
}
.self_recommend_empty a,
.recommend_empty a{
    width: 225px;
    height: 68px;
}
.self_recommend_empty a{
    background: url(//img.gyyxcdn.cn/action/wjzf_self_btn2.png) no-repeat;
}

.recommend_empty a{
    background: url(//img.gyyxcdn.cn/action/wjzf_recommend_btn2.png) no-repeat;
}

.self_recommend_empty a:hover,
.recommend_empty a:hover{
    background-position: 0 bottom;
}
.self_recommend_form{
    margin-top: 40px;
    margin-right: 105px;
}
.form_item_noStyle{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgb(243, 243, 234);
}
.form_item_noStyle .js_curStatus{
    color: rgb(193, 111, 52);
}
.form_edit,.form_again_recommend{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgb(178, 178, 170);
    margin: 38px 0 0 110px;
}
.form_again_recommend{
    margin-left: 56px;
}
.form_edit a{
    width: 225px;
    height: 68px;
    background: url(//img.gyyxcdn.cn/action/wjzf_editBtn.png) no-repeat;
}
.form_edit a:hover,
.form_again_recommend a:hover{
    background-position: 0 bottom;
}
.form_edit a.disabled{
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}
.self_recommend_item {
    margin-top: 35px;
}
.self_recommend_item .subTitle{
    background: url(//img.gyyxcdn.cn/action/wjzf_title_bg1.png) no-repeat;
}
.form_again_recommend a{
    width: 225px;
    height: 68px;
    background: url(//img.gyyxcdn.cn/action/wjzf_againBtn.png) no-repeat;
}