@charset "utf-8";
/* CSS Document */
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat","微软雅黑", Arial;
	font-size:16px;
	line-height:1.5;
	color:#222;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#222222;
	text-decoration:none;
}
a:hover{ color: var(--linkColor);}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 95%;
	max-width:1200px;
	margin:0px auto;
	height:auto;

}

* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
.flex-center-y {
	display: flex;
	align-items: center;

}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  :root{
	--linkColor:#982c2a;
  }
.flex_1{flex:1; overflow: hidden;}
.grid{ display: grid;}

.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
   
/* 首页 */

header{  width: 100%;  background-color:var(--linkColor);}
header .container{ height: 100px;}
header .container .logo img{ height: 55px;display: block;}
header .menu { margin-left: 129px; }
header .menu ul li{}
header .menu ul li a{ display: block; color: #fff;}
header .menu ul li a.title{ height: 100px; padding: 0rem 35px;font-size: 20px; display: flex; align-items: center; justify-content: center;  }
header .menu ul li.active .title,header .menu ul li:hover .title{ background-color: #6a1f1d;}

.login_box{background-image: url(../images/loginbg_02.jpg);background-repeat: no-repeat;background-position: center;background-size: cover; padding-top: 70px; padding-bottom: 75px;}
.login_box .l_border{ background-color: #fff; padding: 28px 80px 40px;}
.login_1{ align-items: flex-start;gap: 58px; margin-bottom: 38px;}
.login_1 .log_left{ padding-top: 11px;width: 360px;}
.book{ width: 100%;}
.book ul li .formbit{flex:1; overflow: hidden; width: 100%; height: 50px; line-height: normal;border-radius: 3px; border: 1px #cccccc solid; padding: 0px 18px; font-size: 16px; outline: none;}
.book ul li .formbit::-webkit-input-placeholder {
color:#999999;
}
.book ul li{ margin-bottom: 10px;}
.book ul li.no1{gap: 11px;}
.book ul li.no1 .code{ width: 120px; cursor: pointer;}
.book ul li.refer{ padding-top: 10px;}
.book ul li.refer .sumbit{ width: 100%;background-color: var(--linkColor); border: 0px; outline: none; height: 50px; color: #fff;border-radius: 5px; font-size: 16px;cursor: pointer;}
.login_1 .log_left .dl_class ul li{ line-height: 1; font-size: 24px;cursor: pointer; padding-bottom: 20px; position: relative; margin-right: 28px;}
.login_1 .log_left .dl_class { border-bottom: 1px #dedede solid; margin-bottom: 23px;}
.login_1 .log_left .dl_class ul li.cur{font-weight: bold; color: var(--linkColor);}
.login_1 .log_left .dl_class ul li.cur:before{ content: ""; position: absolute; left: 0px; bottom:-1px;width: 100%; height: 3px;background-color: var(--linkColor);}
.book ul li.last{gap: 10px; padding-top: 10px;}
.book ul li.last .btn{ flex:1;height: 45px;border-radius: 5px; color: #333333;background-color: #f0f0f0;}
.notice_1{ border: 1px #ccc dashed; border-radius: 12px; padding: 27px 37px 17px; }
.notice_1 .title{ border-bottom: 1px #dedede solid; margin-bottom: 20px;}
.notice_1 .title .txt{ display: inline-block; line-height: 1; position: relative; font-size: 24px; font-weight: bold; padding-bottom: 18px; color: #333;}
.notice_1 .title .txt:before{ content: ""; position: absolute; left: 0px; bottom:-1px;width: 100%; height: 3px;background-color: var(--linkColor);}
.notice_1 .desc{ line-height: 2;}
.login_2{ align-items: flex-start;gap: 52px;}
.login_2 .l_tit{ font-size: 24px; font-weight: bold; color: #333;}
.process_1{ position: relative;}
.process_1:before{ content: "";border-top: 1px #ccc dashed; position: absolute; left:50%;top: 109px;width: 95%;z-index: 0;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.process_1 ul{width: 100%; position: relative; z-index: 2;align-items: flex-start;}
.process_1 ul li{text-align: center;}
.process_1 ul li .pic{ margin-top: 5px; margin-bottom: 11px;}
.process_1 ul li .tit{ font-size: 18px; font-weight: bold; color: #333; line-height: 1;}
.process_1 ul li .desc{ color: #666666; margin-top: 11px;}

.footer{ background-color: var(--linkColor); color: #cccccc;text-align: center; padding: 15px 0px;}
.footer a{ color: #ccc;}

.tabcontent_1 .dl_box{
	display:none;
}
.tabcontent_1 .dl_box.cur {
	display: flex !important;
}

.p_frame{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px;background-color:rgba(0,0,0,0.5);z-index: 9999999999;display: none;}
.p_frame .p_content{max-width: 600px; width: 92%;background-color: #fff; padding: 50px 15px 15px; position: relative; border-radius: 12px; min-height: 320px;}
.p_frame .p_content .desc{ margin-top: 15px; line-height: 1.9;}
.p_frame .p_content .closed{ position: absolute;right: 30px; top: 18px; cursor: pointer;}
.p_frame .p_content .closed img{width: 20px; height: auto;}
.p_frame.show{ display: flex;}
.p_frame .p_content .box{max-width: 400px; margin: 0px auto; width: 100%;}
.p_frame .p_content .box .tit{ font-size: 30px; line-height: 1;text-align: center; margin-bottom: 32px; font-weight: bold;}
.p_frame .p_content .book2 ul li{ margin-bottom: 10px;}
.p_frame .p_content .book2 ul li .formbit{ width: 100%; height: 50px; line-height: normal;border-radius:5px; border: 1px #cccccc solid; padding: 0px 18px; font-size: 16px; outline: none;}
.p_frame .p_content .book2 ul li .formbit::-webkit-input-placeholder {
color:#999999;
}
.p_frame .p_content .book2 ul li.last{ padding-top: 24px;gap: 30px;}
.p_frame .p_content .book2 ul li.last .btn{width: 120px; height: 50px;border-radius: 5px;background-color: var(--linkColor); color: #fff;border: 0px; outline: none; font-size: 16px; cursor: pointer;}

header .tpright{ color: #fff;gap: 24px;}
header .tpright .sumbit{ border-radius: 5px; background-color: #fff; width: 90px; height: 40px; color: var(--linkColor); border: 0px; outline: none; cursor: pointer;}

.nybanner{ text-align: center; position: relative;}
.nybanner img{ width: 100%; height: auto; min-height: 150px;object-fit: cover;
 object-position: top center;}
.nybanner .txt{ position: absolute; left: 50%; top: 50%; z-index: 4;transform: translate(-50%,-50%); color: #fff; font-size: 36px; font-weight: bold;}

.main{ background-color: #f5f5f5; padding-top: 42px; padding-bottom: 31px;}
.dra_class ul{gap: 10px;}
.dra_class ul li a{ width: 170px; height: 65px;background-color: #999999; border-radius: 5px 5px 0px 0px;display: flex; align-items: center; justify-content: center; color: #fff;gap: 12px; font-size: 18px;}
.dra_class ul li a img{ height: 26px;width: auto;}
.dra_class ul li.active a{ background-color: var(--linkColor);}

/*草稿箱*/
.dra_box{ padding: 47px 47px 57px;background-color: #fff;}
.main_bt{ margin-bottom: 24px;}
.main_bt .title{ border-bottom: 1px #dedede solid; margin-bottom: 20px;}
.main_bt .title .txt{ display: inline-block; line-height: 1; position: relative; font-size: 24px; font-weight: bold; padding-bottom: 18px; color: var(--linkColor);}
.main_bt .title .txt:before{ content: ""; position: absolute; left: 0px; bottom:-1px;width: 100%; height: 3px;background-color: var(--linkColor);}

.dra_list ul li{border-bottom: 1px #dedede solid; padding-bottom: 25px; margin-bottom: 25px;}
.dra_list ul li .head_1{ margin-bottom: 5px;}
.dra_list ul li .head_1 .tpleft{ font-size: 20px; font-weight: bold;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.dra_list ul li .head_1 .tpright {gap: 15px;}
.dra_list ul li .head_1 .tpright .more{ color: var(--linkColor); border: 1px var(--linkColor) solid;border-radius: 3px; padding: 0px 14px; line-height: 1.7;}
.dra_list ul li .head_1 .tpright .more:hover{ background-color: var(--linkColor); color: #fff;}
.dra_list ul li .head_1 .tpright .dele img{width: 25px; height: auto;}
.dra_list ul li .head_1 .tpright .dele{ cursor: pointer;}
.dra_list ul li .list{ padding: 8px 0px;}
.dra_list ul li .list .item{ flex:1;}
.dra_list ul li:last-child{ margin-bottom: 0px;} 
.show_1{text-align: center; margin-bottom: 16px;}
.show_1 .title{ font-weight: bold; font-size: 30px; font-weight: bold; color: var(--linkColor); margin-bottom: 5px;}
.show_1 .sourse{ font-size: 18px;}
.show_1 .sourse .org{ color: var(--linkColor);}
.notice_1.no3{ margin-bottom: 30px;}
.notice_1.no3 .title{ border-bottom: 0px; margin-bottom: 13px; }
.notice_1.no3 .title .txt{padding-bottom: 0px;}
.notice_1.no3 .title .txt:before{ display: none;}
.book_31{ color: #333; margin-bottom: 37px;}
.book_31 .top_1{ display: flex; align-items: flex-start; margin-bottom: 45px;}
.book_31 .top_1 .choice_1{ flex-wrap: wrap;gap: 22px 40px; display: flex;align-items: center;}
.checkbox1[type='checkbox']{ width:22px; height:22px; border:1px #333 solid; border-radius:50%;-webkit-appearance: none;outline: none; margin-right:11px;
    cursor: pointer;}
.checkbox1[type=checkbox]:checked {
    background: url(../images/tgshow_03.png) no-repeat center;
	background-size:cover;
    border: 0px solid #535353;
}
.book_31 .top_1 .choice_1 label{ display: flex; align-items: center;cursor: pointer;}
.book_31 .s_content{ align-items: flex-start;}
.book_31 .s_content .list{ width: 44.5%;}
.book_31 .s_content .up_one{ width: 49.8%;}

.book_31 .s_content .list .item{ margin-bottom: 15px;align-items: flex-start;}
.book_31 .s_content .list .item .tpleft{ line-height: 50px;}
.book_31 .s_content .list .item .box{ flex:1; position: relative;}
.book_31 .s_content .list .formbit{    width: 100%;
    height: 50px;
    line-height: normal;
    border-radius: 3px;
    border: 1px #cccccc solid;
    padding: 0px 18px;
    font-size: 16px;
    outline: none;}
.book_31 .s_content .list .formbit::-webkit-input-placeholder {
color:#999999;
}
.book_31 .s_content .list .formbit.no2::-webkit-input-placeholder {
color:#222222;
}
.book_31 .s_content .list .textarea1{    width: 100%;
    height: 140px;
    line-height: normal;
    border-radius: 3px;
    border: 1px #cccccc solid;
    padding: 13px 18px;
    font-size: 16px;
    outline: none;font-family:"Montserrat";}
.book_31 .s_content .list .textarea1::-webkit-input-placeholder {
color:#999999;
}
.book_31 .s_content .up_one {display: flex; align-items:stretch;gap: 40px 20px; flex-wrap: wrap;}
    .book_31 .s_content .up_one .update {
        display: flex;
        align-items: stretch;
        gap: 40px 20px;
        flex-wrap: wrap;
    }
.book_31 .s_content .up_one .item{ width:119px; height: 119px;background-color: #eeeeee; border-radius: 3px;background-color: #eeeeee; display: flex; align-items: center; justify-content: center; position: relative;cursor: pointer;}
.book_31 .s_content .up_one .item img{border-radius: 3px;}
.book_31 .s_content .up_one .item.first{text-align: center; color: var(--linkColor);}
.book_31 .s_content .up_one .item.first img{ margin-bottom: 5px;}
.book_31 .s_content .up_one .item .close{width: 24px; position: absolute; right: -10px; top: -10px;}

.book_31 .s_content .up_one .item .Upload{ width: 100%; height:100%; display: flex; align-items: center; justify-content: center; color: var(--linkColor); background: var(--greenColor); border: 0px; cursor: pointer; font-size: 16px;}
.book_31 .s_content .up_one .item .Upload input{ position:absolute;width:100%; height:100%; top:0; left:0; opacity:0; cursor:pointer;}

.book_31 .s_content .list .item .box .icon{ position: absolute;width: 27px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right: 18px;}
.book_31 .add { padding-top: 10px;}
.book_31 .add .sumbit{ width: 360px; height: 50px;border: 1px var(--linkColor) solid;border-radius: 5px; color: var(--linkColor);background-color: #fff; font-size: 16px; cursor: pointer; outline: none;}

.dra_list2 ul li{border-top: 1px #dedede solid; padding: 25px 0px;display: flex; flex-direction: column;gap: 15px;}
.dra_list2 ul li .list{ position: relative;}
.dra_list2 ul li .list .item{ flex:1;}
.dra_list2 ul li .list .dele{color: var(--linkColor);
    border: 1px var(--linkColor) solid;
    border-radius: 3px;
    padding: 0px 14px;
    line-height: 1.7;cursor: pointer;}
.dra_list2 ul li .list .dele:hover{background-color: var(--linkColor);color: #fff;}
.dra_list2 ul li .box{ align-items: flex-start;}
.dra_list2 ul li .box .pic{ flex-wrap: wrap;gap: 10px;}
.dra_list2 ul li .box .pic .item{width: 120px; height: 120px;border-radius: 3px;}
.dra_list2 ul li .box .pic .item img{width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
.dra_add { padding-top: 20px;gap: 30px;}
.dra_add .sumbit{ width: 240px; height: 50px;border: 1px var(--linkColor) solid;border-radius: 5px; color: var(--linkColor);background-color: #fff; font-size: 16px; cursor: pointer; outline: none;}
.dra_add .sumbit.active{ background-color: var(--linkColor);color: #fff;}
    .dra_add .sumbit.huise {
        background-color: darkgray;
        color: #fff;
        border: 1px solid darkgray;
    }

.book_4 ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px 20px;
align-items: flex-start;
}



.book_4 ul li{ display: flex;align-items: flex-start; }
.book_4 ul li .tpleft{line-height: 50px;min-width: 96px; margin-right: 5px;text-align: right;}
.book_4 ul li .box {flex:1; position: relative;}
.book_4 ul li .box .formbit{    width: 100%;
    height: 50px;
    line-height: normal;
    border-radius: 3px;
    border: 1px #cccccc solid;
    padding: 0px 18px;
    font-size: 16px;
    outline: none;}
.book_4 ul li .box .formbit::-webkit-input-placeholder {
color:#999999;
}
.book_4 ul li.updown{grid-row: 3 /span 4;grid-column: 2 / span 1;  }
.book_4 ul li .box .infor{ flex:1;}
.book_4 ul li .box.no2{gap: 10px; align-items: flex-start;}
.book_4 ul li .box.no2 .Upload{ width: 100%; height: 50px; position: relative; border-radius: 3px; border: 1px var(--linkColor) solid; color: var(--linkColor);background-color: #fff;font-size: 16px;}
.book_4 ul li .box.no2 .Upload input{ position:absolute;width:100%; height:100%; top:0; left:0; opacity:0; cursor:pointer;}
.book_4 ul li .box.no2 .btn{}
.book_4 ul li .box.no2 .infor .pic{text-align: center; margin-top: 10px;}
.book_4 ul li .box.no2 .infor .pic img{ width: 100%; height: auto;}

.book_4 ul li .box .eye{ position: absolute;width: 27px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right: 18px; cursor: pointer;}
.book_4 ul li .box .eye img{display: block;}
.book_4 ul li .box .eye .img2{ display: none;}
.book_4 ul li .box .eye.active .img2{ display: block;}
.book_4 ul li .box .eye.active .img1,
.book_4 ul li .box .eye.active .img{ display: none;}
.book_4 ul li .box.no4{gap: 10px;}
.book_4 ul li .box.no4 .code{width: 110px; height: 50px;background-color: #eee; color: var(--linkColor); border-radius: 3px;cursor: pointer;}
.book_4 .refer { padding-top: 40px;}
.book_4 .refer .sumbit{    width: 360px;
    height: 50px;
    border: 1px var(--linkColor) solid;
    border-radius: 5px;
    color:#fff;
    background-color: var(--linkColor);
    font-size: 16px;
    cursor: pointer;
    outline: none;}

/*选择下拉效果*/

.select-ui{ width: 100%;background: #fff; border-radius: 3px; position: relative;border: 1px #ccc solid; }

.select-ui select{
	display:none;
	position:relative;
	width:100%;
	cursor:pointer; 
}

.select-ui .select .button{
	width:100%;
	padding:0 18px;
	height:50px;
	line-height:50px;
	display:flex;
	align-items:center;
	justify-content: center;
	box-sizing:border-box;-webkit-box-sizing:border-box; 
	cursor:pointer;
}


.select-ui .select.focus{ padding:0px;}


.select-ui .select.focus .button{
	border-color:rgb(55,65,81);
}


.select-ui .select .button .text{
	flex:1;
	color:#333;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content: flex-start;
	overflow:auto;
	box-sizing:border-box;
	text-align:left;
	white-space:nowrap;
	font-size: 16px;
	 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; 

}

.select-ui-multiple .select .button .text::-webkit-scrollbar {
    width: 7px;
	height:7px;
	background:#ffffff;
}
.select-ui-multiple .select .button .text::-webkit-scrollbar-thumb {
    background: rgba(214,216,221,.7);
    scrollbar-arrow-color:#898989;
	border-radius:7px;
}


.select-ui .select .button .text .item{
	display:flex;
	margin-right:5px;
	align-items:center;
	padding:0 5px;
	color:#ffffff;
	background-color:#333333;
	line-height:30px;
	white-space:nowrap;
	flex-wrap:nowrap;
	border-radius:3px;
	font-size:16px;
}




.select-ui .select .button .fill-current{
	fill:rgb(51,51,51);
}


.select-ui .select .options{
	--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	position:absolute;
	top:100%;
	border-radius:4px;
	background:#ffffff;
	border:1px #efeff0 solid;
	display:flex;
	flex-direction:column;
	width:100%;
	z-index:1000;
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	visibility:hidden;
	opacity:0;
	box-sizing:border-box;
	margin-top:-8px;
	left: 0px;
    gap: 0;
}


.select-ui .select.focus .options{
	margin-top:0px;
	opacity:1;
	visibility:visible; 
	transition:all .3s;
	-webkit-transition:all .3s;
	gap: 0px;
}


.select-ui .select .options li{
	font-size:14px;
	text-align:left;
	margin:0;
	color:#666;
	width:100%;
	padding:0px;
}

.select-ui .select .options li{ margin-right:0px;}


.select-ui .select .options li.selected span{
	color:#fff;
	 background-color:var(--linkColor);
}


.select-ui .select .options li span{
	display:block;
	padding:10px 18px; width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;
	cursor:pointer;
}

.select-ui .select .options li span:hover{
	 background-color:var(--linkColor);color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;
}

.dra_list.mycon ul li{border:1px #dedede dashed;border-radius: 3px; padding: 30px 27px; margin-bottom: 20px;}
.dra_list.mycon ul li .list{ position: relative;}
.dra_list.mycon ul li .list .tip{ position: absolute;right: 0px; top:8px; color: var(--linkColor); min-width: 80px;}
.dra_list.mycon ul li .head_1 .date{ color: #999; margin-left: 30px;}
.dra_list.mycon ul li .refer{border-top:1px #dedede dashed;padding-top: 19px;gap: 20px; justify-content: flex-end; margin-top: 13px;}
.dra_list.mycon ul li .refer .btn{width: 100px; height: 36px;border: 1px var(--linkColor) solid;border-radius: 3px; color: var(--linkColor);}
.dra_list.mycon ul li .refer .btn.active{ background-color: var(--linkColor);color: #fff;}
.dra_list.mycon ul li .head_1{ flex-direction: column;}
.dra_list.mycon ul li .head_1 .tpleft{ width: 100%;}
.dra_list.mycon ul li .head_1 .date{ margin-left: 0px;width: 100%;}
.dra_list.mycon ul li{    padding: 20px 20px;}
.notice_1.dance{ margin-top: 44px; margin-bottom: 27px;}
.dra_list2.mycon ul li{  border-top: 0px #dedede solid;border-bottom: 1px #dedede solid;}  
.dra_list2.mycon ul li:nth-child(1){ padding-top: 10px;}
.dra_list2.mycon ul li .list .dele.active{ background-color: var(--linkColor); color: #fff;}
.dra_list2.mycon ul li .Approved {border:1px #dedede dashed; padding: 20px 28px 30px;border-radius: 3px; margin-top: 7px;}
.dra_list2.mycon ul li .Approved .tip{ color: var(--linkColor);}
.dra_list2.mycon ul li .Approved .infor{ margin-top: 25px;}
.dra_list2.mycon ul li .Approved .infor .tpleft{ line-height: 2;}
.dra_list2.mycon ul li .Approved .infor .tpright{text-align: center; margin-right: 3%;}
.dra_list2.mycon ul li .Approved .infor .tpright .sumbit{ display: inline-block;color: var(--linkColor); border: 1px var(--linkColor) solid;border-radius: 3px; line-height: 2.5; padding: 0px 22px; font-size: 16px;background-color: #fff; margin-bottom: 18px;cursor: pointer;}
.dra_list2.mycon ul li .no_approved{display: flex; align-items: flex-start; margin-top: 15px;}
.dra_list2.mycon ul li .no_approved .org{ color: var(--linkColor);}

.p_frame .p_content.no3{ max-width: 500px; padding-top: 30px;}
.p_frame .p_content.no3 .box .txt{text-align: left;font-size: 24px; margin-bottom: 25px;}
.p_frame .p_content.no3 .box ul li{ margin-bottom: 15px;}
.p_frame .p_content.no3 .box ul li.no3{ padding-top: 5px;}
.p_frame .p_content.no3 .box ul li.no3 .btn{ width: 100%;}
.p_frame .p_content.no3 .box .txt{font-size: 22px;}

@media (max-width:1450px){


}
@media (max-width:1200px){
body {font-size: 14px;}
header .container .logo img{ height: 35px;}
header .menu ul li a.title{ font-size: 16px; height: 70px;}
header .container{ height: 70px;}
header .menu{ margin-left: 4%;}
.login_box .l_border{padding: 28px 20px 20px;}
.login_2{ flex-wrap: wrap;gap: 20px;}
.process_1{ flex:none; width: 100%;}
.login_1{ gap: 30px;}
}

@media (max-width:768px){
header .container .logo img{ height: 18px;}
header .menu ul li a.title{ font-size: 12px; height: 50px; padding: 0rem 10px;}
header .container{ height: 50px;}
header .menu{ margin-left: 4%;}
.login_1{ flex-direction: column;}
.login_1 .log_left{ width: 100%;}
.login_1 .log_left .dl_class ul li{ font-size: 20px;}
.notice_1 .title .txt{ font-size: 20px;}
.notice_1{ padding: 27px 15px;}
.login_2 .l_tit{ font-size: 20px;}
.process_1 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
align-items: stretch;}
.process_1:before{ display: none;}
.process_1 ul li .icon img{ height: 60px;}
.process_1 ul li .pic img{ height: 22px;}
.process_1 ul li .tit{ font-size: 14px;}
.process_1 ul li .desc{ font-size: 12px;}
.login_box{ padding: 30px 0px;}
header .tpright{font-size: 12px;gap: 3px; margin-left: 15px; flex:1;}
header .tpright .sumbit{ width: 75px;height: 30px;}
header .tpright  .txt{ line-height: 1.2;}
.nybanner .txt{ font-size: 24px;}
.main{ padding: 20px 0px;}
.dra_class ul li{ flex:1;}
.dra_class ul{ gap: 4px;}
.dra_class ul li a{ width: 100%; height: 35px; font-size: 14px;gap: 2px;}
.dra_class ul li a img{ height: 14px;}
.dra_box{ padding: 25px 20px;}
.main_bt .title .txt{ font-size: 20px;}
.dra_list ul li .head_1 .tpleft{ font-size: 16px;}
.dra_list ul li .head_1 .tpright .dele img{ width: 17px;}
.dra_list ul li .head_1 .tpright .more{padding: 0px 10px;}
.dra_list ul li .list{ flex-direction: column;}
.dra_list ul li .list .item{ flex:none; width: 100%;}
.dra_list ul li{ padding-bottom: 15px; margin-bottom: 15px;}
.main_bt .title .txt{ padding-bottom: 14px;}
.main_bt{ margin-bottom: 20px;}
.show_1 .title{ font-size: 23px;}
.show_1 .sourse{font-size: 16px;}
.book_31 .top_1{ flex-direction: column;gap: 10px;}
.book_31 .top_1 .choice_1{ gap: 10px 10px;}
.checkbox1[type='checkbox']{ width: 12px; height: 12px;}
.book_31 .s_content{ flex-direction: column;}
.book_31 .s_content .list{width: 100%;}
.book_31 .s_content .list .item .box .icon{ width: 20px;}
.book_31 .s_content .list .formbit{ font-size: 14px;}
.book_31 .s_content .list .textarea1{ font-size: 14px;}
.book_31 .s_content .up_one{ width: 100%;}
.book_31 .s_content .up_one .item{ width: 90px; height: 90px;}
.book_31 .s_content .up_one .item.first img{ height: 30px;}
.book_31 .s_content .up_one .item .close{ width: 18px;}
.book_31 .s_content .up_one{gap: 20px 20px;}
    .book_31 .s_content .up_one .update {
        width:100%;
        gap: 20px 20px;
    }
.book_31 .add{ padding-top: 20px;}
.dra_list2 ul li .list{ flex-direction: column;}
.dra_list2 ul li .list .item{flex:none;width: 100%;}
.dra_list2 ul li .list .dele{ position: absolute;right: 0px; top: 0px;}
.dra_list2 ul li .box .pic .item{ width: 70px; height: 70px;}
.book_4 ul{  grid-template-columns: repeat(1, 1fr) !important;gap: 10px 10px;}
.book_4 ul li.updown{grid-row:unset;grid-column:unset;}
.book_4 ul li .tpleft{ min-width: auto;}
.book_4 ul li{ flex-direction: column;}
.book_4 ul li .box{  flex:none; width: 100%;}
.book_4 ul li .box .eye{ width: 22px;}
.book_4 .refer{ padding-top: 20px;}
.book_4 ul li .tpleft{ line-height: 40px;}
.dra_list2.mycon ul li .Approved{ padding: 15px;}
.dra_list2.mycon ul li .Approved .infor{ flex-direction: column;gap: 20px;}
.dra_list2.mycon ul li .Approved .infor .tpright .mess span{ display: block;line-height: 2;}
}
@media (max-width:450px){
.process_1 ul{
	grid-template-columns: repeat(2, 1fr);}
.dra_add .sumbit{ flex:1;}	
}

.PingZheng {
    width: 100%;
}

    .PingZheng ul {
        width: 100%;
        display: flex;
        /* 核心1：允许换行，超出4个自动换到下一行 */
        flex-wrap: wrap;
        /* 可选：清除默认内边距，避免布局偏移 */
        padding: 0;
        /* 可选：清除默认列表样式 */
        list-style: none;
        /* 可选：子项之间添加间距（根据需要调整） */
        gap: 10px;
    }

    .PingZheng li {
        position: relative;
        width: 110px;
        margin-right: 10px;
        text-align: center;
        line-height: 24px
    }
    .PingZheng li  img{
        width:110px; height:110px; border-radius:5px
    }
        .delbtn {
    display: none
}

.filePrew {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
    opacity: 0;
}

.jindutiao {
    display: none
}

.hidden {
    display: none;
}
.pages {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    margin-top: 15px
}
/*淘宝风格*/
.paginator {
    font: 18px "微软雅黑";
    margin: 0 auto;
    font-size: 18px
}

    .paginator a {
        border: solid 1px #D4D4D4;
        color: #000;
        cursor: pointer;
        text-decoration: none; /*background-color:#f2f2f2;*/
    }

        .paginator a:visited { /*padding: 1px 6px;*/
            border: solid 1px #D4D4D4;
            background: #fff;
            text-decoration: none;
        }

    .paginator .cpb {
        border: 1px solid #0093dd;
        color: #FFF;
        background-color: #0093dd;
        font-family: "微软雅黑"
    }

    .paginator a:hover {
        border: solid 1px #0093dd;
        color: #fff;
        text-decoration: none;
        background: #0093dd;
        display: block
    }

    .paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover { /*height:20px;line-height:20px;min-width:20px;_width:10px;*/
        margin-right: 5px;
        text-align: center;
        white-space: nowrap;
        font-size: 18px;
        font-family: 微软雅黑;
        padding: 5px 10px;
        display: inline-block;
    }