* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #161515;
}
body, html {
    height: 100%;
    margin: 0 auto;
    font-size: 100px;
    color: #161515;
}
body {
    position: relative;
    width: 100%;
    font: 0.24rem/1.5 "PingFangSC-Regular", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    /*font: 0.24rem/1.5 "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;*/
    background-color: #fff;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav_list {
    display: flex;
}

input:focus-visible {
    outline: none;
}

input:focus {
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.02rem rgba(0, 123, 255, .25);

    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(102,175,233,.6);
}

#san_vim {
    min-height: 100%;
    display: flex;
    flex-direction: row;
    color: #161515;
}

#layout {
    flex: 1;
}

.bold {
    font-weight: bold;
}

.container {
    width: 100%;
}

.header {
    min-width: 12.5rem;
    height: 0.8rem;
    background: #fff;
}

.header_content {
    position: relative;
    display: flex;
    align-items: center;
    width: 11.32rem;
    height: .8rem;
    margin: 0 auto;
}

.app_logo {
    display: flex;
    align-items: center;
    margin-right: .2rem;
}

.logo {
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.08rem;
    background-size: contain;
    border-radius: 50%;
}

.logo_title {
    line-height: 0.32rem;
    font-size: .20rem;
    color: #3370ff;
}

.nav_item {
    line-height: .8rem;
    text-decoration: none;
    font-size: .16rem;
    color: #161515;
    padding: 0 .32rem;
}

.nav_item.active {
    color: #3370ff;
    font-weight: 600;
    background: #eefcf7;
    border-bottom: 2px solid #3370ff;
}

.nav_btn {
    line-height: .36rem;
    text-decoration: none;
    font-size: .16rem;
    color: #ffffff;
    padding: 0 .30rem;
    border-radius: .04rem;
    background: #3370ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.min_icon {
    width: .20rem;
    height: .20rem;
    margin-right: .04rem;
}

.nav_rg {
    margin-left: auto;
}

.user_info {
    margin-left: auto;
    font-size: .16rem;
    color: #3370ff;
}

.intro {
    min-width: 12.5rem;
    height: 5.68rem;
    background: linear-gradient(to right bottom, rgb(34, 173, 104), rgb(70, 203, 111));
    background-size: cover;
}

.intro_banner {
    width: 100%;
    height: 100%;
    background-image: url(../images/banner2.png);
    background-position: 50%;
    background-size: cover;
}

.intro_content {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 11.32rem;
    height: 100%;
    margin: 0 auto;
}

.intro_content_box {
    padding-top: 0.93rem;
}

.intro_title {
    font-size: .36rem;
    color: #ffd263;
}

.intro_title span {
    position: relative;
    margin-right: 0.32rem;
}

.intro_title span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.16rem;
    transform: translateY(-50%);
    width: 0.01rem;
    height: 0.32rem;
    background: #ffd263;
}

.intro_subtitle {
    font-size: .64rem;
    color: #fff;
    line-height: .9rem;
}

.intro_slogan {
    margin-top: 0.17rem;
    margin-bottom: 0.32rem;
    font-size: .16rem;
    color: #fff;
}

.example {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.84rem;
    height: 4.87rem;
    margin-top: 0.26rem;
    opacity: .9;
}

.pic_01, .pic_02 {
    width: 1.80rem;
    height: 3.62rem;
    position: absolute;
}

.pic_01 {
    background: url(../images/chafen1.png) no-repeat;
    background-size: contain;
    right: 1.64rem;
    top: .50rem;
}

.pic_02 {
    background: url(../images/chafen2.png) no-repeat;
    background-size: contain;
    right: 0;
    top: 1.02rem;
}

.btn_list {
    margin-top: .80rem;
    display: flex;
}

.item_content .btn_list {
    margin-top: .6rem;
    display: flex;
    justify-content: space-between;
}

.btn_item {
    width: 2.0rem;
    line-height: .50rem;
    border-radius: .25rem;
    background: #FFFFFF;
    color: #3370ff;
    border: 1px solid #FFFFFF;
    font-size: .20rem;
    margin-right: .32rem;
    text-align: center;
}

