.sinoselect button {
    height: 30px;
    line-height: 17px;
}

.clearfix {
    clear: both;
    height: 0px;
    font-size: 0px;
    _overflow: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.displaynone {
    display: none!important;
}

.marginbottom0 {
    margin-bottom: 0!important;
}

.cursor-pointer {
    cursor: pointer;
}

a {
    cursor: pointer;
}

.red {
    color: #ff0000;
}

.blue {
    color: #1E9FFF;
}

.sino_success {
    color: #009966!important;
}

.sino_waring {
    color: #FFB800;
}

.sino_danger {
    color: #ff5c5c!important;
}

.sino_encrypt {
    color: #999!important;
}

.sino_info {
    color: #337ab7!important;
}

.sino_sinfo {
    color: #4CAF50!important;
}

.sino_curpointer {
    cursor: pointer;
}

.sino_ba_sinfo {
    background-color: #4CAF50;
    color: #fff;
}

.sino_ba_sdanger {
    background-color: #ff5c5c;
    color: #fff;
}

.sino_ba_sencrypt {
    background-color: #999;
    color: #fff;
}

.font-none {
    font-style: normal;
}

.sino_body {
    position: relative;
    margin: 15px 0;
    margin-top: 120px;
}

.sino_header {
    position: fixed;
    background: #fff;
    z-index: 999;
    left: 275px;
    right: 15px;
    padding-bottom: 20px;
}

.table-responsive {
    padding-bottom: 50px;
}

.sino-green {
    background-color: #5FB878;
    color: #fff;
}

.padding0 {
    padding: 0!important;
}

.width10p {
    width: 10%;
}

.sino-green:hover {
    background-color: #61BA7A;
    color: #fff;
}

.contion {
    background-color: #eee;
    padding: 10px;
}

.enter_form_header {
    background-color: #fff;
    color: #333;
    padding: 20px 15px;
}

.enter_form_header h1 {
    font-weight: bold;
}

.enter_form_header p {
    font-weight: bold;
}

.enter_form_instructions {
    padding: 10px 0;
}

.enter_form_content {
    border-top: solid 5px #eee;
    background-color: #fff;
    padding: 25px 15px;
    display: inline-block;
    width: 100%;
}

.form_enter_group {
    margin-bottom: 25px;
}

.form_enter_group:last-child {
    margin: 0;
}

.form_enter_group p {
    font-weight: bold;
}

.form_enter_group p i {
    color: red;
    font-style: normal;
}

.show_up_photo {
    border: dashed 1px #b0b0b0;
    padding: 20px;
    width: 120px;
    height: 120px;
    text-align: center;
    cursor: pointer;
}

.show_up_photo span {
    font-size: 36px;
}

.show_up_photo p {
    margin-top: 15px;
    color: #999;
}

#submit_form,
#submit_archives_form,
#submit_special_form {
    width: 100%;
}

.sino_body table td img {
    max-width: 50px;
}

.show_photo_box {
    display: inline-block;
    width: 100%;
}

.show_photo_box ul {
    margin: 0;
    padding: 0;
}

.show_photo_box ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.show_photo {
    width: 100%;
    display: inline-block;
    margin: 15px 0;
}

.show_photo ul {
    margin: 0;
    padding: 0;
}

.show_photo ul li {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    max-width: 120px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    cursor: pointer;
    z-index: 9999;
}

.show_photo ul .check_photo_box {
    border: solid 3px #5FB878;
}

.show_photo ul .uncheck_photo_box {
    border: solid 3px #dbdbdb;
}

