@charset "utf-8";
/*CSS Common*/
body{margin: 0; padding: 0; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; font-size: 16px; color: #333; background: #fff; line-height: 28px; margin-left: auto; margin-right: auto;}
a{color: #333; text-decoration: none; outline-style: none; outline-color: invert; outline-width: medium; -webkit-tap-highlight-color: transparent; transition: all 0.3s; -ms-transition: all 0.3s;}
a:link{text-decoration: none;}
a:hover{color: #0080ff;}
a img{border: 0 none;}
a{outline: none;}
a:focus{outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{margin: 0; padding: 0;}
ul,li,dl,dd,dt{padding: 0; margin: 0; list-style: none;}
input,button,textarea{font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; color: #333; outline: none; resize: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}
em,i{font-style: normal;}
img{display: block;}
video{outline: none;}
.clear{clear: both; height: 0; overflow: hidden; display: block;}
.font{font-family: 'SimSun';}
.omit{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.omit-two{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.omit-three{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.scale img{transition: all 0.6s; -ms-transition: all 0.6s;}
.scale img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
.center{display: flex; justify-content: center; align-items: center;}
.center_vertical{display: flex; align-items: center;}
.center_horizontal{display: flex; justify-content: center;}
.row{display: flex; flex-direction: row; flex-wrap: wrap;}
.row_box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.column{display: flex; flex-direction: column; flex-wrap: wrap;}
.column_box{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.container{min-width: 100%; width: 100%; margin: 0 auto; padding: 0; text-align: left;}

/*content*/
.content{width: 100%; height: 100vh;}

/*login*/
.login{width: 100%; height: 100%; background: url(../images/login_bg.jpg) no-repeat top center; background-size: cover; position: relative;}
.login .login_box>span{font-size: 36px; font-weight: bold; color: #fff; display: block; line-height: 1; text-align: center;}
.login .form_box{width: 540px; background: rgba(255,255,255,0.95); padding: 45px 40px; border-radius: 15px; box-sizing: border-box; text-align: center; box-shadow: 0 10px 16px -5px rgba(0,0,0,0.15); text-align: left; margin-top: 45px;}
.login .form_box>form{margin-top: 30px;}
.login .form_box>form .form-group{margin-bottom: 20px;}
.login .form_box>form .form-group>span{display: block;}
.login .form_box>form .form-group>input{width: 100%; height: 46px; line-height: 46px; font-size: 16px; border: 1px solid #cacaca; margin-top: 12px; padding: 0 15px; border-radius: 5px; box-sizing: border-box; background: none;}
.login .form_box>form .form-group>input:focus{border-color: #0080ff;}
.login .form_box>form .form-group:last-child{margin-bottom: 0;}
.login .form_box>form .form-group button{width: 100%; height: 46px; line-height: 1; text-align: center; color: #fff; font-size: 18px; background-color: #0080ff; display: block; border-radius: 30px; margin: 50px auto 0; border: 0; cursor: pointer; transition: all 0.3s;}
.login .form_box>form .form-group button:hover{opacity: 0.9;}
.login .login_box>.desc{color: #fff; text-align: center; margin-top: 20px; font-size: 15px; position: absolute; bottom: 35px; left: 0; right: 0; z-index: 2;}

/*header*/
.header{width: 100%; height: 90px; background-color: #fff; position: fixed; top: 0; border-bottom: 1px solid transparent; padding: 0 25px; box-sizing: border-box; box-shadow: 0 0 10px 3px rgba(0,0,0,0.08); z-index: 9;}
.header .logo{font-size: 24px; font-weight: bold;}
.header .logo>img{display: none;}
.header a{width: 126px; height: 40px; line-height: 40px; font-size: 15px; background-color: #0080ff; color: #fff; border-radius: 25px; border: 1px solid transparent;}
.header a:hover{opacity: 0.9;}
.header_box{background: none; color: #fff; border-color: rgba(255,255,255,0.1);}
.header_box a{background: none; color: #fff; border-color: #fff;}

/*control*/
.control{width: 100%; height: 100vh; background: url(../images/login_bg.jpg) no-repeat top center; background-size: cover; padding: 0 10%; box-sizing: border-box;}
.control .control_box{width: 100%;}
.control ul{width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto auto auto; gap: 30px;}
.control ul>li{height: 9vw;}
.control ul>li.box{grid-area: 1/5/3/6; height: calc(18vw + 30px);}
.control ul>li:last-child{grid-column: 5; grid-row: 3;}
.control ul>li a{width: 100%; background-color: rgba(255,255,255,0.88); height: 100%; padding: 0 2%; box-sizing: border-box; text-align: center; border-radius: 15px; position: relative;}
.control ul>li .img>img:nth-child(2){display: none;}
.control ul>li a>span{width: 40%; padding-left: 10%; font-size: 18px; font-weight: bold; text-align: left; display: block;}
.control ul>li:hover a{background-color: rgba(0,128,255,0.9); color: #fff;}
.control ul>li:hover .img>img:nth-child(1){display: none;}
.control ul>li:hover .img>img:nth-child(2){display: block;}
.control ul>li.box a{padding: 15% 10%; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.control ul>li.box a>.img{margin-top: 4%;}
.control ul>li.box a>span{width: 100%; text-align: right; padding-right: 10%; box-sizing: border-box;}

/*main*/
.main{width: 100%; height: 100%; min-height: calc(100vh - 90px); position: relative; margin-top: 90px;}
.main .nav{width: 250px; height: calc(100vh - 90px); padding-bottom: 40px; overflow-y: auto; position: fixed; left: 0; background-color: #262626; box-sizing: border-box; z-index: 2;}
.main .nav::-webkit-scrollbar{display: none;}
.main .nav>dl>dd>a{height: 56px; color: #fff; padding: 0 25px; line-height: 1.4;}
.main .nav>dl>dd>a>img{margin-right: 15px;}
.main .nav>dl>dd>a.on{background-color: #0080ff;}
.main .list{width: calc(100% - 250px); margin-left: 250px; padding: 30px; font-size: 15px; box-sizing: border-box;}
.main .list .list_box .local{border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; color: #7e7e7e;}
.main .list .list_box .local>img{width: 14px; margin-right: 10px;}
.main .list .list_box .search{margin: 20px 0; font-size: 14px;}
.main .list .list_box .search .ico{width: 86px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #e5e5e5; border-radius: 5px; justify-content: center;}
.main .list .list_box .search a{width: 86px; height: 32px; line-height: 32px; text-align: center; background-color: #0080ff; color: #fff; border-radius: 5px; margin-right: 10px;}
.main .list .list_box .search a:last-child{margin-right: 0;}
.main .list .list_box .search img{width: 14px; margin-right: 8px;}
.main .list .list_box .search form{width: 438px; height: 32px; background-color: #fff; border: 1px solid #0080ff; border-radius: 5px; box-sizing: border-box;}
.main .list .list_box .search form>input{width: 358px; height: 30px; line-height: 1; background: none; border: 0; margin-left: 1px; border-radius: 5px 0 0 5px; padding-left: 15px;}
.main .list .list_box .search form>button{width: 80px; height: 30px; line-height: 1; background: #0080ff; border: 0; color: #fff; font-size: 15px; cursor: pointer;}
.main .list .list_box .search form>button>i{margin-right: 8px;}
.main .list .list_box ul>li{flex-wrap: nowrap; border: 1px solid #f0f0f0; font-size: 14px; border-bottom: 0;}
.main .list .list_box ul>li:nth-child(1){background-color: #f9f9f9;}
.main .list .list_box ul>li:nth-child(2n+1){background-color: #fafafa;}
.main .list .list_box ul>li:last-child{border-bottom: 1px solid #f0f0f0;}
.main .list .list_box ul>li:not(:first-child):hover{background-color: #f1f6fb;}
.main .list .list_box ul>li>span{width: 8%; min-height: 48px; line-height: 1.4; padding: 5px 10px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.main .list .list_box ul>li>span:nth-child(4){width: 15%; justify-content: flex-start; text-align: left;}
.main .list .list_box ul>li>span:nth-child(5){width: 20%; justify-content: flex-start; text-align: left;}
.main .list .list_box ul>li>span:nth-child(6){width: 12%;}
.main .list .list_box ul>li>span:last-child{width: 10%;}
.main .list .list_box ul>li>span>a{color: #0080ff;}

/*form*/
.form>form{border: 1px solid #f0f0f0; padding: 25px;}
.form>form .form-group{margin-bottom: 15px; display: flex; align-items: center;}
.form>form .form-group>span{width: 20%; text-align: right; padding-right: 25px; display: block;}
.form>form .form-group>span>i{color: #0080ff; margin-right: 5px;}
.form>form .form-group>input[type="text"]{width: 35%; height: 40px; font-size: 15px; line-height: 1; border-radius: 5px; padding: 0 15px; border: 1px solid #e6e6e6; box-sizing: border-box;}
.form>form .form-group>input[type="text"]:focus{border-color: #0080ff;}
.form>form .form-group>textarea{width: 35%; height: 200px; font-size: 15px; border-radius: 5px; padding: 15px; border: 1px solid #e6e6e6; box-sizing: border-box; outline: none;}
.form>form .form-group>textarea:focus{border-color: #0080ff;}
.form>form .form-group>input[type="file"]{display: none;}
.form>form .form-group>.file{width: 35%; height: 40px; font-size: 15px; line-height: 1; border-radius: 5px; padding: 0 15px; border: 1px solid #e6e6e6; box-sizing: border-box; position: relative; overflow: hidden;}
.form>form .form-group>.file>input{height: 100%; border: 0; font-size: 16px;}
.form>form .form-group>.file>i{width: 100px; background: #f6f6f6; height: 40px; line-height: 40px; display: block; text-align: center; border-left: 1px solid #e6e6e6; box-sizing: border-box; cursor: pointer; transition: all 0.3s; -ms-transition: all 0.3s; position: absolute; right: 0; top: 0;}
.form>form .form-group>.file>i:hover{background: #0080ff; border-color: #0080ff; color: #fff;}
.form>form .form-group>button{width: 150px; height: 40px; line-height: 1; text-align: center; color: #fff; font-size: 15px; background-color: #0080ff; display: block; border-radius: 5px; margin-top: 20px; border: 0; cursor: pointer; transition: all 0.3s;}
.form>form .form-group>button:hover{opacity: 0.9;}
.form>form .form-textarea{align-items: baseline;}

/*pages*/
.pages{width: 100%; margin: 35px auto 10px; text-align: center; font-size: 14px;}
.pages .pages_m_box{display: none;}
.pages a{border: 1px solid #e5e5e5; padding: 5px 10px; margin: 0 3px;}
.pages a:hover,.pages a.active{background: #0080ff; color: #fff; border-color: #0080ff;}
.pages span{border: 1px solid #e5e5e5; padding: 5px 10px; margin: 0 3px; cursor: pointer;}
.pages span:hover,.pages span.active{background: #0080ff; color: #fff; border-color: #0080ff;}

/*media*/
@media screen and (max-width: 1099px){
html,body{overflow: auto; overflow-x: hidden; font-size: 15px;}
.mask{position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: none;}

/*header*/
.header{height: 60px; padding: 0 15px; border-left-width: 4px;}
.header .logo{width: 100%; font-size: 18px; justify-content: space-between;}
.header .logo>img{display: block; width: 26px; margin-left: 10px;}
.header a{width: 100px; height: 32px; line-height: 32px; display: none;}
.header_box{position: absolute;}
.header_box .logo{width: auto;}
.header_box .logo>img{display: none;}
.header_box a{display: flex;}

/*login*/
.login{background-position: top left;}
.login .login_box{width: 86%;}
.login .login_box>span{font-size: 18px;}
.login .form_box{width: 100%; margin-top: 20px; padding: 20px 15px;}
.login .form_box>span{font-size: 15px;}
.login .form_box>form{margin-top: 15px;}
.login .form_box>form .form-group{margin-bottom: 15px;}
.login .form_box>form .form-group>input{height: 42px; line-height: 42px; margin-top: 6px; font-size: 15px;}
.login .form_box>form .form-group button{margin: 25px auto 0; height: 42px; font-size: 16px;}

/*control*/
.control{margin-top: 0; padding: 80px 3% 30px; height: auto; min-height: 100vh; align-items: flex-start;}
.control ul{display: flex; gap: 20px}
.control ul>li{width: calc((100% - 20px)/2); height: 70px; text-align: center;}
.control ul>li a{width: 100%; padding: 15px 10px; border-radius: 10px;}
.control ul>li a>span{width: 50%; font-size: 15px; line-height: 1.4;}
.control ul>li .img{height: 30px;}
.control ul>li .img>img{width: 30px;}
.control ul>li.box{height: auto; width: calc((100% - 20px)/2); margin-top: 0;}
.control ul>li.box a{flex-direction: row; padding: 15px 10px; align-items: center; justify-content: center;}
.control ul>li.box a>span{width: 50%; padding-right: 0; text-align: left; padding-left: 10%; box-sizing: unset;}

/*main*/
.main{min-height: calc(100vh - 60px); margin-top: 60px;}
.main .list{width: 100%; margin-left: 0; padding: 15px;}
.main .nav{width: 80%; height: calc(100vh - 60px); top: 60px; left: -100%;}
.main .nav>dl>dd>a>img{width: 20px;}
.main .list .list_box .search a{width: 76px; height: 30px; line-height: 30px;}
.main .list .list_box .search form{width: 100%; margin-top: 20px;}
.main .list .list_box .search form>button{width: 80px;}
.main .list .list_box .search form>input{width: calc(100% - 80px);}
.main .list .list_box ul{width: auto; white-space: nowrap; overflow-x: scroll; border: 1px solid #f0f0f0;}
.main .list .list_box ul>li{display: table-row;}
.main .list .list_box ul>li>span{display: table-cell; min-width: 60px; padding: 10px; border-bottom: 1px solid #f0f0f0;}
.main .list .list_box ul>li:last-child>span{border-bottom: 0;}
.main .list .list_box ul>li>span:first-child{border-left: 0;}

/*form*/
.form>form{padding: 15px;}
.form>form .form-group{display: block;}
.form>form .form-group>span{width: 100%; text-align: left; margin-bottom: 10px;}
.form>form .form-group>input[type="text"]{width: 100%; height: 36px; font-size: 15px;}
.form>form .form-group>.file{width: 100%; height: 36px; font-size: 15px;}
.form>form .form-group>.file>i{height: 36px; line-height: 36px;}
.form>form .form-group>textarea{width: 100%; height: 160px; font-size: 15px;}
.form>form .form-group>button{font-size: 15px; height: 36px;}
.form>form .form-textarea{margin-bottom: 10px;}

/*pages*/
.pages{width: 100%; margin: 20px auto 10px; text-align: center;}
.pages .pages_box{display: none;}
.pages .pages_m_box{display: flex; justify-content: space-between;}
.pages a{padding: 0px 8px;}
.pages span{padding: 0px 8px; margin: 0;}
.pages .p_page{border: 0;}
}