.btn_item:last-child {
    margin-right: 0;
}

.btn_item.empty {
    background: unset;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.item_content .btn_item {
    border: 1px solid #3370ff;
    color: #FFFFFF;
    background: #3370ff;
    line-height: .44rem;
    font-size: .16rem;
    width: 2.0rem;
    margin-right: unset;
}

.item_content .btn_item.empty {
    border: 1px solid #3370ff;
    color: #3370ff;
    background: #FFFFFF;
}

.wrapper {
    min-width: 12.5rem;
    background: #f5f6fa;
}

.wrapper:nth-of-type(2n) {
    background: #fff;
}

.main {
    display: flex;
    justify-content: space-between;
    width: 11.32rem;
    height: 5.6rem;
    margin: 0 auto;
}

.reverse {
    flex-direction: row-reverse;
}

.item_img {
    display: inline-block;
    width: 5.6rem;
    height: 5.6rem;
    position: relative;
}

.bg_pic {
    width: 4.0rem;
    height: 4.0rem;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: .8rem;
    left: 0;
}

.reverse .bg_pic {
    top: .8rem;
    left: unset;
    right: 0;
}

.reverse .item_img {
    float: right;
    background-position: 50%;
}

.item_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: right;
    height: 100%;
    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}

.item_title {
    margin-bottom: 0.12rem;
    line-height: .59rem;
    font-size: .38rem;
    font-weight: 500;
    color: #0a0000;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
}

.item_title .hl {
    color: #3370ff;
}

.description {
    max-width: 4.40rem;
    line-height: .28rem;
    font-size: .18rem;
    color: #514e55;
    text-align: justify;

}

.features {
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
}

.feature_item {
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #595959;
}

.feature_item:first-child {
    margin-left: 0;
}

.f_icon {
    margin-right: .08rem;
    width: .20rem;
    height: .20rem;
}

.footer {

}

.footer_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    min-width: 12.5rem;
    padding: 0.34rem 0;
    background: #202121;
}

.footer_content p {
    font-size: .14rem;
    color: #fff;
    text-align: center;
    line-height: .2rem;
    margin-bottom: .10rem;
}

.footer_content p:last-child {
    margin-bottom: 0;
}

.footer_link {
    display: inline-block;
    margin: 0 1em;
    color: #FFFFFF;
}

.shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    opacity: .6;
    z-index: 99;
}

.modal {
    width: 3rem;
    position: fixed;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    background: #FFFFFF;
    border-radius: .10rem;
    z-index: 100;
    padding: .32rem 0;
    font-size: .14rem;
}

.m_title {
    text-align: center;
    font-size: .16rem;
}

.m_content {
    position: relative;
}

.m_tips {
    margin-bottom: 0;
    text-align: center;
}

.m_tips>a {
    color: #3370ff;
}

.login_code {
    width: 2.2rem;
    height: 2.2rem;
    display: block;
    margin: 0 auto;
}

.m_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.mask_bg {
    background: #FFFFFF;
    opacity: .9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
}

.mask_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    color: #ef3939;
}

.close_btn {
    width: .3rem;
    height: .3rem;
    display: block;
    position: absolute;
    bottom: -.8rem;
    left: 1.35rem;
    border-radius: 50%;
    overflow: hidden;
}

.close_btn img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.layui-layer-btn {
    font-size: .14rem;
}


/** 发布成绩页 样式开始 */
.create_content {
    width: 11.32rem;
    margin: .3rem auto .3rem;
    font-size: .16rem;
}

.step_list {
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.step_item {
    width: 3.68rem;
    text-align: center;
    padding: .12rem 0;
    position: relative;
    display: inline-block;
    background: #FFFFFF;
    cursor: pointer;
}

.step_item.active {
    /*background: #3370ff;*/
    color: #3370ff;
}

.step_item.active .step_no {
    /*color: #FFFFFF;*/
    color: #3370ff;
}

.step_item.active:after {
    border-left: 0.32rem solid #FFFFFF;
}

.step_item:after {
    content: "";
    position: absolute;
    right: -.32rem;
    top: 0;
    z-index: 10;
    display: block;
    border-top: 0.34rem solid transparent;
    border-bottom: 0.34rem solid transparent;
    border-left: 0.34rem solid #FFFFFF;
}

.step_item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-top: 0.34rem solid transparent;
    border-bottom: 0.34rem solid transparent;
    border-left: 0.34rem solid #f5f6fa;
}

