@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;
}

body {
	color: #535353;
	font-size: 14px;
	font-family: "arial", "微软雅黑";
	background: #fff;
	width: 100%;
	position: relative;
	overflow-x: hidden;
}

a,
body {
	font-family: "微软雅黑"/9;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}



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



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
}

.fr {
	float: right
}

.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
}



#header {

	background: #fff;

	height: 50px;

	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: 40px;
	top: 0;
	position: fixed;
}

#header.head i {
	top: 5px
}

.title {
	line-height: 40px;
	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: 161px;
	height: 50px;
	margin: 0px 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: 33px;
	height: 32px;
	position: absolute
}



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

#header .message_open {
	top: 14px;
	right: 0;
	background-position: -220px -475px
}







.menu_back.ton,
.menu_back2.ton,
.menu_open.ton,
.search_open.ton {

	background-color: transparent
}



.menu_back,
.menu_back2 {

	background-position: -68px -320px;

	top: 8px;

	background-color: transparent;

	left: 0
}



.menu_back a,
.menu_back2 a {

	display: block;

	height: 100%
}



.menu_share {

	background-position: -66px -107px;

	top: 10px;

	background-color: #323436;

	right: 0
}





.menu_refresh {

	background-position: -282px -39px;

	top: 14px;

	background-color: #323436;

	right: 0;

	-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
}



#header .menu_refresh.ton {

	background-color: #E1362E
}



#header .search_open {

	top: 14px;

	right: 0;

	background-position: -105px -475px
}



.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: #f4f4f4;

	visibility: hidden;

	-webkit-transition-delay: 0.3s;

	-moz-transition-delay: 0.3s;

	-o-transition-delay: 0.3s;

	transition-delay: 0.3s
}



#menu.push {

	visibility: visible;

	-webkit-transition-delay: 0s;

	-moz-transition-delay: 0s;

	-o-transition-delay: 0s;

	transition-delay: 0s
}



#header .menu_open {

	background-position: -107px -441px;

	left: 0;

	top: 10px
}



.menu_back.ton,
.menu_back2.ton,
.menu_open.ton,
.search_open.ton,
.message_open.ton {

	background-color: #dadada
}



/*子分类*/

#container {

	position: relative;

	left: 0px;

	width: 100%;

	overflow-x: hidden;

	overflow-y: auto;

	height: 100%;

}

/*内容*/

#content {
	position: relative;
	overflow: hidden;
	padding-bottom: 0px
}

/************广告图片**************/

#bnpic {
	width: 100%;
	padding-top: 50px;
	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: 45%;
	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 {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

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

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: none;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active {
	background-position: 0 0;
	display: none;
}



.exlist {
	width: 100%;
	float: left;
	position: relative;
}

.exlist ul {
	margin: 0;
	padding: 0;
}

.exlist ul li {
	width: 50%;
	height: 50%;
	position: absolute;
}

.exlist ul li a {
	display: block;
	width: 100%;
	height: 100%;
}





.exmain {
	width: 100%;
	float: left;
}

.expic {
	width: 98%;
	padding: 1%;
	float: left
}

.expic ul {
	margin: 0;
	padding: 0;
}

@media(min-width:601px) {

	.expic ul li {
		width: 31.3%;
		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);
	}

}

@media(min-width:321px)and (max-width: 600px) {

	.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);
	}

}

@media(max-width:320px) {

	.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: 26px;
	background-color: #e40073;
	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;
	text-shadow: 0 1px 0 #fff;

}

.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
}



/*页尾技术支持*/

.exdown {

	overflow: hidden;

	float: left;

	margin-bottom: 70px;

	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #cccccc;
	font-weight: normal;
	font-size: 12px;



}

.exdown a,
.exdown a:link {
	color: #cccccc;
	font-weight: normal;
	font-size: 12px
}



#list {
	width: 100%;
	float: left;
}

#showcase {

	height: 200px;

	background: #eee
}



.list_litpic {

	width: 90px;

	height: 90px;

	overflow: hidden
}



