html {
    line-height: 1; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
body {
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    background: #FFFFFF;
}

.bgc {
    background: #F4F3F9;
}

.scroll-x{
    overflow-x: scroll;
    white-space: nowrap;
}


.title-h1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .2rem;
    font-weight: 400;
    color: #999999;
    line-height: .28rem;
}
.title-h1>img {
    width: 1.41rem;
    height: .34rem;
    margin-bottom: .15rem;
}


.top-box {
    width: 100%;
    height: .56rem;
    line-height: .56rem;
    display: flex;
    justify-content: space-between;
    margin: .26rem 0;
}
.top-box>* {
    width: 33.33%;
}
.top-box>div:first-child>img {
    width: .3rem;
    margin-left: .5rem;
    margin-top: 0.14rem;
}
.top-box>div:nth-child(2) {
    text-align: center;
    font-size: .36rem;
    font-weight: bold;
    color: #010101;
}

.banner {
    width: 100%;
    height: 3.049rem;
}
.banner>img {
    width: 100%;
    height: 3.049rem;
}

.zp-box {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    height: .8rem;
    padding: .28rem .31rem;
    box-sizing: border-box;
}
.zp-box>img:nth-child(1) {
    width: .24rem;
    height: .24rem;
}
.zp-box>img:nth-child(2) {
    width: .95rem;
    height: .23rem;
    margin: 0 .09rem;
}
.zp-box>div {
    font-size: .24rem;
    color: #000000;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}


.bx-box {
    width: 100%;
    height: 5.09rem;
    background: #F4F3F9;
}
.bx-list {
    width: 100%;
    padding: .19rem .31rem;
    box-sizing: border-box;
}
.bx-item {
    width: 3.8rem;
    position: relative;
    background: #FFFFFF;
    margin-bottom: .27rem;
    display: inline-block;
}
.bx-item>div:last-child {
    padding: .25rem .36rem;
}
.bx-item>img {
    width: 100%;
    height: 2.14rem;
}
.bx-title {
    font-size: .3rem;
    font-weight: bold;
    color: #1A1A1A;
}
.bx-param {
    font-size: .14rem;
    font-weight: 400;
    color: #666666;
    line-height: .24rem;
    margin-top: .21rem;
}
.bx-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .31rem;
}
.bx-price {
    font-size: .30rem;
    font-weight: 400;
    color: #EC2020;
    line-height: .36rem;
    /*margin-top: 31px;*/
}
.bx-btn {
    /*position: absolute;*/
    /*bottom: 14px;*/
    /*right: 28px;*/
    width: 1.13rem;
    height: .36rem;
    background: #FFFFFF;
    border: .01rem solid #DCDCDC;
    font-size: .14rem;
    font-weight: 400;
    color: #192135;
    line-height: .36rem;
    text-align: center;
    cursor: pointer;
}

.js-box {
    width: 100%;
    height: 6.261rem;
    background: url("../images/img_chelaing.png") no-repeat;
    background-size: 100% 100%;
    padding-top: .6rem;
}
.js-box>div:last-child {
    width: 6.66rem;
    margin: .46rem auto;
    font-size: .24rem;
    font-weight: 400;
    color: #000000;
    line-height: .30rem;
}

.fc-box {
    padding: .48rem 0 0 0;
}
.fc-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .5rem;
    padding: 0 .31rem;
    box-sizing: border-box;
}
.fc-item {
    width: 3.31rem;
    cursor: pointer;
    margin-bottom: .38rem;
}
.fc-item>img {
    width: 3.31rem;
    height: 1.97rem;
}
.fc-item-bottom {
    display: flex;
    justify-content: space-between;
}
.fc-item-bottom div:first-child {
    font-size: .24rem;
    font-weight: 400;
    color: #000000;
    line-height: .31rem;
}
.fc-item-bottom div:last-child {
    font-size: .2rem;
    font-weight: 400;
    color: #999999;
    line-height: .31rem;
}

.zc-box {
    width: 100%;
    background: #F4F3F9;
    padding-top: .38rem;
}

