@charset "UTF-8";

.wapper{
    padding: 0.5rem 0.5rem 1.5rem;
    background-image: linear-gradient(to bottom, #c3deff 0%,#ffffff 8rem);
}
.wapper2{
    padding: 0.5rem 0.5rem 1.5rem;
    background-image: linear-gradient(to bottom, #fcd396 0%,#ffffff 8rem);
}
.wapper3{
    padding: 0.5rem 0.5rem 1.5rem;
    background: #f6f6f6;
    min-height: calc(100vh - 0.63rem - 1rem - 1.5rem);
    position: relative;
}
.wapper4{
    padding: 0.5rem 0.1rem 0.5rem;
    background: #ffffff;
}
.wapper5{
    padding: 0 0 1.5rem;
}
.search-nothing{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 0.36rem;
    color: #999;
    text-align: center;
}
.search-nothing svg{
    width: 2.9rem;
    height: 2.9rem;
    display: block;
}
.search input[type="search"]{
    width: 100%;
    height: 0.63rem;
    border: 0.01rem solid #e9f0f9;
    background-size: 0.28rem 0.28rem;
    border-radius: 0.63rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    background-size: 0.28rem;
}

.sub-menu{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 0.25rem;
}
.sub-menu a{
    display: block;
    width: 1.28rem;
    height: 0.62rem;
    line-height: 0.62rem;
    text-align: center;
    font-size: 0.24rem;
    border-radius: 0.62rem;
}
.sub-menu a.active{
    background: #fff;
    font-size: 0.3rem;
    font-weight: bold;
}
.sub-menu2 a.active{
    background: none;
    position: relative;
}
.sub-menu2 a.active:after{
    content: '';
    position: absolute;
    left: 50%;
    width: 0.5rem;
    height: 0.06rem;
    background: #ff8a00;
    bottom: 0;
    border-radius: 0.5rem;
    transform: translate(-50%,0);
}
.sub-menu3{
    justify-content: center;
    padding-bottom: 0.5rem;
}
.sub-menu3 a.active{
    background: none;
    position: relative;
}
.sub-menu3 a.active:after{
    content: '';
    position: absolute;
    left: 50%;
    width: 0.5rem;
    height: 0.06rem;
    background: #0c407e;
    bottom: 0;
    border-radius: 0.5rem;
    transform: translate(-50%,0);
}

.adimg{
    margin-top: 0.25rem;
}
.adimg img{
    border-radius: 0.15rem;
}

.sub-title{
    height: 1rem;
    line-height: 1rem;
    font-size: 0.36rem;
    font-weight: bold;
    margin-top: 0.25rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.sub-title svg{
    width: 0.34rem;
    height: 0.36rem;
    margin-left: 0.2rem;
}
.pro-list,.pro-list2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-list li,
.pro-list2 li{
    width: 48%;
    margin-bottom: 0.26rem;
}
.pro-list li a{
    display: block;
    overflow: hidden;
    border-radius: 0.15rem;
    box-sizing: border-box;
    border: 0.02rem solid #ddd;
}
.pro-list li a div{
    text-align: center;
    font-size: 0.3rem;
    height: 1.1rem;
    line-height: 1.1rem;
    border-top: 0.02rem solid #ddd;
}
.pro-list2 li a{
    display: block;
    overflow: hidden;
    border-radius: 0.15rem;
    box-sizing: border-box;
    background: #fff;
}
.pro-list2 li a .t1{
    padding: 0.25rem 0.25rem 0;
    font-size: 0.32rem;
}
.pro-list2 li a .t2{
    padding: 0 0.25rem;
    font-size: 0.16rem;
}
.pro-list2 li a .t3{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0.25rem 0.2rem;
}
.pro-list2 li a .t3 span{
    display: inline-block;
    width: 0.6rem;
    text-align: center;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #fff;
    font-size: 0.24rem;
    background: #dba054;
    border-radius: 0.05rem;
}
.pro-list2 li a .t3 svg{
    width: 0.5rem;
    height: 0.5rem;
}

.second-menu{
    padding-top: 0.1rem;
}
.second-menu a{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: 0.36rem;
    background: #fff;
    border-radius: 0.15rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-top: 0.3rem;
    padding: 0 0.4rem 0 0.5rem;
}
.second-menu a svg{
    width: 0.6rem;
    max-height: 100%;
}
.second-menu2 a svg{
    width: 0.4rem
}
.second-menu a span{
    width: 90%;
}

.searchlist li{
    background: #fff;
    border-radius: 0.15rem;
    margin-bottom: 0.5rem;
}
.searchlist li a{
    display: flex;
    flex-wrap: nowrap;
    height: 2.8rem;
}
.searchlist li a img{
    width: 2.8rem;
}
.searchlist li a .word{
    box-sizing: border-box;
    width: calc(100% - 2.8rem);
    padding: 0.25rem;
    display: flex;
    flex-direction: column;
}
.searchlist li a .word .t1{
    font-size: 0.36rem;
}
.searchlist li a .word .t2{
    font-size: 0.2rem;
    color: #666;
}
.searchlist li a .word .t3{
    display: inline-block;
    width: 0.6rem;
    text-align: center;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #fff;
    font-size: 0.24rem;
    background: #dba054;
    border-radius: 0.05rem;
}
.searchlist li a .word .t4{
    text-align: right;
    color: #0c90ff;
    margin-top: auto;
}

.newslist li{
    background: #fff;
    border-radius: 0.15rem;
    box-shadow: 0 0 0.2rem 0px #999;
    margin-bottom: 0.35rem;
}
.newslist li a{
    display: block;
    padding: 0.2rem;
}
.newslist li a .t1{
    font-size: 0.32rem;
}
.newslist li a .t2{
    font-size: 0.2rem;
    color: #999;
}
.newslist li a .t3{
    font-size: 0.24rem;
    color: #999;
    padding: 0.2rem 0 0;
}

.newstitle{
    font-size: 0.4rem;
    line-height: 1.8;
    font-weight: bold;
}
.newsdate{
    font-size: 0.2rem;
    color: #999;
}
.newsinfo{
    color: #333;
    font-size: 0.26rem;
    padding: 0.2rem 0 0;
}