.step_item:first-child:before{
    display: none;
}

.step_item:last-child:after {
    display: none;
}

.step_item:hover {
    /*background-color: #3370ff;*/
}

.step_item:hover:after {
    /*border-left-color: #3370ff;*/
}

.step_no {
    font-size: .24rem;
    line-height: .24rem;
    /*color: #3370ff;*/
}

.step_text {
    font-size: .14rem;
    line-height: .14rem;
    margin-top: .06rem;
}

.tab_content {
    margin-top: .20rem;
    display: flex;
}

.tab_left {
    width: 7.54rem;
    border-radius: .08rem;
    padding: .20rem 0;
    background: #FFFFFF;
}

.upload_input {
    display: none;
}

.upload_intro {
    padding: .20rem;
    margin: 0 .20rem;
    border-radius: .16rem;
    border: 1px solid #dddddd;
    cursor: pointer;
}

.upload_icon {
    width: .8rem;
    height: .8rem;
    display: block;
    margin: 0 auto;
}

.upload_title {
    font-size: .16rem;
    text-align: center;
    font-weight: 600;
}

.upload_tips {
    font-size: .14rem;
    font-weight: 300;
    margin-top: .16rem;
    text-align: center;
}

.up_ok {
    color: #3370ff;
    margin-left: .08rem;
}

.tab_right {
    width: 3.2rem;
    min-height: 7.2rem;
    background: #FFFFFF;
    padding: .2rem;
    margin-left: auto;
    border-radius: .08rem;
}

.tips_title {
    font-size: .18rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.tips_title span {
    display: inline-block;
}

.read_me {
    margin-left: .08rem;
    background: #ff2442;
    line-height: .24rem;
    color: #FFFFFF;
    font-size: .12rem;
    font-weight: 300;
    padding: 0 .16rem;
    border-radius: .12rem;
}

.notice_detail {
    margin-top: .16rem;
}

.notice_item {
    margin-bottom: .08rem;
}

.star {
    font-weight: 500;
    margin-right: .06rem;
    color: #3370ff;
}

.up_case {
    margin-top: .16rem;
}

.case_item {
    background: #f1f1f1;
    padding: .10rem;
    border-radius: .08rem;
    margin-bottom: .20rem;
}

.case_item:last-child {
    margin-bottom: 0;
}

.case_title {
    font-size: .18rem;
    font-weight: 500;
    color: #ff2442;
    text-align: center;
    margin-bottom: .08rem;
}

.case_img {
    width: 3.0rem;
}

.case_dt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .06rem;
    font-weight: 500;
    color: #3370ff;
}

.case_dt.error {
    color: #ff2442;
}

.case_dt i {
    margin-right: .04rem;
}

.case_dt .case_title {
    font-size: .16rem;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0;
    margin-left: .08rem;
}

.data_view {
    margin: 0 .2rem;
}

.preview_title {
    font-size: .18rem;
    font-weight: 600;
    margin: .2rem 0 0;
}

.sheet_select {
    width: 7.12rem;
    white-space: nowrap;
    word-break: keep-all;
    overflow-x: auto;
    height: .44rem;
    margin: .08rem .2rem 0;
}

.data_info {
    font-size: .14rem;
    font-weight: 300;
    color: #999999;
    margin: .08rem .2rem;
}

.data_list {
    width: 7.14rem;
    height: 2.52rem;
    margin: .08rem .2rem 0;
    overflow: auto;
}

.table {
    display: table;
    border-collapse: collapse;
    overflow-x: hidden;
    font-size: .14rem;
    color: #555555;
}

.table .tr {
    display: table-row;
    width: 100%;
    height: .40rem;
}

.table .td {
    display: table-cell;
    border: 1px solid #dddddd;
    text-align: center;
    vertical-align: middle;
    padding: .08rem .1rem;
}

