body{background:#FFF;}
/*顶部左侧*/
.d_left{display:inline-block;width:200px;padding:0px 0 3px 0;background:#10C273;min-height:390px;vertical-align:top;margin-right:12px}
.d_left a{color:#FFF;}
.d_left a:hover{text-decoration:underline;color:#FFF;}
.d_left .left_title{display:flex;align-items:center; height:27px;line-height:27px;margin:0}
.d_left .left_title:first-child{padding:0}
.d_left .left_title a{margin-left:6px;font-size:14px;font-weight:600}
.d_left .left_block{padding:0 16px 0 16px}
.d_left span{margin:5px 0;display:block;background:#1ED081;height:1px;width:100%}
.d_left .left_con{margin:0;line-height:23px;}
.d_left .left_con a {
    margin: 0 15px 0 0;
}
.left_con_new>a {
    margin: 0 8px 0 0 !important;
}

.d_left .left_item a{display:inline-block;padding:3px 9px 3px 0}
/*顶部中间*/
.d_middle{display:inline-block;width:680px;margin-top:13px;margin-right:5px}
.d_middle .nIcon-bleft{position:absolute;left:20px;top: 50%;cursor:pointer;}
.d_middle .nIcon-bright{position:absolute;right:20px;top: 50%;cursor:pointer;}
.d_middle .pagination .swiper-pagination-switch{width:8px;height:8px;border-radius:8px;background:#FFF;}
.d_middle .pagination .swiper-pagination-switch.swiper-active-switch{background: #00B062;}
/*顶部右侧*/
.d_right{display:inline-block;width:295px;height:380px;border:1px solid #E1E1E1;margin:13px 0 0 0;padding:0 20px;vertical-align:top;box-sizing:border-box}
.d_right .right_hd{position:relative;margin:5px 0 0 0;display:inline-block;width:100%;}
.d_right .right_hd a{font-size:14px;color:#000;display:inline-block;width:32%;text-align:center;padding:8px 0;}
.d_right .right_hd span{position:absolute;bottom:0;left:7.3%;border-bottom:2px solid #00B062;display:block;width:20%;}
.right_boxs{display:inline-block;width:100%;border-bottom:1px dashed #E1E1E1;padding:10px 0; height:140px; overflow:hidden;}
.right_box{display:inline-block;width:100%;height:140px; overflow:hidden;}
.right_box ul li{color:#333;word-wrap: break-word; word-break: break-all;position:relative;line-height:18px;height:36px;}
.right_box ul li .nIcon{margin:0 10px 2px 0px;;}
.right_box ul li span{float:right;color:#999999;position:absolute;bottom:2px;right:0;background:#fff}
.right_box ul li a{color:#333;}
.right_box ul li a.dname{color:#606060;}
.sjt_box{padding:23px 0;text-align: right;}
.sjt_box img{width:100%}
.sjt_box .btn_join{display:inline-block;width:100%;font-size:16px;color:#FFF;text-align:center;background:#00B062;border-radius:3px;margin:16px 0;height:41px;line-height:41px;}
.sjt_box .sjt_what{color:#707070;height:17px;line-height:17px}

.d_title{margin:45px 0 20px 0;}
.d_title a{display:inline-block;font-size:24px;color:#2B2525;}
.d_title a.d_more{float:right;font-size:12px;color:#595959;margin:5px 0 0 20px;}
.d_title a.d_more i{margin:0 0 0 5px;}
.d_title a.d_link{float:right;margin:5px 10px 0 0;font-size:12px;color:#5A5A5A;}
.d_title a:hover{color:#10C073}

/*列表*/
.d_list{display:inline-block;width:280px;border:1px solid #FFF;position:relative;margin:0 20px 0 0;}
.d_list:last-child{margin:0;}
.d_list.bor{border:1px solid #E1E1E1;}
.d_list .d_img{display:inline-block;width:280px;height:170px;overflow:hidden;}
.d_list .d_img img{width:280px;height:170px;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.d_list .d_img img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.d_list .plan_title{position:absolute;bottom:4px;left:0;color:#FFF;text-align:center;width:100%;padding:5px 0;background:#9B9B9B;background:rgba(55,55,55,0.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.d_list .dl_title{display:block;padding:12px 0;width:100%;text-align:center;color:#000;display:inline-block;font-size:14px;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.trendTheme .report .d_list{border:none;height:274px;margin:0 17px 0 0;}
.trendTheme .report .d_list img{height:100%}
/*主题作品*/
.trendTheme .d_list{width:386px;margin:0 17px 28px 0;position:relative;display:inline-block;box-sizing:border-box;border:1px solid #EEEEEE;transition:all .5s}
.trendTheme .d_list:nth-child(3n){margin-right: 0px;}
.trendTheme .d_list:hover{box-shadow:0px 6px 27px rgba(66,66,66,0.23);}
.trendTheme .d_list img{width:100%;height:218px}
.trendTheme .d_list .trendInfo{margin:-5px 0 0 0;color:#989898;padding:5px 0px;}
.trendTheme .d_list .trendInfo .title{font-weight:400;font-size:18px;color:#333;position:relative;background-color:#fff;padding:0px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box}
/*图案花纸*/
.tu_img{background:url(/images/NewVersion/tu_bg.png) no-repeat;display:inline-block;width:280px;height:200px;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.tu_img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.tu_img_1{background-position:0 0;}
.tu_img_2{background-position:-283px 0;}
.tu_img_3{background-position:-567px 0;}
.tu_img_4{background-position:-849px 0;}
/*造型功能*/
.zx_box{display:inline-block;width:1198px;border:1px solid #E1E1E1;text-align: center;}
.zx_list{display:inline-block;width:95px;padding:20px 8px;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out}
.zx_list .zx_img{background:url(/images/NewVersion/zx_icon.png) no-repeat;width:72px;height:72px;display:block;margin: auto;}
.zx_list .zx_img.zx_1{background-position:0 0;}
.zx_list:hover .zx_1{background-position:0 -72px;}
.zx_list .zx_img.zx_2{background-position:-72px 0;}
.zx_list:hover .zx_2{background-position:-72px -72px;}
.zx_list .zx_img.zx_3{background:url(/images/jfsj.png) no-repeat;background-position:center;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}
.zx_list:hover .zx_3{background:url(/images/jfsj_hover.png) no-repeat;background-position:center;border:1px solid #01AF63;}
.zx_list .zx_img.zx_4{background-position:-216px 0;}
.zx_list:hover .zx_4{background-position:-216px -72px;}
.zx_list .zx_img.zx_5{background-position:-288px 0;}
.zx_list:hover .zx_5{background-position:-288px -72px;}
.zx_list .zx_img.zx_6{background-position:-360px 0;}
.zx_list:hover .zx_6{background-position:-360px -72px;}
.zx_list .zx_img.zx_7{background-position:-432px 0;}
.zx_list:hover .zx_7{background-position:-432px -72px;}
.zx_list .zx_img.zx_8{background-position:-504px 0;}
.zx_list:hover .zx_8{background-position:-504px -72px;}
.zx_list .zx_img.zx_9{background-position:-576px 0;}
.zx_list:hover .zx_9{background-position:-576px -72px;}
.zx_list .zx_img.zx_10{background-position:-648px 0;}
.zx_list:hover .zx_10{background-position:-648px -72px;}
.zx_list .zx_title{display:inline-block;width:100%;text-align:center;margin:10px 0 0 0;color:#000;font-size:14px;}
/*.zx_list:hover{margin:15px 23.5px 20px 23.5px;}*/
.zx_list:hover .zx_title{color:#00AE64;}

/*推荐设计师*/
.design_left{display:inline-block;width:780px;color:#FFF;}
.design_left .design-list{display:inline-block;width:180px;overflow:hidden;height:135px;position:relative;}
.design_left .design-list.design_1{background:#14AC92;}
.design_left .design-list.design_2{background:#520B0E;}
.design_left .design-list.design_3{background:#F25F22;}
.design_left .design-list.on{width:420px;}
.dl_top{display:inline-block;width:180px;text-align:center;}
.dl_top .dl_img{width:60px;margin:20px auto 0 auto;display:block;}
.dl_top .dl_img img{width:60px;height:60px;border-radius:60px;}
.dl_top .dl_info{}
.dl_top .dl_info a{display:block;color:#FFF;font-size:14px;}
.dl_top .dl_info span{display:block;color:#FFF;font-size:14px;margin:6px 0 0 0;}
.dl_bot{display:inline-block;width:239px;border-left:1px solid #E1E1E1;position:absolute;left:180px;margin:40px 0 0 0;}
.dl_bot p{width:219px;margin:0 10px;}
.dl_bot p.bot_title{font-size:14px;margin:-2px 10px 5px 10px;}
/*.dl_bot p.bot_info{margin:0 10px 10px 10px;}*/

/*设计师优选*/
.d_title a.subclass{font-size:12px;color:#5A5A5A;margin:8px 0 0 20px;}
.d_title a.subclass:hover{color:#10C073;}
.d_title a.active{color:#fe0100;}
.design_preferred{margin:0px 16px 20px 0px;width: 224px;height: 150px;position:relative;overflow:hidden;display:inline-block}
.design_preferred img{width:100%;}
.design_preferred div{position:absolute;top:43px;z-index:999; color:#fff;text-align:center;width:100%;}
.design_preferred div h1{margin:6px 0px;font-size:20px;}
.design_preferred div span{font-size:16px;}
.design_preferred .bg_preferred{width: 100%;height: 153px;z-index: 99;position: absolute;top: 0;left:0;background-color: #000;opacity:0.2;filter:Alpha(opacity=20);}
.design_preferred .bg_preferred:hover{background-color: #00b163;opacity:0.5;filter:Alpha(opacity=50);}
.design_preferred .bg_preferred.active{background-color: #00b163;opacity:0.5;filter:Alpha(opacity=50);}

.design_right{float:right;width:395px;border:1px solid #E1E1E1;}
.design_right h2{font-weight:normal;padding:0 0 0 20px;margin:13px 0 0 0;}
.design_right .dr_box {  height:96px; overflow:hidden;width:375px; padding-left:10px;}
.scroll{width:375px;}
.scroll li{border-bottom:1px dashed #E1E1E1;display:inline-block;width:100%;line-height:32px;}
.scroll li .nIcon{margin:16px 10px 0 2px;display:inline-block;}
.scroll li span{text-align:left;}
.scroll li .ds_name{display:inline-block;color:#666;margin:0 10px 0 0;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.scroll li .ds_near{color:#666;margin:0 5px 0 0;width:133px;display:inline-block;}
.scroll li .ds_all{color:#666;width:130px;display:inline-block;margin:0 -8px 0 0;}

/*干货*/
.art_left{display:inline-block;width:520px;border:1px solid #E1E1E1;padding:0 30px 10px 40px;}
.art_right{float:right;width:520px;border:1px solid #E1E1E1;padding:0 30px 10px 40px;}
.art_top{display:inline-block;width:100%;}
.art_top .art_item{display:inline-block;width:240px;margin:0 36px 0 0;border:1px solid #e1e1e1;box-sizing:border-box;overflow:hidden}
.art_top .art_item:last-child{margin:0;}
.art_top .art_item .art_img{display:inline-block;width:240px;height:160px;}
.art_top .art_item .art_img img{width:240px;height:160px;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.art_top .art_item .art_img img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.art_top .art_item .art_title{color:#333;margin:8px 0 8px 0;padding:0 5px;display:inline-block;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art_list{display:inline-block;width:560px;margin:0 0 0 -40px;}
.art_list .asts{display:inline-block;width:240px;margin:8px 0 8px 38px;}
.art_list .asts span{display:inline-block;margin:0 12px 0 0;vertical-align:5px}
.art_list .asts a{color:#333;display:inline-block;width:214px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.art_list .asts a:hover{color:#01BE50;text-decoration:underline;}