@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#dfdfdf;font-size:14px;font-family:"arial","微软雅黑"}
html{width:100%;height:100%; overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}
html.ns{overflow:hidden}
@media(min-width:601px){
body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%; min-height:68px;overflow:hidden;position:relative}	
}
@media(min-width:414px)and (max-width: 600px) {	
body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%; min-height:36px;overflow:hidden;position:relative}	
}
@media(min-width:321px)and (max-width: 413px) {	
body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%; min-height:67px;overflow:hidden;position:relative}	
}
@media(max-width:320px) {
body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%; min-height:80px;overflow:hidden;position:relative}	
}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;}

a {text-decoration: none;color: #fff;font-size: 14px;font-family: "arial","微软雅黑";overflow:hidden;}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none; }
 
.chinese {font-family:"微软雅黑"}
img {border: 0}
ol,ul,li {list-style: none}
dl,dt,dd,ul,li {margin: 0;padding: 0}
input,textarea {outline: none}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: none;margin:0;padding:0;}
i {font-style: normal}
.fl {float: left; font-size:16px; font-family:"Arial","宋体"; color:#B1B1B1; font-weight:bold;}
.fr {float: right; color:#666;font-size:12px;}
.clear {clear: both}
.wrap {width: 96%;margin: 0 auto}
.pd5 {padding: 5px}
.pd10 {padding: 10px}
.pd20 {padding: 20px}
.menu_back2,.menu_slide,#us_panel2 td i,.send_msg_to,.menu_refresh,#post_comment_btn,.menu_back,.menu_share,.menu_open,.search_open,.message_open,.list_info_i dt,#menu ul li a b,.hd .fr,.reg_bar_close,.login_bar_close,.reg_bar .fl i,#weibo_app i,#tel_app i,#qq_connect i,#kf_connect i,.login_bar .fl i,.share_sina,.share_guangbo,.share_douban,.content_info_more,.header_more dt,.works_view dt,#add_f i,.works_link dt,.visit_site a i,.add_friend,.remove_friend,.rela_friend,.user_menu dt,#user_menu li a .fl i,.home_profile_local i,.home_profile_c a i,.remove_msg,.reply_msg_post {
	background: url('icons.png') no-repeat;background-size: 500px 500px}
/*页头logo*/
#header {
	background: #fff;
	height: 59px;
	overflow: hidden;
	position:fixed; 
	width: 100%;
	z-index: 999;
	left: 0px;
	top: 0;
	width: 100%;
	filter:alpha(opacity=90);  
	-moz-opacity:0.9;  
	-khtml-opacity: 0.9;  
	opacity: 0.9;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

/*内页*/
#header.head {background: #323436;height: 49px;top:0;position:fixed; }
#header.head i {top: 0px}
.title {line-height: 49px;color: #fff;position: relative;height: 50px;display: block;margin: 0 auto;width: 70%;overflow: hidden}
.t_slide {text-align: center}
.title_d {
	display: block;
	white-space: nowrap;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	left: 50%;
	font-size: 16px
}
.title_d p {
	float: left;
	position: relative;
	right: 50%
}
.title_d.round {
	-webkit-animation: round 4s infinite alternate linear;
	-ms-animation: round 4s infinite alternate linear;
	-o-animation: round 4s infinite alternate linear;
	-moz-animation: round 4s infinite alternate linear;
	animation: round 4s infinite alternate linear
}

@keyframes round {
	0% {
		transform: translateX(0%)
	}

	100% {
		transform: translateX(-28%)
	}
}

@-webkit-keyframes round {
	0% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%)
	}

	100% {
		transform: translateX(-28%);
		-webkit-transform: translateX(-28%)
	}
}
#header .wrap {position: relative;overflow: hidden}
.logo {position: relative;width: 200px;height: 50px;margin: 5px auto}
.logo a {display: block}
.logo img {display: block;width: 100%;height: auto}
.logo_msk {width: 100%;height: 100%;background: #3e4042 url('backface.png') no-repeat 50% 50%;position: absolute;top: 0;left: 0;display: none;background-size: 500px 60px}
#header i {display: block;width: 39px;height: 39px;position: absolute}
#header .search_open {top: 10px;right: 0;background-position: -105px -475px}
#header .message_open {top: 15px;right: 0;background-position: -220px -475px}



.menu_back.ton,.menu_back2.ton,.menu_open.ton,.search_open.ton {
	background-color: #323436
}

.menu_back,.menu_back2 {
	background-position: -68px -320px;
	top: 10px;
	background-color: #323436;
	left: 0
}

.menu_back a,.menu_back2 a {
	display: block;
	height: 100%
}

.menu_share {
	background-position: -66px -107px;
	top: 14px;
	background-color: #323436;
	right: 0
}


.menu_refresh {
	background-position: -282px -39px;
	top: 14px;
	background-color: #323436;
	right: 0;
	-webkit-transition: all 0.0s ease-out;
	-moz-transition: all 0.0s ease-out;
	-o-transition: all 0.0s ease-out;
	transition: all 0.0 ease-out
}

#header .menu_refresh.ton {
	background-color: #E1362E
}

#header .search_open {
	top: 10px;
	right: 0;
	background-position: -105px -435px
}

.showbox{margin:0 auto;width:100%;}
.search_open span {
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	background: #df0000;
	top: -2px;
	right: 0px;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}


/*菜单*/
#menu {
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 0px;
	overflow: hidden;
	background: #3B3B3B;
	visibility: hidden;
	-webkit-transition-delay: 0.0s;
	-moz-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s
}

#menu.push {
	visibility: visible;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

#header .menu_open {
	background-position: -99px -470px;
	left: 0;
	top: 10px
}

.menu_back.ton,.menu_back2.ton,.menu_open.ton,.search_open.ton,.message_open.ton {
	background-color: #F0EFEF
}
/*子分类*/
#container {
	position: relative;
	left: 0px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}
/*内容*/
#content {position: relative;overflow-x: hidden; overflow-y: auto;padding-bottom:45px}
/************广告图片**************/
#bnpic{width:100%; padding-top:59px; float:left}
#bnpic2{width:100%; padding-top:0px; float:left}
.pro-switch{width:auto;height:auto;margin-bottom:0;overflow:hidden;}.flexslider{margin:0;padding:0;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
.flexslider .slides img{width:100%;display:block;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}html[xmlns] 
.slides{display:block;}* html 
.slides{height:auto;}.no-js .slides > li:first-child{display:block;}.flexslider{margin:0 auto;position:relative;width:100%;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}.flex-direction-nav{*height:0;}
.flex-direction-nav a{width:30px;height:45px;margin:-30px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -45px;right:0;}.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover 
.flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 15px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 2px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 10px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
	transition: width, background 0.4s;
}

.flex-control-paging li a.flex-active {
	background: #fff;
	cursor: default;
	width: 25px;
}


