:root{
  --padding-margin__10:0.1rem;
  --padding-margin__12:0.12rem;
  --padding-margin__15:0.15rem;
  --padding-margin__20:0.2rem;
  --padding-margin__18:0.18rem;
  --padding-margin__25:0.25rem;
  --padding-margin__30:0.3rem;
  --padding-margin__35:0.35rem;
  --padding-margin__40:0.4rem;
  --padding-margin__45:0.45rem;
  --padding-margin__50:0.5rem;
  --padding-margin__55:0.55rem;
  --padding-margin__60:0.6rem;
  --padding-margin__65:0.65rem;
  --padding-margin__70:0.7rem;
  --padding-margin__75:0.75rem;
  --padding-margin__80:0.8rem;
  --padding-margin__90:0.9rem;
  --padding-margin__100:1rem;
  --padding-margin__110:1.1rem;
  --padding-margin__120:1.2rem;
  --padding-margin__130:1.3rem;
  --padding-margin__140:1.4rem;
  --padding-margin__150:1.5rem;
  --padding-margin__160:1.6rem;
  --padding-margin__170:1.7rem;
  --padding-margin__180:1.8rem;
  --padding-margin__190:1.9rem;
  --padding-margin__200:2rem;
  --padding-margin__250:2.5rem;
  --font-size__12:0.12rem;
  --font-size__14:0.14rem;
  --font-size__15:0.15rem;
  --font-size__16:0.16rem;
  --font-size__18:0.18rem;
  --font-size__20:0.2rem;
  --font-size__22:0.22rem;
  --font-size__24:0.24rem;
  --font-size__26:0.26rem;
  --font-size__28:0.28rem;
  --font-size__30:0.3rem;
  --font-size__32:0.32rem;
  --font-size__34:0.34rem;
  --font-size__36:0.36rem;
  --font-size__38:0.38rem;
  --font-size__40:0.4rem;
  --font-size__42:0.42rem;
  --font-size__44:0.44rem;
  --font-size__46:0.46rem;
  --font-size__48:0.48rem;
  --font-size__50:0.5rem;
  --font-size__52:0.52rem;
  --font-size__54:0.54rem;
  --font-size__56:0.56rem;
  --font-size__58:0.58rem;
  --font-size__60:0.6rem;
  --font-size__62:0.62rem;
  --font-size__64:0.64rem;
  --font-size__66:0.66rem;
  --font-size__68:0.68rem;
  --font-size__70:0.7rem;
  --font-size__72:0.72rem;
  --font-size__74:0.74rem;
  --font-size__76:0.76rem;
  --font-size__78:0.78rem;
  --font-size__80:0.8rem;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:768px){
  :root{
    --padding-margin__10:0.05rem;
    --padding-margin__12:0.06rem;
    --padding-margin__15:0.075rem;
    --padding-margin__18:0.09rem;
    --padding-margin__20:0.1rem;
    --padding-margin__25:0.125rem;
    --padding-margin__30:0.15rem;
    --padding-margin__35:0.175rem;
    --padding-margin__40:0.2rem;
    --padding-margin__45:0.225rem;
    --padding-margin__50:0.25rem;
    --padding-margin__55:0.275rem;
    --padding-margin__60:0.3rem;
    --padding-margin__65:0.325rem;
    --padding-margin__70:0.35rem;
    --padding-margin__75:0.375rem;
    --padding-margin__80:0.4rem;
    --padding-margin__90:0.45rem;
    --padding-margin__100:0.5rem;
    --padding-margin__110:0.55rem;
    --padding-margin__120:0.6rem;
    --padding-margin__130:0.65rem;
    --padding-margin__140:0.7rem;
    --padding-margin__150:0.75rem;
    --padding-margin__160:0.8rem;
    --padding-margin__170:0.85rem;
    --padding-margin__180:0.9rem;
    --padding-margin__190:0.95rem;
    --padding-margin__200:1rem;
    --padding-margin__250:1.25rem;

    --font-size__24:0.22rem;
    --font-size__26:0.25rem;
    --font-size__28:0.24rem;
    --font-size__30:0.22rem;
    --font-size__32:0.23rem;
    --font-size__34:0.23rem;
    --font-size__36:0.24rem;
    --font-size__38:0.25rem;
    --font-size__40:0.26rem;
    --font-size__42:0.27rem;
    --font-size__44:0.28rem;
    --font-size__46:0.29rem;
    --font-size__48:0.30rem;
    --font-size__50:0.30rem;
    --font-size__52:0.30rem;
    --font-size__54:0.31rem;
    --font-size__56:0.32rem;
    --font-size__58:0.33rem;
    --font-size__60:0.34rem;
    --font-size__62:0.35rem;
    --font-size__64:0.36rem;
    --font-size__66:0.37rem;
    --font-size__68:0.38rem;
    --font-size__70:0.42rem;
    --font-size__72:0.43rem;
    --font-size__74:0.44rem;
    --font-size__76:0.45rem;
    --font-size__78:0.46rem;
    --font-size__80:0.47rem;
  }
}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.f-reverse{flex-direction:row-reverse}
.j-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.j-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.j-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.j-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.f-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.f-colu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.a-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.a-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.a-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.a-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.pointer:hover{cursor:pointer}
.t-center{text-align:center}
.pointer{cursor:pointer}
html{-webkit-text-size-adjust:100%;font-size:100px;}
html{font-size:5.2083334vw}
@media (min-width:769px) and (max-width:1024px) {
	html{font-size: calc((100 / 1200) * 100vw);} 
}
@media (max-width:768px) {
	html{font-size: calc((100 / 992) * 100vw);} 
}
@media (max-width:480px){
    html{font-size:calc(100 / 480 * 100vw);}
}
*{
	box-sizing: border-box;
}
html{
	overflow:hidden;
}
body {
	background: #3671ba;
	font-family: sans-serif;
	font-size: var(--font-size__18);
	background-image:url(../images/loginBg.jpg);
	background-size:cover;
	overflow-y:auto;
	height:100vh;
	background-position: bottom center;
}
input, select, textarea {
    font: 100% "Microsoft YaHei", arial, helvetica, clean, sans-serif;
    font-size: var(--font-size__18);
    width: 0.14rem;
    height: 0.14rem;
}

