.sub_select{ display:none;padding:5px; padding-top:0;padding-bottom:12px; background:#fff;}
.sub_select dd{ float:left; width:29%; font-size:12px;  text-align:center; margin-top:16px; margin-right:2.1%;margin-left:2.1%; 
display:block;  border:solid 0px #ececec; background:url(themeBg.png) center center no-repeat; height:33px; line-height:33px; 
background-size:80% 33px;}

.sub_select_color{ display: none;background:#fff; padding-bottom:15px;}
.sub_select_color dd{float:left; width:29%; padding:5px 0;  height:30px;margin-top:16px; margin-right:2.1%; margin-left:2.1%; text-align: center;}

.sub_select dd a,.sub_select_color a{color:#333; display:block;}
.sub_select_color  dd.first{ background:none; border:solid 1px #dedede; text-align:center;}

.sub_select dd.active {
    
	background:url(themeBg_hover.png) center center no-repeat;
	background-size:80% 33px;
	color:#fff
}
.sub_select_color dd.active {
    border:0px solid #10c262;
	background:url(themeBg_hover.png) center center no-repeat;
	background-size:80% 33px;
	color:#fff
}
.sub_select_color dd.active a{color:#fff}

.header_sel_ul li.active a{}
.header_sel_ul li.active span{border:solid #111 1px;border-bottom:none; border-right:none; vertical-align: middle;}
.header_selected{ height:40px; padding:6px 0; background:#fff; border-bottom:solid 1px #ececec; border-top:solid 1px #ececec}

.header_selected li{float:left; padding:0 10px; font-size:14px; height:25px; line-height:25px; border-radius:3px; margin-left:8px; background:#a5a5ad;}
.header_selected li a{color:#fff;}
.h2_txt1{ color:#333; padding-left:15px; margin-right:5px; line-height:26px; font-size:16px;}

/*.scroll_type{ padding:10px 0;  background:#fff;}*/
.scroll_type{background:#fff; margin-top:10px;}/*2014-09-12*/
/*.scroll_type div{float:left; height:36px; width:70px; text-align:center; line-height:36px; margin-left:8px; border-radius:4px; background:#eee; overflow:hidden}*/
/*.scroll_type div{ float:left;}*/
.scroll_type div{ float:left; overflow:hidden; height:35px;}/*2014-09-12*/
.scroll_type div a{font-size:14px; color:#333; float:left; height:36px; width:85px; text-align:center; line-height:36px; margin-left:8px; border-radius:4px; background:#eee;}
/*2014-08-25*/
.grid_images{width:100%;}
.grid_images li{float:left; width:49.5%; margin-left:1px; margin-top:1px; text-align:center}
.grid_images li img{width:100%; border-bottom:solid 1px #fff}
.grid_images li a{position:relative; display:block; background:#000; }
.grid_images li a span{position:absolute; bottom:8px; left:8px; background-color:rgba(0,0,0, 0.5); color:#fff; border-radius:14px; padding:0px 10px; padding-left:25px; height:18px; width:45px; font-size:12px; line-height:20px; font-family:arial; text-align:right}

.loadmore{width:95%; height:45px; line-height:45px; background:#fff; font-size:14px; display:block; margin:0 auto; margin-top:20px; margin-bottom:10px; border:solid 1px #dedede; color:#333; }
.bottom_hot_sign{ text-align:center; font-size:14px; background-color:#fff; border-top:#dedede solid 1px; border:solid #dedede 1px;height:45px; line-height:45px;}
.bottom_sign{ background-color:#fff; border-bottom:solid 1px #dedede; padding-bottom:10px; padding-top:10px; margin-bottom:3px; }
.bottom_sign li a{color:#333; font-size:14px;}
.bottom_sign li{width:50%; text-align:left; float:left; padding-left:10px; margin-top:3px;}




.galleryNav{display:block; height:40px; background-color:#fff; border-top:solid 2px #ececec}
.galleryNav li{float:left; width:49%; text-align:center; height:38px; line-height:40px;}
.galleryNav li.sel_active{border-bottom:solid 2px #0baf4c}
.galleryNav a{color:#666;}
.galleryNav li:nth-of-type(1){border-right:solid 1px #ececec;}


.galleryBg{background-color:#333}
.galleryBot{position:absolute; bottom:0; width:100%; background-color:#191919; padding:10px 0 10px 5px ;}
.applyDesign{background:#0baf4c; border:none; color:#fff; font-size:14px; padding:8px; margin-left:8px;}

/*swipe*/
#console {font-size: 12px; font-family:"Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;  color: #999;line-height: 18px;margin-top: 20px;overflow: auto;}

/*#mySwipe div b {display:block;font-weight:bold;color:#14ADE5;font-size:20px;text-align:center;margin:10px;box-shadow: 0 1px #EBEBEB;background: #fff; border-radius: 3px; border: 1px solid; border-color: #E5E5E5 #D3D3D3 #B9C1C6;}
swipe end*/


#wrapper {
	position: relative;
	z-index: 1;
	height:55px;
	width: 100%;
 	overflow: hidden;
	-ms-touch-action: none;background:#fff;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
/*	width:200%;
*/	height:55px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
} 


/*==================================装修功略======================================================*/
.banner{ text-align:center; margin:0 auto; margin-top:10px; margin-bottom:5px}
.headFr{height:30px;width:95%; margin:0 auto;}
.headFr *{ float:left;}
.headFr hr{width:36%; border:solid 1px #ececec; margin-top:15px}
.headFr h1{width:26%; color:#3c3c3c; text-align:center; line-height:30px;}
/*-------------图标-----------------------------------*/
.zx_icon{ background:url(http://img.to8to.com/wap/xuezx_icon.png) no-repeat; width:31px; height:31px; background-size:cover;}
.zx_sf_icon{ background-position:center 0;}
.zx_sj_icon{ background-position:center -38px;}
.zx_ys_icon{ background-position:center -76px;}
.zx_qx_icon{ background-position:center -113px;}
.zx_ck_icon{ background-position:center -151px;}
.zx_sd_icon{ background-position:center -189px;}
.zx_fs_icon{ background-position:center -225px;}
.zx_nw_icon{ background-position:center -260px;}
.zx_mg_icon{ background-position:center -296px;}
.zx_yq_icon{ background-position:center -331px;}
.zx_az_icon{ background-position:center -368px;}
.zx_sw_icon{ background-position:center -404px;}

.zx_qian{ background-color:#fff;width:95%; margin:0 auto; padding-bottom:13px; box-shadow:1px 1px 1px #ccc}
.zx_qian li{float:left; width:25%; text-align:center; margin-top:13px;}
.zx_qian li i{ display:block; margin:0 auto;}
.zx_qian li span{ display:block;margin:0 auto; padding-top:5px;}

.step_learn{height:42px; text-align:center; margin-top:10px; line-height:42px;}
.zx_notebook{ background:#fff; border-top:solid 1px #ccc; margin-top:10px;}
.zx_notebook header h1{ padding-left:11px; height:23px; margin-top:10px; line-height:23px;}
.left_border_green{ border-left:4px #0bae4c solid }
.nodata{ text-align:center; margin-top:115px;margin-bottom: 115px;font-size:16px;}
.nodata span{ font-weight:bold; color:red;}
.nodata h1{ font-weight:bold;}
.nodata summary{color:#999; margin-top:16px;}
header{transition: margin-top .5s;
    -webkit-transition: margin-top .5s;
}

.genBtn {
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top, #df394c, #f0924b, #bfd244, #689cd2); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#df394c), color-stop(#f0924b), color-stop(#bfd244), color-stop(#689cd2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #df394c, #f0924b, #bfd244, #689cd2); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #df394c, #f0924b, #bfd244, #689cd2); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #df394c, #f0924b, #bfd244, #689cd2); /* W3C */
    background: -webkit-linear-gradient(top, #df394c, #f0924b, #bfd244, #689cd2); /* Chrome10+,Safari5.1+ */
}

/*效果图专题*/
.specialFr{ margin:10px;}
.specialFr figure{ margin-bottom:10px; position:relative; z-index:1}
.specialFr figure div{ color:#fff; position:absolute; top:0; background:rgba(0,0,0,0.28); height:100%; width:100%;z-index:2;}
.specialFr div h1{ font-size:16px; text-align:center}
.specialFr div p.pwidth { width:90%; text-align:left; margin:0 auto; font-size:11px;line-height: 20px;}
.specialFr div img{width:90%; text-align:center; display:block; margin:8px auto;}
.specialFr div{ padding-top:27%;}
.pageFrame{padding:15px 0; text-align:center;}
.pageFrame input{ -webkit-appearance:none; border:solid 1px #ccc;}
/*效果图专题end*/

/*效果图专题详情*/
.detailFr_msg{width:95%; margin:0 auto; line-height:24px; font-size:16px; overflow:hidden;margin-bottom: 10px;}
.detailFr_msg h2,.detailFr_msg h1{padding-top:8px; font-size:16px;font-weight:bold;border-bottom: #ececec solid 1px;line-height: 100%;padding: 15px 0;
}
.detailFr_msg figure{width:98%;  margin:5px auto;text-align:center; overflow:hidden;}
.detailFr_msg figure img{width:100%;}
/*效果图专题详情end*/