@charset "utf-8";
/* CSS Document */

*{margin: 0px;padding: 0px;}
body{   font-size:0.24rem; line-height:1.5;  color:#333333; background:#ffffff;}
body,html {  }
ul,li,p,h1,h2,h3,h4,h5,h6,img,video,input,img,form{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color: #333333; cursor:pointer}
img{ display: block; border:0px;}
.fl{ float:left}
.fr{ float:right;}
.clear {clear: both;}
.hide{display: none;}
input{ border:none; margin:0px; padding:0px; display:inline-block;outline:none;color:#999999;font-size:0.26rem; }
textarea{ border:1px solid #dbdbdb;margin:0rem; padding:0px; outline:none;color:#999999;font-size:0.26rem;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999999;font-size:0.26rem;}
select{font-size:0.26rem;}
h2{ font-size: 0.34rem; }
h3{ font-size: 0.32rem; }
h4{ font-size: 0.36rem; font-weight: normal;}
h5{ font-size: 0.28rem;}
h6{ font-size: 0.26rem;}

.top{ background: url(../img/top.jpg) no-repeat top center; background-size:100% 3.25rem; height: 3.25rem; box-sizing: border-box; padding:2.53rem 0rem 0rem 0.52rem;}
.top span{ display: inline-block; color: #FFFFFF; border: 1px solid #FFFFFF;  padding: 0rem 0.23rem; line-height: 0.37rem; height: 0.37rem; border-radius: 0.05rem;}

.mbox{ padding: 0.05rem 0.5rem 0.3rem 0.5rem;}
.ad{ width: 100%; height: 1rem; margin-top: 0.4rem;}
.ad img{ width: 100%; height: 1rem; object-fit: cover;}

.tab-content{ padding-top: 0.25rem;}
.tab-title{ display: flex; flex-direction: row;justify-content: space-between; align-items: center; width: 100%;}

.m_b{ width: 1.6rem;}
.m_b li{ width: 1.6rem; font-size: 0.34rem;font-weight: bold; background: url(../img/dot.png) no-repeat top 0.05rem left; background-size:0.16rem 0.16rem; color:#333333;padding: 0rem; box-shadow: none; text-align: left;flex-grow: 0;}

.m_s{ width: 1rem;flex-grow: 1;display: flex; flex-direction: row;justify-content: space-between; align-items: center;box-shadow: 0rem 0.05rem 0.15rem rgba(0,0,0,0.1);height: 0.48rem;}
.m_s li{ height: 0.26rem; line-height: 0.26rem; font-size: 0.26rem; color: #00a0be;  padding: 0rem 0rem; flex-grow: 1; text-align: center; border-right:1px solid #999999;}
.m_s li:last-child{   border-right:none ;}

.tab-title li.on{ font-weight: bold;}

.imgtt{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;margin-top: 0.4rem;}
.imgtt .text{ width: 1rem; flex-grow: 1; order: 2; display: flex; flex-direction: column; /*justify-content: space-between;*/}
.imgtt .tit{ line-height: 0.3rem; max-height: 0.6rem; overflow: hidden; display: block;margin-bottom: 0.1rem;}
.imgtt .des{ line-height: 0.28rem;  font-size: 0.22rem; color: #999999;margin-bottom: 0rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.imgtt .tag a{ display: inline-block; margin:0.05rem 0.1rem 0rem 0rem; font-size: 0.22rem; line-height: 0.28rem; border: 1px solid #00a0be; color: #00a0be; padding: 0rem 0.12rem; border-radius: 0.05rem;}

.imgtt .img{ width: auto; order: 1; margin-right: 0.3rem;}
.imgtt .img img{width: 1.8rem; height: 1.08rem;  object-fit: cover; border-radius: 0.06rem;}
.imgtt .imgs{order: 3;width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 0.15rem;}
.imgtt .imgs img{width: 1rem; flex-grow: 1; height: 1.2rem; object-fit: cover; margin: 0rem 0.02rem; border-radius: 0.06rem;}

.jies{ color: #666666; margin-top: 0.35rem; font-size: 0.26rem;}
.jies p{ line-height: 0.36rem; padding: 0.05rem 0rem; text-align: center;}

.dibank{ height: 0.9rem; line-height: 0.9rem;}
.ftm{ position: fixed; bottom: 0rem; left: 0rem; height: 0.8rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width:100%; background: #ffffff;box-shadow: 0.05rem 0rem 0.15rem rgba(0,0,0,0.1);}
.ftm a{ display: block; width: 50%; text-align: center;}