.f12{font-size: var(--font-size__12);}
.f13{font-size: var(--font-size__12);}
.f14{font-size: var(--font-size__14);}
.f15{font-size: var(--font-size__15);}
.f16{font-size: var(--font-size__16);}
.f18{font-size: var(--font-size__18);}
.f20{font-size: var(--font-size__20);}
.f22{font-size: var(--font-size__22);}
.f24{font-size: var(--font-size__24);}
.f26{font-size: var(--font-size__26);}
.f28{font-size: var(--font-size__28);}
.f30{font-size: var(--font-size__30);}
.f32{font-size: var(--font-size__32);}
.f40{font-size: var(--font-size__40);}
.f46{font-size: var(--font-size__46);}
.f48{font-size: var(--font-size__48);}
.f50{font-size: var(--font-size__50);}

.zzb_web {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-bottom: 0.2rem;
}
.zzb_con{
   width: 94%;
    margin: 0 auto;
    background: url(../images/contentBg.png);
    padding-bottom: var(--padding-margin__30);
    max-width: 11rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    background-size: cover;
}
.zzb_web_form .zzb_con{
	max-width: 11rem;
}


.zzb_header{
    color: #D10C02;
    font-weight: bold;
    text-align: center;
    margin-top: 0.46rem;
    margin-bottom: 0.46rem;
    -webkit-text-stroke: 0.006rem #fff;
    text-stroke: 0.006rem #fff;
}
.zzb_header img {
	width: 96%;
	max-width: 8.4rem;
}

.zzb_contain {
	display: flex;
	flex: 1;
}

.zzb_contain .zzb_left {
    width: 2.91rem;
    z-index: 2;
    box-sizing: border-box;
    border-right: 1px solid rgba(3, 156, 223, .2);
    padding: 0 0.25rem;
    padding-top: var(--padding-margin__50);
}
.zzb_contain .zzb_left ul{padding: 0;margin: 0;width:100%;}
.zzb_contain .zzb_left ul li {
 margin-bottom: var(--padding-margin__25);
 width: 100%;
 display: flex;
}