.list_litpic img {

	width: 90px;

	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: 105px;

	padding-top: 5px;

}



#sort {

	height: 35px;

	background: #444446;

	margin-top: 50px
}



#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 {
	color: #FFF;
}



.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: 40px;

	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: 40px;

	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: 40px;

	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);

}



#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.2);

	-o-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2);

	box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2)
}



#header.push {

	-webkit-transform: translateX(250px);

	-moz-transform: translateX(250px);

	transform: translateX(250px);

	-moz-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2);

	-o-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2);

	box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2)
}



#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.2);

	-o-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.2);

	box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.2)
}



#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.2);

	-o-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.2);

	box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.2)
}







/*分类*/

#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 #f4f4f4;

	overflow: hidden;

	background-color: #dadada;

	-webkit-transition: background 0.3s ease-out;

	-moz-transition: background 0.3s ease-out;

	-o-transition: background 0.3s ease-out;

	transition: background 0.3s ease-out
}



#menu ul li a {

	display: block;

	width: 100%;

	height: 35px;

	color: #666;

	overflow: hidden;

	padding-top: 14.5px;

	border-left: 5px solid #b2b2b2
}

#menu ul li a b {

	width: 16px;

	height: 16px;

	background-position: 0px -350px;

	display: block;

	float: right;

	margin-right: 6px;

	opacity: 0.8
}

#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: 5px solid #4CB992
}

#menu ul li a span {
	display: block;
	height: 16px;
	line-height: 16px;
	float: left;
	margin-left: 15px
}

#menu ul li:hover,
#menu ul .menu_cur {
	background-color: #fff;
}

#menu ul .nav_index a i {
	background-position: -398px -256px
}

#menu ul .nav_about a i {
	background-position: -437px -362px
}

#menu ul .nav_news a i {
	background-position: -437px -71px
}

#menu ul .nav_service a i {
	background-position: -398px -116px
}

#menu ul .nav_qa a i {
	background-position: -437px -310px
}

#menu ul .nav_join a i {
	background-position: -437px -309px
}

#menu ul .nav_contact a i {
	background-position: -437px -415px
}

/*右边*/

#user {

	width: 250px;

	height: 100%;

	position: fixed;

	top: 0px;

	right: 0;

	visibility: hidden;

	background-color: #323436;

	-webkit-transition-delay: 0.3s;

	-moz-transition-delay: 0.3s;

	-o-transition-delay: 0.3s;

	transition-delay: 0.3s
}

/*左边*/

.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: 9999px;

	position: fixed;

	visibility: hidden;

	top: 0;

	left: 0
}



.account {

	height: 60px;

	background: #2a2c2e;

	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: #232425;

	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.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s 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: #f4f4f4
}



#user {

	background-color: #323436
}



.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
}





.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: left
}



.reg_ct p {

	line-height: 20px;

	margin: 30px 0 20px 0
}



#weibo_app {

	height: 50px;

	display: block;

	color: #fff;

	font-size: 16px;

	background-color: #d63b22;

	margin-bottom: 10px
}



#weibo_app span {

	display: block;

	height: 50px;

	margin: 0 auto;

	width: 160px
}



#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: #F4A013;

}



#tel_app span {

	display: block;

	height: 50px;

	margin: 0 auto;

	width: 160px
}



#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: #3eb0d8;

	margin-bottom: 10px
}



#qq_connect span {

	display: block;

	height: 50px;

	margin: 0 auto;

	width: 160px
}



#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
}



#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: 40px;

	line-height: 40px;

	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: 40px;

	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: 40px;

	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: 40px;

	display: block;

	line-height: 40px;

	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: 40px;

	float: left;

	width: 110px;

	overflow: hidden
}



.login_quick #tel_app {

	margin: 0;

	height: 40px;

	float: left;

	width: 110px;

	overflow: hidden
}



.login_quick #qq_connect {

	height: 40px;

	float: right;

	width: 110px;

	overflow: hidden
}



