.filter{margin:10px -15px;}
.filter .filter-hd{height:45px;line-height:45px;border-bottom:3px solid #ddd;}
.filter .filter-hd li{float: left;}
.filter .filter-hd a{font-size:18px;display:block;height:45px;line-height:45px;padding:0 20px;}
.filter .filter-hd li.active a{border-bottom:3px solid #3BA3D7;margin-bottom:0;} 
.filter .filter-bd {border:1px solid #ddd;background:#fff;border-top:none;padding:10px 0;}
.filter .filter-bd dl{position:relative; line-height: 26px;padding: 10px 10px 10px 80px; margin:0;}
.filter .filter-bd dt{
    position: absolute;
    left: 10px;
    top: 16px;
    color: #999;
    font-weight: normal;
}
.filter .filter-bd dd a{
    white-space: nowrap;
    display: inline-block;
    margin: 5px;
    padding: 2px 10px;
}



.filter .filter-bd dd.main a:hover {
    background-color: #f6f6f6;
    border-radius: 3px;
}

.filter .filter-bd dd.main a.active{
    color: #fff;
    background: #f6f6f6;
    line-height:32px;
    margin:0;
    border-radius:none;
    color:#666;
}

.filter .filter-bd dd.sub{overflow: hidden; background: #f6f6f6; padding: 6px 12px;}

.filter .filter-bd dd a.focus{
    background: #0089dc;
    margin:0;
    border-radius: 3px;
    color:#fff;
}


.filter .filter-ft{background:#f6f6f6;height:45px;line-height:45px;padding:0 10px;border:1px solid #ddd;border-top:none;overflow: hidden;}
.filter .filter-ft .pull-left a{margin-right: 10px;}
.filter .filter-ft .pull-right a{margin-left: 10px;}
.filter .filter-ft a.active{color:#3BA3D7;}



.smart-main{margin:10px -15px;}
.smart-side{margin:10px -15px 10px 0px;}


.smart-list{border:1px solid #ddd;overflow:hidden;background:#fff;}
.smart-list li{width:50%;height:120px;padding:10px;border-bottom:1px solid #ddd;overflow:hidden;float:left;border-right:1px solid #ddd;position:relative;}
.smart-list li.x2{border-right:none;}
.smart-list li:hover{background:#fafafa;}
.smart-list li:hover a{color:#f60;}
.smart-list .list-photo{display:block;float:left;width:140px;height:100px;overflow:hidden;margin-right:10px;}
.smart-list .list-photo img{width:140px;height:100px;}
.smart-list .list-photo span{display:block;width:140px;height:100px;text-align:center;line-height:100px;color:#fff;font-size:40px;}
.smart-list .list-info{font-size:12px;width:310px;display:block;float:left;}
.smart-list .list-info h5{margin:5px 0;font-size:16px;font-weight:normal;overflow:hidden;white-space:nowrap}
.smart-list .list-info p{margin:0;height:40px;overflow:hidden;line-height:20px;color:#999;}
.smart-list .list-info .info-tag{margin-top:10px;}
.smart-list .list-info .info-tag .label{font-size:10px;font-weight:normal; }

.smart-list .list-code{width:120px;position:absolute;right:0;top:0;padding:10px;display:none;}
.smart-list .list-code img{width:100px;height:100px;}
.smart-list li:hover .list-code{display:block!important;}


.side-ad{padding:0;}
.side-ad li{margin-bottom:10px;width:100%;}
.side-ad img{width:100%;}

.side-scan{background:#fff;border:1px solid #ddd;margin-bottom:10px;}
.side-scan .nav-tabs {background:#fafafa;}
.side-scan .nav-tabs li{width:33.3333333%;}
.side-scan .nav-tabs li a{width:101%;border:none!important;border-radius:0!important;font-size:14px;line-height:30px;}
.side-scan .nav-tabs li i{font-size:26px;text-align:center;}
.side-scan .nav-tabs li.active a{background:#fff;border-left:1px solid #ddd!important;border-right:1px solid #ddd!important;color:#3BA3D7;}
.side-scan .nav-tabs li:first-child a{border-left:none!important;}
.side-scan .nav-tabs li:last-child a{border-right:none!important;}
.side-scan .tab-content{padding:10px;text-align:center;}
.side-scan .tab-content img{width:160px;height:160px;}
.side-scan .tab-content p{height:40px;line-height:40px;font-size:12px;}




.bg-detail{background:url("../../image/smart/bg.jpg");background-size:100%;overflow:hidden;}
.phone-panel {background: transparent;margin:20px 0;position:relative;}
.phone-panel .panel-hd{background:url("../../image/smart/phone-top.png") no-repeat;width:322px;height:42px;}
.phone-panel .panel-bd{background:url("../../image/smart/phone-bg.jpg") no-repeat;background:#fff;width:322px;height:508px;border:1px solid #eee;}
.phone-panel .panel-ft{background:url("../../image/smart/phone-bottom.png") no-repeat;width:322px;height:47px;margin-top:-10px;}
.phone-panel .panel-qrcode{width:220px;height:250px;position:absolute;top:160px;left:50px;box-shadow:0 0 10px rgba(0, 0, 0, .5);}
.phone-panel .panel-qrcode span{width:220px;height:220px;background:#fff;display:block;padding:20px;}
.phone-panel .panel-qrcode canvas{width:186px!important;height:186px!important;}
.phone-panel .panel-qrcode p{padding:0 0 20px 0;background:#fff;}




.detail-nav{position:fixed;right:10px;top:30%;}
.detail-nav a{display:block;width:50px;height:50px;border-radius:50%;margin-bottom:10px;text-align:center;line-height:45px;}
.detail-nav i{font-size:24px;color:#fff;}
.detail-nav a:hover{background:#fff!important;}
.detail-nav a:hover i{color:#666!important;}


.detail-main{margin:30px 0;}
.detail-box{background:rgba(255,255,255,0.8);padding:15px;overflow:hidden;border-radius:5px;overflow:hidden;height:570px;}
.detail-box .box-hd{height:70px;border-bottom:1px dashed rgba(255,255,255,0.5);}
.detail-box .box-hd h1{height:40px;line-height:40px;font-size:20px;margin:0;}
.detail-box .box-hd p{height:20px;}
.detail-box .box-hd span{margin-right:10px;font-size:12px;}
.detail-box .box-bd{margin:15px 0; overflow:auto;height:450px;padding-right:15px;}
.detail-box .box-bd::-webkit-scrollbar{width:10px;height:20px;}
.detail-box .box-bd img{width:100%;}



.app-list{margin:15px -15px;background:#fff;border:1px solid #ddd;overflow:hidden;}
.app-list ul{width:1200px;}
.app-list li{float:left;height:130px;width:130px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.app-list li img{width:80px;height:80px;}
.app-list li a{display:block;width:129px;height:129px;padding:10px;}
.app-list li a:hover{background:#fafafa;}


.app-title{height:80px;border-bottom:2px solid #ddd;margin:25px -15px;text-align:center;}
.app-title h1{height:30px;line-height:30px;}