* {
    margin: 0;
    padding: 0
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}



.main {
    width: 100%;
    max-width: 10rem;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    overflow: auto;
}



.top {
    width: 100%;
    padding: .4rem 0rem;
    background-color: #fff;
    /* margin-bottom: .32rem; */
}
.block2{
    width: 100%;
    height: 15px;
    display: block;
    background-color: #f7f7f7;
}
.searBox{
    width: 100%;
    max-width: 10rem;
    height: 1.733333rem;
    margin-bottom: .4rem;
    position: fixed;
    top:0rem;
    left: 0;
    right: 0;
    background-color: #fff;
    margin: auto;
    z-index: 10;
}
.search {
    width: 92%;
    height:.933333rem;
    margin: auto;
    margin-top: .4rem;
   
}

.searchInp {
    width: 7.68rem;
    height: .933333rem;
    line-height: .933333rem;
    padding: 0 .266667rem;
    border-radius: .466667rem;
    background-color: #F5F5F5;
    float: left;
}

.searchInp img {
    width: .36rem;
    height: .386667rem;
    float: left;
    margin-top: .24rem;

}

.searchInp .inp {
    width: 7.2rem;
    height: .933333rem;
    background-color: #F5F5F5;
    border-radius: .466667rem;
    float: left;
    outline: none;
    border: 0;
    text-indent: .133333rem;

}

.search .searchBtn {
    font-size: .4rem;
    color: #EA1728;
    float: right;
    line-height: .933333rem;
}

.banner {
    width: 92%;
    height: 4.266667rem;
    margin: auto;
    margin-bottom: .133333rem;
    margin-top: 1.733333rem;

}

.ban {
    width: 100%;
    height: 100%;
}