.login_quick #weibo_app span,
.login_quick #qq_connect span,
.login_quick #tel_app span {

	height: 40px;

	font-size: 13px;

	width: auto;

	padding-left: 5px;

	line-height: 40px;

	vertical-align: middle
}



.login_quick #weibo_app i,
.login_quick #qq_connect i,
.login_quick #tel_app i {

	background-size: 250px 250px;

	height: 40px;

	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 {}



.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 5px 7px
}



.list_info_tt {
	width: 100%;
	height: auto;
	background: #e40073;
	overflow: hidden
}

.list_info_tt em {
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	float: left;
	color: #fff;
	display: block;
	width: 90%;
	margin: 0px 5%
}





.works_view dt {

	background-position: -70px -148px
}



#works {

	background: #fff;

	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: 40px;

	line-height: 40px;

	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: 40px;

	line-height: 40px;

	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: #c8c8c8
}



#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: 40px;

	line-height: 40px;

	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: 40px;

	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: 34px;
	margin-top: 50px
}



.designer_t table {

	height: 34px
}



.designer_t a {

	display: block;

	height: 32px;

	line-height: 34px;

	text-align: center;

	color: #ccc;

	overflow: hidden;

	border-bottom: 3px solid #4eb892;

	background: #666;

	-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: #4eb892
}



.designer_t .designer_t_c a,
.designer_t a:hover {

	border-bottom: 3px solid #4eb892;

	color: #fff;

	background: #4eb892;

	position: relative
}



.exdesigner_t {

	height: 40px;
	margin-top: 50px
}



.exdesigner_t table {

	height: 40px
}



.exdesigner_t a {

	display: block;

	height: 38px;

	line-height: 40px;

	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: #4CB992
}



.exdesigner_t .exdesigner_t_c a,
.exdesigner_t a:hover {

	border-bottom: 2px solid #323436;

	color: #fff;

	background: #4eb892;

	position: relative
}



/*关于微派*/



#exall {
	width: 100%;
	display: inline-block;
}

.toppic {
	width: 100%;
	float: left;
	margin-top: 51px
}

.toppicc {
	width: 96%;
	margin: 0 2%;
	float: left;
	border-top: 1px #e1e1e1 solid;
	margin-top: 5px;
	border-right: 3px #cbc9c9 solid;
	border-left: 1px #eee solid;
	border-bottom: 2px #b7b3b2 solid;
	margin-bottom: 10px
}

.toppic img {
	width: 100%;
	float: left
}

.toppic_cen {
	width: 100%;
	padding-top: 10px;
	float: left;
	background: #fff
}

.toppic_cen textArea {
	width: 96%;
	height: 80px;
	margin: 2%;
	border: 1px #e40073 solid;
	float: left;
	color: #666;
	border-radius: 6px;
	padding: 0px 5px;
	font-size: 13px;
	line-height: 25px;
	padding-top: 0px
}

.toppic_cen input[type='submit'] {
	border: none;
	width: 35%;
	text-align: center;
	height: 25px;
	line-height: 25px;
	float: left;
	margin-left: 2%;
	background: #e40073;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 20px
}

.toptitle {
	width: 94%;
	background-color: #fff;
	padding: 3%;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #666;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	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
}



.button {
	width: 100%;
	height: 35px;
	line-height: 35px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #4fb993;
	color: #FFF;
	text-align: center;
	border: none;
	font-size: 16px
}

.button2 {
	width: 100%;
	height: 35px;
	line-height: 35px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #09F;
	color: #FFF;
	text-align: center;
	border: none;
	font-size: 16px
}

.inputbg {
	border: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-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);
	background-color: #E3E3E3
}

.select {
	width: 98%;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	color: #666
}

.select50 {
	width: 48%;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	color: #666
}