.table .tr:first-child .td {
    display: table-cell;
    font-weight: bold;
    border: 1px solid #dddddd;
    text-align: center;
    vertical-align: middle;
    background-color: #f1f1f1;
    height: .40rem;
    line-height: .40rem;
    white-space: nowrap;
    padding: 0 .16rem;
    font-weight: 400;
    min-width: .80rem;
}

.step_btn_list {
    margin-top: .40rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step_btn {
    width: 2rem;
    line-height: .48rem;
    text-align: center;
    display: block;
    border-radius: .25rem;
    border: 1px solid #3370ff;
    color: #3370ff;
    margin: 0 .2rem;
}

.step_btn.next_btn {
    background: #3370ff;
    color: #FFFFFF;
}


.setting {
    padding: 0 .20rem .20rem;
}

.setting:last-child {
    padding-bottom: 0;
}

.setting_title {
    font-size: .18rem;
    font-weight: 600;
    line-height: .32rem;
    display: flex;
    align-items: center;
}

.setting_title.baseline {
    align-items: baseline;
}

.exchange_btn {
    font-size: .14rem;
    font-weight: 500;
    line-height: .28rem;
    display: inline-block;
    border: 1px solid #dddddd;
    color: #3370ff;
    padding: 0 .16rem;
    border-radius: .06rem;
    margin-left: .12rem;
}

.light_tips {
    font-size: .15rem;
    font-weight: 300;
    color: #bababa;
    margin-top: .06rem;
}

.hl {
    color: #3370ff;
    margin: 0 .02rem;
}

.header_list {
    margin-top: .12rem;
    overflow: hidden;
}

.form_title {
    width: 6.96rem;
    font-size: .16rem;
    line-height: .32rem;
    display: table-cell;
    padding: .03rem .08rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.header_item, .sheet_item {
    display: block;
    float: left;
    margin-right: .10rem;
    border: 1px solid #eeeeee;
    border-radius: .04rem;
    line-height: .32rem;
    padding: 0 .16rem;
    color: #666666;
    margin-bottom: .10rem;
    cursor: pointer;
    font-size: .14rem;
}

.sheet_item {
    display: inline-block;
    word-break: break-word;
    float: unset;
    margin-right: .2rem;
}

.sheet_item:last-child {
    margin-right: 0;
}

.header_item.active, .sheet_item.active {
    border: 1px solid #3370ff;
    position: relative;
    transition: all 0.5s ease;
}

.header_item.active::before, .sheet_item.active::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border: .08rem solid #4ABE84;
    border-top-color: transparent;
    border-left-color: transparent;
}

.header_item.active::after, .sheet_item.active::after {
    content: '';
    width: .03rem;
    height: .06rem;
    position: absolute;
    right: .03rem;
    bottom: .03rem;
    border: .01rem solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
}

.search_page {
    margin-top: .12rem;
    padding: .24rem .2rem .2rem;
    background: #f5f5f5;
    border-radius: .08rem;
}

.query_title {
    font-weight: 600;
    font-size: .18rem;
}

.query_remark {
    font-size: .14rem;
    color: #666666;
    margin-top: .04rem;
}

.query_item_list {
    margin-top: .20rem;
}

.kw_item {
    margin-bottom: .20rem;
}

.kw_text {
    font-size: .16rem;
    font-weight: 600;
    color: #333333;
}

.kw_value {
    border: 1px solid #dedede;
    height: .40rem;
    padding: 0 .10rem;
    margin-top: .08rem;
    border-radius: .04rem;
    font-size: .14rem;
    width: 2.6rem;
}

.search_btn {
    display: block;
    text-align: center;
    line-height: .40rem;
    background: #3370ff;
    color: #ffffff;
    margin: .40rem auto .15rem;
    border-radius: .24rem;
    width: 2.5rem;
    font-size: .16rem;
    font-weight: 500;
}

.page_list {
    display: flex;
    margin-top: .30rem;
    padding: 0 .4rem;
}

.page_01 {
    width: 2.63rem;
    height: 5.4rem;
    background: url("../images/phone2.png") no-repeat;
    background-size: contain;
    position: relative;
}

.page_02 {
    width: 2.64rem;
    height: 5.4rem;
    background: url("../images/phone2.png") no-repeat;
    background-size: contain;
    margin-left: auto;
    position: relative;
}

.page_content {
    width: 2.280rem;
    height: 4.02rem;
    position: absolute;
    top: .674rem;
    left: .168rem;
    background: #eeeeee;
    background: url("../images/page_bg.png") no-repeat;
    background-size: 100%;
}

.page_02 .page_content {
    background: url("../images/page_bg2.png") no-repeat;
    background-size: 100%;
}

.page_detail {
    color: #333333;
    position: absolute;
    top: .34rem;
    left: 0;
    width: 100%;
    height: 3.62rem;
    padding-top: .06rem;
    overflow-y: auto;
}

.page_02 .page_detail {
    height: 3.34rem;
}

.query_detail {
    width: 2.16rem;
    margin: 0 auto;
    padding-top: .16rem;
    padding-bottom: .16rem;
    background: #FFFFFF;
    border-radius: .04rem;
}

.page_title {
    margin: 0 .10rem;
    font-size: .14rem;
    font-weight: 600;
    color: #16181b;
}

.res_tips {
    font-size: .12rem;
    font-weight: 300;
    color: #ababab;
    margin: 0 .1rem 0;
}

.page_remark {
    font-size: .12rem;
    color: #666666;
    margin: 0.04rem 0.1rem 0;
}

.query_items {
    margin-top: .16rem;
}

.query_item {
    margin: 0 .1rem .16rem;
}

.query_item .kw_text {
    font-size: .14rem;
    font-weight: 600;
    color: #333333;
}

.query_item .kw_value {
    width: 1.80rem;
    height: 0.32rem;
    padding: 0 0.06rem;
    margin-top: 0.04rem;
    color: #999999;
}

.min_search_btn {
    width: 1.80rem;
    line-height: .32rem;
    border-radius: .16rem;
    font-size: .14rem;
    margin-top: .30rem;
}

.result_detail {
    padding-top: .04rem;
}

.result_title {
    margin: 0 .10rem;
    font-size: .14rem;
    color: #16181b;
}

.result_items {
    margin: .08rem .10rem;
    background: #FFFFFF;
    box-shadow: #dddddd 0 0 .08rem;
}

.result_item {
    line-height: .4rem;
    display: flex;
    border-bottom: 1px solid #eeeeee;
}

.res_text {
    font-size: .12rem;
    color: #333333;
    background: #f8f8f8;
    padding: .10rem .08rem;
    width: 1rem;
    line-height: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.res_value {
    font-size: .12rem;
    padding: .10rem .08rem;
    line-height: .16rem;
    min-height: .16rem;
    width: 2.2rem;
    display: flex;
    align-items: center;
}

.header_modal {
    width: auto;
    padding: .20rem 0;
}

.check_radio {
    line-height: .24rem;
}

.m_content .data_list {
    width: 6.0rem;
}

.m_content .data_list .tr {
    cursor: pointer;
}

.m_content .data_list .tr:hover {
    background: #f8f8f8;
}

.m_content .table .tr:first-child .td {
    background: unset;
}

input[name=header] {
    width: .18rem;
    height: .18rem;
    display: inline-block;
    vertical-align: middle;
}

.header_modal .m_title {
    font-size: .16rem;
    text-align: left;
    margin-left: 0.2rem;
    font-weight: 600;
    margin-bottom: .16rem;
    line-height: .4rem;
}

.header_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .16rem;
}

.header_btns .h_btn {
    line-height: .48rem;
    background: #3370ff;
    color: #FFFFFF;
    width: 2.0rem;
    border-radius: .24rem;
    text-align: center;
    margin: 0 .3rem;
    font-size: .16rem;
    border: 1px solid #3370ff;
}

.header_btns .h_btn.cancel_btn {
    background: #FFFFFF;
    color: #3370ff;
}

.h_close_btn {
    position: absolute;
    right: .08rem;
    top: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.h_close_icon {
    width: .32rem;
    height: .32rem;
}


.user_info {
    margin-left: auto;
    font-size: .16rem;
    display: flex;
}

.user_info .user_nav {
    color: #3370ff;
    font-weight: bold;
    margin-right: .16rem;
}

.user_info .user_nav:last-child {
    margin-right: 0;
}

.user_info>a>i {
    font-size: .18rem;
}

.layui-layer-btn {
    font-size: .14rem;
}


/** 发布成功页面 css样式 */
.success_info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .2rem;
    background: #FFFFFF;
    border-radius: .08rem;
}

.ok_icon {
    width: .30rem;
    height: .30rem;
    margin-right: .08rem;
}

.ok_text {
    font-size: .24rem;
    color: #3370ff;
}

.success_content {
    margin-top: .20rem;
    padding-top: .2rem;
    background: #FFFFFF;
    border-radius: .08rem;
    padding-bottom: .4rem;
}

.success_content .preview_title {
    margin-top: 0;
    display: none;
}

.success_content .data_view {
    margin-bottom: .3rem;
}

.success_content .light_tips {
    color: #16181b;
    font-size: .18rem;
}

.share_types {
    margin: 0 .2rem;
}

.share_item {
    font-size: .16rem;
    margin-bottom: .4rem;
}

.share_item:last-child {
    margin-bottom: 0;
}

.share_type_no {
    font-size: .20rem;
    font-weight: 600;
}

.share_type_detail {
    margin-top: .16rem;
}

.share_link_text {
    width: 3.4rem;
    height: .20rem;
    line-height: .20rem;
    font-size: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    color: #1E9FFF;
    text-decoration: underline;
}

.share_type_link {
    border: 1px solid #dddddd;
    border-radius: .08rem;
    padding: .16rem;
    /*display: flex;*/
}

.share_link_item {
    margin-bottom: .20rem;
}

.share_link_item:last-child {
    margin-bottom: 0;
}

.share_link {
    color: #3370ff;
    text-decoration: underline;
    font-size: .24rem;
}

.link_and_btn {
    display: flex;
    align-items: center;
}

.cp_link_btn {
    font-size: .12rem;
    border: 1px solid #3370ff;
    color: #3370ff;
    border-radius: .16rem;
    line-height: .24rem;
    height: .24rem;
    padding: 0 .20rem;
    margin-left: .20rem;
    display: block;
}

.qr_type {
    border: 1px solid #dddddd;
    border-radius: .08rem;
    padding: .16rem;
    display: flex;
}

.qr_type_item {
    margin-right: .2rem;
    width: 1.8rem;
    text-align: center;
}

.query_qr_img {
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #dddddd;
    border-radius: .04rem;
}

.qr_intro, .mp_intro {
    border: 1px solid #eeeeee;
    border-radius: .04rem;
    width: 6.90rem;
    margin-left: auto;
}

.mp_intro {
    width: 5.8rem;
}

.qr_intro_text, .mp_intro_text {
    margin: .16rem .20rem;
}

.mp_intro_text {
    margin: .14rem .20rem;
}

.qr_intro_text p, .mp_intro_text p {
    margin-bottom: .06rem;
}

.qr_intro_text p:last-child,
.mp_intro_text p:last-child {
    margin-bottom: 0;
}

.gen_code_btn {
    color: #3370ff;
    margin-left: .04rem;
}

.down_qr_btn {
    font-size: .13rem;
    border: 1px solid #dddddd;
    border-radius: .16rem;
    line-height: .32rem;
    height: .32rem;
    width: 1.80rem;
    text-align: center;
    margin: .10rem auto 0;
    display: block;
}

.share_type_mp {
    border: 1px solid #dddddd;
    border-radius: .08rem;
    padding: .16rem;
    display: flex;
}

.share_mp_item {
    margin-bottom: .20rem;
}

.share_mp_item:last-child {
    margin-bottom: 0;
}

.share_mp_label {
    font-weight: 600;
}

.share_mp_detail {
    background: #f5f5f5;
    padding: .12rem .16rem;
    margin-top: .08rem;
    display: flex;
    align-items: center;
    border-radius: .08rem;
}

.share_mp_text {
    width: 3.4rem;
    height: .20rem;
    line-height: .20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}

.cp_mp_btn {
    margin-left: auto;
}

.view_course_link {
    color: #1E9FFF;
    text-decoration: underline;
}

.course_link {
    display: flex;
}

.course_link_lf, .course_link_rg {
    width: 50%;
}

.course_link .course_link_rg {
    margin-left: .30rem;
}


/** 个人中心样式 **/
.user_query_center {
    margin-top: .20rem;
    padding: .20rem .20rem .20rem;
    background: #FFFFFF;
    border-radius: .08rem;
}

.user_query_detail {
    padding: 0 .16rem;
    border: 1px solid #eeeeee;
    border-radius: .08rem;
    display: flex;
}

.user_query_home {
    display: flex;
    align-items: center;
}

.query_mp_code {
    width: 1.60rem;
    height: 1.60rem;
    border: 1px solid #eeeeee;
}

.home_nav_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2rem;
}