.zc-box>.title-h1 {
    margin-bottom: .4rem;
}
.zc-box>div:last-child {
    padding: 0 .3rem;
    box-sizing: border-box;
    /*display: flex;*/
    /*justify-content: space-between;*/
}
.zc-l {
    width: 100%;
    height: 2.63rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*justify-content: space-between;*/
    align-items: flex-start;
    padding: 0 .22rem;
    box-sizing: border-box;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.zc-l>div:first-child {
    font-size: .3rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .36rem;
}
.zc-l>div:last-child {
    font-size: .2rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .36rem;
    opacity: 0.7;
}

.zc-r {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: .15rem;
}

.zc-r-item {
    width: 100%;;
    background: #FFFFFF;
    height: 1.43rem;
    display: flex;
    flex-direction: column;
    border-left: solid .04rem #6B93FF;
    padding: .33rem .22rem;
    box-sizing: border-box;
    margin-bottom: .15rem;

}
.zc-r-top {
    display: flex;
    justify-content: space-between;
}
.zc-r-top div:first-child {
    width: 4.24rem;
    height: .36rem;
    font-size: .3rem;
    font-weight: 400;
    color: #000000;
    line-height: .36rem;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.zc-r-top div:last-child {
    height: .36rem;
    font-size: .2rem;
    font-weight: 400;
    color: #CBCBCB;
    line-height: .36rem;
}
.zc-r-item>div:last-child {
    width: 100%;
    font-size: .24rem;
    font-weight: 400;
    color: #999999;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: .18rem;
}


.jl-box {
    padding-top: .48rem;
    width: 100%;
    height: 7.08rem;
    background-color: #F4F3F9;
    background-image: url("../images/img_jiaolian.png");
    background-size: 12rem 5.41rem;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.jl-box>.w1200 {
    display: flex;
}

.jl-box>.w1200>img {
    margin-top: .05rem;
    margin-left: .23rem;
    height: 4.85rem;
}
.jl-l {
    margin-top: 1.48rem;
    margin-left: .2rem;
}
.jl-l-top {
    display: flex;
    align-items: center;
    font-size: .3rem;
    font-weight: 500;
    color: #FFFFFF;
}
.jl-l-top img {
    width: 1.23rem;
    height: .31rem;
    margin-left: .1rem;
}
.xing {
    margin-top: .05rem;
    font-size: .16rem;
}
.xing>img {
    width: .13rem;
}
.jl-l-text {
    width: 3.8rem;
    height: 1.8rem;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .36rem;
    opacity: 0.5;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    margin-top: .39rem;


}
.liaojie-btn {
    display: flex;
    width: 145px;
    height: 41px;
    background: #FFFFFF;
    border-radius: 21px;
    margin-top: 60px;
    line-height: 41px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.jl-imgs {
    width: 100%;
    /*height: 261px;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .12rem;
    padding: 0 .08rem;
    cursor: pointer;
    box-sizing: border-box;
}
.jl-imgs>img {
    width: 1.16rem;
    height: 1.16rem;
}

.jx-box {
    width: 100%;
    padding: .67rem 0;
    box-sizing: border-box;
}
.jx-list {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    padding: .19rem .31rem;
    box-sizing: border-box;
}
.jx-list>img {
    width: 2.74rem;
    height: 2.74rem;
    margin-top: .53rem;
}

.shade-box {
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.menu-box {
    background: #FFFFFF;
    width: 4.61rem;
    height: 100%;
}
.menu-list {
    padding-top: 1rem;
    box-sizing: border-box;
    overflow-y: scroll;
    white-space: nowrap;
    height: 100%;
}
.menu-list> div {
    width: 100%;
    height: 1.19rem;
    line-height: 1.19rem;
    border-bottom: 0.01rem solid #DCDCDC;
    padding-left: .49rem;
    box-sizing: border-box;
    font-size: .3rem;
    color: #000000;
}
.menu-llpx {
    display: flex;
    align-items: center;
    color: #FF5A21;
}
.menu-llpx>img {
    width: .27rem;
    height: .3rem;
    margin-right: .09rem;
}
.login {
    width: 4.01rem;
    height: .90rem;
    line-height: .9rem;
    text-align: center;
    background: #6B93FF;
    color: #FFFFFF;
    margin-top: .31rem;
    margin-left: -.18rem;
}


.info-top-bar {
    position: fixed;
    top:0;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: .4rem .4rem .2rem;
    font-size: .36rem;
    font-weight: bold;
    color: #010101;
    background: #FFFFFF;
    z-index: 999;
    width: 100%;
    box-sizing: border-box;
}
.info-top-bar2 {
    height: 1rem;
}
.info-top-bar>img {
    width: .4rem;
    height: .4rem;
}

.info-box {
    width: 100%;
    padding: .39rem .31rem;
    box-sizing: border-box;
}
.info-box>img:first-child {
    width: 100%;
}
.info-content {
    margin-top: .41rem;
    font-size: .3rem;
    font-weight: 400;
    color: #333333;
    line-height: .48rem;
}


.bx-list2 {
    width: 100%;
    padding: .2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list-content {
    box-sizing: border-box;
    width: 100%;
    margin-top: .26rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .22rem;
}


.video-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.video-item {
    display: flex;
    flex-direction: column;
    font-size: .24rem;
    font-weight: 400;
    line-height: .31rem;
    margin-bottom: .3rem;
    width: 3.31rem;
}
.video-item>div{
    width: 3.31rem;
    height: 1.97rem;
    background-image: url("../images/img2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 10px;
}
.video-item>div>div{
    width: 100%;
    height: 100%;
    background: rgb(0,0,0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-list {
    width: 100%;
    padding-left: .32rem;
    box-sizing: border-box;
}
.text-item {
    width: 100%;
    padding: .40rem 0;
    box-sizing: border-box;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-direction: column;*/
    border-bottom: 0.01rem solid #DCDCDC;
}
.text-item>div:first-child {
    font-size: .3rem;
}
.text-item>div:last-child {
    margin-top: .2rem;
    font-size: .2rem;
    color: #999999;
}


.form-box {
    width: 100%;
    padding: 0 .35rem;
    box-sizing: border-box;
}
.form-group {
    width: 100%;
    font-size: .3rem;
    margin-top: .72rem;
}
.form-group>input, .form-group>textarea{
    width: 100%;
    margin-top: .36rem;
    font-size: .3rem;
    padding: 0 .18rem;
    box-sizing: border-box;
}
.form-group>input {
    height: .9rem;
}
.form-group>textarea {
    padding-top: .3rem;
    height: 3.62rem;
}
.form-btn {
    width: 100%;
    height: .90rem;
    background: #6B93FF;
    font-size: .36rem;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .90rem;
    margin-top: 1.38rem;
}
.user-btn {
    width: 100%;
    padding: .31rem;
    box-sizing: border-box;
}

.user-top {
    width: 100%;
    height: 4.55rem;
    background: #FFFFFF;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
}
.user-top>div {
    width: 2.23rem;
    height: 2.23rem;
    background: #E8F2FA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .45rem;
}
.user-top>div>img {
    width: 1.41rem;
    height: 1.41rem;
}

.user-score {
    width: 100%;
    height: 1.4rem;
    background: #FFFFFF;
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .36rem;
    padding: 0 .32rem;
    box-sizing: border-box;
}
.user-score>div {
    width: 1.99rem;
    height: .90rem;
}

.ksdt-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.74rem .4rem 0;
    box-sizing: border-box;
}
.ksdt-box>img {
    width: 100%;
}

.dt-box2>div {

}
.dt-box2>div:nth-child(2) {
    font-size: 1rem;
    margin-top: .36rem;
}

.dt-box {
    background: #FFFFFF;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .31rem;
    box-sizing: border-box;
}

.dt-box>img {
    max-width: 100%;
    max-height: 5rem;
}

.dt-title {
    width: 100%;
    font-size: .3rem;
    line-height: .48rem;
    font-weight: bold;
}

.dt-options {
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin-bottom: 2rem;
}
.option {
    width: 100%;
    display: flex;
    font-size: .3rem;
    font-weight: 400;
    color: #000000;
    line-height: .36rem;
    margin-top: .5rem;
    cursor: pointer;
}
.option>div:first-child {
    width: .48rem;
    height: .48rem;
    background: #FFFFFF;
    border: .01rem solid #DCDCDC;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .11rem;
}
.option>div:last-child {
    width: 6.28rem;
}
.right>div:first-child {
    color: #FFFFFF;
    background: #00BA2C;
}
.right {
    color: #00BA2C;
}
.wrong>div:first-child {
    color: #FFFFFF;
    background: #E92E2E;
}
.wrong {
    color: #E92E2E;
}
.selected>div:first-child {
    color: #FFFFFF;
    background: #6B93FF;
}
.selected {
    color: #6B93FF;
}

.btm-bar {
    width: 100%;
    height: 1.46rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .24rem;
    font-weight: 400;
    color: #E92E2E;
    padding: 0 .3rem;
    box-sizing: border-box;
    background: #FFFFFF;
}
.dt-btn{
    width: 1.49rem;
    height: .8rem;
    background: #FFFFFF;
    border: .01rem solid #BFBFBF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: .3rem;
    box-sizing: border-box;
}

.rc-box {
    width: 100%;
    padding-left: .32rem;
    box-sizing: border-box;
}
.rc-item {
    width: 100%;
    height: 1.2rem;
    font-size: .3rem;
    line-height: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:  .01rem solid #DCDCDC;
}
.rc-item>img {
    margin-right: .22rem;
    width: .3rem;
}

.rcxq-box {
    width: 100%;
    padding: .74rem .33rem;
    box-sizing: border-box;
}
.rcxq-title {
    font-size: .36rem;
    font-weight: bold;
    margin-bottom: .25rem;
}
.rcxq-time {
    font-size: .2rem;
    color: #999999;
}

.h890-c-r-t {
    font-size: .3rem;
    font-weight: bold;
    color: #000000;
    margin-top: .48rem;
    margin-bottom: .1rem;
}
.h890-c-r-b {
    font-size: .24rem;
    font-weight: bold;
    line-height: .48rem;
}
.h890-c-r-text {
    font-size: .24rem;
    line-height: .48rem;
}


.ypzw-box {
    width: 100%;
    padding-left: .32rem;
    box-sizing: border-box;
    background: #FFFFFF;
}

.zp-b-item {
    width: 100%;
    height: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .01rem solid  #DCDCDC;
    position: relative;
}
.zp-b-item span {
    color:#FF0000;
}
.zp-b-item input{
    width: 60%;
    height: 80%;
    border: none;
    font-size: .3rem;
    padding-right: .3rem;
    text-align: right;
    outline:none;
}
.zp-upload {
    font-size: .3rem;
    color: #226BFF;
    position: absolute;
    right: .27rem;
    background: #FFFFFF;
}