/*.exabout{width:90%; margin:2%; padding:3%;overflow:hidden;clear:both; background-color:#fff; color:#333;text-shadow: 0 1px 0 #fff;font-family:"微软雅黑";font-size:1em; line-height:1.5em;-webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);border: 1px #dadcd9 solid;margin-top: 0px}

.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;}

.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;}

.exabout img{width:100%; padding:0; float:left}

.extitle{width:90%; margin-right:10%; padding:5px 0; margin-bottom:8px; border-bottom:1px #999999 solid; float:left; font-size:16px; color:#666}



.exabout ul{margin:0; padding:0;}

@media(min-width:601px) {

.exabout ul li{width:31.3%; margin:1%; float:left;}	

}

@media(min-width:321px)and (max-width: 600px) {

.exabout ul li{width:49%; margin:0.5%; float:left;}	

}

@media(max-width:320px) {

.exabout ul li{width:48%; margin:1%; float:left;}

}

.exabout_p{width:100%; float:left; height: 100px}

.exabout_p img{width:100%; float:left}

.exabout_t{width:100%; text-align:center; line-height:26px;background-color:#e40073; color:#fff; font-weight:normal;text-shadow:none; float:left}*/





.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;
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 100
}



#gbookadd {

	width: 100%;

	height: 35px;
	line-height: 35px;

	position: fixed;

	bottom: 44px;

	left: 0;

	background: #fefefe;

	border-top: 1px solid #e3e3e3;

}

#gbookadd .gbookcontent {
	width: 76%;
	padding: 0 2%;
	height: 35px;
	background-color: #fefefe;
	color: #666;
	border: none;
	float: left
}

#gbookadd .gbookbutton {
	width: 20%;
	height: 35px;
	background-color: #E24139;
	color: #FFF;
	border: none;
	text-align: center;
	font-size: 14px;
	float: left
}









.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
}



/*.exnewss{width:94%; padding:3% 3% 2% 3%;line-height:35px; float:left}

.exnewss li{width:100%; float:left;color:#555555;margin:0; padding:0; border-bottom:1px #f5f5f5 solid;list-style-type:none;}

.exnewss a{width:100%;padding:3px 0;color:#555555; float:left}

.exnewss a,.exnewss a:link{color:#555555;text-decoration:none;font-size:14px; font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}

.exnewss a:hover{color:#333;text-decoration:none;}*/



#exlists {
	width: 100%;
	line-height: 20px;
	float: left
}

#exlists li {
	width: 94%;
	padding: 5% 3%;
	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;

}

#exlists a,
#exlists a:link {
	color: #555555;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}

#exlists a:hover {
	color: #333;
	text-decoration: none;
}

#exlists span {
	color: #999;
	font-size: 12px
}



#exlistp {
	width: 100%;
	line-height: 20px;
	float: left
}

#exlistp li {
	width: 97%;
	padding: 0% 3% 0% 0%;
	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));
}

#exlistp .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
}

#exlistp .listpic {
	width: 20%;
	padding-right: 5%;
	color: #555555;
	float: left;
}

#exlistp .listpic img {
	width: 100%;
	float: left
}

#exlistp a {
	width: 70%;
	padding-right: 5%;
	padding-top: 5%;
	color: #555555;
	float: left;

	background-image: url(../images/arrow3.png);

	background-repeat: no-repeat;

	background-position: right center;

	background-size: 25px 25px;

}

#exlistp a,
#exlistp a:link {
	color: #555555;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}

#exlistp a:hover {
	color: #333;
	text-decoration: none;
}

#exlistp span {
	color: #999;
	font-size: 12px
}



.exlists {
	width: 100%;
	line-height: 20px;
	float: left
}

.exlists li {
	width: 94%;
	padding: 5% 3%;
	float: left;
	color: #555555;
	margin: 0;
	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));
}

.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: 100%;
	color: #555555;
	float: left
}

.exlists a,
.exlists a:link {
	color: #555555;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
}

.exlists a:hover {
	color: #333;
	text-decoration: none;
}

.exlists span {
	color: #999
}



.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
}

.exnews_t_t h1 {
	wdith: 100%;
	font-size: 15px;
	color: #666
}

.exnews_t_t span {
	font-size: 12px;
	color: #CCC
}



#exnews_d {
	width: 100%;
	float: left
}

#exnews_d 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_d .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_d li a {
	width: 100%;
	padding: 5px 0;
	color: #999;
	float: left
}