.home_nav_item {
    background: #3370ff;
    color: #FFFFFF;
    width: 2.5rem;
    padding: .32rem 0;
}

.home_nav_icon {
    width: .40rem;
    height: .40rem;
    display: block;
    margin: 0 auto;
}

.home_nav_text {
    text-align: center;
    margin-top: .08rem;
}

.center_content {
    margin-top: .20rem;
    padding-top: .20rem;
    background: #FFFFFF;
    border-radius: .08rem;
    padding-bottom: .4rem;
}

.query_list_title {
    font-size: .24rem;
    color: #333333;
    font-weight: 500;
    margin: 0 0;
    display: flex;
    align-items: center;
}

.tools_rg {
    margin-left: auto;
    display: flex;
}

.btn.refresh_btn {
    margin-left: auto;
    padding: 0.05rem 0.16rem;
    font-size: .14rem;
}

.query_data_list {
    margin: .14rem .20rem 0;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    overflow: hidden;
}

.data_table {
    font-size: .16rem;
    width: 100%;
    color: #212529;
    border-collapse: collapse;
    line-height: .20rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075);
}

.data_table .thead-dark th {
    color: #333333;
    border-color: #dee2e6;
    background-color: rgba(125, 125, 125, 10%);
    padding: .16rem 0.12rem
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}

