html, body {
    line-height: inherit;
    font-size: .26rem;
    color: #333333;
    background: #F6F6F6;
    /*font-family:Noto Sans S Chinese;*/
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    /*-webkit-tap-highlight-color: transparent;*/
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
a{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    color: #333333;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999999
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999999
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999999
}
.clear:after {
    display: block;
    content: '';
    clear: both;
}
.fn-left{
    float: left;
}
.fn-right{
    float: right;
}

.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.block{
    display: block;
}
.hidden{
    display: none!important;
}
.flex{
    display: flex;
    display: -webkit-flex;
}
    .flex-1{
        flex: 1;
    }
.flex-arrow{
    flex-basis: .13rem;
    margin-left: .2rem;
}
    .flex-arrow img{
        display: block;
        height:.24rem;
        border:none;
    }
.btn-blue{
    background:linear-gradient(180deg,rgba(0,188,244,1),rgba(0,143,219,1));
    box-shadow:0 .04rem .1rem 0 rgba(0,143,219,0.3);
}
.btn-green{
    background:linear-gradient(180deg,rgba(79,211,142,1),rgba(7,193,96,1));
    box-shadow:0 .04rem .1rem 0 rgba(31,173,21,0.3);
}
.btn-white{
    background:linear-gradient(180deg,rgba(255,255,255,1),rgba(230,230,230,1));
    box-shadow:0 .04rem .1rem 0 rgba(153,153,153,0.3);
    color: #000033;
}
.btn-grey{
    background:rgba(204,204,204,1);
}
.bg-white{
    background: #FFFFFF;
}
/* 导航条 */
.pos-nav{
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:1.10rem;
    align-items: center;
    text-align: center;
    background:rgba(255,255,255,1);
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.06);
    z-index: 20;
}
    .pos-nav .icon{
        display: block;
        margin: auto;
        height:.4rem;
        border:none;
    }
    .pos-nav .text{
        display: block;
        margin-top: .14rem;
        font-size: .22rem;
        line-height: 1.2em;
        color: #333333;
    }
    .pos-nav .item.active .text{
        color: #008FDB;
    }