#exnews_d li a,
#exnews_d 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_d li 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;
}



.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: 40px;

	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: 40px;

	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 {
	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: 40px;

	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: 340px;

	height: 85px;

	background: url('loading.png') no-repeat 50% 0;

	background-size: 70%;

	position: absolute;

	top: 220px;

	left: 50%;

	margin-left: -170px;



}



@-webkit-keyframes bouncedelay {

	0%,
	80%,
	100% {

		-webkit-transform: scale(0.0);

		background: #e5e5e5
	}



	40% {

		-webkit-transform: scale(1.0);

		background: #ccc
	}

}



@-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: #ccc
	}

}



@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: #ccc
	}

}



.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: 40%;

	bottom: 0;

	width: 110px;

	overflow: hidden;

	margin-left: 4px;

	text-align: center
}



.loading_mask ul li {

	display: block;

	float: left;

	width: 8px;

	height: 8px;

	background: #0094DA;

	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 li {

	background: #0094DA;

	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 {

	border: none;

	width: 100%;

	height: 45px;

	position: fixed;

	bottom: 0;

	left: 0;

	background: #fff;

	border-top: 1px #DADCD9 solid;

	z-index: 99;

}



/*#us_panel2.hide {

	visibility: hidden

}*/



#us_panel2 td {

	height: 100%;

	text-align: center;



}

#us_panel2 td.on {
	background-color: transparent
}



#us_panel2 td i {

	display: inline-block;

	vertical-align: middle;

	width: 100%;

	margin-top: 2px;



}



#us_panel2 td span {

	display: inline-block;

	vertical-align: middle;

	color: #000;
	font-size: 12px;
	width: 100%;

	margin-top: 1px
}



#us_panel2 td span em {

	font-style: normal
}







.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: 45px;

	height: 45px;

	background-position: -112px -304px
}

.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: 16px;

	height: 16px;

	background-position: -112px -208px
}





.us_panel_index {

	width: 25%;



}

.us_panel_news {

	width: 25%;



}

.us_panel_video {

	width: 25%;



}

.us_panel_meini {

	width: 25%;



}

.us_panel_about {

	width: 25%;



}

#us_panel2 a,
#us_panel2 a:link {

	color: #535353
}



#us_panel2 .us_panel_index i {

	width: 35px;

	height: 25px;

	background-position: -332px -453px;



}

#us_panel2 .us_panel_news i {

	width: 35px;

	height: 25px;

	background-position: -333px -353px;

}

#us_panel2 .us_panel_video i {

	width: 35px;

	height: 25px;

	background-position: -327px -303px;

}



#us_panel2 .us_panel_about i {

	width: 35px;

	height: 25px;

	background-position: -330px -403px;

}





.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;

	background: url('navigation.png') no-repeat 0 0;

	background-size: 32px 500px;

	display: block;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 5px
}



.us_panel_menu_t .us_panel_menu_index i {

	background-position: -8px -17px
}



.us_panel_menu_t .us_panel_menu_designer i {

	background-position: -8px -67px
}



.us_panel_menu_t .us_panel_menu_help i {

	background-position: -8px -217px
}



.us_panel_menu_t .us_panel_menu_about i {

	background-position: -8px -117px
}



.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 {

	color: #FFF;

}

#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: 40px;

	line-height: 40px;

	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: 40px;

	line-height: 40px;

	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: 40px;

	margin: 10px 0
}



.created_cate_add {

	width: 100px;

	height: 40px;

	font-size: 13px;

	text-align: center;

	line-height: 40px;

	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
}



.news {

	width: 96%;

	margin: 2%;

	padding: 0%;

	overflow: hidden;

	clear: both;

	background-color: #fff;

	color: #333;

	text-shadow: 0 1px 0 #fff;

	font-family: "微软雅黑";

	font-size: 1em;

	line-height: 1.5em;

	-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);

}

.news ul li {
	float: left;
	width: 100%;
	height: 40px;
}

.news ul li a {
	float: left;
	width: 100%;
	height: 40px;
	display: block
}