.zzb_contain .zzb_left ul li a {
    text-decoration: none;
    color: #fff;
    margin: 0px auto;
    font-weight: unset;
    display: flex;
    justify-content: center;
    width: 100%;
    background: transparent;
    border-radius: 0.08rem;
    font-size: var(--font-size__26);
    align-items: center;
    padding: 0.13rem;
    line-height: 1;
    border: 1px solid #0058E3;
    color: #333;
    transition: all 0.5s ease;
}
.zzb_contain .zzb_left ul li.on a,
.zzb_contain .zzb_left ul li a:hover{
	color:#fff;
	background: #0058E3;
}

.zzb_contain .zzb_right {
	flex: 1;
}

.zzb_contain .zzb_right .zzb_right_body {
	width: 100%;
    padding: var(--padding-margin__35);x 20px !important;
	box-sizing: border-box
}

.zzb_contain .zzb_right .zzb_right_body p {
	line-height: 1.667;
	font-size: var(--font-size__18);
	text-indent: 2em;
	margin-top: 0.1rem;
	text-align: justify;
	color: #333;
}
/* 举报须知正文 24px */
.zzb_contain .zzb_right .zzb_right_body .mb20 p {
	font-size: var(--font-size__24);
}
.zzb_contain .zzb_right .zzb_right_body2 p{
	font-size: var(--font-size__24);
}

.zzb_contain .zzb_right .zzb_right_body .zzb_web_btn {
	text-align: center;
	margin-top: 0.8rem;
}

.zzb_contain .zzb_right .zzb_right_body .zzb_web_btn input[type=button] {
	display: inline-block;
	color: #fff;
	font-size: var(--font-size__20);
	font-weight: 700;
	background: #0058E3;
	width: 2.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	text-decoration: none;
	margin: 0.2rem 0.1rem;
	border-radius: 0.08rem;
	border:none;
}

.zzb_contain .zzb_right .zzb_right_body .zzb_center p {
	display: inline;
	font-size: var(--font-size__24);
}
.zzb_contain .zzb_right .zzb_right_body .zzb_btn a,
.publicBtn,
.zzb_contain .zzb_right .zzb_right_body .zzb_center a {
	display: inline-block;
	background: #0058E3;
	height: 0.4rem;
	width: 2.4rem;
	color: #fff;
	text-align: center;
	line-height: 0.4rem;
	font-size: var(--font-size__20);
	margin: 0.2rem 0.1rem;
	text-decoration: none !important;
	border-radius: 0.08rem;
}


.zzb_contain .zzb_right .zzb_right_body .zzb_table td {
	text-align: center;
	padding: 15px 0
}

.zzb_contain .zzb_right .zzb_right_body .zzb_table td a {
	display: inline-block;
	width: 1.54rem;
	height: 0.4rem;
	background: url(../images/bg4.png) no-repeat;
	color: #fff;
	line-height: 0.4rem;
	text-decoration: none
}

