@charset "utf-8";
/* 公共样式 */
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#111; font-size:13px; margin:0 auto; line-height:24px; background:#000;}
body,html,ul,li,dl,dt,dd,ol,th,td,form,h1,h2,h3,h4,h5,h6,img,p,font,em{margin:0px;padding:0px;border:none; font-weight:normal;}
img{vertical-align:top; border:0;}
button,select,textarea{outline:none}
textarea{resize:none}
ul,li{list-style-type:none;}
.clear{ clear:both;}
a{color:#111; text-decoration:none;}
a:hover{color:#00a3e7;}
em{font-style:normal;} 

.fl{float:left;}
.fr{float:right;}
.a_wd_full{width:100%;}
.a_wd{width:95.505618%; margin-left:auto; margin-right:auto;}

.up_t{margin-top:20px;}

.clearfix:before,.clearfix:after{content: ""; display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}


.room_left{width:68.3823529%;}
.room_right{width:29.4117647%; background:#2e2e2e;}

.room_title{background:url(../images/title_bj_01.jpg) no-repeat; color:#fff; line-height:40px; padding:15px 0;}
.room_title h2{font-size:36px; float:left;}
.room_title p{float:right;}
.room_title p span{float:left; display:block; background:#00a3e7 url(../images/item_01.png) no-repeat 28px 15px;}
.room_title p span a{color:#fff; padding:0 30px 0 40px; height:100%;}
.room_title p span.more{background:url(../images/item_02.png) no-repeat 22px 12px #444; margin-left:2px;}
.room_title p span.more a{color:#999;}

.designer_works{width:46.25%;}
.des_title{background:#dadada; line-height:43px; font-size:18px; text-align:center;}
.worktxtlink{padding:10.8108108%; padding-top:0; background:#4e4e4e;}

.worktxtlink ul li{width:89.6551724%; padding:4.8275862%; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;; background:#fff; overflow:hidden; margin-top:13.7931034%;}
.worktxtlink ul li .worktxtlink_pic{width:100%;height:0; padding-bottom:61.5384615%; overflow:hidden; text-align:center;}
.worktxtlink ul li .worktxtlink_pic img{max-height:90px;_height:90px;}
.worktxtlink ul li .worktxtlink_text{overflow:hidden; white-space:nowrap; text-align:center;}

#pagebox{width:100%;height:20px;line-height:20px; margin-top:10px; text-align:center}
#pagebox a{padding:0 5px;color:#fff; display:inline-block; background:#444; margin:0 1px; height:100%;}
#pagebox a:hover{background:#00a3e7;}


.designer_Introduction{width:43.25%; padding:5%; border-right:1px solid #434343;color:#fff;}
.designer_Introduction_pic{border:2px solid #eee; text-align:center;}
.designer_Introduction_pic a{display:block; height:0; padding-bottom:108.045977%; overflow:hidden;}
.designer_Introduction_pic img{max-height:188px;}
.design_Avatar_x{padding:8px 0;}
.design_Avatar_x a{display:block; padding:0 10px; background:#00a3e7; color:#fff; margin:2px 0; text-align:center;}
.design_Avatar_x a:hover{color:#fff; background:#666;}
.designer_Introduction ul li{width:100%;line-height:22px;padding:3px 0;border-bottom:1px solid #646464;}
.designer_Introduction ul li a{color:#00a3e7;}
.designer_Introduction ul li a:hover{text-decoration:underline;}
.designer_Introduction ul li img{margin-top:5px;}

.designer_Introduction strong{font-weight:normal;}

.designer_Introduction10{width:100%;padding-top:12px;line-height:22px;}
.designer_Introduction10 a{color:#00a3e7;}
.designer_Introduction10 a:hover{text-decoration:underline;}

.footer{color:#888;text-align:center;height:40px;line-height:40px; background:#282828; padding:0; border:0;}
.footer a{margin:0 10px; color:#888;} 
.footer a:hover{text-decoration:underline; color:#ddd;}
.footer span{margin-left:15px;}
.footer span a{margin:0;}

@media only screen and (max-width: 1024px){
.a_wd{width:98%;}
.design_Avatar_x a{float:left;}
}

@media only screen and (max-width: 1000px){
.a_wd{width:98%;}
.fr,.fl{float:none;}
.room_left,.room_right,.designer_works{width:100%;}
.room_right{margin-top:20px;}
.designer_Introduction{width:96%; padding:2%;}
.top_nav .login{float:left; width:53%;}
.top_nav .que_nav{float:right;}
.des_title{text-align:left; text-indent:20px;}
.worktxtlink{padding:2%;}
.worktxtlink ul li{float:left; margin-top:0; margin-right:2.1%; width:16.2162162%; padding:0.7567568%;}
.designer_Intr_left{width:20%; float:left;}
.designer_Introduction ul,.designer_Introduction .designer_Introduction10{width:78%; float:right;}
.designer_Introduction_pic img{max-height:200px;}
.designer_Intr_left .fr{margin-left:5px;}
}

@media (max-width:767px){
.top_nav .login{width:100%;}
.top_nav .que_nav{display:none;}
.designer_Intr_left{width:27%;}
.designer_Introduction ul,.designer_Introduction .designer_Introduction10{width:70%;}
}

@media (max-width:640px){
.designer_Introduction_pic a{padding-bottom:133.333333%;}
.design_Avatar_x a{padding:0 20px;}
.designer_Intr_left .fr{margin-left:0px;}
.worktxtlink ul li{margin-right:2%; margin-top:2%; width:28.7569573%; padding:0.7567568%;}
.room_title h2{font-size:24px;}
}