.exindexall{width:100%; padding-bottom:15px; margin-bottom:0px; background-color:#fff; border-bottom:4px #d4d4d4 solid; float:left; overflow:hidden}
.exindexpic{width:100%; float:left}
.exindexpic img{width:100%; float:left}
.exindexlist{width:100%; float:left;}
.exindexlist ul{margin:0; padding:0; width:98%; padding:1%;}
.exindexlist ul li{width:50%; float:left}
.exindexlist ul li img{width:100%; float:left}

#exlist{width:100%; float:left}
#exlist ul{ margin:0; padding:0;width:98%; padding:1%;}
#exlist img{width:100%; float:left;}
@media(min-width:601px){
.exproductlist{width:32.33%; margin:0.5%; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);float:left}	
}
@media(max-width:600px) {
.exproductlist{width:48%; margin:1%; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);float:left}
}
.exproductlist_p{width:100%; float:left}
.exproductlist_p img{width:100%; float:left}
.exproductlist_t{width:100%; line-height:24px; text-align:center; color:#FFF; background-color:#666; float:left}

@media(min-width:601px){
#exlist ul li{width:31.33%;display: block; margin:1%; border-bottom:3px #812c2f solid;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);float:left}
#exlist span{width:100%; padding:10% 0; font-size:18px; color:#666; line-height:20px; text-align:center; float:left;}
#exlist span i{ font-size:13px; color:#ccc;}
}
@media(min-width:321px)and (max-width: 600px) {	
#exlist ul li{width:31.33%;display: block; margin:1%; border-bottom:3px #812c2f solid;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);float:left}
#exlist span{width:100%; padding:10% 0; font-size:15px; color:#666; line-height:18px; text-align:center; float:left;}
#exlist span i{ font-size:11px; color:#ccc;}
}
@media(max-width:320px) {
#exlist ul li{width:48%;display: block; margin:1%; border-bottom:3px #812c2f solid;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);float:left}
#exlist span{width:100%; padding:10% 0; font-size:15px; color:#666; line-height:18px; text-align:center; float:left;}
#exlist span i{ font-size:11px; color:#ccc;}
}
#exlist .touch{ background-color:#812c2f; color:#fff;border-bottom:3px #812c2f solid;}
#exlist .touch span{width:100%; padding:10% 0; font-size:15px; color:#fff; line-height:18px; text-align:center; float:left;}
#exlist .touch span i{ font-size:11px; color:#fff;}





/*VI与原不同之处*/
.exlist_t{width:96%; line-height:30px; font-size:16px; float:left; border-bottom:1px #d9d9d9 solid; padding:15px 2% 5px 2%; background-color:#fff;}
.exlist{width:98%; padding:2% 1%; border-bottom:4px #D7D7D7 solid; margin-bottom:0%;  background-color:#fff;float:left}
/* .exlist{width:98%; padding:2% 1%; border-bottom:4px #D7D7D7 solid; margin-bottom:3%;  background-color:#fff;float:left} */
.exlist ul{ margin:0; padding:0;}

@media(min-width:601px){
.exlist ul li{width:31.33%; padding:1%; float:left}	
}
@media(max-width:600px) {
.exlist ul li{width:46%; padding:2%; float:left}
}

.exlist ul li img{width:100%; }
.exlist ul li div{width:100%; padding:0% 0; font-size:13px; text-align:center; float:left}
.exlist ul li div p{ display: block; width: 00%; height: 2px; background:#bd9b5b; clear: both; margin: 5px auto;}
.exlist em{font-size: 10px; color: #CCCCCC; font-style: normal}

.exlist5{width:98%; padding:2% 1%; border-bottom:0px #F5F5F5 solid; margin-bottom:0%;  background-color:#;float:left}
.exlist5 ul{ margin:0; padding:0;}
.exlist5 ul li{width:31.33%; padding:1%; float:left}
.exlist5 ul li img{width:100%; }
.exlist5 ul li div{width:100%; padding:10% 0; font-size:13px; text-align:center; float:left}
.exlist5 ul li div p{ display: block; width: 20%; height: 2px; background:#bd9b5b; clear: both; margin: 5px auto;}
.exlist5 em{font-size: 10px; color: #CCCCCC; font-style: normal}
/*VI与原不同之处*/


.exlist_t2{width:100%; line-height:30px; font-size:16px; text-align:left;border-bottom:1px #d9d9d9 solid; padding:5px 2% 5px 2%; background-color:#fff;}
.exlist2{width:100%; padding:2% 0%; border-bottom:4px #D7D7D7 solid; margin-bottom:0%;  background-color:#fff;float:left}



/*exlist3老
.exlist3{width:98%; padding:2% 1%; border-bottom:1px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left}
.exlist3 ul{ margin:0; padding:0;}
.exlist3 ul li{width:31.33%; padding:1%; float:left; }
.exlist3 ul li img{width:100%; float:left; }
.exlist3 ul li div{width:100%; padding:10% 0; font-size:13px; text-align:center; float:left}
.exlist3 ul li div p{ display: block; width: 20%; height: 2px; background:#812c2f; clear: both; margin: 5px auto;}
.exlist3 em{font-size: 10px; color: #CCCCCC; font-style: normal}
exlist3老*/



.exlist3{width:98%; padding:2% 1% 3% 1%; border-bottom:2px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left; font-size: 10px; }
.exlist3 ul{ margin:0; padding:0;}
.exlist3 ul li{width:31.33%; padding:1%; float:left;}
.exlist3 ul li img{width:100%; float:left; border-top: 1px solid #f1f1f1; border-bottom: 0px  solid #f1f1f1;border-left: 1px  solid #f1f1f1;border-right: 1px  solid #f1f1f1;}
.exlist3 ul li div{width:100%; padding:6% 0; font-size:11px; text-align:center; float:left; border-top: 0px solid #f1f1f1; border-bottom: 1px  solid #f1f1f1;border-left: 1px  solid #f1f1f1;border-right: 1px  solid #f1f1f1; ; line-height: 10px;}
.exlist3 ul li div p{ display: block; width: 15%; height: 2px; background:#812c2f; clear: both; margin: 1px auto;}
.exlist3 em{font-size: 6px; color: #CCCCCC; font-style: normal ; line-height: 10px;}


.exlist4 img{width:100%; float:left;}
.exlist4_t{width:96%; line-height:30px; font-size:16px; float:left; border-bottom:1px #d9d9d9 solid; padding:15px 2% 5px 2%; background-color:#fff;}
.exlist4{width:96%; padding:2% 2%; border-bottom:1px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left}/*border-bottom:4px #D7D7D7 solid;低部边高*/
.exlist14 img{width:100%; float:left;}
.exlist14_t{width:96%; line-height:30px; font-size:16px; float:left; border-bottom:1px #d9d9d9 solid; padding:15px 2% 5px 2%; background-color:#fff;}
.exlist14{width:96%; padding:2% 2% 2% 2%; border-bottom:1px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left}

.exindexpic2{width:100%; float:left}
.exindexpic2 img{width:100%; float:left;border-bottom:4px #D7D7D7 solid;}



.exlist6{width:96%; padding:3% 2% 5% 2%; border-bottom:1px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left}
.exlist6 ul{ margin:0; padding:0;}
.exlist6 ul li{width:31.33%; padding:1%; float:left; }
.exlist6 ul li img{width:100%; float:left;padding:0% 0 0% 0;}
.exlist6 ul li div{width:100%; padding:5% 0 10% 0; float:left; border: 1px solid #f1f1f1; text-align: center; }
.exlist6 ul li div em{width:100%;font-size:10px; line-height: 15px; font-style: normal}
.exlist6 ul li div em p{ font-size:10px; margin:0% 0 -5% 0;}


.exlist7{width:96%; padding:2% 2% 4% 2%; border-bottom:2px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left}
.exlist7 ul{ margin:0; padding:0;}
.exlist7 ul li{width:31.33%; padding:1%; float:left;}
.exlist7 ul li img{width:100%; float:left; border-top: 1px solid #f1f1f1; border-bottom: 0px  solid #f1f1f1;border-left: 1px  solid #f1f1f1;border-right: 1px  solid #f1f1f1;}
.exlist7 ul li div{width:100%; padding:6% 0; font-size:11px; text-align:center; float:left; border-top: 0px solid #f1f1f1; border-bottom: 1px  solid #f1f1f1;border-left: 1px  solid #f1f1f1;border-right: 1px  solid #f1f1f1; ; line-height: 10px;}
.exlist7 ul li div p{ display: block; width: 15%; height: 2px; background:#812c2f; clear: both; margin: 1px auto;}
.exlist7 em{font-size: 6px; color: #CCCCCC; font-style: normal ; line-height: 10px;}


.exlist8{width:94%; padding:2% 3%; border-bottom:1px #F5F5F5 solid; margin-bottom:0%;  background-color:#;float:left}
.exlist8 ul{ margin:0; padding:0;}
.exlist8 ul li{width:31.33%; padding:1%; float:left}
.exlist8 ul li img{width:100%; float:left}
.exlist8 ul li div{width:100%; padding:10% 0; font-size:13px; text-align:center; float:left}
.exlist8 ul li div p{ display: block; width: 20%; height: 2px; background:#f08519; clear: both; margin: 5px auto;}
.exlist8 em{font-size: 10px; color: #CCCCCC; font-style: normal}





.exlist img{width:100%; float:left; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px;}/*图片圆角改0px变大*/
.exlist_l{width:64.67%; padding:1%; float:left}
.exlist_r{width:31.33%; padding:1%; float:left}

.exmain{width:100%; float:left; background-color:#F4F4F4;}
.expic{width:98%; padding:1%;float:left}
.expic ul{margin:0; padding:0;}
.expic ul li{width:48%; margin:1%; float:left;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.expic_p{width:100%; float:left}
.expic_p img{width:100%; float:left}
.expic_t{width:100%; text-align:center; line-height:28px;background-color:#0195DB; color:#fff; float:left}


.exnew_t{width:100%; height:32px; line-height:32px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#f3f3f3',gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
background: -o-linear-gradient(top,#fefefe, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3));
color:#666;
float:left; overflow:hidden; border-bottom:1px #e2e2e2 solid
}
.exnew_t i{width:32px; height:32px; background:url(icons.png) no-repeat -220px -50px;background-size: 500px 500px; float:left}
.exnew_t a,.exnew_t a:link{color:#666}

.exnew_ts{width:100%; height:32px; line-height:32px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#f3f3f3',gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
background: -o-linear-gradient(top,#fefefe, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3));
color:#666;
float:left; overflow:hidden; border-bottom:1px #e2e2e2 solid
}
.exnew_ts i{width:32px; height:32px; background:url(icons.png) no-repeat 10px -404px;background-size: 500px 500px; float:left}
.exnew_ts a,.exnew_ts a:link{color:#666}

.exdown{ 
		overflow: hidden;
		position: absolute;
		bottom: 0;
		width: 100%;height:30px; line-height:12px; text-align:center; color:#C0C0C0; font-weight:normal; font-size:12px}
.exdown a,.exdown a:link{color:#C0C0C0;font-weight:normal; font-size:12px}

#blist{float:left}
#blist ul {background: #fff;display: block}

#blist li {display: block;float:left;position:relative;width:46%; padding:1%; margin:1%;box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
#blist li span{width:95%;display: block; height:26px; font-size:1em; color:#333; line-height:26px; padding-left:5%; background:#FFF;filter:alpha(opacity=70); -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;position:absolute; bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}

#blist li img {width: 100%; float:left}

.exgbook{width:100%; line-height:20px; float:left}
.exgbook_my{width:100%;padding:2% 0; float:left}
.exgbook_my_t{width:100%; text-align:left; padding-bottom:10px;float:left}
.exgbook_my_t span{ padding-left:10px; font-size:11px;color:#cccccc;}
.exgbook_my_c{ padding:2% 5%; background-color:#FFF; color:#999; border:1px #f8f8f8 solid;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; text-align:left;float:left}
.exgbook_you{width:100%; padding:2% 0; float:right}
.exgbook_you_t{width:100%; text-align:right; padding-bottom:10px;float:right}
.exgbook_you_t span{ padding-left:10px; font-size:11px;color:#cccccc;}
.exgbook_you_c{ padding:2% 5%; background-color:#ebebeb; color:#999; border:1px #f8f8f8 solid;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; text-align:right;float:right}

.daytitle {
	font-weight:bold;
	border-bottom:#f7f7f7 1px solid;
	line-height:35px;
	height:35px;
}
.fintime{width:85px;float:left;}
.fincoun{width:70px;float:left;	}
.daylistindex{
	border-bottom:#f7f7f7 1px solid;
	line-height:35px;
	height:35px;
	overflow:hidden;
}
.daylistindex a{
	color:#666;
	text-decoration:none;
}
.daylistmore {
	line-height:35px;
	height:35px;
	text-align:right;
	color:#000;	font-size:.9em; font-weight:300;
}
.daylistmore a{
	color:#000;
}


#listpic{width:100%; float:left}
#listpic ul{margin:0; padding:10px 0 ;  overflow:hidden}

@media(min-width:601px) {
#listpic ul li{width:32.33%; margin:0.5%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); float:left}	
}
@media(min-width:321px)and (max-width: 600px) {
#listpic ul li{width:48%; margin:1%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); float:left}
	
}
@media(max-width:320px) {
#listpic ul li{width:98%; margin:1%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); float:left}
	
}



#listpic .list_p{width:100%; float:left}
#listpic .list_p img {width:100%; float:left}
#listpic .list_t{width:100%; line-height:25px; text-align:center; color:#FFF; background-color:#ffba00; float:left}
#listpic a{width:100%; display:block}
#listpic ul li.touch {
	background-color: #f4f4f4;
	-moz-box-shadow: 0px 2px 4px #ccc inset;
	-o-box-shadow: 0px 2px 4px #ccc inset;
	-webkit-box-shadow: 0px 2px 4px #ccc inset;
	box-shadow: 0px 2px 4px #ccc inset
}



#list{width:100%;float:left;}
#showcase {
	height: 200px;
	background: #eee
}

.list_litpic {
	width: 102px;
	height: 90px;
	overflow: hidden
}

.list_litpic img {
	width: 102px;
	height: 90px
}

#list ul {
	background: #fff;
	display: block
}

#list li {
	display: block;
	height: 110px
}

#list li.touch {
	background-color: #f4f4f4;
	-moz-box-shadow: 0px 2px 4px #ccc inset;
	-o-box-shadow: 0px 2px 4px #ccc inset;
	-webkit-box-shadow: 0px 2px 4px #ccc inset;
	box-shadow: 0px 2px 4px #ccc inset
}

#list li .alist {
	display: block;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #eee;
	padding: 10px 0
}

.list_info {
	height: 90px;
	margin-left: 120px;
	padding-top: 5px
}

.list_info h4 {
	font-size: 16px;
	font-weight: 500;
	height: 20px;
	line-height: 20px;
	margin-bottom: 2px;
	color: #646464;
	display: block;
	overflow: hidden
}

.list_info h5 {
	height: 20px;
	line-height: 18px;
	font-weight: 500;
	font-size: 12px;
	color: #a2a2a2
}

.list_info span {
	margin-left: 5px;
	color: #777777
}

.list_info h5 em {
	font-style: normal;
	margin-left: 8px
}

.list_info_i {
	margin-top: 20px;
	height: 20px;
	overflow: hidden
}

.list_info_i dl {
	display: block;
	height: 20px;
	float: left;
	margin-right: 10px
}

.list_info_i dt {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 2px
}

.list_info_i dd {
	display: block;
	height: 20px;
	float: left;
	line-height: 20px;
	font-size: 10px;
	color: #a7a7a7
}

.list_info_i .list_info_views dt {
	background-position: 0 -21px
}

.list_info_i .list_info_comment dt {
	background-position: -25px -20px
}

.list_info_i .list_info_like dt {
	background-position: -50px -21px
}

.list_info_i .list_info_time dt {
	background-position: -72px -148px
}

.bangmang_list_more .list_info_i {
	margin-top: 0
}

.list_info_i .list_info_time {
	float: right
}

#sort {
	height: 35px;
        background-color: #999999; 
}

#sort .sortby {
	height: 35px
}

.sort_ct {
	border: 1px solid #fff;
	border: 0 1px
}

#sort td {
	height: 35px;
	text-align: center
}

.sort_left {
	background: url('g_block.png') repeat-y 100% 0;
	text-align: center;
	background-size: 1px 1px
}

.sort_right {
	background: url('g_block.png') repeat-y 0 0;
	background-size: 1px 1px
}

.sort_b {
	height: 35px;
	line-height: 35px;
	width: 100%
}

.sort_b a:hover,.sort_b a:visited { background-color: #812c2f; color: #FF99CC; }

.exmember_top{width:100%; padding-top:20px; height:100px;background-image:url(../images/indexbg.jpg);background-position:center; background-repeat:no-repeat; float:left}

.exteam_top_l{width:280px; margin:24px auto 0 auto; height:40px; background-color:#FFF;
border-top-left-radius: 15px;border-bottom-left-radius: 15px;border-top-right-radius: 5px;border-bottom-right-radius: 15px;
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8;}

.exteam_top_n{width:30%;  padding:36px 0 0 5%;  font-size:1em; float:left}
.exteam_top_n span{font-size:0.9em; color:#666}
.exteam_top_m{width:30%; height:30%; float:left}
.exteam_top_h{width:30%; padding:36px 0 0 5%;font-size:1em; color:#666; float:left}
.exteam_top_m img{width:100%;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;}

.exbn{width:96%; padding:10px 2%; float:left}
.exbn a{width:46%; margin:2%; float:left; padding:2px 0;line-height:32px;display: block;color: #fff;font-size: 16px;background-color: #ccc;border-radius: 15px; text-align:center; float:left}

.exmemberall{width:96%; padding:10px 2%; background-color:#B1B1B1; float:left}
.exbn1{width:100%; height: 36px;  margin:15px 0;line-height:32px;display: block;color: #fff;font-size: 16px;background-color: #e1362e;border-radius: 15px; text-align:center; float:left}
.exbn1 a{color: #fff;font-size: 16px;width:100%; display:block}

.exmblist1{width:98%; padding:3% 1%; border-bottom:1px #e0e0e0 solid; float:left; line-height:20px; }
.exmblist1 a{font-size:15px; color:#888; float:left}
.exmblist1 i{width:16px; height:16px; display:block;background-image: url('icons.png');background-size: 500px 500px;background-position: -167px -35px; margin-right:10px; float:left}

.exmblist2{width:98%; padding:3% 1%; border-bottom:1px #e0e0e0 solid; float:left; line-height:20px; }
.exmblist2 a{font-size:15px; color:#888; float:left}
.exmblist2 i{width:16px; height:16px; display:block;background-image: url('icons.png');background-size: 500px 500px;background-position: -167px -89px; margin-right:10px; float:left}

.exmblist3{width:98%; padding:3% 1%; border-bottom:1px #e0e0e0 solid; float:left; line-height:20px; }
.exmblist3 a{font-size:15px; color:#888; float:left}
.exmblist3 i{width:16px; height:16px; display:block;background-image: url('icons.png');background-size: 500px 500px;background-position: -167px -121px; margin-right:10px; float:left}

.sort_b i {
	width: 0px;
	height: 16px;
	display: block;
	float: left;
	margin-top: 17px;
	margin-right: 5px;
	background-image: url('sort.png');
	background-size: 150px 150px
}

i.cate_default {
	background-position: 1px 1px
}

i.cate_tag {
	background-position: -13px -49px
}

i.cate_sort {
	background-position: -29px -16px
}

.sort_b span {
	height: 35px;
	display: block;
	float: left;
	background: url('slide.png') no-repeat 0 0;
	padding-right: 19px;
	background: url('slide.png') no-repeat 100% 50%;
	background-size: 9px 4.5px;
	overflow: hidden
}

.sort_cate a {
	padding-right: 5px
}

.sort_tag .sort_b span {
	max-width: 56px
}

.sort_b a {
	display: block;
	height: 35px;

	width: 100%
}

.sort_b.ton {
	background-color: #343435;
	-moz-box-shadow: 0px 2px 6px #1f1f1f inset;
	-o-box-shadow: 0px 2px 6px #1f1f1f inset;
	-webkit-box-shadow: 0px 2px 6px #1f1f1f inset;
	box-shadow: 0px 2px 6px #1f1f1f inset
}

.sort_b .sort_b_inner {
	height: 35px;
        color: #ffffff;
	display: inline-block
}

#container {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: -o-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: transform 0.3s cubic-bezier(0.165,0.84,0.44,1); 
}


@media(min-width:601px){
#container.push,#us_panel.push {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	transform: translateX(250px);
	-moz-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: -3px -3px 6px rgba(0,0,0,0.4)
}

#header.push {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	transform: translateX(250px);
	-moz-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: -3px -3px 6px rgba(0,0,0,0.4)
}

#header.pull {
	-webkit-transform: translate3d(-250px,0px,0px);
	-moz-transform: translate3d(-250px,0px,0px);
	transform: translate3d(-250px,0px,0px);
	-moz-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: 3px -3px 6px rgba(0,0,0,0.4)
}

#container.pull,#us_panel.pull {
	-webkit-transform: translate3d(-250px,0px,0px);
	-moz-transform: translate3d(-250px,0px,0px);
	transform: translate3d(-250px,0px,0px);
	-moz-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: 3px -3px 6px rgba(0,0,0,0.4)
}

/*分类*/
#menu { z-index: 0; 
	width: 250px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0	
        overflow-x: hidden; overflow-y: hidden;
}
}
@media(max-width:600px){
#container.push,#us_panel.push {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	transform: translateX(250px);
	-moz-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: -3px -3px 6px rgba(0,0,0,0.4)
}

#header.push {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	transform: translateX(250px);
	-moz-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: -3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: -3px -3px 6px rgba(0,0,0,0.4)
}

#header.pull {
	-webkit-transform: translate3d(-250px,0px,0px);
	-moz-transform: translate3d(-250px,0px,0px);
	transform: translate3d(-250px,0px,0px);
	-moz-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: 3px -3px 6px rgba(0,0,0,0.4)
}

#container.pull,#us_panel.pull {
	-webkit-transform: translate3d(-250px,0px,0px);
	-moz-transform: translate3d(-250px,0px,0px);
	transform: translate3d(-250px0px,0px,0px);
	-moz-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-o-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px -3px 6px rgba(0,0,0,0.4);
	box-shadow: 3px -3px 6px rgba(0,0,0,0.4)
}

/*分类*/
#menu {
	width: 250px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0
}
}


#menu ul li {
	display: block;
	height: 49px;
	line-height: 50px;
	border-bottom: 1px solid #454545;
	overflow: hidden;
	background-color: #3B3B3B;
	-webkit-transition: background 0.0s ease-out;
	-moz-transition: background 0.0s ease-out;
	-o-transition: background 0.0s ease-out;
	transition: background 0.0s ease-out
}

#menu ul li a {
	display: block;
	width: 100%;
	height: 35px;
	color: #fff;
	overflow: hidden;
	padding-top: 14.5px;
	border-left: 0px solid #812c2f;
}
#menu ul li a b {
	width: 16px;
	height: 16px;
	background-position: 0px -55px;
	display: block;
	float: right;
	margin-right: 16px;
	opacity: 0.2
}
#menu ul li a i {
	display: block;
	width: 19px;
	height: 22px;
	float: left;
	background: url('icons.png') no-repeat;
	background-size: 500px 500px;
	margin-left: 20px;
	opacity: 0.6	
}

#menu ul .menu_cur a i {opacity: 1}
#menu ul .menu_cur a {border-left: 3px solid #812c2f;}
#menu ul li a span {display: block;height: 16px;line-height: 24px;float: left;margin-left: 15px;}
#menu ul li:hover,#menu ul .menu_cur {background-color: #812c2f}

#menu ul .nav_index a i {background-position: -396px -254px}
#menu ul .nav_about a i {background-position: -396px -362px}
#menu ul .nav_product a i {background-position: -396px -467px}
#menu ul .nav_join a i {background-position: -396px -157px}
#menu ul .nav_service a i {background-position: -396px -204px}
#menu ul .nav_news a i {background-position: -396px -308px}
#menu ul .nav_contact a i {background-position: -396px -414px}
#menu ul .nav_o2o a i{ background-position: -396px -85px}
#menu ul .nav_gift a i{ background-position: -396px -118px}
/*右边*/
#user {
	width: 250px;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0;
        overflow: hidden;
	visibility: hidden;
	background-color: #3B3B3B;
	-webkit-transition-delay: 0.0s;
	-moz-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s
}
/*左边*/
.search_wrap {overflow: hidden;position: relative}

#user.pull {
	visibility: visible;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
#menu.pull {visibility: hidden}
#container.push .push_msk {visibility: visible}
#container.pull .push_msk {visibility: visible}

.push_msk {
	width: 100%;
	height: 99px;
	position: fixed;
	visibility: hidden;
	top: 0;
	left: 0
}

.account {
	height: 60px;
	background: #292929;
	overflow: hidden
}
.nl {
	margin: 12.5px 0 0 10px
}
.nl a {
	display: block;
	float: left;
	height: 35px;
	width: 110px;
	text-align: center;
	float: left;
	line-height: 35px;
	color: #fff
}

.login {
	margin-right: 10px;
	background: #4f5356
}

.reg {
	background: #E1362E
}

.user_panel {
}

.user_menu {
	width: 250px;
	height: 250px;
	background: #333436;
	position: relative
}

.my_avatar {
	height: 195px;
	overflow: hidden;
	text-align: center;
	width: 210px;
	margin: 0 auto
}

.my_avatar .my_home {
	display: inline-block;
	width: 90px;
	height: 90px;
	margin-top: 30px;
	overflow: hidden;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.my_avatar .my_home img {
	width: 100%
}

.my_avatar h4 {
	display: block;
	height: 28px;
	line-height: 28px
}

.my_avatar h4 a {
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	margin-top: 10px
}

.my_avatar p {
	font-size: 9px;
	color: #8e8e8e
}

.user_menu table {
	height: 50px;
	border-top: 1px solid #4a4c4e;
	border-bottom: 1px solid #4a4c4e;
	position: absolute;
	bottom: 0;
	left: 0
}

.user_menu td {
	text-align: center
}

.user_menu dl {
	display: inline-block;
	width: 40px;
	height: 30px;
	text-align: center
}

.user_menu dt {
	display: inline-block;
	width: 16px;
	height: 16px
}

.user_menu dd {
	display: block;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 9px;
	color: rgba(255,255,255,0.2)
}

.care {
	position: relative
}

.fans dt {
	background-position: -167px -35px
}

.care dt {
	background-position: -167px -51px
}

.favorites dt {
	background-position: -167px -67px
}

.user_menu_c {
	position: relative
}

.user_menu_c .has_line_left,.user_menu_c .has_line_right {
	background: url('d_block.png');
	background-size: 1px 1px
}

#user_menu {
}

#user_menu li {
	height: 42px;
	border-bottom: 1px solid #4a4c4e
}

#user_menu li a {
	display: block;
	height: 42px;
	border-left: 6px solid #323436;
	background: #323436;
	-webkit-transition: all 0.0s ease-out;
	-moz-transition: all 0.0s ease-out;
	-o-transition: all 0.0s ease-out;
	transition: all 0.0s ease-out
}

#user_menu li a .fl {
	height: 42px;
	margin-left: 16px;
	color: #848484
}

#user_menu li a .fl i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: 13px;
	margin-right: 10px
}

#user_menu li a .fl span {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	line-height: 16px;
	margin-top: 13px
}

#user_menu li.menu_msg a .fl i {
	background-position: -167px -90px
}

#user_menu li.menu_system a .fl i {
	background-position: -167px -106px
}

#user_menu li.menu_comment a .fl i {
	background-position: -167px -122px
}

#user_menu li.menu_option a .fl i {
	background-position: -167px -138px
}

#user_menu li.menu_logout a .fl i {
	background-position: -167px -155px
}

#user_menu li a:hover,#user_menu li.menu_at a {
	border-left: 6px solid #16be00;
	background: #1e1f20
}

#user_menu li a .fr {
	margin-right: 16px;
	height: 42px
}

#user_menu li a .fr span {
	display: inline-block;
	padding: 0 10px;
	height: 15px;
	line-height: 15px;
	background: #ff8a00;
	margin-top: 13.5px;
	color: #fffae7;
	font-size: 11px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px
}

#user_menu li.menu_option a .fr,#user_menu li.menu_logout a .fr {
	display: none
}

#header {
	-webkit-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1)
}

#us_panel.hide {
	transform: translateY(125px);
	-moz-transform: translateY(125px);
	-webkit-transform: translateY(125px);
	-o-transform: translateY(125px)
}

.search_wrap {
	height: 60px;
	width: 100%;
	background-color: #333436
}

#user { z-index: 0;
	background-color: #333436
        overflow-x: hidden; overflow-y: hidden;  

}

.search_input {
	text-indent: 10px;
	height: 15px;
	line-height: 16px;
	display: block;
	margin: 0 5px;
	width: 200px;
	border: none;
	color: #6c6c6c;
	padding: 10px 30px 10px 10px;
	background-color: #fff;
	margin-top: 12.5px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.reset_input {
	width: 20px;
	height: 35px;
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	display: none
}

.reset_input i {
	display: block;
	width: 16px;
	height: 16px;
	background: url('icons.png') no-repeat -30px -55px;
	background-size: 500px 500px;
	position: absolute;
	top: 12.5px;
	right: 10px;
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.reset_input.ton {
	opacity: 1
}

#sort_content {
	width: 100%;
	min-height: 100%;
	background: #f0f1f1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 20px;
	-webkit-transform: translate3d(0px,100%,0px);
	-moz-transform: translate3d(0px,100%,0px);
	transform: translate3d(0px,100%,0px);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19)
}

#sort_content.show {
	-webkit-transform: translate3d(0px,0%,0px);
	-moz-transform: translate3d(0px,0%,0px);
	transform: translate3d(0px,0%,0px);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000)
}

.asort {
	display: none
}

.asort.show {
	display: block
}

.hd {
	height: 60px;
	background: #323436
}

.hd .fl {
	height: 60px
}

.sort_tag .hd .fl i {
	background-position: 1.5px -34px
}

.sort_color .hd .fl i {
	background-position: 1.5px -94.5px
}

.hd .fl span {
	height: 32px;
	line-height: 32px;
	color: #fff;
	display: block;
	float: left;
	margin-top: 14px;
	padding-left: 16px
}

.hd .fr {
	width: 33px;
	height: 32px;
	background-position: 10px -76.5px;
	background-color: #3e4042;
	margin-top: 14px;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.hd .fr.ton {
	background-color: #dadada
}

.ct {
	overflow-x: hidden;
	overflow-y: auto
}

.ct ul {
	margin-top: 10px;
	display: block;
	border-top: 1px solid #e5e5e5
}

.ct li {
	display: block;
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff
}

.ct li i {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 17px
}

.ct li span {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	margin-top: 17px;
	font-size: 13px
}

.ct li .s {
	margin-right: 12px;
	background-image: url('sort.png');
	background-size: 150px 150px;
	margin-left: 15px
}

.ct h4 {
	display: block;
	height: 49px;
	overflow: hidden;
	font-weight: 500
}

.ct h4 i {
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	background-image: url('sort.png');
	background-size: 150px 150px;
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 17px
}

.ct .cate_trade i {
	background-position: -16px 0
}

.ct .cate_tag i {
	background-position: -16px -16px
}

.ct .cate_color i {
	background-position: -16px -32px
}

.ct h4 span {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 17px
}

i.cate_all {
	background-position: 0px 0px
}

i.cate_creat {
	background-position: 0px -16px
}

i.cate_site {
	background-position: 0px -32px
}

i.cate_inspire {
	background-position: 0px -48px
}

i.cate_article {
	background-position: 0px -64px
}

i.cate_app {
	background-position: 0px -80px
}

i.sort_re {
	background-position: -32px 0px
}

i.sort_recom {
	background-position: -32px -16px
}

i.sort_fa {
	background-position: -32px -32px
}

i.sort_vi {
	background-position: -32px -48px
}

i.sort_com {
	background-position: -32px -64px
}

.ct li i.e {
	background: #ffffff;
	width: 10px;
	height: 10px;
	border: 3px solid #d1d1d1;
	float: right;
	margin-right: 25px;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.ct li.a_selected {
}

.ct li.a_selected .e {
	border: 3px solid #E1362E
}

.ct .wrap {
	position: relative
}
.ct .wrap a{ height: 100%;color:#666; display: block; } 
.ct .wrap a:hover{ height: 100%;background: #F9F9F9; color:#812c2f;}

.nled_wrap {
	width: 210px;
	margin: 0 auto;
	height: 35px
}

.user_avatar {
	width: 35px;
	height: 35px
}

.user_avatar img {
	width: 35px
}

.user_name {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 12px;
	margin-left: 10px
}

.user_logout {
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 12px;
	opacity: 0.6;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

.user_logout.ton {
	opacity: 1
}

.nled_wrap {
	margin-top: 12.5px
}

#reg_index {
	width: 100%;
	min-height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 20px
}

.reg_bar,.login_bar {
	height: 60px;
	background: #47494b
}

.reg_bar_close,.login_bar_close {
	display: block;
	width: 33px;
	height: 32px;
	background-position: 10px -76.5px;
	background-color: #323436;
	margin-top: 14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.reg_bar_close.ton,.login_bar_close.ton {
	background-color: #47494b
}

.reg_bar .fl i,.login_bar .fl i {
	height: 32px;
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	background-position: 4px -112.5px
}

.login_bar .fl i {
	background-position: 4px -145px
}

.reg_bar,.login_bar {
	line-height: 60px;
	vertical-align: middle
}

.reg_bar .fl,.login_bar .fl {
	height: 60px;
	color: #fff
}

.reg_ct {
	text-align: center; 
}

.reg_ct p {
	line-height: 26px;
	font-size:18px;
	margin: 30px 0 20px 0
}

#weibo_app {
	height: 50px;
	display: block;
	color: #fff;
	font-size: 16px;
	background-color: #812c2f;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 	border-radius:5px;
}

#weibo_app span {
	display: block;
	height: 50px;
	margin: 0 auto;
	width: 300px
}

#weibo_app i {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-position: 0 -205px
}

#tel_app {
	height: 50px;
	display: block;
	color: #fff;
	font-size: 16px;
	background-color: #812c2f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 	border-radius:5px;
}

#tel_app span {
	display: block;
	height: 50px;
	margin: 0 auto;
	width: 300px
}

#tel_app i {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-position: -224px -284px
}

#qq_connect {
	height: 50px;
	display: block;
	color: #fff;
	font-size: 16px;
	background-color: #029802;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 	border-radius:5px;
}

#qq_connect span {
	display: block;
	height: 50px;
	margin: 0 auto;
	width: 300px
}

#qq_connect i {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-position: 0 -288px
}

#kf_connect {
	height: 50px;
	display: block;
	color: #fff;
	font-size: 16px;
	background-color: #E1362E;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 	border-radius:5px;
}

#kf_connect span {
	display: block;
	height: 50px;
	margin: 0 auto;
	width: 160px
}