.data_table td, .data_table th {
    padding: .14rem .12rem;
    min-width: .6rem;
}

.data_table .act_td,
.data_table .act_td {
    min-width: 1.6rem;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .05rem 0.10rem;
    margin: 0 .06rem;
    font-size: .12rem;
    line-height: 1.5;
    border-radius: 0.04rem;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #dddddd;
}

.btn:hover {
    background: #dddddd;
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #FFFFFF;
    background: #28a745;
}

.btn-fill-success {
    color: #FFFFFF;
    background: #28a745;
    border-color: #28a745;
}

.btn-fill-success:hover {
    background: #28a745;
    opacity: .8;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #FFFFFF;
    background: #007bff;
}

.btn-fill-primary {
    color: #FFFFFF;
    background: #007bff;
    border-color: #007bff;
}

.btn-fill-primary:hover {
    background: #007bff;
    opacity: .8;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #FFFFFF;
    background: #dc3545;
}

.btn-fill-danger {
    color: #FFFFFF;
    background: #dc3545;
    border-color: #dc3545;
}

.btn-fill-danger:hover {
    background: #dc3545;
    opacity: .8;
}

.ct {
    text-align: center;
}

.page_no_detail {
    display: flex;
    align-items: center;
    margin-top: .12rem;
}

.col_md_5 {
    flex: 0 0 50%;
    max-width: 50%;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.04rem;
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.06rem 0.12rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1E9FFF;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1E9FFF;
    border-color: #1E9FFF;
}

