.main *{
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing:antialiased;
}

.main{
    width:100%;
    margin:0 auto;
}

.fl{
    float:left;
}

.fr{
    float:right;
}

._clear{
    clear:both;
}

.main_top{
    width:100%;
    height:400px;
    background:url(/assets/images/webnew/theme/theme_top_bg.jpg) no-repeat;
    background-size: cover;
}

.theme_top{
    min-width:1200px;
    max-width:1920px;
    width:auto;
    height:400px;
    margin:0 auto;
    background:url(/assets/images/webnew/theme/theme_top_bg.jpg) no-repeat center center;
    /*background-size: cover;*/
}

.main_nav{
    width:100%;
    height:1020px;
    background:#efeff6;
}

.theme_main{
    height:1020px;
    width:1200px;
    margin:0 auto;
}

.nav_top{
    width:1200px;
    height:90px;
}

.nav_top_title{
    font-size:20px;
    color:#333;
    height:20px;
    line-height:20px;
    padding-top:39px;
    font-weight:500;
}

.nav_top_des{
    font-size:14px;
    color:#888;
    height:14px;
    line-height:14px;
    padding-top:45px;
    margin-left:20px;
}

.nav_mid{
    width:1200px;
    height:810px;
}

.every_theme{
    width:384px;
    height:250px;
    background:#fff;
    cursor:pointer;
    margin-top:30px;
    margin-left:24px;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
}

/*.theme_line + .theme_line{*/
    /*margin-top:30px;*/
/*}*/
.theme_line .every_theme:nth-child(1){
    margin-top:0px;
    margin-left:0px;
}

.theme_line .every_theme:nth-child(2){
    margin-top:0px;
}

.theme_line .every_theme:nth-child(3){
    margin-top:0px;
}

.theme_line .every_theme:nth-child(4){
    margin-left:0px;
}

.theme_line .every_theme:nth-child(7){
    margin-left:0px;
}

/*.every_theme + .every_theme{*/
    /*margin-left:24px;*/
/*}*/

.every_theme_top{
    width:384px;
    height:164px;
    position:relative;
    top:0;
    overflow:hidden;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

.every_theme_img{
    width:384px;
    height:164px;
    position:absolute;
    top:0;
    transition:all 0.8s ease-in-out 0s;

}

.every_theme:hover .every_theme_img{
    transform:scale(1.05);
}

.every_theme_cont{
    width:384px;
    height:164px;
    text-align:center;
    position:absolute;
    top:0;
}

.every_theme_title{
    font-size:20px;
    color:#fff;
    height:70px;
    line-height:20px;
    padding-top:50px;
    text-align:center;
    font-weight:500;
}

.every_theme_des{
    font-size:16px;
    color:#fff;
    hegiht:16px;
    line-height:16px;
    margin-top:14px;
    text-align:center;
}

.every_theme_bottom{
    width:384px;
    max-height:70px;
    font-size:14px;
    color:#888;
    line-height:28px;
    padding:15px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nav_bottom{
    height:120px;
    width:1200px;
}

.bottom_page_btn{
    width:300px;
    height:40px;
    background:#fff;
    margin-top:40px;
    text-align:center;
    line-height:40px;
    color:#333;
}

.every_btn{
    width:40px;
    height:40px;
    background:#fff;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    cursor:pointer;
}

.every_btn:hover{
    background:#f8f8f8;
    color:#888;
}

.bth_clicked{
    width:40px;
    height:40px;
    color:#888;
    background:#f8f8f8;
}

.more_btn{
    width:40px;
    height:40px;
    background:#efeff6;
    border-left:1px solid #e0e0e0;
    line-height:32px;
}

.next_page_btn{
    width:100px;
    border-right:1px solid #e0e0e0;
}