.top-apply{
    background-color: #171616;
}
.top-apply-content{
    width: 70vw;
    height: 10vw;
    margin:0 auto;
    /*min-width: 750px;*/
    /*background-color: red;*/
}
.top-apply-content .msg{
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 1.6vw;
    color:#ffffff;
}
.top-apply-content-apply{
    margin-left: 0 !important;
    height:auto !important;
}
.top-apply-content-apply input{
    width:11.9vw !important;
    margin: -1px;
}
.top-apply-content-btn{
    float: right;
    height: 2.5vw;
    line-height: 2.5vw;
    margin-top: 1vw;
    font-size: 1vw;
    color:#ffffff;
    background-color: #d9b765;
    text-align: center;
    padding:0 1vw;
    cursor: pointer;
}
.haflash{
    height: 38.8vw;
    background:#FFFFFF url("../../img/background1.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*padding: 0 14vw;*/
}
.title{
    margin:0 auto;
    text-align: center;
    padding-top: 3.6458vw;
    padding-bottom: 2.6458vw;
}
.title .msg{
    font-size: 2.25vw;
    font-weight: bold;
    color:#000000;
    padding-bottom: 1vw;
}
.title .title-line{
    width: 15.6vw;
    height: 1px;
    background-color: #666666;
    display: inline-block;
    margin-bottom: 5px;
}
.title .text{
    position: relative;
    /*top:5px;*/
    padding: 0 1.5vw;
    font-size: 1.1vw;
    color:#666666;
    display: inline-block;
}
.haflash-content{
    width: 73vw;
    /*min-width: 980px;*/
    height: 20.83vw;
    margin: auto;
}
.haflash-left{
    float: left;
    width: 15.1vw;
    height: 20.83vw;
    background-color: #d9b765;
}
.haflash-left .msg{
    font-size: 1.7vw;
    color:#ffffff;
    padding-top: 4.6875vw;
    /*width: 100%;*/
    text-align: center;
}
.haflash-left-line{
    height: 1px;
    background-color: #ffffff;
    height: 1px;
    width: 6.35vw;
    margin: 0 auto;
    margin-top: 1vw;
    margin-bottom: 3vw;
}
.haflash-left-line .point{
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    margin: 0 auto;
    position: relative;
    top:-2px;
}
.haflash-msg{
    color: #ffffff;
    font-size: 0.9vw;
    margin-left: 1.5vw;
    padding-top: 1vw;
}
.haflash-mid{
    position: relative;
    float: left;
    margin-left: 10px;
    width: 32.3vw;
    height: 20.83vw;
}
.haflash-mid img{
    width: 100%;
    height: 100%;
}
.haflash .haflash-mid:hover .img-cover{
    display: block;
}
.haflash .img-cover{
    width: 100%;
    height: 100%;
    line-height: 20vw;
    display: none;
    background-color: rgba(147,37,34,0.5);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.haflash .img-cover a{
    color:#fff;
    font-size: 4vw;
}
.haflash .img-cover a:hover{
    font-size: 5vw;
}
.haflash-right{
    float: left;
    margin-left: 0.5vw;
    width: 21.354vw;
    height: 20.83vw;
}
.haflash-right ul{
    padding-inline-start:2vw;
    list-style: none;
}
.haflash-right ul li{
    height: 4.16vw;
    line-height: 4.16vw;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    color:#444444;
    font-size: 1vw;
    font-weight: bold;
}
.haflash-right ul li:last-child{
    border-bottom: none;
}
.haflash-right ul li img{
    float: left;
    margin-left: 0.78vw;
    max-width: 2vw;
    margin-top: 1vw;
}
.haflash-right ul li span{
    margin-left: 1vw;
    float: left;
    display: block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: calc(100% - 4vw);
}



.instance{
    background:#FFFFFF url("../../img/instance-bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    height: 51.25vw;
}
.instance .title .msg{
    color:#ffffff;
}
.instance-content{
    width: 100%;
    height: 35.677vw;
    /*background-color: red;*/
}
.instance-content-img{
    position: relative;
    width: 20%;
    height: 35.677vw;
    float: left;
}
.instance-content-img:first-child{
    width: 20%;
}
.instance-content-img img{
    position: relative;
    width: 20vw;
    /*left: -2.5vw;*/
    height: 35.67vw;
}
.instance-content-img a{
    position: absolute;
    padding: 0.4vw 1.2vw;
    color:#ffffff;
    background-color:#d9b765; 
    top: 17.8vw;
    left: calc(50% - 3vw);
    font-size: 1.25vw;
    display: none;
}
.instance-content-img span{
    position: absolute;
    padding: 0.4vw 1.2vw;
    color:#ffffff;
    top: 17.8vw;
    left: calc(50% - 3vw);
    font-size: 1.25vw;
    display: block;
}
.instance-content-img:first-child a{
    display: block;
}
.instance-content-img:first-child span{
    display: none;
}

.designer{
    background:#FFFFFF url("../../img/designer-bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*height: 984px;*/
    /*min-width: 883px;*/
}
.designer-content{
    width: 82.3vw;
    height: 39.47vw;
    margin: 0 auto;
}
.designer-info{
    width: 42.75vw;
    height: 33.6vw;
    float: left;
    background-color: #535353;
}
.designer-list{
    width: 38.76vw;
    height: 33.6vw;
    margin-left: 0.5vw;
    float: left;
}
.designer-img{
    height: calc(16.8vw - 5px) !important;
}
.designer-info-top-left{
    width: 15.625vw;
    height: 20.83vw;
    float: left;
}
.designer-info-top-left img{
    width: 100%;
    height: 100%;
}

.designer-info-top-right{
    width: 27.125vw;
    height: 20.83vw;
    padding: 1vw 0 0 3vw;
    float: left;
}
.designer-info-top-right h1{
    margin-top:1vw;
    margin-bottom:0.5vw;
    color:#ffffff;
    font-size: 1.7vw;
}
.appellation{
    color:#ffffff;
}
.appellation .appellation-text{
    float: left;
    padding-top: 0.75vw;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85vw;
}
.appellation .appellation-text:first-child{
    width: 30%;
}
.designer-house-type{
    clear: both;
    padding-top: 2.2vw;
    color:#ffffff;
    font-size: 0.9vw;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 20px;
}
.designer-house-type-list{
    padding-top: 2.2vw;
    color:#ffffff;
    font-size: 0.9vw;
    width: 80%;
    line-height:1.6vw;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.designer-info-bottom{
    clear: both;
    width: 100%;
    height: 12.77vw;
}
.designer-info-bottom a{
    display: block;
    width: 31%;
    height: 88%;
    margin:2% 2% 2% 0;
    float: left;
    overflow: hidden;
}
.designer-info-bottom a:first-child{
    padding-left: 2%;
}
.designer-info-bottom img{
   width: 100%;
   height: 100%;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   -o-transition: all .3s;
   transition: all .3s;
}
.designer-info-bottom a:hover img{
   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.designer-btn1{
    float: left;
    width: 7vw;
    height: 2.5vw;
    line-height: 2.3vw;
    margin-top: 1vw;
    font-size: 0.85vw;
    color:#ffffff;
    background-color: #d9b765;
    text-align: center;
    padding:0 1vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.designer-btn2{
    float: left;
    margin-left: 1vw;
    width: 7vw;
    height: 2.5vw;
    line-height: 2.3vw;
    margin-top: 1vw;
    font-size: 0.85vw;
    color:#ffffff;
    background-color: #535353;
    border:2px solid #d9b765;
    text-align: center;
    padding:0 1vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.designer-btn1:hover , .designer-btn2:hover{
    color:#eee;
}
.swiper-container{
--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
--swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
--swiper-navigation-size: 1.2vw;/* 设置按钮大小 */
}

.swiper-button-prev{
    width: 4vw !important;
    height: 4vw !important;
    top:calc(50% - 1.4vw) !important;
    left:1vw !important;
    background-color: rgba(162,161,161,0.5) !important;
}
.swiper-button-next{
    width: 4vw !important;
    height: 4vw !important;
    top:calc(50% - 1.4vw) !important;
    /*left:1vw !important;*/
    background-color: rgba(162,161,161,0.5) !important;
}

.swiper-button-disabled{
    background-color: rgba(162,161,161,0.5) !important;
    opacity:1 !important;
    pointer-events: auto !important;
}
.designer-list img{
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.designer-list img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.designer-list .swiper-slide{
    overflow: hidden;
    max-width: 33.334%;
}
.designer-list-text{
    position: absolute;
    bottom: 0px;
    width:100%;
    height:2.4vw;
    line-height:2.4vw;
    background-color: rgba(0,0,0,0.4);
    color: #ffffff;
    font-size: 0.9vw;
    text-align: center;
}
.designer-list-text span{
    padding: 0 0.2vw;
}








.vr{
    background:#FFFFFF url("../../img/vr-bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*height: 984px;*/
    height: 52.083vw;
}
.vr .title .msg{
    color:#ffffff;
}

.vr-content{
    width: 83vw;
    height: 40.26vw;
    margin: 0 auto;
}
.vr-content img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.vr-content img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.vr-content-left{
    position: relative;
    float: left;
    width: 43.75vw;
    height: 36.45vw;
    overflow: hidden;
}
.vr-content-left img{
    width: 100%;
    height: 100%;
}
.vr-content-right{
    float: left;
    margin-left: 0.5vw;
    width: 37.864vw;
    height: 36.45vw
}
.vr-content-right-top{
    position: relative;
    width: 100%;
    height: 49%;
    margin-bottom: 2%;
    overflow: hidden;
}
.vr-content-right-bottom{
    position: relative;
    width: 100%;
    height: 49%;
    overflow: hidden;
}
.vr-content-right img{
    width: 100%;
    height: 100%;
}
.vr-logo{
    width: 12.1875vw !important;
    height: 2.5vw !important;
    position: absolute;
    top: 2vw;
    left: 2vw;
    z-index: 98;
}


.story{
    background:url("../../img/story-bg.png"), url("../../img/story-bg2.png");
    background-repeat:no-repeat, no-repeat;
    background-position: 0 0, -3vw 17.34vw;  
    background-size:100vw 17.34vw,103vw,25.5vw;
    height: 44vw;
}
.story-content{
    width: 85.7vw;
    height: 31vw;
    margin: 0 auto;
    position: relative;
}
/*.story-content img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.story-content img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}*/
.story-content-left-text{
    padding-top: 10vw;
    padding-right: 1vw;
    width: 15.4vw;
    height: 31vw;
    text-align: right;
    float: left;
    color:#ffffff !important;
}
.story-content-left-text .text1{
    font-size: 2vw;
}
.story-content-left-text .line{
    margin-top: 0.5vw;
    width: 2vw;
    margin-right: 0px;
    background-color: #ffffff;
    margin-bottom: 4vw;
}
.story-content-left-text .text2{
    padding-top: 1vw;
    font-size: 1vw;
}
.story-content-left-text .text3{
    padding-top: 3vw;
    font-size: 1.2vw;
}
.story-content-left-text a{
    color:#ffffff;
}

.story-content-right-img-list{
    width:70.3vw;
    height: 31vw;
    float: left;
    display: inline-block;
}

.story-content-right-img-left{
    float: left;
    width: 41vw;
    height: 31vw;
    overflow: hidden;
    position: relative;
}
.story-content-right-img-left-pop{
    width: 26vw;
    height: 17vw;
    background-color: rgba(254,254,254,0.7);
    position: absolute;
    bottom: 2.7vw;
    left: 2.7vw;
    z-index: 9;
}
.story-content-right-img-left-pop .text1{
    margin-top: 3vw;
    margin-bottom: 2vw;
    padding-left: 2.5vw;
    padding-right: 0.5vw;
    font-size: 1.4vw;
    font-weight: bold;
    color:#000;
}
.story-content-right-img-left-pop .text2{
    padding-left: 2.5vw;
    padding-right: 0.5vw;
    color: #444444;
    font-size: 0.8vw;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.story-content-right-img-left-pop .btn{
    margin-top: 2vw;
}
.story-content-right-img-left-pop .btn a{
    margin-left: 3.5vw;
    width: 6vw;
    height: 2vw;
    line-height: 2vw;
    background-color: #000;
    color:#fff;
    text-align: center;
    display: block;
    float: left;
    font-size: 0.8vw;
}
.story-content-right-img-left-pop .btn a:first-child{
    margin-right: 1vw;
}


.story-content-right-img-right-pop{
    width: 21vw;
    height: 12vw;
    background-color: rgba(254,254,254,0.7);
    position: absolute;
    bottom: 1vw;
    left: 2vw;
    z-index: 9;
    display: none;
}
.story-content-right-img-right-pop .text1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2vw;
    margin-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1vw;
    font-weight: bold;
    color:#000;
}
.story-content-right-img-right-pop .text2{
    padding-left: 1vw;
    padding-right: 1vw;
    color: #444444;
    font-size: 0.7vw;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.story-content-right-img-right-pop .btn{
    margin-top: 1vw;
}
.story-content-right-img-right-pop .btn a{
    margin-left: 1vw;
    width: 6vw;
    height: 2vw;
    line-height: 2vw;
    background-color: #000;
    color:#fff;
    text-align: center;
    display: block;
    float: left;
    font-size: 0.8vw;
}
.story-content-right-img-right-pop .btn a:first-child{
    margin-right: 1vw;
}


.story-content-right-img-left img{
    width: 41vw;
    height: 31vw;
}
.story-content-right-img-right{
    float: left;
    width: 29.3vw;
    height: 31vw;
    padding-left: 1vw;
}
.story-content-right-img-right img{
    height: 15.0vw;
    width: 25.5vw;
}
.story-content-right-img-right-top{
    position: relative;
    height: 15vw;
    margin-bottom: 1vw;
    float: left;
    overflow: hidden;
}
.story-content-right-img-right-top:hover .story-content-right-img-right-pop{
    display: inline-block;
}
.story-content-right-img-right-bottom:hover .story-content-right-img-right-pop{
    display: inline-block;
}
.story-content img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.story-content-right-img-right-bottom:hover img , .story-content-right-img-right-top:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.story-content-right-img-right-bottom{
    position: relative;
    height: 15vw;
    float: left;
    overflow: hidden;
}

.article{
    height: 35.1vw;
    background:url("../../img/article-bg.png");
    background-position: left bottom;  
    background-repeat:no-repeat;
    background-size:20vw 25vw;
    -moz-background-size:22vw 25vw;
    /*opacity: 0.06;*/
}
.article-content{
    opacity: 1;
    width: 82.3vw;
    height: 35.1vw;
    margin: 0 auto;
    padding-top: 6.67vw;
    padding-bottom: 3vw;
}
.article-content img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.article-content img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.article-content-module{
    position: relative;
    width: 26.4vw;
    height: 25.43vw;
    float: left;
    margin: 0 0.5vw;
    background-color: #ffffff;
}
.article-content-module .text{
    position: absolute;
    text-align: center;
    width: 26.4vw;
    top: 1vw;
    font-size: 1.3vw;
    color:#ffffff;
    text-shadow: 3px 3px 3px #000;
    z-index: 500;
}
.article-content-module .msg{
    position: absolute;
    text-align: left;
    padding-left: 2vw;
    width: 26.4vw;
    top: 10vw;
    height:2vw;
    line-height: 2vw;
    font-size: 0.8vw;
    color:#ffffff;
    text-shadow: 3px 3px 3px #666;
    background-color: rgba(0,0,0,0.4);
    z-index: 97;
}
.article-content-module .msg-title{
    width: 60%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float: left;
}
.article-content-module .msg .msg-title a{
    display: block;
    width: 100%;
    color: #fff;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.article-content-module .msg .msg-title a:hover{
    color: #d9b765;
}
.msg-title a:hover{
    color: #d9b765;
}

.article-content-module .msg-date{
    width: 40%;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float: left;
}
.article-content-module-img{
    width: 26.4vw;
    height: 12vw;
    opacity: 1;
    overflow: hidden;
}
.article-content-module-img img{
    width: 100%;
    height: 100%;
}
.article-content-ul{
    display: block;
    padding-left: 1vw;
    list-style: none;
}
.article-content-ul li{
    height: 2.686vw;
    line-height: 2.686vw;
    color:#000;
}
.article-content-ul li .look-more{
    padding-left: 60%;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.article-content-ul li .look-more a{
    color:#666;
}
.article-content-ul li .look-more a:hover{
    color:#d9b765;
}




/*##############################################################*/
/*##############################################################*/
*{
    box-sizing: border-box;
}
/*其他品牌站*/
.other_brand{
    width: 100%;
    /*min-width: 1200px;*/
    /*height: 684px;*/
    height: calc(35.67vw + 3px);
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}
.other_brand li{
    width: 20%;
    overflow: hidden;
    /*position: relative;*/
    /*float: left;*/
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.other_brand li.l1{
    left: 0;
    z-index: 50;
}
.other_brand li.l2{
    left: 30%;
    z-index: 40;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.other_brand li.l3{
    width: 20.5%;
    left: 50%;
    z-index: 30;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.other_brand li.l4{
    left: 70%;
    z-index: 20;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.other_brand li.l5{
    right: 0;
    z-index: 50;
}
.other_brand li:hover{
    border: 1px solid #fff;
    width: 24%;
    z-index: 97;
}
.other_brand li:hover .bg{
    height: calc(35.677vw - 2px);
}

.other_brand li:hover:before{
    background-color: transparent;
}
.other_brand li:hover .other_brand_con a{
    /*margin-top: 95px;*/
    opacity: 1;
    visibility: visible;
}
.other_brand li.l5{
    position: absolute;
    right: 0;
    top: 0;
}
.other_brand li:before{
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 97;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    -ms-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

.other_brand li .bg{
    display: block;
    height: 35.677vw;
    min-width: 100%;
    min-height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.other_brand_con{
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 97;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.other_brand_con a{
    color: #fff;
    font-size: 1.3vw;
    height: auto;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.other_brand_con a:hover{
    color: #fff;
}
.other_brand_con .text{
    position: absolute;
    top: 45%;
    left:35%;
    color: #ffffff;
    font-size: 1.3vw;
    padding: 0.4vw 1.5vw;
}
.other_brand_con .msg{
    position: absolute;
    top: 45%;
    left:35%;
    color: #ffffff;
    font-size: 1.3vw;
    padding: 0.4vw 1.5vw;
    background-color: #d9b765;
    display: none;
}