.news ul li a:hover {
	box-shadow: 2px 1px 4px #dadcd9
}

.news ul li a i {
	display: block;
	width: 10px;
	height: 10px;
	margin-top: 15px;
	margin: 15px 10px;
	border-radius: 100%;
	border: 1px #e40073 solid;
	float: left
}

.news ul li a em {
	font-style: normal;
	font-size: 14px;
	float: left;
	display: block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	color: #e40073
}

.news ul li a span {
	display: block;
	border-left: 10px #999 solid;
	border-bottom: 10px transparent solid;
	border-right: 10px transparent solid;
	float: right;
	border-top: 10px transparent solid;
	margin-top: 10px;
	position: relative
}

.news ul li a span:before {
	content: "";
	border-left: 8px #fff solid;
	border-bottom: 8px transparent solid;
	border-right: 8px transparent solid;
	float: right;
	border-top: 8px transparent solid;
	z-index: 80;
	position: absolute;
	top: -8px;
	left: -12px
}



.news_show {

	overflow: hidden;

	width: 90%;

	margin: 0px 3%;

	clear: both;

	background-color: #fff;

	color: #333;


	font-family: "微软雅黑";

	font-size: 13px;

	line-height: 20px;


	padding: 10px 2% 5% 2%;

	margin-bottom: 20px;

	float: left;

}

.news_show img{width: 100%; margin: 0 auto;}
.news_show p{
	line-height: 26px;
}
.news_show_bk {
	width: 94%;
	background: #cbc9c9;
	position: absolute;
	top: 4px;
	left: 5%;
	z-index: -8
}

.expro_titile {
	width: 100%;
	height: 40px;
	background: transparent;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 20px;
	font-size: 15px;
	color: #e40073
}

.expro_titile span {
	padding: 0px 20px;
	background: #f9f9f9;
	line-height: 24px
}

.expro_titile:after {
	position: absolute;
	top: 22px;
	content: "";
	left: 0px;
	width: 96%;
	margin: 0px 2%;
	height: 18px;
	background: url('expro_titile.jpg')repeat-x;
	z-index: -2
}

.expro_titile p {
	font-size: 10px;
	font-family: GothamLight, Arial
}



/*首页凤凰广场字体样式*/

.index_t_text {
	text-align: center;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

.index_t_text span {
	font-size: 17px;
	color: #ff4f42;
	line-height: 20px;
}

.index_t_text i {
	width: 30px;
	height: 1px;
	margin: 12px auto;
	background: #666;
	display: block;
}

.index_t_text em {
	color: #737373;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	display: block;
	font-style: normal;
}



/*首页新闻*/

.index_news {
	width: 100%;
	float: left;
	position: relative;
}

.index_news_section {
	width: 70%;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -35%;
	top: 90px;
}

.index_news_section ul li {
	float: left;
	width: 33%;
	text-align: center;
}

.index_news_section ul li:first-child a {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.index_news_section ul li:last-child a {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.index_news_section ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
}

#news_sec1 {
	background: url(../images/index_news_img1.jpg) no-repeat center;
	background-size: cover
}

#news_sec2 {
	background: url(../images/index_news_img2.jpg) no-repeat center;
	background-size: cover
}

#news_sec3 {
	background: url(../images/index_news_img3.jpg) no-repeat center;
	background-size: cover
}

.index_news_box {
	width: 96%;
	height: auto;
	box-shadow: 0px 0px 1px #DADCD9;
	position: absolute;
	top: 140px;
	left: 2%;
	background: #fff;
	-webkit-transition: all 0.8s;
}

.index_news_box ul li {
	float: left;
	width: 100%;
	height: 40px;
	color: #737373;
	line-height: 40px;
	font-size: 13px;
}

.index_news_box ul li span {
	float: left;
	width: auto;
	height: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 66%;
}

.index_news_box ul li em {
	font-style: normal;
	max-width: 22%;
	float: right;
	display: block;
	overflow: hidden;
}

.index_news_box ul li:before {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	margin-top: 15px;
	border-radius: 100%;
	background: #e5e5e5;
	content: '';
}

