*{
    MARGIN: 0;
    PADDING:0
}
html,body{
    height: 100%;
}
.big_box{
    /*padding: 0 0.32rem;*/
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
.top{
    height: 3.36rem;
    width: 100%;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.logo{
    width: 3.5rem;
}
.search_box{
    width: 100%;
    height: 0.98rem;
    display: flex;
    display: -webkit-flex;
    border-radius:0.1rem;
    padding: 0 0.24rem;
    box-sizing: border-box;
}
.real_input{
    width: calc(100% - 1rem);
    height: 0.94rem;
    position: relative;
    border:0.02rem solid rgba(225,225,225,1);
    border-radius: 0.16rem 0 0 0.16rem;
    background: #fff;
}
.hua{
    width: 0.25rem;
    height: 0.38rem;
    position: absolute;
    right: 0.37rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.real_input input{
    width: calc(100% - 0.1rem);
    height: calc(100% - 0.04rem);
    border: 0 none;
    padding:0 0 0 0.24rem;
    position: absolute;
    left: 0.06rem;
    top:0.01rem;
    box-sizing: border-box;
    font-size:0.3rem;
    font-family:Arial;
    font-weight:400;
    line-height:0.98rem;
    color:rgba(176,176,176,1);
}
::placeholder{
    font-size:0.3rem;
    font-family:Arial;
    font-weight:400;
    line-height:0.98rem;
    color:rgba(176,176,176,1);
}
:focus{
    outline: 0 none;
}
.right_btn{
    width: 0.98rem;
    height: 100%;
    background:rgba(82,134,244,1);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    border-radius: 0 0.16rem 0.16rem 0
}
.real_search{
    width: 0.33rem;
    height: 0.34rem;
}
.three{
    margin: 0.56rem 0 0.54rem;
    /*padding: 0 0.20rem;*/
    box-sizing: border-box;
}
.real_three{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.three_item{
    width: 24.8%;
    border-right: 0.01rem solid #eef5f9
}
.three_item:nth-child(4n){
    border: 0 none
}
.item_img{
    width:1rem;
    height:1rem;
    /*background:rgba(240,241,243,1);*/
    border-radius:0.18rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 0 auto 0.16rem
}
.item_img_img{
    width: 0.72rem;
    height: 0.72rem;
}
.item_font{
    width: 100%;
    font-size:0.22rem;
    font-family:Arial;
    font-weight:400;
    line-height:0.24rem;
    color:rgba(116,116,116,1);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.four{
    width: 100%;
    border-radius: 0.12rem;
    overflow: hidden;
}
.four img{
    width: 100%;
}
.five{
    margin-top: 0.04rem
}
.intro{
    font-size:0.34rem;
    font-family:Arial;
    font-weight:bold;
    line-height:0.4rem;
    color:rgba(36,36,36,1);
    padding-bottom: 0.4rem;
    padding-left: 0.32rem;
    box-sizing: border-box;
}
.line{
    margin-top: 0.08rem;
    width:0.72rem;
    height:0.08rem;
    /*background:rgba(82,134,244,1);*/
}
.six{
    margin-top: 0.08rem;
    background: red;
    width: 100%;
    height: 1.72rem;
    background:rgba(238,245,249,1);
    position: absolute;
    bottom: 0

}
.six_one,.six_two{
    padding: 0.34rem 0.7rem 0;
    box-sizing: border-box;
    /*margin-bottom: 0.32rem;*/
    display: flex;
    display: -webkit-flex;
    /*justify-content: space-around;*/
    /*-webkit-justify-content: space-around;*/
    line-height: 0.34rem;
    color:rgba(89,89,89,1);
    font-size:0.3rem;
    font-family:Arial;
    font-weight:400;
}
a{
    text-decoration: none;
    color:rgba(89,89,89,1);
    padding:0
}
.six_one div{
    width: 33%;
    text-align: center;
}
.six_two div{
    width: 33%;
    text-align: center;
}
.six_two{
    margin: 0
}
.real_item{
    display: flex;
    display: -webkit-flex;

}
.real_item_img{
    width: 1.86rem;
    height: 1.86rem;
}
.real_item_img img{
    width: 100%;
    height: 100%;
}
.real_item_right{
    width: calc(100% - 1.86rem);
    padding-left: 0.28rem;
    padding-right: 0.16rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid rgba(240,241,243,1)
}
.six_item:first-child .real_item_right{
    border-top: 0.01rem solid rgba(240,241,243,1);
}
.real_right_top{
    margin-top: 0.06rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size:0.3rem;
    font-family:Arial;
    font-weight:bold;
    line-height:0.34rem;
    color:rgba(36,36,36,1);
}
.time{
    font-size:0.28rem;
    font-family:Arial;
    font-weight:400;
    line-height:0.32rem;
    color:rgba(170,170,170,1);
    margin-top: 0.32rem
}
.seven{
    height: 1.12rem;
    padding: 0.32rem 0.1rem 0 0.32rem;
    box-sizing: border-box;
    color: #000;
    font-size:0.262rem;
    font-family:Arial;
    font-weight:600;
    background: #eef5f9;
}