#kf_connect i {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-position: -314px -282px
}

#reg_index {
	-webkit-transform: translate3d(0px,100%,0px);
	-moz-transform: translate3d(0px,100%,0px);
	transform: translate3d(0px,100%,0px);
	-webkit-transition: background 0.3s ease-out,-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-moz-transition: background 0.3s ease-out,-moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-o-transition: background 0.3s ease-out,-o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	transition: background 0.3s ease-out,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19)
}

#reg_index.show {
	-webkit-transform: translate3d(0px,0%,0px);
	-moz-transform: translate3d(0px,0%,0px);
	transform: translate3d(0px,0%,0px);
	-webkit-transition: background 0.3s ease-out,-webkit-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: background 0.3s ease-out,-moz-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: background 0.3s ease-out,-o-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: background 0.3s ease-out,transform 0.3s cubic-bezier(0.165,0.84,0.44,1)
}

.login_ct h4 {
	height: 25px;
	line-height: 25px;
	font-weight: 500;
	margin: 20px 0 10px 0;
	display: block
}

.login_ct h4 .fr a {
	font-size: 12px;
	color: #999
}

.login_ct h4 a {
	color: #FF4200
}

.login_user,.login_tel {
	height: 49px;
	line-height: 49px;
	display: block;
	padding: 0px 40px 0 10px;
	position: relative;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	background: none
}
.login_message{
	height: 80px;
	line-height: 49px;
	display: block;
	padding: 10px 10px 0 10px;
	position: relative;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	background: none
	}