.index_news_box ul li i {
	float: right;
	width: 15px;
	height: 30px;
	margin-top: 5px;
	background: url(icons.png) no-repeat;
	background-position: 0px -48px;
	background-size: 500px 500px;
	margin-left: 5px;
}

.index_news_box ul li:nth-of-type(even) {
	background: #f5f5f5;
}



.index_news .section_ok {
	position: absolute;
	top: 122px;
	left: 23%;
	border: 10px transparent solid;
	border-bottom: 12px #167abf solid;
	-webkit-transition: all 1s;
}

.index_news.load-two .section_ok {
	border-bottom: 12px #de1370 solid;
	left: 46%;
}

.index_news.load-three .section_ok {
	border-bottom: 12px #60a629 solid;
	left: 69%;
}

.news_ok_one {
	border-top: 5px #167abf solid;
	display: block;
	box-shadow: 0px 0px 1px #167abf;
}

.news_ok_two {
	border-top: 5px #de1370 solid;
	display: none;
	box-shadow: 0px 0px 1px #de1370;
}

.news_ok_three {
	border-top: 5px #60a629 solid;
	display: none;
	box-shadow: 0px 0px 1px #60a629;
}



/*about*/

.exabout {
	width: 92%;
	height: auto;
	float: left;
	margin: 2%;
	box-shadow: 0px 0px 2px #bbb;
	padding: 2%;
	color: #000;
	font-size: 13px;
	line-height: 22px;
}



/*con*/

.con_text {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
}

.con_text span {
	width: 100%;
	color: #d61518;
	display: block;
	height: 22px;
}

.con_text em {
	font-style: normal;
	color: #595959;
	display: block;
	height: auto;
}

.con_text b {
	color: #595959;
}



/*广场*/