.show_photo ul li .Check_photo {
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 10000;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.show_photo ul li img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.show_photo ul li .progress_text {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #337ab7;
}

.show_photo ul li .del_img {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ff5c5c;
    font-size: 18px;
    cursor: pointer;
}

.show_photo ul li .del_upload_img {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ff5c5c;
    font-size: 18px;
    cursor: pointer;
}

.show_photo ul li .del_img:hover {
    opacity: 0.5;
}

.show_photo ul li .del_upload_img:hover {
    opacity: 0.5;
}

.layui-alert-box {
    padding: 15px;
}

.show_student_photo {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.show_student_photo ul {
    margin: 0;
    padding: 0;
}

.show_student_photo ul li {
    position: relative;
    height: auto;
    width: 100px;
    float: left;
    margin: 0 10px 10px 0;
}

.show_student_photo ul li .layui-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.show_student_photo ul li .layui-icon-ok-circle {
    color: #009966;
}

.show_student_photo ul li .layui-icon-close-fill {
    color: #ff5c5c;
    opacity: 0.5;
}

.show_student_photo ul li .layui-icon-close-fill:hover {
    opacity: 1;
}

.show_student_photo ul li img {
    max-width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
}

.login_main {
    text-align: center;
}

.login_box {
    border: solid 1px #ccc;
    max-width: 380px;
    margin: 5em auto 0 auto;
}

.login_box .login-header {
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #ccc;
    background-color: #eee;
    color: #333;
}

.login_box .login-content {
    padding: 15px 10px;
    margin-top: 10px;
}

.width5p {
    width: 5px;
}

.width5f {
    width: 5%;
}

.form_box {
    border: solid 1px #999;
    margin-bottom: 20px;
}

.form_box .form_context_box {
    padding: 15px;
}

.form_box .form_header_box {
    position: relative;
    padding: 15px;
    background: linear-gradient(90deg, #ccc, #eee);
    color: #333;
    font-weight: bold;
}

.form_box .form_header_box .fnote {
    color: #999;
}

.form_header_box .add_button {
    color: #01AAED;
    float: right;
    cursor: pointer;
}

.drop {
    position: relative;
    cursor: no-drop;
    background: #1e1e1e;
    opacity: 0.8;
    z-index: 99999999;
}

.layui-form-checkbox i {
    height: 30px;
}

.dashed_box {
    position: relative;
    border: dashed 2px #ccc;
    padding: 15px;
}

.dashed_box .show_sort {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: solid 1px #ccc;
    font-style: normal;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.color_title {
    color: #999;
}

.show_else_info .sidetitle {
    background: #E6A23C;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    margin: 0;
}

.pdf_ico {
    background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cpath d='M534.78 74.67h57.71v91.61c108.81.61 217.73-1.12 326.43.51 23.41-2.24 41.74 16 39.39 39.39 1.73 190.15-.41 380.39 1 570.64-1 20.56 2 43.36-9.77 61.58-14.86 10.78-34.2 9.36-51.6 10.18-101.79-.51-203.58-.31-305.47-.31v101.8h-63.3C374 921.77 218.61 895.92 63.38 868.64q-.15-356.22 0-712.33c157.07-27.18 314.13-54.87 471.4-81.64z' fill='%23DC2E1B'/%3E%3Cpath d='M110.51 551.6V427.19h37.32q21.22 0 27.65 1.87 9.9 2.8 16.57 12.18t6.68 24.23q0 11.45-3.85 19.25A33.46 33.46 0 0 1 185.1 497a32.41 32.41 0 0 1-12.1 5.88q-8.34 1.79-24.12 1.79h-15.12v46.93zm23.25-103.37v35.31h12.73q13.75 0 18.38-1.95a15.53 15.53 0 0 0 7.27-6.11 17.74 17.74 0 0 0 2.63-9.67 16.84 16.84 0 0 0-3.7-11.2 15.77 15.77 0 0 0-9.34-5.52q-4.18-.85-16.73-.85zm83.98-21.04h42.51q14.37 0 21.92 2.38A38.25 38.25 0 0 1 299.52 441a55.26 55.26 0 0 1 11 20.15q3.77 11.93 3.78 29.41 0 15.36-3.54 26.47-4.32 13.58-12.34 22-6 6.37-16.33 9.93-7.71 2.64-20.59 2.63h-43.76zm23.26 21v82.41h17.36q9.74 0 14.07-1.18a21 21 0 0 0 9.38-5.18q3.73-3.65 6.08-12t2.37-22.78q0-14.43-2.37-22.16t-6.59-12a21.61 21.61 0 0 0-10.77-5.85q-4.88-1.19-19.09-1.19zm93.16 103.41V427.19h78.95v21h-55.7v29.45h48.08v21h-48.08v52.96zM815.32 596.59a22.61 22.61 0 0 0-3.14-2.81c-4.66-3.52-14.15-8.66-32.86-13.11q-2.79-.67-5.77-1.29c12.42 9.27 23 15 31.7 17 5.21 1.3 8.38.8 10.07.21zM708.86 409c2.43-8.52 4.09-23.81.57-26.88l-.06.07c-4.7 6.5-10.64 33.19-8.67 49.29 3.73-6.64 4.91-11.08 8.16-22.48zm.61 143.2A211.78 211.78 0 0 1 683 499.62a541.34 541.34 0 0 1-45.11 54.52c16.99-1.68 43.93-2.64 71.58-1.94z' fill='%23FFF'/%3E%3Cpath d='M589.1 196.82v361.91c9.41-2.69 15.9-4.05 15.9-4.05 5.64-5.88 5-5.33 11.77-12.6a758.94 758.94 0 0 0 59.94-73.54c-.18-2.36-6.65-91.12 21.44-102.93a18.67 18.67 0 0 1 11.64-.85c5.13 1.22 10 4.54 12.5 8.45 6.34 10.07 6.22 24.77 1 45.35-8.28 32.57-20.9 50.71-20.9 50.71s4 40.18 42 84.79c17.45 1.48 32.46 3.69 44.64 6.59 20.94 5 33.39 11.92 38.06 21.19 2.64 5.24 3 11.7-.16 19.32s-6.37 11.4-12.2 13.64c-4.88 1.88-11 2-18.13.26-21.32-5.08-49.59-25.37-68-41.71-29.78-2.34-65.92-2.6-107.48-.8q-18.53 19.91-32.07 31.85v213.35H925V196.82z' fill='%23FFF'/%3E%3C/svg%3E") no-repeat center/100%;
}

.document_ico {
    background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cpath d='M537.152 414.72h-288.64a29.44 29.44 0 0 1-26.24-30.72 29.44 29.44 0 0 1 26.24-32h288.64a29.44 29.44 0 0 1 26.24 32 29.44 29.44 0 0 1-26.24 30.72zm209.92 165.76h-498.56a32.64 32.64 0 0 1 0-64h498.56a32.64 32.64 0 0 1 0 64zm0 165.76h-498.56a32.64 32.64 0 0 1 0-64h498.56a32.64 32.64 0 0 1 0 64z' fill='%23333'/%3E%3Cpath d='M192.832 0a128 128 0 0 0-128 128v768a128 128 0 0 0 128 128h640a128 128 0 0 0 128-128l7.04-670.72L748.992 0h-556.16zm512 64l192 192h-160.64a31.36 31.36 0 0 1-31.36-31.36V64zm128 896h-640a64 64 0 0 1-64-64V128a64 64 0 0 1 64-64h448v192a64 64 0 0 0 64 64h192v576a64 64 0 0 1-64 64z' fill='%23333'/%3E%3C/svg%3E") no-repeat center/100%;
}

.load_photo_false {
    background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cpath d='M704 328a72 72 0 1 0 144 0 72 72 0 1 0-144 0z' fill='%23cdcdcd'/%3E%3Cpath d='M999.904 116.608a32 32 0 0 0-21.952-10.912L521.76 73.792a31.552 31.552 0 0 0-27.2 11.904l-92.192 114.848a32 32 0 0 0 .672 40.896l146.144 169.952-147.456 194.656 36.48-173.376a32 32 0 0 0-11.136-31.424L235.616 245.504l79.616-125.696a32 32 0 0 0-29.28-49.024L45.76 87.552a32 32 0 0 0-29.696 34.176l55.808 798.016a32.064 32.064 0 0 0 34.304 29.696l176.512-13.184c17.632-1.312 30.848-16.672 29.504-34.272s-16.576-31.04-34.304-29.536L133.44 883.232l-6.432-92.512 125.312-12.576a32 32 0 0 0 28.672-35.04 32.16 32.16 0 0 0-35.04-28.672L122.56 726.848 82.144 149.184l145.152-10.144-60.96 96.224a32 32 0 0 0 6.848 41.952l198.4 161.344-58.752 279.296a30.912 30.912 0 0 0 .736 14.752 31.68 31.68 0 0 0 1.408 11.04l51.52 154.56a31.968 31.968 0 0 0 27.456 21.76l523.104 47.552a32.064 32.064 0 0 0 34.848-29.632l55.776-798.048a32.064 32.064 0 0 0-7.776-23.232zm-98.912 630.848l-412.576-39.648a31.52 31.52 0 0 0-34.912 28.768 32 32 0 0 0 28.8 34.912l414.24 39.808-6.272 89.536-469.728-42.72-39.584-118.72 234.816-310.016a31.936 31.936 0 0 0-1.248-40.192L468.896 219.84l65.088-81.056 407.584 28.48-40.576 580.192z' fill='%23cdcdcd'/%3E%3C/svg%3E") no-repeat center/100%;
}

.show_files {
    width: 100%;
    display: inline-block;
    margin: 15px 0;
}

.show_files ul {
    margin: 0;
    padding: 0;
}

.show_files ul li {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    width: 150px;
    height: 150px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    z-index: 888;
    text-align: center;
    padding: 10px;
    border: solid 1px #ccc;
}

.show_files ul li .sino_ico {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.show_files ul li .file_error {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: #ff0000;
    color: #fff;
    opacity: 0.8;
    z-index: 900;
    padding: 10px;
}

.show_files ul li .files_name {
    text-align: left;
    font-size: 12px;
    padding: 2px 5px;
    color: #555;
}

.show_files ul li .files_size {
    text-align: left;
    font-size: 12px;
    padding: 2px 5px;
    color: #555;
}

.show_files ul li .del_files {
    position: absolute;
    bottom: 1px;
    right: 1px;
    z-index: 999;
    color: #ff0000;
    font-size: 16px;
    cursor: pointer;
}

.sino_file_danger {
    border: dashed 2px #ff5c5c;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.print_container {
    max-width: 1220px;
    margin: 0 auto;
    padding-top: 20px;
}

.printtbale_main {
    padding: 10px 0;
    font-family: "宋体";
}

.follow-modal {
    width: 1300px;
}

.modal-small {
    width: 350px;
}

.form-modal-title {
    margin-bottom: 10px;
    padding: 10px;
    background: linear-gradient(-180deg, #ccc, #eee)!important;
    color: #333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.block_module {
    padding: 10px 0;
}

.block_module ul {
    margin: 0;
    padding: 0;
}

.block_module ul li {
    float: left;
    background-color: #009688;
    color: #fff;
    padding: 5px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 12px;
}

.block_module ul li:hover {
    background-color: #5FB878;
}

.is_active_module {
    background-color: #5FB878!important;
    color: #fff;
}

.show_choose_photo {
    position: relative;
    margin: 0 10px 10px 0;
    max-width: 120px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    cursor: pointer;
    z-index: 9999;
    margin-left: 10px;
    float: left;
}

.show_choose_photo .anno {
    position: absolute;
    top: 0;
    color: red;
    left: 0;
    right: 0;
    text-align: center;
}

.search_time {
    height: 30px;
    line-height: 30px;
}

.page {
    position: fixed;
    bottom: 0;
    left: 280px;
    right: 0;
}

.page_xz {
    background-color: #337ab7!important;
    color: #fff!important;
}

.layui-form-switch {
    margin: 0!important;
}

.layui-form-switch em {
    top: -1px!important;
}

.sino_body table th {
    background-color: #eee;
}

.sino_body table tbody tr:nth-child(2n+1) td {
    background-color: #f9f9f9;
}

.sino_body table tbody tr:hover td {
    background-color: #eee;
}

.form_point {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50;
    -moz-border-radius: 50;
    -ms-border-radius: 50;
    -o-border-radius: 50;
}

.form_ul_box ul {
    margin: 0;
    padding: 0;
}

.form_ul_box ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.from_enter_box {
    padding: 10px;
}

.enter_form_template {
    border-top: solid 5px #eee;
    background-color: #fff;
    padding: 25px 15px;
    display: inline-block;
    width: 100%;
}

.is_longguang_template {}

.list_ul {
    margin: 0;
    padding: 0;
}

.list_ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.list_ul .list_li_header {
    color: #777;
    font-size: 14px;
    padding: 3px 0;
    white-space: nowrap;
    width: 100%;
    font-weight: bold;
}

@media (max-width: 768px) {
    .modal {
        padding-right: 0!important;
    }
    .sino-form-item .sino-form-span {
        width: 25%;
    }
    .sino-form-item .sino-input-block {
        width: 70%;
    }
    .show_student_photo ul li {
        width: 100%;
    }
    .show_student_photo ul li img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .show_student_photo ul li .layui-icon-close-fill {
        font-size: 36px;
    }
    .follow-modal {
        width: auto;
    }
    .show_files ul li {
        margin: 0 0 10px 0;
        max-width: 50%;
        width: 50%;
        height: auto;
    }
    .show_files ul li .sino_ico {
        width: 100px;
        height: 100px;
    }
    .show_files ul li .files_name {
        font-size: 14px;
    }
    .show_files ul li .files_size {
        font-size: 14px;
    }
    .show_files ul li .del_files {
        font-size: 24px;
    }
    .show_files ul li .file_error {
        top: 80px;
        padding: 30px;
        font-size: 24px;
    }
    .page {
        left: 0;
    }
    .drag_bar {
        display: none;
    }
    .sino_header {
        position: relative;
        left: 0;
        right: 0;
    }
    .sino_body {
        margin-top: 15px;
    }
}

@media print {
    .application_main {
        padding-top: 55px;
    }
    body {
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact;
    }
    .application_header {
        background: linear-gradient(-180deg, #ccc, #eee);
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    button {
        display: none;
    }
}