.login_user i,.login_tel i,.login_message i {
	display: block;
	width: 40px;
	height: 49px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url('icons.png') no-repeat -62px -43px;
	background-size: 500px 500px;
	opacity: 0.4;
	display: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.login_user i.ton,.login_tel i.ton,.login_message i.ton {
	opacity: 1
}

.login_user {
	border-bottom: 1px solid #f7f7f7
}

.login_tel {
	border-bottom: 1px solid #f7f7f7
}
.login_message {
	border-top: 0
}

.login_input input{
	border: none;
	display: block;
	height: 100%;
	width: 100%
}
.login_input textarea {
	border: none;
	display: block;
	height: 100%;
	width: 100%
}

.login_input {
}

.login_user input,.login_tel input,.login_message textarea {
	-webkit-appearance: none
}

.login_submit {
	height: 49px;
	display: block;
	line-height: 49px;
	background: #E24139;
	color: #fff;
	text-align: center;
	border: none;
	width: 100%;
	-webkit-appearance: none;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.login_quick {
	margin-top: 30px
}

.login_quick p {
	line-height: 20px;
	margin: 20px 0 10px 0;
	font-size: 12px;
	color: #dfdfdf
}

.login_quick #weibo_app {
	margin: 0;
	height: 49px;
	float: left;
	width: 110px;
	overflow: hidden
}

.login_quick #tel_app {
	margin: 0;
	height: 49px;
	float: left;
	width: 110px;
	overflow: hidden
}

.login_quick #qq_connect {
	height: 49px;
	float: right;
	width: 110px;
	overflow: hidden
}

.login_quick #weibo_app span,.login_quick #qq_connect span,.login_quick #tel_app span {
	height: 49px;
	font-size: 13px;
	width: auto;
	padding-left: 5px;
	line-height: 49px;
	vertical-align: middle
}

.login_quick #weibo_app i,.login_quick #qq_connect i,.login_quick #tel_app i {
	background-size: 250px 250px;
	height: 49px;
	width: 35px;
	vertical-align: middle
}

.login_quick #weibo_app i {
	background-position: 10px -95px
}

.login_quick #tel_app i {
	background-position: -107px -135px
}

.login_quick #qq_connect i {
	background-position: 12px -136px
}
.exlist_loading {
	height: 16px;
	padding: 20px 0 10px;
	text-align: center;
	margin:0 auto;overflow: hidden; display: none;
}

.exlist_loading i {
	height: 16px;
	width: 16px;
	display: inline-block;
	background: url('icons.png') no-repeat -288px -16px;
	background-size: 500px 500px;
	margin-right: 10px;
	vertical-align: middle;
	-webkit-animation: loading 1s infinite linear;
	-ms-animation: loading 1s infinite linear;
	-o-animation: loading 1s infinite linear;
	-moz-animation: loading 1s infinite linear;
	animation: loading 1s infinite linear
}

.exlist_loading span {
	height: 16px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
	color: #A0A0A0
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.login_b_t {
	color: #dfdfdf;
	font-size: 12px;
	padding-top: 15px
}

.login_b_t .fl a {
	color: #ff8a00;
	font-size: 12px;
	margin-left: 5px
}

.login_b_t .fr a {
	color: #999;
	font-size: 11px
}

.login_b_i input {
	background: none
}

.login_b_i {
	margin-bottom: 10px;
	background: #fff
}

#container {
	background-color:#ededed;
}

.author {
	width: 48px;
	height: 48px;
	overflow: hidden;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.author a {
	display: block
}

.author img {
	width: 48px;
	display: block
}

.header_info {
	margin-left: 63px;
	height: 48px
}

.header_info h4 {
	height: 26px;
	overflow: hidden;
	display: block;
	line-height: 33px;
	font-weight: 500;
	font-size: 14px
}

.add_fans {
	width: 90px;
	height: 30px;
	background: #70cb0f url('add.png') no-repeat 15px 10px;
	background-size: 11px 11px;
	color: #fff;
	line-height: 30px;
	text-indent: 34px;
	margin-top: 9px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.remove_fans {
	width: 90px;
	height: 30px;
	background: #ff8400 url('remove.png') no-repeat 9px 10px;
	background-size: 11px 11px;
	color: #fff;
	line-height: 30px;
	text-indent: 27px;
	margin-top: 9px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.header_more dl,.header_more dt,.header_more dd {
	display: block;
	height: 16px;
	line-height: 16px;
	float: left
}

.header_more dt {
	width: 16px;
	margin: 0px 5px 0 -2px;
	background-position: 4px -413px
}

.header_more dd {
	font-size: 11px;
	color: #929292
}

.content_header {
	background: #f1f1f1
}

.info_title {
	height: 30px;
	display: block;
	overflow: hidden;
	line-height: 32px;
	font-size: 14px;
	text-indent: 7px
}

#works .list_info_i {
	margin: 0 0 10px 7px
}

.works_view dt {
	background-position: -70px -148px
}

#works {
	margin-bottom: 15px
}

.works {
	text-align: center
}

.works a {
	display: block;
	width: 100%;
	text-align: center
}

.works img {
	max-width: 100%;
	display: inline-block;
	background: #e8e8e8 url('img.png') no-repeat 50% 25%;
	background-size: 77px 97px;
	border: none;
	max-height: auto
}

#us_panel {
	position: fixed;
	height: 70px;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease
}

#us_panel .pd10 {
	position: relative;
	background: #fff
}

.us_panel_left {
	margin-right: 70px;
	position: relative;
	height: 50px
}

#add_f {
	height: 50px;
	background: #ff8a00;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 50px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

#add_f i {
	height: 32px;
	width: 32px;
	display: inline-block;
	background-position: -106px -15px;
	vertical-align: middle
}

#add_f .lf {
	display: inline-block;
	vertical-align: middle
}

#post_comment_btn {
	width: 60px;
	height: 50px;
	background-position: -92px -147px;
	background-color: #e7e7e7
}

#post_comment_btn.atc {
	background-position: -92px -191px;
	background-color: #70cb0f
}

.post_comment_content {
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	visibility: hidden;
	opacity: 0
}

.post_comment_content.show {
	visibility: visible;
	opacity: 1
}

.post_comment_content .pd5 {
	border: 1px solid #ccc
}

.post_comment_content textarea {
	border: none;
	width: 100%;
	height: 38px;
	overflow: hidden;
	display: block;
	position: relative
}

.works_info {
	line-height: 18px;
	font-size: 12px;
	color: #666
}

.works_info iframe {
	margin: 0px auto;
	display: inline-block;
	max-width: 100%;
	height: auto
}

.add_f {
	text-align: center
}

.works_link {
	position: relative;
	top: -5px
}

.works_link dl,.works_link dd,.works_link dt {
	display: block;
	height: 16px;
	float: left;
	line-height: 16px;
	font-size: 11px
}

.works_link dt {
	width: 16px;
	background-position: 0px -449px;
	margin-right: 10px
}

.works_link a {
	font-size: 11px;
	color: #1f8902
}

#more_about {
	background: #fff;
	margin-bottom: 15px;
	padding-bottom: 10px
}
#more_about h4 {
	display: block;
	height: 45px;
	line-height: 55px;
	font-size: 15px;
	font-weight: 500;
	text-indent: 10px;
	overflow: hidden
}

#more_about a {
	display: block;
}

#more_about img {
	display: block;
	width: 110px;
	height:70px
}

#comment {
	background: #fff;
}

#comment h4 {
	display: block;
	height: 49px;
	line-height: 49px;
	font-weight: 500;
	text-indent: 10px;
	font-size: 11px
}

#comment h4 a {
	color: #696969;
	margin-left: 5px;
	font-size: 11px
}

.comment_me {
	width: 50px;
	height: 50px
}

.comment_me img {
	width: 100%
}

.comment_e {
	margin-left: 55px;
	height: 50px
}

.comment_e .pd5 {
	border: 1px solid #b0b0b0;
	height: 38px
}

.comment_e textarea {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden
}

.post_comment {
	width: 55px;
	height: 50px
}

.post_comment a {
	display: block;
	width: 55px;
	height: 50px;
	line-height: 50px;
	background: #888;
	color: #fff;
	font-size: 14px;
	border: none;
	text-align: center
}

.post_comment a.ton {
	background-color: #72ce0f
}

.comment_e_w {
	margin-right: 60px
}

.comment_other h4 {
	display: block;
	height: 49px;
	line-height: 49px;
	font-weight: 500;
	border-bottom: 1px solid #e5e5e5
}

#comment ul li {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5
}

#comment ul li .avt {
	display: block;
	width: 30px;
	height: 50px
}

#comment ul li .avt img {
	width: 100%
}

.comment_content {
	padding:0 5px;
	font-size: 12px;
	line-height: 18px
}

.comment_content img,.msg_reply img {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px
}

.msg_reply img {
	margin-top: 2px
}

.comment_content h5 {
	display: block;
	font-weight: 500;
	height: 25px;
	line-height: 20px;
	overflow: hidden
}

.comment_content a {
	color: #1f8902;
	font-size: 12 px
}

.comment_content span {
	color: #b4b4b4;
	margin-left: 5px
}

.reply_this {
	color: #ff8a00;
	font-size: 12px;
	height: 20px
}

.comment_p {
	color: #9c9c9c
}

.quote {
	background: #f4f4f4;
	margin-top: 10px
}

.comment_reply {
}

#add_f.liked {
	background: #3c3c3c
}

#add_f.liked i {
	-webkit-animation: animaLike .4s 2 ease-in;
	-ms-animation: animaLike .4s 2 ease-in;
	-o-animation: animaLike .4s 2 ease-in;
	animation: animaLike .4s 2 ease-in;
	-moz-animation: animaLike .4s 2 ease-in
}

@-moz-keyframes animaLike {
	0% {
		opacity: .3;
		-moz-transform: scale(.5)
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1)
	}

	100% {
		opacity: .3;
		-moz-transform: scale(.5)
	}
}

@-webkit-keyframes animaLike {
	0% {
		opacity: .3;
		-webkit-transform: scale(.5)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1)
	}

	100% {
		opacity: .3;
		-webkit-transform: scale(.5)
	}
}

@-o-keyframes animaLike {
	0% {
		opacity: .3;
		-o-transform: scale(.5)
	}

	50% {
		opacity: 1;
		-o-transform: scale(1)
	}

	100% {
		opacity: .3;
		-o-transform: scale(.5)
	}
}

@-ms-keyframes animaLike {
	0% {
		opacity: .3;
		-ms-transform: scale(.5)
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1)
	}

	100% {
		opacity: .3;
		-ms-transform: scale(.5)
	}
}

@keyframes animaLike {
	0% {
		opacity: .3;
		transform: scale(.5)
	}

	50% {
		opacity: 1;
		transform: scale(1)
	}

	100% {
		opacity: .3;
		transform: scale(.5)
	}
}

.comment_reply_this {
	margin-top: 10px;
	overflow: hidden;
	height: 0
}

.comment_reply_this.open {
	height: auto
}

.comment_reply_this .pd5 {
	background: #fff;
	border: 1px solid #b0b0b0;
	height: 40px
}

