*{box-sizing:border-box;}
body,html{scroll-behavior:smooth!important;position:relative;letter-spacing:.5px;font-size:14px;line-height:24px;}
body {
    font-family: Helvetica, Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "tohoma,sans-serif";
    position:relative;
    z-index:1;
}
body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/bg.png');
    background-size: auto;
    background-position: center 30px;
    opacity: 0.2;
    z-index: -1;
}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
.btn{cursor:pointer;}
.jzhh{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.column{text-align:justify;text-align-last:justify;}
.blkg{white-space:pre-wrap}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input:focus,textarea:focus{outline:none;}
.l {float:left;}
.r {float:right;}

a,a:link{text-decoration:none;}
a,button{transition:all 0.2s linear;}
a:hover,button:hover{transform:scale(1);transition:all 0.2s linear;text-decoration:none;color:red}

.content {max-width:1200px;margin:0 auto;}

.list_body {width:100%;display:inline-block;border:2px solid black;border-radius:5px;margin-bottom:15px;background:white;}
.list_body div.h2 {width:100%;display:inline-block;background:#249ffd;padding:7px 0;}
.list_body div.h2 img {width:22px;margin-left:10px;position:relative;top:4px;display:inline-block;}
.list_body div.h2 span {display:inline-block;color:black;font-weight:bold;font-size:16px;padding-left:10px;}
.list_body div.box {width:100%;float:left;background:white;padding-top:1px;padding-left:1px;}
.list_body div.box a {width:10%;color:#137ccc;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border-radius:0;height:45px;line-height:45px;text-align:center;font-size:14px;float:left;font-weight:bold;}
.list_body div.box a img {width:20px;position: relative;top:4px;color:red;}
.list_body div.box a:hover {background:black;color:white;}

.top {width:100%;display:inline-block;text-align:center;margin-bottom:20px;margin-top:10px;}
.logo img {width:40px;position:relative;top:10px;}
.logo a {font-size:14px;font-weight:bold;color:black;background:white;display:inline-block;}
.logo a:hover {color:Red;}

.lianxi {width:100%;display:inline-block;background:rgba(0,0,0,0.1);position: relative;margin-top:40px;border-radius:5px;}
.lianxi div.title {position:absolute;top:-20px;left:20px;background:#249ffd;color:white;font-weight:bold;border-radius:5px;padding:5px 20px;}
.lianxi div.p {padding:10px;width:100%;display:inline-block;padding-top:25px;font-size:14px;}
.lianxi div.p p {margin:5px 0;padding:0 20px;}
.lianxi div.p p a {}
.lianxi div.p p.new a {color:red;}

.bor-show {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.foot {color:rgb(92, 92, 92);text-align:center;font-size:12px;margin-bottom:30px;margin-top:20px;}

/*  */
.new_box {width:100%;display:inline-block;padding:10px 20px;}
.new_box div.step {width:100%;display:inline-block;color:Red;font-weight:bold;}
.new_box form {margin-top:7px;}
.new_box form div {margin-bottom:7px;}
.new_box form input,.new_box form select {padding:5px;border-radius:5px;border:1px solid rgb(126, 126, 126);}
.new_box form button {padding:6px 20px;border:1px solid black;border-radius:5px;margin-left:33px;}
#add_info strong {background:red;color:white;padding:5px 10px;border-radius:5px;}

@media screen and (max-width:1200px){
    .content {padding:0 1%}
}
@media screen and (max-width:1100px){
    .list_body div.box a {width:11.11111111%;}
}
@media screen and (max-width:1000px){
    .list_body div.box a {width:12.5%;}
}
@media screen and (max-width:900px){
    .list_body div.box a {width:14.285714286%;}
}
@media screen and (max-width:800px){
    .list_body div.box a {width:16.666666667%;}
}
@media screen and (max-width:700px){
    .list_body div.box a {width:20%;}
}
@media screen and (max-width:600px){
    .list_body div.box a {width:25%;height:35px;line-height:35px;}
}
@media screen and (max-width:500px){
}
@media screen and (max-width:420px){
    .list_body div.box a {height:35px;line-height:35px;font-size:12px;}
}
@media screen and (max-width:360px){
    .list_body div.box a {width:25%;height:35px;line-height:35px;font-size:12px;}
}
@media screen and (max-width:350px){
    .list_body div.box a {width:33.333333%;}
}
@media screen and (max-width:250px){
    .list_body div.box a {width:50%;}
}
@media screen and (max-width:180px){
    .list_body div.box a {width:100%;}
}