body{
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom: 0px;
}
a {text-decoration: none;}
.login_top{
    width:600px;
    height:500px;
    position: fixed;
    left:calc(50% - 300px);
    top:calc(50vh - 250px);
    background:#fff;
    border-radius:10px;
    position:relative;
}

.login_tos{
    width:550px;
    height:500px;
    margin:auto;
    
}
.logo{
    width:100px;
    height: 100px;
    margin:auto;
    padding-top:50px;
}
.logo img{
    width:100px;
    height: 100px;
}
.webname{
    width:100%;
    height: 39px;
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.73px;
    text-align: center;
    margin-top:10px;
}
.input_login{
    width:100%;
    height:50px;
    border:#D0D5E1 solid 1px;
    border-radius:10px;
    margin-top:20px;
}
.input_user_ico{
    width:50px;
    height:50px;
    background:url('../img/ico_user.png') no-repeat;
    background-size:24px 24px;
    background-position: 12px 14px;
    float:left;
}
.input_pass_ico{
    width:50px;
    height:50px;
    background:url('../img/ico_pass.png') no-repeat;
    background-size:24px 24px;
    background-position: 12px 14px;
    float:left;
}
.input_style{
    width:calc(100% - 50px);
    float:right;
}
.input_style input{
    width:595px;
    height:47px;
    border:none;
    outline:none;
    font-size:14px;
    line-height:45px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.code_login{
    width:100%;
    height:50px;
    margin-top:20px;
}
.code_left{
    height:50px;
    width:calc(100% - 200px);
    border:#D0D5E1 solid 1px;
    border-radius:10px;
    float:left;
}
.code_input_style{
    width:calc(100% - 50px);
    float:right;
}
.code_input_style input{
    width:380px;
    height:45px;
    border:none;
    outline:none;
    font-size:14px;
    line-height:45px;
}
.code_img{
    width:150px;
    height:50px;
    float:right;
    background:#F5F6FA;
    border:#D0D5E1 solid 1px;
    border-radius:10px;
}
.code_img img{
    border-radius:10px;
}
.login_btn{
    width: 100%;
    height: 50px;
    background: #4B1478;
    color: #fff;
    margin-top:30px;
    border-radius:10px;
    line-height:50px;
    text-align: center;
    font-size: 18px;
    cursor:pointer;
}
.login_bottom{
    width:100%;
    height: 60px;
    border-top: #E5E6EC solid 1px;
    position: absolute;
    bottom:0px;
    color: #6A6B70;
    line-height: 60px;
    text-align: center;
    font-size: 13px;
}

.Information_hish{
    width:100%;
    position:fixed;
    z-index:99999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:rgb(0,0,0,0.7);
    display: none;
}

.Information_fm{
    width:300px;
    min-height:92px;
    border:#D0D5E1 solid 1px;
    border-radius:3px;
    background: #FFFFFF;
    margin:auto;
    margin-top:calc(50vh - 42px);
}
.Information_nb{
    width:280px;
    min-height:60px;
    margin: auto;
    margin-top:10px;
}
.Information_hm{
    width:100%;
    height:30px;
}
.Information_ico_1{
    width:30px;
    height:60px;
    float: left;
    background:#ff0000;
    background:url('../img/Information_1.png') no-repeat;
    background-size:20px 20px;
    background-position: 5px 5px;
}
.Information_ico_2{
    width:30px;
    height:60px;
    float: left;
    background:#ff0000;
    background:url('../img/Information_2.png') no-repeat;
    background-size:20px 20px;
    background-position: 5px 5px;
}
.Information_ico_3{
    width:30px;
    height:60px;
    float: left;
    background:#ff0000;
    background:url('../img/Information_3.png') no-repeat;
    background-size:20px 20px;
    background-position: 5px 5px;
}
.Information_ico_4{
    width:30px;
    height:60px;
    float: left;
    background:#ff0000;
    background:url('../img/Information_4.png') no-repeat;
    background-size:20px 20px;
    background-position: 5px 5px;
}
.Information_title{
    float: left;
    font-size:14px;
    line-height: 28px;
}
.Information_off{
    width:20px;
    height:20px;
    float: right;
    background:url('../img/Information_5.png') no-repeat;
    background-size:20px 20px;
    margin-top:5px;
    cursor: pointer;
}
.Information_val{
    width:100%;
    height:40px;
    font-size:12px;
    line-height:20px;
    color:#6A6B70;
}

.symsoun{
    width:100%;
    min-width:500px;
}

.indexleft{
    width: 220px;
    height: 100vh;
    background: #1C1B20;
    float: left;
}
.admlogo{
    width:100%;
    height: 60px;
}
.menuilist{
    width:100%;
    height: calc(100vh - 60px);
    overflow-y: auto;
}
.menuilist::-webkit-scrollbar {
  width: 0px; 
  height: 0px;
}
.logimgsim{
    width:60px;
    height:60px;
    float:left;
    background:url('../img/logo_sim.png') no-repeat;
    background-size:40px 40px;
    background-position: 10px 10px;
}
.logimtime{
    width:calc(100% - 60px);
    height:60px;
    float:right;
    font-size: 14px;
    font-weight: 700;
    line-height:60px;
    text-align: left;
    color: #FFFFFF;
}
.meunlists{
    width:100%;
    height:50px;
    cursor: pointer;
}
.meunlistauto{
    width:calc(100% - 40px);
    height:50px;
    margin: auto;
}
.meunlistleft_1{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_0.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_2{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_2.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_3{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_3.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_4{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_4.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_5{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_5.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_6{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_6.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_7{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_7.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_8{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_1.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlistleft_9{
    width:20px;
    height: 50px;
    background:url('../img/meun_ico_8.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: left;
}
.meunlists:hover{
    background:#4B1478;
}
.meunlists:hover .meunlistleft_1{
    background:url('../img/meun_ico_0_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_2{
    background:url('../img/meun_ico_2_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_3{
    background:url('../img/meun_ico_3_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_4{
    background:url('../img/meun_ico_4_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_5{
    background:url('../img/meun_ico_5_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_6{
    background:url('../img/meun_ico_6_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_7{
    background:url('../img/meun_ico_7_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_8{
    background:url('../img/meun_ico_1_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistleft_9{
    background:url('../img/meun_ico_8_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlists:hover .meunlistjime{
    color: #fff;
}
.mensdd{
    background:#4B1478;
}
.mensdd .meunlistjime{
    color: #fff;
}

.mensdd .meunlistleft_1{
    background:url('../img/meun_ico_0_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_2{
    background:url('../img/meun_ico_2_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_3{
    background:url('../img/meun_ico_3_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_4{
    background:url('../img/meun_ico_4_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_5{
    background:url('../img/meun_ico_5_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_6{
    background:url('../img/meun_ico_6_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_7{
    background:url('../img/meun_ico_7_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_8{
    background:url('../img/meun_ico_1_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.mensdd .meunlistleft_9{
    background:url('../img/meun_ico_8_h.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
}
.meunlistjime{
    width:calc(100% - 60px);
    height: 50px;
    float: left;
    margin-left: 10px;
    color: #BABBC0;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
}
.meunlistright{
    width:20px;
    height: 50px;
    background:url('../img/ico_right.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: right;
}
.meunlistbottom{
    width:20px;
    height: 50px;
    background:url('../img/ico_bottom.png') no-repeat;
    background-size:20px 20px;
    background-position: 0px 15px;
    float: right;
}
.meunvie{
    width:100%;
    display: none;
}
.menunlspom{
    width:85%;
    height: 40px; 
    padding-left: 15%;
    cursor: pointer;
}
.menunlspom:hover{
    background:#272435;
}
.menunlspoi{
    width:calc(100% - 60px);
    height: 40px;
    float: left;
    margin-left: 10px;
    color: #BABBC0;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
}
.menunlspom:hover .menunlspoi{
    color:#fff;
}
.menunlxuanz{
    background:#272435;
    color:#fff;
}
.menunlxuanz .menunlspoi{
    color:#fff;
}
.indexright{
    width:calc(100% - 220px);
    height:100vh;
    float: right;
}
.indexright_60{
    width:calc(100% - 60px);
    height:100vh;
    float: right;
}
.indexrighttop{
    width: 100%;
    height: 110px;
    background:#fff;
}
.indexrightifr{
    width: 100%;
    height: calc(98vh - 110px);
    background:#F5F6FA;
}
.right_top_one{
    width: 100%;
    height: 60px;
    border-bottom: #E5E6EC solid 1px;
}
.right_top_one_left{
    width: 32px;
    height: 32px;
    float:left;
    margin-left:24px;
    margin-top: 14px;
    background:url('../img/Group53.png') no-repeat;
    background-size:32px 32px;
    background-position:0px 0px;
    cursor: pointer;
}
.right_top_one_left:hover{
    background:url('../img/Group54.png') no-repeat;
    background-size:32px 32px;
    background-position:0px 0px;
}
.gonexunmnsd{
    background:url('../img/Group54.png') no-repeat;
    background-size:32px 32px;
    background-position:0px 0px;
}
.right_top_onehover{
    background:url('../img/Group54.png') no-repeat;
    background-size:32px 32px;
    background-position:0px 0px;
}
.right_top_right_xr{
    min-width:20px;
    height:60px;
    float: right;
    color: #1C1B20;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}
.right_top_right_xr:hover{
    background:#4B1478;
    color:#fff;
}
.right_top_right_xl{
    min-width:20px;
    height: 60px;
    float: right;
    background:url('../img/ico_bottom.png') no-repeat;
    background-size:20px 20px;
    background-position:0px 20px;
    margin-right:10px;
}
.right_top_right_xr:hover .right_top_right_xl{
    background:url('../img/fff_top.png') no-repeat;
    background-size:20px 20px;
    background-position:0px 20px;
}
.right_top_right_xt{
    height:60px;
    float:right;
    line-height: 60px;
    padding-left:20px;
    padding-right:5px;
}
.right_top_right_xe{
    width: 40px;
    height: 40px;
    float: right;
    margin-top:10px;
    border-radius:8px;
    margin-right: 10px;
    cursor:pointer;
    position: relative;
}
.right_top_right_xe1{
    width: 20px;
    height: 20px;
    background:url('../img/right_top_ico_2.png') no-repeat;
    background-size:20px 20px;
    margin-top: 10px;
    margin-left: 10px;
}
.right_top_right_xe2{
    width: 20px;
    height: 20px;
    background:url('../img/right_top_ico_3.png') no-repeat;
    background-size:20px 20px;
    margin-top: 10px;
    margin-left: 10px;
}
.right_top_right_xe3{
    width: 20px;
    height: 20px;
    background:url('../img/right_top_ico_4.png') no-repeat;
    background-size:20px 20px;
    margin-top: 10px;
    margin-left: 10px;
}
.right_top_right_xe4{
    width: 20px;
    height: 20px;
    background:url('../img/right_top_ico_5.png') no-repeat;
    background-size:20px 20px;
    margin-top: 10px;
    margin-left: 10px;
}
.right_top_right_xe:hover{
    background:#F5F6FA;
}
.right_top_two{
    width: 100%;
    height: 48px;
}
.right_top_two_left{
    width:48px;
    height:48px;
    float: left;
    cursor: pointer;
}
.right_top_two_left_ico{
    width: 24px;
    height: 24px;
    background:url('../img/Frame-24.png') no-repeat;
    background-size:24px 24px;
    margin-top:12px;
    margin-left:12px;
}
.right_top_two_left:hover{
    background:#F5F6FA;
}

.right_top_two_right{
    width:48px;
    height:48px;
    float: right;
    cursor: pointer;
    position: relative;
}
.right_top_two_right_ico{
    width: 24px;
    height: 24px;
    background:url('../img/Frame-27.png') no-repeat;
    background-size:24px 24px;
    margin-top:12px;
    margin-left:12px;
}
.right_top_two_right_ico_1{
    width: 24px;
    height: 24px;
    background:url('../img/ico_bottom.png') no-repeat;
    background-size:24px 24px;
    margin-top:12px;
    margin-left:12px;
}
.right_top_two_right:hover{
    background:#F5F6FA;
}
.right_top_two_oumklss{
    width: calc(100% - 144px);
    height: 48px;
    float: left;
    overflow: hidden;
    position: relative;
}
.right_top_two_zj_wb{
    padding-left:10px;
    padding-right:10px;
    height:46px;
    border-bottom:#fff solid 2px;
    float: left;
    cursor: pointer;
}
.right_top_two_zj_wb:hover{
    border-bottom:#4B1478 solid 2px;
    background: #F7F8FA;
}
.right_top_two_zj_ico{
    width: 16px;
    height: 16px;
    background:url('../img/Frame-18.png') no-repeat;
    background-size:16px 16px;
    float:right;
    margin-top:16px;
    margin-left:12px;
}
.right_top_two_zj_tl{
    float:left;
    color: #1C1B20;
    font-size: 14px;
    line-height: 48px;
}
.right_top_two_zj_wb:hover .right_top_two_zj_ico{
    background:url('../img/Frame-33.png') no-repeat;
    background-size:16px 16px;
}
.right_top_twocounmtt{
    border-bottom:#4B1478 solid 2px;
    background: #F7F8FA;
}
.right_top_twocounmtt .right_top_two_zj_ico{
    background:url('../img/Frame-33.png') no-repeat;
    background-size:16px 16px;
}
.poxxunms{
    width:110px;
    position: absolute;
    top:0px;
    left:-50px;
    display: none;
    z-index: 1;
}
.hloonms{
    width:100%;
    position: relative;
}
.triangle-up{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:20px solid #D0D5E1;
  position:absolute;
  left:55px;
  top:35px;
  
}
.triangle-up_x{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:20px solid #fff;
  position:absolute;
  left:55px;
  top: 37px;
  z-index: 99;
}
.bottomhengs{
    width:100%;
    min-height:30px;
    background:#fff;
    border:#D0D5E1 solid 1px;
    position:absolute;
    border-radius:10px;
    top:45px;
    padding-top:10px;
    padding-bottom:10px;
}
.mneopsxss{
    width:100%;
    height:30px;
    margin-top:5px;
    margin-bottom:5px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.right_top_right_xe:hover .poxxunms{
    display:block;
}
.mneopsxss:hover{
    background:#F5F6FA;
}
.poxxunmse{
    width:110px;
    position: absolute;
    top:0px;
    left:-70px;
    display: none;
    z-index: 1;
}
.triangle-up_1{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:20px solid #D0D5E1;
  position:absolute;
  left:75px;
  top:35px;
  
}
.triangle-up_x_1{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:20px solid #fff;
  position:absolute;
  left:75px;
  top: 37px;
  z-index: 99;
}
.right_top_two_right:hover .poxxunmse{
    display: block;
}
.poxxunmsr{
    width:110px;
    position: absolute;
    top:0px;
    left:-20px;
    display: none;
    z-index: 1;
}
.triangle-up_2{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:20px solid #D0D5E1;
  position:absolute;
  left:55px;
  top:55px;
  
}
.triangle-up_x_2{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:20px solid #fff;
  position:absolute;
  left:55px;
  top: 57px;
  z-index: 99;
}
.bottomhengse{
    width:100%;
    min-height:30px;
    background:#fff;
    border:#D0D5E1 solid 1px;
    position:absolute;
    border-radius:10px;
    top:70px;
    padding-top:10px;
    padding-bottom:10px;
}
.right_top_right_xr:hover .poxxunmsr{
    display: block;
}
.right_top_right_xr:hover .mneopsxss{
    color:#000;
}

.page_data_wp{
    width:100%; 
    height:700px; 
    background:#F5F6FA;
    min-width: 1200px;
}
.page_data_top{
    width:calc(100% - 30px);
    height:80px;
    line-height: 80px;
    font-size: 26px;
    color:#1C1B20;
    padding-left:30px;
}
.data_left{
    width: calc(50% - 40px);
    height: 100%;
    float: left;
    height:600px;
    margin-left:25px;
}
.data_right{
    width: calc(50% - 40px);
    height: 100%;
    float: right;
    height:600px;
    margin-right:25px;
}
.data_left_top_left{
    width:calc(50% - 20px);
    height:140px;
    float: left;
    background:#fff;
    border-radius:10px;
}
.data_left_top_right{
    width:calc(50% - 20px);
    height:140px;
    float: right;
    background:#fff;
    border-radius:10px;
}
.data_center_wp{
    width:90%;
    height:140px;
    margin: auto;
}
.data_center_wp_1{
    width:calc(100% - 120px);
    height:140px;
    float: left;
}
.data_center_wp_2{
    width:120px;
    height:140px;
    float: left;
}
.data_center_wp_3{
    width:94px;
    height:94px;
    background:#F1F0F9;
    margin: auto;
    margin-top:23px;
    background:url('../img/data_1.png') no-repeat;
    background-size:94px 94px;
}
.data_center_wp_4{
    width:94px;
    height:94px;
    background:#F1F0F9;
    margin: auto;
    margin-top:23px;
    background:url('../img/data_2.png') no-repeat;
    background-size:94px 94px;
}
.data_center_wp_5{
    width:calc(100% - 10px);
    height:100px;
    margin-top:20px;
}
.data_center_wp_6{
    width: 100%;
    height:30px;
    line-height: 30px;
    font-size: 14px;
}
.data_center_wp_7{
    width: 100%;
    height:30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
}
.data_center_wp_8{
    width: 100%;
    height:30px;
    line-height: 30px;
    font-size: 12px;
}
.data_center_wp_9{
    padding-right:2px;
    float: left;
    color: #9D9D9F;
}
.data_center_wp_10{
    height:30px;
    line-height: 30px;
    font-size: 12px;
    color:#74B130;
    float:left;
}
.data_center_wp_11{
    padding-left:2px;
    padding-right:2px;
}
.data_center_wp_12{
    width: 120px;
    height:80px;
    margin-top:30px;
}
.data_center_wp_13{
    width:120px;
    height: 100px;
    margin-top: 20px;
}

.circle {
    width:60px;
    aspect-ratio: 1;
    border: 1px solid white;
    border-radius: 50%;
    position: relative;
    background: conic-gradient(#4B1478 0deg 100deg, #03A8D6 100deg 120deg, #FCCD08 120deg 360deg);
    &::after {
      content: "";
      position: absolute;
      top: 10px;
      left: 10px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background:#fff;
      display: block;
      box-sizing: border-box;
    }
 }
.data_center_wp_14{
    width:60px;
    height:60px;
    float:left;
    margin-top:20px;
}
.data_center_wp_15{
    width:60px;
    height:60px;
    float:right;
    margin-top:20px;
}
.data_center_wp_16{
    width: 100%;
    height: 20px;
    font-size:12px;
}
.data_center_wp_17{
    background: #4B1478;
    width:5px;
    height:5px;
    border-radius: 50px;
    float: left;
    margin-top:7.5px;
    margin-left:5px;
}
.data_center_wp_18{
    float:left;
    line-height: 20px;
    margin-left:3px;
    color: #1C1B20;
}
.data_center_wp_19{
    background: #03A8D6;
    width:5px;
    height:5px;
    border-radius: 50px;
    float: left;
    margin-top:7.5px;
    margin-left:5px;
}
.data_center_wp_20{
    background: #FCCD08;
    width:5px;
    height:5px;
    border-radius: 50px;
    float: left;
    margin-top:7.5px;
    margin-left:5px;
}
.data_center_wp_21{
    width:100%;
    height:140px;
}
.data_center_wp_22{
    height:100%;
    height:440px;
    margin-top:20px;
    background: #fff;
    border-radius: 10px;
}
.data_center_wp_23{
    width:calc(100% - 20px);
    height:440px;
    margin:auto;
}
.data_center_wp_24{
    width:100%;
    height:80px;
    padding-top:10px;
}
.data_center_wp_25{
    width:calc(25% - 8px);
    height:70px;
    float:left;
    margin-left:10px;
    background: #F5F6FA;
    border-radius: 8px;
}
.data_center_wp_26{
    width:calc(100% - 20px);
    height:20px;
    padding-left:10px;
    line-height:20px;
    font-size: 14px;
    margin-top:15px;
}
.data_center_wp_27{
    width:10px;
    height:10px;
    background: #4B1478;
    border-radius: 50%;
    float: left;
    margin-top:5px;
}
.data_center_wp_28{
    width:calc(100% - 20px);
    height:20px;
    float: right;
}
.data_center_wp_29{
    width:75%;
    height:20px;
    margin: auto;
    line-height: 20px;
    font-size: 14px;
    margin-top: 5px;
}
.data_center_wp_30{
    width: 100%;
    height: 340px;
    position: relative;
}
.data_center_wp_31{
    width: 150px;
    height: 180px;
    background: rgb(0,0,0,0.9);
    position: absolute;
    border-radius: 10px;
    top:95px;
}
.data_center_wp_32{
    width:100%;
    height:30px;
    line-height:30px;
    text-align: center;
    color:#fff;
    font-size: 12px;
    margin-top:5px;
}
.data_center_wp_33{
    width:130px;
    height: 30px;
    margin: auto;
    font-size: 12px;
}
.data_center_wp_34{
    width:8px;
    height: 8px;
    border-radius: 50%;
    background: #4B1478;
    float: left;
    margin-top:11px;
}
.data_center_wp_35{
    color: #9D9D9F;
    padding-left:5px;
    float: left;
    line-height: 30px;
    font-size: 11px;
}
.data_center_wp_36{
    color: #fff;
    padding-left:5px;
    float: left;
    line-height: 30px;
    font-size: 11px;
}
.data_center_wp_37{
    width:8px;
    height: 8px;
    border-radius: 50%;
    background: #F27436;
    float: left;
    margin-top:11px;
}
.data_center_wp_38{
    width:8px;
    height: 8px;
    border-radius: 50%;
    background: #FCCD08;
    float: left;
    margin-top:11px;
}
.data_center_wp_39{
    width:8px;
    height: 8px;
    border-radius: 50%;
    background: #03A8D6;
    float: left;
    margin-top:11px;
}
.data_center_wp_40{
    width:10px;
    height:10px;
    background: #F27436;
    border-radius: 50%;
    float: left;
    margin-top:5px;
}
.data_center_wp_41{
    width:10px;
    height:10px;
    background: #FCCD08;
    border-radius: 50%;
    float: left;
    margin-top:5px;
}
.data_center_wp_42{
    width:10px;
    height:10px;
    background: #03A8D6;
    border-radius: 50%;
    float: left;
    margin-top:5px;
}
.data_center_wp_43{
    width:calc(100% - 40px);
    height:60px;
    margin: auto;
    line-height: 60px;
    color:#1C1B20;
    font-size: 20px;
    font-weight: 700;
}
.data_center_wp_44{
    width: calc(100% - 40px);
    height: 40px;
    background: #F5F6FA;
    margin: auto;
    color:#1C1B20
}
.data_center_wp_45{
    width:80px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.data_center_wp_46{
    width:calc(100% - 280px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.data_center_wp_47{
    width:200px;
    height:40px;
    float: right;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.data_center_wp_48{
    width: calc(100% - 40px);
    height: 48px;
    margin: auto;
    border-top:#E5E6EC solid 1px;
    color: #1C1B20;
}
.data_center_wp_49{
    width:80px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.data_center_wp_50{
    width:calc(100% - 280px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.data_center_wp_51{
    width:200px;
    height:40px;
    float: right;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.data_center_wp_52{
    width: 100%;
    height:40px;
}
.data_center_wp_53{
    width:100px;
    height: 40px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    text-align: center;
    color: #9D9D9F;
    font-size: 14px;
    cursor: pointer;
}
.webclass_1{
    width:calc(100% - 40px);
    height: 760px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background:#fff;
    min-width: 1200px;
}
.webclass_2{
    width: calc(100% - 40px);
    height: 760px;
    margin: auto;
    padding-top: 10px;
}
.webclass_3{
    width: 100%;
    height: 50px;
    background:#F5F6FA;
}
.webclass_4{
    height:80px;
    line-height: 80px;
    padding-left: 20px;
    padding-right: 5px;
    float: left;
    color: #1C1B20;
    font-size: 14px;
}
.webclass_5{
    width: 160px;
    height:35px;
    float: left;
    margin-top: 7.5px;
    border: #D0D5E1 solid 1px;
    padding-left: 5px;
    background: #fff;
    border-radius: 5px;
}
.webclass_5 input{
    width:146px;
    height: 33px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.webclass_6{
    width:80px;
    height: 35px;
    background: #4B1478;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 7.5px;
    cursor: pointer;
    color: #fff;
}
.webclass_7{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 7.5px;
    cursor: pointer;
}
.webclass_8{
    width: 100%;
    height: 50px;
}
.webclass_9{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 7.5px;
}
.webclass_10{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.webclass_11{
    width: 76px;
    height: 35px;
    background: #fff;
    float: right;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-right: 20px;
}
.webclass_11_1{
    width: 16px;
    height: 16px;
    background:url('../img/btn_1.png') no-repeat;
    background-size:16px 16px;
    float: left;
    margin-top: 10px;
    margin-left: 13px;
}
.webclass_11_2{
    width: calc(100% - 33px);
    height:35px;
    float: right;
    text-align: left;
}
.webclass_12{
    width: 76px;
    height: 35px;
    background: #fff;
    float: right;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
}
.webclass_12_1{
    width: 16px;
    height: 16px;
    background:url('../img/btn_2.png') no-repeat;
    background-size:16px 16px;
    float: left;
    margin-top: 10px;
    margin-left: 13px;
}
.webclass_12_2{
    width: calc(100% - 33px);
    height:35px;
    float: right;
    text-align: left;
}
.webclass_13{
    width: 100%;
    height: 40px;
    background: #F5F6FA;
    border-bottom: #dfdfdf solid 1px;
}
.webclass_14{
    width:50px;
    height:40px;
    float: left;
}
.webclass_14 input{
    margin-top:13px;
    margin-left: 18px;
}
.webclass_15{
    width: 70px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.webclass_16{
    width: 200px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.webclass_17{
    width: calc(100% - 420px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.webclass_18{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.webclass_19{
    width: 100%;
    height: 48px;
    background: #fff;
    border-bottom: #E5E6EC solid 1px;
}
.webclass_19:hover{
    background: #F5F6FA;
}
.webclass_20{
    width:50px;
    height:50px;
    float: left;
}
.webclass_20 input{
    margin-top:16px;
    margin-left: 18px;
}
.webclass_21{
    width: 70px;
    height:50px;
    float: left;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
}
.webclass_22{
    width: 200px;
    height:50px;
    float: left;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.webclass_23{
    width: calc(100% - 420px);
    height:50px;
    float: left;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.webclass_24{
    width: 100px;
    height:50px;
    float: left;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.webclass_25{
    width:40px;
    height: 50px;
    float: left;
    text-align:center;
    line-height: 45px;
    color: #03A8D6;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
}
.webclass_26{
    width: 100%;
    height: 600px;
    overflow-y: auto;
}
.webclass_27{
    width: 100%;
    height: 30px;
    margin-top: 10px;
}
.webclass_28{
    padding-right: 10px;
    line-height: 30px;
    float: right;
    font-size: 14px;
}
.webclass_29{
    width: 25px;
    height: 25px;
    border: #E5E6EC solid 1px;
    float: right;
    margin-top: 1.5px;
    margin-right: 5px;
    background:url('../img/page_left.png') no-repeat;
    background-size:20px 20px;
    background-position:2.5px 2.5px;
    cursor: pointer;
}
.webclass_30{
    min-width: 15px;
    height: 25px;
    border: #E5E6EC solid 1px;
    float: left;
    margin-top: 1.5px;
    margin-right: 5px;
    cursor: pointer;
    line-height:25px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    padding-left:5px;
    padding-right: 5px;
}
.webclass_30_xz{
    background: #4B1478;
    color: #fff;
}
.webclass_31{
    width: 25px;
    height: 25px;
    border: #E5E6EC solid 1px;
    float: right;
    margin-top: 1.5px;
    margin-right: 10px;
    background:url('../img/page_right.png') no-repeat;
    background-size:20px 20px;
    background-position:2.5px 2.5px;
    cursor: pointer;
}
.webclass_32{
    width:50px;
    height: 25px;
    border: #E5E6EC solid 1px;
    float: right;
    margin-top: 1.5px;
}
.webclass_32 input{
    border:none;
    outline:none;
    width: 40px;
    margin-left:3px;
    height: 22px;
    margin-top: 1px;
    text-align: center;
    font-size: 14px;
}
.webclass_33{
    width: 50px;
    height: 25px;
    float: right;
    line-height: 25px;
    margin-top: 2px;
    margin-left: 5px;
    border: #E5E6EC solid 1px;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.webclass_34{
    float: right;
}
.hide_window_1{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.hide_window_2{
    width: 800px;
    height: 500px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
}
.hide_window_3{
    width: calc(100% - 20px);
    height:60px;
    border-bottom:#E5E6EC solid 1px;
    font-size: 16px;
    color:#1C1B20;
    line-height: 60px;
    padding-left: 20px;
}
.hide_window_4{
    width: 94%;
    height: 50px;
    margin: auto;
}
.hide_window_5{
    width:100px;
    height: 50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    text-align: right;
}
.hide_window_5 span{
    color: #ff0000;
    margin-right:5px;
}
.hide_window_6{
    width: calc(100% - 110px);
    height: 50px;
    float: right;
}
.hide_window_6 input{
    width:95%;
    height: 30px;
    border:none;
    outline:none;
    border: #D0D5E1 solid 1px;
    border-radius:3px;
    padding-left: 10px;
    margin-top:10px;
}

.hide_window_7{
    width: 94%;
    height:50px;
    position: absolute;
    bottom:10px;
    left: 3%;
}
.hide_window_8{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.hide_window_8_1{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.hide_window_9{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.alert_1{
    width: 500px;
    height: 200px;
    border: #D0D5E1 solid 1px;
    border-radius: 10px;
    margin: auto;
    margin-top: 100px;
    background: #fff;
    position: relative;
}
.alert_2{
    width: calc(100% - 20px);
    height:40px;
    border-bottom:#E5E6EC solid 1px;
    font-size: 16px;
    color:#1C1B20;
    line-height: 40px;
    padding-left: 20px;
}
.alert_3{
    width: calc(100% - 40px);
    margin: auto;
    margin-top:30px;
    font-size: 14px;
}
.alert_3_1{
    width: calc(100% - 40px);
    margin: auto;
    margin-top:30px;
    font-size: 14px;
}
.alert_3_2{
    width: calc(100% - 40px);
    margin: auto;
    margin-top:30px;
    font-size: 14px;
}
.alert_4{
    width: 94%;
    height:50px;
    position: absolute;
    bottom:10px;
    left: 3%;
}
.alert_5{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.alert_6{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.hideinput{
    display: none;
}
.hideinputcid{
    display: none;
}
.webclass_5 select{
    width:146px;
    height: 33px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.weblist_1{
    width: 100px;
    height:35px;
    float: left;
    margin-top: 7.5px;
    border: #D0D5E1 solid 1px;
    background: #fff;
    border-radius: 5px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
}
.weblist_2{
    height:50px;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 5px;
    float: left;
    color: #1C1B20;
    font-size: 14px;
}
.weblist_1 input{
    width:86px;
    height: 32px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.weblist_1 select{
    width:86px;
    height: 33px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.weblist_3{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.weblist_3_1{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.weblist_3_2{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.weblist_3_3{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.weblist_3_4{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_5{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_6{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.weblist_3_7{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_8{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_9{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.weblist_3_4_1{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}

.weblist_3_4_2{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_4_3{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_4_4{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.weblist_3_4_5{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}

.weblist_4{
    width: 800px;
    height: 500px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
}
.weblist_5{
    width: calc(100% - 20px);
    height:60px;
    border-bottom:#E5E6EC solid 1px;
    font-size: 16px;
    color:#1C1B20;
    line-height: 60px;
    padding-left: 20px;
}
.weblist_6{
    width: 100%;
    height: 380px;
}
.weblist_7{
    width: 94%;
    height:40px;
    margin: auto;
    margin-top: 10px;
}
.weblist_8{
    width: 50%;
    height:40px;
    float: right;
}
.weblist_9{
    width:80px;
    height: 40px;
    padding-left:10px;
    padding-right: 5px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: right;
}
.weblist_10{
    width:calc(100% - 120px);
    height: 33px;
    float: right;
    margin-right: 20px;
    border:#D0D5E1 solid 1px;
    border-radius: 5px;
    margin-top: 2.5px;
}
.weblist_10 select{
    width:calc(100% - 10px);
    height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.weblist_10 input{
    width:calc(100% - 15px);
    height: 30px;
    line-height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.weblist_11{
    width: 100%;
    height: 50px;
}
.weblist_12{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_13{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_14{
    width:50px;
    height:40px;
    float: left;
}
.weblist_14 input{
    margin-top:13px;
    margin-left: 18px;
}
.weblist_15{
    width: 70px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    border-right:#dee1ef solid 1px; 
    text-align:center;
    color:#757575;
}
.weblist_16{
    width: 150px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    border-right:#dee1ef solid 1px; 
    text-align:center;
    color:#757575;
}
.weblist_17{
    width: calc(100% - 910px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.weblist_18{
    width: 120px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_19{
    width: 250px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_20{
    width: 250px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color:#757575;
}
.weblist_21{
    width:50px;
    height:50px;
    float: left;
}
.weblist_21 input{
    margin-top:16px;
    margin-left: 18px;
}
.weblist_22{
    width: 70px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.weblist_23{
    width: 150px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.weblist_24{
    width: calc(100% - 910px);
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.weblist_25{
    width: 120px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.weblist_26{
    width: 250px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.weblist_27{
    width: 250px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_28{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_28_1{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_28_2{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_28_3{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_28_4{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_28_5{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_29{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.weblist_30{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_31{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_31_1{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_31_2{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_31_3{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_31_4{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_31_5{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_32{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.weblist_33{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_34{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_35{
    width: calc(100% - 50px);
    height: 33px;
    float: left;
}
.weblist_36{
    width: 45px;
    height:26px;
    float: right;
    margin-right: 3.5px;
    margin-top:3.5px;
    background: #4B1478;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
}
.weblist_36_1{
    width: 45px;
    height:26px;
    float: right;
    margin-right: 3.5px;
    margin-top:3.5px;
    background: #4B1478;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
}
.weblist_36_2{
    width: 45px;
    height:26px;
    float: right;
    margin-right: 3.5px;
    margin-top:3.5px;
    background: #4B1478;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
}
.weblist_37{
    width: calc(100% - 20px);
    height: 50px;
    position: absolute;
    bottom: 5px;
    left: 20px;
}
.weblist_38{
    width: calc(100% - 40px);
    height:60px;
    background: #F5F6FA;
    margin: auto;
    margin-top: 20px;
}
.weblist_39{
    height:60px;
    line-height: 60px;
    padding-left: 10px;
    padding-right: 5px;
    float: left;
    color: #1C1B20;
    font-size: 14px;
}
.weblist_40{
    width: 100px;
    height:35px;
    float: left;
    margin-top: 11.5px;
    border: #D0D5E1 solid 1px;
    background: #fff;
    border-radius: 5px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
}
.weblist_40 input{
    width:86px;
    height: 33px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.weblist_41{
    width: 160px;
    height:35px;
    float: left;
    margin-top: 11.5px;
    border: #D0D5E1 solid 1px;
    padding-left: 5px;
    background: #fff;
    border-radius: 5px;
}
.weblist_41 select{
    width:146px;
    height: 33px;
    line-height: 33px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.weblist_42{
    width:80px;
    height: 35px;
    background: #4B1478;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 11.5px;
    cursor: pointer;
    color: #fff;
}
.weblist_43{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 11.5px;
    cursor: pointer;
}.weblist_43_1{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 11.5px;
    cursor: pointer;
}
.weblist_44{
    width: 800px;
    height: 600px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
}
.weblist_45{
    width: 760px;
    height: 35px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.weblist_46{
    width: 76px;
    height: 33px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.weblist_46_1{
    width: 76px;
    height: 33px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.weblist_46_2{
    width: 76px;
    height: 33px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.weblist_47{
    width: 76px;
    height: 33px;
    background: #fff;
    float: right;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    border: #D0D5E1 solid 1px;
}
.weblist_48{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_49{
    width: calc(50% - 110px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_50{
    width: calc(50% - 110px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_51{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_52{
    width: 760px;
    height: 40px;
    margin: auto;
    background: #F5F6FA;
    border-bottom: #dfdfdf solid 1px;
}
.weblist_53{
    width: 760px;
    height: 50px;
    margin: auto;
    background: #fff;
    border-bottom: #dfdfdf solid 1px;
}
.weblist_53:hover{
    background: #F5F6FA;
}
.weblist_54{
    width:50px;
    height:50px;
    float: left;
}
.weblist_54 input{
    margin-top:18px;
    margin-left: 18px;
}
.weblist_55{
    width: 70px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
}

.weblist_56{
    width: calc(50% - 110px);
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.weblist_57{
    width: calc(50% - 110px);
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_58{
    width: 100px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.weblist_59{
    width: 100%;
    height: 255px;
}
.weblist_60{
    width: 760px;
    height: 30px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.weblist_61{
    width: 700px;
    height: 500px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
}
.weblist_62{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_62_1{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_62_2{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_62_3{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_62_4{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_62_5{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_63{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_1{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_2{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_3{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_4{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_5{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_6{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_63_7{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.weblist_64{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.weblist_65{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.hideinputlanmu{
    display: none;
}
.weblist_66{
    width: 150px;
    height:35px;
    float: left;
    margin-top: 11.5px;
    border: #D0D5E1 solid 1px;
    background: #fff;
    border-radius: 5px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
}
.weblist_66 input{
    width:136px;
    height: 33px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.weblist_67{
    width: 100%;
    height: 255px;
}

.weblist_68{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.hideinputlink{
    display: none;
}

.article_1{
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgb(0,0,0,0.1);
    display: none;
}
.article_2{
    width: 1000px;
    height: 700px;
    background: #fff;
    margin: auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
}
.article_3{
    width: calc(100% - 20px);
    height:60px;
    border-bottom:#E5E6EC solid 1px;
    font-size: 16px;
    color:#1C1B20;
    line-height: 60px;
    padding-left: 20px;
}
.article_4{
    width: calc(33.33% - 10px);
    height:40px;
    float: left;
    margin-left: 10px;
}
.article_4_right{
    width: calc(33.33% - 20px);
    height:40px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.article_5{
    width: calc(100% - 20px);
    height:40px;
    margin: auto;
    margin-top: 10px;
}
.article_6{
    width:70px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: center;
}
.article_7{
    width:calc(100% - 80px);
    height: 33px;
    float: left;
    border:#D0D5E1 solid 1px;
    border-radius: 5px;
    margin-top: 2.5px;
}
.article_7 select{
    width:calc(100% - 15px);
    height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.article_7 input{
    width:calc(100% - 15px);
    height: 30px;
    line-height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.article_8{
    width: calc(50% - 10px);
    height:40px;
    float: left;
    margin-left: 10px;
}
.article_8_right{
    width: calc(50% - 20px);
    height:40px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.article_9{
    width: calc(66.66% - 10px);
    height:40px;
    float: left;
    margin-left: 10px;
}

.article_10{
    width: calc(100% - 60px);
    height:420px;
    margin: auto;
    margin-top: 10px;
}
.article_11{
    width: calc(100% - 60px);
    height:37px;
    position: absolute;
    bottom:10px;
    left: 30px;
}
.article_12{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.article_13{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 0px;
}
.article_14{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}
.article_15{
    width: 140px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_16{
    width: calc(100% - 940px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_17{
    width: 200px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_18{
    width: 150px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_19{
    width: 120px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_20{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_21{
    width: 120px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_22{
    width: 200px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_23{
    height: 50px;
    line-height: 50px;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.article_24{
    width: calc(100% - 10px);
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
}
.article_25{
    width:80px;
    height:25px;
    background: #fef4ef;
    margin: auto;
    margin-top: 12.5px;
    border-radius: 5px;
}
.article_25_ok{
    width:80px;
    height:25px;
    background: #ebf1ea;
    margin: auto;
    margin-top: 12.5px;
    border-radius: 5px;
}
.article_26{
    width:15px;
    height: 15px;
    background:url('../img/offajax_1.png') no-repeat;
    background-size:15px 15px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.article_26_ok{
    width:15px;
    height: 15px;
    background:url('../img/offajax_2.png') no-repeat;
    background-size:15px 15px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.article_27{
    width:55px;
    height: 25px;
    text-align: center;
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #F23636;
}
.article_27_ok{
    width:55px;
    height: 25px;
    text-align: center;
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #74B130;
}
.article_28{
    width:80px;
    height:25px;
    background: #fef4ef;
    margin: auto;
    margin-top: 12.5px;
    border-radius: 5px;
}
.article_28_ok{
    width:80px;
    height:25px;
    background: #e2f0f7;
    margin: auto;
    margin-top: 12.5px;
    border-radius: 5px;
}
.article_29{
    width:15px;
    height: 15px;
    background:url('../img/offajax_3.png') no-repeat;
    background-size:15px 15px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.article_29_ok{
    width:15px;
    height: 15px;
    background:url('../img/offajax_4.png') no-repeat;
    background-size:15px 15px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.article_30{
    width:55px;
    height: 25px;
    text-align: center;
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #F27436;
}
.article_30_ok{
    width:55px;
    height: 25px;
    text-align: center;
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #03A8D6;
}
.article_31{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 22px;
    cursor: pointer;
}
.article_32{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.hideinputartcle{
    display: none;
}
.article_33{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.article_34{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.article_35{
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgb(0,0,0,0.1);
    display: none;
}
.article_36{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 0px;
}
.article_37{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.article_38{
    width: 100%;
    height: 325px;
}
.article_39{
    width: 150px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_40{
    width: 150px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_41{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.article_42{
    width: 250px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.artHighet{
    height: 50px;
    line-height: 50px;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.article_43{
    width:40px;
    height: 50px;
    margin:auto;
    text-align:center;
    line-height: 45px;
    color: #03A8D6;
    font-size: 14px;
    cursor: pointer;
}
.article_44{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.article_45{
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.imgclass_1{
    width: 150px;
    height:35px;
    float: left;
    margin-top: 22px;
    border: #D0D5E1 solid 1px;
    background: #fff;
    border-radius: 5px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
}
.imgclass_1 input{
    width:136px;
    height: 32px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
}
.imgclass_2{
    width: 70px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}
.imgclass_3{
    width: calc(100% - 780px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_4{
    width: 250px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_5{
    width: 300px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_6{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.imgclass_7{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 22px;
    cursor: pointer;
}
.imgclass_8{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}
.imgclass_9{
    width: 800px;
    height: 230px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 200px;
    border-radius: 10px;
    position: relative;
}
.imgclass_10{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.imgclass_11{
    width: calc(100% - 910px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_12{
    width: 300px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_13{
    width: 80px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_14{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_15{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_16{
    width: 150px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgclass_17{
    width: 50px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.imgHG{
    height:48px;
    line-height: 48px;
}
.imgclass_18{
    width: 40px;
    height: 40px;
    margin: auto;
    margin-top: 5px;
    cursor: pointer;
}
.imgclass_19{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}
.imgclass_20{
    width: 800px;
    height: 330px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 200px;
    border-radius: 10px;
    position: relative;
}
.imglist_1{
    width: calc(100% - 110px);
    height: 50px;
    float: right;
}
.imglist_1 select{
    width:calc(100% - 10px);
    height: 30px;
    border:none;
    outline:none;
    border: #D0D5E1 solid 1px;
    border-radius:3px;
    padding-left: 10px;
    margin-top:10px;
}
.imglist_1 input{
    width:calc(100% - 25px);
    height: 30px;
    line-height: 32px;
    border:none;
    outline:none;
    border: #D0D5E1 solid 1px;
    border-radius:3px;
    padding-left: 10px;
    margin-top:10px;
}
.imglist_2{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.imglist_3{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 22px;
    cursor: pointer;
}

.setup_1{
    width: 100%;
    height: 50px;
    background:#fff;
    font-size: 14px;
    margin-top: 10px;
}
.setup_2{
    width:10px;
    height:50px;
    line-height: 55px;
    float: left;
    color: #ff0000;
}
.setup_3{
    width: 120px;
    height:50px;
    float: left;
    line-height: 50px;
}
.setup_4{
    width:550px;
    height: 35px;
    float: left;
    border:#D0D5E1 solid 1px;
    margin-top:6.5px;
    border-radius:5px;
}
.setup_4 input{
    width: calc(100% - 10px);
    height: 30px;
    border:none;
    outline:none;
    font-size: 14px;
    margin-top:1px;
    margin-left: 3px;
}
.setup_4 select{
    width: calc(100% - 10px);
    height: 30px;
    border:none;
    outline:none;
    font-size: 14px;
    margin-top:1px;
    margin-left: 3px;
}



.setup_5{
    width: 80px;
    height: 35px;
    background: #F5F6FA;
    border: #D0D5E1 solid 1px;
    float: left;
    margin-left: 10px;
    margin-top: 6.5px;
    border-radius: 5px;
    cursor: pointer;
}
.setup_6{
    width: 16px;
    height: 16px;
    background:url('../img/upico.png') no-repeat;
    background-size:16px 16px;
    float: left;
    margin-top: 11px;
    margin-left:10px;
}
.setup_7{
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    float: left;
}
.setup_8{
    width: 100%;
    height: 160px;
    background:#fff;
    font-size: 14px;
    margin-top: 10px;
}
.setup_9{
    width:650px;
    height: 150px;
    float: left;
    margin-top:10px;
}
.setup_9 textarea{
    width:635px;
    height: 140px;
    resize:none;
    outline:none;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    padding: 5px;
}
.aiconfig_1{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}

.aiconfig_2{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.aiconfig_2_1{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.aiconfig_3{
    width: calc(94% - 40px);
    margin: auto;
    line-height: 25px;
    font-size: 14px;
    margin-top: 20px;
}
.aiconfig_4{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.aiconfig_5{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}

.aiconfig_6{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.aiconfig_7{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.aiconfig_8{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.aiconfig_9{
    width: 150px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.aiconfig_10{
    width: calc(100% - 960px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.aiconfig_11{
    width: 470px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.aiconfig_12{
    width: 180px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.aiconfig_13{
    width: 200px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.aiconfig_15{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}
.aiconfig_16{
    width: 800px;
    height: 600px;
    background: #fff;
    margin: auto;
    margin-top: 30px;
    border-radius: 10px;
    position: relative;
}
.aiconfig_17{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.aiconfig_17_1{
    width: 120px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.aiconfig_17_2{
    width: 120px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.aiconfig_18{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.aiconfig_19{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.aiconfig_20{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.aiconfig_21{
    width:130px;
    height: 40px;
    padding-left:10px;
    padding-right: 5px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: right;
}
.aiconfig_22{
    width:calc(100% - 170px);
    height: 33px;
    float: right;
    margin-right: 20px;
    border:#D0D5E1 solid 1px;
    border-radius: 5px;
    margin-top: 2.5px;
}
.aiconfig_22 select{
    width:calc(100% - 10px);
    height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.aiconfig_22 input{
    width:calc(100% - 15px);
    height: 30px;
    line-height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}

.aiconfig_23{
    width: 800px;
    height: 600px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 50px;
    border-radius: 10px;
    position: relative;
}
.aiconfig_24{
    width: 100%;
    height: 480px;
}
.aiconfig_25{
    width: calc(100% - 230px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.aiconfig_26{
    width: calc(20% - 75px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.aiconfig_14{
    height: 50px;
    line-height: 50px;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.aiconfig_27{
    width: calc(100% - 23px);
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:3px;
    line-height: 42px;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.aiconfig_28{
    width:120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: center;
}
.aiconfig_29{
    width:calc(100% - 130px);
    height: 33px;
    float: left;
    border:#D0D5E1 solid 1px;
    border-radius: 5px;
    margin-top: 2.5px;
}
.aiconfig_29 select{
    width:calc(100% - 15px);
    height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.aiconfig_29 input{
    width:calc(100% - 15px);
    height: 30px;
    line-height: 30px;
    border:none;
    outline:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.aiconfig_30{
    width: calc(33.33% - 10px);
    height:40px;
    float: left;
    margin-left: 10px;
}
.aiconfig_31{
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgb(0,0,0,0.1);
    display: none;
}
.aiconfig_32{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 0px;
}
.aiconfig_33{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.weblist_10 textarea{
    width:calc(100% - 15px);
    height: 60px;
    resize:none;
    outline:none;
    border:none;
    border-radius: 5px;
    padding: 5px;
}

.weblist_101{
    width:calc(100% - 120px);
    height: 125px;
    float: right;
    margin-right: 20px;
    border:#D0D5E1 solid 1px;
    border-radius: 5px;
    margin-top: 2.5px;
}
.weblist_101 textarea{
    width:calc(100% - 15px);
    height: 110px;
    resize:none;
    outline:none;
    border:none;
    border-radius: 5px;
    padding: 5px;
}
.useradmin_1{
    width: calc(33.33% - 74px);
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
.useradmin_2{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.useradmin_3{
    width: 100px;
    height:40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
}

.useradmin_4{
    width: calc(33.33% - 74px);
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
}
.useradmin_5{
    width: 100px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.useradmin_6{
    width: 100px;
    height:50px;
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
}
.useradmin_7{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.useradmin_8{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}
.useradmin_9{
    width: 600px;
    height: 400px;
    background: #fff;
    border: #E5E6EC solid 1px;
    margin:auto;
    margin-top: 100px;
    border-radius: 10px;
    position: relative;
}
.useradmin_10{
    width: 560px;
    height: 280px;
}
.useradmin_11{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.useradmin_12{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.useradmin_13{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.useradmin_14{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.useradmin_15{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.useradmin_16{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.useradmin_17{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.useradmin_18{
    width:80px;
    height: 35px;
    background: #fff;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 22px;
    cursor: pointer;
}
.useradmin_19{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.seo_1{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.seo_2{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.seo_3{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.seo_4{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    
}
.diy_1{
    width: 96px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}

.diy_2{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.diy_3{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.diy_4{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.diy_5{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.diy_6{
    width: 76px;
    height: 35px;
    background: #fff;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #1C1B20;
    cursor: pointer;
    margin-top: 12px;
    border: #D0D5E1 solid 1px;
    margin-left: 20px;
}
.diy_7{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.other_1{
    width:37px;
    height: 30px;
    float: left;
	background:#2b88b5;
    text-align:center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    cursor: pointer;
	margin-top:10px;
	border-radius:5px;
}
.other_2{
    width:37px;
    height: 30px;
    float: left;
	background:#ff0000;
    text-align:center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    cursor: pointer;
	margin-top:10px;
	border-radius:5px;
}
.SEOsetup{
	width:50px;
}

.other_3{
    width:100%;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.other_4{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.other_5{
    width: 100%;
    height: 255px;
}
.other_6{
    width: 76px;
    height: 33px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.other_7{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.other_8{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.other_9{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.other_10{
    width:100%;
    position:absolute;
    z-index:99991;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.2);
    border-radius: 10px;
}
.other_11{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.other_12{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.other_13{
    width: calc(100% - 40px);
    margin: auto;
    margin-top:30px;
    font-size: 14px;
}
.other_14{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.other_15{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.other_16{
    width:37px;
    height: 30px;
    float: left;
	background:#c53191;
    text-align:center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    cursor: pointer;
	margin-top:10px;
	border-radius:5px;
}
.other_17{
    width:37px;
    height: 30px;
    float: left;
	background:#17ad76;
    text-align:center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
    cursor: pointer;
	margin-top:10px;
	border-radius:5px;
}
.other_18{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
}
.other_19{
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: none;
    background: rgb(0,0,0,0.1);
}
.other_20{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.other_21{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.other_22{
    width:calc(100% - 170px);
    height: 113px;
    float: right;
    margin-right: 20px;
    border:#D0D5E1 solid 1px;
    border-radius: 5px;
    margin-top: 2.5px;
}
.other_22 textarea{
	width:calc(100% - 15px);
    height: 100px;
    line-height: 30px;
    border:none;
    outline:none;
	resize:none;
    background: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 1.5px;
}
.other_23{
    width: 94%;
    height:120px;
    margin: auto;
    margin-top: 10px;
}
.tab_ai{
	width:100%;
	height:50px;
	margin-top:10px;
}
.tab_ai_1{
	width:auto;
	height:40px;
	background:#83788d;
	float:left;
	margin-top:5px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-size:12px; 
	font-weight:600;
	border-radius:5px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
.tab_ai_1:hover{
	background:#603885;
}

.tab_ai_3{
	width:90%;
	height:50px;
	background:#807489;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	font-size:32px;
	text-align:center;
	line-height:45px;
	border-radius:5px;
	cursor:pointer;
}
.tab_ai_4{
    width:130px;
    height: 120px;
    padding-left:10px;
    padding-right: 5px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: right;
}
.tab_ai_5{
	width:90%;
	height:50px;
	background:#807489;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:45px;
	border-radius:5px;
	cursor:pointer;
}
.tab_ai_6{
    width:130px;
    height: 40px;
    padding-left:10px;
    padding-right: 5px;
    line-height: 40px;
    font-size: 14px;
    text-align: right;
}

.tab_ai_7{
	width:auto;
	height:40px;
	background:#83788d;
	float:left;
	margin-top:5px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-size:12px; 
	font-weight:600;
	border-radius:5px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
.tab_ai_7:hover{
	background:#603885;
}

.tab_ai_8{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.tab_ai_9{
    width: 70px;
    height: 35px;
    border: #D0D5E1 solid 1px;
    border-radius: 5px;
    background: #fff;
    float: right;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}
.tab_ai_2{
	background:#603885;
}


.aiconfig_303{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.outweb_1{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.outweb_2{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.outweb_3{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.outweb_4{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.outweb_5{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}
.outweb_6{
    width: 70px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: right;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.color_502{
    height: 35px;
    color: #222;
    line-height: 36px;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
    font-size:12px;
}
.color_503{
    padding-left:10px;
    padding-right:10px;
    background:#3aada8;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #86e5ff solid 1px;
}
.color_504{
    padding-left:10px;
    padding-right:10px;
    background:#63af43;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #2a9f39 solid 1px;
}
.color_505{
    padding-left:10px;
    padding-right:10px;
    background:#4b1478;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #4b1478 solid 1px;
}
.color_506{
    padding-left:10px;
    padding-right:10px;
    background:#ff0821;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #ff0821 solid 1px;
}
.color_507{
    padding-left:10px;
    padding-right:10px;
    background:#cb7e58;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #cb7e58 solid 1px;
}
.color_508{
    padding-left:10px;
    padding-right:10px;
    background:#297b77;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #297b77 solid 1px;
}
.color_509{
    padding-left:10px;
    padding-right:10px;
    background:#f9b976;
    color:#f10606;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #f9b976 solid 1px;
}
.color_510{
    padding-left:10px;
    padding-right:10px;
    background:#000000;
    color:#85ff8f;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #000000 solid 1px;
    cursor: pointer;
}
.color_511{
    padding-left:10px;
    padding-right:10px;
    background:#4B1478;
    color:#85ff8f;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #000000 solid 1px;
    cursor: pointer;
}
.color_512{
    padding-left:10px;
    padding-right:10px;
    background:#CCC;
    color:#666;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #CCC solid 1px;
    cursor: pointer;
}
.color_513{
    padding-left:10px;
    padding-right:10px;
    background:#ff0000;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 4px;
    border: #ff0000 solid 1px;
    cursor: pointer;
}
.color_514{
    padding-left:3px;
    padding-right:3px;
    background:#000000;
    color:#85ff8f;
    padding-top:3px;
    padding-bottom:3px;
    border-radius: 4px;
    border: #000000 solid 1px;
    font-size:13px;
}

.color_515{
    padding-left:3px;
    padding-right:3px;
    background:#ff6699;
    color:#85ff8f;
    padding-top:3px;
    padding-bottom:3px;
    border-radius: 4px;
    border: #000000 solid 1px;
    font-size:13px; 
}

.game_set_1{
    width: calc(100% - 40px);
    height: 75px;
    margin: auto;
    margin-top: 20px;
    background: #fff;
}
.game_set_2{
    width:auto;
    height: 50px;
    float:left;
    padding-left:20px;
    padding-right:20px;
    line-height: 50px;
    background: #3184bf;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    margin-left:10px;
    margin-top:10px;
    cursor: pointer;
    
}
.game_set_2:hover{
    background: #31bf35;
}
.game_set_3{
    background: #31bf35;
}

.game_set_4{
    width:100px;
    height: 35px;
    float: left;
    border:#D0D5E1 solid 1px;
    margin-top:6.5px;
    border-radius:5px;
}
.game_set_4 input{
    width: calc(100% - 10px);
    height: 30px;
    border:none;
    outline:none;
    font-size: 14px;
    margin-top:1px;
    margin-left: 3px;
}
.game_set_5{
    width: auto;
    height:50px;
    padding-left:10px;
    padding-right:10px;
    float: left;
    line-height: 50px;
}
.game_set_6{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.game_set_7{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.game_set_8{
    width:100%;
    height: 75px;
    background: #fff;
}
.game_set_9{
    width:auto;
    height: 40px;
    float:left;
    padding-left:20px;
    padding-right:20px;
    line-height: 40px;
    background: #3184bf;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    margin-left:10px;
    margin-top:5px;
    cursor: pointer;
    
}

.game_set_10{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.game_set_11{
    width:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
    background: #3184bf;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    
}
.login_coogle_1{
    width: 100%;
    position: fixed;
    z-index: 9999;
    left:0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.7);
}
.login_coogle_2{
    width:500px;
    height: 250px;
    background: #fff;
    margin:auto;
    margin-top:calc(50vh - 125px);
    border-radius: 10px;
}
.login_coogle_3{
    width:500px;
    height: 500px;
    background: #fff;
    margin:auto;
    margin-top:calc(50vh - 240px);
    border-radius: 10px;
}

.fangans_1{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    display: none;
}
.fangans_2{
    width: 700px;
    height: 570px;
    margin: auto;
    margin-top: calc(50vh - 285px);
    background: #fff;
    border-radius: 10px;
    border:#187541 solid 2px;
}
.fangans_3{
    width: 100%;
    height: 40px;
    background: #187541;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
.fangans_4{
    width: calc(100% - 40px);
    margin: auto;
    margin-top:20px;
    
}
.fangans_5{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}


.fangans_6{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.fangans_7{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.fangans_8{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.paixunsm{    
    height:20px;
    width:20px;
    float:right;
    margin-right:10px;
    background: #dbd0cb;
    margin-top:10px;
    line-height: 20px;
    color:#fff;
    border-radius: 5px;
    cursor: pointer;
}
.paixunsms{    
    height:20px;
    width:20px;
    float:right;
    margin-right:10px;
    background: #f27436;
    margin-top:10px;
    line-height: 20px;
    color:#fff;
    border-radius: 5px;
    cursor: pointer;
}



.fangans_1{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    display: none;
}
.fangans_2{
    width: 700px;
    height: 570px;
    margin: auto;
    margin-top: calc(50vh - 285px);
    background: #fff;
    border-radius: 10px;
    border:#187541 solid 2px;
}
.fangans_3{
    width: 100%;
    height: 40px;
    background: #187541;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
.fangans_4{
    width: calc(100% - 40px);
    margin: auto;
    margin-top:20px;
    
}
.fangans_5{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}


.fangans_6{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.fangans_7{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.fangans_8{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.fangans_9{
    width:80px;
    height: 35px;
    background: #4B1478;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin-top: 7.5px;
    cursor: pointer;
    color: #fff;
}
.fangans_10{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.fangans_11{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.fangans_12{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}

.paixunbej{
    background: #ff0000;
    color:#FFFFFF;
}







.new_admin_1{
    border:#7f7f7f solid 1px;
    color:#656464;
    width: auto;
    padding-left:20px;
    padding-right:20px;
    margin-top:10px;
    border-radius:5px;
    float:left;
    margin-left:10px;
    line-height: 35px;
}
.new_admin_1 span{
    font-weight: 900; color:#000
}

.new_admin_2{
    width:1400px;
    height:700px;
    margin:auto;
    margin-top:50px;
    background: #fff;
    border:#4B1478 solid 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.new_admin_3{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    background: #4B1478;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.new_admin_4{
    width:100%;
    height:630px;
    background:#fff;
}
.new_admin_5{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    background: #ededed;
    color: #948e8e;
}
.new_admin_6{
    width:120px;
    height: 50px;
    line-height: 50px;
    float:left;
    border-right: #D0D5E1 solid 1px;
}
.new_admin_7{
    width:300px;
    height: 50px;
    line-height: 50px;
    float:left;
    border-right: #D0D5E1 solid 1px;
}
.new_admin_8{
    width:150px;
    height: 50px;
    line-height: 50px;
    float:left;
    border-right: #D0D5E1 solid 1px;
}
.new_admin_9{
    width:180px;
    height: 50px;
    line-height: 50px;
    float:left;
    border-right: #D0D5E1 solid 1px;
}
.new_admin_10{
    width:150px;
    height: 50px;
    line-height: 50px;
    float:left;
    border-right: #D0D5E1 solid 1px;
}
.new_admin_11{
    width:160px;
    height: 50px;
    line-height: 50px;
    float:left;
}

.new_admin_12{    
    height:15px;
    width:15px;
    float:right;
    margin-right:5px;
    background: #222;
    margin-top:17.5px;
    line-height: 15px;
    color:#fff;
    cursor: pointer;
}
.new_admin_13{    
    height:15px;
    width:15px;
    float:right;
    margin-right:5px;
    background: #ff0000;
    margin-top:17.5px;
    line-height: 15px;
    color:#fff;
    cursor: pointer;
}
.new_admin_14{
    width:100%;
    height:450px;
    background:#fff;
    overflow-y: auto;
}
.new_admin_15{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    color: #333;
    border-bottom: #D0D5E1 solid 1px;
}
.new_admin_15:hover{
    background: #f7f2f2;
}
.new_admin_16{
    width:100%;
    height: 50px;
    margin-top:10px;
    border-top: #000 solid 1px;
    padding-top: 5px;
}
.new_admin_17{
    width:100%;
    height: 80px;
    margin-top:10px;
    padding-top: 5px;
}
.summary_1{
    width: calc(100% - 10px);
    height: 100px;
    border: #D0D5E1 solid 1px;
    font-size:14px;
    margin-top:5px;
}
.summary_1:hover{
    background: #f0f8ff;
    cursor: pointer;
}
.summary_2{
    width:250px;
    height: 75px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
    border-right: #D0D5E1 solid 1px;
}
.summary_3{
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.summary_4{
    width:70px;
    height: 25px;
    line-height: 25px;
    color: #9a979d;
    float:left;
}
.summary_5{
    width:calc(100% - 75px);
    height: 25px;
    line-height: 25px;
    color: #2c1c39;
    float:left;
}
.summary_6{
    width:180px;
    height: 75px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
    border-right: #D0D5E1 solid 1px;
}

.summary_7{
    width:150px;
    height: 75px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
    border-right: #D0D5E1 solid 1px;
}
.summary_8{
    width:calc(100% - 1400px);
    height: 75px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
}
.summary_9{
    width: calc(100% - 10px);
    height: 100px;
    border: #D0D5E1 solid 1px;
    font-size:14px;
    margin-top:5px;
    background:#4b1478;
}
.summary_9 .summary_5{
    color:#fff
}
.summary_10{
    width:100%;
    height:75px;
    line-height:75px;
    text-align: center;
    color:#fff;
    font-size:18px;
    font-weight: 600;
}
.summary_11{
    width:35px;
    height: 25px;
    line-height: 25px;
    color: #9a979d;
    float:left;
}
.summary_12{
    width:calc(100% - 40px);
    height: 25px;
    line-height: 25px;
    color: #fff;
    float:left;
}


.yinchunew_1{
   /*文字超出隐藏 显示省略号*/
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.game_set_7_1{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.game_set_7_2{
    width: 150px;
    height: 35px;
    border: #4B1478 solid 1px;
    border-radius: 5px;
    background: #4B1478;
    float: left;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-left: 150px;
    margin-top: 45px;
}
.a_4_in_1{
    width: calc(100% - 10px);
    height: 200px;
    border: #D0D5E1 solid 1px;
    font-size:14px;
    margin-top:5px;
}
.a_4_in_1:hover{
    background: #f0f8ff;
    cursor: pointer;
}

.a_4_in_2{
    width:260px;
    height: 175px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
    border-right: #D0D5E1 solid 1px;
}
.a_4_in_3{
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.a_4_in_4{
    width:80px;
    height: 25px;
    line-height: 25px;
    color: #9a979d;
    float:left;
}
.a_4_in_5{
    width:calc(100% - 85px);
    height: 25px;
    line-height: 25px;
    color: #2c1c39;
    float:left;
}
.a_4_in_6{
    width:150px;
    height: 175px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
    border-right: #D0D5E1 solid 1px;
}

.a_4_in_7{
    width:256px;
    height: 175px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;
    border-right: #D0D5E1 solid 1px;
}
.a_4_in_4_1{
    width:90px;
    height: 25px;
    line-height: 25px;
    color: #9a979d;
    float:left;
}
.a_4_in_5_1{
    width:calc(100% - 95px);
    height: 25px;
    line-height: 25px;
    color: #2c1c39;
    float:left;
}

.a_4_in_8{
    width:calc(100% - 1483px);
    height: 175px;
    float:left;
    padding-left: 10px;
    padding-top:12.5px;
    padding-bottom:12.5px;

}
.a_4_in_9{
    width: calc(100% - 10px);
    height: 200px;
    border: #D0D5E1 solid 1px;
    font-size:14px;
    margin-top:5px;
    background:#4b1478;
}

.a_4_in_10{
    width:100%;
    height:60px;
    line-height:60px;
    text-align: center;
    color:#fff;
    font-size:18px;
    font-weight: 600;
}


.a_4_in_9 .a_4_in_5{
    color:#fff
}
.a_4_in_9 .a_4_in_5_1{
    color:#fff
}

.summary_13{
    background-color: #ff0000;
    color: #fff;
}
.summary_13 .summary_5{
    color:#fff
}
.summary_13 .summary_4{
    color:#ccc
}

.summary_13+.a_4_in_4{
    color:#ccc;
}

.summary_13+.a_4_in_5{
    color:#fff;
}

.summary_31{
    width: 100%;
    height: 10px;
}


.webclass_909{
    width: 76px;
    height: 35px;
    background: #4B1478;
    float: left;
    border-radius: 5px;
    font-size: 14px;
    line-height:35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 7.5px;
}

.new_game_1{
    width: 100%;
    height: 50px;
}
.new_game_2{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    float: left;
    margin-left: 10px;
    background: #ad8cc7;
    margin-top: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.new_game_3{
    background: #684089;
}
.new_game_4{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_1{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_2{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_3{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_4{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_5{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_6{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}

.new_game_4_7{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_4_8{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_5{
    width: 400px;
    height: 200px;
    background: #fff;
    border-radius: 7px;
    margin:auto;
    margin-top: calc(50vh - 100px);
}
.new_game_6{
    width:calc(100% - 30px);
    height: 40px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 20px;
    background: #4b1478;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}
.new_game_7{
    width: 94%;
    height: 40px;
    float: left;
    margin-left: 3%;
    margin-top: 20px;
    border-radius: 5px;
    border: #ccc solid 1px;
}
.new_game_8{
    width: 70px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-right: #ccc solid 1px;
    float: left;
}
.new_game_9{
    width: calc(100% - 80px);
    height: 40px;
    float: right;
}
.new_game_9 input{
    outline: none;
    border: none;
    width: calc(100% - 10px);
    height: 35px;
    margin-top: 1.5px;
}
.new_game_9 select{
    outline: none;
    border: none;
    width: calc(100% - 10px);
    height: 35px;
    margin-top: 1.5px;
}
.new_game_10{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_10_1{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_1{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_2{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}

.new_game_11_3{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_4{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_5{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_6{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_7{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_11_8{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    background: #684089;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_12{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0,0.8);
    display: none;
}
.new_game_13{
    width:1000px;
    height:500px;
    background: #fff;
    float: left;
    margin-top:calc(50vh - 250px);
    margin-left:calc(50% - 500px);
    border-radius: 7px;
}
.new_game_14{
    width:960px;
    height:40px;
    float: left;
    margin-top:10px;
    margin-left:10px;
    background:rgb(75, 20, 120);
    color:#fff;
    font-size: 14px;
    padding-left:20px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 7px;
}
.new_game_15{
    width: 980px;
    height:380px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    overflow-y: auto;
}
.new_game_16{
    width:100%;
    height:40px;
    float: left;
    margin-top:15px
}
.new_game_17{
    width:70px;
    height:35px;
    float: right;
    margin-right:10px;
    background:rgb(114 76 145);
    border-radius: 5px;
    color:#fff;
    line-height:35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.new_game_17_1{
    width:160px;
    height:35px;
    float: right;
    margin-right:10px;
    background:rgb(114 76 145);
    border-radius: 5px;
    color:#fff;
    line-height:35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.new_game_17_2{
    width:160px;
    height:35px;
    float: right;
    margin-right:10px;
    background:rgb(114 76 145);
    border-radius: 5px;
    color:#fff;
    line-height:35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.new_game_18{
    width: 100%;
    height:45px;
    margin-top: 5px;
}
.new_game_19{
    width:calc(33.33% - 12px);
    height:45px;
    float:left;
    margin-left:5px;
    margin-right:5px;
    border:#ccc solid 1px;
    border-radius: 5px;
}
.new_game_20{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    line-height:45px;
    border-right:#ccc solid 1px;
    color:#666;
}
.new_game_21{    
    line-height:45px;
    padding-left: 10px;
    /*文字超出隐藏*/
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_game_22{
    width:calc(25% - 12px);
    height:45px;
    float:left;
    margin-left:5px;
    margin-right:5px;
    border:#ccc solid 1px;
    border-radius: 5px;
}
.new_game_23{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_1{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_2{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_3{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_4{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_5{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_6{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_7{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_8{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_9{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_23_10{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_24{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.new_game_24_1{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}

.new_game_25{
    width: 100px;
    height: 35px;
    float: left;
    margin-top: 30px;
    margin-left: calc(50% - 125px);
    background: #4b1478;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    border-radius: 5px;
}


/* 公告弹窗样式 */
.news-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.news-modal-content {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.news-modal-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-modal-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.news-modal-close {
    cursor: pointer;
    font-size: 24px;
    color: #999;
    line-height: 1;
}

.news-modal-close:hover {
    color: #333;
}

.news-modal-body {
    padding: 20px;
}

.news-form-group {
    margin-bottom: 20px;
}

.news-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

.news-form-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.news-form-input:focus {
    outline: none;
    border-color: #007bff;
}

.news-editor-container {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.news-modal-footer {
    padding: 20px;
    border-top: 1px solid #eee;
    text-align: right;
}

.news-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
}

.news-btn-primary {
    background: #007bff;
    color: #fff;
}

.news-btn-primary:hover {
    background: #0056b3;
}

.news-btn-secondary {
    background: #6c757d;
    color: #fff;
}

.news-btn-secondary:hover {
    background: #545b62;
}



/* 奖品修改弹窗样式 */
.prize-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.prize-modal-content {
    background: #fff;
    border-radius: 8px;
    width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.prize-modal-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prize-modal-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.prize-modal-close {
    cursor: pointer;
    font-size: 24px;
    color: #999;
    line-height: 1;
}

.prize-modal-close:hover {
    color: #333;
}

.prize-modal-body {
    padding: 20px;
}

.prize-form-group {
    margin-bottom: 20px;
}

.prize-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

.prize-form-input, .prize-form-select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.prize-form-input:focus, .prize-form-select:focus {
    outline: none;
    border-color: #007bff;
}

.prize-modal-footer {
    padding: 20px;
    border-top: 1px solid #eee;
    text-align: right;
}

.prize-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
}

.prize-btn-primary {
    background: #007bff;
    color: #fff;
}

.prize-btn-primary:hover {
    background: #0056b3;
}

.prize-btn-secondary {
    background: #6c757d;
    color: #fff;
}

.prize-btn-secondary:hover {
    background: #545b62;
}




/* 发送站内信弹出框样式 */
.send-message-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.send-message-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 0;
    border: none;
    border-radius: 8px;
    width: 500px;
    max-width: 90%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.send-message-header {
    background: #4b1478;
    color: white;
    padding: 15px 20px;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.send-message-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.send-message-close {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: rgba(255,255,255,0.8);
    transition: color 0.3s;
}

.send-message-close:hover {
    color: white;
}

.send-message-body {
    padding: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.form-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.3s;
}



.form-textarea {
    resize: vertical;
    min-height: 100px;
}

.send-message-footer {
    padding: 15px 20px;
    border-top: 1px solid #eee;
    text-align: right;
    background-color: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.btn {
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
    transition: background-color 0.3s;
}

.btn-cancel {
    background-color: #6c757d;
    color: white;
}

.btn-cancel:hover {
    background-color: #5a6268;
}

.btn-send {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.btn-send:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.btn-send:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.send-btn-style {
    background: linear-gradient(135deg, #9368b5 0%, #a37ac8 100%);
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s;
}

.send-btn-style:hover {
    background: linear-gradient(135deg, #218838 0%, #1ea085 100%);
    transform: translateY(-1px);
}









/* 添加/编辑模版弹窗 */
.template-edit-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1001;
    animation: fadeIn 0.3s ease;
}

.template-edit-content {
    position: absolute;
    background: #fff;
    width: 400px;
    max-width: 480px;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    top:50px;
    left:calc(50% - 200px);
    border-radius: 8px;
}

.edit-header {
    width:calc(100% - 30px);
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #4b1479;
}

.edit-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.close-btn {
    width: 25px;
    height: 25px;
    border: none;
    background: #4B1478;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.close-btn:hover {
    background: #4B1478;
}

.close-btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.edit-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.edit-body::-webkit-scrollbar {
    width: 6px;
}

.edit-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.edit-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.form-group {
    width: 100%;
    margin-bottom: 24px;
    height: 40px;
    border: #ccc solid 1px;
    border-radius: 8px;
}

.form-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #c5cae9;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.char-count {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.form-input {
    width: 100%;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s;
}




/* 媒体标签 */
.media-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.media-tab {
    flex: 1;
    padding: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
}

.media-tab svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.media-tab.active {
    background: #667eea;
    border-color: #667eea;
    color: #fff;
}

.media-hint {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #222;
    font-size: 12px;
    margin-bottom: 12px;
}

.media-upload-area {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.upload-box {
    width: 100px;
    height: 100px;
    background: #4b1479;
    border: #4b1479 solid 2px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    margin:auto;
    margin-top:20px;
}

.upload-box:hover {
    border-color: #4b1479;
    background: #4b1479;
}

.upload-box svg {
    width: 32px;
    height: 32px;
    fill: rgba(255, 255, 255, 0.4);
}

.preview-container {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.preview-item {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}

.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: rgba(244, 67, 54, 0.9);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview-remove svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

/* 编辑器 */
.editor-container {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.form-textarea {
    width: 320px;
    min-height: 120px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    color: #222;
    font-size: 14px;
    resize: none;
    font-family: inherit;
}

.form-textarea:focus {
    outline: none;
}

.form-textarea::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.editor-toolbar {
    display: flex;
    gap: 4px;
    padding: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(150 147 147 / 20%);
    justify-content: flex-end;
}

.toolbar-btn {
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.toolbar-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.toolbar-btn svg {
    width: 18px;
    height: 18px;
    fill: rgb(55 123 182);
}

.variable-hint {
    margin-top: 12px;
    padding: 12px;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 8px;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.hint-title {
    color: #c5cae9;
    font-size: 12px;
    margin-bottom: 8px;
}

.hint-item {
    color: #222;
    font-size: 12px;
    margin-bottom: 4px;
    cursor: pointer;
}

.hint-item code {
    color: #667eea;
    background: rgba(102, 126, 234, 0.2);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
}

/* 按钮设置 */
.button-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 12px;
}

.button-row {
    width: 33.33%;
    height: 30px;
    display: flex;
}

.button-input {
    flex: 1;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
}

.button-input:focus {
    outline: none;
    border-color: #667eea;
}

.button-input::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.remove-btn,
.add-col-btn {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.remove-btn {
    background: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

.remove-btn:hover {
    background: rgba(244, 67, 54, 0.3);
}

.add-col-btn {
    background: rgba(76, 175, 80, 0.2);
    color: #4CAF50;
}

.add-col-btn:hover {
    background: rgba(76, 175, 80, 0.3);
}

.remove-btn svg,
.add-col-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.add-row-btn {
    width: 100%;
    padding: 10px;
    background: #4B1478;
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
}

.add-row-btn:hover {
    border-color: #667eea;
    color: #667eea;
    background: rgba(102, 126, 234, 0.1);
}

.add-row-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* 底部按钮 */
.edit-footer {
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    gap: 12px;
}

.footer-btn {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.3s;
    background: #4b1479;
}

.footer-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.footer-btn-preview {
    background: #9b7bb5;
    color: #fff;
}

.footer-btn-preview:hover {
    background: rgba(255, 255, 255, 0.15);
}

.footer-btn-save {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.footer-btn-save:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.footer-btn:active {
    transform: translateY(0);
}

/* 响应式 */
@media (max-width: 480px) {
    .template-edit-content {
        width: 100%;
        max-height: 80vh;
    }
    
    .edit-body {
        padding: 16px;
    }
    
    .upload-box,
    .preview-item {
        width: 100px;
        height: 100px;
    }
}

.add_template_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.add_template_row {    
    width:calc(25% - 16px);
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
    border-radius: 8px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(135deg, #4e546d 0%, #25486d 100%);
    white-space: nowrap;
    flex-shrink: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-around;
}

.add_template_row:hover {
    background: linear-gradient(135deg, #5e647d 0%, #35588d 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.button-text {
    flex: 1;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.remove-btn-small {
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    background: rgba(244, 67, 54, 0.2);
    border-radius: 4px;
    color: #f44336;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.remove-btn-small:hover {
    background: rgba(244, 67, 54, 0.4);
    transform: scale(1.1);
}

.remove-btn-small:active {
    transform: scale(0.95);
}

.remove-btn-small svg {
    width: 10px;
    height: 10px;
    fill: currentColor;
}



.remove-btn-smalls {
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background:rgb(0, 0, 0, 0.1);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.remove-btn-smalls:hover {
    background: rgba(244, 67, 54, 0.4);
    transform: scale(1.1);
}

.remove-btn-smalls:active {
    transform: scale(0.95);
}

.remove-btn-smalls svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* 按钮设置弹窗 */
.button-setting-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    backdrop-filter: blur(4px);
}

.button-setting-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-setting-content {
    width: 400px;
    background: #ffff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    animation: modalSlideIn 0.3s ease-out;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    margin-left:calc(50% - 200px);
    margin-top:calc(50vh - 180px);
    border-radius: 8px;
}

.setting-header {  
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 30px);
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 45px;
    background: #4b1479;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    margin-left: 5px;
}

.setting-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.setting-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.setting-footer {
    padding: 16px 20px;
    background: #fff;
    border-radius: 0 0 16px 16px;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.footer-btn-cancel {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.footer-btn-cancel:hover {
    background: rgba(255, 255, 255, 0.2);
}

.footer-btn-confirm {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.footer-btn-confirm:hover {
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

/* 响应式 */
@media (max-width: 480px) {
    .button-setting-content {
        width: 95%;
        max-height: 90vh;
    }
    
    .setting-header {
        padding: 16px;
    }
    
    .setting-body {
        padding: 16px;
    }
    
    .setting-footer {
        padding: 12px 16px;
    }
}



/* 表情选择器 */
.emoji-picker {
    display: none;
    width: 90%;
    position: absolute;
    bottom: 80px;
    left: calc(5% - 6px);
    right: 0;
    background: linear-gradient(145deg, #1e3c72, #2a5298);
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    max-height: 300px;
    animation: slideUpEmoji 0.3s ease-out;

}

.emoji-picker.active {
    display: flex;
    flex-direction: column;
}

@keyframes slideUpEmoji {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.emoji-picker-header {
    padding: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
}

.emoji-categories {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.emoji-categories::-webkit-scrollbar {
    height: 4px;
}

.emoji-categories::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
}

.emoji-category {
    min-width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 8px;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emoji-category:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.emoji-category.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

.emoji-picker-body {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

.emoji-picker-body::-webkit-scrollbar {
    width: 6px;
}

.emoji-picker-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.emoji-list {
    position: relative;
}

.emoji-group {
    display: none;
    grid-template-columns: repeat(8, 1fr);
    gap: 8px;
}

.emoji-group.active {
    display: grid;
}

.emoji-item {
    width: 100%;
    aspect-ratio: 1;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emoji-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.2);
}

.emoji-item:active {
    transform: scale(0.95);
}

/* 响应式 */
@media (max-width: 480px) {
    .emoji-picker {
        max-height: 250px;
    }
    
    .emoji-group {
        grid-template-columns: repeat(6, 1fr);
        gap: 6px;
    }
    
    .emoji-item {
        font-size: 18px;
    }
    
    .emoji-category {
        min-width: 36px;
        height: 36px;
        font-size: 20px;
    }
}



/* 超链接弹窗样式 */
.link-modal {
    display: none;
    position: fixed;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}

.link-modal-content {
    background: #fff;
    border-radius: 8px;
    width: 400px;
    max-width: 450px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    animation: slideUp 0.3s ease-out;
    margin-top: calc(50vh - 180px);
    margin-left: calc(50% - 200px);
}

.link-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 30px);
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 45px;
    background: #4b1479;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    margin-left: 5px;
}

.link-title {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.link-body {
    padding: 20px;
}

.form-group {
    margin-bottom: 16px;
}

.form-label {
    display: block;
    font-size: 13px;
    color: #222;
    width:80px;
    height:40px;
    float: left;
    line-height:40px;
    border-right: #ccc solid 1px;
    text-align: center;
}

.form-label input[type="checkbox"] {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.form-input {
    width: calc(100% - 85px);
    color: #222;
    font-size: 13px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    outline: none;
    border: none;
}




.link-footer {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-btn {
    flex: 1;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.footer-btn-cancel {
    background: #684089;
    color: #b0b8c1;
}

.footer-btn-cancel:hover {
    background: #684089;
}

.footer-btn-confirm {
    background: #4b1479;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(55, 123, 181, 0.3);
}

.footer-btn-confirm:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(55, 123, 181, 0.4);
}

.footer-btn-confirm:active {
    transform: translateY(0);
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 可复制文本弹窗样式 */
.copy-text-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10001;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}

.copy-text-modal-content {
    background: #fff;
    border-radius: 8px;
    width: 400px;
    max-width: 450px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    animation: slideUp 0.3s ease-out;
    margin-left: calc(50% - 200px);
    margin-top: calc(50vh - 250px);
}

.copy-text-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 30px);
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 45px;
    background: #4b1479;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    margin-left: 5px;
}

.copy-text-title {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.copy-text-body {
    padding: 20px;
}

.copy-text-hint {
    display: flex;
    align-items: flex-start;
    padding: 12px;
    background: rgba(55, 123, 181, 0.1);
    border-left: 3px solid #377bb5;
    border-radius: 4px;
    font-size: 13px;
    color: #b0b8c1;
    line-height: 1.5;
    margin-top: 12px;
}

.copy-text-footer {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.copy_boder{
    border: #4b4c4d solid 1px;
}

/* Toast 提示样式 */
.toast-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    z-index: 10002;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    pointer-events: none;
}

.toast-message.show {
    opacity: 1;
}

.red_1{
    width: 100%;
    height: 220px;
    border: #ccc solid 1px;
    border-radius: 8px;
    margin-top: 10px;
}
.red_2{
    width: calc(100% - 20px);
    height: 40px;
    border-bottom: #ccc solid 1px;
    line-height: 40px;
    font-size: 13px;
    color: #fbf8f8;
    padding-left: 10px;
    font-weight: 600;
    background: #9368b5;
    border-radius: 8px;
    margin-left: 5px;
    margin-top: 5px;
}

/* 转移进行中弹窗样式 */
.transfer_loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.transfer_loading_box {
    width: 400px;
    height: 170px;
    background: #fff;
    border-radius: 8px;
    padding: 40px 60px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    margin-top: calc(50vh - 105px);
    margin-left: calc(50% - 250px);
}

.transfer_loading_icon {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    margin: 0 auto 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.transfer_loading_title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.transfer_loading_text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.transfer_loading_warning {
    color: #e74c3c;
    font-weight: bold;
    margin-top: 10px;
}