.zzb_contain .zzb_right .zzb_right_body .zzb_ju_title h3 {color: #0058E3;font-weight: bold;font-size: var(--font-size__28);text-align: center;line-height: 1;margin-bottom: 0.2rem;}

.zzb_contain .zzb_right .zzb_right_body .zzb_alearly p {
	box-sizing: border-box;
	text-align: center;
}

.zzb_contain .zzb_right .zzb_right_body .zzb_alearly p span {
	color: red;
	margin: 0 0.15rem
}

.zzb_contain .zzb_right .zzb_right_body .zzb_table td {
	padding: 0.1rem 0;
	text-align: left
}

.zzb_contain .zzb_right .zzb_right_body .zzb_table td p {
	text-align: right;
	margin: 0;
	width: 1.8rem;
	font-size: var(--font-size__18);
}
.zzb_contain .zzb_right .zzb_right_body .zzb_table td:nth-child(3) p {
	/* width: 120px; */
}

.zzb_contain .zzb_right .zzb_right_body .zzb_table td input[type=text] {
	width: 80%;
	height: 0.35rem;
	text-indent: 0.5em;
}
.zzb_contain .zzb_right .zzb_right_body .zzb_table td select{height: 0.35rem;}

.zzb_contain .zzb_right .zzb_right_body .zzb_table td textarea {
	width: 60%;
	min-height: 1.5rem;
	text-indent: 0.5em;
}

.zzb_contain .zzb_right .zzb_right_body .zzb_table td h3 {
	background: #80d6f9;
	color: #0072c0;
	font-weight: 400;
	line-height: 0.4rem;
	padding-left: 0.5rem;
}

.zzb_contain .zzb_right .zzb_right_body .zzb_btn {
	display: flex;
	justify-content: center;
	margin-top: 0.2rem;
}


.zzb_contain .zzb_right .zzb_right_body .zzb_btn img {
	width: 1.6rem
}

.zzb_contain .zzb_right .zzb_right_body .zzb_btn1 {
	text-align: center;
	margin-top: 0.2rem;
}

.zzb_contain .zzb_right .zzb_right_body .zzb_btn1 a {
	display: inline-block;
	color: #fff;
	font-size: var(--font-size__20);
	font-weight: normal;
	background: #0058E3;
	width: 2.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	text-decoration: none;
	margin: 0.2rem 0.1rem;
	border-radius: 0.08rem;
	letter-spacing: 0.02rem;
}

.zzb_footer {
	
	
}


.zzb_footer p a{display: inline-block;color: #fff}
.zzb_btn1 .btn{
	background: #0058E3;
	border: none;
	color: #fff;
	width: 0.8rem;
	height: 0.36rem;
	border-radius: 0.04rem;
	font-size: 0.16rem;
	margin: 0.2rem 0.1rem;
}
.zzb_btn1 .btn:nth-child(2){
	background: #ccc;
    color: #333;
}
.zzb_contain .zzb_right .zzb_right_body .zzb_table td input{
	width: 2rem !important;
}
.zzb_contain .zzb_right .zzb_right_body .zzb_table td select{
	width: 2rem;
}
.zzb_contain .zzb_right .zzb_right_body .zzb_table td textarea{
	width: 5.6rem;
	padding: 0.1rem;
}

.b-tit{
    color: #333333;
    border-bottom: 0.02rem solid #0058E3;
    margin-left: 0.12rem;
    margin-right: 0.12rem;
}
.b-tit span{
    font-size: var(--font-size__22);
    display: inline-block;
    margin-bottom: -1px;
    /* border-bottom: 0.02rem solid #0058E3; */
    padding-bottom: 0.06rem;
    color: #0058E3;
    font-weight: bold;
}
.zzb_footer p{
	    text-align: center;
	    line-height: 1.5;
	    color: #333;
}
.zzb_footer .link{
	padding-left: 0.12rem;
    padding-right: 0.12rem;
        margin-bottom: var(--padding-margin__30);
}
.zzb_footer .link a{
    /* position: relative; */
    text-align: left;
    white-space: nowrap;
    width: calc(100% / 8);
    color: #333;
    margin-top: 0.1rem;
    padding-left: 0;
    display: flex;
    align-items: center;
    font-size: var(--font-size__20);
}
.zzb_footer .link a:before{
	/* position: absolute; */
	/* left: 0; */
	/* top: 50%; */
	width: 0.04rem;
	border-radius: 50%;
	background: #333;
	content: "";
	height: 0.04rem;
	/* transform: translate(0, -50%); */
	display: block;
	margin-right: 0.04rem;
}
.zzb_footer .link a:hover:before{background-color: #0058E3;}
.zzb_footer .link a:hover{color: #0058E3;text-decoration: none;}
#friendly-links-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.mb20{
	margin-bottom:0.2rem;
}
.mb10{
	margin-bottom:0.1rem;
}
.ml8{
	margin-left:0.08rem;
}
#yzm{
	cursor: pointer;
	width: 1.2rem;
	height: 0.35rem;
	border: 1px solid #ccc;
	margin-left: 0;
}

 .word-count {
            color: #666;
        }
        .word-count.warning {
            color: #f56c6c;
        }

        /* 成功提示弹窗样式 */
        .success-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.9);
            background: #fff;
            padding: 0.3rem 0.35rem;
            border: 1px solid #e0e0e0;
            border-radius: 0.12rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            z-index: 9999;
            display: none;
            min-width: 3.5rem;
            max-width: 4.5rem;
            text-align: center;
            opacity: 1;
            transition: all 0.3s ease-out;
            
        }
        .success-modal.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .success-modal h4 {
            color: #28a745;
            margin-bottom: 0.15rem;
            font-size: 0.2rem;
            font-weight: 600;
            position: relative;
            padding-bottom: 0.1rem;
        }
        .success-modal h4::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0.5rem;
            height: 0.03remx;
            background: #28a745;
            border-radius: 0.02rem;
        }
        .success-modal p {
            line-height: 1.6;
            margin: 0.15rem 0;
            color: #666;
            font-size: 0.15rem;
            padding: 0 0.1rem;
        }
        .success-modal button {
            margin-top: 0.2rem;
            padding: 0.1rem 0.3rem;
            background: linear-gradient(135deg, #28a745, #20c997);
            color: #fff;
            border: none;
            border-radius: 0.06rem;
            cursor: pointer;
            font-size: 0.15rem;
            font-weight: 500;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(40, 167, 69, 0.2);
        }
        .success-modal button:hover {
            background: linear-gradient(135deg, #218838, #1ba87e);
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3);
        }
        .success-modal button:active {
            transform: translateY(0);
            box-shadow: 0 2px 5px rgba(40, 167, 69, 0.2);
        }
        .mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            z-index: 9998;
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .mask.show {
            opacity: 1;
        }
        .pl12{padding-left:0.12rem}
        .pr12{padding-right:0.12rem}
        .mt50{margin-top:var(--padding-margin__50) !important;}
        .zzb_contain .zzb_right .zzb_right_body .zzb_web_btn.zzb_web_btn_index {
		    padding-top: var(--padding-margin__140);
		    padding-bottom: var(--padding-margin__10);
		    margin-top:0;
		}
		  .zzb_contain .zzb_right .zzb_right_body .zzb_web_btn.zzb_web_btn_index .publicBtn{
		  	margin-top:0;
		  	margin-bottom:0;
		  }
		  .indexCon{

		  	max-width: 6.53rem;
    margin: 0 auto;
    letter-spacing: -0.007rem;
		  }
		  .indexCon p{line-height: 200% !important;}

@media screen and (max-width:480px){
	.zzb_footer .link a{
		    font-size: var(--font-size__16);
	}

	.zzb_contain{
		flex-direction: column;
	}
	.zzb_contain .zzb_left{
		width: 100%;
		    border-right: none;
	}
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td select,
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td textarea,
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td input,
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td,
	.zzb_contain .zzb_right .zzb_right_body .zzb_table tr,
	.zzb_table{	
		width:4rem !important;
	}
	.zzb_contain .zzb_right .zzb_right_body .zzb_table tr{
		display:flex;
		flex-direction: column;
	}
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td p{
		text-align:left;
		text-indent:0;
	}
	.zzb_contain .zzb_right .zzb_right_body2 p{
		font-size:var(--font-size__18);
	}
	.zzb_contain .zzb_left ul li a{
		font-size:var(--font-size__20);
	}
	.zzb_contain .zzb_right .zzb_right_body .zzb_ju_title h3{
		margin-top:0.1rem;
	}
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td{
		padding:0;
	}
	.zzb_contain .zzb_right .zzb_right_body .zzb_table td p {
        text-align: left;
        text-indent: 0;
        margin-top: 0.15rem;
        margin-bottom: 0.05rem;
    }
	#yzm {
   
    margin-left: 0;
    margin-top: 0.15rem;
}
.zzb_contain .zzb_right .zzb_right_body .zzb_table td h3 {
    
    margin-top: 0.3rem;
}
}