/* 导航条 end */
/* 首页 */
/* 搜索框 */
.pos-search{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height:1.15rem;
    padding: 0 .33rem;
    align-items: center;
    box-sizing: border-box;
    background: #FFFFFF;
    z-index: 90;
}
    .pos-search .flex-basis{
        flex-basis: .65rem;
        min-width: .65rem;
    }
        .pos-search .icon{
            display: block;
            height: .4rem;
            border:none;
        }
    .search-input{
        position: relative;
        height:.61rem;
        background: #F5F5F5;
        border-radius: .3rem;
    }
        .search-input input[type=text]{
            display: block;
            width: 100%;
            height:100%;
            padding: 0 .2rem 0 .2rem;
            font-size: .26rem;
            border: none;
            box-sizing: border-box;
            background: transparent;
        }
        .search-input .icon-search{
            position: absolute;
            display: block;
            width: .25rem;
            height: 100%;
            left:.33rem;
            top:0;
            background: url(https://static.gdjtpx.com/images/wechat/kaoshi/icon_search.png) no-repeat center center;
            background-size: 100% auto;
        }
        .search-input .icon-delete{
            position: absolute;
            display: block;
            width: .2rem;
            height: 100%;
            right: .2rem;
            top:0;
            background: url(https://static.gdjtpx.com/images/wechat/kaoshi/icon_delete_2.png) no-repeat center center;
            background-size: 100% auto;
            cursor: pointer;
        }
/* 搜索框 end */

/* 主体图标 */
.icon-bar{
    padding: .3rem 0 .33rem;
    box-sizing: border-box;
    align-items: center;
    text-align: center;
}
    .icon-bar .icon{
        display: block;
        margin: auto;
        width: 1.05rem;
    }
    .icon-bar .text{
        display: block;
        line-height: 1.6em;
        font-size: .26rem;
        color: #333333;
    }
.icon-bar-max{
    padding: 0 .15rem .2rem;
    margin-bottom: .33rem;
    align-content:center;
    box-sizing: border-box;
}
    .icon-bar-max .item{
        margin: 0 .09rem;
        height: 1.92rem;
        padding: .28rem 0 0;
        align-self:center;
        background: #6d6d72;
    }
    .icon-bar-max .item.bg-red{
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/bg_red.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .icon-bar-max .item.bg-blue{
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/bg_blue.png) no-repeat center center;
        background-size: 100% 100%;
    }
        .icon-bar-max .item .icon{
            width: auto;
            height:.86rem;
        }
        .icon-bar-max .item .text{
            margin-top: .07rem;
            font-size: .26rem;
            line-height: 1em;
            color: #FFFFFF;
        }
/* 图标 end */
/* tab */
.tab-content{
    background:rgba(255,255,255,1);
}
    .tab-nav{
        padding: .32rem 0 .22rem;
        color: #999999;
        font-size: .31rem;
        text-align: center;
        align-items: center;
        box-sizing: border-box;
    }
    .pos-tab-nav{
        position: fixed;
        width: 100%;
        left:0;
        top:1.15rem;
        background: #ffffff;
        z-index: 91;
    }
        .tab-nav .flex-basis{
            flex-basis: .82rem;
            min-width: .82rem;
            box-sizing: border-box;
        }
            .tab-nav .flex-basis .icon{
                display: block;
                margin-left: .2rem;
                height:.25rem;
                border:none;
            }
        .tab-nav .item{
            color: #999999;
            position: relative;
        }
        .tab-nav .active{
            color: #333333;
            font-weight: bold;
        }
        .tab-nav .item.active:after{
            content: "";
            display: block;
            position: absolute;
            bottom:-.13rem;
            left:50%;
            margin-left: -.24rem;
            width: .48rem;
            height:.06rem;
            border-radius: 3px;
            background: #008FDB;
        }
            .tab-nav .item .text{
                position: relative;
            }
                .tab-nav .item .tag{
                    position: absolute;
                    top:-.05rem;
                    right:-.3rem;
                    min-width: .28rem;
                    height: .28rem;
                    line-height: .28rem;
                    font-size: .16rem;
                    font-weight: normal;
                    color: #FFFFFF;
                    background: #FE5900;
                    border-radius: 50%;
                }
    .tab-nav-sun{
        position: relative;
        margin: .12rem .33rem 0;
        padding: 0 .35rem;
        height:.58rem;
        line-height: .58rem;
        background:rgba(246,246,246,1);
        border-radius:.29rem;
        overflow: hidden;
    }
        .tab-nav-sun .item{
            font-size: .25rem;
            color: #999999;
            margin: 0 .2rem;
        }
        .tab-nav-sun .item:first-of-type{
            margin-left: 0;
        }
        .tab-nav-sun .item.active{
            color: #008FDB;
        }
    .tab-main{
        margin-bottom: .33rem;
    }
/* 图文列表 */
.graphic-list .item{
    position: relative;
    padding: .27rem .34rem;
    /*margin: 0 .34rem;*/
    box-sizing: border-box;
    overflow: hidden;
    /*border-bottom: 1px solid #e6e6e6;*/
}
.graphic-list .item:before{
    content: "";
    position: absolute;
    width: 100%;
    height:1px;
    bottom:0;
    left:.34rem;
    background: #E6E6E6;
}
.graphic-list .item:last-of-type:before {
    background: none;
}
    .graphic-list .item .flex-basis{
        flex-basis: 1.78rem;
        min-width: 1.78rem;
        height: 1.16rem;
        margin-right: .28rem;
    }
        .pic-box{
            position: relative;
            border-radius:.13rem;
            overflow: hidden;
        }
            .pic-box img{
                width: 100%;
                height:100%;
                display: block;
                border:none;
            }
            .pic-box img.icon_video{
                position: absolute;
                width: auto;
                height:.4rem;
                right:0;
                top:0;
            }
            .pic-box .icon_type {
                position: absolute;
                width: auto;
                height: .4rem;
                line-height:.4rem;
                text-align: center;
                right: 0;
                top: 0;
                padding-left: 0.2em;
                padding-right: 0.4em;

                border-radius: 0 0 0 .13rem;
                background: #FE5900;
                z-index: 1;
            }

                .pic-box .icon_type img {
                    display: inline-block;
                    vertical-align: middle;
                    height: 100%;
                    width: auto;
                }

                .pic-box .icon_type span {
                    display: inline-block;
                    vertical-align: middle;
                    color: #ffffff;
                    font-size: .2rem;
                }
    .graphic-list .text-box{
        position: relative;
    }
        .graphic-list .text-box .title {
            line-height: .46rem;
            font-size: .28rem;
            /*font-weight: bold;*/
            margin-top: -.03rem;
            margin-bottom: .4rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .graphic-list .text-box .pos-text-b{
            position: absolute;
            bottom:0;
            width: 100%;
            line-height: 1.2em;
            font-size: .24rem;
            align-items: center;
            color: #999999;
            text-align: right;
        }
            .graphic-list .text-box .icon-eye{
                display: inline-block;
                width: .27rem;
                border: none;
            }
            .graphic-list .text-box .text{
                font-size: .28rem;
                color: #FE5900;
            }
            .bar_box {
                align-items:center;
            }
                .bar_box .bar {
                    position: relative;
                    display: block;
                    height: .06rem;
                    width: 100%;
                    background: #E6E6E6;
                    border-radius: 3px;
                }
                    .bar_box .bar_progress{
                        position: absolute;
                        width: 0;
                        height:.1rem;
                        left:0;
                        top:-.02rem;
                        background:linear-gradient(90deg,rgba(75,219,255,1),rgba(0,143,219,1));
                        border-radius:5px;
                    }
                    .bar .bar_text {
                        position: absolute;
                        bottom: .13rem;
                        margin-left: -2em;
                        font-size: .21rem;
                        color: #008FDB;
                    }
            .bar_box .text {
                text-align: right;
                font-size: .16rem;
                color: #008FDB;
            }
            .bar_box .text.grey {
                color: #666666;
            }
/* 多行列表 */
.multi-line-list .item{
    padding: .33rem 0;
    margin: 0 .33rem;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
    align-items: center;
}
.multi-line-list .item:last-of-type{
    border-bottom: none;
}
    .multi-line-list .item .title{
        line-height: .45rem;
        font-size: .3rem;
        font-weight: normal;
    }
    .multi-line-list .item .text{
        font-size: .25rem;
        color: #999999;
    }
    .multi-line-list .item .btn{
        display: inline-block;
        height:.56rem;
        min-width: 1.11rem;
        /*line-height: .56rem;*/
        padding: 0 .22rem;
        text-align: center;
        font-size: .24rem;
        color: #FFFFFF;
        box-shadow: none;
        border-radius:.28rem;
        border:none;
    }
    .multi-line-list .text_rank{
        display: inline-block;
        vertical-align: middle;
        margin-right: .2rem;
    }
    .multi-line-list .text_rank.link{
        color: #D60101;
        padding-bottom: .1rem;
        line-height: .46rem;
        border-bottom: 1px solid #D60101;
    }
    .multi-line-list .text_rank.red{
        color: #D60101;
    }
    .multi-line-list .text_rank.grey{
        color: #999999;
    }
    .multi-line-list .font_42{
        font-size: .42rem;
    }
    .multi-line-list .font_33{
        font-size: .33rem;
    }
    .multi-line-list .font_25{
        font-size: .25rem;
    }
    .multi-line-list .icon_arrow{
        display: inline-block;
        vertical-align: middle;
        width: .13rem;
    }
/* tab end  */
/* mine */
.grey {
    color:#666666;
}
.card_main {
    padding: .33rem;
    margin:0 .33rem .33rem;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 6px 0 rgba(8,8,8,0.06);
    border-radius: .5em;

}
    .card_main:first-of-type {
        margin-top: .33rem;
    }
    .card_hd .btn {
        display: inline-block;
        width: 7em;
        height: 2.1em;
        line-height: 2.1em;
        color: #FFFFFF;
        background: rgba(254,89,0,1);
        border-radius: 2.1em;
        border: none;
    }
    .card_hd .pic-box {
        flex-basis: 2.68rem;
        min-width: 2.68rem;
        height: 1.7rem;
        margin-right: .24rem;
    }
.card_hd .text_box h3 {
    font-size: .27rem;
    line-height: .45rem;
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
    .card_hd .grey {
        color: #999999;
    }
    .card_hd .text {
        font-size:.25rem;
    }

.card_bd {
    padding-top: .9em;
}
    .card_bd .chapter {
        margin-bottom: 1.16em;
        padding: .27rem;
        background: #f6f6f6;
        border-radius: .5em;
    }
        .card_bd .chapter:last-of-type {
            margin-bottom: 0;
        }

    .card_bd .title {
        font-size: .25rem;
        font-weight: normal;
        margin-bottom: .9em;
    }
    .card_bd .item {
        margin-bottom: .9em;

    }
        .card_bd .item:last-of-type {
            margin-bottom: 0;
        }
    .card_bd .item_main {
        padding: 1em;
        margin-bottom: 11px;
        line-height: 1.6em;
        background: rgba(255,255,255,1);
        border: 1px solid rgba(230, 230, 230, 1);
        border-radius: .6em;
    }
        .card_bd .item_main.arrow {
            position: relative;
            padding-right: 1.6em;
            cursor:pointer;
        }
            .card_bd .item_main.arrow:before {
                position: absolute;
                content: "";
                width: 1em;
                height: 100%;
                right: .8em;
                top: 0;
                background: url(https://static.gdjtpx.com/images/wechat/icon_arrow.png) no-repeat right center;
                background-size: .5em;
            }
        .card_bd .item_main:last-of-type {
            margin-bottom: 0;
        }
    .card_bd .card_bd_sub {
        padding: .9em;
        margin-bottom: .9em;
        background: rgba(250,250,250,1);
        border-radius: .5em;
    }
        .card_bd .card_bd_sub .title {
            line-height: 1em;
            padding-left: 3.5em;
            text-indent: -3.5em;
            margin-bottom: .4em;
        }
            .card_bd .card_bd_sub .title span {
                line-height: 1.5em;
            }
        .card_bd .card_bd_sub .text_tag {
            display: block;
            padding-left: 3.5em;
        }
.card_fd {
    padding-top: .66em;
}
.card_main .icon_arrow {
    display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .12rem;
    background: url(https://static.gdjtpx.com/images/wechat/icon_arrow_down.png) no-repeat center center;
    background-size: auto 100%;

}
    .card_main .icon_arrow.show {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
/* mine end*/

/* 我的 */
.my-main{
    padding-bottom: 1.1rem;
}
.my-main .info-box{
    position: relative;
    padding-top: .67rem;
    height:3.4rem;
    box-sizing: border-box;
    background: url(https://static.gdjtpx.com/images/wechat/kaoshi/bg_my.png) no-repeat center center;
    background-size: cover;
    z-index: 1;
}
    .info-box .flex-basis{
        flex-basis: 1.8rem;
        min-width: 1.8rem;
        padding-left: .47rem;
        margin-right: .33rem;
        box-sizing: border-box;
    }
        .info-box .avatar{
            display: block;
            width: 1.32rem;
            height: 1.32rem;
            border:none;
            border-radius: 50%;
            background-color: #ffffff;
        }
        .info-box .title{
            margin-bottom: .3rem;
            font-weight: bold;
            font-size: .35rem;
            color: #FFFFFF;
        }
        .info-box .text{
            display: block;
            line-height: .46rem;
            font-size: .28rem;
            color: #FFFFFF;
        }
        .info-box .icon_edit{
            position: absolute;
            display: block;
            right:.33rem;
            top:.65rem;
            height:.33rem;
            border:none;
        }
        .info-box .min-btn{
            display: inline-block;
            vertical-align: middle;
            padding: 0 .12rem;
            margin-left: .26rem;
            height:.42rem;
            line-height: 1em;
            font-size: .24rem;
            color: #ffffff;
            border-radius: .07rem;
            border:none;
        }
        .info-box .min-btn.arrow{
            padding-right: .26rem;
            position: relative;
        }
        .info-box .min-btn.arrow:after{
            content: "";
            position: absolute;
            height:100%;
            width: .08rem;
            top:0;
            right:.1rem;
            background: url(https://static.gdjtpx.com/images/wechat/kaoshi/icon_arrow_white.png) no-repeat center center;
            background-size: .08rem auto;
        }
.info-data-box{
    position: relative;
    margin: -.74rem .33rem .33rem;
    text-align: center;
    align-items: center;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 .14rem 0 rgba(8,8,8,0.06);
    border-radius: .14rem;
    z-index: 2;
}
    .info-data-box .item{
        position: relative;
        padding: .45rem 0;
        line-height: 1em;
    }
    .info-data-box .item:after{
        position: absolute;
        content: "";
        width: 1px;
        height:30%;
        top:35%;
        left:0;
        background: #E6E6E6;
    }
    .info-data-box .item:first-of-type:after{
        background: transparent;
    }
        .info-data-box .text-max{
            margin-bottom: .26rem;
            font-weight:bold;
            font-size: .42rem;
        }
        .info-data-box .text{
            font-size: .25rem;
            color: #999999;
        }
.list{
    margin: 0 .33rem .33rem;
    background: #FFFFFF;
    box-shadow:0 0 .14rem 0 rgba(8,8,8,0.06);
    border-radius:.14rem;
}
    .list .item{
        height: 1.04rem;
        padding: 0 .33rem;
        align-items: center;
        border-bottom:1px solid #E6E6E6;
    }
    .list .item:last-of-type{
        border:none;
    }
        .list .text{
            color: #333333;
            font-size: .28rem;
            line-height: 1.2em;
        }
        .list .flex-icon{
            flex-basis: .67rem;
            min-width: .67rem;
        }
            .list .flex-icon img{
                display: block;
                height:.4rem;
                border:none;
            }
/* 我的 end */

/* 表单 */
.form-box .title{
    margin: .9rem .6rem;
    line-height: 1.2em;
    font-size: .5rem;
    font-weight: bold;
}
    .form-box .title .tag {
        display:block;
        margin-top: .5em;
        line-height:1.4em;
        font-size: .26rem;
        font-weight: normal;
        color: #666666;
    }
.form-box .input-box{
    margin: 0 .6rem;
}
    .form-box .input-box .input-block,
    .form-box .input-box .select-block{
        font-size: .33rem;
        height:1.13rem;
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid  #CCCCCC;
    }
    .form-box .input-box .select-block{
        position: relative;
        line-height: 1.13rem;
    }
    .form-box .input-box .select-block:before{
        content: "";
        position: absolute;
        height: 100%;
        width: .24rem;
        right: 0;
        top: 0;
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/arrow.png) no-repeat center center;
        background-size: .24rem auto;
    }
.input-block input, input-block select {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .33rem;
    border: none;
}
.placeholder {
    color: #999999;
}
.form-box .fles_send_msg {
    flex-basis: 2rem;
    line-height: 1.13rem;
    text-align: right;
    font-size: .33rem;
}
    .form-box .fles_send_msg .send_msg {
        width:100%;
    }
.form-box .btn-box {
    padding: .5rem .6rem;
    box-sizing: border-box;
}
    .form-box .btn-box .btn{
        display: block;
        /*height: 1rem;*/
        height: auto;
        width: 100%;
        margin: .33rem 0 0;
        font-size: .33rem;
        color: #FFFFFF;
        text-align: center;
        border-radius:.5rem;
        border: none;
    }
    .form-box .btn-box a.btn{
        line-height: 1rem;
    }
.form-box .link-box{
    margin: .3rem .6rem;
    font-size: .25rem;
    line-height: 1.5em;
    color: #666666;
}
.form-box .link-box a{
    color: #666666;
}
.form-box .agree-box {
    margin: .3rem .6rem 0 .6rem;
}
    .form-box .agree-box .text{
        padding-left: .4rem;
        font-size: .25rem;
        color: #666666;
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/check.png) no-repeat left center;
        background-size: .26rem auto;
    }
    .form-box .agree-box .text.active{
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/checked.png) no-repeat left center;
        background-size: .26rem auto;
    }
.form-box .text-box{
    margin: 1.64rem auto 3.6rem;
}
    .form-box .text-box p{
        line-height: .46rem;
        font-size: .33rem;
        color: #666666;
        margin: 0;
    }
/* 表单 end */
/* 信息填写 */
.info-view{
    padding-bottom: 1.04rem;
}
.info-view input,
.info-view textarea{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height:100%;
    text-align: right;
    font-size: .33rem;
    color: #666666;
    background: transparent;
    -webkit-appearance: none;
    border:none;
}
.info-view input::-webkit-input-placeholder, .info-view textarea::-webkit-input-placeholder {
    color: #e6e6e6
}
.info-view input:-moz-placeholder, .info-view textarea:-moz-placeholder {
    color: #e6e6e6
}
.info-view input:-ms-input-placeholder, .info-view  textarea:-ms-input-placeholder {
    color: #e6e6e6
}
    .info-view .list{
        /*margin: .33rem 0 1.12rem;*/
        margin: .33rem 0;
        box-shadow:none;
        border-radius:0;
    }
        .info-view .flex-basis{
            font-size: .33rem;
            margin-right: 1em;
        }
        .info-view .text{
            font-size: .33rem;
            color: #999999;
        }
.pos-btn-b{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    height:1.04rem;
    line-height: 1.04rem;
}
    .pos-btn-b .btn{
        text-align: center;
        font-size: .33rem;
        color: #ffffff;
        background: #008fdb;
    }
/* 信息填写 end */


/* 详情 */
.detail_view{
    padding: .33rem;
    font-size: .28rem;
    box-sizing: border-box;
}
    .detail_view .blue{
        color: #586B93;
    }
    .detail_view .grey{
        color: #999999;
    }
    .detail_view .content{
        margin: .2rem 0;
    }
    .detail_view .title{
        margin-bottom: .28rem;
        font-size: .33rem;
        font-weight: bold;
        line-height: .46rem;
    }
    .detail_view .paragraph{
        margin: 0;
        font-size: .28rem;
        color: #333333;
        text-indent: 2em;
        line-height: .46rem;
    }
/* 详情 end */
/* 考试答题 */
.blue{
    color: #008FDB;
}
.exam_hd{
    padding: .3rem;
    font-size: .25rem;
    color: #666666;
    box-sizing: border-box;
}
    .exam_hd .icon_collection{
        display: inline-block;
        height: .24rem;
        margin-right: .1rem;
    }
.b_card{
    margin: 0 .3rem;
    padding:1px .33rem;
    background:rgba(255,255,255,1);
    box-shadow:0 0  .14rem 0 rgba(8,8,8,0.06);
    border-radius: .14rem;
    box-sizing: border-box;
}
    .b_card_hd {
        line-height: 1.4em;
        padding: .28rem 0;
        font-size: .33rem;
    }
    .b_card_bd .item {
        position: relative;
        padding: .32rem .26rem;
        margin-bottom: .3rem;
        line-height: 1.4em;
        align-items: flex-start;
        font-size: .3rem;
        background: rgba(250,250,250,1);
        border-radius: .14rem;
    }
    .b_card_bd .item.active {
        padding-right: .8rem;
        color: #008FDB;
        background: rgba(0,143,219,0.1);
    }
    .b_card_bd .item.active:before,
    .b_card_bd .wrong-item:before,
    .b_card_bd .right-item:before {
        position: absolute;
        content: "";
        width: .33rem;
        height: 100%;
        right: .26rem;
        top: 0;
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/checked2.png) no-repeat center center;
        background-size: .33rem auto;
    }
    .theme_red .item.active {
        color: #FE5900;
        background: #FFF0E8;
    }
    .theme_red .item.active:before {
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/checked2_red.png) no-repeat center center;
        background-size: .33rem auto;
    }
    .b_card_bd .wrong-item{
        padding-right: .8rem;
        color: #E60012;
        background:rgba(230,0,18,.1);
    }
    .b_card_bd .wrong-item:before {
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/icon_wrong.png) no-repeat center center;
        background-size: .26rem auto;
    }
    .b_card_bd .right-item{
        padding-right: .8rem;
        color: #3BCC14;
        background:rgba(230,247,226,1);
    }
    .b_card_bd .right-item:before {
        background: url(https://static.gdjtpx.com/images/wechat/kaoshi/icon_true.png) no-repeat center center;
        background-size: .33rem auto;
    }

.b_card_bd .card_bd_sub {
    padding: .9em;
    margin-bottom: .9em;
    background: rgba(250,250,250,1);
    border-radius: .5em;

}

    .b_card_bd .card_bd_sub .title {
        line-height: 1em;
        padding-left: 3.5em;
        text-indent: -3.5em;
        margin-bottom: .4em;
    }

        .b_card_bd .card_bd_sub .title span {
            line-height: 1.5em;
        }

    .b_card_bd .card_bd_sub .text_tag {
        display: block;
        padding-left: 3.5em;
    }
.exam_fd{
    padding-top: .33rem;
    /*padding-bottom: 1.7rem;*/
    margin: 0 .33rem;
}
    .exam_fd .check-answer{
        display: inline-block;
        padding-bottom: .16rem;
        line-height: 1em;
        font-size: .33rem;
    }
    .exam_fd_red .check-answer{
        color: #FE5900;
        border-bottom: 1px solid #FE5900;
    }
    .exam_fd_red .red{
        color: #FE5900;
    }
    .exam_fd_red .green{
        color: #44da5e;
    }
    .exam_fd .answer-box{
        padding: .34rem;
        background: #ffffff;
        box-shadow:0 0 .14rem 0 rgba(8,8,8,0.06);
        border-radius:.14rem;
    }
        .exam_fd .answer-box h3{
            font-size: .33rem;
            font-weight: bold;
        }
        .exam_fd .answer-box .text{
            margin-top: .25rem;
            font-size: .33rem;
            line-height: .46rem;
            color: #666666;
        }

.pos-btn{
    position: fixed;
    width: 100%;
    left:0;
    bottom:0;
    z-index: 90;
    background: #f6f6f6;
}
    .btn-box{
        padding: 0 .16rem;
        align-items: center;
        justify-content: center;
    }
        .btn-box .btn{
            height: 1rem;
            margin: .33rem .16rem;
            line-height: 1rem;
            text-align: center;
            font-size: .31rem;
            color: #FFFFFF;
            border-radius:.52rem;
        }
        .pos-btn-two .btn-box .btn{
            height: .83rem;
            margin: .42rem .16rem;
            line-height: .83rem;
            border-radius:.42rem;
        }
        .pos-btn-two .btn-box .btn{
            max-width: 50%;
        }
/* 考试答题 end */
/* 考试成绩 */
.red{
    color: #FE5900;
}
.bg-blue-top{
    padding: 1px 0;
    background: url(https://static.gdjtpx.com/images/wechat/kaoshi/bg_exam.png) no-repeat top center;
    background-size: 100% auto;
}
.bg-red-top{
    padding: 1px 0;
    background: url(https://static.gdjtpx.com/images/wechat/kaoshi/bg_exam_red.png) no-repeat top center;
    background-size: 100% auto;
}
.bg-blue-top .line{
    position: absolute;
    top:.86rem;
    width: 100%;
    height:.36rem;
    background: url(https://static.gdjtpx.com/images/wechat/kaoshi/bg_exam_line.png) no-repeat center center;
    background-size: auto 100%;
}
.exam_end{
    position: relative;
    margin: 1.04rem .33rem .14rem;
    padding:.5rem .6rem;
    min-height:2.86rem;
    font-size: .25rem;
    background:rgba(255,255,255,1);
    box-shadow:0 0 .14rem 0 rgba(8,8,8,0.06);
    border-radius:0 0 .14rem .14rem;
    z-index: 2;
}

    .exam_end .text{
        line-height: 1.4em;
        font-weight: bold;
        font-size: .33rem;
    }
    .exam_end .font_max{
        font-size: .63rem;
        padding-bottom: .18rem;
        border-bottom: 1px solid #FF6903;
    }
    .exam_end .flex-basis{
        flex-basis: 1.8rem;
        min-width: 1.8rem;
        margin-left: 1rem;
    }
    .exam_end .row{
        font-size: .31rem;
        margin-top: .9rem;
    }
/* 考试成绩 end */
/* 培训课程 */
.btn_fixed {
    position: fixed;
    width: 100%;
    color: #ffffff;
    bottom: 0;
    left: 0;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    font-size:.33rem;
    z-index: 20;
}
.font_11 {
    font-size: .25rem;
}
.video_view {
    position: relative;
    padding: 1px 0;
}
    .video_view .card_main:first-of-type {
        margin-top: 0;
    }
    .video_detail_view {
        margin-bottom:.33rem;
        padding-bottom: 1px;
        background: #ffffff;
    }

    .video_detail_view .detail_text {
        padding: 1em 1.25em;
    }

        .video_detail_view .detail_text p {
            text-indent: 2em;
            line-height: 1.66em;
        }
.video_info {
    padding: 1.16em;
    background: #ffffff;
}

    .video_info h3 {
        font-size:.3rem;
        font-weight: bolder;
        line-height: .45rem;
    }

    .video_info .text_box {
        color: #999999;
        font-size: 0;
    }

        .video_info .text_box span {
            position: relative;
            display: inline-block;
            line-height: 1em;
            padding: 1em .9em;
        }

            .video_info .text_box span:before {
                position: absolute;
                content: "";
                width: 1px;
                height: 40%;
                top: 30%;
                left: 0;
                background: #E6E6E6;
            }

            .video_info .text_box span:first-of-type:before {
                width: 0;
            }

.video_info .text_box span:first-of-type {
    padding-left: 0;
}

.video_info .text_box span:last-of-type {
    padding-right: 0;
}

.video_info .flex {
    align-items: center;
}

.video_info .grey {
    color: #999999;
}

.star_box {
    position: relative;
    display: inline-block;
    width: 8.45em;
    height: 1.18em;
    background: url(https://static.gdjtpx.com/images/wechat/icon_star_score_0.png) repeat-x left center;
    background-size: auto 100%;
}

.star_box_light {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.gdjtpx.com/images/wechat/kaoshi/icon_star_score_1.png) repeat-x left center;
    background-size: auto 100%;
    overflow: hidden;
}

.video_view .top_box {
    position: fixed;
    width: 100%;
    padding-bottom: 1.16em;
    z-index: 10;
}

.video_wrapper {
    position: relative;
    width: 100%;
    height: 4.37rem;
    background: rgba(0,0,0,1);
    overflow: hidden;
}

    .video_wrapper .video_box {
        display: block;
        width: 100%;
        height: 100%;
    }


.video_wrapper .poster {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1;
}

    .video_wrapper .poster img {
        display: block;
        width: 100%;
        height: 100%;
        border: none;
    }

    .video_wrapper .poster .icon_play {
        position: absolute;
        height: 4.1em;
        top: 50%;
        left: 50%;
        margin-top: -2.1em;
        margin-left: -2.1em;
    }

/* 注册 修改密码 */

.query-view .icon-list-view .item{
    margin-bottom: .33rem;
}
/* 带图标列表 */
.icon-list-view .grey{
    color: #999999;
}
.icon-list-view .item{
    background: #ffffff;
    padding: .33rem;
    align-items: center;
}
    .icon-list-view .flex-icon{
        flex-basis: .54rem;
        margin-right: .33rem;
    }
        .icon-list-view .flex-icon .icon{
            display: block;
            width: 100%;
            border:none;
        }

    .icon-list-view .text-box{
        line-height: .46rem;
    }
        .icon-list-view .text-box h3{
            font-size: .33rem;
            line-height: .46rem;
        }
        .icon-list-view .text-box .tag{
            font-size: .25rem;
        }

/* 表格 */
.query-tab thead{
    height:.7rem;
    line-height: .7rem;
    background: #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
    z-index: 10;
}
.query-tab thead td{
    font-size: .26rem;
    color: #999999;
    box-sizing: border-box;
}
.query-tab tbody td{
    font-size: .3rem;
    padding: .28rem 0;
    box-sizing: border-box;
}
.query-tab tr.nothing td{
    text-align: center;
}
.query-btn{
    font-size: 0;
    margin-top: .46rem;
}
.query-btn .btn{
    display: inline-block;
    min-width:1.88rem;
    height:.67rem;
    margin: 0 .12rem;
    padding: 0 .33rem;
    line-height: .65rem;
    font-size: .31rem;
    text-align: center;
    color:rgba(51,51,51,1);
    border:1px solid rgba(170,170,170,1);
    border-radius:.52rem;
    background: #F6F6F6;
}
.query-tab .overtext{
    position: relative;
    height: .84rem;
    margin-right: .2rem;
    margin-left: 1rem;
    overflow: hidden;
}
.query-tab .overtext .text{
    position: absolute;
    top: 0;
    line-height: .85rem;
    white-space:nowrap;
}
.text-center{
    text-align: center!important;
}
.pos-btn-bar{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    height:1.04rem;
    line-height: 1.04rem;
    background: #FFFFFF;
    z-index: 2;
}
.tab-hd-pos{
    position: fixed;
    top:0;
    width: 100%;
}
.query-tab-item{
    margin: .33rem;
    box-shadow:0 0 .14rem rgba(8,8,8,0.06);
    border-radius: .14rem;
    background: #ffffff;
}
    .query-tab-item .tab-title{
        height:.87rem;
        line-height: .87rem;
        font-size: .31rem;
        text-align: center;
        border-bottom: 1px solid #E6E6E6;
    }
    .query-tab .tab-hd{
        height:.7rem;
        line-height: .7rem;
        font-size: .26rem;
        color: #999999;
        background: #ffffff;
        border-bottom: 1px solid #E6E6E6;
        z-index: 10;
    }
    .query-tab-item .tab-fd{
        padding: 0 .26rem;
        height:.86rem;
        line-height: .86rem;
        font-size: .27rem;
        color: #666666;
    }
    .query-tab .tab-bd .item{
        height:.86rem;
        line-height: .86rem;
        font-size: .31rem;
        align-items: center;
        background: #ffffff;
        border-bottom:1px solid #E6E6E6;
    }
    .query-tab .tab-bd .item:nth-child(2n){
        background: transparent;
    }
        .query-tab .tab-bd .tag{
            position: absolute;
            display: inline-block;
            left:.26rem;
            top:50%;
            margin-top: -.2rem;
            width: .62rem;
            height:.4rem;
            line-height: .4rem;
            color: #ffffff;
            text-align: center;
            font-size: .24rem;
            border-radius:.07rem;
        }
/* 表格 end */

/* 提交健康 */
.sun-box{
    display: inline-block;
    vertical-align: middle;
    height:.38rem;
    font-size: 0;
}
    .sun-box .sun{
        display: inline-block;
        width:.38rem;
        height:.38rem;
        margin-left: .16rem;
        background: url("https://static.gdjtpx.com/images/wechat/kaoshi/icon_sun_grey.png") no-repeat center center;
        background-size: auto 100%;
    }
    .sun-box .sun.active{
        background: url("https://static.gdjtpx.com/images/wechat/kaoshi/icon_sun.png") no-repeat center center;
        background-size: auto 100%;
    }
    .sun-box .sun:first-of-type{
        margin-left: 0;
    }
    .sun-text{
        display: inline-block;
        vertical-align: middle;
        margin-left: .16rem;
    }
.text-view{
    margin: 0 .34rem;
    padding: .33rem .35rem;
    background: #FFFFFF;
    box-shadow: 0 0 .14rem rgba(8, 8, 8, 0.06);
    border-radius: .14rem;
}

/* 提交健康end */


.popover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size:.27rem;
    z-index: 99999;

}

    .popover * {
        box-sizing: border-box;
    }

    .popover:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: -1;
    }

    .popover .container {
        position: absolute;
        width: 22em;
        left: 50%;
        margin-left: -11em;
        height: 70%;
        padding: 0;
        background: #FFFFFF;
        border-radius: 6px;
        overflow: hidden;
    }

    .popover h3 {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: .88rem;
        width: 100%;
        line-height: .88rem;
        text-align: center;
        font-size:.3rem;
        background: #ffffff;
        border-radius: 6px;
        z-index: 10;
    }

        .popover h3 .btn_close {
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            height: .88rem;
            width: .88rem;

            background: url(https://static.gdjtpx.com/images/wechat/icon_close_2.png) no-repeat center center;
            background-size: .22rem;
        }

    .popover .btn {
        border: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .83rem;
        background: linear-gradient(180deg,rgba(0,188,244,1),rgba(0,143,219,1));
        color: #ffffff;
        z-index: 10;
    }
    .popover .grey {
        color: #999999;
    }

    .popover .main {
        width: 100%;
        height: 100%;
        padding: 3.2em .9em 1.2em;
        overflow: auto;

    }

    .popover .info_text {
        padding: .36em .9em;
        margin-bottom: .9em;
        background: rgba(250, 250, 250, 1);
        border-radius: .5em;
    }

        .popover .info_text div.flex {
            padding: .4em 0;
        }

.info_pic {
    display: inline-block;
    width: 1.05rem;
    border-radius: .13rem;
    overflow: hidden;
}

    .info_pic img {
        display: block;
        width: 100%;
        border: none;
    }

    .info_pic .tag {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: .33em .5em 0;
        color: #FFFFFF;
        background: linear-gradient(90deg, rgba(255, 177, 87, 1), rgba(255, 86, 79, 1));
        opacity: 0.7;
        z-index: 2;
    }

        .info_pic .tag span {
            display: block;
            height: 1em;
            line-height: 1em;
        }

    .info_pic .font_9.text_min {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
/* 安全文明电子承诺签名 */
#contract,#videoBox,#singBox{
    width: 100%;
    height:100%;
    overflow-y: scroll;
}
    #videoBox .box{
        margin-bottom: .33rem;
        padding: .33rem;
        background:rgba(255,255,255,1);
        box-shadow:0 0 .14rem 0 rgba(8,8,8,0.06);
        border-radius:.14rem;
    }
    #videoBox .video_inner{
        position: relative;
        width: 100%;height:3.47rem;background: #000000;
    }
    #videoBox .tag{
        position: absolute;
        width: 100%;
        height:100%;
        top:0;
        left:0;
        color: #ffffff;
        line-height: 2em;
        background: #000000;
        overflow: hidden;
    }
#singBox{
    background: #ffffff;
}
    .sing_canvas{
        width: 100%;
        height:100%;
    }
    #singBox .tag{
        position: absolute;
        top:50%;
        left:0;
        margin-top: -2em;
        width: 100%;
        font-size: .42rem;
        text-align: center;
    }
    #singBox .tag.grey{
        color: #E6E6E6;
    }
