.about_us .top-title {
    width: 100%;
    height: 150rem;
    background-image: url("/static/img/web/about_us.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 150rem;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 32rem;
}

.about_us>.content{
    padding: 40rem 260rem 60rem 260rem;
    background: #F2F2F2;
}


.about_us>.top-tab{
    width: 100%;
    height: 90rem;
    padding: 0 260rem;
    background: #ffffff;
    font-weight: 400;
    font-size: 16rem;
    color: #333333;;
    line-height: 90rem;
    text-align: center;
    display: flex;
    justify-content: flex-start;
}

.about_us>.top-tab>.top-tab-item{
    margin-right: 80rem;
    cursor: pointer;
}

.about_us>.top-tab>.top-tab-item.active{
    color: #D4352D;
    border-bottom: 4rem solid #D4352D;
}

.top-tab-content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.top-tab-content>.menu-list{
    width: 274rem;
    height: 710rem;
    background: #ffffff;
}

.top-tab-content>.menu-list>ul>li{
    width: 100%;
    height: 64rem;
    padding: 0 40rem;
    border-bottom: 1rem solid #EBEBEB;;
    text-align: left;
    line-height: 64rem;
    font-weight: 400;
    font-size: 16rem;
    color: #333333;
    cursor: pointer;
}

.menu-list>ul>li.active{
    background: #D4352D;
    color: #ffffff;
}

.top-tab-content>.menu-content{
    width: 1086rem;
    min-height: 710rem;
    background: #ffffff;
    padding: 40rem 51rem 0 40rem;
}

.menu-content>.title{
    padding-left: 15rem;
    height: 40rem;
    font-weight: 600;
    font-size: 28rem;
    color: #333333;
    position: relative;
}

.menu-content>.title:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 5rem;
    height: 35rem;
    background: #D4352D;
    transform: translateY(-50%);
}

.menu-content>.sub-title{
    min-height: 25rem;
    margin-left: 47rem;
    margin-bottom: 16rem;
    font-weight: 600;
    font-size: 18rem;
    color: #333333;
    line-height: 25rem;
}

.menu-content .paragraph{
    margin-left: 15rem;
    text-indent:32rem ;
    font-weight: 400;
    font-size: 16rem;
    color: #666666;
    line-height: 32rem;
}

.menu-content>.table-container{
    width: 692rem;
    min-height: 211rem;
    margin-left: 15rem;
    background: #FFFFFF;
    border-radius: 10rem;
    border: 1rem solid #E6E6E6;
    overflow: hidden;
}

.table-container .layui-table{
    margin: 0;
    border-collapse:collapse;
    border-radius: 10rem;
    border: 1rem solid #E6E6E6;
    /*transform: translateX(30rem);*/
}

.menu-content>.table-container .layui-table td, .layui-table th{
    height: 47rem;
    padding: 0 32rem 0 32rem;
    font-size: 14rem;
    font-weight: 400;
    color: #9B9B9B;
    border: 1rem solid #E6E6E6;
}

.menu-content>.table-container .layui-table td{
    font-weight: 500;
    font-size: 14rem;
    color: #333333;
}

.menu-content>.table-container .layui-table th{
    border-top: none;
}

.menu-content>.table-container .layui-table th:first-child{
    width: 381rem;
}
.menu-content>.table-container .layui-table th:last-child{
    width: 310rem;
    padding-left: 54rem;
}

.menu-content>.table-container .layui-table td{
    height: 41rem;
}

.menu-content>.table-container .layui-table tr td:last-child{
    padding-left: 54rem;
}

.menu-content>.self-data{
    width: 692rem;
    height: 278rem;
    margin-top: 30rem;
    margin-left: 15rem;
    font-size: 14rem;
    color: #333333;
    background: #FFFFFF;
    border-radius: 10rem;
    border: 1rem solid #E6E6E6;
}

.menu-content>.self-data .self-title{
    height: 46rem;
    padding-left: 32rem;
    color: #9B9B9B;
    line-height: 46rem;
    border-bottom: 1rem solid #E6E6E6;
}

.menu-content>.self-data>p{
    font-weight: 500;
    padding-left: 32rem;
    line-height: 38rem;
}

.content .right-tab{
    background: #ffffff;
}

.content .right-tab .right-tab-item{
    margin: 50rem 81rem 0 81rem;
    display: flex;

}

.right-tab .right-tab-item .left{
    width: 169rem;
    height: 246rem;
}

.right-tab .right-tab-item .left>img{
    width: 100%;
    height: 100%;
}

.right-tab .right-tab-item .right{
    flex: 1;
    margin-left: 27rem;
    margin-top: 33rem;
}

.right-tab .right-tab-item .right .info{
    height: 33rem;
    margin-bottom: 35rem;
    font-weight: 600;
    font-size: 24rem;
    color: #333333;
    line-height: 33rem;
    display: flex;
}

.right-tab .right-tab-item .right .info>span{
    display: inline-block;
    position: relative;
}

.right-tab-item .right .info .position:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 5rem;
    background: #D4352D;
    left: 0;
    bottom: -15rem;
}

.right-tab-item .right .info .name{
    padding-left: 10rem;
}

.right-tab-item .right .info .name:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 5rem;
    background: #D4352D;
    opacity: 0.2;
    left: 0;
    bottom: -15rem;
}

.right-tab-item .right>p{
    font-weight: 400;
    font-size: 14rem;
    color: #666666;
    line-height: 28rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.right-tab-item.border-item{
    padding-bottom: 50rem;
    border-bottom: 1rem solid  #EBEBEB;
}

.content .rules{
    background: #ffffff;
}

.rules-content .title{
    height: 40rem;
    padding-left: 15rem;
    font-weight: 600;
    margin: 40rem 0 30rem 40rem;
    font-size: 28rem;
    color: #333333;
    line-height: 40rem;
    position: relative;
}

.rules-content .title:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 5rem;
    height: 35rem;
    background: #D4352D;
    transform: translateY(-50%);
}

.rules-content .rules-detail{
    padding: 0 55rem 30rem 55rem;
}

.mb15{
    margin-bottom: 15rem;
}

.mb28{
    margin-bottom: 28rem;
}

.mb30{
    margin-bottom: 30rem;
}

.mb40{
    margin-bottom: 40rem;
}

.mb50{
    margin-bottom: 50rem;
}

.mb16{
    margin-bottom: 16rem;
}

.mt72{
    margin-top: 72rem;
}


.pb50{
    padding-bottom: 50rem;
}

.pb87{
    padding-bottom: 87rem;
}