@charset "utf-8";
/* CSS Document */

body {
    font-family: roboto, "Heiti SC", Helvetica, "Droidsansfallback", "Droid Sans", '\5FAE\8F6F\96C5\9ED1', ProximaThin, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #242f44;
    background: #fff;
    line-height: 1.5em
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    margin: 0;
}
line {
    display: block;
    clear: both;
    border-top: 1px solid #cccccc;
    width: 100%;
    opacity: .6;
}
.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
ul, ol, dl, li, dt, dd {
    list-style-type: none;
}
a {
    text-decoration: none;
}
.container {
    width: 100%;
    text-align: center;
}
.title {
    position: relative;
    width: 100%;
    height: 54px;
    padding-top: 14px;
    font-size: 16px;
    line-height: 30px;
    background-color: #FFFFFF;
}
.logo {
    position: absolute;
    top: 14;
    left: 15px;
    width: 174px;
}
.logo span, .logo a {
    height: 30px;
    display: block;
    float: left;
    color: #242f44;
}
.logo span img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.logotext {
    display: block;
}
.menu {
    position: absolute;
    right: 0;
    top: 14px;
    width: auto;
    font-size: 16px;
}
.menu a {
    height: 30px;
    color: #242f44;
    float: left;
    white-space: nowrap;
    padding: 0 18px;
    opacity: .5;
}
.menu a:hover, .bntHover {
    color: #eb5451 !important;
    opacity: 1 !important;
}
.bg_1 {
    height: 900px;
    position: relative;
    background: url(https://csdn-web.yihaozitie.com/img/bg_1.svg) no-repeat;
    background-position: center bottom;
    background-size: 1400px 700px;
    padding: 40px 0 0 0;
    overflow-x: hidden;
}
.bg_2 {
    height: 1000px;
    position: relative;
    background: url(https://csdn-web.yihaozitie.com/img/bg_2.svg) no-repeat;
    background-position: center bottom;
    background-size: 1400px 700px;
    padding: 40px 0 0 0;
    overflow-x: hidden;
}
.bg_3 {
    height: 800px;
    position: relative;
    background: url(https://csdn-web.yihaozitie.com/img/bg_3.svg) no-repeat;
    background-position: center bottom;
    background-size: 1400px 700px;
    padding: 40px 0 0 0;
    overflow-x: hidden;
}
.bg_4 {
    height: 800px;
    position: relative;
    background: url(https://csdn-web.yihaozitie.com/bg_2.svg) no-repeat;
    background-position: center bottom;
    background-size: 1400px 700px;
    padding: 40px 0 0 0;
    overflow-x: hidden;
}
.img_background_left_box {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 10px;
    height: 312px;
    width: 312px;
}
.img_background_right_box {
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 10px;
    height: 312px;
    width: 312px;
}
.img_background_bottom {
    width: 1400px;
    height: 580px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    ;
}
.img_background_left_bottom_box {
    height: 312px;
    width: 312px;
}
.img_background {
    height: 312px;
    width: 312px;
}
.section_title {
    width: 100%;
    font-size: 48px;
    line-height: 48px;
}
.section_title_txt, h1, h2 {
    font-size: 26px;
    line-height: 26px;
    padding-top: 10px;
    opacity: .6;
    padding-top: 20px;
    font-weight: normal;
}
.bnt_group {
    display: flex;
    justify-content: center; /* 水平居中 */
    padding-top: 40px;
}
.bnt_group a {
    width: 260px;
    height: 60px;
    background-color: #00D1AE;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7cd6c7), color-stop(1, #00D1AE));
    color: #ffffff;
    border-radius: 30px;
    font-size: 22px;
    line-height: 60px;
    margin: 0 10px;
}
.bnt_group a:hover {
    background-color: #15d9b8;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #89dbce), color-stop(1, #15d9b8));
}
.verson_txt {
    opacity: .6;
    margin-top: 6px
}
.tools_group {
    margin-top: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.option {
    width: 150px;
    padding: 10px;
}
h3 {
    opacity: .7;
    font-size: 16px
}
h4 {
    opacity: 1;
    font-size: 18px;
    margin: 5px 0;
}
h5 {
    font-size: 14px;
    color: #8b97af;
    max-width: 200px;
    text-align: left;
}
.option img {
    width: 70px;
    height: 70px;
    margin: 0 auto 8px;
    display: block;
    opacity: .6
}
.function {
    width: 400px;
    padding: 40px;
    box-shadow: 0 4px 14px 0 rgba(36, 47, 68, 0.08);
}
.function img {
    width: 90ox;
    height: 90px;
    margin: 0px;
    float: left
}
.function_children {
    float: left;
    padding-left: 20px;
}
.footer {
    text-align: center;
    padding: 2.8125em 0 2.8125em;
    color: #999ca6
}
.footer a, .footer a:link, .footer a:hover {
    color: #999ca6
}
.zitielist {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 5px auto;
}
.column_title {
    width: 100%;
    height: 68px;
    margin: 10px auto;
    position: relative;
    border-left: 200px #f0f0f0 solid;
    border-right: 200px #f0f0f0 solid;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="68"><path d="M0 32 H200" stroke-width="4" stroke="%236d6d6d" /></svg>');
    background-repeat: repeat-x;
}
.column_title h2 {
    font-size: 38px;
    background-color: #f0f0f0;
    opacity: 1;
    display: inline-block;
    white-space: nowrap;
    margin: 0 auto;
    font-weight: bold;
    color: #6c6c6c;
    padding: 0px 20px;
    line-height: 68px;
}
.column_conent {
    margin: 5px;
    line-height: 50px;
}
.column_conent img {
    display: block;
    margin: 0 auto;
}
.column_conent h3 {
    padding: 5px;
    opacity: .9;
    font-size: 18px;
    font-family: roboto, "Heiti SC", Helvetica, "Droidsansfallback", "Droid Sans", '\5FAE\8F6F\96C5\9ED1', ProximaThin, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #242f44;
    font-weight: normal;
}
.weixingzh {
    position: absolute;
    right: 2px;
    top: 54px;
    width: 220px;
    height: 240px;
    border: #cccccc 1px solid;
    background-color: #ffffff;
    z-index: 4;
    display: none;
}
@keyframes shake {
0% {
transform: translateY(-20px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(-20px);
}
}
.shake {
    animation: shake 3s infinite;
}
#list, #list ul {
    width: 100%;
}
#list ul li {
    width: 33.3333%;
    float: left;
    margin-bottom: 10px;
    padding: 5px 10px 0px;
}
.seed-info {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 5px 5px #dadcde;
}
.seed-info li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100% !important;
    font-size: 16px;
}
#user {
    max-width: 45%;
    overflow: hidden;
    white-space: nowrap;
}
#name {
    height: 24px;
    overflow: hidden;
    display: inline-block
}
.remarks {
    padding-left: 52px;
}

@media screen and (max-width: 1400px) {
#list ul li {
    width: 50%;
}
#name {
    max-width: 294px;
}
.column_title {
    width: 100%;
    height: 68px;
    margin: 10px auto;
    position: relative;
    border-left: 40px #f0f0f0 solid;
    border-right: 40px #f0f0f0 solid;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="68"><path d="M0 32 H200" stroke-width="4" stroke="%236d6d6d" /></svg>');
    background-repeat: repeat-x;
}
}
.cnbotitle {
    text-align: center;
    font-size: 43px;
    padding-bottom: 20px;
    height: 80px;
    line-height: 80px;
    color: azure;
    font-weight: bold;
    background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
    background-color: #840b2a;
}
.cnbo {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
    line-height: 2
}
.cnbo h2 {
    width: 100%;
    line-height: 2;
    font-weight: bold
}
.cnbo font {
    font-weight: bold;
    padding-left: 1px
}
.newstext img {
    width: 100%;
    height: auto
}
.searchId ul li {
    width: 100%;
    display: block;
    clear: both;
}
.searchId {
    max-width: 1000px;
    margin: 0 auto
}
.searchId ul li a {
    text-align: center;
    display: block;
    float: left;
    margin: 10px;
    padding: 2px 10px;
    border: #dfdfdf 1px solid;
    border-radius: 2px;
    background-color: #e9e9e9;
    color: #626161
}
.searchId ul li a:hover, .activeId {
    background-color: #4d83ff!important;
    color: #FFFFFF!important;
    border: #3e72e9 1px solid!important;
}