.tips_video_guide{
    position: fixed;
    width: 100%;
    height:100%;
    z-index: 91;
    background: rgba(0,0,0,0.8);
}
    .tips_video_guide img{
        position: absolute;
        width: 4.4rem;
        right:.8rem;
        top:0;
    }
/* 出车安全叮嘱 */
.k-text-list{
    padding: 0 .33rem;
}
    .k-text-list .item{
        margin: .33rem 0;
        padding: .33rem;
        background: #ffffff;
        box-shadow:0 0 .14rem rgba(8,8,8,0.06);
        border-radius:.14rem;
    }
        .k-text-list .item h3{
            font-size: .31rem;
        }
        .k-text-list .item .text{
            display: block;
            margin-top: .24rem;
            font-size: .26rem;
            color: #999999;
        }
    .k-text-list .flex-tag{
        flex-basis: 1.2rem;
        text-align: right;
    }
        .k-text-list .flex-tag .tag{
            display: inline-block;
            /*width: .84rem;*/
            height:.4rem;
            padding: 0 0.08rem;
            line-height: .4rem;
            text-align: center;
            font-size: .22rem;
            color: #ffffff;
            border-radius: .07rem;
        }
        .k-text-list .flex-tag .tag.bg-blue{
            background: #008FDB;
        }
        .k-text-list .flex-tag .tag.bg-black{
            background: #000000;
        }

