body {font-family: "microsoft yahei","simsun";}
/*modi*/
.site-wrap{
    background-color: #f2f2f2;
}
.detail-main{
    background-color: #fff;
}
.modi{
    background-color: #fff;
}
.col12{
    width: 1200px;
    overflow: hidden;
}
.modi-top{
    padding-top: 20px;
    background-color: #e5e5e5;
}
.modi-top .container{
    width: 1210px;
}
.modi-top-list .modi-info .info-pic img{
    width: 100%;
    height: 194px;
}
.modi-top-list{
    width: 1200px;
    overflow: hidden;
}
.modi-top-list  .col3{
    width:290px;
    float: left;
    margin-right: 13px;
}
.modi-top-list  .col3:nth-child(4n){
    margin-right:0;
}
.modi-top-list .info-remark a{
    font-size: 16px;
    color: #333;
}
.modi-top-list  .info-other{
    padding:0 5px;
    margin-top: 12px;
    margin-bottom: 30px;
    font-size: 13px;
    color: #999;
}
/*modi选择区域begin*/
.modi-condition{
    position: relative;
    width: 1200px;
   /* background-color: darkseagreen;*/
}
.e-cord{
    position: absolute;
    width: 90px;
    height: 90px;
    right: 30px;
    top: 25px;
    overflow: hidden;
}
.e-cord img{
    width: 100%;
}
.modi-condition .filter-list{overflow: hidden;}
.modi-condition .filter-list.sel{
    padding: 0 30px;
    display: none;
}
.fl-sel{
    background: #f8f8f8;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
}
.modi-condition .filter-list.filter::before, .modi-condition .filter-list.filter::after{content: ""; display: table;}
.modi-condition .filter-list.filter::after{clear: both;}
.modi-condition .filter-list.filter{
    position: relative;
    overflow: visible;
}
.modi-condition .filter-list label{
    float:left;
    color:#99;
    margin-right: 20px;
}
.modi-condition .filter-list .bar{float:left;}
.modi-condition .filter-list .bar span{display: inline-block;}
.modi-condition .filter-list .bar span a{display: inline-block; color:#044999;cursor:pointer;}
.modi-condition .filter-list .bar span a.active{color:#fff;background:#044999;}

/*车型*/
.modi-condition .filter-list .models{
    margin-bottom: 20px;
}
.modi-condition .filter-list .models .nc-box{position: relative;float: left;background-color: #f8f8f8; border: 1px solid #eee;}
.modi-condition .filter-list .models .nc-box span{display: block;cursor: pointer;color:#999;z-index: 1;}
.modi-condition .filter-list .models .nc-box span i{color:#999;float: right;}
.modi-condition .filter-list .nc-selection{position: absolute;background-color: #fff;border: 1px solid #eee;z-index: 2;overflow: auto;}
.modi-condition .filter-list .nc-selection a{display: block;margin-right: 0;color:#333;}

/*已选*/
.modi-condition .filter-list .selected{float:left;}
.modi-condition .filter-list .selected span{display: inline-block;}
.modi-condition .filter-list .selected span a{display: inline-block;background: #fff; color:#044999;border:1px solid #eee;}
.modi-condition .filter-list .selected span a .icon-close{color:#ccc;}

/*改装数据列表*/
.modi .no-data{color:#ff6666;text-align:center;}
.modi .load-all{background: #f8f8f8;border: 1px solid #eee;text-align: center;color:#ff6666;}
.modi .modi-info .info-pic{position:relative;}
.modi .modi-info .info-pic .link{display: block;}
.modi .modi-info .info-pic img{max-width:100%;width:100%;height:100%;}
.modi .modi-info .info-remark h3{font-weight:500;}
.modi .modi-info .info-remark h3 a{display:block;color:#222;overflow: hidden;}
.modi .modi-info .info-remark .info-other{font-weight:100;color:#0099cc;}
.modi .modi-info .info-remark .info-other .line{margin:0 5px;}
.modi .more{display: block;width: 100%;background: #f8f8f8;border: 1px solid #eee;text-align: center;color:#ff6666;}

/*改装案例标题作者正文*/
.case h1{font-weight:normal;color:#333;}
.case .info .author a{color:#044999;}
.case .info .website{color:#666;}
.case .info .time{color:#999;}
.case .info .comment .icon{color:#999;}
.case .info .like .icon{color:#999;}
.case .case-content li .pic{position:relative;}
.case .case-content li .pic img{max-width:100%;}
.case .case-content li .desc{color:#333;}
.case .operation{text-align:center;}
.case .operation .like{display:inline-block;vertical-align:top;}
.case .operation em{font-style: normal;}
.case .operation .like{border:1px solid #ff6666;color:#ff6666;}
.case .operation .like .icon{display:inline-block;color:#ff6666;}

/*@media screen and (min-width : 992px){*/
    .detail-main .main-left{width:140px;}
    .detail-main .main-center{padding:0 30px 30px;width:760px;}
    .detail-main .main-right{width:270px;}

    /*modi选择区域*/
    .bar{
        width: 100%;
        margin-bottom: 25px;
        border-top:1px solid #124682;
    }
    .bar li{
        float: left;
        position: relative;
        height: 50px;
        cursor: pointer;
    }
    .bar li a{
        display: block;
        height: 50px;
        padding:0 20px;
        font-size: 16px;
        line-height: 50px;
        color:#124682;
    }
    .bar li a.first.active{margin-left:15px;}
    .bar li a.active{
        font-weight: 600;
        font-size: 18px;
        color:#fff;
        background-color: #124682;
    }
    .triangle-down {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #104879;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        display: none;
    }
    .bar li a.active .triangle-down {
        display: block;
    }

    .modi-condition .filter-list .bar span{
        position: relative;
    }
    .modi-condition .filter-list .bar span a{
        height: 50px;
        padding:0 20px;
        font-size: 18px;
        line-height: 50px;
        color:#124682;
    }

    .modi-condition .filter-list .bar.hot span a{margin-left:12px;margin-right:0;}
    .modi-condition .filter-list .bar span a:hover{color:#333;}
    .modi-condition .filter-list .bar span a.first{margin-left:20px;}
    .modi-condition .filter-list .bar span a.first.active{margin-left:15px;}
    .modi-condition .filter-list .bar span a.active{
        font-weight: 600;
        font-size: 18px;
    }
    .info-remark{
        padding: 5px 5px 0;
    }
    /*车型*/
/*    .modi-condition .filter-list .models{width:317px;}
    .modi-condition .filter-list .models.city{width:168px;}*/
    .modi-condition .filter-list .models .nc-box{width:180px;height: 40px;line-height: 40px;border-radius: 2px;margin-right: 20px;padding: 0 20px;}
    .modi-condition .filter-list .models .nc-box:nth-child(1){
        margin-left:30px;
    }
    .modi-condition .filter-list .models .nc-box span{width: 145px;line-height: 40px;}
    .modi-condition .filter-list .models .nc-box span i{padding-right:4px;font-size: 12px;}
    .modi-condition .filter-list .nc-selection{top: 38px;width:180px;height:176px;left: -0.5px;}
    .modi-condition .filter-list .nc-selection a{margin-right: 0;padding:0 4px;}
    .modi-condition .filter-list .nc-selection a:hover{background: #f8f8f8;color:#044999;}

    /*已选*/
    .modi-condition .filter-list .selected{padding-left:15px;}
    .modi-condition .filter-list .selected span{height:36px;line-height:36px;}
    .modi-condition .filter-list .selected span a{margin-right:10px;line-height:22px;cursor:pointer;padding: 0 4px;}
    .modi-condition .filter-list .selected span a:hover{border:1px solid #044999;}
    .modi-condition .filter-list .selected span a .icon-close{font-size:6px;padding-left: 4px;}
    .modi-condition .filter-list .selected span a:hover .icon-close{color:#044999;font-weight: 600;}

    /*改装数据列表*/
    .modi .modi-list{
        padding:10px 30px 0;

    }
    .modi .modi-list .row{
        margin: 0;
    }
    .md-3{
        width: 270px;
        float: left;
        padding:0;
        margin-right: 20px;
    }
    .md-3:nth-child(4n){
        margin-right: 0;
    }
    .md-3:nth-child(4n-3){
        clear: both;
    }
    .modi .no-data{
        margin:30px 0;line-height:40px;font-size:16px;
    }
    .modi .load-all{
        width: 300px;
        height:40px;
        margin: 20px auto 40px;
        line-height:40px;
        font-size: 16px;
        color: #666;
        cursor: pointer;
    }
    .modi .modi-info .info-pic{
        width: 270px;
        height: 180px;
        overflow: hidden;
    }
    .modi .modi-info .info-pic img,.modi .modi-info .info-pic.big-pic img{
        height:180px;
        cursor: pointer;
        transition: 0.7s;
        max-width: 100%;
    }

    .modi .modi-info .info-remark{
        padding-top:10px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    .modi .modi-info .info-remark h3 a{
        height: 50px;
        padding:0 20px;
        line-height:24px;
        font-size:16px;
        text-align: center;
        color: #124682;
        overflow: hidden;
    }
    .modi .modi-info .info-remark .info-other{
        padding: 10px 20px;
        font-size:14px;
        color: #666;
        text-align: center;
    }
    .modi .modi-list .col-lg-3:hover{
         background-color: #f2f2f2;
    }
    .modi .modi-info .info-pic img:hover,.modi .modi-info .info-pic.big-pic img:hover{
        transform: scale(1.2);
        position:relative;
        z-index:10;
    }
  /*  .modi .modi-info .info-remark:hover .info-other{
         background:rgba(0,0,0,0.2);
    }*/
    .modi .more{
        width: 300px;
        height: 40px;
        margin:45px auto 55px;
        background-color: #f2f0f3;
        border: none;
        line-height: 40px;
        font-size: 14px;
        color: #666;
    }

    /*改装案例详情页面包屑*/
    .bread-nav{margin-bottom:20px;line-height:40px;border-bottom:1px solid #eee;}
    .bread-nav a{line-height:40px;font-size:13px;color:#333;}
    .bread-nav span{font-size:13px;color:#333;}
    .bread-nav a:after{margin:0 6px;content:'>';font-size:13px;color:#999;}
    .bread-nav a:hover{color:#044999;}

    /*改装案例标题作者正文*/
    .case h1{margin-bottom:20px;line-height:34px;font-size: 24px;}
    .case .info{padding-bottom:20px;font-size:13px;}
    .case .info .author{margin-right:25px;}
    .case .info .website{margin-right:25px;}
    .case .info .time{margin-right:25px;}
    .case .info .comment .icon{margin-right:5px;font-size:12px;}
    .case .info .like{margin-right:25px;}
    .case .info .like .icon{margin-right:5px;font-size:12px;}
    .case .case-content li{margin-bottom:24px;}
    .case .case-content li .pic{}
    .case .case-content li .pic img{max-width:100%;}
    .case .case-content li .pic .zoom{position: absolute;right:10px;bottom:10px;font-size:13px;color:#fff;}
    .case .case-content li .pic .zoom i{font-size:13px;}
    .case .case-content li .desc{margin-top:5px;line-height:30px;font-size:16px;}
    .case .operation{padding:30px 0;}
    .case .operation .like{width:120px;height:48px;line-height:42px;border-radius: 24px;font-size:24px;}
    .case .operation .like .icon{padding-right:10px;font-size:24px;}
    .case .operation .like:hover{background:#ff6666;color:#fff;}
    .case .operation .like:hover .icon{color:#fff;}

    /*改装案例详情页其他案例*/
    .case-rec-list{padding-top:10px;}
    .case-rec-list .info-img{width:100%;overflow: hidden;}
    .case-rec-list .info-img a{display:block;}
    .case-rec-list .info-img img{max-width:100%;width:100%;height:142px;-webkit-transition:.7s;transition:.7s;}
    .case-rec-list .info-title{margin:5px 0 10px;height:36px;line-height:18px;overflow:hidden;}
    .case-rec-list .info-title a{font-size:14px;color:#333;}
    .case-rec-list .info-img:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
    .case-rec-list .info-title a:hover{color:#044999;}

    /*改装案例详情页分享*/
    .shared{width:140px;text-align: center;}
    .shared.fixed{position:fixed;top:68px;-webkit-animation: bounceindown .8s;-moz-animation: bounceindown .8s; -ms-animation: bounceindown .8s;-o-animation: bounceindown .8s;animation: bounceindown .8s;}
    .shared h3{position:relative;font-weight:normal;font-size:14px;color:#666;}
    .shared h3:before,.shared h3:after{position:absolute;top:7px;content:'';width:30px;height:1px;background-color:#eee;}
    .shared h3:before{left:18px;}
    .shared h3:after{right:18px;}
    .shared .share-btn{padding-top: 10px;}
    .shared .share-btn .bdsharebuttonbox{}
    .shared .share-btn .bdsharebuttonbox a{float: none;background: none;margin: 0;}
    .shared .share-btn .icon-weixin{font-size:22px;color:#59c622;}
    .shared .share-btn .icon-qq{font-size:22px;color:#ffba02;}
    .shared .share-btn .icon-weibo{font-size:22px;color:#dd4444;}

    /*改装案例详情页案例作者*/
    .author-info{padding: 10px 0 20px;text-align: center;}
    .author-info .avatar{width: 60px;height: 60px;display: block;margin: auto;border-radius: 50%;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;  -ms-transition: -ms-transform 2s ease-out;transition:transform 2s ease-out;}
    .author-info:hover .avatar{-webkit-transform: rotatez(360deg);-moz-transform: rotatez(360deg);-o-transform: rotatez(360deg);-ms-transform: rotatez(360deg);transform: rotatez(360deg);}
    .author-info .name{margin: 18px 0 15px 0;font-size: 18px;color: #333;}
    .author-info .info {line-height: 14px;font-size: 14px;color: #666;}
    .author-info .info i {padding-right:5px;font-size: 14px;}
    .author-info .info .icon-yonghu{margin-left:25px;}
    .author-info .info span {color: #044999;}
    .author-info .info span.line{padding:0 10px;color:#eee;}
    .author-info .bottom-bar a{display:inline-block;width:100px;height:32px;background:#044999;line-height:32px;border-radius:4px;font-size:14px;color:#fff;}
    .author-info .bottom-bar a i{padding-right:5px;font-size:14px;}
    .author-info .bottom-bar .follow{margin-right: 10px;}
    .author-info .bottom-bar a.disabled{background:#eee;color:#999;}

    /*改装案例详情页改装原车型*/
    .modi-car-model ul li{padding-bottom:15px;overflow: hidden;cursor: pointer;}
    .modi-car-model ul li:last-child{padding-bottom:0;}
    .modi-car-model ul li .car-pic{float:left;width:90px;height:60px;}
    .modi-car-model ul li .car-pic img{width:100%;height:100%;}
    .modi-car-model ul li .car-content{float:right;width:140px;overflow: hidden;}
    .modi-car-model ul li .car-content h3{line-height: 14px;font-weight:normal;}
    .modi-car-model ul li .car-content h3 a{line-height: 14px;font-size:14px;color:#333;}
    .modi-car-model ul li .car-content .item .price{color:#ff6666;}
    .modi-car-model ul li .car-content .more{display:inline-block;padding:5px 0;width:60px;line-height: 12px;border:1px solid #044999;border-radius:2px;font-size: 12px;color:#044999;text-align: center;}
    .modi-car-model ul li .car-content .item .score{font-size:12px;height:14px;line-height:14px;}
    .modi-car-model ul li .car-content .item .score .score-a{float:left;font-size:14px;}
    .modi-car-model ul li .car-content .item .score .score-b{position: relative; float:left;width:60px;height:16px;line-height:14px;color:#ccc;}
    .modi-car-model ul li .car-content .item .score .score-b .lower{display:block;position: absolute;top:0;width:100%;z-index: 0;}
    .modi-car-model ul li .car-content .item .score .score-b .upper{display: block;position: absolute;top:0;color: #ff6666;white-space: nowrap;z-index: 1;overflow: hidden;}
    .modi-car-model ul li .car-content .item .score .score-b .icon{font-size: inherit;}

    /*改装案例详情页改装清单*/
    .modi-detailed-list ul{margin-top: 5px;}
    .modi-detailed-list ul li{padding-bottom:15px;overflow: hidden;cursor: pointer;}
    .modi-detailed-list ul li:last-child{padding-bottom:0;}
    .modi-detailed-list ul li .detailed-pic{float:left;width:90px;height:60px;}
    .modi-detailed-list ul li .detailed-pic img{width:100%;height:100%;}
    .modi-detailed-list ul li .detailed-content{float:right;width:140px;overflow: hidden;}
    .modi-detailed-list ul li .detailed-content .name{margin-bottom:4px;line-height:18px;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size:14px;color:#333;}
    .modi-detailed-list ul li .detailed-content .price{font-size:14px;color:#ff6666;}

    /*改装案例详情页案例大图弹出层*/
   /* .pagecasepics{position:fixed;right: 0;top: 0;bottom:0;left:0;overflow:auto;padding:20px 0;z-index: 99994;text-align: left;background:#000;}
    .pagecasepics .container{position:relative;padding:0;margin:0 auto;width:1000px;height:auto;overflow: hidden;}
    .pagecasepics .container .case-title{position:relative;margin:0 auto;width:900px;height: 60px;line-height: 60px;background: #404040;}
    .pagecasepics .container .case-title .short{float:left;width:840px;}
    .pagecasepics .container .case-title .short .name{float:left;padding-left:20px;width:730px;font-size:22px;color:#fff;overflow: hidden;}
    .pagecasepics .container .case-title .short .num{float:right;padding-right:20px;height:60px;font-size: 26px;color:#ccc;}
    .pagecasepics .container .case-title .short .num span{font-size: 36px;color:#044999;}
    .pagecasepics .container .case-title .close{float:right;width:60px;line-height:60px;font-weight:normal;text-shadow:none;text-align: center;border-left:2px solid #51514e;opacity:1;color:#51514e;}
    .pagecasepics .container .case-title .close a{display:block;}
    .pagecasepics .container .case-title .close i{display:block;color:#51514e;font-size:34px;}
    .pagecasepics .container .case-title .close:hover i{color:#ff6666;}
    .pagecasepics .pic-big{position:relative;width:100%;height:675px;overflow: hidden;}
    .pagecasepics .pic-big .prev-pop{float:left;width:50px; height:37px; margin-top:280px; cursor:pointer;}
    .pagecasepics .pic-big .next-pop{float:right;width:50px; height:37px; margin-top:280px; cursor:pointer;}
    .pagecasepics .pic-big .prev-pop i,.pagecasepics .pic-big .next-pop i{font-size: 50px; color:#404040;}
    .pagecasepics .pic-big .prev-pop:hover i,.pagecasepics .pic-big .next-pop:hover i{color:#ff6666;}
    .pagecasepics .pic-big .wrap-pop{float:left;position:relative;width:900px;height:675px;overflow:hidden;}
    .pagecasepics .pic-big .wrap-pop ul{position: absolute;left:0;top:0;}
    .pagecasepics .pic-big .wrap-pop ul li{display:table;float:left;width:900px;height:675px;text-align:center;background: #4f4f4f;}
    .pagecasepics .pic-big .wrap-pop ul li span{display:table-cell;vertical-align: middle;}
    .pagecasepics .pic-small{margin:0 auto;width:900px;overflow: hidden;}
    .pagecasepics .pic-small .prev_btn_pop{float:left;width:72px; text-align:right; height:18px; margin-top:31px; margin-right:12px; cursor:pointer;}
    .pagecasepics .pic-small .next_btn_pop{float:right;width:72px; text-align:left; height:18px; margin-top:31px;margin-left:12px;cursor:pointer;}
    .pagecasepics .pic-small .prev_btn_pop i,.pagecasepics .pic-small .next_btn_pop i{color:#404040;}
    .pagecasepics .pic-small .prev_btn_pop:hover i,.pagecasepics .pic-small .next_btn_pop:hover i{color:#fcb300;}
    .pagecasepics .pic-small .thumb{float:left;position:relative;width:732px;height:83px;overflow:hidden;}
    .pagecasepics .pic-small .thumb ul{position:absolute; left:0;}
    .pagecasepics .pic-small .thumb ul li{float:left;width:108px; height:83px;text-align: center;padding:4px;margin-right:-4px;}
    .pagecasepics .pic-small .thumb ul li:first-child{}
    .pagecasepics .pic-small .thumb ul li.on{padding:0;border:4px solid #044999;}
    .pagecasepics .pic-small .thumb ul li img{width:100px;height:75px;}
    .pagecasepics .pic-txt{position:relative;width:718px;margin:0 auto 20px;overflow: hidden;}
    .pagecasepics .pic-txt ul{position:absolute; left:0; top:0;}
    .pagecasepics .pic-txt ul li{float:left;width:718px;}
    .pagecasepics .pic-txt ul li .word{width:718px;padding-top:13px;}
    .pagecasepics .pic-txt ul li .word .page{display:inline-block;float:left;font-size: 30px;color:#ccc;font-style: italic;}
    .pagecasepics .pic-txt ul li .word .page span{font-size: 50px;color:#044999;}
    .pagecasepics .pic-txt ul li .word .desc{display:block;margin-left:95px;line-height: 28px;font-size: 14px;color:#fff;}
    .pagecasepics .pic-txt ul li .word .desc.ml{margin-left:125px;}*/

   /* !*改装案例详情页清单弹出层*!
    .pagemodilist{position:fixed;left:50%;top:50%;margin:-232px 0 0 -494px;width:988px;height:448px;background: #fff;border:1px solid #eee;border-radius:8px;opacity:1;filter:alpha(opacity=100);z-index: 10000;overflow: hidden;}
    .pagemodilist .wrap{padding:20px;}
    .pagemodilist .wrap .close{position:absolute;top:15px;right: 15px;cursor: pointer;z-index: 9999;}
    .pagemodilist .wrap .close i{color:#ccc;}
    .pagemodilist .wrap .pic{float:left;width:544px;height:408px;}
    .pagemodilist .wrap .pic img{width:544px;height:408px;border-radius: 8px;}
    .pagemodilist .wrap .content{position:relative;float:right;width:374px;height:408px;}
    .pagemodilist .wrap .content .con-a .title{font-size:18px;color:#333;font-weight: bolder;}
    .pagemodilist .wrap .content .con-a .remarks{line-height: 22px;font-size: 14px;color:#333;}
    .pagemodilist .wrap .content .con-a .price{font-size: 16px;}
    .pagemodilist .wrap .content .con-a .price .new{padding-right:10px;color:#dd3333;}
    .pagemodilist .wrap .content .con-a .price .old{text-decoration:line-through;font-size: 14px;color:#999;}
    .pagemodilist .wrap .content .con-b{position:absolute;bottom:0;padding:18px 20px 0;width:374px;height:218px;background: #f8f8f8;border-radius: 8px;overflow: hidden;}
    .pagemodilist .wrap .content .con-b .item .item-a{font-size:14px;color:#333;}
    .pagemodilist .wrap .content .con-b .item .item-b input{width:216px;height:34px;line-height:34px;background: #fafaf9;border:none;border:1px solid #eee;border-radius: 4px;outline: none;font-size:14px;padding:0 6px;}
    .pagemodilist .wrap .content .con-b .item .item-b input.wdate{background: #fafaf9  no-repeat right;}
    .pagemodilist .wrap .content .con-b .item .item-c{text-align: center;}
    .pagemodilist .wrap .content .con-b .item .item-c a{display:inline-block;padding:10px 15px;line-height: 14px;background: #eee;border-radius: 4px;font-size: 14px;}
    .pagemodilist .wrap .content .con-b .item .item-b .error,.pagemodilist .wrap .content .con-b .item .item-c .error{padding-left:10px;font-size:14px;color:#dd3333;}
    .pagemodilist .wrap .content .con-b .item .item-c .green{color:green;}*/
/*
}
*/

@media screen and (min-width : 992px) and (max-width : 1200px){
    /*改装数据列表*/
    .modi .modi-list{margin-top:30px;}
    .modi .modi-info .info-pic,.modi .modi-info .info-pic img{height:195px;}
    .modi .modi-info .info-pic.big-pic,.modi .modi-info .info-pic.big-pic img{height:303px;}

    .detail-main .main-center{padding-left:15px;width:700px;}
}

/*
@media all and (max-width : 768px){
    !*改装数据列表*!
    .modi .no-data{margin:1rem 0;line-height:1.5rem;font-size:.9rem;}
    .modi .load-all{margin:0 .7rem;height:1.8rem;line-height:1.8rem;font-size:.8rem;}
    .modi .modi-list{margin-top:1rem;padding-bottom:1rem;}
    .modi .modi-info .info-pic,.modi .modi-info .info-pic img{height:11.6rem;}
    .modi .modi-info .info-pic.big-pic,.modi .modi-info .info-pic.big-pic img{height:11.6rem;}
    .modi .modi-info .info-remark{padding:.5rem 1rem .75rem;height:auto;}
    .modi .modi-info .info-remark h3 a{line-height:1.5rem;font-size:.9rem;}
    .modi .modi-info .info-remark .info-other{margin-top:.3rem;font-size:.8rem;}
    .modi .more{height: 40px;line-height: 40px;font-size: 16px;}

    !*改装案例标题作者正文*!
    .case h1{margin:.8rem 0;line-height:1.4rem;font-size:1rem;font-weight:bolder;}
    .case .info{padding-bottom:.8rem;font-size:.66rem;}
    .case .info .author{margin-right:1rem;}
    .case .info .website{margin-right:1rem;}
    .case .info .time{margin-right:1rem;}
    .case .info .comment .icon{margin-right:.15rem;font-size:.6rem;}
    .case .info .like{margin-right:.5rem;}
    .case .info .like .icon{margin-right:.15rem;font-size:.6rem;}
    .case .case-content li{margin-bottom:1.2rem;}
    .case .case-content li .pic img{max-width:100%;}
    .case .case-content li .desc{margin-top:.25rem;line-height:1.4rem;font-size:.8rem;}
    .case .operation{padding:0;}
    .case .operation .like{width:5.5rem;height:2.2rem;line-height:2rem;border-radius:1.1rem;font-size:1rem;}
    .case .operation .like .icon{padding-right:.3rem;font-size:1.2rem;}

    !*改装案例详情页分享*!
    .case-shared{padding-bottom:1rem;}
    .case-shared h3{margin:2rem auto 1.6rem;position:relative;width:4rem;border-top:0.03125rem solid #eaeaea;font-weight:normal;font-size:.7rem;color:#666;}
    .case-shared h3 span{position:absolute;left:50%;top:-0.5rem;margin-left:-0.75rem;width:1.5rem;height:1rem;line-height:1rem;background:#fff;font-size:0.66rem;color:#999;text-align:center;}
    .case-shared .share-btn{margin: 0.3rem auto 0.5rem auto;width:12rem;display:-webkit-box;display:box;}
    .case-shared .share-btn .bdsharebuttonbox{width:0;-webkit-box-flex:1;box-flex:1;box-sizing:border-box;text-align:center;}
    .case-shared .share-btn .bdsharebuttonbox .icon {display:inline-block;margin:0;float: none;width:1.6rem;height:1.6rem;line-height:1.6rem;border-radius: 50%; border: 0.03125rem solid;font-size:1rem;background:none;text-indent:0;}
    .case-shared .share-btn .bdsharebuttonbox .icon-weixin{color:#59c622;}
    .case-shared .share-btn .bdsharebuttonbox .icon-qq{color:#ffba02;}
    .case-shared .share-btn .bdsharebuttonbox .icon-weibo{color:#dd4444;}
}*/