.por{
    position: relative;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*单行溢出省略*/
.omit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*多行溢出省略*/
.omit2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
    overflow: hidden;
}
.H-BOX{
    background-color: #f7f8fa;
    border-radius: 4.17vw;
    box-shadow: 0 0 20px 5px #FADBC2 inset;
    position: relative;
    z-index: 1;
}
.H-TOP{
    width: 53.8vw;
    margin: 0 auto 4.07vw;
    font-size: 4.44vw;
    color: #6f5f45;
    padding-top: 6.02vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.H-TOP i{
    width: 13.52vw;
    height: 3.61vw;
    background: url("../images/Hbg-06.png");
    background-size: contain;
}
.H-NEWS{
    padding: 0 5.56vw 4.72vw;
}
.H-NEWS a{
    float: left;
    width: calc((100% - 2.77vw)/2);
    margin-bottom: 3.15vw ;
}
.H-NEWS a:nth-child(even){
    margin-left: 2.77vw;
}
.H-NEWS .H-IMG{
    width: 100%;
    height: 25.19vw;
    border-radius: 2.88vw;
    margin-bottom: 3.24vw;
    overflow: hidden;
    background-color: #f00;
}
.H-NEWS .H-IMG img{
    width: 100%;
    height: 100%;
}
.H-NEWS a p{
    font-family: SourceHanSansCN-Medium;
    font-size: 3.52vw;
    font-weight: 500;
    line-height: 5.56vw;
}
/*//列表*/
.H-LIST{
    padding: 0 3.61vw 5.04vw;
    margin-bottom: 15vw;
}
.H-LIST a{
    display: block;
    height: 31.57vw;
    padding: 3.15vw 2.04vw;
    border-radius: 2.07vw;
    background-color: #fff;
    margin-bottom: 1.98vw;
    overflow: hidden;
}
.H-LIST .H-IMG{
    float: left;
    width: 43.06vw;
    height: 100%;
    border-radius: 1.88vw;
    margin-right : 3.06vw;
    overflow: hidden;
    background-color: #f00;
}
.H-LIST .H-TXT{
    float: left;
    width: 41.94vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: justify;
}
.H-LIST .H-BTN{
    position: absolute;
    width: 16.39vw;
    height: 6.67vw;
    right: 4.17vw;
    bottom: 3.15vw;
    color: #fff;
    text-align: center;
    line-height: 6.67vw;
    background-color: #FF6D1A;
    border-radius: 3.33vw;
}
.H-TXT .omit2{
    font-family: SourceHanSansCN-Medium;
    font-size: 3.52vw;
    font-weight: 500;
    line-height: 5.56vw;
}
.H-Fan{
    width: 15.56vw;
    height: 4.81vw;
    text-align: center;
    line-height: 4.81vw;
    border-radius: 3px;
    font-size: 2.88vw;
    background-color: #FFE4E1;
}
.H-slogan{
    color: #999999;
}
.Qian{
    color: #F86E21;
    font-weight: bold;
    margin-top: 1.28vw;
    font-size: 3.78vw;
}
/*答谢金明细*/
.account_tab{
    height: 20.37vw;
    padding: 0 10.74vw;
    font-size: 4.63vw;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account_tab p{
    padding-bottom: 3vw;
}
.account_tab p.active{
    font-weight: bold;
    color: #333333;
    position: relative;
}
.account_tab p.active:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 11.11vw;
    height: 0.93vw;
    background-color: #ff8437;
    border-radius: 0.46vw;
}
.account_box .account_li{
    display: flex;
    align-items: center;
    padding: 0 4.91vw 6.76vw;
}
.account_img{
    flex: none;
    width: 11.2vw;
    height: 11.2vw;
    margin-right: 2.5vw;
}
.account_img img{
    width: 100%;
    height: 100%;
}
.account_money{
    flex: none;
    height: 100%;
    font-size: 4.26vw;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.account_money .account_real{
    font-size: 3.33vw;
    color: #ff0000;
}
.account_txt{
    flex: 1;
    font-size: 3.89vw;
}

.account_txt .account_con{
    font-size: 3.33vw;
    color: #999999;
    margin-top: 2.31vw;
}
.map_money{
    width: 92.59vw;
    height: 41.67vw;
    font-size: 3.7vw;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 4.54vw auto 6.39vw;
    background: url("../images/Hbg-07.png") no-repeat center;
    background-size: contain;
}
.map_money p{
    opacity: 0.8;
    padding-bottom: 2.17vw;
}
.map_money h5{
    font-size: 9.26vw;
}
.map_money_fine{
    padding: 0 0 5.65vw 3.43vw;
    font-size: 4.44vw;
    font-weight: bold;
}
/*//粉丝订单*/
.fans_tab{
    height: 13.98vw;
    color: #999999;
    font-size: 3.52vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.fans_tab p{
    padding-bottom: 1.31vw;
}
.fans_tab p.active{
    color: #333;
    font-size: 3.7vw;
    font-weight: bold;
    position: relative;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.fans_tab p.active:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.74vw;
    background-color: #f71e14;
    border-radius: 0.37vw;
}
.fans_goods a{
    display: block;
    width: 94.44vw;
    margin: 0 auto 2.69vw;
    padding: 0 4.17vw;
    background-color: #fff;
    border-radius: 2.78vw;
}
.fans_goods_top{
    height: 14.72vw;
    font-size: 3.89vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 8.24vw;
    background: url("../images/icon-shop.png") no-repeat left center;
    background-size: 5.56vw 5.56vw;
}
.fans_goods_top span{
    font-size: 3.33vw;
    color: #fe4543;
}
.fans_goods_con{
    display: flex;
}
.fans_goods_img{
    flex: none;
    width: 19.17vw;
    height: 19.07vw;
    margin-right: 2.5vw;
}
.fans_goods_img img{
    width: 100%;
    height: 100%;
}
.fans_goods_txt{
    flex: 1;
    color: #999;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.fans_goods_txt .omit2{
    font-size: 3.7vw;
    color: #333;
}
.h_jiage{
    flex: none;
    display: flex;
    align-items: center;
    color: #505050;
}
.h_jiage span{
    color: #f00;
    margin-left: 2.28vw;
}
.fans_goods_p{
    height: 14.36vw;
    line-height: 14.36vw;
    text-align: right;
    color: #555555;
    margin-top: 1.75vw;
}
.fans_goods_btn{
    padding-bottom: 5.83vw;
}
.fans_goods_btn p{
    float: right;
    height: 7.41vw;
    color: #fe4543;
    text-align: center;
    line-height: 7.41vw;
    border-radius: 3.7vw;
    border: solid 0.19vw #fe4543;
    padding: 0 5.37vw;
}
.H-URL{
    word-break:break-all;
    text-align: justify;
}
.H-Catu{
    position: absolute;
    width: 39.63vw;
    height: 55vw;
    top: 1.11vw;
    right: 6.2vw;
    background: url("../images/Hbg-10.png") no-repeat center;
    background-size: contain;
    z-index: 9;
}
.H-copy{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,50%);
    height: 9.26vw;
    padding: 0 7.5vw;
    color: #fff;
    font-size: 3.82vw;
    text-align: center;
    line-height: 9.26vw;
    background-image: linear-gradient(-90deg,
    #ff6c3e 0%,
    #ffa64c 100%);
    border-radius: 4.63vw;
}