.TopWidth {
    width: 90%;
    margin: 0 auto;
    padding-top: .5333333333333333rem;
}
.weilan {
    width: 100%;
    background: linear-gradient(180deg, #1689F3 0%, #1C97FF 30%, #219FFF 50%, #24A5FF 70%, #2AB0FF 100%);
    padding-bottom: .8rem;
}

.swiper-container img {
    width: 100%;
    height: 2.67rem;
    border-radius: .43rem;
    background: #062B67;
}

.Instant {
    display: flex;
    border-bottom: 1px solid #E2E3E7;
    line-height: .53rem;
    background: #fff;
    border-radius: .8rem;
    padding: .14rem 0;
    margin: .4266666666666667rem 0;
}
.Instant em {
    width: .26666666666666666rem;
    height: .3466666666666667rem;
    background: url('/static/mobile/img/next_jt.png') no-repeat center center;
    background-size: cover;
    display: block;
    margin-left: auto;
    margin-top: .10666666666666667rem;
    margin-right: .3rem;
}
.Instant img {
    width: 1.33rem;
    height: .53rem;
    margin-right: .37rem;
    margin-left: .3rem;
}

.Instant .list {
    font-size: .32rem;
    font-weight: 400;
    color: #444444;
    letter-spacing: .0267rem;
}
.jiagu {
    background: RGBA(223, 245, 255, 1);
    background: linear-gradient(180deg, RGBA(212, 239, 255, 1) 0%, RGBA(214, 241, 254, 1) 10%, #DAF3FE 30%, #E9F8FF 50%, #EFF9FF 70%, #fff 100%);
    width: 100%;
    border-radius: .5333333333333333rem .53rem 0 0;
    margin-top: -0.7466666666666667rem;
}
.tab_four {
    display: flex;
    justify-content: space-between;
}

.tab_four .tab_list {
    width: 25%;
    text-align: center;
    margin: .59rem 0 .53rem 0;
}

.tab_four .tab_list img {
    width: .8rem;
    height: .8rem;
}

.tab_four .tab_list .text {
    font-size: .32rem;
    font-weight: 400;
    color: #222222;
    letter-spacing: 1px;
    margin-top: .16rem;
}

.bgc {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding-top: .5866666666666667rem;
}

.bgc .bgc_fl {
    width: 4.4rem;
    height: 2.53rem;
    border-radius: 6px;
    background: #fff url('/static/mobile/img/index4.png') no-repeat center center;
    background-size: cover;
    box-shadow: 0 14px 20px 0 rgb(0 33 117 / 3%);
}
.bgc .bgc_fl .title{
    font-size: .43rem;
    font-weight: bold;
    color: #222222;
    margin: .4rem 0 0 .4rem;
}
.bgc .bgc_fl .jieshao{
    font-size: .27rem;
    font-weight: 400;
    color: #999999;
    margin: .21rem 0 0 .4rem;
    line-height: .43rem;
}
.bgc .bgc_fr {
    width: 4.4rem;
    height: 2.53rem;
    border-radius: 6px;
    background: #fff url('/static/mobile/img/index1.png') no-repeat center center;
    background-size: cover;
    box-shadow: 0px 14px 20px 0px rgb(0 33 117 / 3%);
}
.bgc .bgc_fr .title{
    font-size: .43rem;
    font-weight: bold;
    color: #222222;
    margin: .4rem 0 0 .4rem;
}
.bgc .bgc_fr .jieshao{
    font-size: .27rem;
    font-weight: 400;
    color: #999999;
    margin: .21rem 0 0 .4rem;
    line-height: .43rem;
}

.advertisement {
    width: 100%;
    padding: 0.5rem 0;
}

.advertisement .title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.433333rem 0 0.43rem 0;
    background: #F8F8F8;
}

.advertisement .title .story i {
    width: .106667rem;
    height: .48rem;
    background: #2A5AA8;
    display: inline-block;
    vertical-align: middle;
    margin-left: .26666666666666666rem;
    margin-right: .16rem;
    border-radius: .05333333333333334rem;
}

.advertisement .title .story span {
    color: #222222;
    font-size: .48rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;

}

.advertisement .title a {
    color: #999999;
    font-size: .37rem;
    margin-right: 0.5rem;
}

.advertisement .advertlist {
    width: 92%;
    margin: .4266666666666667rem auto auto auto;
    height: 1.8666666666666667rem;
    background: url('/static/mobile/img/chanpin3.png') no-repeat center center;
    background-size: cover;
    color: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: .21333333333333335rem;
}

.advertisement .advertlist:nth-child(2) {

    background: url('/static/mobile/img/chanpin1.png') no-repeat center center;
    background-size: cover;
}

.advertisement .advertlist:nth-child(3) {

    background: url('/static/mobile/img/chanpin2.png') no-repeat center center;
    background-size: cover;
}

.advertisement .advertlist:nth-child(4) {

    background: url('/static/mobile/img/chanpin4.png') no-repeat center center;
    background-size: cover;
}


.advertisement .advertlist .knowjr {
    width: 1.8666666666666667rem;
    height: .5333333333333333rem;
    background: linear-gradient(221deg, #EECC9F 0%, #D99D66 100%);
    box-shadow: 0 .37333333333333335rem .5333333333333333rem 0 rgba(0, 0, 0, 0.2);
    border-radius: .56rem 0 0 .56rem;
    text-align: center;
    line-height: .53rem;
    margin: .6666666666666666rem 0 0 0;
}

.advertisement .advertlist .knowjr a {
    color: #fff;
}

.advertisement .adver_fl {
    margin-left: .4266666666666667rem;
}

.advertisement .advertlist .biaoti {
    font-size: .37333333333333335rem;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: .4266666666666667rem;
    margin-bottom: .10666666666666667rem;
}

.advertisement .advertlist .anthor {
    font-size: .32rem;
    font-weight: 500;
    color: #FFFFFF;
    width: 5.7rem;
    opacity: 0.8;
}



.kecheng {
    display: flex;
    margin-top: .59rem;
}

.kecheng .kecheng_fl {
    width: 8rem;
    height: 4rem;
    background: url('/static/mobile/img/index2.png') no-repeat center center;
    background-size: cover;
    margin-right: .27rem;
}

.kecheng_fl .minwidth {
    width: 86%;
    margin: .53rem auto;
}

.kecheng_fl .minwidth .title {
    font-size: .43rem;
    font-weight: 500;
    color: #4494F3;
    margin: .53rem 0 .11rem 0;
}

.kecheng_fl .minwidth .zhwnge {
    font-size: .32rem;
    font-weight: 400;
    color: #478AE7;
    line-height: .43rem;
}

.kecheng_fl .minwidth .buttonzx {
    width: 1.73rem;
    height: .59rem;
    background: linear-gradient(180deg, #7DC4FF 0%, #4792FD 100%);
    border-radius: 11px;
    text-align: center;
    line-height: .59rem;
    margin-top: .96rem;
    color: #fff;
    font-size: .2933rem;
}

.kecheng .kecheng_fr .Ap {
    width: 2.13rem;
    height: 2.51rem;
    margin-right: .27rem;
}

.kecheng .kecheng_fr .Level {
    width: 4.53rem;
    height: 1.23rem;
    margin-top: .27rem;
}
.kecheng .kecheng_fr .div{
    font-size: .37rem;
font-weight: bold;
color: #444444;
position: absolute;
top: .27rem;
left: .27rem;
}
.kecheng .kecheng_fr .div1{
    font-size: .37rem;
font-weight: bold;
color: #444444;
position: absolute;
top: .27rem;
left: 2.93rem;
}
.kecheng .kecheng_fr .div2{
    font-size: .37rem;
font-weight: bold;
color: #444444;
position: absolute;
bottom: .53rem;
left: .27rem;
}
.study_msg{
    padding-top: 0!important;
}
/*.study_msg{*/
/*    width: 100%;*/
/*    height: 1.6rem;*/
/*    background: #F8F8F8;*/
/*    line-height: 1.6rem;*/
/*}*/
/*.study_msg .title{width: 92%;margin: .533333rem auto .266667rem auto;}*/
/*.study_msg .title .story i{width: .106667rem;height: .48rem;background:#2A5AA8;display: inline-block;vertical-align: middle;margin-right: .16rem;border-radius: 2px;}*/
/*.study_msg .title .story span{color: #222222;font-size: .48rem;display: inline-block;vertical-align: middle;font-weight: bold;}*/
/*.study_msg .title a{color: #999999;font-size: .37rem;}*/
.maxwidth90{
    width: 92%;
    margin: .53rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.maxwidth90 .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(226,227,231,0.5);
    padding-bottom: .37rem;
    margin-bottom: .4rem;
}

.maxwidth90 .list .list_fl .title {
    font-size: .48rem;
    font-weight: bold;
    color: #2A2A2A;
    line-height: .67rem;
    margin: 0 0.69rem .59rem 0;
    height: 1.33rem;
    width: 5.6875rem;
    -webkit-line-clamp: 2;
    white-space: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.pass{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

.maxwidth90 .list .list_fl .time {
    font-size: .32rem;
    font-weight: 400;
    color: #999999
}

.maxwidth90 .hsblist{
    width: 4.53rem;
    margin-bottom: .27rem;
    position: relative;
    display: inline-block;
}
.maxwidth90 .hsblist img{
    width: 4.48rem;
    height: 3.39rem;
    border-radius: .4rem;
    object-fit: contain;
    background: #122f5f;
}
.maxwidth90 .hsblist .title{
    font-size: .37rem;
    font-weight: 600;
    color: #222222;
    line-height: .53rem;
    margin: .27rem 0 0 0;
}
.maxwidth90 .hsblist .fixed{
    width: 3.47rem;
    height: .48rem;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    line-height: .48rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: .27rem;
    left: .27rem;
}
.maxwidth90 .hsblist .fixed .fixed_fl{
    width: 1.49rem;
    height: .48rem;
    background: #FFFFFF;
    border-radius: .27rem;
    font-size: .27rem;
    font-weight: 400;
    color: #FF6A00;
    text-align: center;
}
.maxwidth90 .hsblist .fixed .fixed_fr{
    font-size: .27rem;
    width: 2rem;
font-weight: 400;
color: #CCCCCC;
text-align: center;
}
.swiper-container1 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
}
.haishi{
    width: 92%;
    margin: 0 0 0.5rem 0.48rem;
}
.haishi .boxshadow{
    width: 5.6rem;
    height: 6.16rem;
    background: #FFFFFF;
    box-shadow: 0px 7px 10px 0px rgba(0,33,117,0.03);
    border-radius: .21rem;
    border: 1px solid rgba(226,227,231,0.5);
    text-align: center;
    margin-top: 1.07rem;
    margin-right: .27rem;
}
.haishi .boxshadow img{
    width: 2.13rem;
    height: 2.13rem;
    margin-top: -30px;
    border-radius: 1.33rem;
}
.haishi .boxshadow .name{
    font-size: .45rem;
font-weight: 500;
color: #363D51;
margin: .48rem 0 .21rem 0;
}
.haishi .boxshadow .school{
    font-size: .45rem;
font-weight: 500;
color: #363D51;
}
.haishi .boxshadow .zhuanye{
    font-size: .4rem;
font-weight: 400;
color: #363D51;
margin: .27rem 0 .67rem 0;
}
.haishi .boxshadow .zxbutton{
    width: 4.53rem;
height: .88rem;
background: linear-gradient(221deg, #EECC9F 0%, #D99D66 100%);
border-radius: .45rem;
margin: 0 auto;
color: #fff;
font-size: .37rem;
line-height: .88rem;
}
.hsblist .fixedbtn{
    width: 1.87rem;
    height: .53rem;
    line-height: .53rem;
    background: linear-gradient(221deg, #EECC9F 0%, #D99D66 100%);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.2);
    border-radius: .27rem 0px 0px .27rem;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    position: absolute;
    bottom: 1.5rem;
    right: .05rem;
}
.list_fr img{
    width: 3.07rem;
    height: 2.37rem;
    border-radius: 10px;
}

#form1 {
    width: 100%;
    background: #fff;
}

#form1 .text {
    font-size: .48rem;
    font-weight: 600;
    color: #222222;
    margin: .64rem 0 .13rem 0;
    text-align: center;
}

#form1 .suoni {
    margin: 0 auto;
    width: 1.25rem;
    height: .13rem;
    background: linear-gradient(180deg, #7DC4FF 0%, #4792FD 100%);
    border-radius: .11rem;
}
#form1 .maxwidth1{
    width: 90%;
    margin: .27rem auto;
}

#form1 .maxwidth1 .title{
    font-size: .37rem;
    font-weight: 400;
    color: #2A2A2A;
    margin: 0.32rem 0 0.13rem 0.13rem;
}
#form1 .maxwidth1 .title b{
    color: #E02020;
    font-weight: bold;
}
#form1 .maxwidth1 input{
    width: 100%;
    height: 1.2rem;
    background: #FFFFFF;
    border-radius: .16rem;
    border: 1px solid #E0E0E0;
    text-indent: .27rem;
    color: #DADADA;
    font-size: .37rem;
}
#form1 .maxwidth1 button{
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: linear-gradient(180deg, #7DC4FF 0%, #4792FD 100%);
    border-radius: .59rem;
    font-size: .43rem;
    font-weight: 500;
    color: #FFFFFF;
    border: none;
    outline: none;
    margin: .43rem 0 .67rem 0;
}



.submits{font-size: .37rem;;width:4.53rem;height:1.2rem;background: linear-gradient(360deg, #FF5657 0%, #FF5200 100%);box-shadow:0 .03rem .19rem 0 rgba(146,96,0,.23);border-radius:.59rem;color:#fff;border:none;margin:.32rem 0 0 0;font-weight: bold;}