.comment_reply_this textarea {
	border: none;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.comment_content .comment_reply_submit {
	width: 100%;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #9c9c9c;
	display: block;
	margin-top: 10px;
	background: #e7e7e7;
	font-size: 14px
}

.comment_content .comment_reply_submit.ton {
	background: #EA3730;
	color: #fff
}

.more_comment {
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: #c8c8c8;
	display: block
}

.more_comment.ton {
	background-color: #EA3730
}

.website {
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.website ul {
	position: relative
}

.website li {
	display: block;
	float: left
}

.website li img {
	width: 100%
}

.website_info {
	margin-top: 7.5px;
	line-height: 18px;
	font-size: 12px
}

.visit_site {
	height: 40px
}

.visit_site a {
	display: block;
	height: 49px;
	background: #6b6b6b;
	text-align: center;
	overflow: hidden
}

.visit_site a.ton {
	background: #EA3730
}

.visit_site a i {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: -74px -287px;
	vertical-align: middle;
	margin-top: 12px
}

.visit_site a span {
	height: 16px;
	display: inline-block;
	line-height: 16px;
	margin-left: 5px;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 12px
}

.website_info .pd10 {
	color: #848484;
	font-size: 11px
}

.website_info .pd10 span {
	color: #373737
}

.designer_t {
	height: 35px; margin-top:40px
}

.designer_t table {
	height: 35px
}

.designer_t a {
	display: block;
	height: 33px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	border-bottom: 2px solid #222222;
	background: #444444;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.designer_t .designer_t_c {
	background-color: #444444
}

.designer_t .designer_t_c a,.designer_t a:hover {
	border-bottom: 2px solid #8a6031;
	color: #fff;
	background: #b68d4d;
	position: relative
}

.exdesigner_t {
	height: 49px;margin-top:40px
}

.exdesigner_t table {
	height: 40px
}

.exdesigner_t a {
	display: block;
	height: 38px;
	line-height: 49px;
	text-align: center;
	color: #898989;
	overflow: hidden;
	border-bottom: 2px solid #fff;
	background: #fff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.exdesigner_t .exdesigner_t_c {
	background-color: #323436
}

.exdesigner_t .exdesigner_t_c a,.exdesigner_t a:hover {
	border-bottom: 2px solid #323436;
	color: #fff;
	background: #70cb0f;
	position: relative
}

/*关于*/
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px!important;
    height: 180px!important;
    z-index: 20001;
}
#exall{width:100%;display:inline-block; }
#exallshow{width:92%; margin:2%; padding:2%; background-color:#fff;display:inline-block; line-height:24px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
#exallshow img{width:100%; float:left}
.h_back{width:20px; height:20px; margin-top:10px; }
.h_back a{width:20px; height:20px;float:left;background:url(icons.png)no-repeat -227px -82px;background-size:500px 500px; display:block}
.home_back{width:20px; height:20px; margin-top:10px; }
.home_back a{width:20px; height:20px;float:left;background:url(icons.png)no-repeat -227px -112px;background-size:500px 500px; display:block}

.toppic{width:100%; float:left;}
.toppic img{width:100%; float:left}
.exall{width:100%;column-count:2; column-width:50%;-webkit-column-width:50%; -webkit-column-count:2;
-moz-column-gap:0px; /* Firefox */
-webkit-column-gap:0px; /* Safari and Chrome */
column-gap:0px;
padding-top:5px;}
@media(min-width:601px){
.activity_all{width:48%; padding:0.5%; margin:0.5%;box-shadow: 0 1px 2px rgba(0,0,0,0.2); float:left}
}
@media(max-width:600px) {
.activity_all{width:96%; padding:1%; margin:1%;box-shadow: 0 1px 2px rgba(0,0,0,0.2); float:left}
}
.activity_pic{width:100%; float:left}
.activity_pic img{width:100%; float:left}
.at_jxz{}
.activity_t{width:100%; font-size:12px; color:#999; line-height:20px; float:left}
.activity_t h1{padding:3px 0; font-size:14px; font-weight:bold; color:#ea3730}

/*.show_pic_box{ width:48%; padding:1%; position:relative; float:left;}*/
.show_pic{width:98%; padding:0% 1% 2% 1%;float:left;}
.show_pic img{width:100%; float:left}

.exabout_1{width:90%; padding:5%;overflow:hidden;clear:both; background-color:#f4f4f4; color:#333;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";font-size:1em; line-height:1.5em;}
.exabout_1 img{width:100%; padding:0 0 3% 0; float:left}
.exabout_2{width:90%; padding:5%;overflow:hidden;clear:both; background-color:#fff; color:#333;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";font-size:1em; line-height:1.5em;}

.exregister{width:90%; padding:5%;overflow:hidden;clear:both; color:#333;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";font-size:14px; line-height:35px;}
.exregister .input{ width:96%; padding:2%; height:20px; line-height:20px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;float:left}
.exregister .input30{ width:23%; padding:2%; height:20px; line-height:20px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; float:left}
.exregister .input70{ width:66%; padding:2%; height:20px; line-height:20px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;float:left}
.exregister select{ width:100%; height:40px; line-height:40px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;float:left}
.exregister .button{ width:100%; height:40px; line-height:40px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; background-color:#E24139; color:#FFF; text-align:center;  border:none; font-size:16px}
.exabout_3{width:100%; overflow:hidden;clear:both; background-color:#fff; color:#333;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";font-size:1em; line-height:1.5em;}

.exnews{width:100%; padding:2% 0 0 0; background-color:#FFF; border-bottom:4px #D7D7D7 solid;float:left;text-shadow: 0 1px 0 #fff;}

.exnews li{width:94%; float:left;color:#999;margin:0; padding:3%; border-bottom:1px #ccc solid;list-style-type:none;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#f3f3f3',gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
background: -o-linear-gradient(top,#fefefe, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3)); font-size:12px; line-height:18px; color:#999}

.exnews li a{width:100%;padding:5px 0;color:#999; float:left}
.exnews li a,.exnews li a:link{color:#666;text-decoration:none;font-size:15px; font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.exnews li a:hover{color:#333;text-decoration:none;}

.exnews_t{width:94%; float:left; padding:3%;border-bottom:1px #D7D7D7 solid;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#f3f3f3',gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
background: -o-linear-gradient(top,#fefefe, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3));}
.touch{
-moz-box-shadow: 0px 2px 10px #ccc inset;
-o-box-shadow: 0px 2px 10px #ccc inset;
-webkit-box-shadow: 0px 2px 10px #ccc inset;
box-shadow: 0px 2px 10px #ccc inset;
}
.exnews_t_p{width:40%; float:left}
.exnews_t_p img{width:100%; float:left}
.exnews_t_t{width:55%; padding-left:5%; padding-top:1%; line-height:20px; color:#999; float:left; font-size: 0.9em; font-weight: normal; }
.exnews_t_t h1{wdith:100%;font-size:15px; color:#666}
.exnews_t_t span{ font-size:12px; color:#CCC; word-break:  break-all;}

#exlists{width:100%;line-height:20px; float:left}
#exlists li{width:92%;padding:3% 5%; float:left;color:#555555;margin:0;  border-bottom:1px #e2e2e2 solid;list-style-type:none;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#f3f3f3',gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
background: -o-linear-gradient(top,#fefefe, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3));}
#exlists .touch{
-moz-box-shadow: 0px 2px 10px #ccc inset;
-o-box-shadow: 0px 2px 10px #ccc inset;
-webkit-box-shadow: 0px 2px 10px #ccc inset;
box-shadow: 0px 2px 10px #ccc inset

}

#exlists a{width:95%; padding-right:5%;color:#555555; float:left;;
background-image:url(../images/arrow3.png);
background-repeat: no-repeat;
background-position: right center;
background-size:25px 25px;
 display: block;}
#exlists a,.exlists a:link{color:#555555;text-decoration:none;font-size:14px; font-weight:300;}
#exlists a:hover{color:#812c2f;text-decoration:none;}
#exlists span{color:#999; font-size:12px}


.exnews{width:100%;line-height:35px; float:left}
.exnews li{width:94%; float:left;color:#555555;margin:0; padding:3%; border-bottom:1px #ccc solid;list-style-type:none;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#f3f3f3',gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
background: -o-linear-gradient(top,#fefefe, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3)); font-size:12px; line-height:18px; color:#999}
.exnews a{width:100%;padding:5px 0;color:#555555; float:left}
.exnews a,.exnews a:link{color:#555555;text-decoration:none;font-size:15px; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
/* .exnews a,.exnews a:link{color:#555555;text-decoration:none;font-size:15px; font-weight:600; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} */
.exnews a:hover{color:#333;text-decoration:none;}

.exys{width:98%; padding:10px 1%; float:left}
.exys ul li{width:48%; padding:1%; float:left}
.exys ul li img{width:100%; float:left}

.extoppic{width:100%; overflow:hidden; clear:both; text-align:center}
.extoppic img{width:100%; margin:0; padding:0; border:none;}

.extoppic2{width:100%; overflow:hidden; clear:both; background-color:#FFF}
.extoppic2 img{width:100%; margin:0; padding:0;}

.excontact{width:100%; float:left; overflow:hidden}
.excontact_t{
	width:100%;
	height:46px;
	float:left;
	background-image:url(../images/tbg.png);
	background-repeat: repeat-x;
	background-position: bottom;overflow:hidden
}

.excontactall{
	font-family:"微软雅黑",Candara,Verdana;
	font-weight: 300; 
	font-size: 0.95em;
	line-height:1.5em;
	margin:.8em .3em 0.3em 0.3em;
}
	
.excontactshow{background:#FFF; border-left:1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; border-bottom:1px #e3e3e3 solid; padding:1em; margin:0 auto; overflow:hidden}
.exct_t{ border-bottom:1px #e0e1e5 solid; line-height:1.8em; font-size:1.2em; font-weight:300; color:#333;margin:0 auto; overflow:hidden}
.exct_s{ color:#333; font-size:1em; line-height:1.5em; padding:1em 0;margin:0 auto; overflow:hidden}
.exct_m{ padding:0 0 1em 0;margin:0 auto; overflow:hidden	}
	
.title1a1{width:148px;height:46px; margin-right:5px;cursor:pointer;float:left;background-image:url(../images/cz1.jpg);background-repeat: no-repeat;background-position: left top;background-size:148px 46px;-webkit-background-size:148px 46px;}
.title1b2{width:148px;height:46px;cursor:pointer;float:left;background-image:url(../images/gx2.jpg);background-repeat: no-repeat;background-position: left bottom;background-size:148px 46px;-webkit-background-size:148px 46px;}
.title1a2{width:148px;height:46px;cursor:pointer;float:left;background-image:url(../images/gx1.jpg);background-repeat: no-repeat;background-position: left top;background-size:148px 46px;-webkit-background-size:148px 46px;}
.title1b1{width:148px;height:46px; margin-right:5px;cursor:pointer;float:left;background-image:url(../images/cz2.jpg);background-repeat: no-repeat;background-position:right top;background-size:148px 46px;-webkit-background-size:148px 46px;}

.dis{display:block}
.undis{display:none;}

.exidea_1{width:100%; padding:0 0 12% 0; background:url(../images/aboutback.jpg);overflow:hidden;clear:both; color:#FFF;text-shadow: 0 1px 0 #000;font-family:"微软雅黑";font-size:1em; line-height:1.5em; text-align:center}
.exidea_1 h1{font-family:"微软雅黑";font-size:2em; line-height:1.5em; padding-bottom:0.2em; padding-top:1em}
.exidea_s{width:90%; padding:5% 5% 10% 5%; background-color:#fff;overflow:hidden;clear:both; color:#222222;text-shadow:none;font-family:"微软雅黑";font-size:0.8em; line-height:1.5em; text-align:center}
.exidea_s h1{font-family:"微软雅黑";font-size:1.8em; line-height:1.2em; padding-bottom:0.4em}
.exidea_s h2{font-family:"微软雅黑"; font-size:1.4em;line-height:1.2em;padding-bottom:0.8em}


.exwechat_1{width:100%; padding:10% 0 5% 0; background-color:#4DA422; overflow:hidden;clear:both; color:#FFF;text-shadow: 0 1px 0 #418B1D;font-family:"微软雅黑";text-align:center}
.exwechat_1 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exwechat_1 p{font-size:0.8em;line-height:1.5em; color:#FFF;padding-bottom:0.8em;font-weight:normal; text-align:center}
.exwechat_2{width:100%; padding:10% 0 0 0; background-color:#FFB200; overflow:hidden;clear:both; color:#FFF;text-shadow: 0 1px 0 #E8A300;font-family:"微软雅黑";text-align:center}
.exwechat_2 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exwechat_2 p{font-size:0.8em;line-height:1.5em; color:#FFF;padding-bottom:0.8em;font-weight:normal; text-align:center}
.exwechat_3{width:100%; padding:10% 0 0 0; background-color:#27b7b8; overflow:hidden;clear:both; color:#FFF;text-shadow: 0 1px 0 #119a9b;font-family:"微软雅黑";text-align:center}
.exwechat_3 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exwechat_3 p{font-size:0.8em;line-height:1.5em; color:#FFF;padding-bottom:0.8em;font-weight:normal; text-align:center}
.exwechat_4{width:100%; padding:10% 0 0 0; background-color:#ff4057; overflow:hidden;clear:both; color:#FFF;text-shadow: 0 1px 0 #ef2b43;font-family:"微软雅黑";text-align:center}
.exwechat_4 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exwechat_4 p{font-size:0.8em;line-height:1.5em; color:#FFF;padding-bottom:0.8em;font-weight:normal; text-align:center}

.exweb_1{width:100%; padding:10% 0 5% 0; background-color:#15b9f6; overflow:hidden;clear:both; color:#FFF;text-shadow: 0 1px 0 #04a7e4;font-family:"微软雅黑";text-align:center}
.exweb_1 li{width:40%; padding:1% 5%; font-size:0.6em; float:left;list-style-type:none; text-align:left}
.exweb_1 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exweb_1 p{font-size:0.8em;line-height:1.5em; color:#FFF;padding-bottom:0.8em;font-weight:normal; text-align:center}
.exweb_2{width:100%; padding:10% 0 0 0; background-color:#ffffff; overflow:hidden;clear:both; color:#222222;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";text-align:center}
.exweb_2 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exweb_2 p{font-size:0.8em;line-height:1.5em; color:#222222;padding-bottom:0.8em;font-weight:normal; text-align:center}

.exmobile_1{width:100%; padding:10% 0 0 0; background-color:#f1f5f6; overflow:hidden;clear:both; color:#222222;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";text-align:center}
.exmobile_1 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.exmobile_1 p{font-size:0.8em;line-height:1.5em; color:#222222;padding-bottom:0.8em;font-weight:normal; text-align:center}

.extaobao_1{width:100%; padding:10% 0 0 0; background-color:#ff4057; overflow:hidden;clear:both; color:#fff;text-shadow: 0 1px 0 #ec1f37;font-family:"微软雅黑";text-align:center}
.extaobao_1 h1{font-size:2em; line-height:1.2em; padding-bottom:0.2em; text-align:center}
.extaobao_1 p{font-size:0.8em;line-height:1.5em; color:#fff;padding-bottom:0.8em;font-weight:normal; text-align:center}




.has_line {
	position: relative
}

.has_line_left,.has_line_right {
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background: url('g_block.png');
	background-size: 1px 1px
}

.has_line_left {
	left: 0
}

.has_line_right {
	right: 0
}

#designer_list {
	background: #f0f1f1
}

#designer_list li {
	display: block;
	background: #fff;
	margin-bottom: 15px
}

.designer_avt {
	width: 30px;
	height: 30px;
	overflow: hidden
}

.designer_avt img {
	width: 100%
}

.designer_info {
	margin-left: 40px
}

.designer_info h4 {
	display: block;
	height: 17px;
	line-height: 17px
}

.designer_info h4 a {
	font-weight: 500;
	font-size: 12px;
	color: #696969
}

.designer_info p {
	font-size: 10px;
	color: #929292
}

.designer_info p span {
	margin-right: 10px
}

.relationship {
	width: 30px;
	height: 30px
}

.relationship a {
	display: block;
	height: 30px
}

.add_friend {
	background-color: #70cb0f;
	background-position: -160px 0
}

.remove_friend {
	background-color: #ff8400;
	background-position: -190px 0
}

.rela_friend {
	background-color: #cccccc;
	background-position: -220px 0
}

.designer_more {
	padding: 0px 5px 5px 5px
}

.designer_more a {
	display: block;
	float: left;
	background: #f6f6f6
}

.designer_more a img {
	width: 100%
}

.article_info {
	height: 26px;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	color: #848484;
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px
}

.article_list .list_info_i {
	margin-top: 10px
}

.bangmang_list .bangmang_album {
	display: block;
	width: 100%;
	margin-bottom: 5px
}

.bangmang_album img {
	width: 100%
}

.bangmang {
	background: #f0f1f1;
	padding-bottom: 20px
}

.bangmang .pd5 {
	background: #fff
}

.bangmang_list li {
	background: #fff;
	margin-bottom: 15px;
	padding-bottom: 10px
}

.bangmang_list li h4 {
	display: block;
	padding: 0 10px;
	height: 25px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bangmang_list li h4 a {
	font-size: 14px;
	color: #535353
}

.bangmang_list_info,.bangmang_info {
	color: #848484;
	line-height: 20px;
	font-size: 11px
}

.bangmang_info img,.bangmang_info iframe {
	display: block;
	max-width: 100%;
	height: auto
}

.bangmang_info p {
	text-align: left
}

.bangmang_list_more {
	padding: 0 10px
}

.bangmang_title {
	line-height: 20px;
	display: block;
	padding: 10px;
	padding-bottom: 0
}

#share {
	visibility: hidden
}

#share.show {
	visibility: visible
}

#share.show .share_msk {
	visibility: visible
}

#share.show .share {
	visibility: visible;
	bottom: 0
}

.share_msk {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	visibility: hidden;
	z-index: 998
}

.share {
	position: fixed;
	bottom: -200px;
	left: 0;
	width: 100%;
	background: #fff;
	visibility: hidden;
	z-index: 999;
	-webkit-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1)
}

.share td {
	height: 70px
}

.share td a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 74px 70px
}

.share td.sina a {
	background-image: url('social/sina.png');
	background-color: #d63b22
}

.share td.guangbo a {
	background-image: url('social/guangbo.png');
	background-color: #3eb0d8
}

.share td.facebook a {
	background-image: url('social/facebook.png');
	background-color: #3f67c0
}

.share td.twitter a {
	background-image: url('social/twitter.png');
	background-color: #35b5eb
}

.share .pd10 {
	padding-top: 5px
}

.cancel_share a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #c8c8c8;
	font-size: 15px
}

.cancel_share a.ton {
	background: #E24139
}

.home_info {
	height: 90px;
	padding: 15px 0
}

.home_avatar {
	width: 90px;
	height: 90px
}

.home_avatar img {
	width: 100%
}

.home_profile {
	margin-left: 90px;
	position: relative
}

.home_profile_name {
	display: block;
	height: 20px;
	overflow: hidden;
	font-weight: 500;
	font-size: 16px;
	color: #696969;
	padding-top: 15px
}

.home_profile_name span {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 80%
}

.home_profile_name i {
	display: none;
	vertical-align: middle;
	margin-left: 5px
}

.home_profile_name i.medal {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url('medal.png') no-repeat 0 0;
	background-size: 16px 16px
}

.home_profile_local {
	height: 16px;
	float: left;
	margin-left: 10px
}

.home_profile_local i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-position: 0 -413px
}

.home_profile_local span {
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	line-height: 15px;
	color: #929292;
	font-size: 12px
}

.home_profile_dec {
	float: left;
	height: 16px;
	line-height: 16px;
	color: #929292;
	font-size: 12px;
	margin-left: 10px
}

.home_add_f {
	background: #70cb0f
}

.home_remove_f {
	background: #ff8400
}

.home_rela_f {
	background: #ccc
}

.home_send {
	background: #505152
}

.home_profile_c {
	position: absolute;
	height: 30px;
	bottom: 0;
	left: 0;
	width: 100%
}

.home_profile_c a {
	display: block;
	width: 90px;
	height: 30px;
	text-align: center;
	float: left;
	margin-left: 5px
}

.home_profile_c a i {
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	margin-top: 7px;
	margin-right: 5px
}

.home_profile_c a span {
	height: 16px;
	vertical-align: middle;
	line-height: 16px;
	display: inline-block;
	margin-top: 7px;
	color: #fff
}

.home_profile_c a.home_add_f i {
	background-position: -167px -7px
}

.home_profile_c a.home_remove_f i {
	background-position: -196px -7px
}

.home_profile_c a.home_rela_f i {
	background-position: -228px -7px
}

.home_profile_c a.home_send i {
	background-position: -228px -29px
}

.home_cate {
	background: #fff;
	height: 60px;
	display: table;
	width: 100%;
	border-top: 1px solid #d0d1d1
}

.home_cate_row {
	display: table-row
}

.home_cate a {
	height: 59px;
	overflow: hidden;
	display: table-cell;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px solid #d0d1d1;
	color: #7c7c7c
}

.home_cate a:nth-child(1) {
	border-right: 1px solid #dbdbdc
}

.home_cate_row a.home_cur {
	border-bottom: 8px solid #70cb0f;
	height: 52px
}

#myworks {
	background: #fff;
	padding-top: 5px;
	padding-bottom: 10px
}

#myworks .wrap {
	overflow: hidden
}

#myworks ul {
	padding-top: 10px
}

#myworks ul li a {
	display: block
}

#myworks ul li {
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

#myworks ul li h4 {
	height: 30px;
	line-height: 35px
}

#myworks .list_info {
	padding-top: 0
}

#myworks .list_info_i {
	margin-top: 15px
}

.message_title {
	width: 100%;
	display: table
}

.message_row {
	display: table-row
}

.message_cell {
	display: table-cell;
	height: 60px;
	text-align: center;
	background: #fff
}

.message_cell a {
	color: #888787;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px
}

.message_cell.active a {
	height: 55px;
	border-bottom: 5px solid #E1362E
}

.message_cell.system {
	border-right: 1px solid #e5e5e5
}

.message_cell.comment {
	border-right: 1px solid #e5e5e5
}

.message_cell.reply {
	border-right: 1px solid #e5e5e5
}

.message_system li.ton {
	background: #f9f9f9
}

.message ul {
	border-top: 1px solid #e5e5e5
}

.message li {
	background: #fff
}

.message li h4,.message li h5 {
	font-weight: 500;
	color: #7e7e7e
}

.message li a {
	color: #E1362E
}

.message li h4 {
	font-size: 13px;
	display: block;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	white-space: nowrap
}

.message li h5 {
	font-size: 9px;
	color: #b6b6b6;
	display: block;
	height: 16px;
	line-height: 16px
}

.remove_msg {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-position: 1px -479px
}

.message_avatar {
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-right: 10px
}

.message_avatar img {
	max-width: 100%
}

.msg_wrap {
	border-bottom: 1px solid #eee;
	padding: 12px;
	position: relative
}

.message_comment li {
	margin-bottom: 5px
}

.msg_reply,.msg_more {
	color: #999;
	line-height: 20px
}

.message_private .msg_more a {
	color: #ff8400;
	margin-left: 5px
}

.message_private li {
	margin-bottom: 10px
}

.message_private li h4 i {
	background: url('point.png') no-repeat 50% 3px;
	background-size: 8px 8px
}

.message .message_private_reply ul {
	border: none
}

.speak .pd10 {
	padding: 10px 15px;
	line-height: 18px
}

.speak .speak_ct {
	color: #888;
	display: inline-block
}

.speak .speak_date {
	color: #b6b6b6;
	display: inline-block;
	margin: 0 5px;
	font-size: 11px
}

.message_private_reply .from .fl {
	width: 10px;
	background: url('from.png');
	background-size: 10px 10px;
	height: 10px
}

.message_private_reply .from .speak {
	margin-left: 10px;
	margin-right: 10px
}

.message_private_reply .from .speak {
	background: #fff
}

.message_private_reply .to .speak {
	background: #E1362E;
	color: #fff
}

.message_private_reply .to .speak span {
	color: #fff
}

.message_private_reply li {
	background: #f0f1f1;
	margin-bottom: 10px
}

.message_private_reply .to .fr {
	width: 10px;
	background: url('to.png');
	background-size: 10px 10px;
	height: 10px
}

.message_private_reply .to .speak {
	margin-right: 10px;
	margin-left: 10px
}

#reply_msg {
	background: #fff;
	height: 70px;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0
}

.reply_msg_content {
	border: 1px solid #ccc;
	margin-right: 70px
}

.reply_msg_content textarea {
	border: none;
	width: 100%;
	height: 49px;
	overflow: hidden
}

.reply_msg_post {
	width: 60px;
	height: 50px;
	background-position: -90px -367px;
	background-color: #c8c8c8
}

.reply_msg_post.checked {
	background-color: #70cb0f
}

.delete_check {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 998;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in
}

.delete_check_a {
	position: fixed;
	z-index: 999;
	width: 100%;
	background: #fff;
	left: 0;
	bottom: -200px;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in
}

.delete_check_a a {
	display: block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff
}

.delete_check_sure {
	margin-bottom: 10px;
	background: #ff8a00
}

.delete_check_cancel {
	background: #c8c8c8
}

.delete_check_sure.ton,.delete_check_cancel.ton {
	opacity: 0.6
}

#delete_check.show .delete_check {
	visibility: visible;
	opacity: 1
}

#delete_check.show .delete_check_a {
	visibility: visible;
	bottom: 0
}

.about_t {
	height: 50px;
	line-height: 60px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #7e7e7e;
	display: block;
	overflow: hidden
}

.about_c {
	line-height: 20px;
	color: #7e7e7e;
	font-size: 12px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px
}

.about_wrap {
	background: #fff;
	min-height: 100%
}

.about_contact dl {
	color: #7e7e7e;
	margin-top: 10px
}

.about_contact dl a {
	color: #7e7e7e;
	font-size: 11px
}

.about_contact dt {
	display: block;
	height: 49px;
	line-height: 45px;
	color: #505050;
	overflow: hidden
}

.about_contact dd {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	margin-right: 5px
}
.article_ct_t{width:100%; color:#FFF; text-align:center; background-color:#d0dc56; font-size:15px; line-height:24px}
.article_ct{width:98%; padding:1%; font-size:15px; line-height:24px}
.article_ct img {
	width: 100%;
	display: block;
	margin: 0 auto
}

.article_ct a {
	color: #E1362E
}

.article_ct iframe {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: auto
}

.article_ct p {
	font-size: 15px;
	color: #666;
	line-height: 20px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	position: relative
}

.article_ct strong {
	font-size: 16px
}

#send_msg {
	bottom: 0;
	height: 70px;
	left: 0;
	position: fixed;
	width: 100%;
	background: #fff;
	-webkit-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
	visibility: hidden
}

.send_msg_to {
	background-color: #C8C8C8;
	background-position: -90px -367px;
	height: 50px;
	width: 60px
}

.send_msg_to.checked {
	background-color: #70cb0f
}

.send_msg_content {
	border: 1px solid #CCCCCC;
	margin-right: 70px
}

#send_msg_content {
	height: 49px;
	overflow: hidden;
	width: 100%;
	outline: none;
	border: none;
	color: #535353
}

#send_msg.show {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible
}

#loading_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 999
}

.loading_mask {
	width: 300px;
	height: 300px;
	background: url('loading.png') no-repeat center;
	background-size:50%;
	position: absolute;
	top: 120px;
	left: 50%;
	margin: -50px 0 0 -150px;
}

@-webkit-keyframes bouncedelay {
	0%,80%,100% {
		-webkit-transform: scale(0.0);
		background: #e5e5e5
	}

	40% {
		-webkit-transform: scale(1.0);
		background: #999
	}
}

@-moz-keyframes bouncedelay {
	0%,80%,100% {
		transform: scale(0.0);
		-moz-transform: scale(0.0);
		background: #e5e5e5
	}

	40% {
		transform: scale(1.0);
		-moz-transform: scale(1.0);
		background: #999
	}
}

@keyframes bouncedelay {
	0%,80%,100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
		background: #e5e5e5
	}

	40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		background: #999
	}
}

.loading #loading_mask {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1)
}

#loading_mask {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	visibility: hidden
}

.loading_dark {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	opacity: 0
}

.loading .loading_dark {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear
}

.loading_mask ul {
	height: 8px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	overflow: hidden;
	margin-left: 4px;
	text-align: center
}

.loading_mask ul li {
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	background: #812c2f;
	margin-right: 8px;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both
}

.loading_mask ul.anm{position: absolute;left: 50%;width: 200px;margin-left: -40px;top: 50%;margin-top: 80px;}

.loading_mask ul.anm li {
	background: #812c2f;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.loading_mask ul.anm li:nth-child(1) {
	-webkit-animation-delay: -0.64s;
	-moz-animation-delay: -0.64s;
	animation-delay: -0.64s
}

.loading_mask ul.anm li:nth-child(2) {
	-webkit-animation-delay: -0.48s;
	-moz-animation-delay: -0.48s;
	animation-delay: -0.48s
}

.loading_mask ul.anm li:nth-child(3) {
	-webkit-animation-delay: -0.32s;
	-moz-animation-delay: -0.32s;
	animation-delay: -0.32s
}

.loading_mask ul.anm li:nth-child(4) {
	-webkit-animation-delay: -0.16s;
	-moz-animation-delay: -0.16s;
	animation-delay: -0.16s
}

.loading2 body {
	position: relative;
	overflow: hidden;
	height: 100%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.5s cubic-bezier(0.165,0.84,0.44,1)
}

.newwrap_msk {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear
}

.newwrap.show .newwrap_msk {
	opacity: .6;
	visibility: visible;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s
}

#newwrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: -o-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: transform 0.3s cubic-bezier(0.165,0.84,0.44,1);
	visibility: hidden;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

#newwrap_t.show #newwrap {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.33,0.66,0.66,1);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.33,0.66,0.66,1);
	-o-transition: -o-transform 0.3s cubic-bezier(0.33,0.66,0.66,1);
	transition: transform 0.3s cubic-bezier(0.33,0.66,0.66,1);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	visibility: visible;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s
}

#container.newframe {
	-webkit-transform: translateX(-15%);
	-moz-transform: translateX(-15%);
	-o-transform: translateX(-15%);
	transform: translateX(-15%);
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}

#header.newframe {
	-webkit-transform: translateX(-15%);
	-moz-transform: translateX(-15%);
	-o-transform: translateX(-15%);
	transform: translateX(-15%);
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}


#us_panel2 {
	width: 100%;
	height: 44px;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	border-top: 1px solid #e3e3e3
}

#us_panel2.hide {
	visibility: hidden
}

#us_panel2 td {
	height: 100%;
	text-align: center
}

#us_panel2 td i {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

#us_panel2 td span {
	display: inline-block;
	vertical-align: middle;
	width: 85px
}

#us_panel2 td span em {
	font-style: normal
}

.us_panel_menu {
	width: 85px;
	position: relative
}


.arrow_top {
	width: 13px;
	height: 6.5px;
	background: url('arrow-top.png') no-repeat 0 0;
	background-size: 13px 6.5px;
	position: absolute;
	left: 50%;
	margin-left: -6.5px;
	top: 0;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.33,0.66,0.66,1);
	-moz-transition: -moz-transform 0.2s cubic-bezier(0.33,0.66,0.66,1);
	-o-transition: -o-transform 0.2s cubic-bezier(0.33,0.66,0.66,1);
	transition: transform 0.2s cubic-bezier(0.33,0.66,0.66,1)
}

.arrow_top.open {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px)
}

.us_panel_like {
	position: relative
}
#us_panel2 .us_panel_like i {
	width: 19px;
	height: 22px;
	/*background-position: -437px -157px;*/
	background-position: -437px -467px;
}
.us_panel_menu {
	width: 85px;
	position: relative
}
#us_panel2 .us_panel_menu i {
	width: 22px;
	height: 16.5px;
	background-position: -112px -256px
}

.us_panel_post {
	position: relative
}
#us_panel2 .us_panel_post i {
	width: 19px;
	height: 22px;
	background-position: -437px -414px
}


.us_panel_index {
	width: 25%;
	position: relative
}
.us_panel_news {
	width: 25%;
	position: relative
}
.us_panel_video {
	width: 25%;
	position: relative
}
.us_panel_meini {
	width: 25%;
	position: relative
}
.us_panel_bbs {
	width: 25%;
	position: relative
}

.us_panel_about {
	width: 25%;
	
}

.us_panel_contact {
	width: 25%;
	
}

#us_panel2 a,#us_panel2 a:link {
	color:#535353;
}

#us_panel2 .us_panel_index i {
	width: 24px;
	height: 24px;
	background-position: -434px -253px
}
#us_panel2 .us_panel_news i {
	width: 24px;
	height: 24px;
	background-position: -434px -307px	
}
#us_panel2 .us_panel_video i {
	width: 24px;
	height: 24px;
	background-position: -435px -50px
}
#us_panel2 .us_panel_meini i {
	width: 24px;
	height: 24px;
	background-position: -435px -414px	
}
#us_panel2 .us_panel_bbs i {
	width: 24px;
	height: 24px;
	background-position: -435px -468px
}
#us_panel2 .us_panel_about i {
	width: 24px;
	height: 24px;
	background-position: -435px -360px
}
#us_panel2 .us_panel_contact i {
	width: 24px;
	height: 24px;
	background-position: -434px -414px	
}




