.title{
    height: 0.6rem;
    background-image: url(../images/background_title.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.icon{
    width: 1.5rem;
    height: 0.35rem;
    margin-left: 0.16rem;
    margin-top: 0.125rem;
}

.headtext{
    font-size: 0.12rem;
    color: #ffebdd;
    position: absolute;
    left: 1.7rem;
    top: 0.33rem;
    line-height: 0.12rem;
}

.menu{
    width: 0.2rem;
    position: absolute;
    right: 0.18rem;
    top: 0.22rem;
}

.hqbody{
    margin-top: 0.6rem;
    background-image: url(../images/background_hq.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 0.18rem;
    padding-bottom:0.12rem ;
    border-bottom: 0.07rem solid #f0f0f0;
}

.hqtitle{
    background-image: url(../images/background_hqtitle.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 3.6rem;
    margin: 0 auto;
    padding: 0 0.11rem;
    padding-top: 0.15rem;
}

.titlename{
    font-size: 0.18rem;
    color: #323232;
    line-height: 0.18rem;
    font-weight: bold;
}

.kline{
    font-size: 0.12rem;
    color: #d9861a;
    line-height: 0.12rem;
}

.titleline{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnbox{
    margin-top: 0.15rem;
    display: flex;
    height: 0.31rem;
    padding: 0 0.05rem;
}

.btn{
    width: 0.95rem;
    height: 0.31rem;
    line-height: 0.31rem;
    text-align: center;
    background-image: url(../images/background_btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0.14rem;
    color: #412121;
    margin-right: 0.06rem;
    font-weight:bold
}

.btnon{
    background: #fff !important;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}

.newestdata{
    font-size: 0.12rem;
    line-height: 0.12rem;
    padding-left: 0.32rem;
}

.red{
    color: #d80000;
    font-size: 0.12rem;
}

.hqdata{
    margin-top: 0.08rem;
    padding-left: 0.22rem;
    padding-right: 0.22rem;
}

.hqdata table{
    width: 100%;
    border-collapse: collapse;
}

.hqdata th{
    height: 0.24rem;
    color: #ffffff;
    font-size: 0.12rem;
    text-align: center;
    background: #e4b06d;
}

.hqdata td{
    height: 0.23rem;
    font-size: 0.12rem;
    text-align: center;
}

.hqdata tbody tr:nth-child(2n){
    background: #f5f5f5;
}

.datatitle{
    padding-top: 0.1rem;
    padding-left: 0.2rem;
}

.databody{
    padding-bottom: 0.03rem;
    border-bottom: 0.08rem solid #f0f0f0;
}

.databox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:0 0.16rem;
    margin-top: 0.12rem;
}

.datapart{
    width: 1.05rem;
    height: 0.92rem;
    box-shadow: 0 0 3px #eee;
    text-align: center;
    margin-bottom: 0.12rem;
}

.name{
    font-size: 0.14rem;
    color: #323232;
    height: 0.46rem;
    padding-top: 0.08rem;
    line-height:1.1;
    font-weight:bold
}

.num{
    font-size: 0.19rem;
    line-height: 0.19rem;
}

.updown{
    display: flex;
    justify-content: space-between;
    padding: 0 0.08rem;
    margin-top: 0.1rem;
}

.updownnum,.updownper{
    font-size: 0.11rem;
    line-height: 0.11rem;
}

.linkbox img{
    width: 1.76rem;
    height:0.72rem;
    margin-bottom:0.1rem;
}

.linkbox{
    margin-top: 0.13rem;
    padding: 0 0.08rem;
    display: flex;
    justify-content: space-between;
}

.store{
    margin-top: 0.17rem;
    width: 3.6rem;
}

.linkbody{
    text-align: center;
    padding-bottom: 0.13rem;
    border-bottom: 0.08rem solid #f0f0f0;
}

.msgtitle{
    position: relative;
    height: 0.5rem;
    font-size: 0.18rem;
    line-height: 0.5rem;
    font-weight: bold;
    padding-left: 0.2rem;
}

.hqdatabox{
    padding-top: 0.1rem;
}

.more{
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    font-size: 0.12rem;
    color: #1968be;
    line-height: 0.12rem;
    font-weight: normal;
}

.msgbox{
    height: 0.865rem;
    border-top:0.01rem solid #f1f1f1;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.msg{
    font-size: 0.15rem;
    color: #0d0d0d;
    line-height: 1.5;
    padding-top: 0.07rem;
    display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2; /* 2行，只有 webkit内核支持 */
    word-break: break-all; /* 纯英文换行 */
    overflow: hidden;
    height:0.52rem;
}

.msgdate{
    font-size: 0.13rem;
    color: #1968be;
    margin-top: 0.08rem;
    text-align:right;
}

.msgbody{
    border-bottom: 0.08rem solid #f0f0f0;
}

.footer{
    height: 0.47rem;
    line-height: 0.47rem;
    text-align: center;
    font-size: 0.12rem;
}

.footer span{
    color: #a1a1a1;
    font-size: 0.12rem;
}

.msgparent{
    position: relative;
}

.imgbox{
    position: absolute;
    right: 0;
    bottom: 0.05rem;
}

.imgbox img{
    height: 0.14rem;
    width: 0.31rem;
    margin-left: 0.05rem;
}

.pop{
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    padding-top: 0.31rem;
    width: 100%;
    padding-bottom: 0.15rem;
    display: none;
    z-index: 101;
}

.btnpart{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.1rem;
}

.popbtn{
    height: 0.35rem;
    line-height: 0.35rem;
    background: #f6f6f6;
    border-radius: 1rem;
    font-size: 0.14rem;
    padding: 0 0.2rem;
    margin-bottom: 0.15rem;
    margin-right: 0.1rem;
}

.popbtnon{
    background: #ff8a00;
    color: #fff;
}

.popclose{
    display: block;
    margin: 0 auto;
    width: 0.25rem;
    height: 0.25rem;
}

.colorred {
    color: #e52629
}

.colorgreen {
    color: #049700
}