.baiyi-common-nav {
    background: #020421 !important;
}
.B-common-home-topbar-menu {
    background: #020421 !important;
}
.page-container{
    width: 100%;
    background-color: #f3f3f3;
}
.container {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*background-color: #fff;*/
}
.join-baiyi-img{
    align-items: center;
    margin: 0px 21px 20px 21px;
    background-color: #fff;
}
.join-baiyi-img img{
    align-items: center;
}
.join-baiyi-content h3{
     margin: 5px 0px;
     font-weight: bold;
 }
.join-baiyi-content button{
    color: #618fd8;
    margin: 7px 0px;
}
.join-center-item{
    margin: 31px 21px 31px 21px !important;
}
.changePolicyNew span {
    display: inline-block;
    /* border: 1px solid #F3F3F3; */
    width: 85px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    letter-spacing: 1px;

    position: relative;
    /*margin-right: 6px;*/
}
.changePolicyNew .active {
    /* background: #5989D6; */
    color: #5989D6;
    border: none;
    font-weight: bold;

}
.changePolicyNew .active::after{
    content:"";
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 2px;
    background: #5989D6;
}
.container-background{
    background: #fff !important;
}
.intro{
    margin: 0 5px;
}

.industry-info{
    /*margin: 0px 5px;*/
}
.industry-info-content{
    height: 75px;
    padding: 10px 10px;
    /*margin: 10px 0px;*/
}
.industry-info-content img{
    height: 55px;
    width: 80px;
}
.industry-info-word p{
    font-weight: bold;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    margin: 0;
}
.industry-info-word small{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -mz-line-clamp: 2;
    line-clamp: 2;
    letter-spacing: 1px;
    color: #666;
    -webkit-box-orient: vertical;
    font-family: initial;
    font-size: 12px;
}
.industry-info-word{
    padding: 0 5px;
    width: 210px;
}
.baiyi-product-video{
    width: 100%;
}
.baiyi-product-video img{
    width: 100%;
}
.baiyi-product-video small{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -mz-line-clamp: 3;
    line-clamp: 3;
    letter-spacing: 1px;
    /*line-height: 2em;*/
    line-height: 24px;
    color: #666;
    -webkit-box-orient: vertical;
    font-family: initial;
    font-size: 14px;
    margin: 12px 5px;

}
.join-park-info img{
    width: 100%;
    height: 120px !important;
    border-radius: 5px;
}
.parkName {
    position: absolute;
    align-items: center;
    text-align: center;
    padding: 22px 50px !important;
    margin: auto;
}
.new-join-park{
    margin: 5px 0px 5px 20px;
}
.new-join-park-title{
    font-size: 20px;
    font-weight: bold;
    color: black !important;
}
.module{
    margin: 5px 0px 5px 20px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 1180px;
}

.module-title{
    font-size: 20px;
    font-weight: bold;
    color: black !important;
}
.join-park{
    height:260px !important
}
.parkName h1 {
    font-size: 16px !important;
}
.friend-link img {
    height: 65px !important;
}
.more-college{
    /*float: right;*/
    text-align: end;
}
.xg5{
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
    width: 20%;
}
.collegeInfo small{
    margin: 12px 0px 12px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -mz-line-clamp: 2;
    line-clamp: 2;
    letter-spacing: 1px;
    color: #666;
    -webkit-box-orient: vertical;
    font-family: initial;
    font-size: inherit;
}
.college-detailed img {
    width: 100%;
    height: 130px !important;
}
.productInfo img{
    width: 80px !important;
    height: 40px !important;
}
.baiyi-product{
    margin: 12px 0px;
}
.productInfo{
    padding: 9px 5px !important;
    text-align: center;
}
.product-goods{
    color: #999;
    font-size: 100%;
    letter-spacing: 1px;
    padding-top: 8px;
    margin-bottom: 0px;
}
.product-name {
    padding-bottom: 8px;
    font-size: 14px;
}
.product-goods span {
    font-size: 14px !important;
    color: #3bb8ff;
    padding-right: 2px;
}

.product-info:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition:  transform  0.9s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 1;
}
.industry-info-width{
    width: 70% !important;
}
.intro-width{
    width: 30% !important;

}
.intro-info{
    text-align: center;
    color: #fff;
    font-size: 16px;
    /*font-weight: bold;*/
    margin: -50px 0px 20px 0px;
}