.page_no_detail .page-item.disabled {
    cursor: not-allowed;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.04rem;
    border-bottom-left-radius: 0.04rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.04rem;
    border-bottom-right-radius: 0.04rem;
}

.q_file_name {
    max-width: 2rem;
}

.q_status_tag {
    padding: 0 .08rem;
    background: #3370ff;
    border-radius: .04rem;
    color: #FFFFFF;
    line-height: .24rem;
    display: inline-block;
    font-size: .12rem;

}


/** 查分详情页样式 **/
.table_data_list tr:first-child {
    background-color: rgba(0,0,0,.075);
}

.query_detail_info {
    padding: 0 .16rem;
    margin: 0 .20rem;
    border: 1px solid #eeeeee;
    border-radius: .08rem;
    display: flex;
}

.query_record_detail {

}

.q_info_item {
    display: flex;
    align-items: center;
    font-size: .16rem;
    margin: .16rem 0;
}

.q_info_label {
    width: .82rem;
    text-align: left;
    margin-right: .08rem;
    font-weight: 600;
}

.q_info_value {
    width: 6rem;
    display: flex;
    align-items: center;
    line-height: .20rem;
}

.q_info_value.q_name {
    display: block;
}

.q_info_value.q_name span {
    display: inline;
    vertical-align: middle;
}

