@charset "utf-8";

body,html{background: #fff;}

.header-nav ul li.forum-on a::before {width: 100%;}

.banners::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    display: none;
}

._meng {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    height: 60px;
    line-height: 60px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, .35);
    -webkit-transition: .25s;
    -o-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
} 
.com_list li:hover ._meng{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
._meng .s_btn {
    margin-left: 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #ededec;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
    cursor: pointer;
}
._meng .s_btn img{
    margin-right: 5px;
}
._meng .s_btn:hover {
    background-color: #007eff;
    border: 1px solid #007eff;
    -webkit-transition: .25s;
    -o-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
}

.mo_footer{margin-top:15px;}
.mo_footer span{display:block;line-height: 2.25; font-size: 14px; font-weight: 200;}
.mo_footer span label{color:#999;}
.mo_footer .curBtn{display: inline-block; background-color: #0091FF; color:#fff; font-size: 14px; line-height: 30px; text-align: center; padding:0 25px; border-radius: 5em;}

.com_list{background-color: #F5F5F5; overflow: hidden;}
.com_list li {position: relative;width: 31.2%;margin-top: 45px;padding: 15px;box-sizing: border-box;background-color: #fff;margin-right: 3.2%;}
.com_list li:nth-child(3n) { margin-right: 0; }
.com_list li.cur1 .mo_footer .curBtn{background-color: #12A9FF;}
.com_list .temp-pic { overflow: hidden; position: relative; border:0; transition:inherit;}
.com_list .temp-pic:hover{ transform:inherit; }
.com_list .temp-pic_a {display: block;width: 100%;height: 312px;overflow: hidden;border: 1px solid #ededed;}
.com_list .position_rela, .expressReviewImg, .mobileInitReview { position: relative; }
.com_list .temp-pic_a em {display: block;width: 100%;}
.com_list .temp-pic_a img { width: 100%; }
.com_list .temp-pic-attr { display: none; width: 80px; height: 80px; overflow: hidden; position: absolute; top: 100px; left: 50%; right: 0; margin-left: -40px; z-index: 9;transition: all .25s; }
.com_list .temp-pic:hover .temp-pic-attr{ display: block; }
.com_list .temp-pic-attr .carImg{width:80px; height: 80px; background:url("../images/carImg.png");}
.com_list .temp-pic-attr a { float: left; width: 90px; line-height: 40px; height: 40px; text-align: center; border-radius: 25px; background-color: #0099ff; color: #FFF; border: 0; }
.com_list .temp-pic-attr .or_a_ { background-color: rgba(0,0,0,0.5); display: none; }
.com_list .or_a_ img { width: 32px; height: 32px; margin-top: 6px; }
.com_list .temp-pic p {display: none;height: 313px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;z-index: 8;background: url("../images/bg1.png");}
.com_list .temp-pic:hover p{ display: block; } 
.temp-pic-attr .or_a_ { background-color: rgba(0,0,0,0.5); display: none; }


@media screen and (max-width: 1200px) {
    .banners::after{
        display: block;
    }
}
@media screen and (max-width: 960px) {
    .com_list li{
        width: 48.4%;
    }
    .com_list li:nth-child(3n){
        margin-right: 3.2%;
    }
    .com_list li:nth-child(2n){
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    .com_list{
        padding-top: 15px;
    }
    .com_list li {
        width: 100%;
        margin-right: 0;
        margin-top: 15px;
    }
    .com_list li:nth-child(3n){
        margin-right: 0;
    }
}