.us_panel_menu_left {
	background: #e3e3e3;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}

.us_panel_menu_right {
	background: #e3e3e3;
	width: 1px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.us_panel_msk {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear
}

#us_panel_menu.show .us_panel_msk {
	opacity: 1;
	visibility: visible
}

#us_panel_menu.show .us_panel_menu_t {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	-webkit-transition: all 0.2s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.2s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.2s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.2s cubic-bezier(0.165,0.84,0.44,1)
}

.us_panel_menu_t {
	height: 110px;
	display: block;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transform: translateY(160px);
	-moz-transform: translateY(160px);
	-o-transform: translateY(160px);
	transform: translateY(160px);
	visibility: hidden;
	-webkit-transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1);
	-moz-transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1);
	-o-transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1)
}

.us_panel_menu_t table {
	height: 100%
}

.us_panel_menu_t span {
	width: 60px;
	font-size:12px;
	display: block;
	margin: 0 auto;
	text-align: center
}
.us_panel_menu_t span a,.us_panel_menu_t span a:like{text-decoration: none;color: #fff;}

.us_panel_menu_t i {
	width: 19px;
	height: 22px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px;
	background: url('icons.png') no-repeat;background-size: 500px 500px
}

.us_panel_menu_t .us_panel_menu_about i {
	background-position: -437px -362px
}

.us_panel_menu_t .us_panel_menu_news i {
	background-position: -437px -308px
}

.us_panel_menu_t .us_panel_menu_join i {
	/*background-position: -437px -467px;*/
	background-position: -437px -157px;
}

.us_panel_menu_t .us_panel_menu_help i {
	background-position: -437px -204px
}


.us_panel_menu_t a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.us_panel_menu_t a:hover,.us_panel_menu_t a:visited {
background-color: #236f87;/*下方按钮背景色*/
}
#add_newpost {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #cfcfcf;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-moz-transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-o-transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	visibility: hidden
}

