/*@media (min-width: 721px){

/****************
-------首页------
****************/
.IndBan{width:96%; border-radius:0.05rem; overflow: hidden; margin:0.13rem auto;}
.IndBan img{width:100%;}
/**/
.IndStr{ background:#FFF; border-radius:0.05rem; width:90%; padding:.05rem 3%; margin:0 auto 0.15rem;}
.IndTit{ width:96%; padding:0 2%; border-bottom:0.01rem solid #ddd; height:0.36rem;display:flex;justify-content:space-between;align-items:center;}
.IndTit h3{ font-size:0.14rem; color:#222; }
.IndSea{display:flex;align-items:center; font-size:0.12rem; color:#666;}
.IndSea img{width:0.22rem; margin-right:0.04rem;}
.StrUl{ padding:0.01rem 0 0.1rem;}
.StrUl li{ background:#ededed; border-radius:0.05rem; padding:0.08rem 2%; width:96%; margin-top:0.15rem;display:flex;justify-content:space-between;}
.StrUlN{width:90%}
.StrUlN h3{ font-size:0.12rem; font-weight:550; line-height:0.17rem;color:#555;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.StrUlN p{/*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/ line-height:0.18rem; font-size:0.1rem; color:#666;}
.StrUlR{width:15%;}
.play{width:0.23rem; height:0.23rem; display: block; background-size: 0.23rem; background-image: url("../images/bf.png"); background-repeat: no-repeat; background-position: center; margin:0 auto;}
.playo{background-image: url("../images/zt.png");}
.IndXin{ margin-top:0.07rem; display: block;}
.XinI{width:0.18rem; height:0.18rem; display: block; background-size: 0.18rem; background-image: url("../images/heart.png"); background-repeat: no-repeat; background-position: center; margin:0 auto;}
.XinIo{background-image: url("../images/heart2.png");}
.IndXin p{ text-align: center; line-height:0.16rem; color:#999; font-size:0.1rem;}

.IndSEK{background:#FFF; border-radius:0.05rem;width:96%;margin:0 auto; position:relative; overflow: hidden;}
.SeaBK{overflow: auto; height:100%;}
.SeaTH{ height:0.55rem; padding:0 2%;display:flex;justify-content:space-between;align-items:center; border-bottom:0.01rem solid #ddd; background:#fff; position: absolute;top:0; width:96%; left:0;}
.SeaI{width:71%; padding-left:11%;  padding-right:4%; background-size:0.2rem; background-image: url("../images/chaxun.png"); background-position:4% center; background-repeat: no-repeat; background-color:#e3e3e3; border: none; border-radius:0.08rem; height:0.32rem; font-size:0.13rem;}
.SeaDel{width:12%; color:#000; font-size:0.12rem; font-weight: 550; text-align: center; display: block;}


.Seajg{width:94%; padding:0.6rem 3% 0.05rem; }
.SeajgT{width:92%; padding:0.02rem 4% 0;display:flex;align-items:center;flex-wrap:wrap;}
.SeajgT h3{ font-size:0.12rem; color:#000; font-weight:550; margin-top:0.05rem;}
.Seajga{display:flex;align-items:center; font-size:0.1rem; color:#ddd; line-height:0.18rem; padding:0 0.08rem; border-radius:0.09rem; border:0.01rem solid #eee; margin-left: 0.05rem; margin-top:0.05rem;}
.Seajga i{ font-size:0.12rem; font-style: normal; display: block; margin-left:0.03rem;}

.SeaMs{width:80%; padding:0.7rem 10% 0;}
.SeaMs h3{ font-size:0.14rem; color:#000; line-height:0.2rem;}
.SeaMs p{ line-height:0.18rem; color:#777; width:84%; margin:0.1rem auto 0; position: relative;}
.SeaMs p:before{display: block;content: '';position: absolute;left:-0.1rem; width:0.04rem; height:0.04rem; border-radius:0.02rem; background: #7c7c7c;top:0.07rem;}

.audioB{ background:rgba(0,0,0,0.7); position: fixed; width: 100%; height:100%; top:0; left:0; z-index:99; display:none;}
.audioB audio{display: block;width:92%; margin:50% auto 0;}
.audioBC{position: absolute;width: 20px; height: 20px;top:60px;right:4%; z-index:999}
.audioBC img{width:100%;}

/*display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap */