body {
    line-height: 24px;
    font-size: 14px;
    margin: 0px;
    color: #312209;
}
@font-face {
    font-family: "timesbd";
    src:url("/images/timesbd.ttf") format('truetype');
    font-family: "FontAwesome";
    src:url("/css/fa-solid-900.ttf") format('truetype');
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    box-shadow: 0 0 5px 1px rgb(29 29 39 / 26%);
    z-index: 99;
}
header .content {
    display: flex;
    max-width: 1240px;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
header .content .logo{
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 5px;
}
header .content .info {
    display: flex;
    height: 80px;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
header .content .logo img{
    width: 48px;
    height: 48px; float: left;
}
header .content .logo span{ line-height: 48px; margin-left: 10px; font-size: 30px;font-weight: bold; color: #4587F4;}
header .content .logo p {
    margin-left: 40px;
    padding-left: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAa1JREFUSEvt1L9LHFEQB/DvLHeHf4Cud/NAC9Pbaf4DuZgiVv7AQitTKVgIVoJFQCGQNCkCemUkiAgeaCEi+AdYipWgvLmFE7uzWdmR3WSP837ueZa+cnfm897MGx4hwTLGfAXwS1UPAcyLyGO7NOpkGmO+AViP41T10vf9T+Vy2WuV2w7NMHOBiObqk1X1BkBeRK6bwU1RZu4noiKA8TaVPARB8KVUKl3UxzSgruuOpNPpEwAfOrUGgK+qSyJSqI19gWaz2THHcYpENJAArIao6oaIbMYfqigzzxBRuGNfN2DNBe6ISDglTxHKzGtEtPUarC7nvFKpTJEx5juA1TcAI0JVr4iZj4loAkDHmU24sY3LXySi3YRJ7cJOrbX5CDXGTAII57Knpap/RGQuRj8DOOpJ/NfPPRGZfUeji+rU06KqHhDRKIDlVuPXTU/vrbXVt+D/c7jQ7FK7QW+ttcMxYoz5AWClV/TOWjsUI8z8k4jCFjSsFyfN5XJTjuMctAj0RCSXBAXw11o7Hc2p67qDqVTqN4BMHRz+PxOR7ZryP4bvZ7MDBEGw43ne/jN+4su0bRThWwAAAABJRU5ErkJggg==) no-repeat 0;
    background-size: 22px;
    font-size: 18px;
    color: #1b1b1b;
}

header .content .info .replacement.home::before{
    content: "\f015";
    margin-right: 10px;
    font-family: FontAwesome;
}
header .content .info .replacement{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #4587F4;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #4587F4;
    padding: 0 20px;
    border-radius: 20px; margin-left: 20px;
}
.order-search .language{ overflow: hidden; margin-bottom: 40px;}
.language-grid{width: 180px; height: 40px;border:4px solid #4587f4;
    border-radius: 24px;
    background: #4587f4;
    overflow: hidden;}
.language button {
    width: 90px;
    height: 40px;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer; float: left; background: unset;
}
.language .active {
    background: #ffffff;
    border-radius: 20px;
    color: #4587F4;
}
.loading{
    top:0;
    left: 0;
    position: fixed;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    background: #1b1b1b;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#cisLoading {
    position: fixed;
    left: 50%;
    top: 30%;
}
a{color: #312209;text-decoration: unset;}
.manual-top{min-height: 880px;
    padding-bottom: 300px;
    background-image: url("/images/dibu.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #F4F8FD;}
.content-main{  margin-bottom: 3rem;}
.manual-bottom{border-radius: 5px;}
.manual-conter{ width: 100%; margin: 0 auto;}

#download img{ margin-left: 10px; margin-bottom: -5px;}

.language button:first-child {
    border-radius: 20px 0 0 20px;
}
.language button:last-child {
    border-radius: 0 20px 20px 0;
}
.footer-top{max-height: 320px;background: url("/images/dibu.png") no-repeat;height: 320px; margin-top: -50px;}
.footer{width: 100%;
    height: 120px;
    background: #566168;
    color: #FFF;
    line-height: 120px;
    text-align: center;
    bottom: 0;
    font-size: 18px;
}
.c1{color: #313F5A; font-size: 16px;line-height: 22px; margin-top: 15px;}
.tip{color: #313F5A; font-size: 16px;line-height: 22px;}
.tip a{color: #313F5A;}
.tip:before{ width: 15px;
    height: 15px;
    line-height: 15px;
    color: #312209;
    content: '!';
    border: 2px solid #005df2;
    border-radius: 15px;
    display: block;
    float: left;
    margin: 2px 5px 10px 0;
    text-align: left;
    font-size: 14px;
    font-weight: 800;}
#app{ position: relative;width: 1240px; margin:0 auto;}
.order-search{
    width: 100%;
    margin-top: 50px;
    padding: 50px 0;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    overflow: hidden; font-size: 16px;
}
.order-content{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.title{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 360px;
    margin: 0 auto;
}
.header-search {
    height: 60px;
    background: #fff;
    border-radius: 5px;
    font-size: 18px;
}
.search{
    font-size: 18px;
    line-height: 46px;
    height: 46px;
    display: inline-block;
    padding-left: 20px;
    width: 300px;
    outline: none;
    color: #665536;
    border: 1px solid #A0A0A0;
    border-left: none;
    border-radius:0 5px 5px 0;
}
.searchBtn img{width: 20px;margin-top: 20px;}
#empty_table_for_display{width: 100%;margin: 0 auto; }
#empty_table_for_display.show{ margin-bottom: 90px; }
#empty_table_for_display a{
    color: #ffffff;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 5px;background: #24BF7C;}
#empty_table_for_display a#download:after{
    content: "\f019";
    margin-left: 10px;
    font-family: FontAwesome;
}
#empty_table_for_display a#view:after{
    content: "\f06e";
    margin-left: 10px;
    font-family: FontAwesome;
}
#empty_table_for_display .layui-table-cell p{ margin: 5px !important;}
.tig1, .tig2{line-height:10px;color: #4587F4;}
.tig1::before{
    content: "\f0f3";
    margin-right: 10px;
    font-family: FontAwesome;
}
.tig1 span, .tig2 span{ text-decoration: underline; cursor:pointer;}
.tig2::before{
    content: "\f059";
    margin-right: 10px;
    font-family: FontAwesome;
}
.tig3 span{ text-decoration: underline; cursor:pointer;}
.tig3::before{
    content: "\f059";
    margin-right: 10px;
    font-family: FontAwesome;
}
.el-icon-refresh::before {
    content: "\f2f1";
    font-family: FontAwesome;
    margin-right: 10px;
    font-style: initial;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    background-color: #fff;
    color: #666;
}
table tr td{ width: 33.33%;border: 1px solid #A09989; text-align: center;color: #3C3D40;margin: 0; background:#FFFFFF;padding: 0; line-height: 50px; }
table tr:first-child td{ background: #4587F4; color: #FFF;}

table.code-info{border: none;width: 100%;}
table.code-info tr td{ text-align: center;color: #3C3D40;margin: 0; background:#FFFFFF;padding: 0; line-height: 60px; border:none; height: 60px;}
table.code-info tr td span{width: 50%; border-bottom: 2px solid #7c7c7c; display: block;height: 2px; margin: 0 auto;}

.code-info .info-1{ width:40% !important; }
.code-info .info-2{ width:5% !important; font-weight: bold; }
.code-info .info-3{ width:55% !important; }
.code-info .info-3 #search_condition_2{ float: left;}
.code-info .info-3 .el-input-group__append{ float: left;width: 23%;height: 60px;}
.code-info .info-3 .el-input__inner{ border-radius: 0 6px 6px 0 !important;}

.order-content .el-input__inner {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 18px;
    border: 2px solid #7c7c7c;
    border-radius: 6px;
}
.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.comple-box .img{
    float: left;
    width: 40%;
    height: 50px;
    box-sizing: border-box;
    border: 2px solid #7c7c7c;
    border-radius: 4px; position: relative;
}
.code_content{ width: 55%; float: right;}
.comple-box .el-button{
    width: 20px;
    height: 20px;
    display: block;
    padding: 0;
    line-height: 20px;
    border: unset;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 20px;
    color: #1b1b1b;    position: absolute;
    right: 0;
    bottom: 0;
}
.el-button {
    background: #fff;
    border: 1px solid #4587F4;
    color: #606266;
    text-align: center;
    margin: 0;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 6px;
}
.order-content .el-input-group__append {
    width: 90px;
    vertical-align: middle;
    background: #4587f4;
    border: none;
    padding: 0;
}
.order-content .search-input .el-button{
    padding: 0;
    width: 100%;
    height: 60px;
    margin: 0;
    background:#4587F4;
    color: #FFFFFF; font-size: 24px;
}
.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.search-input .el-input__inner {height: 60px;border-radius: 6px 0 0 6px;}
.el-input-group__append, .el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-left-color: rgb(220, 223, 230);
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}
.this_code input{ margin-top: 10px;}
.el-form-item__content{ margin-top: 20px; overflow: hidden;}

.home-content .manual-content .content-left{ width: 50%; float: left; margin-bottom: 3rem;}
.home-content .manual-content .content-right{ width: 50%; float: right; margin-bottom: 3rem;}
.manual-content{ overflow: hidden;padding: 10px;}
.manual-content .content-gird{ text-align: center; font-size:18px;padding: 3rem 6rem; box-sizing: border-box;width: 600px;box-shadow: 0px 0px 5px 1px rgba(51,51,70,0.26);background: #ffffff; border-radius: 8px; }
.manual-content .content-left .content-gird{  float: left; }
.manual-content .content-right .content-gird{ float: right;}
.manual-content .content-gird .gird-image{height: 210px; }
.manual-content .content-gird .gird-title{color: #4587F4;font-size: 30px; font-weight: bold;}
.manual-content .content-gird .button{background: #4587F4; border-radius: 6px; color: #ffffff;font-size: 24px; line-height: 50px;}
.home-content .manual-thanks{width: 1240px; height: 140px; background: #24BF7C; border-radius: 8px; margin: 30px auto; padding:20px 45px;box-sizing: border-box;}
.home-content .manual-thanks img{position: absolute; margin-top: -70px;}
.home-content .manual-thanks p{ padding-left: 13rem;color: #FFFFFF;font-size: 18px; line-height: 29px; }

.manual-content .content-left .content-gird-1{float: left;}
.manual-content .content-right .content-gird-1{ float: right;}
.manual-content .content-gird-1{font-size:18px;padding: 4rem 3rem; box-sizing: border-box;width: 600px; height:490px;box-shadow: 0px 0px 5px 1px rgba(51,51,70,0.26);background: #ffffff; border-radius: 8px; }
.manual-content .content-gird-1 .gird-title{font-weight: bold; font-size: 28px; color: #ED7332; line-height: 30px;}
.manual-content .content-gird-1 .button span{background: #ffffff; border-radius: 6px; border: 1px solid #ED7332; color: #ED7332;font-size: 22px; line-height: 50px; padding: 5px 15px;}
.manual-content .content-right .content-gird-1 .gird-title{ color: #4587F4;}
.manual-content .content-gird-1 p span{ line-height: 18px; color: #ff0000; margin-right: 5px;}
.manual-content .gird-image{ margin-top: 10px;}

.manual-content .content-title {
    color: #4587F4;
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width:767px){
    .manual-content .content-gird-1{ height: auto;}
    .manual-top{
        width: 100%; top:0;min-height: 430px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .manual-bottom{position:relative; overflow: hidden;}
    .footer-top{
        background: url("/images/dibu.webp") no-repeat;background-size:100% 100%; width: 100%;bottom:0;
        max-height: 550px; min-height: 150px;height: auto;
        margin-top: -50px;
    }
    header .content .logo p{ display: none;}
    header .content .info.en .replacement{ line-height: 20px; width: 85px;margin-left: 10px;}
    header .content .info.cn .replacement{ line-height: 40px; width: 85px; font-size: 16px;margin-left: 10px;}
    header .content .logo span{ font-size: 20px;}
    #empty_table_for_display{ margin-bottom: 90px;}
    #empty_table_for_display a{ padding: 5px 10px;}
    .footer{bottom:0;}
    #app{ width: 100%;}
    .app-bg{ display: none;}
    .order-search{ width: 100%; min-height: 200px; margin-top: 110px; padding: 40px 30px;}
    .order-content{ padding: 0px;}
    .manual-conter{width: 100%;}
    .search-input .el-input__inner{ width: 100%;}
    #fix_div_for_display{ min-height: unset;}
    .layui-layer{width: 100% !important;top: 100px !important; left: 0 !important;}
    .code_content{ }
    .code_content img{ width: 100% !important;}
    .title {
        font-size: 22px;
        height: auto;
        width: auto;
    }
    .search {
        font-size: 14px;
        width: 60%;
        border-radius: 0 5px 5px 0;
    }
    .tip {
        font-size: 14px;
    }
    .footer {
        height: 80px;
        line-height: 80px;
        font-size: 14px;
        color: #aaa;margin-bottom:0px;
    }
    #empty_table_for_display{ margin: 0px; width: 100%;}
    table tr:first-child td {
        font-weight: 600;
        line-height: 26px;
        font-size: 14px;
    }
    table tr td {
        width: 33.33%;
        line-height: 20px;
        font-size: 12px;
        overflow: hidden;
        word-wrap: anywhere;
        padding: 5px;
        line-height: 26px;
    }
    #fix_div_for_display{
        margin-top: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    .order-search{ border: 1px solid #ddd;
        box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        position: relative;
        padding: 20px 10px;
        background: #FFF;}

    header .content .info .replacement{font-size: 12px;padding: 5px 10px;line-height: 20px; text-align: center;}
    .home-content .manual-content .content-left, .home-content .manual-content .content-right{ width: 100%;}
    .home-content .manual-content .content-left{ margin-bottom: 20px;}
    .manual-content .content-gird{width: 100%; padding: 20px 10px;}
    .manual-content .content-gird .gird-image img{ width: 100%;}
    .home-content .manual-thanks{width: 100%; height: auto;}
    .home-content .manual-thanks p{padding-top: 7rem; padding-left: 0;}

    .manual-content .content-gird-1{width: 100%; padding: 20px 10px;}
    .manual-content .content-gird-1 .gird-image img{ width: 100%;}
    .manual-conter input::placeholder {font-size: 12px;}

}
@media (max-width:375px){
    .manual-top{min-height: 450px !important;}
    header .content .logo{ width: 20%; float: left;}
    header .content .info{ width: 80%; float: left;}
    header .content .info .replacement{
        padding-left: 0px;
        color: #1b1b1b;
        background: none;
    }
    header .content .info .replacement.en{
        font-size: 12px;
    }
    header .content .info .language{
        margin:0px;
    }
}
@media (max-width:360px){
    .manual-top{min-height: 470px !important;}
}