#add_newpost.show {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	visibility: visible
}

.add_newpost {
	height: 50px;
	background: #323436
}

#add_newpost td {
	text-align: center;
	background: #686868;
	color: #fff;
	height: 40px
}

.add_newpost_cancel {
	background: #686868
}

#add_newpost .add_newpost_post {
	background: #E1362E
}

.newpost_w_t {
	height: 240px;
	color: #999999;
	padding: 15px;
	background: #fff
}

.newpost_w_t textarea {
	border: none;
	display: block;
	width: 100%;
	height: 100%
}

#myfavorites li {
	display: block;
	float: left;
	margin-top: 10px;
	border-bottom: 2.5px solid #e3e3e3
}

#myfavorites li:nth-child(odd) {
	margin-right: 10px
}

#myfavorites li a {
	display: block
}

#myfavorites li dt {
	display: block;
	background: #fff;
	font-size: 11px
}

#myfavorites li dt .pd5 {
	height: 24px;
	line-height: 24px
}

#myfavorites li dd {
	display: block;
	padding: 0 5px 5px 5px;
	background: #fff
}

#myfavorites li dd span {
	display: block;
	float: left
}

#myfavorites li dd span:nth-child(2) {
	margin: 0 5px
}

#myfavorites li img {
	width: 100%
}

.edit_this {
	height: 23px;
	display: block;
	border: 1px solid #e3e3e3;
	background: #f3f3f3;
	color: #787878;
	line-height: 23px;
	font-size: 10px;
	text-align: center
}

#choose_album {
	width: 100%;
	position: fixed;
	top: 50px;
	left: 0;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: hidden;
	-webkit-transition: all 0.2s cubic-bezier(0.55,0.055,0.675,0.19);
	-moz-transition: all 0.2s cubic-bezier(0.55,0.055,0.675,0.19);
	-o-transition: all 0.2s cubic-bezier(0.55,0.055,0.675,0.19);
	transition: all 0.2s cubic-bezier(0.55,0.055,0.675,0.19)
}

#choose_album.show {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	-webkit-transition: all 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-transition: all 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-o-transition: all 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	transition: all 0.3s cubic-bezier(0.165,0.840,0.440,1.000)
}

#choose_album li {
	height: 49px;
	line-height: 49px;
	background: #fff;
	border-bottom: 1px solid #eee
}

#choose_album li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 20px;
	color: #adadad
}

#choose_album li a.ton {
	background-color: #E24139;
	color: #fff
}

#edit_album {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear
}

#edit_album.show {
	visibility: visible;
	opacity: 1
}

#edit_album .edit_album_d_wrap {
	width: 100%;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

#edit_album.show .edit_album_msk {
	opacity: 1
}

.edit_album_msk {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5)
}

.edit_album {
	width: 85%;
	margin: 120px auto 0 auto;
	position: relative;
	background: #fff;
	-webkit-transform: translate3d(0,-10%,0) rotateX(-90deg);
	-moz-transform: translate3d(0,-10%,0) rotateX(-90deg);
	transform: translate3d(0,-10%,0) rotateX(-90deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 50% -100%;
	-moz-transform-origin: 50% -100%;
	transform-origin: 50% -100%
}

#edit_album.show .edit_album {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1
}

.edit_album h4 {
	display: block;
	height: 50px;
	background: #f0f0f0;
	color: #747474;
	line-height: 50px;
	text-align: center;
	font-weight: 500
}

.edit_album_input {
	display: block;
	border: 1px solid #b7b7b7;
	height: 24px;
	background: #fff;
	width: 100%;
	text-indent: 10px
}

.edit_album_d span {
	display: block;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #fff
}

.edit_album .pd20 {
	padding-bottom: 0
}

.edit_album_d .edit_album_delete {
	background: #686868
}

.edit_album_d .edit_album_sure {
	background: #E1362E
}

#add_favorite {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background: #f0f1f1;
	-webkit-transform: translate3d(0px,100%,0px);
	-moz-transform: translate3d(0px,100%,0px);
	transform: translate3d(0px,100%,0px);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	-o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
	transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19)
}

#add_favorite.show {
	-webkit-transform: translate3d(0px,0%,0px);
	-moz-transform: translate3d(0px,0%,0px);
	transform: translate3d(0px,0%,0px);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	-o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
	transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000)
}

.created_cate {
	height: 49px;
	margin: 10px 0
}

.created_cate_add {
	width: 100px;
	height: 49px;
	font-size: 13px;
	text-align: center;
	line-height: 49px;
	background: #E1362E;
	color: #fff;
	float: right
}

.created_cate_ipt {
	height: 18px;
	margin-right: 105px;
	border: 1px solid #b7b7b7;
	padding: 10px 10px;
	background: #fff
}

.created_cate_ipt input {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: none

}