.btn_box{
    position: absolute;
    width: 100%;
    bottom:1.5rem;
}
@media screen and (min-aspect-ratio: 6/10){
    .title_logon{
        margin-top:.85rem
    }
}
@media screen and (max-height: 500px){
    .title_logon{
        margin: .5rem .6rem;
    }
    .btn_box {
        position: static;
    }
}

.btn_box .title{
    position: relative;
    margin: 0 .6rem;
    line-height: 1.2em;
    font-size: .25rem;
    text-align: center;
    color: #666666;
    overflow: hidden;
}
.btn_box .title:after,.btn_box .title:before{
    content: "";
    position: absolute;
    height:.01rem;
    width: 100%;
    top:50%;
    background: #E6E6E6;
}
.btn_box .title:after{
    left:50%;
    margin-left: 1.28rem;
}
.btn_box .title:before{
    right:50%;
    margin-right: 1.28rem;
}
.btn_box .btn{
    display: inline-block;
    width: .9rem;
    height:.9rem;
    border:none;
    margin:0 .2rem;
}
 /* 主题配色 */
.input_line {
    border-color: #CCCCCC;
}
    .input_line input {
        border: none;
    }
.theme {
    color: #008EDA;
}

.btn_green {
    box-shadow: 0 .04rem .09rem 0 rgba(0,142,218,0.3);
    border-radius: .52rem;
}
.theme_background {
    background: linear-gradient(180deg,rgba(0,187,243,1),rgba(0,142,218,1));
}
#ddb_popup{
    background: transparent;
    border-radius: .28rem!important;
}
#ddb_popup .popup-title {
    padding: .3rem 0;
    font-size: .33rem;
    color: #333333;
    border-bottom-color: #E6E6E6;
    background: #ffffff;
}
#ddb_popup .popup-content{
    background: #ffffff;
}
#ddb_popup .popup-tips-title {
    border-bottom-color: #008EDA;
    color: #008EDA;
}
#ddb_popup_btn_container{
    background-color: #008EDA;
}
#ddb_popup_btn_container > a {
    background-color: #008EDA;
    font-size: .31rem;
    padding: 0.32rem 0;
}
#ddb_popup_btn_container > a:nth-child(2) {
    position: relative;
    background-color: #008EDA;
}





/* 运安 */
.theme_background_red {
    background: linear-gradient(180deg,rgba(255,177,87,1),rgba(254,89,0,1));
    box-shadow:0 .04rem .1rem 0 rgba(229,90,5,0.3);
}
.btn_background_red {
    background: #FE5900;
}