.square_pci ul li {

	float: left;
	width: 99%;
	margin: 2% 0.5%;
	box-shadow: 0px 0px 1px #999;
	height: 70px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	position: relative;

	background: -ms-linear-gradient(top, #fff, #f6f5f5);
	/* IE 10 */

	background: -moz-linear-gradient(top, #fff, #f6f5f5);
	/*火狐*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f5f5));
	/*谷歌*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f5f5));
	/* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(top, #fff, #f6f5f5);
	/*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(top, #fff, #f6f5f5);
	/*Opera 11.10+*/

}

.square_pci ul li:hover {

	background: -ms-linear-gradient(top, #eee, #fff);
	/* IE 10 */

	background: -moz-linear-gradient(top, #eee, #fff);
	/*火狐*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	/*谷歌*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	/* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(top, #eee, #fff);
	/*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(top, #eee, #fff);
	/*Opera 11.10+*/

}

.square_pci ul li em {
	position: absolute;
	height: 50%;
	width: auto;
	line-height: 35px;
	font-size: 16px;
	color: #000;
	top: 0px;
	left: 42%;
	display: block;
	font-style: normal;
}

.square_pci ul li span {
	position: absolute;
	height: 50%;
	width: auto;
	line-height: 15px;
	font-size: 12px;
	color: #555;
	top: 50%;
	left: 42%;
	display: block;
	font-style: normal;
}

.square_pci ul li span1 {
	display: block;
	background: url(square1.png) no-repeat center;
	background-size: 113px 65px;
	width: 113px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 3px;
}

.square_pci ul li span2 {
	display: block;
	background: url(square2.png) no-repeat center;
	background-size: 113px 65px;
	width: 113px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 3px;
}

.square_pci ul li span3 {
	display: block;
	background: url(square3.png) no-repeat center;
	background-size: 113px 65px;
	width: 113px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 3px;
}



/*hotel*/

.hotel_c {
	float: right;
	width: 62%;
	height: auto;
	font-size: 10px;
	margin-top: 0px;
	line-height: 15px;
}



/*入驻*/

.set_pci ul li {

	float: left;
	width: 99%;
	margin: 2% 0.5%;
	box-shadow: 0px 0px 1px #999;
	height: 70px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	position: relative;

	background: -ms-linear-gradient(top, #fff, #f6f5f5);
	/* IE 10 */

	background: -moz-linear-gradient(top, #fff, #f6f5f5);
	/*火狐*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f5f5));
	/*谷歌*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f5f5));
	/* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(top, #fff, #f6f5f5);
	/*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(top, #fff, #f6f5f5);
	/*Opera 11.10+*/

}

.set_pci ul li:hover {

	background: -ms-linear-gradient(top, #eee, #fff);
	/* IE 10 */

	background: -moz-linear-gradient(top, #eee, #fff);
	/*火狐*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	/*谷歌*/

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	/* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(top, #eee, #fff);
	/*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(top, #eee, #fff);
	/*Opera 11.10+*/

}

.set_pci ul li em {
	position: absolute;
	height: 50%;
	width: auto;
	line-height: 35px;
	font-size: 16px;
	color: #000;
	top: 0px;
	left: 42%;
	display: block;
	font-style: normal;
}

.set_pci ul li span {
	position: absolute;
	height: 50%;
	width: auto;
	line-height: 15px;
	font-size: 12px;
	color: #555;
	top: 50%;
	left: 42%;
	display: block;
	font-style: normal;
}

.set_pci ul li span1 {
	display: block;
	background: url(sec1.png) no-repeat center;
	background-size: 113px 65px;
	width: 113px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 3px;
}

.set_pci ul li span2 {
	display: block;
	background: url(sec2.png) no-repeat center;
	background-size: 113px 65px;
	width: 113px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 3px;
}

.set_pci ul li span3 {
	display: block;
	background: url(sec3.png) no-repeat center;
	background-size: 113px 65px;
	width: 113px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 3px;
}



.fin_c {
	float: left;
	width: 64%;
	height: auto;
	font-size: 10px;
	margin-top: 0px;
	line-height: 14px;
	color: #333;
	text-indent: 2em;
}



/*优势*/

.odds_list {
	width: 100%;
	height: auto;
	margin: 10px 0;
}

.odds_list ul li {
	width: 25%;
	height: auto;
	float: left;
}

.odds_list ul li span {
	display: block;
	height: auto;
	width: 80%;
	margin: 0 10%;
}

.odds_list ul li a {
	display: block;
	height: 100%;
	width: 100%;
}

.odds_list ul li a img {
	width: 100%;
}

.odds_list ul li item {
	display: block;
	width: 100%;
	text-align: center;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	color: #000;
}



.odds_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: -100%;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	overflow: hidden;
}

.odds_centent {
	width: 90%;
	height: auto;
	position: fixed;
	top: 15%;
	left: -100%;
	margin-left: -45%;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 0px 6px #666;
	z-index: 1010;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.odds_centent .close {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px #fff solid;
	position: absolute;
	right: 3%;
	top: 10px;
	z-index: 999;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.odds_centent span {
	display: block;
	float: left;
	height: 40px;
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 40px;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	position: relative;
}

.odds_centent .odds_text {
	width: 90%;
	margin: 5%;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}

body.loads .odds_mask {
	left: 0px;
}

body.loads .odds_centent {
	left: 50%;
}



/*入驻*/

.registration {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
}

.registration span {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	width: 25%;
	float: left;
	margin-bottom: 20px;
	text-align: left;
}

.registration input {
	border: none;
	float: left;
	border-radius: 5px;
	border: 1px #ebebeb solid;
	text-indent: 5px;
	width: 70%;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-bottom: 20px;
}

.registration input[type='text'] {
	width: 70%;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-bottom: 20px;
}

.registration textarea {
	width: 66%;
	height: 60px;
	padding: 5px 2%;
	border-radius: 5px;
	border: 1px #ebebeb solid;
}

.registration input[type='button'] {
	height: 30px;
	width: 40%;
	margin: 5% 0px 5% 30%;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	background: #0094DA;
	border: none;
	border-radius: 5px;
}

.registration input:focus,
.registration textarea:focus {
	border: 1px solid #ccc;
}