@import 'index.css';

.layui-form-select dl {
    top: 100% !important;
}

.layui-form-selectup dl {
    top: auto !important;
    bottom: 100% !important;
}

/* 复选框 */
input[type='checkbox'] {
    -webkit-appearance: none;
    /*清除复选框默认样式*/
    border: 1px solid #063781;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-top: 0;
    margin-right: 0.08rem;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
}

input[type='checkbox']:checked {
    background: #063781 url(../images/icocheck.svg?v=2);
    /*复选框的背景图*/
    background-size: contain;
}

/* 单框 */
input[type='radio'] {
    -webkit-appearance: none;
    /*清除复选框默认样式*/
    border: 1px solid #063781;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 0;
    margin-right: 0.08rem;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

input[type='radio']:checked {
    background: #063781 url(../images/icocheck.svg?v=2);
    /*复选框的背景图*/
    background-size: contain;
}

/* 单选框 */
.qui_radio_box {
    cursor: pointer;
}

.qui_radio_box input[type='radio'] {
    -webkit-appearance: none;
    /*清除复选框默认样式*/
    border: 1px solid #ededed;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-top: 0;
    margin-right: 0.08rem;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
}

.qui_radio_box input[type='radio']:checked {
    border: 1px solid #063781;
    background: #063781 url(../images/icocheck.svg?v=2);
    /*复选框的背景图*/
    background-size: contain;
}

.qui_col_df {
    color: #063781 !important;
}

.qui_col_7f8c94 {
    color: #7f8c94 !important;
}

.qui_col_88 {
    color: #888 !important;
}

.qui_col_33 {
    color: #333 !important;
}

.qui_col_red {
    color: #d50101 !important;
}

.qui_mar_t30 {
    margin-top: 0.3rem !important;
}

.qui_mar_t50 {
    margin-top: 0.5rem !important;
}
.qui_mar_t110 {
    margin-top: 1.1rem !important;
}
.qui_mar_l10 {
    margin-left: 0.1rem !important;
}

.qui_mar_l20 {
    margin-left: 0.2rem !important;
}

.qui_mar_l30 {
    margin-left: 0.3rem !important;
}

.qui_btn_df {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    min-width: 1.2rem;
    line-height: 0.5rem;
    border-radius: 0.03rem;
    padding: 0 0.2rem;
    background: #063781;
    font-size: 0.18rem;
    color: #fff !important;
}

.qui_btn_df.qui_btn_none {
    background: #aaa;
    cursor: default;
}

.qui_btn_df.qui_btn_df2 {
    background: #edf0f4;
    color: #7f8c94 !important;
}

.qui_main_box {
    padding: 1rem 0;
    background: #f2f6f9 url(../images/mainbg.jpg) top left no-repeat;
}

.qui_main_box .column_title {
    margin-bottom: 0.5rem;
}

@media (max-width: 1024px) {
    .qui_main_box .column_title {
        margin-bottom: 0.24rem;
    }
}

@media (max-width: 1024px) {
    .qui_main_box {
        padding: 0.4rem 0;
    }
}

.qui_main_box_lg {
    padding: 0.5rem 0 1.1rem;
    background: linear-gradient(to top, #eef8fc, #cde6ff);
}

.qui_main_box_lg.qui_main_box_lg22 {
    padding-bottom: 0.5rem;
}

@media (max-width: 1024px) {
    .qui_main_box_lg {
        padding: 0.4rem 0;
    }

    .qui_main_box_lg.qui_main_box_lg22 {
        padding-bottom: 0.4rem;
    }
}

.qui_box_all {
    position: relative;
    background: #fff;
    padding: 0.6rem;
    border-radius: 0.3rem;
    box-shadow: 0 0 0.3rem rgba(6, 55, 129, 0.08);
}

@media (max-width: 1024px) {
    .qui_box_all {
        padding: 0.3rem;
        border-radius: 0.15rem;
        box-shadow: 0 0 0.15rem rgba(6, 55, 129, 0.08);
    }
}

.qui_box_all2 {
    position: relative;
    background: #fff;
    padding: 0.5rem;
    border-radius: 0.3rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.07);
}

@media (max-width: 1024px) {
    .qui_box_all2 {
        padding: 0.3rem;
        border-radius: 0.15rem;
    }
}

.qui_maxw1000 {
    max-width: 1000px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.column_title .en {
    text-transform: uppercase;
}

.qui_search_top {
    margin-bottom: 0.35rem;
}

@media (max-width: 1024px) {
    .qui_search_top {
        margin-bottom: 0.2rem;
    }
}

@media (max-width: 800px) {
    .qui_search_top {
        flex-direction: column-reverse;
    }
}

.qui_search_top .quitips {
    font-size: 0.2rem;
    color: #555;
    flex: 1;
}

.qui_search_top .quisearch {
    flex-shrink: 0;
    margin-left: 0.2rem;
    background: #edf0f4;
    width: 41.66666667%;
    max-width: 6rem;
    height: 0.6rem;
    border-radius: 0.6rem;
}

@media (max-width: 800px) {
    .qui_search_top .quisearch {
        margin-left: 0;
        margin-bottom: 0.2rem;
        width: 100%;
    }
}

.qui_search_top .quisearch .quisel {
    width: 1.4rem;
    flex-shrink: 0;
    line-height: 0.6rem;
    color: #7f8c94;
    position: relative;
}

.qui_search_top .quisearch .quisel::after {
    content: '';
    width: 1px;
    height: 0.2rem;
    background: #ccd2d7;
    position: absolute;
    right: 0;
    top: 0.2rem;
}

.qui_search_top .quisearch .layui-input,
.qui_search_top .quisearch .layui-textarea {
    background: transparent;
    border: 0 !important;
    padding-left: 0.3rem;
    padding-right: 0.36rem;
    color: #7f8c94;
    line-height: 0.6rem;
    height: 0.6rem;
    font-size: 0.16rem;
}

.qui_search_top .quisearch .layui-form-select dl {
    text-align: center;
    top: 100%;
}

.qui_search_top .quisearch .layui-form-select .layui-edge {
    border: 0;
    width: 7px;
    right: 0.25rem;
    height: 4px;
    background: url(../images/selbg.png) right center no-repeat;
    background-size: contain;
    top: 50%;
    margin-top: -2px;
}

.qui_search_top .quisearch .quibtn {
    flex-shrink: 0;
    width: 0.8rem;
    height: 100%;
    background: url(../images/icon_search.svg) center no-repeat;
    background-size: auto 0.2rem;
}

.qui_search_top .quisearch .qui_text {
    flex: 1;
    background: none;
    font-size: 0.16rem;
    height: 0.6rem;
    line-height: 0.6rem;
}

.qui_search_top input::-webkit-input-placeholder {
    color: #7f8c94;
}

.qui_sel_box .qui_sel_tt {
    cursor: pointer;
}

.qui_sel_box .DLLIST {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background: #edf0f4;
    text-align: center;
    padding: 0.15rem 0;
}

.qui_sel_box .DLLIST dd {
    line-height: 0.22rem;
    padding: 0.04rem 0.15rem;
    cursor: pointer;
}

.qui_search_toptt {
    border-bottom: 0.03rem solid #f5f5f5;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .qui_search_toptt {
        margin-bottom: 0.2rem;
    }
}

.qui_search_toptt .quitabtt {
    display: flex;
    align-items: center;
    flex: 1;
}

.qui_search_toptt .quitabtt .quia {
    color: #555;
    font-size: 0.18rem;
    margin-right: 0.5rem;
    border-bottom: 0.02rem solid transparent;
    margin-bottom: -0.02rem;
    line-height: 0.54rem;
}

.qui_search_toptt .quitabtt .quia.on {
    color: #063781;
    border-color: #063781;
}

@media (max-width: 1024px) {
    .qui_search_toptt .quitabtt .quia {
        margin-right: 0.2rem;
    }
}

@media (max-width: 640px) {
    .qui_search_toptt .quitabtt {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .qui_search_toptt .quitabtt .quia {
        margin-bottom: 0;
        white-space: nowrap;
    }
}

.qui-sort {
    flex-shrink: 0;
    margin-left: 0.3rem;
    padding-right: 0.16rem;
    color: #888 !important;
    font-size: 0.16rem;
    line-height: 0.5rem;
    background: url(../images/sort.png) right center no-repeat;
    background-size: auto 0.12rem;
}

.qui-sort.on {
    color: #063781 !important;
    background-image: url(../images/sort2.png);
}

.qui_search_list .ULLIST .li>a {
    display: block;
    padding: 0.28rem 0;
    border-bottom: 1px solid #eee;
    padding-left: 0.25rem;
}

.qui_search_list .ULLIST .li>a:hover .qui {
    text-decoration: underline;
}

.qui_search_list .ULLIST .quitxt {
    color: #7f8c94;
    font-size: 0.16rem;
}

.qui_search_list .ULLIST .quitt {
    display: flex;
    align-items: center;
    margin-bottom: 0.06rem;
    position: relative;
}

.qui_search_list .ULLIST .quitt::after {
    content: '';
    background: #333;
    width: 0.06rem;
    height: 0.06rem;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -0.03rem;
    border-radius: 50%;
    margin-right: 0.2rem;
}

.qui_search_list .ULLIST .quitt time {
    flex-shrink: 0;
    color: #7f8c94;
    font-size: 0.14rem;
    margin-left: 0.2rem;
}

.qui_search_list .ULLIST .quitt .qui {
    color: #333;
    font-size: 0.2rem;
    font-weight: bold;
    flex: 1;
}

.qui_lg_name {
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.2rem;
    font-size: 0.16rem;
}

.qui_lg_name i {
    font-size: 0.16rem;
    color: #bbb;
    font-style: italic;
    margin-left: 0.1rem;
}

.qui_lg_name em {
    font-size: 0.3rem;
    color: #063781;
}

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

.qui_form {
    font-size: 0.16rem;
}

.qui_form .li {
    width: 100%;
    margin-bottom: 0.2rem;
    position: relative;
}

.qui_form .li2 {
    width: calc(50% - 0.1rem);
}

.qui_form .li3 {
    width: calc(33.33333333% - 0.1rem);
}

.qui_form .li6 {
    width: calc(66.66666667% - 0.1rem);
}

.qui_form .qui_lab {
    flex-shrink: 0;
    min-width: 1.6rem;
    padding-right: 0.15rem;
    font-size: 0.16rem;
    color: #333;
    font-weight: bold;
    min-height: 0.1rem;
}

.qui_form .qui_tt {
    font-size: 0.16rem;
    color: #888;
    margin-bottom: 0.1rem;
}

.qui_form .qui_int {
    position: relative;
}

.qui_form .qui_text,
.qui_form .layui-form-select .layui-input {
    background: #edf0f4;
    line-height: 0.6rem;
    height: 0.6rem;
    border-radius: 0.03rem;
    padding: 0 0.2rem;
    border: 0;
    font-size: 0.16rem;
}

.qui_form .quicode .qui_btn_df {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 0.6rem;
}

.qui_form .quilab {
    cursor: pointer;
}

@media (max-width: 640px) {

    .qui_form .li2,
    .qui_form .li3,
    .qui_form .li6 {
        width: 100%;
    }

    .qui_form .li.qui_mar_t30 {
        margin-top: 0.1rem !important;
    }

    .qui_form .liBtn {
        align-items: center;
        justify-content: center;
    }

    .qui_form .quimm {
        margin-top: 0.2rem;
    }
}

.quibottips {
    background: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 0.3rem 0.3rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.14rem;
}

.quibottips a {
    color: #888;
}

@media (max-width: 1024px) {
    .quibottips {
        border-radius: 0 0 0.15rem 0.15rem;
    }
}

.qui_lay_box {
    width: 100%;
    max-width: 10rem;
    font-size: 0.16rem;
    border-radius: 0.15rem !important;
}

.qui_lay_box .layui-layer-title {
    font-size: 0.2rem;
    font-weight: bold;
    color: #063781;
}

.qui_lay_box .layui-layer-content {
    line-height: 1.75;
    padding: 0.3rem;
    max-height: 65vh;
}

.qui_lay_box .layui-layer-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.qui_lay_box .layui-layer-content::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}

.qui_lay_box .layui-layer-content::-webkit-scrollbar-thumb {
    background-color: #063781;
}

.qui_lay_box .layui-layer-content::-webkit-scrollbar-thumb:hover {
    background-color: #063781;
}

.qui_lay_box .layui-layer-content::-webkit-scrollbar-thumb:active {
    background-color: #063781;
}

.qui_lay_nott .layui-layer-title {
    border-bottom: none;
    position: absolute;
}

.qui_lay_nott .layui-layer-content {
    padding: 0.6rem;
}

@media (max-width: 1024px) {
    .qui_lay_nott .layui-layer-content {
        padding: 0.4rem;
    }
}

.code202211160949 {
    font-size: 0.16rem;
    color: #333;
    line-height: 2;
}

.code202211160949 .qui_name {
    font-size: 0.24rem;
    color: #063781;
    text-align: center;
    padding-bottom: 0.24rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #eee;
}

.code202211160949 .quiul {
    text-align: center;
    margin-bottom: 0.3rem;
}

.code202211160949 .quiul ul {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.flex202211151731 {
    display: flex;
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

.flex202211151731 .qui_box_all2 {
    width: calc(50% - 0.1rem);
}

.qui_code_btn {
    width: 0.6rem;
    height: 0.6rem;
    right: 0;
    top: 0;
    background: url(../images/lgbg.png) top right no-repeat;
    background-size: contain;
    position: absolute;
    border-radius: 0 0.3rem 0 0;
}

.quicodebox {
    max-width: 3rem;
    margin: 0 auto;
}

.quicodebox img {
    display: block;
    width: 100%;
}

.qui_zc_box {
    position: relative;
}

.qui_zc_box .qui_btn_df {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.qui_zc_box .qui_single {
    margin-bottom: 0.8rem;
}

.qui_single {
    font-size: 0.16rem;
    color: #555;
    line-height: 2.25;
}

.box202211161745 {
    background: #edf0f4;
    padding: 0.3rem 0.4rem;
    line-height: 1.875;
    color: #333;
}

.box202211161745 .quipp {
    display: flex;
    flex-wrap: wrap;
}

.box202211161745 .qui1 {
    flex-shrink: 0;
    min-width: 1.3rem;
}

.box202211161745 .qui2 {
    flex: 1;
}

.qui_sqqd_name {
    font-size: 0.16rem;
    margin: 0.2rem 0;
}

@media (max-width: 1024px) {
    .qui_code_btn {
        border-radius: 0 0.15rem 0 0;
    }

    .qui_zc_box .qui_btn_df {
        right: 0.3rem;
        bottom: 0.3rem;
    }
}

@media (max-width: 1024px) and (max-width: 900px) {
    .flex202211151731 {
        flex-direction: column;
    }

    .flex202211151731 .qui_box_all2 {
        width: 100%;
    }

    .flex202211151731 .qui_zc_box {
        margin-top: 0.3rem;
    }
}

.flex202211161008 {
    display: flex;
}

.flex202211161008 .qui_per_ll {
    flex-shrink: 0;
    width: 2.8rem;
    border-right: 0.01rem solid #dee2e8;
    padding-right: 0.6rem;
    margin-right: 0.6rem;
}

.flex202211161008 .qui_per_ll .ULLIST {
    padding-bottom: 0.27rem;
}

.flex202211161008 .qui_per_ll .ULLIST li>a {
    color: #555;
    font-size: 0.16rem;
    line-height: 0.22rem;
    padding: 0.19rem 0.2rem 0.19rem 0;
    display: block;
    border-bottom: 1px solid #dee2e8;
}

.flex202211161008 .qui_per_ll .ULLIST li.on>a {
    color: #063781;
    border-color: #063781;
    font-weight: bold;
}

.flex202211161008 .qui_per_ll .ULLIST li:hover>a {
    color: #063781;
}

.flex202211161008 .qui_per_rr {
    flex: 1;
}

.qui_per_name {
    margin-bottom: 0.45rem;
}

.qui_per_name .quicn {
    font-size: 0.28rem;
    color: #063781;
}

.qui_per_name .quien {
    font-size: 0.16rem;
    color: #888;
    text-transform: capitalize;
}

.qui_per_tt {
    border-bottom: 0.05rem solid #ebedee;
    margin-bottom: 0.4rem;
}

.qui_per_tt .quiem {
    font-size: 0.2rem;
    color: #063781;
    display: inline-block;
    vertical-align: top;
    border-bottom: 0.05rem solid #063781;
    padding-bottom: 0.2rem;
    margin-bottom: -0.05rem;
}

.qui_maxw560 {
    max-width: 5.6rem;
}
.qui_maxw760{
    max-width: 7.6rem;
}
.qui_minw200 {
    min-width: 2rem;
}

.qui_getwx {
    display: flex;
    color: #bbb !important;
    align-items: center;
}

.qui_getwx img {
    max-height: 0.22rem;
    margin-right: 0.14rem;
}

.qui_per_info {
    display: flex;
}

.qui_per_info .qui_addr_rr {
    flex-shrink: 0;
    margin-left: 1rem;
    font-size: 0.16rem;
    color: #333;
    line-height: 1.77777778;
    width: 3.4rem;
}

.qui_per_info .qui_addr_rr .quitt1 {
    font-size: 0.24rem;
    color: #063781;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #eee;
}

.qui_per_info .qui_addr_rr .quitt2 {
    font-size: 0.18rem;
    color: #333;
    font-weight: bold;
}

.qui_per_info .qui_addr_rr .quitt4 {
    color: #063781;
    margin-top: 0.3rem;
}

.qui_per_info .qui_form_per {
    flex: 1;
}

.qui_addr_list .ULLIST {
    display: flex;
    flex-wrap: wrap;
    margin: -0.1rem;
}

.qui_addr_list .ULLIST .li {
    width: 50%;
    padding: 0.1rem;
}

.qui_addr_list .ULLIST .li .qui_libox {
    background: #f2f6f9;
    line-height: 1.75;
    color: #888;
    font-size: 0.16rem;
}

.qui_addr_list .ULLIST .li .quipp {
    padding: 0.18rem 0.3rem;
}

.qui_addr_list .ULLIST .li .quimm {
    padding: 0.14rem 0.3rem;
    border-top: 0.01rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
}

.qui_addr_list .ULLIST .li .quia {
    color: #888;
    display: inline-flex;
    margin-left: 0.15rem;
    position: relative;
}

.qui_addr_list .ULLIST .li .quia:not(:first-child):after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-right: 0.08rem;
    margin-top: -0.05rem;
    width: 1px;
    height: 0.1rem;
    background: #d9dde0;
}

@media (max-width: 1024px) {
    .qui_addr_list .ULLIST .li {
        width: 100%;
    }
    .qui_per_info .qui_addr_rr{
        width: 100%;
    }
}

.qui_tips_all {
    width: 90%;
    max-width: 300px;
}

.qui_tips_all .layui-layer-content {
    padding: 0.25rem 0.25rem 0;
}

.qui_ud_line {
    text-decoration: underline !important;
}

.qui_sample_list .ULLIST .li {
    line-height: 1.375;
    align-items: center;
    font-size: 0.16rem;
    color: #333;
    position: relative;
    padding: 0.19rem 0 0.19rem 0.3rem;
    border-bottom: 1px solid #edf0f4;
    display: flex;
    justify-content: space-between;
}

.qui_sample_list .ULLIST .li:after {
    content: '';
    width: 0.04rem;
    height: 0.04rem;
    position: absolute;
    left: 0.1rem;
    top: 50%;
    margin-top: -0.02rem;
    background: #063781;
    border-radius: 50%;
}

.qui_sample_list .ULLIST .qui {
    flex-shrink: 0;
}

.qui_sample_list .ULLIST .qui2 {
    min-width: 1.45rem;
    text-align: center;
}

.qui_sample_list .ULLIST .qui3 {
    min-width: 1.05rem;
    text-align: center;
}

.qui_sample_list .ULLIST .qui1 {
    flex: 1;
}

.qui_sample_list .ULLIST .liTop {
    background: #ebeff5;
    color: #063781;
}

.qui_sample_list .ULLIST .liTop:after {
    display: none;
}

.qui_mark_list .pic {
    position: relative;
    padding-top: 84.21052632%;
    overflow: hidden;
}

.qui_mark_list .pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: 0.3s;
}

.qui_mark_list .pic img:hover {
    transform: scale(1.1);
}

.qui_mark_list .pic {
    border-radius: 0.2rem;
}

.qui_mark_list .ULLIST {
    display: flex;
    flex-wrap: wrap;
    margin: -0.15rem;
}

.qui_mark_list .li {
    width: 50%;
    padding: 0.15rem;
}

.qui_mark_list .qui_libox {
    display: flex;
    align-items: center;
    color: #7f8c94;
    font-size: 0.16rem;
}

.qui_mark_list .quiimg {
    width: 40.42553191%;
    margin-right: 0.3rem;
    flex-shrink: 0;
}

.qui_mark_list .quitt {
    font-size: 0.18rem;
    color: #063781;
}

.qui_mark_list .quitxt {
    color: #7f8c94;
    margin: 0.14rem 0 0.4rem;
}

.qui_ico_mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    min-width: 0.9rem;
    line-height: 0.4rem;
    border-radius: 0.4rem;
    padding: 0 0.2rem;
    background: #edf0f4;
    color: #7f8c94 !important;
}

.qui_ico_mark i {
    display: inline-flex;
    padding-left: 0.24rem;
    background: url(../images/mark.svg) left center no-repeat;
    background-size: auto 0.18rem;
    align-items: center;
}

.qui_ico_mark.on {
    background: #063781;
    color: #fff !important;
}

.qui_ico_mark.on i {
    background-image: url(../images/mark2.svg);
}

.qui_item_box {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.16rem;
    color: #555;
    line-height: 2.5;
    padding: 0.18rem 0;
    border-bottom: 1px solid #edf0f4;
}

.qui_item_box .qui_lll {
    flex-shrink: 0;
    min-width: 2.4rem;
    padding-right: 0.2rem;
}

.qui_item_box .qui_rrr {
    flex: 1;
}

.qui_ico_del {
    display: inline-flex;
    width: 0.3rem;
    height: 0.24rem;
    background: url(../images/del.svg) center no-repeat;
    background-size: auto 0.18rem;
}

@media (max-width: 1024px) {
    .qui_mark_list .quitxt {
        margin: 0.02rem 0 0.08rem;
    }

    .qui_mark_list .pic {
        border-radius: 0.06rem;
    }

    .qui_mark_list .quiimg {
        margin-right: 0.15rem;
    }

    .flex202211161008 .qui_per_ll {
        width: 2.2rem;
        padding-right: 0.3rem;
        margin-right: 0.3rem;
    }

    .qui_per_tt,
    .qui_per_name {
        margin-bottom: 0.3rem;
    }

    .flex202211161008 .qui_per_ll .ULLIST {
        padding-bottom: 0.15rem;
    }

    .qui_per_info {
        flex-direction: column;
    }

    .qui_per_info .qui_addr_rr {
        margin-left: 0;
        margin-top: 0.3rem;
    }

    .qui_per_info .qui_addr_rr .quitt4 {
        margin-top: 0.1rem;
    }
}

@media (max-width: 1024px) and (max-width: 1000px) {
    .flex202211161008 {
        flex-direction: column;
    }

    .flex202211161008 .qui_per_ll {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0 0 0.2rem;
        position: relative;
    }

    .flex202211161008 .qui_per_ll .ULLIST {
        position: absolute;
        width: 100%;
        margin-top: 0.2rem;
        top: 100%;
        left: 0;
        background: #f2f6f9;
        z-index: 10;
        padding: 0.2rem 0.25rem;
        max-height: 65vh;
        overflow: auto;
        display: none;
    }

    .qui_per_name {
        margin-bottom: 0;
        cursor: pointer;
        background: url(../images/menu.svg) right center no-repeat;
        background-size: auto 0.6rem;
    }

    .flex202211161008 .qui_per_ll .ULLIST li>a {
        padding: 0.35rem 0.4rem 0.35rem 0;
    }
}

@media (max-width: 1024px) and (max-width: 1000px) and (max-width: 640px) {
    .qui_form .qui_lab {
        width: 100%;
        margin-bottom: 0.12rem;
        min-height: 0;
    }

    .qui_form .li.qui_mar_t50 {
        margin-top: 0 !important;
    }

    .qui_maxw560 {
        max-width: 100%;
    }

    .qui_per_info .qui_form_per .li2 {
        width: calc(50% - 0.1rem);
    }

    .qui_mark_list .li {
        width: 100%;
    }

    .qui_mark_list .quiimg {
        margin-right: 0.2rem;
    }

    .qui_mark_list .quitxt {
        margin: 0.12rem 0 0.2rem;
    }

    .qui_item_box .qui_lll {
        min-width: 0;
        padding-right: 0.3rem;
    }

    .box202211161745 .qui1 {
        min-width: 0;
        padding-right: 0.2rem;
    }
}
.common_more{
    line-height: 1;
    display: inline-block;
    padding-right: .22rem;
    color: rgb(127, 140, 148);
    background-repeat: no-repeat;
    background-size:  auto (12 / 16) * 1em;
    background-position: right center;
    background-image:url(../images/icon_more.svg);
    padding-bottom: .02rem;
    transition: .3s;
}
.common_more:hover{
    color: #063781 !important;
    background-image: url(../images/icon_more_active.svg);
}
.qui_main_box .Pages a{
    background-color: #edf0f5;
}
.qui_main_box .Pages a:hover,
.qui_main_box .Pages a.a_cur{
    background-color: #063781;
}


/* feedback 2024-12-09 */
.feedback {
    padding-top: .8rem;
}

    .feedback .column_title {
        margin-bottom: .6rem;
    }

.feedback-box {
    padding-bottom: 1rem;
}

.feedback-box-inner {
    border-radius: .1rem;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30px 0px rgba(6, 55, 129, 0.08);
    padding: .8rem 1rem;
}

    .feedback-box-inner .des {
        border-bottom: 1px solid rgb(238, 238, 238);
        padding-bottom: .4rem;
    }


.feedback-form-block {
    margin-left: -.1rem;
    margin-right: -.1rem;
    display: flex;
    flex-wrap: wrap;
}

    .feedback-form-block .form-item {
        padding: .25rem .1rem 0;
    }

    .feedback-form-block .col3 {
        width: 33.33%;
    }

.feedback-form .label {
    font-size: 1em;
    color: rgb(136, 136, 136);
    line-height: 1;
    margin-bottom: .2rem;
}

.feedback-form .red {
    color: red;
}

.feedback-form .input {
    border-radius: .05rem;
    background-color: rgb(237, 240, 244);
    border: 1px solid rgb(237, 240, 244);
    width: 100%;
    height: .6rem;
    padding: 0 .2rem;
    display: flex;
}

    .feedback-form .input:focus-within {
        border-color: #ddd;
    }

    .feedback-form .input input {
        outline: 0;
        border: 0;
        background-color: transparent;
        height: .6rem;
        width: 100%;
    }

.phone-input .prefix {
    width: .8rem;
    margin-right: .1rem;
    flex-shrink: 0;
}

    .phone-input .prefix .layui-input {
        padding-left: 0;
    }

.feedback-form .form-title {
    font-size: 1.25em;
    color: rgb(6, 55, 129);
    font-weight: bold;
    padding-top: .6rem;
    line-height: 1;
    padding-bottom: .2rem;
    border-bottom: 1px solid rgb(238, 238, 238);
    margin-bottom: .3rem;
}


.feedback-radio-item {
    display: flex;
}

    .feedback-radio-item .radio-label {
        color: rgb(51, 51, 51);
        font-weight: bold;
        width: 1.76rem;
        line-height: .2rem;
    }

    .feedback-radio-item input[type="radio"] {
        display: none !important;
    }

    .feedback-radio-item .radio-item {
        display: flex;
    }

    .feedback-radio-item .icon {
        width: .2rem;
        height: .2rem;
        border-radius: .05rem;
        background-color: rgb(237, 240, 244);
        margin-right: .2rem;
    }

    .feedback-radio-item .text {
        line-height: .2rem;
    }

.feedback-radio-inner {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    max-width: 980px;
}

.feedback-radio-item .radio-item {
    cursor: pointer;
    width: 20%;
    margin-bottom: .3rem;
}

.feedback-radio-item input[type="radio"]:checked + .icon {
    background-image: url('../images/check.png');
    background-position: center;
    background-size: .12rem .09rem;
    background-repeat: no-repeat;
    background-color: #063781;
}

.textarea-box .textarea-label {
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin-bottom: .2rem;
}

.textarea-box {
    margin-bottom: .26rem;
}

    .textarea-box .textarea {
        border-radius: 5px;
        background-color: rgb(237, 240, 244);
        border: 1px solid rgb(237, 240, 244);
    }

        .textarea-box .textarea:focus-within {
            border-color: #ddd;
        }

        .textarea-box .textarea textarea {
            background-color: transparent;
            width: 100%;
            height: 1.4rem;
            display: block;
            resize: vertical;
            border: 0;
            padding: .1rem .2rem;
        }

.feedback-footer {
    display: flex;
    justify-content: space-between;
}

    .feedback-footer .time {
        position: relative;
    }

        .feedback-footer .time input {
            border-radius: 5px;
            border: 1px solid rgb(237, 240, 244);
            background-color: rgb(237, 240, 244);
            width: 2.9rem;
            height: .6rem;
            padding: 0 .2rem;
        }

            .feedback-footer .time input:focus {
                border-color: #ddd;
            }

        .feedback-footer .time .icon {
            position: absolute;
            width: 11px;
            height: 11px;
            right: .2rem;
            top: 50%;
            top: .3rem;
            margin-top: -6px;
            pointer-events: none;
            transform: rotate(45deg);
        }

            .feedback-footer .time .icon::before {
                content: '';
                width: 100%;
                height: 3px;
                border-radius: 3px;
                position: absolute;
                left: 0;
                bottom: 0;
                background-color: rgb(127, 140, 148);
            }

            .feedback-footer .time .icon::after {
                content: '';
                width: 3px;
                height: 100%;
                border-radius: 3px;
                position: absolute;
                right: 0;
                bottom: 0;
                background-color: rgb(127, 140, 148);
            }

    .feedback-footer .btn {
        border-radius: .05rem;
        background-color: rgb(6, 55, 129);
        height: .6rem;
        padding: 0 .3rem;
        border: 0;
        color: #fff;
        min-width: 1.2rem;
    }

        .feedback-footer .btn:hover {
            background-color: rgb(3, 36, 84);
        }

        .feedback-footer .btn:active {
            background-color: rgb(2, 24, 58);
        }

@media (max-width: 1024px) {
    .feedback .container {
        width: 96%;
    }

    .feedback-box-inner {
        padding: .8rem .3rem;
    }

    .feedback-form-block .col3 {
        width: 50%;
    }

    .feedback-radio-item .radio-item {
        width: 33.33%;
    }

    .feedback-radio-item {
        margin-bottom: .3rem;
        flex-direction: column;
    }

        .feedback-radio-item .radio-label {
            width: 100%;
            padding-right: .2rem;
            line-height: 1.2;
            margin-bottom: .2rem;
        }

        .feedback-radio-item .icon {
            width: 1.25em;
            height: 1.25em;
        }

        .feedback-radio-item .text {
            line-height: 1.25em;
        }
}