@charset "utf-8";

.scene_detail_wrap {
    width: 100%;
    margin: auto;
}

.scene_detail_wrap img {
    width: 100%;
}

.popular_wrap .popular_tit {
    background: url(../common/images/line.png) no-repeat center;
    text-align: center;
}

.popular_wrap .popular_tit h2 {
    font-size: 32px;
    font-weight: 600;
}

.popular_wrap .popular_tit .grey {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #bbbbbb;
}

.popular_wrap .popular_con {
    margin: 30px 0 60px 0;
}

.popular_wrap .popular_con dl {
    float: left;
    border: 1px solid #dedede;
    border-radius: 12px;
    overflow: hidden;
}

.popular_wrap .popular_con dl dt img {
    width: 100%;
}

.popular_wrap .popular_con dl dd {
    font-size: 16px;
    line-height: 60px;
    padding: 0 20px;
}

.popular_wrap .popular_con .dl_con {
    margin-right: 15px;
    display: inline-block;
    width: 520px;
    transition-duration: 600ms;
}

.popular_wrap .popular_con .dl_con:nth-child(3n+0) {
    margin-right: 0 !important;
}

.popular_wrap .popular_con .dl_con:hover {
    transition-property: all;
    /*所有属性都获得效果*/
    transition-duration: 0.5s;
    /*规定完成过渡效果需要花费的时间*/
    transition-timing-function: linear;
    /*规定以相同速度开始至结束的过渡效果*/
    transition-delay: 0s;
    /* 定义过渡效果何时开始*/
    transform: translateY(-10px);
}