@media screen and (max-width: 920px) {
#list ul li {
    width: 100%;
}
#name {
    max-width: none;
}
.column_title {
    width: 100%;
    height: 68px;
    margin: 10px auto;
    position: relative;
    border-left: 20px #f0f0f0 solid;
    border-right: 20px #f0f0f0 solid;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="68"><path d="M0 32 H200" stroke-width="4" stroke="%236d6d6d" /></svg>');
    background-repeat: repeat-x;
}
.logo span, .logo a {
    height: 38px;
    display: block;
    float: left;
    color: #242f44;
    font-size: 30px;
}
.logo span img {
    width: 38px;
    height: 38px;
    margin-right: 15px
}
.logotext {
    display: none !important;
}
.menu a {
    height: 38px;
    color: #242f44;
    float: left;
    white-space: nowrap;
    padding: 0 12px;
    opacity: .5;
    font-size: 30px;
}
.title {
    position: relative;
    width: 100%;
    height: 62px;
    padding-top: 14px;
    font-size: 16px;
    line-height: 30px;
    background-color: #FFFFFF;
}
.column_conent h3 {
    padding: 5px;
    opacity: .9;
    font-size: 28px;
    font-family: roboto, "Heiti SC", Helvetica, "Droidsansfallback", "Droid Sans", '\5FAE\8F6F\96C5\9ED1', ProximaThin, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #242f44;
    font-weight: normal;
}
.seed-info li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100% !important;
    font-size: 26px;
}
.remarks {
    padding-left: 76px;
}
}
.seed-info {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 5px 5px #dadcde;
    font-size: 14px;
}
.seed-info li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100% !important;
}
.b-ntsuccess {
    color: #fff;
    background-color: #71c016;
    border: #71c016 1px solid;
    border-radius: 2px;
    padding: 5px 10px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgb(113 192 22 / 14%), 0 3px 1px -2px rgb(113 192 22 / 20%), 0 1px 5px 0 rgb(113 192 22 / 12%) !important;
    font-size: 14px;
}
.b-ntsuccess:hover {
    color: #fff;
    background-color: #5d9e12;
    border-color: #569211;
}
.inputcss:focus {
    outline: #5d9e12 1px solid;
    box-shadow: none;
}
.btn-primary {
    color: #fff;
    background-color: #4d83ff;
    border: #4d83ff 1px solid;
    border-radius: 2px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
}
.btn-primary, .btn-primary:hover {
    box-shadow: 0 2px 2px 0 rgb(77 131 255 / 14%), 0 3px 1px -2px rgb(77 131 255 / 20%), 0 1px 5px 0 rgb(77 131 255 / 12%);
}
.btn-primary:hover {
    color: #fff;
    background-color: #416cd0;
    border-color: #355aa9;
}
.remarks {
    height: 55px
}
.applist, .applist ul {
    width: 100%;
}
.applist ul {
    display: flex; /* 使用 Flexbox */
    justify-content: space-between; /* 平均分配间距 */
    margin-top: 10px;
}
.applist li {
    width: 33%;
    margin: 0.33%;
    height: auto;
    display: flex; /* 使用 Flexbox */
    justify-content: center; /* 水平居中 */
    border-radius: 20px;
    background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
    background-color: #840b2a;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
   padding-bottom:16px;
   padding-top:16px;
}
.applistimgtitle {
    height: 70px;
    line-height: 32px
}
.applistimgtitle font {
    font-size: 18px!important
}
.appdowncon {width: 1000px;margin: 40px auto}{
    width: 1000px;
    margin: 40px auto
}
@media screen and (max-width: 1000px) {
.maximg {width: 100%}
.appdowncon {width: 100%;margin: 40px auto}
.btn-primary, .b-ntsuccess {
    font-size: 2em;
}
.remarks {
    height: auto
}
}
.lozad {
    opacity: 0;
    width: 300px;
    height: 424px;
    background-color: #cccccc;
    transition: opacity 0.5s ease-in;
}
.lozad-loaded {
    opacity: 1;
}
body {
    position: relative;
#contentbox {
position: fixed;
place-items: center; /* 同时垂直和水平居中 */
width: 100%;
height: 100%;
z-index: 999999999;
top: 0px;
left: 0px;
background-color: rgba(255, 255, 255, 0.1);
display: none; /* 初始隐藏 */
}
#contentbox.active {
    display: grid; /* 只有在 active 时才显示 */
}
#frameId {
    border-top: 46px #E9E9E9 solid;
    width: auto;
    height: auto;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    position: relative;
}
#frameTitle {
    position: absolute;
    top: -34px;
    left: 20px;
    color: #646464;
}
#frameClose, #frameClose:hover {
    position: absolute;
    top: -34px;
    right: 20px;
    color: #373737;
    cursor: pointer;
}
#frameClose:hover {
    color: #00027B;
}
#frameContent {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background-image: url('https://cndserver.yihaozitie.com/zt/img/guanwang/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
}
#frameContent img {
    width: 580px;
    height: auto;
    display: block;
    margin: 0 auto
}