body {color: #666666; font-size:13px;} 

A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
A:active {
	COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
	COLOR: #812c2f; TEXT-DECORATION: none
}

.am4 A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
.am4 A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
.am4 A:active {
	COLOR: #999999; TEXT-DECORATION: none
}
.am4 A:hover {
	COLOR: #812c2f; TEXT-DECORATION: none
}

.am3 {
	COLOR: #999999; TEXT-DECORATION: none
}
.am3 A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
.am3 A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
.am3 A:active {
	COLOR: #999999; TEXT-DECORATION: none
}
.am3 A:hover {
	COLOR: #CCFFFF; TEXT-DECORATION: none
}

.am2 A:link {
	COLOR: #333; TEXT-DECORATION: none
}
.am2 A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
.am2 A:active {
	COLOR: #333; TEXT-DECORATION: none
}
.am2 A:hover {
	COLOR: #666; TEXT-DECORATION: none
}



.am1 A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
.am1 A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
.am1 A:active {
	COLOR: #999999; TEXT-DECORATION: none
}
.am1 A:hover {
	COLOR: #CCCCCC; TEXT-DECORATION: none
}


/* q356.com搜索    描边border:#999 solid 1px;*/

.search_k2 {
        height:30px;
       font-size:15px;
	display: block;
	margin: 0 9px;
	width: 150px;
	border: none;
	color: #999;
        background:#fff;
	padding: 0px 0px 0px 5px;

}

.search{ position:absolute; right:0px; top:10px;}
.search input{ float:left;right:0px;left:10px;}
.search_k{ border:none; width:150px; height:26px; margin: 0 5px; background:#fff; padding-left:10px; line-height:26px; color:#ccc; display: block;	border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 0px solid #fff;}

/* 页码*/
.iii_k{ line-height:29px;}

/*产品分类*/
.sidebar { font-size:13px; float:left; width:250px; margin-bottom:0px;}
.sidebar .title { height:0px; border-bottom:0px solid #d8d8d8; font-size:12px; line-height:480px; color:#fff; }
.sidebar .sidebar-box { border-top:0px solid #fff; width:240px; padding-top:0px;}
.sidebar .sidebar-box ul { padding-bottom:0px;}
.sidebar .sidebar-box ul li { line-height:51px; margin-bottom:0px;}
.sidebar .sidebar-box ul li a { display:block; width:100%; line-height:51px; text-indent:35px; background:#bbbbbb; background:url(../images/01_17.jpg); color:#B1B1B1; }
.sidebar .sidebar-box ul li a:hover { background:#C00; background:url(../images/01_18.jpg); color:#fff; text-decoration:none; width:250px;}
.sidebar .sidebar-box ul li.current a { background:#C00; background:url(../images/01_18.jpg); color:#fff; width:250px;}
.sidebar .sidebar-box ul li ul li{ line-height:51px; margin-bottom:0px;}
.sidebar .sidebar-box ul li ul li a { display:block; width:100%; line-height:51px; background:#FFF; text-indent:0px; color:#fff; font-weight:100;}
.sidebar .sidebar-box ul li ul li a:hover { background:#C00; color:#fff; text-decoration:none;}
/*产品二级分类*/
.sidebar2 a{width:100%;color:#999999;float:left}
.sidebar2 a:hover{color:#fff;text-decoration:none;}


/*首页字居中*/
.exlist_margin{text-align: center; width: 100%; height: auto;float: left; background: #fff; box-shadow: 0px 0px 0px #dadcd9; margin-bottom: 1px; border-top: 1px #dadcd9 solid;border-bottom: 1px #dadcd9 solid;margin-bottom: 15px}
.exlist_margin span{font-size: 16px; color: #812c2f}
.exlist_margin em{font-size: 8px; color: #2c2c2c; font-style: normal}
.exlist_margin p{display: block; width: 18px; height: 2px; background: #FA9C3D;margin: 0 auto;margin-top: 8px; }
/*首页字居中*/



/*首页动态*/
.indnews{width:100%; padding-bottom:5px; margin-bottom:0px; background-color:#fff; border-bottom:4px #d4d4d4 solid; float:left; overflow:hidden}

.exlist_news_type{width: 59%; margin:0px 20.5%; height: 25px; background-color:#fff;  background: #fff; border: 1px #812c2f solid;} /*新闻类别*/
.exlist_news_type ul li{width: 50%; height: 25px;line-height: 25px; float: left; text-align: center;font-size: 13px; color: #812c2f;position: relative}
.exlist_news_type ul li.on{background: #812c2f;color: #fff}
.exlist_news_type ul li:hover{background: #812c2f;color: #fff}
.exlist_news_type ul li i{ border-top: 5px transparent solid; border-bottom: 12px #812c2f solid; border-left:13px transparent solid;border-right: 13px transparent solid;position: absolute; left: 50%; margin-left: -13px; bottom: -18px; z-index: 0; } /*箭头*/

.exnew_ts span{float: right; font-size: 13px;text-align: right}
.exnew_ts span a{display: block; width: 100%; height: 100%; color: #fff; font-size: 12px}
.exnew_ts i{width:32px; height:32px; background:url(icons.png) no-repeat 10px -404px;background-size: 500px 500px; float:left}
.exnew_ts a,.exnew_ts a:link{color:#666}
.exnew_ul{width: 96%; margin: 0px 2%; height:auto; background: #F9F9F9; position: relative; float: left;box-shadow: 0px 0px 0px #812c2f;; margin-bottom: 15px}
.exnew_ul:after{;content: ''; position: absolute; box-shadow: 1px 1px 3px #dadcd9;bottom: -13px; left: 0px;width: 92%; margin: 0px 4%; height: 100%;background: transparent; z-index: -555; background: #fff}
.exnew_ul:before{content: ''; position: absolute; box-shadow: 1px 1px 3px #dadcd9;bottom: -6px; left: 0px;width: 96%; margin: 0px 2%; height: 100%;background: transparent; z-index: -5; background: #fff}
.exnew_ul ul li{width: 92%; padding:3% 4%;line-height: 30px; float: left;font-size: 12px;margin: 0px;background: #F9F9F9 }
.exnew_ul ul li:nth-child(even){ background: #B1B1B1;}
/*.exnew_ul ul li:last-child{margin-bottom: 5px}*/
.exnew_ul ul li a{display:block; width:92%;  height: 100%;color: #000;float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.exnew_ul ul li  i{ background: #ccc; display: block; width: 0px; height: 0px; float: left;  margin-top: 10px;margin-right: 5px;}
/*.exnew_ul ul li a:after{content: ''; border: 8px solid transparent;border-left-color: #66ac30;width: 0;height: 0; float: right; margin-top: 3px;}*/
.exnews2 a{width:100%;color:#FFFFCC; float:left}
.exnews2 a:hover{text-decoration:none;}


/*首页加盟*/
.exlist_join{width: 100%; height:auto; float: left; padding: 15px 0; background: url(../images/mj/exlist_join.png) no-repeat center; background-size: cover;}
.exlist_join div.caption { width: 70%; text-align: center; height: autp; float: left; margin: 5px 15%;}
.exlist_join div.caption span { display: block; float: left;}
.exlist_join div.caption span.cntitle { width: 100%; height: 25px; line-height: 25px; color: #fff;}
.exlist_join div.caption span.entitle { width: 100%; height: 16px; line-height: 16px; color: #fff; font-size: 12px;}
.exlist_join div.caption span.line { width: 6%; height: 2px; background: #fff; margin: 5px 47%;}
.exlist_join ul.join-icons { width: 100%; height: auto; float: left;}
.exlist_join ul.join-icons li { float: left; height: auto;}
.exlist_join ul.join-icons li i { display: block; width: 100%; height: 20px; color: #fff; text-align: center; padding: 5px 0px;}
.exlist_join ul.join-icons li img { max-width: 100%; height: auto; }
.exlist_join ul.join-icons li.left { width: 30%; padding-left: 15%; padding-right: 5%;}
.exlist_join ul.join-icons li.right { width: 30%; padding-left: 5%; padding-right: 15%;}



/*创新技术内页*/
.exlist_te_type{width:59%; margin:25px 20%; height: 25px; position: relative; overflow: hidden;}
.exlist_te_type ul li{width: 49%; height: 23px;line-height: 23px; float: left;overflow: hidden; text-align: center;font-size: 13px; color: #24498f;border: 1px #24498f solid }
.exlist_te_type ul li:first-child{border-top-left-radius: 13px; border-bottom-left-radius: 13px;background: #fff}
.exlist_te_type ul li:last-child{border-top-right-radius: 13px; border-bottom-right-radius: 13px; background: #fff}
.exlist_te_type ul li.on{background: #24498f;color: #fff;}








/*新闻动态*/
.exnews4 { width:100%; color:#999999; float:left}
.exnews4 a{ width:100%; background: #F9F9F9; color:#999999; float:left}
.exnews4 a:hover{ background: #812c2f;color:#fff;text-decoration:none;}

.exnews1 {color:#999;}
.exnews1 a{width:100%;color:#999;font-size:12px; float:left}
.exnews1 a:hover{color:#812c2f;text-decoration:none;}

.exnews3 a{width:100%;color:#555;font-size:12px; float:left}
.exnews3 a:hover{color:#812c2f;text-decoration:none;}

.exnews2 {width:100%;color:#555;font-size:11px; float:left}
.exnews2 a{width:100%;color:#999999;font-size:11px;  float:left}
.exnews2 a:hover{color:#CCFFFF;text-decoration:none;}

.exnews6 {width:100%;font-size:12px; float:left}
.exnews6 a{width:100%;font-size:12px;  float:left}
.exnews6 a:hover{text-decoration:none;}

.exnews7 {width:100%;font-size:11px; float:left}
.exnews7 a{width:100%;font-size:11px;  float:left}
.exnews7 a:hover{text-decoration:none;}

@media(min-width:601px) {
.exnews6 {width:100%;font-size:20px; float:left}
.exnews6 a{width:100%;font-size:20px;  float:left}
.exnews6 a:hover{text-decoration:none;}

.exnews7 {width:100%;font-size:15px; float:left}
.exnews7 a{width:100%;font-size:15px;  float:left}
.exnews7 a:hover{text-decoration:none;}	
}
/*图片连接边框代码*/
.highlightit img{
border: 1px solid #ECEBEB;
}

.highlightit:hover img{
border: 1px solid navy; border: 1px solid #812c2f; 
}

.highlightit:hover{
color:#812c2f;
}



/*联系方式*/
.contact{text-align: center;}
.contact h3{color: #000;font-size: 22px;line-height: 40px;}
.contact h4{color: #000;font-weight: normal;font-size: 14px;}
.contact p{line-height: 35px;font-size: 16px;color: #000;padding-top: 10px;}
.contact h5{padding-top: 5px;font-size: 14px;color: #666;line-height: 20px;}
.contact h2{font-size: 22px;color: #000;line-height: 25px;}
.con_img{width: 340px;padding-top: 15px;margin: 0 auto; clear: both;}
.contact img{width: 340px;}






/* 公共分页CSS代码 */ 
DIV.green-black A { font-family: '微软雅黑';
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666 1px solid;
PADDING-LEFT: 0px; BACKGROUND: #666; 
PADDING-BOTTOM: 4px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 0px; 
PADDING-TOP: 4px; BORDER-BOTTOM: #666 1px solid; TEXT-DECORATION: none 
} 
DIV.green-black A:hover { font-family: '微软雅黑';
BORDER-RIGHT: #812c2f 1px solid; BORDER-TOP: #812c2f 1px solid;
 BACKGROUND:  #812c2f; BORDER-LEFT: #812c2f 1px solid;
 COLOR: #fff; BORDER-BOTTOM: #812c2f 1px solid 
} 
DIV.green-black A:active {font-family: '微软雅黑';
BORDER-RIGHT: #812c2f 1px solid; BORDER-TOP: #812c2f 1px solid; 
BACKGROUND: #812c2f; BORDER-LEFT: #812c2f 1px solid;
 COLOR: #fff; BORDER-BOTTOM: #812c2f 1px solid 
} 
DIV.green-black SPAN.current { font-family: '微软雅黑';
BORDER-RIGHT: #812c2f 1px solid; PADDING-RIGHT: 0px; 
BORDER-TOP: #812c2f 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; 
BACKGROUND: #812c2f; PADDING-BOTTOM: 4px; 
BORDER-LEFT: #812c2f 1px solid; COLOR: #fff; MARGIN-RIGHT: 1px; 
PADDING-TOP: 4px; BORDER-BOTTOM: #812c2f 1px solid 
} 
DIV.green-black SPAN.disabled { font-family: '微软雅黑';
BORDER-RIGHT: #CCCCCC 1px solid; PADDING-RIGHT: 0px;  
BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px;
BORDER-LEFT: #CCCCCC 1px solid; COLOR: #999999; MARGIN-RIGHT: 4px; PADDING-TOP: 4px; 
BORDER-BOTTOM: #CCCCCC 1px solid 
} 
.page_k2{  font-family: '微软雅黑'; border:none; width:65px; height:26px;border: 1px solid #CCCCCC; background:#fff; padding-left:4px; line-height:26px; color:#666666; margin-bottom:0px;}

/*ie的默认选择框样式下拉箭头*/
select::-ms-expand { font-family: '微软雅黑'; border: 1px solid #fff; background: #f1f1f1;color:#999;}









/*首页关于我们*/
.i_list{width: 94%;padding: 2% 3% 0% 3%;background: #fff;overflow: hidden;}
.i_list .index_left{width:49%;float: right;margin-left:1%;}
.i_list .index_left img{width:100%}
.i_list .index_right{width:49%;float: left;margin-right:1%;}
.i_list .index_right img{width: 100%;}
.i_list .index_right .index_02 {margin-bottom:4%;}
.i_list .index_right .index_03 {margin-bottom:4%;}



.exlist111{width:100%;  float:left; border-bottom:4px #d9d9d9 solid; background-color:#fff;}/*分类下面版权所有人上面的色条*/

/*首页分类滚动*/
.exlist9 img{width:100%; float:left;}
.exlist9_t{width:98%; line-height:30px; font-size:16px; float:left; border-bottom:1px #d9d9d9 solid; padding:25px 1% 15px 1%; background-color:#fff;}
.exlist9{width:94%; padding:2% 3% 2% 3%; border-bottom:1px #F5F5F5 solid; margin-bottom:0%;  background-color:#fff;float:left}

.J_ping {
	border: 1px solid #f5f5f5; 
        padding:0px 0 15px 0; 
        text-align: center;
}


.pd_module {
	margin: 0
}

.pd_module {
	font-family: arial, "Microsoft YaHei", sans-serif;
	font-size: 14px;
	line-height: 2.8;
	color: #555;
	width: 100%;
	height: 100%;
	text-align: center
}





.pd_module ::-webkit-scrollbar {
	display: none;
	width: 0
}

.pd_tab ::-webkit-scrollbar {
	display: none;
	width: 0
}

.rush_pd_module .pd_commom .pd_pic img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	display: block;
}
/*图片
img {
	width: 100%;
}

img {
	vertical-align: middle;
	border: 0;
}
显示*/
.pd_module.slide {
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.pd_module.slide .pd_commom_wrap {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.pd_commom_wrap ::-webkit-scrollbar {
	display: none;
}

.pd_module.slide .pd_commom {
	position: relative;
	display: inline-block;
	width: 100px;
	background-color: #fff;
	margin: 0 2px;
}

.pd_module.slide .pd_commom_wrap a.pd_commom:first-child {
	margin-left: 0px
}

.pd_module.slide .pd_commom_wrap a.pd_commom:last-child {
	margin-right: 0px;
	border: 0;
}

.pd_module.slide .pd_commom:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both
}

.pd_module.slide .pd_commom_wrap a.look_more:last-child {
	margin-left: 0
}

.pd_module.slide .pd_pic {
	position: relative;
	width: 100px;
	height: auto;
	float: left;
	overflow: hidden;
}

.pd_module.slide .pd_tite {
	float: left;
	font-size: 10px;
	text-align: center;
	width: 100%;
	line-height: 8px;
}

.pd_module.slide .pd_info {
	position: relative;
	float: left;
	width: 100%
}

.pd_module.slide .pd_commom.sold_out .pd_pic .pd_sold_out {
	display: block
}

.pd_module.slide .pd_commom.sold_out .pd_pic.error .pd_sold_out {
	display: none!important
}

.pd_module.slide .pd_info .pd_title {
	display: -webkit-box;
	height: 30px;
	line-height: 15px;
	white-space: normal;
	margin-top: 5px;
	padding: 0 6px;
	font-size: 12px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.pd_module.slide .pd_commom .pd_info .pd_evaluate,
.pd_module.slide .pd_commom .pd_info .pd_op_text {
	display: none
}

.pd_module.slide.price_hide .pd_commom .old {
	display: none!important
}

.pd_module.slide .pd_commom .pd_info .pd_buy_car,
.pd_module.slide .pd_commom .pd_info .replace_price,
.pd_module.slide .pd_commom .pd_wrap .phone_price {
	display: none
}

.pd_module.slide .pd_commom .pd_wrap {
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin: 2px 0
}

.pd_module.slide .pd_commom .pd_wrap .pd_price_wrap {
	padding-left: 0px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden
}

.pd_module.slide .pd_commom .pd_wrap .pd_price_wrap:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both
}


/*搜索栏手机样式*/
button, input, optgroup, textarea {
	color:inherit;
	font:inherit;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        margin:0px 0px 0px 0px;
	box-shadow:0px 0px 0px rgba(0,0,0,0);
	-webkit-appearance:none;
	outline:none;
	color: #999;/*字色彩*/
}





select {
	color:inherit;
	font:inherit;
	box-shadow:20px 20px 0px rgba(153,153,153,1);
	background-color: #f9f9f9;
	margin:15px 0px 15px 0px;
	outline:none;
	color: #999;/*字色彩*/
  

  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #999999;
 
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
 
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("/m/images/arrow.png") no-repeat scroll right center transparent;
 
 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 20px;
}
 
 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }



.product_type select{width:98%; height:40px; line-height:40px; font-size:16px; text-align:center; background-color: #f9f9f9; border: 1px solid #999999; color: #999;}
.product_type select option{text-align:center; width:100%}





.search_km{ border:none; width:95%; height:26px; font-size: 1.2em; margin: 0 5px; background:#fff; padding-left:10px; line-height:26px; color:#999; display: block;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
border-right: 0px solid #fff;}