.q_edit_btn {
    margin-left: .12rem;
    color: #3370ff;
    display: inline;
    vertical-align: middle;
}

.q_edit_btn i {
    margin-right: .02rem;
}

.q_status_tag_dt {
    line-height: .20rem;
    margin-right: .06rem;
    font-size: .10rem;
    padding: 0 .03rem;
    border-radius: .02rem;
}

.q_result {
    display: block;
    overflow: hidden;
}

.table_top_title {
    margin-top: .20rem;
}

.q_condition span {
    margin-right: .06rem;
}

.q_query_item {
    line-height: .20rem;
    border-radius: .02rem;
    font-size: .14rem;
    padding: 0 .08rem;
    background: #fcf1f2;
    color: #dc3545;
}

.q_result_item {
    line-height: .24rem;
    border-radius: .02rem;
    font-size: .14rem;
    padding: 0 .08rem;
    background: #fcf1f2;
    color: #dc3545;
    float: left;
    margin: .04rem .08rem .04rem 0;
}

.q_qrcode_detail {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: .16rem 0;
    width: 4rem;
}

.q_qrcode_zone {
    margin-left: auto;
}

.q_qrcode_img {
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #eeeeee;
}

.q_qrcode_text {
    text-align: center;
    font-size: .15rem;
}

.q_qrcode_btn {
    color: #3370ff;
    text-decoration: underline;
}

.q_query_link {
    color: #1E9FFF;
    text-decoration: underline;
}

.edit_modal {
    width: 5.4rem;
    padding: 0;
}

.m_big_title {
    font-size: .18rem;
    font-weight: bold;
    line-height: .64rem;
    padding: 0 .20rem;
    border-bottom: 1px solid #f1f1f1;
}

.modal_content {
    padding: .16rem .20rem;
    max-height: 4rem;
    overflow-y: auto;
}

.q_edit_item {
    display: flex;
    margin-bottom: .16rem;
}

.q_edit_label {
    width: 1.4rem;
    padding-right: .12rem;
    font-size: .16rem;
    font-weight: 500;
    text-align: right;
}

.q_edit_value {

}

.inp {
    height: .40rem;
    font-size: .16rem;
    line-height: .20rem;
    padding: 0.03rem 0.08rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.kw_input {
    width: 1.2rem;
    line-height: .28rem;
    height: .28rem;
    font-size: .14rem;
    margin-right: .16rem;
}

.q_edit_input {
    width: 3.0rem;
    height: .40rem;
    font-size: .16rem;
    line-height: .20rem;
    padding: 0.03rem 0.08rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

textarea {
    resize: none;
}

.modal_footer {
    padding: .20rem;
    border-top: 1px solid #f1f1f1;
}

.pull_rg {
    text-align: right;
}

.btn-lg {
    font-size: .15rem;
    padding: .06rem .20rem;
}

.top_nav_list {
    width: 11.32rem;
    height: .50rem;
    background: #FFFFFF;
    border-radius: .08rem;
    display: flex;
    align-items: center;
}

.step_back {
    margin-bottom: .20rem;;
}

.nav_item_list {
    line-height: .32rem;
    margin: 0 .20rem;
    display: flex;
    align-items: center;
}