.subject {
    width: 92%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.subBox{
    width: 48%;
    height: 1.733333rem;
    margin-top: .266667rem;
    float: left;

}
.subject img {
    /* width: 4.266667rem;
    height: 1.733333rem;
    margin-top: .266667rem; */
    width: 100%;
    height: 100%;
}

.listBox {
    width: 100%;
    background-color: #fff;
    margin-bottom: 1.333333rem;
}

.list {
    width: 92%;
    padding: .4rem 0;
    margin: auto;
}

.block1 {
    width: .093333rem;
    height: .44rem;
    display: block;
    float: left;
    margin-top: .106667rem;
    background: #EA1728;
    border-radius: .046667rem;
}

.hd {
    width: 100%;
    height: .666667rem;
    margin-bottom: .533333rem;
}

.hh3 {
    float: left;
    margin-left: .213333rem;
    font-size: .48rem;
    color: #1A1A1A;

}
.itemBox{
    overflow: auto;
}
.item {
    width: 100%;
    min-height: 1.4rem;
    padding: .3rem 0;
    border-bottom: .013333rem solid #EDEDED;
}

.left {
    width: 6.133333rem;
    min-height: 1.4rem;
    float: left;
    font-size: .32rem;
    position: relative;

}

.nodata {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    display: none;
}

.nodata h4 {
    color: #B2B2B2;
}

.subName {
    height: .453333rem;
    line-height: .453333rem;
    padding: 0 .133333rem;
    color: #fff;
    border-top-left-radius: .133333rem;
    border-bottom-right-radius: .133333rem;
    text-align: center;
    font-size: .266667rem;
    float: left;
}

.eng{
    background-color: #F9842E;
}
.math{
    background-color:#ff5252 ;
}
.politics{
    background-color: #1f92f9 ;
}
.major{
    background-color: #6abf13;
}


.subImg {
    width: 100%;
    height: 100%;
}

.meansName {
    width: 4.8rem;
    float: left;
    margin-left: .08rem;
    color: #353535;
    font-size: .32rem;

}

.time {
    position: absolute;
    left: 0;
    bottom: 0rem;
    color: #9B9B9B;
}

.right {
    width: 2.16rem;
    height: .666667rem;
    line-height: .666667rem;
    text-align: center;
    font-size: .32rem;
    border-radius: .333333rem;
    float: right;
    margin-top: .4rem;
}

.noUpload {
    background: #FFE6CF;
    color: #EE7318;
}

.upload {
    background: #F7F7F7;
    color: #979797;
}

.footer {
    width: 100%;
    max-width: 10rem;
    height: 1.333333rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    left:0;
    right:0;
    text-align: center;
    margin: auto;
}

.foot {
    width: 92%;
    /* height: 1.333333rem; */
    margin: auto;
}

.wx {
    width: 1.333333rem;
    height:1.066667rem;
    text-align: center;
    float: left;
    overflow: hidden;
}

.wx img {
    width: .64rem;
    height: .493333rem;
    margin-top: .133333rem;

}

.wx .vv {
    width: 2.666667rem;
    /* height: .533333rem; */
    font-size: .533333rem;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 0% 0%;
    color: #565656;
}

.uploadAll {
    width: 7.52rem;
    height: 1.066667rem;
    line-height:1.066667rem ;
    background-color: #FE4447;
    border-radius: .533333rem;
    float: right;
    color: #fff;
    font-size: .426667rem;
    border: none
}
.alled {
    width: 7.52rem;
    height: 1.066667rem;
    line-height:1.066667rem ;
    background-color: #FE4447;
    border-radius: .533333rem;
    float: right;
    color: #fff;
    font-size: .426667rem;
    border: none;
    display: none;
}

.botm {
    width: 100%;
    height: 1.066667rem
}


.wxCode {
    width: 7.52rem;
    height: 8.133333rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -3.76rem;
    margin-top: -4.053333rem;
    display: none;
    background: #fff;
    background: rgba(0, 0, 0, 0);
    z-index: 100
}

.wxCode .closeCode {
    width: .746667rem;
    height: .746667rem;
    position: absolute;
    top: -0.533333rem;
    right: 0rem;
}

.wxCode .codeMa {
    width: 100%;
    height: 100%;
}

.wxNum {
    position: absolute;
    bottom: .933333rem;
    left: 1.466667rem;
    color: #fff;
    font-size: .373333rem;
}

.winTc1 {
    width: 100%;
    max-width: 10rem;
    height: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    margin: auto;
}

.toast {
    position: absolute;
    width: 100%;
    /* padding: .72rem .72rem; */
    background: #fff;
    border-top-left-radius: .853333rem;
    border-top-right-radius: .853333rem;
}

.tos {
    width: 100%-1.44rem;
    padding: .72rem .72rem;
}

.toast .head {
    width: 100%;
    height: .533333rem;
    margin-bottom: .3rem;
    position: relative;
}

.toast .head .title {
    font-size: .426667rem;
    color: #353535;
    text-align: center;
}

.toast .head .closeForm {
    width: .48rem;
    height: .48rem;
    position: absolute;
    right: 0;
    top: 0
}

.closeForm img {
    width: 100%;
    height: 100%;

}

.num {
    font-size: .32rem;
    text-align: center;
    margin-bottom: .4rem;
}

.num span {
    color: #FE4447
}

.row {
    width: 100%;
    height: .933333rem;
    margin-bottom: .533333rem;
}

label {
    font-size: .4rem;
    color: #353535
}

.toast input {
    width: 6.4rem;
    height: .933333rem;
    text-indent: .586667rem;
    margin-bottom: .426667rem;
    outline: none;
    border: 0;
    font-size: .4rem;

}

#phone {
    width: 5.733333rem;
    margin-left: .4rem;
}

#phoneTrue {

    font-size: 0.32rem;
    color: red;
    float: left;
    margin-top: -0.533333rem;
    display: none;
}

#codeTrue {
    font-size: 0.32rem;
    color: red;
    float: left;
    margin-top: -0.533333rem;
    display: none;
}

#code {
    width: 4rem;
    margin-left: .4rem;
}

.getCode {
    width: 1.973333rem;
    height: .72rem;
    float: right;
    border-radius: .133333rem;
    border: .026667rem solid #FE4447;
    text-align: center;
    line-height: .72rem;
    color: #FE4447;
    margin-top: .08rem;
    background-color: #fff;
}

.disable {
    background-color: #F7F7F7;
    border: none;

}

.submit {
    /* height: 1.2rem; */
    background-color: #FE4447;
    border-radius: .533333rem;
    text-align: center;
    line-height: 1.066667rem;
    color: #fff;
    font-size: .426667rem;
    border: none;

}

.show {
    animation: myfirst 0.5s;
    -webkit-animation: myfirst 0.5s;
    animation-fill-mode: forwards;
}

.hideList {
    bottom: 0;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}