a {
	transition: color .3s;
	-webkit-transition: color .3s;
	text-decoration: none !important;
}



 input::-webkit-input-placeholder {
color: #ccc;
}
input::-moz-input-placeholder {
color: #ccc;
}
input:-ms-input-placeholder {
color: #ccc;
}
textarea::-webkit-input-placeholder {
color: #ccc;
}
textarea::-moz-input-placeholder {
color: #ccc;
}
textarea:-ms-input-placeholder {
color: #ccc;
}
.c-3366cc {
	color: #3366cc;
}
.c-0000 {
	color: #000!important;
}
.c-3333 {
	color: #333!important;
}
.c-ff86 {
	color: #ff8600!important;
}
.hide {
	display: none;
}
.pr8 {
	padding-right: 8px;
}
.pt4 {
	padding-top: 4px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr90 {
	padding-right: 90px;
}
.pl34 {
	padding-left: 34px;
}
.no-pb {
	padding-bottom: 0!important;
}
.no-bb {
	border-bottom: 0!important;
}
.no-mr {
	margin-right: 0!important;
}
.mar-top20 {
	margin-top: 20px!important;
}
.z-99 {
	z-index: 99!important;
}
.bgc-fff {
	background-color: #fff;
}
.avatar, .avatar img {
	display: block;
}
/*.ico-v1 {
	background: url('../img/sp.png');
	display: inline-block;
	vertical-align: middle;
}*/
.ico-v1-cr1 {
	width: 21px;
	height: 21px;
	margin-right: 3px;
	background-position: -21px -178px;
}
.ico-v1-cr2 {
	width: 21px;
	height: 21px;
	margin-right: 3px;
	background-position: -44px -178px;
}
.ico-v1-cr3 {
	width: 21px;
	height: 21px;
	margin-right: 3px;
	background-position: -68px -178px;
}
.ico-v1-cr4 {
	width: 20px;
	height: 20px;
	margin-right: 3px;
	background-position: -21px -200px;
}
.ico-v1-cr5 {
	width: 20px;
	height: 20px;
	margin-right: 3px;
	background-position: -45px -200px;
}
.ico-v1-red {
	width: 8px;
	height: 11px;
	background-position: -85px -497px;
	margin-right: 4px;
}
.ico-v1-help {
	background-position: -98px -178px;
	width: 16px;
	height: 16px;
	position: relative;
}
.ico-v1-help:hover {
	background-position: -116px -178px;
}
#ad_close {
	width: 14px;
	height: 14px;
	position: absolute;
	cursor: pointer;
	top: 13px;
	right: 20px;
	background: url('../img/sp.png') no-repeat -330px -772px;
}
.ico-v1-help1 {
	background-position: -179px -337px;
	width: 24px;
	height: 22px;
}
.ico-v1-help1:hover {
	background-position: -179px -363px;
}
.ico-v1-sigh {
	background-position: -168px -586px;
	width: 16px;
	height: 16px;
}
.ico-v1-sigh1 {
	background-position: -62px -678px;
	width: 18px;
	height: 18px;
	margin-right: 2px;
}
.ico-v1-copyright {
	background-position: -134px -178px;
	width: 15px;
	height: 15px;
	margin: 0 5px 3px 0
}
.ico-v1-arrow {
	background-position: -153px -180px;
	width: 12px;
	height: 7px;
	margin: 0 0 3px 8px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.ico-v1-search {
	background-position: -170px -175px;
	width: 20px;
	height: 20px;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: .4;
	filter: alpha(opacity=40);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -10px;
	cursor: pointer;
}
.ico-v1-upload {
	width: 25px;
	height: 17px;
	background-position: -2px -230px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -12px;
}
.ico-v1-notice {
	width: 20px;
	height: 24px;
	background-position: -34px -226px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -10px;
}
.ico-v1-user {
	width: 32px;
	height: 32px;
	background: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
}
.ico-v1-comment {
	width: 18px;
	height: 18px;
	background-position: -2px -282px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -9px;
}
.ico-v1-msg {
	width: 18px;
	height: 13px;
	background-position: -24px -282px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -9px;
}
.ico-v1-star {
	width: 18px;
	height: 17px;
	background-position: -46px -282px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -9px;
}
.ico-v1-support {
	width: 18px;
	height: 21px;
	background-position: -69px -282px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -9px;
}
.ico-v1-people {
	width: 18px;
	height: 18px;
	background-position: -92px -282px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -9px;
}
.ico-v1-broadcast {
	width: 18px;
	height: 14px;
	background-position: -114px -282px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -9px;
}
.ico-v1-broadcast1 {
	width: 21px;
	height: 16px;
	background-position: -136px -282px;
	margin: 0 17px 3px 0
}
.ico-v1-prev {
	background-position: -99px -229px;
}
.ico-v1-next {
	background-position: -123px -229px;
}
.ico-v1-close {
	width: 14px;
	height: 14px;
	background-position: -198px -175px;
	position: absolute;
	right: 0;
	top: 20px;
}
.ico-v1-close1 {
	width: 13px;
	height: 13px;
	background-position: -93px -624px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: .4;
	filter: alpha(opacity=40);
}
.ico-v1-hot1 {
	position: absolute;
	width: 14px;
	height: 14px;
	background-position: -114px -627px;
	top: 50%;
	margin-top: -7px;
	left: 20px;
}
.ico-v1-hot2 {
	position: absolute;
	width: 14px;
	height: 14px;
	background-position: -114px -649px;
	top: 50%;
	margin-top: -7px;
	left: 20px;
}
.ico-v1-top {
	width: 29px;
	height: 17px;
	background-position: -176px -262px;
}
.ico-v1-top:hover {
	background-position: -176px -283px;
}
.ico-v1-tj {
	width: 61px;
	height: 61px;
	background-position: -224px -174px;
	position: absolute;
	top: -1px;
	right: -1px
}
.ico-v1-edit {
	width: 16px;
	height: 16px;
	background-position: -21px -305px;
}
.ico-v1-delete {
	width: 14px;
	height: 16px;
	background-position: 0 -305px;
}
.ico-v1-tag {
	width: 18px;
	height: 18px;
	background-position: -45px -308px;
	margin:10px 15px 3px 0
}
.ico-v1-collection {
	width: 16px;
	height: 16px;
	background-position: -270px -391px;
	margin: -7px 0 0 -8px
}
.ico-v1-download {
	width: 22px;
	height: 16px;
	background-position: -93px -306px;
	margin: -10px 0 0 -11px
}
.ico-v1-support1 {
	width: 28px;
	height: 30px;
	background-position: -472px -923px;
	margin-top:-16px;
	margin-left:-13px;
}
.ico-v1-weibo {
	width: 19px;
	height: 15px;
	background-position: -66px -333px;
	margin: -8px 0 0 -10px
}
.ico-v1-xiazai {
	width: 20px;
	height: 15px;
	background-position: -139px -262px;
	margin: -8px 0 0 -10px
}
.ico-v1-tqq {
	width: 21px;
	height: 20px;
	background-position: -99px -332px;
	margin: -10px 0 0 -11px
}
.ico-v1-wx {
	width: 22px;
	height: 17px;
	background-position: -128px -332px;
	margin: -9px 0 0 -11px
}
.ico-v1-qq {
	width: 14px;
	height: 17px;
	background-position: -156px -331px;
	margin: -9px 0 0 -7px
}
.ico-v1-emotiom {
	width: 16px;
	height: 16px;
	background-position: -63px -262px;
	margin: 0 5px 3px 0;
}
.ico-v1-emot {
	width: 16px;
	height: 16px;
	background-position: -168px -564px;
	margin: 0 5px 3px 0;
}
.ico-v1-revert {
	width: 17px;
	height: 14px;
	background-position: -67px -357px;
	margin: 0 5px 3px 0;
}
.ico-v1-report {
	width: 15px;
	height: 12px;
	background-position: -95px -357px;
	margin: 0 5px 3px 0;
}
.ico-v1-v {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 42px;
	margin-left: -8px;
}
.ico-v1-vblue {
	background-position: -115px -355px
}
.ico-v1-vorange {
	background-position: -134px -355px
}
.ico-v1-vgray {
	background-position: -152px -355px
}
.ico-v1-place {
	width: 11px;
	height: 16px;
	background-position: -86px -261px;
	margin: 0 5px 2px 0
}
.ico-v1-add {
	width: 21px;
	height: 21px;
	background-position: -291px -173px;
	margin: -10px 0 0 -10px
}
a:hover .ico-v1-add {
	background-position: -291px -201px;
}
.ico-v1-fire {
	width: 18px;
	height: 27px; background-position:-291px -256px;
	/*background-position: -312px -259px;*/
	margin: -14px 0 0 -9px
}
.ico-v1-msg1 {
	width: 20px;
	height: 15px;
	background-position: -291px -287px;
	margin: -7px 0 0 -10px
}
a:hover .ico-v1-msg1 {
	background-position: -291px -315px;
}
.ico-v1-follow {
	width: 20px;
	height: 15px;
	background-position: 0 -355px;
	margin: -7px 0 0 -10px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	display: none;
}
a:hover .ico-v1-follow {
	width: 19px;
	height: 19px;
	background-position: 0 -330px;
	margin: -10px 0 0 -10px
}
.ani-ico {
	opacity: .3;
	filter:alpha(opacity:30);
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
a:hover .ani-ico {
	opacity: 1;
filter:alpha(opacity:1);
}
.ani-ico-1 {
	opacity: .7;
	filter:alpha(opacity:70);
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
a:hover .ani-ico-1 {
	opacity: 1;
	filter:alpha(opacity:1);
}


.ico-v1-rz {
	width: 18px;
	height: 18px;
	background-position: -67px -375px;
	margin: 0 5px 3px 0
}
.ico-v1-cover {
	width: 19px;
	height: 15px;
	background-position: -91px -377px;
	margin: 0 5px 3px 0
}
.ico-v1-cover {
	width: 19px;
	height: 15px;
	background-position: -91px -377px;
	margin: 0 5px 3px 0
}
.ico-v1-cover {
	width: 19px;
	height: 15px;
	background-position: -91px -377px;
	margin: 0 5px 3px 0
}
.ico-v1-zl {
	width: 19px;
	height: 18px;
	background-position: -116px -377px;
	margin: 0 5px 3px 0
}
.ico-v1-job {
	width: 20px;
	height: 15px;
	background-position: -141px -380px;
	margin: 0 5px 3px 0
}
.ico-v1-data {
	width: 19px;
	height: 19px;
	background-position: -243px -261px;
	margin: 0 10px 3px 0
}
.ico-v1-tags {
	width: 18px;
	height: 18px;
	background-position: -243px -292px;
	margin: 0 10px 3px 0
}
.ico-v1-earth {
	width: 21px;
	height: 21px;
	background-position: -243px -321px;
	margin: 0 10px 3px 0
}
.ico-v1-share {
	width: 21px;
	height: 22px;
	background-position: -243px -351px;
	margin: 0 10px 3px 0
}
.ico-v1-view {
	width: 17px;
	height: 13px;
	background-position: -268px -264px;
	margin: 0 5px 3px 0
}
.ico-v1-comment1 {
	width: 15px;
	height: 13px;
	background-position: -269px -292px;
	margin: 0 5px 3px 0
}
.ico-v1-star1 {
	width: 15px;
	height: 14px;
	background-position: -269px -315px;
	margin: 0 5px 3px 0
}
.ico-v1-view1 {
	width: 20px;
	height: 11px;
	background-position: -269px -376px;
	margin: 0 5px 3px 0
}
.ico-v1-comment2 {
	width: 17px;
	height: 15px;
	background-position: -269px -357px;
	margin: 0 5px 3px 0
}
.ico-v1-followed {
	width: 18px;
	height: 13px;
	background-position: -297px -359px;
	margin: 0 5px 3px 0
}
.ico-v1-unfollow {
	width: 18px;
	height: 13px;
	background-position: -297px -378px;
	margin: 0 5px 3px 0
}
.ico-v1-msg2 {
	width: 19px;
	height: 13px;
	background-position: -291px -338px;
	margin: 0 6px 3px 0
}
.ico-v1-area {
	width: 9px;
	height: 13px;
	background-position: -250px -380px;
	margin: 0 6px 3px 0
}
.ico-v1-follow1 {
	width: 18px;
	height: 13px;
	background-position: -297px -398px;
	margin: 0 5px 3px 0
}
.ico-v1-edit1 {
	width: 19px;
	height: 19px;
	background-position: -212px -383px;
	position: absolute;
	margin: -10px 0 0 -10px;
	left: 50%;
	top: 50%
}
.ico-v1-delete1 {
	width: 15px;
	height: 19px;
	background-position: -214px -336px;
	position: absolute;
	margin: -10px 0 0 -7px;
	left: 50%;
	top: 50%
}
.ico-v1-approve1 {
	width: 16px;
	height: 19px;
	background-position: 0 -482px;
	position: absolute;
	margin: -10px 0 0 -7px;
	left: 50%;
	top: 50%
}
.ico-v1-lock {
	width: 21px;
	height: 26px;
	background-position: -180px -390px;
	position: absolute;
	margin: -13px 0 0 -10px;
	left: 50%;
	top: 50%
}
.ico-v1-notpass {
	width: 18px;
	height: 18px;
	background-position: -67px -403px;
	position: absolute;
	margin: -9px 0 0 -9px;
	left: 50%;
	top: 50%
}
.ico-v1-fj {
	width: 11px;
	height: 18px;
	background-position: -120px -402px;
	margin: 0 5px 3px 0
}
.ico-v1-blackdown {
	width: 25px;
	height: 25px;
	background-position: -68px -465px;
	margin: 14px auto;
	display: block;
}
.ico-v1-9-9 {
	width: 25px;
	height: 17px;
	margin: 0 0 3px 8px;
	transition: all .3s;
	-webkit-transition: all .3s;
	background-position: -214px -461px;
}
.ico-v1-new {
	width: 28px;
	height: 14px;
	background-position: -189px -555px;
}
.ico-v1-rep {
	width: 15px;
	height: 14px;
	background-position: -60px -606px;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.ico-v1-rep:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.ico-v1-del {
	width: 13px;
	height: 14px;
	background-position: -83px -605px;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.ico-v1-del:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.ico-v1-wz {
	width: 10px;
	height: 12px;
	background-position: -72px -630px;
	margin-right: 5px;
	margin-top: -2px;
}
.ico-v1-look {
	width: 18px;
	height: 19px;
	background-position: -31px -549px;
	position: absolute;
	margin: -10px 0 0 -9px;
	left: 50%;
	top: 50%
}
.ico-v1-shr {
	width: 16px;
	height: 10px;
	background-position: -46px -644px;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.ico-v1-shr:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.shrink-1.sh-in .ico-v1-shr, .shrink.sh-in .ico-v1-shr {
	background-position: -46px -624px;
}
span.place-20 {
	width: 20px;
	display: inline-block;
}
span.place-15 {
	width: 15px;
	display: inline-block;
}
span.place-10 {
	width: 10px;
	display: inline-block;
}
.text-none {
	color: #eeeeed;
	text-align: center;
	padding: 230px 0;
	line-height: 1.5;
	font-size: 25px;
}
.fadein {
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	opacity: .4;
filter:alpha(opacity:40);
}
.fadein:hover {
	opacity: 1;
filter:alpha(opacity:100);
}
.animate {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.c-tx1 {
	color: #666;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
filter:alpha(opacity:40);
}
a.c-tx1:hover {
	color: #000
}
.c-tx2 {
	color: #ccc;
}
a.c-tx2:hover {
	color: #f9f9f9
}
.c-tx2 {
	color: #ccc;
}
a.c-tx2:hover {
	color: #f9f9f9
}
.c-tx3 {
	color: #999;
}
a.c-tx3:hover {
	color: #000
}
.c-tx4, a.c-tx4 {
	color: #ff0000;
}
a.c-tx4:hover {
	color: #ff0000
}
.c-tx5, a.c-tx5 {
	color: #000;
}
a.c-tx5:hover {
	color: #000
}
.circle {
	width: 7px;
	height: 7px;
	background: #fc0d1b;
	border-radius: 50%;
	position: absolute;
	right: -5px;
	top: -5px;
}
.art-item, .art-item-c2 {
	overflow: hidden;
*zoom:1;
}
.art-item-c1 {
	float: left;
}
.tab-act {
	height: 70px;
	font-size: 0;
	text-align: center;
}
.tab-act li {
	display: inline-block;
*display: inline;
*zoom:1;
}
.tab-act li a {
	display: inline-block;
	line-height: 70px;
	padding: 0 15px;
	margin: 0 20px;
	font-size: 18px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.tab-act li a:hover {
	color: #9900FF
}
.tab-act .current a {
	color: #9900FF;
}
.tab-act-ex {
	text-align: left;
}
.tab-act-ex li a {
	display: inline-block;
	line-height: 70px;
	padding: 0 10px;
	font-size: 20px;
	color: #666;
	font-size: 18px;
}
.tab-act-ex {
	margin-left: -20px;
}
.mod-tab-act {
	position: relative;
	background-color: #fff;
	z-index: 1001;
	width: 100%;
}
.mod-tab-act .border {
	height: 3px;
	bottom: -1px;
	overflow: hidden;
	background: #000;
	position: absolute;
	z-index: 9;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
/* 翻页*/
.tcdPageCode {
	padding: 40px 0 80px 0;
	text-align: center;
	color: #ccc;
}
.tcdPageCode a {
	display: inline-block;
	color: #666;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 11px 1px 10px;
	margin: 0 10px;
	border-radius: 16px;
	vertical-align: middle;
	background-color: #FFF;
}
.tcdPageCode a:hover {
	text-decoration: none;
	background-color: #000;
	color: #FFF;
}
.tcdPageCode span.current {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 11px 1px 10px;
	margin: 0 10px;
	color: #fff;
	background-color: #000;
	border-radius: 16px;
	vertical-align: middle;
}
/*header*/
.header {
	height: 70px;
	background: #fff;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	min-width: 1300px;
}
.headers {
	height: 70px;
	position:relative;
	background: #fff;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	min-width: 1280px;
}
.header-in{
	display: flex;
    align-items: center;
    height: 100%;
}

.header-in .user {
	display: flex;
	gap: 20px;
}
.mod-search {
	width: 30px;
	height: 50px;
	position: relative;
	display: inline-block;
	float: right;
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
}
.full-screen {
	background: #fff;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: calc(100vh - 100px);
	z-index: -1;
	display: none;
	padding: 0 120px;
}
.mod-search .search-btn.search-btn-top {
	z-index: 10;
}
.mod-search .search-btn {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 9;
	background: #000
}
.mod-search .search-btn:hover .ico-v1-search {
	opacity: 1;
	filter: alpha(opacity=100);
}
.header-in .search-con {
	width: 1400px;
	height: 50px;
	transition: all .8s;
	-webkit-transition: all .8s;
	position: absolute;
	/* right: -180px; */
	top: 0;
	z-index: 1000;
	left: 50%;
	margin-left: -700px;
}
.header-in .search-con .nav-list {
	float: left;
	width: 90px;
}
.header-in .search-con-show {
	opacity: 1;
	filter: alpha(opacity=100);
	right: 40px;
}
.header-in .form-search {
	width: 350px;
	height: 50px;
	float: left;
	position: relative;
}
.search-con .close-ico, .search-con .search-ico {
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 1;
	left: 5px;
	top: 10px;
	background: #000;
}
.search-con .close-ico {
	right: 0;
	left: auto;
}
.search-con .close-ico:hover .ico-v1-close1, .search-con .search-ico:hover .ico-v1-search {
	opacity: 1;
	filter: alpha(opacity=100);
}
.search-con .search-c-list {
	position: absolute;
	top: 50px;
	width: 100%;
	background-color: #F9F9F9;
}
.search-con .c-list {
	cursor: pointer;
	position: relative;
	font-size: 14px;
	color: #333;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
}
.search-con .c-list.hot-c-list {
	padding-left: 45px;
}
.search-con .c-list:hover {
	background-color: #000;
	color: #fff;
}
.search-con .tit-list {
	font-size: 12px;
	color: #999;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
}
.header-in .search-box {
	position: relative;
	padding: 0 30px 0 50px;
	margin-top: 10px;
}
.header-in .search-input {
	background: none;
	border: none;
	width: 100%;
	height: 30px;
	line-height: 30px\9;
	color: #fff;
	font-size: 15px;
	outline: 0
}
 .header-in input.search-input::-webkit-input-placeholder {
color: #666;
}
.header-in input.search-input::-moz-input-placeholder {
color: #666;
}
.header-in input.search-input:-ms-input-placeholder {
color: #666;
}
.mod-search .search-menu {
	width: 120px;
	position: absolute;
	right: 170px;
	top: 0;
	line-height: 50px;
}
.mod-search .search-menu .con {
	background: #ccc;
	width: 120px;
	display: block;
	color: #333;
	text-align: center;
}
.mod-search .search-menu .con:hover {
	background: #000;
	color: #fff;
}
.mod-search .search-menu .current {
	background: none;
	position: relative;
}
.mod-search .search-menu .current:hover {
	background: #000;
}
.mod-search .menu-list {
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
}
.mod-search .menu-list .con {
	text-align: center;
}
.login-box {
	height: 70px;
	line-height: 70px;
	font-size: 0;
	margin-top: -10px;
	display: inline-block;
	float:right;
    *display: inline;
	vertical-align: middle;
	position: relative;
	z-index: 15;
}
.login-box .con {
	color: #999;
	padding: 0 10px;
	font-size: 15px;
}
.login-box .con:hover {
	color: #fff;
}
.login-box .con1 {
	display: inline-block;
*display: inline;
*zoom:1;
	width: 70px;
	text-align: center;
	position: relative;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	transition: all .4s;
	-webkit-transition: all .4s;
	cursor: pointer;
}
.login-box .con11 {
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 70px;
	text-align: center;
	position: relative;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	transition: all .4s;
	-webkit-transition: all .4s;
	cursor: pointer;
}
.login-box .con1:hover {
	background: #fff;
	color: #000
}
.login-box .sub-nav-con {
	padding: 0 18px;
	text-align: left;
}
.login-box .con1 .ico-v1:before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	background: url('../img/sp.png');
	opacity: 0;
	display: none\9;
	animation: zoomout .4s both;
	-webkit-animation: zoomout .4s both;
}
.login-box .con1:hover .ico-v1:before {
	animation: zoomin .4s both;
	-webkit-animation: zoomin .4s both;
	opacity: 1\9;
	display: block\9;
}
.login-box .con1 .ico-v1-upload:before {
	width: 25px;
	height: 17px;
	background-position: -2px -253px;
}
.login-box .con1 .ico-v1-notice:before {
	width: 20px;
	height: 24px;
	background-position: -34px -253px;
}
.login-box .con-user .sub-nav-list {
	left: auto;
	right: 0;
}
.login-box .con-user .avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.mod-notice {
	position: absolute;
	right: 0;
	top: 50px;
	background: #f9f9f9;
	width: 270px;
	border: 1px solid #eeeeed;
	border-top: 0;
	overflow: hidden;
*zoom:1;
	display: none;
}
.notice-tab {
	float: left;
	width: 47px;
}
.notice-tab .con {
	display: block;
	height: 64px;
	position: relative;
	background: #999;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.notice-tab .ico-v1 {
	opacity: .4;
	filter: alpha(opacity=40);
	transition: all .4s;
	-webkit-transition: all .4s;
}
.sub-nav-list-ex .num, .notice-tab .num {
	position: absolute;
	border-radius: 15px;
	background: #fc0d1b;
	color: #fff;
	padding: 0 4px;
	line-height: 15px;
	left: 22px;
	top: 12px;
	z-index: 9;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	min-width: 9px
}
.sub-nav-list-ex .num {
	left: auto;
	right: 12px;
}

#ul_head_mymsg .sub-nav-con {
	display: flex;
    place-items: center;
    justify-content: space-between;
}
#ul_head_mymsg{
	width: 140px;
	background: #FFFFFF;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.08);
	border-radius: 4px;
	right: 0;
    left: unset;
}

#ul_head_mymsg .sub-nav-con .num{
	padding: 3px 8px;
    line-height: 1;
    background: #9900FF;
    color: #fff;
    border-radius: 10px;
	font-size: 12px;
}


.notice-tab .current {
	background: #f9f9f9
}
.notice-tab .con:hover .ico-v1, .notice-tab .current .ico-v1 {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mod-notice .tab-pn {
	overflow: hidden;
*zoom:1;
}
.mod-notice .tab-pn-con {
	position: relative;
	height: 384px;
	font-size: 14px;
	text-align: center;
}
.mod-notice .tab-none {
	line-height: 384px;
	color: #666
}
.mod-notice .tab-pn .more {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}
.notice-list .item .con {
	display: block;
	height: 50px;
	padding: 7px 15px;
	line-height: 1.3;
	text-align: left;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.notice-list .item .con:hover {
	background: #eeeeee;
}
.notice-list .item .tit {
	display: block;
	color: #000;
	font-size: 13px;
}
.notice-list .item .tit span {
	padding: 0 5px;
}
.notice-list .item .date {
	color: #999;
	display: block;
	font-size: 12px;
	padding-top: 5px;
}
.notice-list .item .visited .tit, .notice-list .item .visited .tit span, .notice-list .item .visited .date {
	color: #ccc
}
.nav {
	margin: 0 auto;
}

.nav-nomargin{
	margin: 0;
	flex: 1 1 auto;
}

.nav-list{
	display: flex;
	gap: 50px;
	justify-content: flex-end;
}

.nav-item {
	text-align: center;
	position: relative;
	margin: 0;
}
.nav-item .nav-con {
	display: block;
	color: #999;
	font-size: 18px;
	font-weight: bold;
}
.nav-item:hover .nav-con {
	color: #C300FF;
}
.nav-item:hover .nav-con .ico-v1-arrow {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
/*.login-box .con1:hover .sub-nav-list-tip{display: none;}*/
/*.sub-nav-list-tip:hover{display: none;}*/
.sub-nav-list-tip {
	position: absolute;
	top: 42px;
	width: 140px;
	height: 38px;
	background: url('../img/sp.png');
	background-position: 0 -709px;
	left: 110px;
	margin-top:20px;
	cursor:pointer;
}
.sub-nav-list-tip.animate {
	animation: upDown 0.6s both;
	-webkit-animation: upDown 0.6s both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.sub-nav-list {
	position: absolute;
	z-index:999;
	left: 0;
	top: 70px;
	background: #fff;
	overflow: hidden;
	*zoom:1;
	border: 1px solid #eeeeed;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	font-size: 14px;
	display: none;
	width: 100px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.sub-nav-con {
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #666;
	text-align: left;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.sub-nav-con:hover {
	color: #9900FF;
	background: #fff;
}
.sub-nav-list1 {
	width: 270px;
}
.sub-nav-list2 {
	width: 100px;
}
.sub-nav-list1 .sub-nav-item {
	width: 50%;
	float: left;
}
.sub-nav-list-ex {
	width: 118px;
	right: 0;
	left: auto;
}
.login-box .sub-nav-list-ex .sub-nav-con {
	padding: 0 0 0 15px;
	text-align: left;
	position: relative;
}
.content-v1 {
	width: 1480px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 5;
	padding-top: 30px;
	padding-bottom: 20px;
}
.content-v1-in {
	padding: 30px 0
}
.list-zc {
	overflow: hidden;
	padding: 25px 0;
	border-top: 1px solid #e0e0e0;
	margin-top: 68px;
}
.list-zc .item {
	float: left;
	width: 100px;
	text-align: center;
	margin: 0 60px
}
.list-zc .logo-box {
	width: 81px;
	height: 81px;
	display: block;
	margin: 0 auto 5px;
	background: url('../img/sp.png') no-repeat;
	position: relative;
}
.list-zc .logo-box::before {
	content: ' ';
	width: 81px;
	height: 81px;
	position: absolute;
	left: 0;
	top: 0;
	background: url('../img/sp.png') no-repeat;
	opacity: 0;
	animation: zoomout .5s both
}
.list-zc .item a:hover .logo-box::before {
	animation: zoomin .5s both
}
.list-zc .txt {
	display: block;
	text-align: center;
}
.list-zc .txt .t1 {
	display: block;
	font-size: 16px;
	color: #000
}
.list-zc .txt .t2 {
	display: block;
	font-size: 13px;
	color: #999
}
.list-zc .item1 .logo-box::before {
	background-position: 0 -82px;
}
.list-zc .item2 .logo-box {
	background-position: -83px 0;
}
.list-zc .item2 .logo-box::before {
	background-position: -83px -82px;
}
.list-zc .item3 {
	margin-left: 360px
}
.list-zc .item3 .logo-box {
	background-position: -167px 0;
}
.list-zc .item3 .logo-box::before {
	background-position: -167px -82px;
}
.list-zc .item4 .logo-box {
	background-position: -251px 0;
}
.list-zc .item4 .logo-box::before {
	background-position: -251px -82px;
}
.mod-ftzc-c2 {
	position: relative;
	overflow: hidden;
}
.mod-gtnapp {
	position: absolute;
	left: 50%;
	top: 28px;
	width: 182px;
	height: 167px;
	margin-left: -91px;
}
.mod-ftzc-c3 {
	position: relative;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul {
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 45px;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item {
	float: left;
	text-align: center;
	margin-right:40px;
}
.mod-ftzc .tit {
	border-bottom: 1px solid #ccc;
	line-height: 42px;
	text-align: center;
	margin-top: 30px;
}
.mod-ftzc .tit span {
	display: inline-block;
	margin-bottom: -1px;
	border-bottom: 3px solid #000;
	color: #000;
	font-size: 18px;
	padding: 0 12px;
}
.itemBg img{ width:100%;}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item .itemBg {
	height: 160px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 18px;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item .text {
	display: block;
	text-align: center
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item .text .t1 {
	display: block;
	font-size: 16px;
	color: #000;
	margin-bottom: 5px
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item .text .t2 {
	display: block;
	font-size: 13px;
	color: #999;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item-01 .itemBg {
	width: 340px;
	height: 160px;
	margin-top: 31px;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item-02 .itemBg {
	width: 486px;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item-03 .itemBg {
	width: 340px;
	height: 160px;
	margin-top: 31px;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item .itemBg img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.mod-ftzc-c3 .mod-ftzc-c3-ul .item .itemBg img:hover {
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
}
/* Slider */
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
}
.slick-list:focus {
	outline: none;
}
.slick-track {
	display: block;
	position: relative;
	left: 0;
	top: 0;
*zoom: 1;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track, .slick-loading .slick-slide {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	overflow:hidden;
}
.slick-slide img, .slick-initialized .slick-slide {
	display: block;
}
.slick-loading img {
	display: none;
}
.focus-vertical {
	height: 40px;
	text-align: center;
	overflow: hidden;
}
.focus-vertical .slick-slide {
	float: left;
}
.focus-vertical .focus-item {
	display: inline-block;
}
.focus-wrap {
	position: relative;
	width: 100%;
	height: 350px;
	margin: 0 auto;
	background: #ccc
}
.focus .slick-list {
	_width: 100%;
}
.mod-focus {
	position: relative;
	z-index: 5;
	width: 1480px;
}
.mod-focus-ex {
	width: 880px;
	height: 250px;
	float: right;
}
.mod-focus-ex .focus-wrap {
	height: 250px;
}
.mod-focus-ex .pic-box img {
	width: 880px;
	height: 250px;
}
.mod-focus-ex1 {
	height: 180px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	background: #fff;
	width: 100%;
}
.mod-focus-ex1 .focus-wrap {
	height: 180px;
}
.mod-focus-ex1 .pic-box img {
	height: 180px;
}
/*txt*/
.focus .focus-item {
	position: relative;
*zoom:1;
	display: block;
}
.focus .pic-box, .focus .txt-box, .focus .txt-in {
	display: block;
}
/* Arrows */
.focus .slick-prev, .focus .slick-next {
	position: absolute;
	z-index: 1001;
	top: 50%;
	display: block;
	height: 37px;
	width: 22px;
	cursor: pointer;
	background: url('../img/sp.png') no-repeat;
	margin-top: -18px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.focus-wrap:hover .focus .slick-prev, .focus-wrap:hover .focus .slick-next {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.focus .slick-disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.focus .slick-prev {
	left: -32px;
	background-position: -147px -216px;
}
.focus-wrap:hover .focus .slick-prev:hover, .focus-wrap:hover .focus .slick-next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.focus .slick-next {
	right: -32px;
	background-position: -182px -216px;
}
/* Arrows */
.focus-vertical .slick-prev, .focus-vertical .slick-next {
	position: absolute;
	z-index: 11;
	right: 18px;
	width: 0;
	height: 0;
	line-height: 0;
	border-width: 5px;
	border-style: solid;
	overflow: hidden;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.focus-vertical .slick-disabled {
	opacity: 0.25;
}
.focus-vertical .slick-prev {
	top: 8px;
	border-color: transparent transparent #ccc transparent;
	border-style: dashed dashed solid dashed;
}
.focus-vertical .slick-prev:hover {
	border-bottom-color: #666
}
.focus-vertical .slick-next {
	top: 23px;
	border-color: #ccc transparent transparent transparent;
	border-style: solid dashed dashed dashed;
}
.focus-vertical .slick-next:hover {
	border-top-color: #666
}
.slick-past-wrap {
	position: relative;
	width: 800px;
	height: 99px;
	margin: 0 auto;
}
.slick-past-wrap .slick-list {
	_width: 800px;
}
.slick-past .past-item {
	position: relative;
*zoom:1;
	display: block;
	margin: 0 6px;
}
.slick-past .past-item img {
	width: 152px;
	height: 99px;
}
.slick-past .pic-box, .slick-past .txt-box, .slick-past .txt-in {
	display: block;
}
/* Arrows */
.slick-det .slick-prev, .slick-det .slick-next, .slick-past .slick-prev, .slick-past .slick-next {
	position: absolute;
	z-index: 12;
	top: 50%;
	display: block;
	height: 27px;
	width: 16px;
	cursor: pointer;
	background: url('../img/sp.png') no-repeat;
	margin-top: -13px;
	opacity: .5;
	filter: alpha(opacity=50);
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out
}
.slick-past .slick-prev {
	left: -25px;
	background-position: -31px -386px;
}
.slick-det .slick-prev:hover, .slick-det .slick-next:hover, .slick-past .slick-prev:hover, .slick-past .slick-next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.slick-past .slick-next {
	right: -25px;
	background-position: 0 -386px;
}
.slick-past .slick-disabled {
	opacity: 0.1;
}
.slick-past .slick-prev.slick-disabled:hover {
	opacity: 0.1;
}
.slick-past .slick-next.slick-disabled:hover {
	opacity: 0.1;
}
.works_Ad {
	margin: -10px -10px 10px;
}
.works_Ad .item {
	width: 280px;
	float: left;
	margin: 30px 10px 5px;
}
.works_Ad .item img {
	width: 280px;
	height: 220px;
}
.mod-broadcast {
	height: 40px;
	line-height: 40px;
	background: #fff7e0;
	color: #666;
	position: relative
}

.wrap-final {
	background: #f7f7f7
}
.wrap-final .content-v1 {
	padding-top: 80px
}
.content-v1 .main .mod-title {
	padding: 15px 20px 15px 50px;
	line-height: 24px;
	background: #000;
	position: relative;
}
.content-v1 .main .mod-title h2 {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 8px;
	padding-right: 40px;
}
.content-v1 .main .mod-title .info {
	color: #fff;
	font-size: 14px;
	padding: 8px 0 0
}
.content-v1 .main .mod-title .info .con {
	padding: 0 10px 0 25px;
	background: url('../img/sp.png') no-repeat;
	display: inline-block;
}
.content-v1 .main .mod-title .info .view {
	background-position: -480px -213px;
}
.content-v1 .main .mod-title .info .comment {
	background-position: -480px -238px;
}
.content-v1 .main .mod-title .info .star {
	background-position: -480px -266px;
}
.content-v1 .main .mod-title .info .hot {
	background-position: -480px -296px;
}
.content-v1 .main .mod-title .info .dci {
	background-position: -480px -323px;
}
.content-v1 .main .mod-title .source .con {
	display: inline-block;
	padding-right: 10px;
	line-height: 24px;
	color: #666;
	font-size: 13px;
}
.content-v1 .main .mod-title .source .type {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	border-style: solid;
	border-width: 1px
}
.content-v1 .main .mod-title .source .original {
	border-color: #2baa3f;
	color: #2baa3f
}
/*.content-v1 .main .mod-title .source .original:hover{border-color:#2baa3f; color: #2baa3f}*/
.content-v1 .main .mod-title .source .share {
	border-color: #ff0000;
	color: #ff0000;
}
/*.content-v1 .main .mod-title .source .share:hover{background: #ff3333}*/
.content-v1 .main .mod-title .category {
	position: absolute;
	left: 20px;
	top: 0;
	width: 20px;
	height: 44px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.content-v1 .main .mod-title .category:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 9px solid #000;
	top: 36px;
	left: 0
}
.content-v1 .main .mod-title .category:after {
	content: ' ';
	display: block;
	font-size: 12px;
	padding: 5px 4px;
	line-height: 14px;
	color: #fff;
	opacity: .8
}
/*产品 product*/
.content-v1 .main .mod-title .category.product {
	background: #910701;
}
.content-v1 .main .mod-title .category.product:hover {
	background: #a02f2f;
}
/*vi*/
.content-v1 .main .mod-title .category.vi:after {
	content: 'VI';
	padding: 12px 0;
	text-align: center;
	font-size: 15px;
}
.content-v1 .main .mod-title .category.vi {
	background: #f5121a;
}
.content-v1 .main .mod-title .category.vi:hover {
	background: #f6353c;
}
/*æ‘„å½± photography*/
.content-v1 .main .mod-title .category.photography:after {
	content: 'æ‘„å½±';
}
.content-v1 .main .mod-  .category.photography {
	background: #f9591f;
}
.content-v1 .main .mod-title .category.photography:hover {
	background: #fa7240;
}
/*交互 eachother*/
.content-v1 .main .mod-title .category.eachother:after {
	content: '交互';
}
.content-v1 .main .mod-title .category.eachother {
	background: #657413;
}
.content-v1 .main .mod-title .category.eachother:hover {
	background: #7c8936;
}
/*原创 original*/
.content-v1 .main .mod-title .category.original:after {
	content: '原创';
}
.content-v1 .main .mod-title .category.original {
	background: #319d31;
}
.content-v1 .main .mod-title .category.original:hover {
	background: #50ac50;
}
/*影视 movie*/
.content-v1 .main .mod-title .category.movie:after {
	content: '影视';
}
.content-v1 .main .mod-title .category.movie {
	background: #5c94fc;
}
.content-v1 .main .mod-title .category.movie:hover {
	background: #74a4fc;
}
/*跨界 transboundary*/
.content-v1 .main .mod-title .category.transboundary:after {
	content: '跨界';
}
.content-v1 .main .mod-title .category.transboundary {
	background: #3cc3d2;
}
.content-v1 .main .mod-title .category.transboundary:hover {
	background: #59ccd9;
}
/*营销 samplemarketing*/
.content-v1 .main .mod-title .category.samplemarketing:after {
	content: '营销';
}
.content-v1 .main .mod-title .category.samplemarketing {
	background: #f9591f;
}
.content-v1 .main .mod-title .category.samplemarketing:hover {
	background: #fa7240;
}
/*样本 sample*/
.content-v1 .main .mod-title .category.sample:after {
	content: '样本';
}
.content-v1 .main .mod-title .category.sample {
	background: #68085d;
}
.content-v1 .main .mod-title .category.sample:hover {
	background: #7f2d75;
}
/*资源 resource*/
.content-v1 .main .mod-title .category.resource:after {
	content: '资源';
}
.content-v1 .main .mod-title .category.resource {
	background: #f18d24;
}
.content-v1 .main .mod-title .category.resource:hover {
	background: #f39e45;
}
/*广告 ad*/
.content-v1 .main .mod-title .category.ad:after {
	content: '广告';
}
.content-v1 .main .mod-title .category.ad {
	background: #fdc12d;
}
.content-v1 .main .mod-title .category.ad:hover {
	background: #fdca4c;
}
/*导视 daoshi*/
.content-v1 .main .mod-title .category.daoshi:after {
	content: '导视';
}
.content-v1 .main .mod-title .category.daoshi {
	background: #0f66cc;
}
.content-v1 .main .mod-title .category.daoshi:hover {
	background: #0f66cc;
}
/*空间 spacedesign*/
.content-v1 .main .mod-title .category.spacedesign:after {
	content: '空间';
}
.content-v1 .main .mod-title .category.spacedesign {
	background: #1897d4;
}
.content-v1 .main .mod-title .category.spacedesign:hover {
	background: #3aa6da;
}
/*字体 font*/
.content-v1 .main .mod-title .category.font:after {
	content: '字体';
}
.content-v1 .main .mod-title .category.font {
	background: #90c231;
}
.content-v1 .main .mod-title .category.font:hover {
	background: #a1cb50;
}
/*包装 package*/
.content-v1 .main .mod-title .category.package:after {
	content: '包装';
}
.content-v1 .main .mod-title .category.package {
	background: #996806;
}
.content-v1 .main .mod-title .category.package:hover {
	background: #a77f31;
}
/*海报设计 poster*/
.content-v1 .main .mod-title .category.poster:after {
	content: '海报';
}
.content-v1 .main .mod-title .category.poster {
	background: #a6005b;
}
.content-v1 .main .mod-title .category.poster:hover {
	background: #b32c73;
}
/*吉祥物 mascot*/
.content-v1 .main .mod-title .category.mascot:after {
	content: '吉祥物';
	font-size: 10px;
	-webkit-transform: scale(.7);
	padding-top: 0;
	margin-top: -3px;
}
.content-v1 .main .mod-title .category.mascot {
	background: #a5937a;
}
.content-v1 .main .mod-title .category.mascot:hover {
	background: #b4a390;
}
/*平面物料 planematerial*/
.content-v1 .main .mod-title .category.planematerial:after {
	content: '物料';
}
.content-v1 .main .mod-title .category.planematerial {
	background: #005f15;
}
.content-v1 .main .mod-title .category.planematerial:hover {
	background: #2b763a;
}
/*插画设计 ikon*/
.content-v1 .main .mod-title .category.ikon:after {
	content: '插画';
}
.content-v1 .main .mod-title .category.ikon {
	background: #0032ab;
}
.content-v1 .main .mod-title .category.ikon:hover {
	background: #2b51ba;
}
/*标志设计 logodesign*/
.content-v1 .main .mod-title .category.logodesign:after {
	content: '标志';
}
.content-v1 .main .mod-title .category.logodesign {
	background: #6a3805;
}
.content-v1 .main .mod-title .category.logodesign:hover {
	background: #88613a;
}
.content-v1 .main {
	background: #fff;
}


.fixed {
	position: fixed;
	left: 50%;
	margin-left: 305px;
	top: 60px;
	width: 284px;
	z-index: 90
}
.fixed .mod-tg {
	display: none;
}

.mod-article {
	padding: 40px;
}
.mod-article p {
	line-height: 24px;
	font-size: 14px;
}
.mod-article img {
	width: 750px!important;
	height: auto!important;
	margin: 20px auto;
	display: block;
}
.works_tags {
    font-size: 0;
    padding: 14px 40px 25px 40px;
    border-bottom: 1px solid #e5e5e5;
}
.works_tags .item {
	display: inline-block;
	line-height: 28px;
	color: #ccc;
	font-size: 13px;
	border-radius: 3px;
	border: 1px solid #bfbfbf;
	padding: 0 15px;
	margin-right: 12px;
	vertical-align: middle;
}
.works_tags .item:hover {
	border-color: #666;
	color: #666;
}
.works_operate {
    padding: 40px 20px;
    border-bottom: #e5e5e5 1px solid;
    margin-bottom: 20px;
}
.works_operate .item {
	width: 63px;
	float: left;
	text-align: center;
	position: relative;
}
.works_operate .item .c1 {
	display: block;
	border: 2px solid #000;
	position: relative;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	margin: 0 auto 10px;
}
.works_operate .item .c1 {
	opacity: .20;
	filter: alpha(opacity=20);
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	display: block;
	position: relative;
}
.works_operate .item .con:hover .c1 {
	opacity: 1;
	filter: alpha(opacity=100)
}
.works_operate .item .ico-v1 {
	position: absolute;
	left: 50%;
	top: 50%;
}
.works_operate .item .txt {
	color: #000;
	display: block;
	font-size: 18px;
	white-space: nowrap;
}
.works_operate .item .dl-txt {
	color: #000;
	display: block;
	font-size: 14px;
	white-space: nowrap;
	position: absolute;
	left: 65px;
	top: 0;
	line-height: 41px;
}
.works_operate .item .txt1 {
	padding-left: 10px;
}
.works_operate .item .num {
	color: #000;
	display: block;
	position: absolute;
	width: 100%;
	bottom: -20px;
	font-size: 20px;
	opacity: 0;
	filter: alpha(opacity=0)
}
.works_operate .clicked .num {
	opacity: 1;
	filter: alpha(opacity=1);
	bottom: 0;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.works_operate .support .txt {
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.works_operate .clicked .txt {
	opacity: 0;
	filter: alpha(opacity=0);
}
.works_operate .wx .qr-box {
	width: 100px;
	height: 100px;
	z-index: -10;
	padding: 5px;
	border: 1px solid #ccc;
	position: absolute;
	left: 50%;
	top: -120px;
	margin-left: -55px;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
}
.works_operate .wx:hover .qr-box {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 10
}
.works_operate .item-ex {
	width: 100px;
	margin-left: 446px;
}
.works_operate .item-ex1 {
	float: right
}
.works_operate .item-ex .c1 {
	width: 70px;
	height: 70px;
	opacity: 1;
	filter: alpha(opacity=100);
	border-color: #d01516
}
.works_operate .item-ex .c1:hover, .works_operate .item-ex .clicked .c1 {
	background: #ff0000;
	border-color: #ff0000;
}
.mt_15{ margin-top: -15px !important;}
.works_operate .item .con .ico-v1-support1 {
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	cursor:pointer;
}
.works_operate .item .c1:hover .ico-v1-support1, .works_operate .item .clicked .ico-v1-support1 {
	background-position: -472px -956px
}
.works_operate .item .unsc-txt, .works_operate .item .sced-txt {
	display: none;
}
.works_operate .sc .c1, .works_operate .sc a:hover .c1 {
	border-color: #ccc;
	background: #ccc;
	opacity: 1;
	filter: alpha(opacity=100);
}
.works_operate .sc .sced-txt {
	display: block;
}
.works_operate .sc .sc-txt {
	display: none;
}
.works_operate .sc a:hover .sced-txt {
	display: none;
}
.works_operate .sc a:hover .unsc-txt {
	display: block;
}
.works_operate .sc .ico-v1-collection {
	display: none;
}
.works_operate .sc .ico-v1-follow {
	display: block;
}
/*收藏*/
.zp_shoucangBox{ background:#fff;}
.zp_shoucang{ width:38px; height:38px; border-radius:50%; border:2px solid #000; opacity:0.2; cursor:pointer; position:relative; margin-bottom:10px;}
.zp_shoucangBox:hover .zp_shoucang{
	opacity:1;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.zp_shoucang_icon{width: 16px; height: 16px; background:url('../img/sp.png') -270px -391px; margin: -7px 0 0 -9px; position: absolute; left: 50%; top: 50%; }
.shoucang_p{ width:60px; text-align:center;  margin-left:-11px;}

.zp_yishoucangBox{ background:#fff; position:absolute; top:0; opacity:0;}
.zp_yishoucang{ width:38px; height:38px; border-radius:50%; border:2px solid #ccc;  cursor:pointer; position:relative; margin-bottom:10px; background:#ccc;}
.zp_yishoucang_icon{width: 17px; height: 16px; background:url('../img/sp.png') -298px -414px; z-index:999; margin: -6px 0 0 -10px; position: absolute; left: 50%; top: 50%; }
.yishoucang_p{ width:60px; text-align:center;  margin-left:-11px;}


.pn-works {
	background: #000
}
.pn-works-c1 {
	padding: 25px 20px 25px;
	overflow: hidden;
*zoom:1;
	line-height: 22px
}
.pn-works-c1 .avatar {
	width: 64px;
	float: left;
	margin-right: 10px
}
.pn-works-c1 .avatar img {
	width: 64px;
	height: 64px;
	border-radius: 50%
}
.pn-works-c1 .txt {
	overflow: hidden;
*zoom:1;
}
.pn-works-c1 .txt .name {
	color: #fff;
	font-size: 16px;
	padding-top: 8px
}
.pn-works-c1 .txt .name a {
	color: #fff;
}
.pn-works-c1 .txt .follower {
	color: #999;
	font-size: 13px;
}
.pn-works-c2 {
	padding-bottom: 20px;
}
.pn-commnet {
	padding: 0;
}
.pn-commnet .pn-hd .tit {
	font-size: 18px;

	line-height: 18px;
	margin: 14px 0;
	color: #000;
}
.pn-commnet .pn-hd .tit span {
	color: #FC1D00
}
.pn-commnet .pn-bd {
	padding: 20px 0;
}
.pn-commnet .pn-bd .avatar, .comment-list .avatar {
	float: left;
	width: 52px;
}
.pn-commnet .pn-bd .avatar img, .comment-list .avatar img {
	width: 52px;
	height: 52px;
	border-radius: 50%;
}
.comment-list1 .avatar {
	width: 65px;
}
.comment-list1 .avatar img {
	width: 65px;
	height: 65px;
}
.mod-comment {
	position: relative;
}
.mod-comment .title {
	height: 30px;
	line-height: 30px;
	color: #ccc;
	font-size: 14px;
	position: absolute;
	top: -34px;
	width: 100%;
	left: 0
}
.mod-comment .title a {
	color: #000
}
.box-comment {
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 18px 12px;
	position: relative;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.box-comment .arrow-left, .box-comment .arrow-left:after {
	border-width: 10px; /*border-style: dashed dashed solid;*/
	border-color: transparent #999 transparent transparent;
	position: absolute;
	left: -20px;
	top: 18px;
	height: 0;
	width: 0;
	line-height: 0;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	display:none;
}
.box-comment .arrow-left:after {
	content: ' ';
	top: -10px;
	left: -9px;
	border-right-color: #fff;
}
.box-comment .comm-textarea {
	outline: 0;
	background: #fff;
	border: 0;
	line-height: 24px;
	width: 100%;
	height: 92px;
	color: #000;
	font-size: 13px;
}
.box-comment .comm-input {
	outline: 0;
	background: #fff;
	border: 0;
	line-height: 24px;
	width: 100%;
	color: #000;
	font-size: 13px;
	height: 80px;
}
.box-comment .comm-textarea-ex {
	height: 72px;
}
.box-revert {
	position: relative;
	margin: 10px 0;
	border: 1px solid #dadada;
	background: #efefef;
	border-radius: 2px;
}
.box-revert .arrow-top, .box-revert .arrow-top:after {
	border-width: 9px;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #dadada transparent;
	position: absolute;
	left: 20px;
	top: -18px;
	height: 0;
	width: 0;
	line-height: 0;
}
.box-revert .arrow-top:after {
	content: ' ';
	top: -8px;
	left: -9px;
	border-bottom-color: #efefef;
}
.box-revert-in {
	padding: 10px 15px;
	color: #666
}
.box-comment-focus, .box-comment:hover {
	border-color: #000
}
.box-comment-focus .arrow-left, .box-comment:hover .arrow-left {
	border-color: transparent #000 transparent transparent;
}
.mod-comment-c2 {
	padding-top: 15px;
}
.mod-comment-c2 .emotion {
	float: left;
	width: 50%;
}
.mod-comment-c2 .operate {
	float: right;
	width: 50%;
	text-align: right;
	color: #ccc;
	font-size: 13px;
}
.mod-comment-c2 .operate em {
	color: #666;
	padding: 0 6px;
}
.mod-comment-c2 .btn-comment {
	display: inline-block;
	line-height: 38px;
	border: 0;
	width: 92px;
	height: 38px;
	background: #000;
	font-size: 16px;
	text-align:center;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	margin-left: 15px;
	color: #fff;
	cursor: pointer;
	border-radius: 3px
}

.mod-comment-c2 .btn-comment:hover {
	background: #333;
}
.comment-list {
	padding-top: 65px;
}
.comment-list .item {
	overflow: hidden;
*zoom:1;
	margin-bottom: 25px;
}
.comment-list .item .text-box {
	font-size: 14px;
}
.comment-list .item .name {
	color: #000
}
.comment-list .item .name a {
	color: #000
}
.comment-list .item .time {
	color: #ccc;
	font-size: 13px
}
.comment-list .item .txt {
	color: #666;
	padding: 5px 0 10px;
	line-height: 22px;
	font-size: 13px
}
.comment-list .item .txt1 {
	color: #000;
}
.comment-list .item .restore {
	padding: 12px 15px;
	margin-bottom: 10px;
	background: #f1f1f1;
	position: relative;
}
.comment-list .item .restore::before {
	content: ' ';
	border-width: 9px;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #f1f1f1 transparent;
	position: absolute;
	left: 30px;
	top: -18px;
	height: 0;
	width: 0;
	line-height: 0;
}
.mod-comment-c3 {
	text-align: right;
}
.mod-comment-c3 a {
	padding-left: 15px;
	font-size: 13px;
	color: #999
}
.mod-comment-c3 a:hover {
	color: #000
}
.mod-comment-c3 {
	padding-top: 20px
}
.sub-box-comment {
	display: none;
}
.pn-commnet .more {
	line-height: 38px;
	text-align: center;
	color: #666;
	margin-top: 45px;
}
.pn-commnet .btn-more {
	width: 115px;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #ccc;
	border: 1px solid #ccc;
	font-size: 14px;
	border-radius: 3px
}
.pn-commnet .btn-more:hover {
	border-color: #000;
	color: #000
}
.mod-user {
	border-radius: 3px;
	background: #fff;
	border: 1px solid #f1f1f1;
	margin-top: 50px;
	position: relative;
}
.mod-user .avatar {
	position: absolute;
	width: 98px;
	height: 98px;
	border-radius: 50%;
	top: -50px;
	left: 50%;
	margin-left: -50px;
	border: 1px solid #f1f1f1;
}
.mod-user .text-box {
	text-align: center;
	padding: 65px 15px 15px;
	color: #000
}
.mod-user .user-name {
	font-size: 16px;
	padding-bottom: 3px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mod-user .user-name a {
	color: #000
}
.mod-user .user-level {
	font-size: 14px;
	color: #666
}
.mod-user .user-area {
	font-size: 13px;
	color: #666
}
.mod-user .user-summer {
	font-size: 12px;
	padding: 25px 0 0;
	color: #666;
	line-height: 22px;
	text-align: left;
}
.mod-info {
	border-radius: 3px;
	background: #fff;
}
.mod-info .item {
	width: 96.5px;
	height: 100px;
	float: left;
	overflow: hidden;
	border-left: 1px solid #eaeaea;
	margin-left: -1px;
	position: relative;
}
.mod-info-c1 {
	overflow: hidden;
	width: 290px;
	height: 100px;
}
.mod-info-c1 .item .con {
	display: block;
}
.mod-info-c1 .item .c1 {
	border-radius: 50%;
	width: 45px !important;
	height: 45px !important;
	background: #fff;
	margin: 0 auto;
	position: relative;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
	top: 20px;
	left: 50%;
}
.mod-info-c1 .item a:hover .c1 {
	border-color: #000
}
.mod-info-c1 .hot .c1 {
	background: #ff0000;
	border-color: #ff0000
}
.mod-info-c1 .item .c2 {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 90px;
	height: 90px;
	color: #666;
}
.mod-info-c1 .hot .c2 {
	color: #ff0000;
}
.mod-info-c1 .item .ico-v1 {
	position: absolute;
	left: 50%;
	top: 47%;
}
.mod-info-c1 .item .followed-txt, .mod-info-c1 .item .unfollow-txt {
	display: none;
}
.mod-info-c1 .follow .c1, .mod-info-c1 .follow a:hover .c1 {
	border-color: #ccc;
	background: #ccc
}
.mod-info-c1 .follow .ico-v1-add {
	display: none;
}
.mod-info-c1 .follow .ico-v1-follow {
	display: block;
}
.follow .follow-txt {
	display: none;
}
.mod-info-c1 .follow .followed-txt {
	display: block;
}
.mod-info-c1 .follow a:hover .followed-txt {
	display: none;
}
.mod-info-c1 .follow a:hover .unfollow-txt {
	display: block;
}
.mod-info-c2 {
	overflow: hidden;
	background: #eee;
	margin-top: 20px;
}
.mod-info-c2 .item {
	padding: 15px 0;
	text-align: center;
	background: #eee;
	border-color: #e3e3e3
}
.mod-info-c2 .t1 {
	font-weight: bold;
	font-size: 20px;
	color: #000
}
.mod-info-c2 .t2 {
	font-size: 14px;
}
.mod-tg {
	margin-top: 20px;
}
.mod-art-info .c2 {
	background: #eee;
	border: 1px solid #e5e5e5;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.mod-art-info .c2 .item {
	float: left;
	width: 33.33%;
	margin-left: -1px;
}
.mod-art-info .c2 .item .con {
	border-left: 1px solid #e3e3e3;
	text-align: center;
	padding: 12px 0
}
.mod-art-info .c2 .item .num {
	font-weight: bold;
	font-size: 20px;
	color: #000;
	line-height: 1.5
}
.mod-art-info .c2 .item .tit {
	font-size: 13px;
	color: #999
}
/*channel*/
.pn-channel .channel {
	width: 298px;
	height: 50px;
	float: left;
	margin-top: 30px;
	background: url('../../../stand-in.svg') no-repeat;
}
.vi .pn-channel .channel {
	background-position: 0 0
}
.product .pn-channel .channel {
	background-position: 0 -1453px
}
.photography .pn-channel .channel {
	background-position: 0 -1111px
}
.eachother .pn-channel .channel {
	background-position: 0 -427px
}
.original .pn-channel .channel {
	background-position: 0 -85px
}
.movie .pn-channel .channel {
	background-position: 0 -1198px
}
.transboundary .pn-channel .channel {
	background-position: 0 -1284px
}
.resource .pn-channel .channel {
	background-position: 0 -1026px
}
.ad .pn-channel .channel {
	background-position: 0 -769px
}
.daoshi .pn-channel .channel {
	background-position: 0 -1368px
}
.space .pn-channel .channel {
	background-position: 0 -940px
}
.font .pn-channel .channel {
	background-position: 0 -258px
}
.package .pn-channel .channel {
	background-position: 0 -334px
}
.poster .pn-channel .channel {
	background-position: 0 -684px
}
.mascot .pn-channel .channel {
	background-position: 0 -1540px
}
.planematerial .pn-channel .channel {
	background-position: 0 -514px
}
.ikon .pn-channel .channel {
	background-position: 0 -856px
}
.logodesign .pn-channel .channel {
	background-position: 0 -171px
}
.brochure .pn-channel .channel {
	background-position: 0 -600px
}
/*pn-search*/
.pn-search {
	margin: 0 -10px;
	position: relative;
	z-index: 99;
}
.mod-select {
	float: left;
	width: 280px;
	height: 40px;
	position: relative;
	margin: 0 10px
}
.mod-select .arrow {
	position: absolute;
	z-index: 11;
	right: 18px;
	width: 0;
	height: 0;
	line-height: 0;
	border-width: 5px;
	border-style: solid;
	overflow: hidden;
	top: 19px;
	border-color: #fff transparent transparent transparent;
	border-style: solid dashed dashed dashed;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.mod-select .selected {
	line-height: 40px;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.pn-search-ex .mod-select {
	width: 220px;
}
.sub-menu-box {
	position: absolute;
	top: 40px;
	width: 100%;
	left: 0;
	display: none;
	background: #f9f9f9
}
.sub-menu-list li {
	line-height: 40px;
	color: #666;
	font-size: 14px;
}
.sub-menu-list li a {
	display: block;
	color: #666;
	padding: 0 20px;
}
.sub-menu-list li a:hover {
	color: #fff;
	background: #666
}
.product .mod-select {
	background: #910701
}
.vi .mod-select {
	background: #f5121a
}
.photography .mod-select {
	background: #f9591f;
}
.eachother .mod-select {
	background: #657413;
}
.original .mod-select {
	background: #319d31;
}
.movie .mod-select {
	background: #5c94fc;
}
.transboundary .mod-select {
	background: #3cc3d2;
}
.samplemarketing .mod-select {
	background: #f9591f;
}
.sample .mod-select {
	background: #68085d;
}
.resource .mod-select {
	background: #f18d24;
}
.ad .mod-select {
	background: #fdc12d;
}
.daoshi .mod-select {
	background: #0f66cc;
}
.spacedesign .mod-select {
	background: #1897d4;
}
.font .mod-select {
	background: #90c231;
}
.package .mod-select {
	background: #996806;
}
.poster .mod-select {
	background: #a6005b;
}
.mascot .mod-select {
	background: #a5937a;
}
.planematerial .mod-select {
	background: #005f15;
}
.ikon .mod-select {
	background: #0032ab;
}
.logodesign .mod-select {
	background: #6a3805;
}
.brochure .mod-select {
	background: #68085d;
}
.mod-search1 {
	float: left;
	width: 278px;
	height: 38px;
	border: 1px solid #ccc;
	margin: 0 10px;
	background: #fff;
	position: relative;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.mod-search1:hover {
	border-color: #000
}
.mod-search1 .form-input {
	padding: 0 48px 0 8px
}
.mod-search1 .form-input .comm-input {
	line-height: 38px\9;
	height: 38px;
	font-size: 14px;
	color: #000;
	border: 0;
	background: none;
	width: 100%
}
.mod-search1 .search-btn {
	width: 38px;
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
}
.mod-search1 .search-btn .ico-v1-search {
	background-position: -212px -261px;
}
.pn-search-ex .mod-search1 {
	width: 218px;
}
.pn-user {
	position: relative;
	margin-bottom: 40px;
}
.pn-user .cover {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.pn-user .cover img {
	width: 100%;
	height: 100%;
}
.pn-user .box-btn {
	position: absolute;
	top: 350px;
	right: 15px;
	font-size: 0;
	z-index: 5
}
.pn-user .box-btn a {
	display: inline-block;
	width: 105px;
	height: 36px;
	border-radius: 3px;
	background: #000;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	margin-right: 7px;
}
.pn-user .box-btn a:hover {
	color: #ccc;
}
.pn-user .box-btn .ico-v1 {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.pn-user .box-btn a:hover .ico-v1 {
	opacity: .7
}
.pn-user .box-user {
	width: 100%;
	text-align: center;
	margin-top: -64px;
	position: relative;
	z-index: 2;
}
.pn-user .box-user .avatar {
	margin: 0 auto;
	border-radius: 50%;
	width: 126px;
	height: 126px;
	border: 3px solid #fff;
}
.pn-user .box-user .ico-v1-v {
	position: relative;
	left: 0;
	top: 0;
	margin: 0 0 3px 5px
}
.pn-user .box-user .name {
	color: #000;
	font-size: 18px;
	padding: 12px 0
}
.pn-user .box-user .place span {
	color: #666;
	padding: 0 10px;
}
.pn-user .info {
	font-size: 0;
	padding-top: 18px;
	z-index: 3
}
.pn-user .info .item {
	display: inline-block;
	padding: 0 20px;
	position: relative;
}
.pn-user .info .item::after {
	content: ' ';
	height: 16px;
	width: 1px;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 5px;
	overflow: hidden;
}
.pn-user .info .item:first-child::after {
	display: none;
}
.pn-user .info p {
	font-size: 14px;
}
.pn-user .info .num {
	font-size: 20px;
	font-weight: bold;
}
.pn-user .btn {
	text-align: center;
	margin: 10px auto 35px;
	;
}
.pn-user .btn li {
	display: inline-block;
	font-size: 14px;
	margin: 0 6px;
	width: 80px;
	height: 32px;
	line-height: 32px;
	background-color: #000;
	border: 0;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.pn-user .btn li.focus, .pn-user .btn li:hover {
	background-color: #999
}
.pn-usercenter {
	padding: 35px 0
}
.pn-usercenter .col-l {
	float: left;
	width: 425px;
}
.pn-usercenter .col-r {
	float: right;
	width: 685px;
}
.pn-usercenter .text-box, .tab-user-box .text-box {
	font-size: 14px;
	color: #000;
	line-height: 1.7
}
.pn-usercenter .pn-commnet {
	padding: 0;
	border: none;
}
.pn-usercenter .mod-comment {
	width: 610px;
}
.pn-usercenter .pn-commnet .pn-bd {
	padding-top: 8px
}
.pn-usercenter .mod-comment1 {
	width: 683px;
}
.pn-usercenter .mod-comment2 {
	width: 1090px;
	position: relative;
}
.pn-usercenter .mod-comment2 .box-comment {
	position: relative;
	min-height: 80px;
	padding-right: 165px;
}
.pn-usercenter .mod-comment2 .works-img {
	width: 110px;
	height: 80px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.pn-usercenter .mod-comment2 .dot {
	width: 10px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	left: -20px;
	top: 0;
	border-radius: 50%;
	background-color: #ff0000
}
.comm-btn-close {
	position: absolute;
	width: 14px;
	height: 14px;
	background: url('../img/sp.png') -96px -403px;
	opacity: .3
}
.comm-btn-close:hover {
	opacity: 1
}
.pn-usercenter .mod-comment2 .comm-btn-close {
	right: 18px;
	top: 18px;
}
.pn-usercenter .comment-list {
	padding-top: 40px
}
.pn-usercenter .comment-list .item .text-box {
	font-size: 13px;
}
.pn-usercenter .comment-list .item .time, .pn-usercenter .comment-list .item .name .revert, .pn-usercenter .comment-list .item .name .letter {
	color: #999;
	padding: 0 3px
}
.pn-usercenter .comment-list .item .name .revert:hover, .pn-usercenter .comment-list .item .name .letter:hover {
	color: #000
}
.comm-mod {
	margin-bottom: 35px;
}
.comm-mod .hd {
	position: relative;
}
.comm-mod .hd .tit {
	font-size: 16px;
	color: #000
}
.comm-mod .hd .more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
}
.comm-mod .bd {
	padding-top: 15px;
}
.box-yxl .row {
	color: #999;
	padding: 10px 0 0 12px;
	font-size: 14px;
	border: none;
}
.box-yxl .row .data {
	padding: 0 15px 0 5px;
}
.box-yxl .works_operate {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	left: 0;
	top: 0;
	padding: 0
}
.box-yxl .works_operate .item {
	width: 26px;
	margin: 0 12px 0 0;
}
.box-yxl .works_operate .item .c1 {
	width: 24px;
	height: 24px;
	border-width: 1px;
	margin: 0
}
.box-yxl .ico-v1-weibo {
	width: 13px;
	height: 11px;
	background-position: -119px -310px;
	margin: -5px 0 0 -6px;
}
.box-yxl .ico-v1-tqq {
	width: 14px;
	height: 14px;
	background-position: -136px -309px;
	margin: -7px 0 0 -7px;
}
.box-yxl .ico-v1-wx {
	width: 15px;
	height: 12px;
	background-position: -154px -311px;
	margin: -6px 0 0 -8px;
}
.box-yxl .works_tags .item {
	line-height: 24px;
	margin-right: 5px;
}
.visiter-list {
	overflow: hidden;
*zoom:1;
	margin: 0 -12px;
}
.visiter-list li {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	margin: 15px 12px 5px
}
.visiter-list .avatar {
	width: 50px;
	height: 50px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	border-radius: 50%;
}
.visiter-list a:hover .avatar {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
.comm-tab {
	overflow: hidden;
*zoom:1;
	margin-bottom: 20px;
}
.comm-tab li {
	float: left;
	margin-right: 20px;
}
.comm-tab li a {
	display: inline-block;
	line-height: 35px;
	width: 92px;
	text-align: center;
	color: #666;
	font-size: 14px;
	border-radius: 3px;
}
.comm-tab li a:hover, .comm-tab li .current {
	background: #000;
	color: #fff;
}
.comm-ptlist {
	padding-bottom: 50px;
}
.comm-ptlist .item {
	padding: 35px 0;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
	padding-left: 34px;
}
.comm-ptlist .item:hover {
	background-color: #F9F9F9;
}
.member_content .comm-ptlist .item:hover {
	cursor: pointer;
	background-color: #F9F9F9;
}
.comm-ptlist .item:hover {
}
.comm-ptlist .art-item-c1 {
	width: 360px;
	overflow: hidden;
*zoom:1;
}
.comm-ptlist .art-item-c1 .avatar {
	float: left;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	overflow: hidden;
	margin: 21px 18px 0 0
}
.comm-ptlist .art-item-c1 .avatar img {
	width: 100%;
	height: 100%;
}
.comm-ptlist .art-item-c1 .info {
	overflow: hidden;
*zoom:1;
}
.comm-ptlist .art-item-c1 .info .name a {
	color: #323232;
	font-size: 15px;
}
.comm-ptlist .art-item-c1 .info .name .ico-v1-v {
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
}
.comm-ptlist .art-item-c1 .btn a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
	margin: 8px 10px 0 0;
	font-size: 14px;
	color: #999;
	border: 1px solid #ccc;
	vertical-align: top;
}
.comm-ptlist .art-item-c1 .btn a:hover {
	color: #666
}
.comm-ptlist .art-item-c1 .btn .btn-focus {
	width: 68px;
	background: #de3b41;
	color: #fff;
	border: 0;
}
.comm-ptlist .art-item-c1 .btn .btn-focus:hover {
	color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.comm-ptlist .art-item-c1 .btn .btn-follow {
	width: 68px;
	background: #f9f9f9;
}
.comm-ptlist .art-item-c1 .btn .btn-follow:hover {
	background: #e8e8e8;
}
.comm-ptlist .art-item-c1 .btn .unfollow {
	display: none;
}
.comm-ptlist .art-item-c1 .btn .btn-follow:hover .unfollow {
	display: block;
}
.comm-ptlist .art-item-c1 .btn .btn-follow:hover .followed {
	display: none;
}
.comm-ptlist .art-item-c1 .btn .btn-msg {
	width: 34px;
}
.comm-ptlist .art-item-c1 .btn .btn-msg .ico-v1-msg2 {
	width: 13px;
	height: 10px;
	background-position: -112px -553px;
	margin: 0;
	margin: 10px 0;
}
.comm-ptlist .art-item-c1 .btn .btn-msg:hover {
	background-color: #000;
}
.comm-ptlist .art-item-c1 .btn .btn-msg:hover .ico-v1-msg2 {
	background-position: -112px -571px;
}
.comm-ptlist .art-item-c1 .data span.s2 {
	color: #000;
	padding-right: 8px;
}
.comm-plist1 {
	overflow: hidden;
*zoom:1;
	margin: 0 -7px;
}
.member_content .comm-plist1 {
	margin: 0;
	margin-right: -10px;
}
.comm-plist1 li {
	float: left;
	width: 163px;
	height: 116px;
	margin: 0 7px;
}
.comm-plist1 li img {
	display: block;
	width: 100%;
	height: 100%;
}
.member_content .comm-plist1 li {
	width: 178px;
	height: 128px;
	margin: 0 10px;
}
.comm-plist2 {
	overflow: hidden;
*zoom:1;
	margin: 0 -10px 30px;
}
.comm-plist2 li {
	float: left;
	width: 380px;
	margin: 0 10px 20px;
	position: relative;
}
.comm-plist2 li img {
	width: 380px;
	height: 200px;
}
.comm-plist2 .txt {
	position: relative;
	padding-right: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-bottom: 8px;
}
.comm-plist2 .tit {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.comm-plist2 .state {
	position: absolute;
	right: 0;
	top: 0
}
.comm-plist2 .on {
	color: #009900
}
.comm-plist2 .end {
	color: #ff0000
}
.comm-plist2 .cover {
	position: absolute;
	top: 38px;
	left: 0;
	width: 380px;
	height: 200px;
	z-index: 3;
	opacity: 0;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.comm-plist2 .cover:hover {
	opacity: 1
}
.comm-plist2 .mask {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: .8;
	z-index: 1
}
.comm-plist2 .btn {
	position: absolute;
	left: 140px;
	top: 80px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	z-index: 2
}
.comm-plist2 .btn:hover {
	background: #fff;
}
.comm-plist2 .delete {
	left: 205px;
}
.comm-plist2 .btn-ex {
	left: 162px;
	top: 65px;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
}
.comm-plist2 .btn-ex:hover {
	background: none
}
.comm-plist2 .btn .t1 {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 70px;
	white-space: nowrap;
}
.comm-plist2 .btn .t2 {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 98px;
	white-space: nowrap;
}
.comm-plist2 .btn .ico-v1 {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.comm-plist2 .btn:hover .ico-v1-edit1 {
	background-position: -212px -407px
}
.comm-plist2 .btn:hover .ico-v1-delete1 {
	background-position: -214px -360px
}
.comm-plist2 .btn:hover .ico-v1-approve1 {
	background-position: 0 -504px
}
.comm-plist2 .item1 .mask1 {
	background: #ff0000
}
.comm-plist2 .item1 .cover {
	opacity: 1
}
.comm-plist2 .item1 .cover1 {
	opacity: 0
}
.comm-plist2 .item1:hover .cover1 {
	opacity: 1
}
.comm-plist2-ex li {
	width: 280px;
}
.comm-plist2-ex .cover {
	width: 280px;
	height: 200px;
}
.comm-plist2-ex .avatar img {
	width: 280px;
	height: 200px;
}
.comm-plist2-ex .btn-3 .edit {
	left: 59px;
}
.comm-plist2-ex .btn-3 .approve {
	left: 118px
}
.comm-plist2-ex .btn-3 .delete {
	left: 177px
}
.comm-plist2-ex .btn-2 .edit {
	left: 92px;
}
.comm-plist2-ex .btn-2 .approve {
	display: none;
}
.comm-plist2-ex .btn-2 .delete {
	left: 155px
}
.comm-plist2-ex .txt {
	padding-right: 10px;
}
.comm-plist2-ex .btn-ex {
	left: 108px;
	text-align: center;
}
.comm-plist2-ex .btn-ex .data {
	font-size: 22px;
	color: #fff;
	line-height: 60px;
}
.comm-plist2-ex .failcause {
	margin-top: 5px;
	height: 86px;
}
.comm-plist2-ex .failcause .fc-t {
}
.comm-plist2-ex .failcause .fc-t .fc-t-l {
	font-size: 14px;
	color: #ff0000;
	line-height: 22px;
}
.comm-plist2-ex .failcause .fc-t .fc-t-r {
	float: right;
	font-size: 12px;
	color: #666666;
}
.comm-plist2-ex .failcause .fc-c {
	font-size: 12px;
	color: #000;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.comm-mod1 {
	position: relative;
	background-color: #fff;
}
.comm-mod1 .more {
	position: absolute;
	top: 0;
	right: 0;
	color: #999;
	font-size: 14px;
	line-height: 35px;
}
.comm-mod1 .more span {
	color: #000
}
.pop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}
.pop-in {
	background: #fff;
	width: 880px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -350px;
}
.pop .hd {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
	position: relative;
	text-align: center;
	font-size: 18px;
}
.pop .hd .comm-btn-close {
	top: 50%;
	right: 27px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -135px -649px;
}
.pop .mask {
	z-index: -1
}
.mod-letter {
	position: relative;
}
.mod-letter .mod-comment-c2 {
	padding-bottom: 15px;
}
.mod-letter .btn-more {
	color: #ff9999;
	display: block;
	text-align: center;
	width: 94px;
	margin: 0 auto 10px
}
.mod-letter .c1 {
	height: 340px;
	padding: 5px 50px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 780px;
	background-color: #f5f5f5;
}
.mod-letter .c2 {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	min-height: 100px;
}
.mod-letter .box-comment {
	border-radius: 0;
	padding-bottom: 8px;
	margin-left: 0
}
.mod-letter .mod-comment {
	float: none;
	margin: 0 auto;
	width: 830px;
}
.mod-letter .chat-thread .chat {
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
	max-width: 600px;
	clear: both;
}
.mod-letter .chat-thread .chat .txt {
	font-size: 14px;
	color: #333;
	clear: both;
	position: relative;
	border-radius: 4px;
	padding: 10px 14px;
}
.mod-letter .chat-thread .chat .txt:before, .mod-letter .chat-thread .chat .txt:after {
	content: "";
	top: 10px;
	position: absolute;
	border: 8px solid transparent;
}
.mod-letter .chat-thread .chat.chatLeft .txt:before {
	left: -16px;
	border-right: 8px solid #ccc;
}
.mod-letter .chat-thread .chat.chatLeft .txt:after {
	left: -14px;
	border-right: 8px solid #fff;
}
.mod-letter .chat-thread .chat.chatRight .txt:before {
	right: -16px;
	border-left: 8px solid #ffcfbf;
}
.mod-letter .chat-thread .chat.chatRight .txt:after {
	right: -14px;
	border-left: 8px solid #ffece2;
}
.mod-letter .chat-thread .chat.chatLeft {
	float: left;
	margin-left: 80px;
}
.mod-letter .chat-thread .chat.chatLeft .txt {
	background-color: #fff;
	border: 1px solid #ccc;
}
.mod-letter .chat-thread .chat.chatRight {
	float: right;
	margin-right: 80px;
}
.mod-letter .chat-thread .chat.chatRight .txt {
	border: 1px solid #ffcfbf;
	background-color: #ffece2;
}
.mod-letter .chat-thread .chat .chat-logo {
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
	content: '';
}
.mod-letter .chat-thread .chat .chat-logo img {
	width: 100%;
	height: 100%;
	display: block;
}
.mod-letter .chat-thread .chat.chatLeft .chat-logo {
	left: -80px;
}
.mod-letter .chat-thread .chat.chatRight .chat-logo {
	right: -80px;
}
.mod-letter .chat-thread .chat.chatLeft .time {
	text-align: left;
}
.mod-letter .chat-thread .chat.chatRight .time {
	text-align: right;
}
/*scroll-pane*/
.sub-menu-box .scroll-pane {
	height: 320px;
	width: 100%;
}
.scroll-pane {
	overflow-y: auto;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0
}
.jspCap {
	display: none
}
.jspHorizontalBar .jspCap {
	float: left
}
.jspTrack {
	background: #fff;
	position: relative
}
.jspDrag {
	background: #ccc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%
}
.jspArrow {
	background: #ccc;
	text-indent: -20000px;
	display: block;
	cursor: pointer
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #ccc
}
.jspVerticalBar .jspArrow {
	height: 16px
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%
}
.jspVerticalBar .jspArrow:focus {
	outline: none
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%
}
* html .jspCorner {
	margin: 0 -3px 0 0
}
 @-webkit-keyframes zoomin {
 0% {
 opacity: 0;
}
 100% {
 transform:scale(1);
 opacity: 1
}
}
@keyframes zoomin {
 0% {
 opacity: 0;
}
 100% {
 transform:scale(1);
 opacity: 1
}
}
@-webkit-keyframes zoomout {
 0% {
 opacity: 1;
}
 100% {
 transform:scale(1);
 opacity: 0
}
}
@keyframes zoomout {
 0% {
 opacity: 1;
}
 100% {
 transform:scale(1);
 opacity: 0
}
}
@-webkit-keyframes fadeinup {
 0% {
 opacity: 0;
 top: 10px
}
 50%, 80% {
 opacity: 1;
 top: -12px;
}
 100% {
 opacity: 0;
 top: -30px;
}
}
@keyframes fadeinup {
 0% {
 opacity: 0;
 top: 10px
}
 50%, 80% {
 opacity: 1;
 top: -12px;
}
 100% {
 opacity: 0;
 top: -30px;
}
}
 @-webkit-keyframes upDown {
 0% {
 top: 46px;
}
 25% {
 top: 43px;
}
 50% {
 top: 46px;
}
 75% {
 top: 49px;
}
 100% {
 top: 46px;
}
}
@keyframes upDown {
 0% {
 top: 46px;
}
 25% {
 top: 43px;
}
 50% {
 top: 46px;
}
 75% {
 top: 49px;
}
 100% {
 top: 46px;
}
}
/* 9.9-style*/
.bs {
	box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
}
.image-box .hide_title {
	width: 283px !important;
	height: 30px !important;
	position: absolute;
	top: 8px;
	left: 87px;
	display: none;
}
.ico-v1-c1 {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 24px;
	height: 24px;
	background-position: 0 -450px;
}
.ico-v1-c2 {
	position: absolute;
	left: 49px !important;
	top: 26px;
	width: 30px;
	height: 38px;
	background-position: -28px -450px;
	cursor: pointer;
}
.ico-v1-9 {
	position: absolute;
	margin-left: 5px;
	top: 5px;
	width: 23px;
	height: 15px;
	background-position: -64px -432px;
}
.ico-v1-zfb {
	position: absolute;
	width: 26px;
	height: 26px;
	background-position: -99px -432px;
	top: 12px;
	left: 25px;
}
.ico-v1-weixin {
	position: absolute;
	width: 32px;
	height: 26px;
	background-position: -128px -432px;
	top: 12px;
	left: 13px;
}
.ico-v1-sel {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 0;
	right: 0;
	background-position: -171px -432px;
	display: none;
}
.mod-article .image-box {
	position: relative;
}
.page-s {
	width: 1480px;
	margin: 20px auto;
	overflow: hidden;
}
.border_ccc{ border:1px solid #ccc;}
.page-s .page-b {
	width: 1090px;
	/*float: right;*/
	margin: 0 auto;
	border: 1px solid #ccc;
	background-color: #fff;
}
.page-s .page-b .h-tit {
	line-height: 94px;
	padding-left: 46px;
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #ccc;
}
.page-s .table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 1088px;
	table-layout: fixed;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.page-s .page-b .table .th {
	height: 56px;
	font-size: 16px;
	color: #666666;
	line-height: 56px;
	background-color: #eeeeee;
	border-right: 1px solid #eee;
	font-weight: normal;
}
.page-s .page-b .tab-d .th1, .page-s .page-b .tab-d .td1 {
	width: 200px;
}
.page-s .page-b .tab-d .th2, .page-s .page-b .tab-d .td2 {
	width: 104px;
}
.page-s .page-b .tab-d .th3, .page-s .page-b .tab-d .td3 {
	width: 452px;
}
.page-s .page-b .tab-d .th4, .page-s .page-b .tab-d .td4 {
	width: 74px;
}
.page-s .page-b .tab-d .th5, .page-s .page-b .tab-d .td5 {
	width: 110px;
}
.page-s .page-b .tab-d .th6, .page-s .page-b .tab-d .td6 {
	width: 145px;
}
.page-s .page-b .tab-d .td {
	text-align: center;
	font-size: 14px;
	color: #000;
	height: 50px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 12px;
}
.page-s .page-b .tab-d .td6, .page-s .page-b .tab-d .th6 {
	border-right: 0;
}
.page-s .page-b .tit {
	line-height: 56px;
	padding-left: 46px;
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}
.page-s .page-b .sel-box {
	height: 100px;
	margin: 50px 46px 0;
	border-bottom: 1px dashed #ccc;
}
.page-s .page-b .sel-box .sel {
	width: 120px;
	height: 50px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-right: 25px;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	text-align: right;
	padding-right: 20px;
	cursor: pointer;
}
.page-s .page-b .sel-box .sel.active {
	border: 1px solid #000;
}
.page-s .page-b .sel-box .sel.active .ico-v1-sel {
	display: block;
}
.page-s .page-b .sel-ma {
	padding: 50px 0;
	border-bottom: 1px dashed #ccc;
	margin: 0 46px;
}
.page-s .page-b .sel-ma .pay-ma {
	width: 150px;
	height: 150px;
	margin: 0 auto 10px;
	font-size: 0;
	border: 1px solid #ccc;
	background: url('../../../stand-in.svg') no-repeat center center;
	background-size: 80% 80%;
}
.page-s .page-b .sel-ma .pay-info {
	font-size: 16px;
	color: #000;
	text-align: center;
}
.page-s .page-b .sel-ma .pay-info > span {
	color: #ff0000;
	font-size: 18px;
}
.page-s .page-b .info-tip {
	text-align: center;
	font-size: 14px;
	color: #000;
	padding-top: 34px;
	padding-bottom: 34px;
}
.page-s .page-b .info-tip .info-tip-d {
	display: none;
}
.page-s .page-b .info-tip .info-tip-d.show {
	display: block;
}
.page-s .page-b .info-tip .weiXin i {
	width: 18px;
	height: 16px;
	background-position: -239px -432px;
}
.page-s .page-b .info-tip .zfb i {
	width: 18px;
	height: 16px;
	background-position: -215px -432px;
}
.page-s .page-b .pay-fai-top, .page-s .page-b .pay-suc-top {
	padding: 76px 0 50px;
	background-color: #fff;
}
.page-s .page-b .pay-fai-top .logo, .page-s .page-b .pay-suc-top .logo {
	width: 91px;
	height: 91px;
	background: url('../img/sp.png') no-repeat center center;
	background-position: -263px -431px;
	margin: 0 auto;
}
.page-s .page-b .pay-fai-top .logo {
	background-position: -360px -431px;
}
.page-s .page-b .pay-fai-top .pay-fai-info, .page-s .page-b .pay-suc-top .pay-suc-info {
	font-size: 21px;
	color: #339933;
	text-align: center;
	margin-top: 20px;
}
.page-s .page-b .pay-fai-top .pay-fai-info {
	color: #ff0000;
}
.page-s .page-b .pay-suc-flow {
	/*border-top: 1px solid #ccc;*/
    /*border-bottom: 1px solid #ccc;*/
	margin-bottom: 46px;
}
.page-s .page-b .notPasContent {
	text-align: left;
	padding-left: 426px;
	margin-top: 50px;
}
.page-s .page-b .notPasContent > p {
	font-size: 14px;
	color: #333;
	line-height: 29px;
}
.page-s .page-b .pay-suc-flow > img {
	vertical-align: middle;
}
.input-double {
	width: 300px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 30px;
}
.input-double .but {
	width: 140px;
	height: 100%;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
}
.input-double .red-but {
	float: left;
	background-color: #FF0000;
}
.input-double .red-but:hover {
	background-color: #FF4D4D;
}
.input-double .gray-but {
	float: right;
	background-color: #999999;
}
.input-double .gray-but:hover {
	background-color: #ccc;
}
.page-s .det-top {
	height: 480px;
	border-bottom: 1px solid #ccc;
}
.page-s .det-top .det-top-l {
	width: 64%;
	height: 100%;
	float: left;
	padding: 16px;
	position: relative;
}
.page-s .det-top .det-top-l .sel-img {
	width: 100%;
	height: 100%;
	overflow: auto;
	position: relative;
}
.page-s .det-top .det-top-l .sel-state {
	width: 112px;
	height: 112px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('../img/sp.png') no-repeat;
}
.page-s .det-top .det-top-l .sel-state.pass {
	background-position: -342px 0;
}
.page-s .det-top .det-top-l .sel-state.no-pass {
	background-position: -342px -112px;
}
.page-s .det-top .det-top-l .sel-state.ing-pass {
	background-position: -342px -234px;
}
.page-s .det-top .det-top-l img {
	position:absolute;
    width: 100%;
	bottom: 0;
    top: 0;
    margin: auto 0;
}
.page-s .det-top .det-top-r {
	width: 36%;
	height: 100%;
	float: right;
	position: relative;
	background-color: #fcfcfc;
	border-left: 1px solid #ccc;
}
.page-s .det-top .det-top-r .top {
	height: 55px;
	line-height: 55px;
	padding-left: 24px;
	background:#1b1b1b;
	border-bottom: 1px solid #ccc;
}
.page-s .det-top .det-top-r .top .btn {
	width: 100px;
	height: 30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
	border: 0;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	float: right;
	margin-right: 14px;
	margin-top: 13px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.page-s .det-top .det-top-r .top .btns {
	width: 80px;
	height: 30px;
	line-height:28px;
	font-size:12px;
	text-align:center;
	border-radius: 3px;
	color: #ccc;
	border:1px solid #ccc;
	cursor: pointer;
	float: right;
	margin-right: 16px;
	margin-top: 13px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.page-s .det-top .det-top-r .top .btns:hover{
	border:1px solid #fff;
	color:#fff;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.page-s .det-top .det-top-r .top .btn:hover{
	background-color: #eee;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.btn_zhengshu{
	width: 34px;
	height: 34px;
	line-height:28px;
	font-size:12px;
	text-align:center;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #000;
	cursor: pointer;
	float: right;
	margin-right: 16px;
	margin-top: 13px;
	position:absolute;
	top:14px;
	left:30px;
}
.btn_zhengshu i{
	width:18px;
	height:18px;
	display:block;
	margin-left:7px;
	margin-top:7px;
	background:url('../../../stand-in.svg');
}
.btn_zhengshu:hover{ background:#e5e5e5;}
.cir{
	width: 34px;
	height: 34px;
	line-height:28px;
	font-size:12px;
	text-align:center;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #000;
	cursor: pointer;
	float: right;
	margin-right: 16px;
	margin-top: 13px;
	position:absolute;
	top:14px;
	left:70px;
}
.cir:hover{
	 background:#e5e5e5;
}
.cir .weib{
    position: absolute;
    left: 50%;
    top: 50%;
	width: 19px;
    height: 15px;
    margin: -8px 0 0 -10px;
    background: url('../img/sp.png') -66px -333px;
    display: inline-block;
    vertical-align: middle;
}
/*.page-s .det-top .det-top-l:before {
	content: "";
	right: -1px;
	top: 22px;
	position: absolute;
	z-index: 1;
	border-left: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: 10px solid #ccc;
	border-bottom: 10px solid transparent;
}
.page-s .det-top .det-top-l:after {
	content: "";
	right: -3px;
	z-index: 1;
	top: 22px;
	position: absolute;
	border-left: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: 10px solid #fcfcfc;
	border-bottom: 10px solid transparent;
}*/
.page-s .det-top .det-top-r .inf {
	padding: 12px 24px 12px 2px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}
.page-s .det-top .det-top-r .inf .il, .inf_span {
	color: #999;
	margin-right: 5px;
	font-size:12px;
}
.page-s .det-top .det-top-r .inf .ir {
	color: #000;
}
.page-s .det-top .det-top-r .inf .shr {
	float: right;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('../img/sp.png') no-repeat;
	background-position: -232px -579px;
}
.page-s .det-top .det-top-r .inf .shr.c_on {
	background-position: -232px -554px;
}
.page-s .det-top .det-top-r .inf .rea {
	border-top: 1px solid #ccc;
	padding: 14px 10px;
	background: #fff9d7;
}
.il_font{ font-size:12px; color:#333; line-height:20px;}
.ir_span{ font-size:12px; color:#000; line-height:20px; display:block;}
.page-s .det-top .det-top-r .inf .ir.no-pass {
	color: #ff0101;
}
.page-s .det-top .det-top-r .inf .ir.pass {
	color: #3ebc00;
}
.page-s .det-top .det-top-r .inf .ir.ing-pass {
	color: #33cc00;
}
.page-s .det-dow {
	overflow: hidden;
	border-top: 0;
	padding: 20px 0;
}
.border_b_ccc{ border-bottom:1px solid #ccc;}
.no_pass_zhe{ width:100%; height:100%; position:absolute; top:0; left:0; background:#ff0000; opacity:0.8;}
.passing_zhe{ width:100%; height:100%; position:absolute; top:0; left:0; background:#0099ff; opacity:0.8;}
.resubmit_zhe{ width:100%; height:100%; position:absolute; top:0; left:0; background:#999; opacity:0.8;}
.revoke,.revoke-over{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.8;}
.pass_zhe{ width:100%; height:100%; position:absolute; top:0; left:0; }
.no_pass_zhe p, .passing_zhe p{ font-size:16px; color:#fff; text-align:center; line-height:16px; position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-40px;}
.revoke p, .revoke-over p{ font-size:16px; color:#fff; text-align:center; line-height:16px; position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-24px;}
.resubmit_zhe p{ font-size:16px; color:#fff; text-align:center; line-height:16px; position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-48px;}
.page-s .det-dow .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1180px;/*height: 696px;*/
}
.page-s .det-dow .bx-wrapper .slide .img-c {
	width: 172px;
	height: 172px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
/*.page-s .det-dow .bx-wrapper .slide .img-c:hover{border: 1px solid #333;}*/
.currents_box {
	border: 1px solid #333;
}
.page-s .det-dow .bx-wrapper .slide .img-c img {
	width: 100%;
	height: 100%;
}
.page-s .det-dow .bx-wrapper .slide .img-c .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*.page-s .det-dow .bx-wrapper .slide .img-c:hover .cover{display: none;}*/
.page-s .det-dow .bx-wrapper .img-c .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.4;
	z-index: 1;
}
.page-s .det-dow .bx-wrapper .img-c .state {
	position: absolute;
	z-index: 2;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url('../img/sp.png') -468px -356px;
}
.page-s .det-dow .bx-wrapper .img-c .state.no-pass {
	background-position: -468px -356px;
}
.page-s .det-dow .bx-wrapper .img-c .state.pass {
	background-position: -468px -388px;
}
.page-s .det-dow .bx-wrapper .img-c .state.ing-pass {
	background-position: -468px -420px;
}
.page-s .det-dow .bx-wrapper .img-c .state.reapply {
	background-position: -468px -452px;
}
.page-s .det-dow .my-slider {
	width: 1070px;
	margin: 0 auto;
}
.page-s .det-dow img {
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.page-s .bx-wrapper .bx-prev {
	left: -32px;
	background: url('../img/sp.png') 0 -532px no-repeat;
}
.page-s .bx-wrapper .bx-next {
	right: -32px;
	background: url('../img/sp.png') 0 -565px no-repeat;
}
.border_hei{ border:1px solid #000;}
.bg_red {
	background: rgba(255,0,0,0.2) url('../img/sp.png') no-repeat center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.bg_blue {
	background: rgba(51,153,255,0.2) url('../../../stand-in.svg') no-repeat center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.bg_reapply{
	background:rgba(255,0,0,0.2) url('../../../stand-in.svg') no-repeat center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.revise {
	width: 164px;
	height: 50px;
	border-radius: 3px;
	background-color: red;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
	cursor:pointer;
	display:none;
}
.reviseBox{
	background:#fff;
	height:110px;
	padding:30px 0;
}
.revise:hover {
	background: #ff3e3e;
}
.ico-v1-us1 {
	position: absolute;
	width: 19px;
	height: 18px;
	background-position: -175px -530px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us2 {
	position: absolute;
	width: 18px;
	height: 18px;
	background-position: -202px -530px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us3 {
	position: absolute;
	width: 19px;
	height: 13px;
	background-position: -229px -530px;
	left: 28px;
	top: 50%;
	margin-top: -7px;
}
.ico-v1-us4 {
	position: absolute;
	width: 18px;
	height: 18px;
	background-position: -253px -530px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us5 {
	position: absolute;
	width: 18px;
	height: 11px;
	background-position: -276px -530px;
	left: 28px;
	top: 50%;
	margin-top: -6px;
}
.ico-v1-us6 {
	position: absolute;
	width: 18px;
	height: 18px;
	background-position: -297px -530px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us7 {
	position: absolute;
	width: 13px;
	height: 17px;
	background-position: -324px -530px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us8 {
	position: absolute;
	width: 18px;
	height: 18px;
	background-position: -342px -529px;
	left: 28px;
	top: 50%;
	margin-top: -8px;
}
.ico-v1-us9 {
	position: absolute;
	width: 17px;
	height: 16px;
	background-position: -364px -531px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us10 {
	position: absolute;
	width: 16px;
	height: 17px;
	background-position: -389px -529px;
	left: 28px;
	top: 50%;
	margin-top: -9px;
}
.ico-v1-us11 {
	position: absolute;
	width: 18px;
	height: 18px;
	background-position: -411px -529px;
	left: 28px;
	top: 50%;
	margin-top: -10px;
}
.ico-v1-us11s {
	position: absolute;
	width: 18px;
	height: 20px;
	background-position: -477px -530px;
	left: 28px;
	top: 50%;
	margin-top: -10px;
}
.ico-v1-us12 {
	position: absolute;
	width: 20px;
	height: 18px;
	background-position: -454px -530px;
	left: 28px;
	top: 50%;
	margin-top: -10px;
}
.ico-v1-us13 {
	position: absolute;
	width: 16px;
	height: 18px;
	background-position: -435px -530px;
	left: 28px;
	top: 50%;
	margin-top: -10px;
}
.ico-v1-us14 {
	position: absolute;
	width: 16px;
	height: 20px;
	background-position: -477px -530px;
	left: 28px;
	top: 50%;
	margin-top: -10px;
}
.mod-tab-user #notice_bar {
	margin-top: 24px;
	text-align: left;
	margin-left: 34px;
	width: auto;
	margin-right: 34px;
	padding-left: 26px;
}
.mod-tab-user .tab-user-sel {
	float: left;
}
.mod-tab-user .tab-user-sel li {
	width: 210px;
	height: 60px;
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
	font-size: 16px;
	color: #000000;
	line-height: 60px;
	cursor: pointer;
	position: relative;
	padding-left: 66px;
}
.mod-tab-user .tab-user-sel li.current, .mod-tab-user .tab-user-sel li:hover {
	background-color: #e8e8e8;
}
.mod-tab-user .tab-user-box {
	float: right;
	width: 940px;/*background-color: #fff;*/
}
.mod-tab-user .tab-user-box .tab-user-con {
	display: none;
}
.mod-tab-user .comm-mod1 .comm-mod1-top {
	height: 74px;
	border-bottom: 2px solid #f5f5f5;
	position: relative;
	background-color: #fff;
}
.mod-tab-user .comm-mod1-ul {
/*padding-left: 24px;*/
}
.mod-tab-user .comm-mod1-ul li {
	float: left;
	cursor: pointer;
	font-size: 16px;
	color: #000;
	padding: 0 34px;
	line-height: 72px;
	box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
}
.mod-tab-user .comm-mod1-ul li:hover, .mod-tab-user .comm-mod1-ul li.current {
	border-bottom: 2px solid #000;
}
.mod-tab-user .comm-plist4 {
	overflow: hidden;
	margin-right: -15px;
	margin-left: -15px;
}
.mod-tab-user .comm-plist3 {
	overflow: hidden;
	padding-top: 3px;
	padding-left: 8px;
	padding-bottom: 14px;
	background-color: #fff;
}
/*.mod-tab-user .comm-plist4 li, .mod-tab-user .comm-plist3 li {
	float: left;
	width: 266px;
	margin: 0 18px 29px 0;
	position: relative;
	overflow: hidden;
}*/
.mod-tab-user .comm-plist4 li {
	width: 195px;
	margin: 0 15px 20px;
}
.mod-tab-user .comm-plist3-ex li {
	width: 417px;
}
.mod-tab-user .comm-plist3 .txt {
	position: relative;
	padding-right: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-bottom: 4px;
}
.mod-tab-user .comm-plist4 .txt {
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.mod-tab-user .comm-plist3-ex .txt.exi-tim {
	padding-right: 60px;
	line-height: 20px;
	height: 20px;
	padding-bottom: 0;
}
.mod-tab-user .comm-plist3 .txt-tim {
	font-size: 12px;
	margin-bottom: 5px;
}
.mod-tab-user .comm-plist3 .txt-tim .tt1 {
	color: #999;
}
.mod-tab-user .comm-plist3 .txt-tim .tt2 {
	color: #666;
}
.mod-tab-user .comm-plist4 .tit, .mod-tab-user .comm-plist3 .tit {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mod-tab-user .comm-plist3 .state {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
}
.mod-tab-user .comm-plist3 .state.on {
	color: #009900;
}
.mod-tab-user .comm-plist3 li img {
	width: 100%;
	height: 195px;
}
.mod-tab-user .comm-plist4 li img {
	width: 100%;
	height: 144px;
}
.mod-tab-user .comm-plist4 .ava-cov, .mod-tab-user .comm-plist3 .ava-cov {
	position: relative;
}
.mod-tab-user .comm-plist3-ex li img {
	height: 220px;
}
.mod-tab-user .comm-plist3 .cover {
	position: absolute;
	/*top: 38px;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 195px;
	z-index: 3;
	opacity: 0;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.mod-tab-user .comm-plist3-ex .cover {
	height: 220px;
}
.mod-tab-user .comm-plist3 .cover:hover {
	opacity: 1;
}
.mod-tab-user .comm-plist3 .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .8;
	z-index: 1;
}
/*.mod-tab-user .comm-plist3 .btn {
	position: absolute;
	left: 140px;
	top: 50%;
	margin-top: -20px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	z-index: 2;
	text-align: center;
}
.mod-tab-user .comm-plist3 .btn-3 .edit {
	left: 49px;
}*/
.mod-tab-user .comm-plist3 .btn-3 .approve {
	left: 111px;
}
.mod-tab-user .comm-plist3 .btn-3 .delete {
	left: 173px;
}
.mod-tab-user .comm-plist3 .btn-2 .look, .mod-tab-user .comm-plist3 .btn-2 .edit {
	left: 79px;
}
.mod-tab-user .comm-plist3-ex .btn-2 .edit {
	left: 154px;
}
.mod-tab-user .comm-plist3 .btn-2 .delete {
	left: 143px;
}
.mod-tab-user .comm-plist3-ex .btn-2 .delete {
	left: 218px;
}
.mod-tab-user .comm-plist3 .btn-1 .delete {
	left: 111px;
}
.mod-tab-user .comm-plist3-ex .btn-1 .delete {
	left: 186px;
}
.mod-tab-user .comm-plist3 .btn .ico-v1 {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.mod-tab-user .comm-plist3 .btn:hover {
	background: #fff;
}
.mod-tab-user .comm-plist3 .btn-ex.btn:hover {
	background: transparent;
}
.mod-tab-user .comm-plist3 .btn:hover .ico-v1-edit1 {
	background-position: -212px -407px;
}
.mod-tab-user .comm-plist3 .btn:hover .ico-v1-look {
	background-position: -31px -569px;
}
.mod-tab-user .comm-plist3 .btn:hover .ico-v1-approve1 {
	background-position: 0 -504px;
}
.mod-tab-user .comm-plist3 .btn:hover .ico-v1-delete1 {
	background-position: -214px -360px;
}
.mod-tab-user .comm-plist3 .cover.s-cover {
	opacity: 1;
}
.mod-tab-user .comm-plist3 .s-cover .mask1 {
	background: #ff0000;
}
.mod-tab-user .comm-plist3 .btn-ex {
	left: 101px;
	top: 65px;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
}
.mod-tab-user .comm-plist3-ex .btn-ex {
	left: 50%;
	margin-left: -32px;
	top: 78px;
}
.mod-tab-user .comm-plist3 .btn .t1 {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: absolute;
	width: 266px;
	left: 50%;
	margin-left: -133px;
	top: 70px;
	white-space: nowrap;
}
.mod-tab-user .comm-plist3 .btn .t2 {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 98px;
	white-space: nowrap;
}
.mod-tab-user .comm-plist3 .btn .data {
	font-size: 22px;
	color: #fff;
	line-height: 60px;
}
.mod-tab-user .comm-plist3 .failcause {
	margin-top: 5px;
	height: 86px;
}
.mod-tab-user .failcause .fc-c {
	font-size: 12px;
	color: #000;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mod-tab-user .failcause .fc-t .fc-t-l {
	font-size: 14px;
	color: #ff0000;
	line-height: 22px;
}
.mod-tab-user .failcause .fc-t .fc-t-r {
	float: right;
	font-size: 12px;
	color: #666666;
}
/*.inpBox .upload-news1 {
	width: 80px;
	height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border: 0;
	border-radius: 3px;
	background-color: #000;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 34px;
	cursor: pointer;
}*/
.inpBox .upload-news1:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.inpBox .upload-new1 {
	width: 80px;
	height: 34px;
	font-size: 14px;
	color: #999;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 34px;
	cursor: pointer;
}
.inpBox .upload-new1:hover {
	color: #000;
	border: 1px solid #000;
}
.mod-tab-user .upload-new {
	width: 84px;
	height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border: 0;
	border-radius: 3px;
	background-color: #de3b41;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 34px;
	cursor: pointer;
}
.mod-tab-user .upload-new:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mod-tab-user .page {
/*background-color: #f5f5f5;*/
}
.mod-tab-user .comm-plist3 .animate {
	/*width: 266px;*/
	height: 195px;
	overflow: hidden;
	position: relative;
}
.mod-tab-user .comm-plist3-ex .animate {
	height: 220px;
}
.mod-tab-user .comm-plist3 li:hover .animate-cover {
	margin-top: -90px;
}
.mod-tab-user .comm-plist3-ex li:hover .animate-cover {
	margin-top: -68px;
}
.mod-tab-user .comm-plist3 .animate .animate-cover {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	height: 100%;
	position: relative;
}
.mod-tab-user .comm-plist3 .animate .animate_box {
	padding-top: 5px;
}
.mod-tab-user .comm-plist3 .animate .animate_box li {
	/*width: 266px;*/
	position: relative;
	overflow: hidden;
	margin: 0;
	float: none;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}
.mod-tab-user .comm-plist3 .animate .animate_box li.count {
	text-align: center;
}
.mod-tab-user .comm-plist3 .animate .animate_box li img {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 3px 5px 0 0;
}
.mod-tab-user .comm-plist3 .animate .animate_box li .name {
	float: left;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666;
	font-size: 13px;
}
.mod-tab-user .comm-plist3 .animate .animate_box li .time {
	/*width: 90px;*/
	float: right;
	color: #999;
	text-align: right;
}
.mod-tab-user .comm-plist3 .animate_box .count span a {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	padding: 0 20px;
	background-image: url('../img/sp.png');
	background-repeat: no-repeat;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.mod-tab-user .comm-plist3 .animate_box .count .view a {
	background-position: -475px -32px;
	padding-left: 33px;
}
.mod-tab-user .comm-plist3 .animate_box .count .view a:hover {
	background-position: -475px 5px;
}
.mod-tab-user .comm-plist3 .animate_box .count .review a {
	background-position: -475px -106px;
	padding-left: 33px;
}
.mod-tab-user .comm-plist3 .animate_box .count .review a:hover {
	background-position: -475px -69px;
}
.mod-tab-user .comm-plist3 .animate_box .count .favorite a {
	background-position: -482px -181px;
	padding-left: 26px;
	position: relative;
}
.mod-tab-user .comm-plist3 .animate_box .count .favorite a:hover {
	background-position: -482px -144px;
}
.mod-tab-user .comm-plist3 .animate_box .count .favorite a:before {
	content: '+1';
	color: #ff0000;
	font-size: 10px;
	position: absolute;
	left: 12px;
	top: -12px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mod-tab-user .comm-plist3 .animate_box .count .favorite.current a:before {
	animation: fadeinup 1.5s both;
	-webkit-animation: fadeinup 1.5s both;
}
.mod-tab-user .comm-plist4 li .operate-1, .mod-tab-user .comm-plist3 li .operate-1 {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 48px;
	right: 10px;
	z-index: 2;
	background: url('../img/sp.png');
	background-position: -139px -561px;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
.mod-tab-user .comm-plist4 li {
	cursor: pointer;
}
.mod-tab-user .comm-plist4 li .operate-1 {
	top: 10px;
}
.mod-tab-user .comm-plist4 li:hover .operate-1, .mod-tab-user .comm-plist3 li:hover .operate-1 {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}
.mod-tab-user .comm-plist4 li .operate-1:hover, .mod-tab-user .comm-plist3 li:hover .operate-1:hover {
	background-position: -139px -585px;
}
.mod-tab-user .comm-plist3 li .operate {
	width: 56px;
	height: 26px;
	line-height: 26px;
	border-radius: 20px 0 0 20px;
	background-color: #fff;
	position: absolute;
	right: -56px;
	top: 50px;
	z-index: 2;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	font-size: 0;
	text-align: center;
}
.mod-tab-user .comm-plist3 li:hover .operate {
	right: 0;
}
.mod-tab-user .comm-plist3 li .operate .ico-v1 {
	margin: 5px 0 0 10px;
	opacity: .4;
	filter: alpha(opacity=40);
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
.mod-tab-user .comm-plist3 li .operate .ico-v1:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mod-tab-user .no-content {
	text-align: center;
	font-size: 25px;
	color: #999;
	background-color: #fff;
	height: 584px;
	line-height: 584px;
}
.mod-tab-user .tab-user-box .infoTitle {
	font-size: 14px;
	color: #666;
	line-height: 58px;
	border-bottom: 1px solid #f5f5f5;
	background-color: #fff;
	padding-left: 34px;
}
.comm-list3 {
	overflow: hidden;
	background-color: #fff;
}
.comm-list3 .item {
	overflow: hidden;
	padding: 30px 34px;
	border-bottom: 1px solid #f5f5f5;
}
.comm-list3 .avatar {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.comm-list3 .avatar img {
	width: 100%;
	height: 100%;
}
.comm-list3 .mod-con {
	width: 790px;
	float: right;
}
.comm-list3 .mod-con-1 {
	float: right;
	width: 700px;
}
.comm-list3 .mod-con .name {
	font-size: 14px;
	color: #666;
}
.comm-list3 .mod-con .shrink-1 {
	float: right;
	padding-top: 7px;
}
.comm-list3 .mod-con .shrink {
	cursor: pointer;
	font-size: 14px;
	float: right;
}
.comm-list3 .mod-con .shrink .shrink-txt {
	color: #3366cc;
}
.comm-list3 .mod-con .shrink .shrink-txt.sh-in {
	display: none;
}
.comm-list3 .mod-con .shrink .shrink-txt {
	display: inline-block;
	font-size: 12px;
}
.comm-list3 .mod-con .shrink.sh-in .shrink-txt.sh-in {
	display: inline-block;
}
.comm-list3 .mod-con .shrink.sh-in .shrink-txt {
	display: none;
}
.comm-list3 .mod-con .restore {
	padding-top: 15px;
}
.comm-list3 .mod-con .name b.num {
	border-radius: 15px;
	background: #fc0d1b;
	color: #fff;
	padding: 0 3px;
	line-height: 15px;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	min-width: 9px;
	float: right;
}
.comm-list3 .mod-con .name a {
	color: #3366cc;
}
.comm-list3 .mod-con .time {
	font-size: 12px;
	color: #999;
}
.comm-list3 .mod-con .nature .nat-r {
	font-size: 12px;
	color: #999;
	float: right;
}
.comm-list3 .mod-con .nature .nat-r a {
	color: #3366cc;
}
.comm-list3 .mod-con .nature .nat-r span {
	padding: 0 10px;
}
.comm-list3 .mod-con .txt {
	font-size: 14px;
	color: #000000;
}
.comm-list3 .mod-con .txt.txt-shrink {
	height: 50px;
	overflow: hidden;
}
.reply.small-reply {
	float: right;
	width: 700px;
}
.reply-inp {
	padding: 12px 15px;
	color: #333;
	font-size: 14px;
	background: #f5f5f5;
	position: relative;
	border: 1px solid #ccc;
	/*border-radius: 4px;*/
	margin-top: 15px;
}
.reply-inp:before {
	content: "";
	left: 35px;
	top: -20px;
	position: absolute;
	border: 10px solid transparent;
	border-bottom: 10px solid #ccc;
}
.reply-inp.box-comment-focus:before, .reply-inp:hover:before {
	border-bottom: 10px solid #000;
}
.reply-inp:after {
	content: "";
	left: 35px;
	top: -19px;
	position: absolute;
	border: 10px solid transparent;
	border-bottom: 10px solid #f5f5f5;
}
.reply-inp.box-comment-focus, .reply-inp:hover {
	border: 1px solid #000;
}
.reply-inp textarea {
	height: 74px;
	width: 100%;
	outline: 0;
	border: 0;
	font-size: 14px;
	color: #333;
	background-color: #f5f5f5;
}
.reply-sur {
	padding-top: 12px;
}
.reply-sur .emotion {
	float: left;
}
.reply-sur .operate {
	float: right;
}
.reply-sur .operate input {
	width: 80px;
	height: 30px;
	font-size: 12px;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid transparent;
}
.reply-sur .operate .o1 {
	background-color: #000000;
	color: #fff;
	margin-right: 6px;
}
.reply-sur .operate .o1:hover {
	background-color: #333;
}
.reply-sur .operate input.o2 {
	background-color: #e8e8e8;
	color: #666;
	border: 1px solid #ccc;
}
.reply-sur .operate input.o2:hover {
	color: #333;
}
/*开始的地方*/
.mod1-box {
	padding: 30px 34px;
	border-bottom: 1px solid #f5f5f5;
}
.member_content .mod1-box {
	padding: 30px 0;
}
.member_content .mod1-box.floleft {
	padding-right: 30px;
	width: 590px;
	border-bottom: 0;
	border-right: 1px solid #f5f5f5;
	min-height: 165px;
	overflow: hidden;
}
.member_content .mod1-box.floright {
	padding-left: 30px;
	width: 590px;
	border-bottom: 0;
	min-height: 165px;
	overflow: hidden;
}
.member_content .text-box {
	font-size: 14px;
	color: #000;
	line-height: 1.7;
}
.mod1-box .hd {
	position: relative;
}
.mod1-box .bd {
	padding-top: 11px;
}
.mod1-box .hd .tit {
	font-size: 16px;
	color: #666;/*font-weight: bold;*/
}
.mod1-box .hd .more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
}
.mod1-box .inb-div {
	margin-bottom: 12px;
}
.mod1-box .inb {
	display: inline-block;
	width: 92px;
	font-size: 16px;
	color: #666;
}
.mod1-box .inb-c {
	font-size: 14px;
	color: #000;
}
.mod1-box .visit-ul {
	/*overflow: hidden;*/
	margin-top: -20px;
	margin-left: -30px;
}
.mod1-box .visit-ul li {
	float: left;
	display: block;
	width: 60px;
	margin-left: 30px;
	margin-top: 20px;
}
.member_content .mod1-box .visit-ul li {
	margin-left: 33px;
}
.mod1-box .visit-ul .avatar {
	width: 60px;
	height: 60px;
	/*transition: all .2s ease-out;*/
    /*-webkit-transition: all .2s ease-out;*/
	border-radius: 50%;
}
.mod1-box .visit-ul .date {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #999999;
}
.mod1-box .visit-ul .account {
	width: 100%;
	display: block;
	font-size: 12px;
	color: #000;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mod1-box .comm-list3 .item {
	padding: 30px 0;
}
.mod1-box .luckypoint {
	position: absolute;
	width: 100px;
	top: 50%;
	left: 50%;
	text-align: center;
	margin-left: -50px;
	margin-top: -15px;
}
.mod1-box .luckypoint .txt {
	font-size: 30px;
	font-weight: bold;
	color: #ff0000;
}
.mod1-box .luckypoint .des {
	font-size: 12px;
	color: #010101;
}
.comm-mod1 .mod1-box .pro-bar {
	margin: 0 auto;
	width: 684px;
	height: 32px;
	background-color: #f5f5f5;
	overflow: hidden;
	border-radius: 16px;
	position: relative;
}
.comm-mod1 .mod1-box .pro {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	background-color: #1abc9c;
}
.comm-mod1 .mod1-box .pro-txt {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 20px;
}
.comm-mod1 .mod1-box h2 {
	font-size: 17px;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
}
.comm-mod1 .mod1-box .user-box {
	margin: 0 auto 70px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.comm-mod1 .mod1-box .user-box .user-hover, .comm-mod1 .mod1-box .user-box .user-logo {
	width: 100%;
	height: 100%;
}
.comm-mod1 .mod1-box .user-box img {
	width: 100%;
	height: 100%;
}
.comm-mod1 .mod1-box .user-box .user-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	cursor: pointer;
}
.comm-mod1 .mod1-box .user-box .user-hover:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
}
.comm-mod1 .mod1-box .user-box .user-hover input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	font-size: 0;
	font-size: 999px\0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
}
.comm-mod1 .mod1-box .info ul.data-ul li {
	font-size: 15px;
	padding-bottom: 24px;
	color: #000;
	line-height: 40px;
	width: 100%;
}
.comm-mod1 .mod1-box .info ul li span.w90 {
	width: 90px;
	text-align: left;
}
.comm-mod1 .mod1-box .info ul li .up_text {
	font-size: 15px;
	height: 38px;
	border: #ccc 1px solid;
	padding: 0 15px;
}
.comm-mod1 .mod1-box .info ul li .up_textarea:focus, .comm-mod1 .mod1-box .info ul li .up_text:focus {
	border: #000 1px solid;
}
.comm-mod1 .mod1-box .info span.place {
	display: inline-block;
	vertical-align: middle;
}
.comm-mod1 .mod1-box .info ul li .up_textarea {
	border: 1px solid #ccc;
	width: 743px;
	padding: 15px;
	height: 70px;
	line-height: 22px;
	float: right;
}
.comm-mod1 .mod1-box .info .sava-btn {
	width: 126px;
	height: 40px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	background-color: #999;
	display: block;
	margin: 0 auto;
	border: 0;
	cursor: pointer;
	margin-top: 30px;
}
.comm-mod1 .mod1-box .info .sava-btn:hover {
	background-color: #000;
}
.mod-tab-user .comm-plist4 li .user-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	cursor: pointer;
}
.mod-tab-user .comm-plist4 li .user-hover input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	font-size: 0;
	font-size: 999px\0;
}
.mod-tab-user .comm-plist5 {
	overflow: hidden;
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 14px;
	background-color: #fff;
}
.mod-tab-user .comm-plist5 li {
	border: 1px solid #eeeeee;
	cursor: pointer;
	width: 420px;
	float: left;
	margin: 0 14px 20px;
}
.mod-tab-user .comm-plist5 li:hover {
	background-color: #f9f9f9;
}
.mod-tab-user .comm-plist5 li .hd {
	border-bottom: 1px solid #eeeeee;
	padding: 20px;
}
.mod-tab-user .comm-plist5 li .hd .hd-box {
	height: 190px;
}
.mod-tab-user .comm-plist5 li .hd .hd-box img {
	width: 100%;
	height: 100%;
}
.mod-tab-user .comm-plist5 li .txt {
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
}
.mod-tab-user .comm-plist5 li .tit {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mod-tab-user .comm-plist5 .state {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	color: #666;
}
.mod-tab-user .comm-plist5 li .txt em {
	font-size: 12px;
	color: #666;
	margin-left: 10px;
}
.mod-tab-user .comm-plist5 li .bd {
	font-size: 0;
	padding: 20px;
}
.mod-tab-user .comm-plist5 li .bd-well {
	height: 30px;
}
.mod-tab-user .comm-plist5 li .bd .well {
	display: inline-block;
	line-height: 28px;
	color: #333;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid #bfbfbf;
	padding: 0 10px;
	margin-right: 10px;
	vertical-align: middle;
}
.member_content .perch, .mod-tab-user .perch {
	overflow: hidden;
	height: 643px;
}
.mod-tab-user .perch img {
	display: block;
}
.member_content .perch {
	height: 400px;
}
.member_content .perch div.img-box, .mod-tab-user .perch div.img-box {
	width: 100%;
	height: 260px;
	margin-bottom: 15px;
}
.member_content .perch .img-box.plh-none, .mod-tab-user .perch .img-box.plh-none {
	background: url('../../../stand-in.svg') no-repeat center bottom;
}
.member_content .perch .img-box.plh-zcz, .mod-tab-user .perch .img-box.plh-zcz {
	background: url('../../../stand-in.svg') no-repeat center bottom;
}
.member_content .perch .img-box.plh-shz, .mod-tab-user .perch .img-box.plh-shz {
	background: url('../../../stand-in.svg') no-repeat center bottom;
}
.member_content .perch .img-box.plh-wtg, .mod-tab-user .perch .img-box.plh-wtg {
	background: url('../../../stand-in.svg') no-repeat center bottom;
}
.member_content .perch .txt, .mod-tab-user .perch .txt {
	font-size: 16px!important;
	color: #999!important;
	text-align: center;
}
.mod-tab-user .perch .cre-but {
	display: block;
	cursor: pointer;
	margin: 30px auto 0;
	width: 120px;
	height: 40px;
	background-color: #000;
	color: #fff;
	border: 0;
	border-radius: 4px;
	font-size: 16px;
}
.mod-tab-user .perch .cre-but:hover {
	background-color: #666;
}
.center-cer .list {
}
.mod-cer .list.top, .center-cer .list.top {
	font-size: 16px;
	padding: 17px 0;
	color: #000;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 30px;
}
.center-cer .list .li-c {
	font-size: 14px;
	padding: 22px 0;
	margin-left: 30px;
	margin-right: 30px;
	border-bottom: 1px solid #f5f5f5;
}
.mod-cer .list .li-c .inb, .center-cer .list .li-c .inb {
	display: inline-block;
}

.mod-cer .list .li-c .inb.error {
	color: #ff0000;
	font-size: 12px;
	margin-left: 5px;
}
.center-cer .cet-init-sel .inb {
	vertical-align: top;
	display: inline-block;
}
.center-cer .list .li-c .inb.inb-l {
	width: 135px;
	color: #666;
}
.center-cer .list .li-c .inb.inb-r {
	color: #000;
}
.center-cer .list .li-c .inb img {
	width: 100%;
	height: 100%;
}
.center-cer .cer-step {
	height: 145px;
	overflow: hidden;
}
.center-cer .cer-step .stepUl {
	width: 633px;
	height: 26px;
	margin: 60px auto 0;
	background: url('../../../stand-in.svg') no-repeat;
	position: relative;
	background-position: 0 -26px;
}
.center-cer .cer-step .stepUl.successStepUl {
	background-position: 0 -52px;
}
.center-cer .cer-step .stepUl .li {
	font-size: 14px;
	top: 36px;
	color: #999;
	position: absolute;
}
.center-cer .cer-step .stepUl .li.active {
	color: #333;
}
.center-cer .cer-step .stepUl .li.l1 {
	left: -15px;
}
.center-cer .cer-step .stepUl .li.l2 {
	left: 276px;
}
.center-cer .cer-step .stepUl .li.l3 {
	right: -15px;
}
.center-cer .cer-contain {
	overflow: hidden;
	padding-bottom: 50px;
}
.center-cer .cer-contain .step-logo {
	width: 70px;
	height: 70px;
	margin: 60px auto 10px;
	background: url('../../../stand-in.svg') no-repeat;
}
.center-cer .cer-contain .step-logo.successImg {
	background-position: 0 -140px;
}
.center-cer .cer-contain .step-logo.waitImg {
	background-position: 0 -70px;
}
.center-cer .cer-contain .step-logo.failImg {
	background-position: 0 0;
}
.center-cer .cer-contain .txt {
	font-size: 18px;
	text-align: center;
}
.center-cer .cer-contain .txt.waitTxt {
	color: #3399ff;
}
.center-cer .cer-contain .txt.failTxt {
	color: #ff3333;
}
.center-cer .cer-contain .txt.revokeTxt {
	font-size: 16px;
	color: #000;
}
.center-cer .cer-contain .waitContent {
	width: 510px;
	margin: 0 auto;
	text-align: left;
	padding-left: 58px;
	margin-top: 30px;
}
.center-cer .cer-contain .failContent p, .center-cer .cer-contain .waitContent p {
	font-size: 14px;
	color: #000;
	line-height: 29px;
}
.center-cer .cer-contain .waitContent p .cancel {
	color: #3399ff;
	cursor: pointer;
}
.center-cer .cer-contain .waitContent p .ico-v1-del10 {
	width: 15px;
	height: 15px;
	background-position: 0 -661px;
	margin-right: 4px;
}
.center-cer .cer-contain .button-div.one {
	margin: 50px auto 0;
	overflow: hidden;
}
.center-cer .cer-contain.waitting .button-div.one {
	width: 120px;
}
.center-cer .cer-contain.failling .button-div.one {
	width: 172px;
}
.center-cer .cer-contain.revoke .button-div.two {
	width: 256px;
	overflow: hidden;
	margin: 50px auto 0;
}
.center-cer .cer-contain .button-div input {
	height: 40px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border-radius: 3px;
	outline: none;
	border: 0;
	padding: 0 30px;
}
.center-cer .cer-contain .button-div.one .red-but {
	background-color: #FF0000;
}
.center-cer .cer-contain .button-div.one .red-but:hover {
	background-color: #FF4D4D;
}
.center-cer .cer-contain .button-div.two .but-two-l {
	width: 120px;
	background-color: #FF0000;
	float: left;
}
.center-cer .cer-contain .button-div.two .but-two-r {
	width: 120px;
	background-color: #666666;
	float: right;
}
.center-cer .cer-contain .button-div.two .but-two-l:hover {
	background-color: #FF4D4D;
}
.center-cer .cer-contain .button-div.two .but-two-r:hover {
	background-color: #999;
}
.center-cer .cer-contain .failContent {
	width: 345px;
	margin: 0 auto;
	text-align: center;
	/*padding-left: 58px;*/
	margin-top: 30px;
}
.center-cer .cet-init-sel {
	padding: 80px 0;
	font-size: 0;
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
}
.center-cer .cet-init-sel .cet-init-sel-div {
	cursor: pointer;
	margin-top: 15px;
}
.center-cer .cet-init-sel .cet-init-sel-div:hover .sel {
	opacity: 1;
	filter: alpha(opacity=100);
}
.center-cer .cet-init-sel .cet-init-sel-div:hover .sel-txt {
	color: #000;
}
.center-cer .cet-init-sel .sel {
	width: 80px;
	height: 80px;
	background: url('../img/sp.png');
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.center-cer .cet-init-sel .sel.sel-01 {
	background-position: -357px -559px;
}
.center-cer .cet-init-sel .sel.sel-02 {
	background-position: -357px -646px;
}
.center-cer .cet-init-sel .sel-txt {
	font-size: 16px;
	color: #ccc;
	padding-top: 12px;
}
.center-cer .cet-init-sel .des {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 135px;
	background-color: #eeeeee;
	margin: 0 100px;
}
.center-cer .cet-init-exp {
	font-size: 14px;
	color: #999;
	padding: 30px;
	line-height: 30px;
}
.mod-cer .list {
	border-bottom: 1px solid #f5f5f5;
}
.mod-cer .list .li-c {
	font-size: 14px;
	padding: 30px 0;
	margin-left: 30px;
	margin-right: 30px;
}
.mod-cer .inb.inb-l {
	width: 90px;
	color: #666;
	text-align: right;
	margin-right: 10px;
}
.mod-cer .inb.inb-r {
	color: #000;
}
.mod-cer .list .li-c .binding {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	position: relative;
	vertical-align: middle;
}
.mod-cer .list .li-c .binding.weibo-b {
	background-position: -53px 0;
}
.mod-cer .list .li-c .binding.weibo-b.rz {
	background-position: -53px -52px;
}
.mod-cer .list .li-c .binding.qq-b.rz {
	background-position: 0 -52px;
}
.mod-cer .list .li-c .binding.qq-b {
	background-position: 0 0;
}
.mod-cer .list .binding.rz > i {
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	right: 0;
	background: url('../../../stand-in.svg') no-repeat left top;
}
.mod-cer .list .li-c .inp-txt-area, .mod-cer .list .li-c .inp-txt {
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 0 10px;
	height: 32px;
	box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
}
.mod-cer .list .li-c .inp-txt-area {
	padding: 10px;
}
.mod-cer .list .li-c .inp-txt-area:focus, .mod-cer .list .li-c .inp-txt:focus {
	border: 1px solid #1b1b1b;
}
.mod-cer .list .li-c .user-logo-b, .mod-cer .list .li-c .user-logo-s {
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.mod-cer .list .li-c .user-logo-b {
	width: 120px;
	height: 120px;
}
.mod-cer .list .li-c .user-logo-b img, .mod-cer .list .li-c .user-logo-s img {
	width: 100%;
	height: 100%;
}
.mod-cer .list .li-c .hide-cont {
	padding-left: 95px;
	padding-top: 25px;
	display: none;
}
.mod-cer div.gray-btn, .mod-cer div.red-btn, .mod-cer div.black-btn, .mod-cer input.black-btn {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	padding: 0 20px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	position: relative;
	background-color: #000;
}
.mod-cer div.red-btn {
	background-color: #D90000;
}
.mod-cer div.red-btn:hover {
	background-color: #FF4D4D;
}
.mod-cer div.gray-btn {
	background-color: #666666;
}
.mod-cer div.gray-btn:hover {
	background-color: #999999;
}
.mod-cer input.black-btn {
	border: 0;
}
.mod-cer input.black-btn:hover, .mod-cer div.black-btn:hover {
	background-color: #666;
}
.mod-cer input.black-btn:disabled {
	background-color: #ccc;
}
.mod-cer .hide-cont .rzlis-top .rzlis >i {
	cursor: pointer;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-bottom: 4px;
	background: url('../../../stand-in.svg') no-repeat 0 0;
}
.mod-cer .hide-cont .rzlis >i.icon-on {
	background-position: -15px 0;
}
.mod-cer .list .list-r {
	float: right;
	margin-right: 0;
	color: #999;
	cursor: pointer;
}
.mod-cer .list .list-r.on {
	color: #333;
}
.mod-cer .list .list-r .ico-v {
	background: url('../../../stand-in.svg');
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 7px;
	margin-left: 5px;
	background-position: 0 0;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.mod-cer .list .list-r.on .ico-v {
	background-position: 0 -10px;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
.mod-cer .list .dropDownBox {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 1;
}
.mod-cer .list .selectText {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	color: #333;
	height: 32px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.mod-cer .list .dropDownBox dd {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	width: 100%;
	left: 0;
	top: 31px;
	background: #fff;
	display: none;
}
.mod-cer .list .dropDownBox dd ul {
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #ccc;
}
.mod-cer .list .dropDownBox dd ul li {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mod-cer .list .dropDownBox dd ul li:hover {
	background: #333;
	color: #fff;
}
.mod-cer .list .dropDownBox .smallPoint {
	border-color: #333 transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	width: 0;
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -2px;
}
.mod-cer .list .dropDownBox .cur .smallPoint {
	border-color: transparent transparent #333;
	border-width: 0 4px 5px;
}
.mod-cer .save-div {
	background-color: #f5f5f5;
	padding: 40px 0 10px;
	text-align: center;
}
.mod-cer .save-div .red-btn {
	width: 170px;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
}
.gx-box {
	position: absolute;
	width: 650px;
	height: 465px;
	top: 100px;
	left: 50%;
	margin-left: -325px;
	background: url('../../../stand-in.svg');
	background-position: -460px 0;
}
.gx-box .gx-btn {
	position: absolute;
	width: 100px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #000;
	font-size: 14px;
	cursor: pointer;
	left: 50%;
	margin-left: -50px;
	bottom: 57px;
	color: #000;
}
.gx-box .gx-btn:hover {
	background-color: #000;
	color: #fff;
}
.gx-box .close {
	width: 26px;
	height: 26px;
	background-image: url(../../../stand-in.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	right: 10px;
	top: 22px;
	cursor: pointer;
}
.gx-box .close:hover {
	background-position: 0 -76px;
}
.gx-box .tip-div {
	text-align: center;
	bottom: 5px;
	padding-top: 417px;
}
.gx-box .tip {
	display: inline-block;
	font-size: 12px;
	color: #666;
	cursor: pointer;
}
.gx-box .tip:hover {
	color: #000;
}
.tip-head-logo {
	position: absolute;
	top: -100px;
	right: -135px;
	width: 98px;
	height: 234px;
	background: url('../../../stand-in.svg') -275px -1029px;
}
.hui_bg_content {
	background: #f2f2f2;
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 0;
	 border-top:1px solid #dcdcdc; min-height:620px;
}
.hui_bg_contents {
     background: none; 
     width: 100%; 
     padding-bottom: 60px; 
     margin-bottom: 0;
	 border-top:none;
}
.content_box {
	width: 1480px;
	margin: 0 auto;
}
/*search*/
.search_input {
	transform: scale3d(1, 1, 1);
	transition-duration: 0.5s;
	transform-origin: 0% 50%;
	transition: transform 0.3s;
	font-family: inherit;
	font-size: 180px;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
	color: #000;
	margin-top: 250px;
	left: 0;
	position: relative;
}
 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #333;
opacity:1;
}
 input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #333;
opacity:1;
}
 input:-ms-input-placeholder {
 color: #333;
opacity:1;
}
 input::-webkit-input-placeholder {
 color: #333;
	opacity:1;
}
.header-in .search-con {
	width: 1200px;
	position: fixed;
	left: 50%;
	margin-left: -600px;
}
.search-con_p {
	font-size: 14px;
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: right;
	margin-top: 8px;
	left: 0;
}
.search_search_box {
	width: 350px;
	float: left;
	margin-right: 6.2%;
}
.no_margin {
	margin-right: 0;
}
.search_search_box h1 {
	font-size: 18px;
	line-height: 40px;
	cursor: pointer;
}
/*.search_search_box h1:hover{
	cursor:pointer;
	color:#fff;
	}*/
.search_search_box p {
	color: #999;
	font-size: 14px;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}
.search_search_box p:hover {
	color: #fff;
	cursor: pointer;
}
.search-box-box {
	width: 100%;
	left: 0;
	position: absolute;
	margin-top: 100px;
}





.selectText {
	margin-top: 10px;
	cursor: pointer;
	width: 230px;
	height: 40px;
	background:#eee;
	line-height: 38px;
	/* overflow: hidden; */
	position: relative;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	margin-left:0;
	border: 1px solid #ccc;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 12px;

}
.dropDownBox dd ul {
	position: absolute;
	overflow: auto;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 99;
}


.dropDownBox dd ul li:hover {
	background-color: #000;
	color: #fff;
}

.show_hide {
	display: block !important;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
/*画板子页面*/
.focus-wraps {
	position: relative;
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background: #ccc;
}
.suggest_box {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin-top: 20px;
	padding-top: 30px;
}
.suggest_box_content {
	width: 1480px;
	margin: 0 auto;
}
.suggest_box_content_left {
	float: left;
}
.suggest_box_content_right {
    float: right;
    bottom: 0;
    position: absolute;
    right: 0;
}
.suggest_box_content_left h1 {
	font-size: 20px;
	font-weight: normal;
	color: #000;
}
.suggest_box_content_left_header {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.suggest_box_content_left_center {
	margin-top: 18px;
}
.suggest_box_content_left_center h2 {
	color: #0066cc;
	font-size: 14px;
	line-height: 36px;
	margin-left: 12px;
	float: left;
}
.suggest_box_content_left_center span {
	font-size: 14px;
	color: #999;
	line-height: 25px;
	float: left;
	margin-left: 30px;
}


/*被1000人关注*/
.palette_content_box {
	padding-top: 40px;
	padding-bottom: 40px;
}
/*.follow_box_content {
	width: 1480px;
	margin: 0 auto;
	background: #fff;
	margin-top: 20px;
}
.follow_box_content_left {
	padding-left: 40px;
	padding-top: 40px;
	float: left;
}
.follow_box_content_header {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.follow_box_content_left_right {
	float: left;
	margin-left: 32px;
}*/
.follow_box_content_left_right_top h1 {
	font-size: 16px;
	color: #323232;
	float: left;
}
.vip_box {
	float: left;
	margin-left: 10px;
}
.Occupation {
	font-size: 12px;
	color: #666;
}
.works_box1 {
	float: left;
}
.works_box1 p {
	font-size: 14px;
	color: #666;
	float: left;
}
.works_box1 span {
	color: #000;
	font-size: 14px;
	float: left;
	font-weight: bold;
	margin-right: 20px;
}
.follow_box_content_left_right_foot {
	position: relative;
	height: 28px;
	margin-bottom: 40px;
	margin-top: 10px;
}
.guan1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 29px;
	border-radius: 3px;
	background: #000;
	cursor: pointer;
}
.guan1 p {
	color: #fff;
	font-size: 14px;
	width: 68px;
	text-align: center;
	line-height: 29px;
}
.guan2 {
	top: 0;
	left: 0;
	position: absolute;
	width: 68px;
	height: 29px;
	border-radius: 3px;
	background: #ccc;
	cursor: pointer;
}
.guan2 p {
	color: #fff;
	font-size: 14px;
	width: 68px;
	text-align: center;
	line-height: 29px;
}
.letter_box {
	float: left;
	background: #000;
	width: 35px;
	height: 28px;
	border-radius: 3px;
	position: absolute;
	top: -120px;
	left: 80px;
	cursor: pointer;
}
.letter_box:hover {
	background: #333;
}
.letter_box img {
	margin-left: 11px;
}
.letter_boxs img {
	margin-left: 11px;
	margin-top: 9px;
}
/*.follow_box_content_right {
	float: right;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.show_hua {
	float: left;
	margin-left: 10px;
	width: 202px;
	height: 144px;
	position: relative;
	cursor: pointer;
}*/
.zhezhao_60 {
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: none;
}
/*1000条评论*/
.comment_box {
	background: #fff;
	width: 1480px;
	margin: 0 auto;
	margin-top: 40px;
	padding-top: 30px;
}
.comment_box_content {
	width: 1370px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.contactss {
	width: 100%;
	height: 120px;
	border: 1px solid #ccc;
	line-height: 20px;
	padding: 12px;
	margin-top: 60px;
}
.contactss:hover {
	border: 1px solid #000;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.look_box {
	background: url('../img/sp.png') -410px -360px no-repeat;
	float: left;
	width: 56px;
	margin-left: -10px;
	margin-top: 5px;
}
.look_box p {
	float: right;
}
.discuss_box {
	margin-top: 14px;
	float: right;
}
.discuss_box p {
	color: #ccc;
	font-size: 14px;
	line-height: 14px;
	float: left;
}
.discuss_box p span {
	font-size: 14px;
	color: #666;
	font-weight: 500;
	line-height: 36px;
}
.discuss_box_btn {
	color: #fff;
	font-size: 14px;
	padding: 0 32px;
	line-height: 36px;
	background: #000;
	float: left;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 14px;
}
.discuss_box_btn:hover {
	background: #333;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.discussBox {
	margin-bottom: 60px;
}
.titleBox {
	padding-top: 40px;
	display: inline-block;
	min-width:100%;
}
.titleBox_header {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	cursor:pointer;
}
.titleBox_header img { min-width:60px; min-height:60px; width:100%;}
.titleBox_right {
	float: left;
	margin-left: 28px;
}
.titleBox_right h1 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-top:8px;
}
.titleBox_right span {
	color: #999;
	font-size: 14px;
	margin-left: 24px;
}
.titleBox_right p {
	color: #000;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.titleBox_right p img{
	margin:3px 2px 0 2px;
}
.answerBox {
	float: right;
	margin-top: 14px;
}
.answerBox p {
	float: left;
	width: 45px;
	text-align: right;
	font-size: 12px;
	color: #000;
	line-height: 14px;
	background: url('../img/sp.png') -317px -548px no-repeat;
	cursor: pointer;
	opacity: 0.3;
	margin-top:13px;
	margin-bottom:20px;
}
.answerBox p:hover {
	background: url('../img/sp.png') -317px -548px no-repeat;
	color: #000;
	opacity: 1;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.answerBoxspans {
	width: 15px;
	height: 14px;
	background: url('../img/sp.png') -317px -589px no-repeat;
	opacity: 0.3;
	cursor: pointer;
	float: left;
	margin-left: 14px;
	margin-top:13px;
}
.answerBoxspan {
	background: url('../img/sp.png') -317px -589px no-repeat ;
	opacity:1 !important;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.hides{ display:none !important;}
.xz_box {
	background: #eee;
	margin-left: 90px;
	padding: 22px;
	margin-top: 4px;
	padding-top: 16px;
}
.xz_box h1 {
	color: #0066cc;
	font-size: 15px;
	font-weight: normal;
}
.xz_box span {
	color: #999;
	font-size: 14px;
	margin-left: 24px;
}
.xz_box p {
	color: #000;
	font-size: 14px;
}

.tab-acts {
	height: 70px;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.tab-acts li {
	display: inline-block;
*display: inline;
*zoom:1;
}
.tab-acts li a {
	display: inline-block;
	line-height: 70px;
	font-size: 15px;
	color: #999;
}
.tab-acts li a:hover {
	color: #000
}
.tab-acts li {
	display: inline-block;
	line-height: 70px;
	padding: 0 10px;
	margin: 0 15px;
	font-size: 14px;
	color: #999;
	cursor: pointer;
}
.tab-acts li:hover {
	color: #000
}
.tab-acts_current {
	color: #000;
}
.mod-tab-acts {
	position: relative;
	background-color: #fff;
	z-index: 999;
	 border-top:1px solid #f5f5f5; border-bottom:1px solid #fff;
}
.mod-tab-acts .border {
	bottom: -1px;
	overflow: hidden;
	background: #000;
	position: absolute;
	z-index: 9;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

/*详情页*/
.pic-box img {
	width: 1480px;
}
.content_box_left {
	float: left;
}
.content_box_left_top {
	background: #fff;
}

.originalBox p {
	font-size: 14px;
	color: #999;
	float: left;
	margin-right: 12px;
	line-height: 20px;
}
.content_box_left_top_center {
	float: left;
	margin-left: 20px;
}
.content_box_left_top_center h1 {
	font-size: 22px;
	color: #000;
	line-height: 26px;
	margin-top: 26px;
	margin-bottom: 18px;
}
.original_boxs p {
	float: left;
	font-size:12px;
	line-height:12px;
	color:#fff;
	 text-align:center;
	 padding:4px 10px;
	 background:#22ac38;
	 border-radius:10px;
	cursor: pointer;
}
.fenxiang_boxs p {
	float: left;
	font-size:12px;
	line-height:12px;
	color:#fff;
	 text-align:center;
	 padding:4px 10px;
	 background:#ff0000;
	 border-radius:10px;
	cursor: pointer;
}
.dataBox1 {
	float: left;
	height: 18px;
	margin-right: 12px;
}
.dataBoxs {
	height: 18px;
	margin-bottom: 20px;
	margin-top:20px;
}
.dataBox11 {
	background: url('../img/sp.png') -455px -218px no-repeat;
	width: 22px;
	height: 18px;
	float: left;
	opacity:0.5;
}
.dataBox22 {
	background: url('../img/sp.png') -455px -242px no-repeat;
	width: 19px;
	height: 18px;
	float: left;
	opacity:0.5;
}
.dataBox33 {
	background: url('../img/sp.png') -270px -391px no-repeat;
	width: 16px;
	opacity:0.4;
	height: 16px;
	float: left;
	opacity:0.2;
}
.dataBox44 {
	background: url('../img/sp.png') -264px -415px no-repeat;
	width: 17px;
	height: 18px;
	float: left;
}
.dataBox1 span {
	float: left;
	font-size:12px;
	line-height: 18px;
	margin-left: 6px;
}

.shm {
	border-radius: 3px;
	font-size: 12px;
	color: #333;
	line-height: 28px;
	padding: 0px 7px;
	border: 1px solid #a0a0a0;
	width: 195px;
	position: absolute;
	left: -64px;
	top: 26px;
	background: #fff;
	display: none;
}
.content_box_left_top_right {
	float: right;
	position:relative;
}

.dciBox_right {
	float: right;
	width: 19px;
	height: 25px;
	background: url('../img/sp.png') -80px -510px no-repeat;
	margin-left: 14px;
	cursor: pointer;
}
.dciBox {
	margin-right: 40px;
	margin-top: 16px;
}
.content_box_left_content {
	background: #fff;
	padding: 50px 40px 20px 40px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}



.maxw1088{ max-width:1088px;}

/*画板评论*/
.ping_small {
	width: 1010px !important;
	border: 1px solid red;
}
.titleBox_rightss {
	float: left;
	margin-left: 28px;
}
.titleBox_rightss h1 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
}
.titleBox_rightss span {
	color: #999;
	font-size: 14px;
	margin-left: 24px;
}
.titleBox_rightss p {
	color: #000;
	width: 700px;
	font-size: 14px;
	margin-top: 4px;
}
.titleBox_rights {
	float: left;
	margin-left: 28px;
}
.titleBox_rights h1 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-top:6px;
}
.titleBox_rights span {
	color: #999;
	font-size: 14px;
	margin-left: 24px;
}
.titleBox_rights p {
	color: #000;
	width: 1000px;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 12px;
	word-break:break-all;
	word-wrap:break-word; 
}
.bannerBox {
	background: #fff;
}
.banner_box {
	width: 1480px;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 30px;
	cursor: pointer;
}
.banner_box a img {
	width: 1480px;
	height: 180px;
}
.xiangsi_box {
	font-size: 16px;
	color: #000;
	line-height: 16px;
	margin-top: 30px;
}
/*活动*/

.selectTexts {
	cursor: pointer;
	padding-right:20px;
	height: 70px;
	line-height: 72px;
	font-size: 12px;
	color: #666;
	padding-left: 4px;
	overflow: hidden;
	position: relative;
}
.selectTexts:hover {
	color: #333;
}
#dropDownBoxs dd ul {
	position: absolute;
	width: 90px;
	overflow: auto;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	top: 70px;
	right: -2px;
}
#dropDownBoxs dd ul li {
	float: none;
	cursor: pointer;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: left;
	font-size: 12px;
	color: #666;
	overflow: hidden;
	padding-left: 20px;
}
#dropDownBoxs dd ul li:hover {
	color: #fff;
}
.dropDownBox dd ul li:hover {
	background-color: #000;
	color: #fff;
}
.smallPoint {
	border-color: transparent transparent #888;
	border-width: 0 4px 5px;
}
.smallPoint {
	border-color: #999 transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	width: 0;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 49%;
	right: 3px;
}
.show_hide {
	display: block !important;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
.w1000{ width:1000px;}
.mod-tab-act_content {
	width: 1480px;
	margin: 0 auto;
	position: relative;
}
/*活动下拉*/
.xialaBox {
	position: absolute;
	width: 100%;
	height: 200px;
	top: 70px;
	background: #fff;
	border-top: 1px solid #dcdcdc;
	display: none;
}
.yxBox span {
	font-size: 14px;
	color: #ccc;
	float: left;
	padding-left: 20px;
	line-height: 32px;
	margin-right: 22px;
}
.yxBox {
	margin-top: 30px;
}
.yx_bq {
	float: left;
	line-height: 32px;
}
.yx_bqq {
	float: left;
	line-height: 32px;
}
.yx {
	color: #000;
	font-size: 14px;
	border: 1px solid #dcdcdc;
	width: 74px;
	line-height: 30px;
	border-radius: 15px;
	text-align: left;
	padding-left: 12px;
	cursor: pointer;
	background: url('../img/sp.png') -4px -820px no-repeat;
	float: left;
	margin-left: 12px;
}
.yx:hover {
	border: 1px solid #000;
}
.fl {
	font-size: 14px;
	color: #666;
	float: left;
	margin-right: 32px;
	cursor: pointer;
}
.cur_red_color {
	color: red !important;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}
.btn_chose {
	width: 140px;
	line-height: 40px;
	border-radius: 3px;
	font-size: 16px;
	background: #000;
	text-align: center;
	cursor: pointer;
	color: #fff;
	margin: 0 auto;
	margin-top: 16px;
}
.btn_chose:hover {
	background: #333;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out; /* Firefox 4 */
	-webkit-transition: all .3s ease-out; /* Safari 和 Chrome */
	-o-transition: all .3s ease-out; /* Opera */
}
/*招聘页*/
.xianBOX {
	width: 1180px;
	margin: 0 auto;
	height: 172px;
	overflow: hidden;
	position: relative;
}
.xian_big {
	position: relative;
	margin: 0 auto;
	width: 1280px;
	margin-top: 40px;
}
.imgBox {
	margin-right: 30px;
	width: 160px;
	height: 160px;
	float: left;
}
.imgBox img {
	width: 100%;
	height: 100%;
}
.contentBox {
	width: 1980px;
	position: absolute;
}
.jt_left {
	width: 22px;
	height: 38px;
	background: url('../img/sp.png') -147px -216px no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 0;
	margin-left: 15px;
	opacity: 0.3;
	cursor: pointer;
}
.jt_right {
	width: 22px;
	height: 38px;
	background: url('../img/sp.png') -181px -216px no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	right: 0;
	margin-right: 15px;
	opacity: 0.3;
	cursor: pointer;
}
.yt h1 {
	width: 200px;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	color: #000;
	margin: 0 auto;
	margin-top: 40px;
}
.fenge_all {
	height: 1px;
	background: #dcdcdc;
	margin-top: 40px;
	margin-bottom: 40px;
}
/*招聘内容*/
.screenBox {
	width: 1180px;
	margin: 0 auto;
}
.screenBox span {
	color: #999;
	font-size: 14px;
	line-height: 25px;
	float: left;
	margin-right: 30px;
}
.screenBox h2 {
	color: red;
	font-size: 14px;
	line-height: 25px;
	float: left;
	font-weight: normal;
	margin-right: 30px;
	cursor: pointer;
}
.screenBox p {
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	margin-right: 30px;
	cursor: pointer;
}
.screenBox p:hover {
	color: #000;
}
.more_more {
	float: right !important;
	font-size: 14px;
	color: #999;
	padding: 6px 12px;
	border: 1px solid #bfbfbf;
	line-height: 14px !important;
	border-radius: 3px;
	margin-right: 0;
	cursor: pointer;
}
.more_more:hover {
	color: #fff;
	border: 1px solid #000;
	background: #000;
}
.siteBox {
	margin-bottom: 6px;
}

/*私信弹窗*/
.sixin_tan {
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}




/*瀑布流弹窗*/
.pbl_bg{ padding-bottom:0; margin-bottom:0;}
.bg_fff{ background:#fff; width:870px !important; }

.no_borders{ border:none !important;}
.no_margin_top{ margin-top:0;}

@media only screen and (max-width: 1366px) {
/*首页广告通知*/
	/* marquee5 */
#marquee5 {
	width: 1180px;
}

.content-v1 {
	width: 1180px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	position: relative;
	z-index: 5;
}
.pn-footer-in, .pn-footer .footerbar-in {
	width: 1180px;
	margin: 0 auto
}
.page-s {
	width: 1180px;
	margin: 65px auto;
	margin-bottom: 0;
	overflow: hidden;
}
.header-in .logo-box {
	margin-right: 6%;
}

.slick-loading .slick-track, .slick-loading .slick-slide {
	width: 1190px !important;
}
.content_box {
	width: 1180px;
	margin: 0 auto;
}
.focus-wrap {
	position: relative;
	width: 100%;
	height: 280px;
	margin: 0 auto;
	background: #ccc
}
.mod-ftzc-c1 a img {
	width: 1180px;
	height: 93px;
	margin-bottom: 35px;
}
.pn-float {
	margin-left: 610px;
}
/* 搜索页*/
.search_input {
	font-size: 6vw;
	width: 100%;
	margin-top: 14vw;
	left: 0;
}
.search-con_p {
	width: 100%;
	left: 0;
}
.search_search_box {
	width: 340px;
	float: left;
	margin-right: 0%;
}
.tab-act-box {
	width: 1180px;
	min-width: 1180px;
}
.header-in .search-con {
	width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}
.search_search_box p {
	margin-right: 15px;
}
.search_search_box {
	width: 300px;
}
/*活动页*/

.content_lists_img_box img {
	width: 550px;
	height: 275px;
}
.zhezhao_50 {
	width: 550px;
	height: 275px;
}
.content_lists_zan {
	width: 550px;
}
.content_fen {
	width: 550px;
}
.detail {
	max-width: 550px;
}
.zan_box_foots {
	width: 550px;
}
/*画板banner*/
.mod-focus {
	position: relative;
	z-index: 5;
	width: 1180px;
	height: 280px;
}
.mod-focus-ex1 .pic-box img {
	width: 1180px;
	height: 280px;
}
/*被1000人关注*/

.follow_box_content {
	width: 1180px;
}
.suggest_box_content {
	width: 1180px;
}
.suggest_box_content_left p {
	color: #000;
	font-size: 14px;
	width: 800px;
}
.show_hua {
	margin-left: 8px !important;
	width: 202px;
	height: 144px;
}
.follow_box_content_right {
	float: right;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
}
.follow_box_content_left {
	padding-left: 30px;
	padding-top: 30px;
}
/*1000条评论*/
.comment_box {
	width: 1180px;
}
.comment_box_content {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 40px;
}
.discussBox {
	width: 1100px;
	margin: 0 auto;
	margin-left: 0px;
	margin-bottom: 60px;
}
.contactsss {
	width: 1010px;
}
/*详情*/
.pic-box img {
	width: 1180px;
	height: 280px;
}
.mod-focus-ex1 .focus-wrap {
	height: 280px;
}
.mod-focus-ex1 {
	height: 280px;
	margin-top: -20px;
	margin-bottom: 20px;
}
.image-text p {
	max-width: 788px;
}
.imageBox {
	width: 788px;
}
.works_operate .item-ex {
	width: 62px;
	margin-left: 278px;
}
.content-v1 .main {
	background: #fff;
	width: 870px;
}
.titleBox_rights p {
	width: 620px;
}
.bannerBox {
	background: #fff;
}
.banner_box {
	width: 1180px;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
.banner_box a img {
	width: 1180px;
	height: 157px;
}
/*活动中间nav*/
.mod-tab-act_content {
	width: 1180px;
	margin: 0 auto;
}
/*品牌-板块下拉*/
.xialaBoxs {
	width: 1180px;
}

}
@media only screen and (min-width: 1367px) and (max-width: 1600px){
/*首页广告通知*/
	/* marquee5 */
#marquee5 {
	width: 1180px;
}

.content-v1 {
	width: 1180px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	position: relative;
	z-index: 5;
}
.pn-footer-in, .pn-footer .footerbar-in {
	width: 1180px;
	margin: 0 auto
}
.page-s {
	width: 1180px;
	margin: 65px auto;
	margin-bottom: 0;
	overflow: hidden;
}
.header-in .logo-box {
	margin-right: 9%;
}


.slick-loading .slick-track, .slick-loading .slick-slide {
	width: 1190px !important;
}
.content_box {
	width: 1180px;
	margin: 0 auto;
}
.focus-wrap {
	position: relative;
	width: 100%;
	height: 280px;
	margin: 0 auto;
	background: #ccc
}
.mod-ftzc-c1 a img {
	width: 1180px;
	height: 93px;
	margin-bottom: 35px;
}
.pn-float {
	margin-left: 610px;
}
/* 搜索页*/
.search_input {
	font-size: 6vw;
	width: 100%;
	margin-top: 14vw;
	left: 0;
}
.search-con_p {
	width: 100%;
	left: 0;
}
.search_search_box {
	width: 340px;
	float: left;
	margin-right: 0%;
}
.tab-act-box {
	width: 1180px;
	min-width: 1180px;
}
.header-in .search-con {
	width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}
.search_search_box p {
	margin-right: 15px;
}
.search_search_box {
	width: 300px;
}
/*活动页*/

.content_lists_img_box img {
	width: 550px;
	height: 275px;
}
.zhezhao_50 {
	width: 550px;
	height: 275px;
}
.content_lists_zan {
	width: 550px;
}
.content_fen {
	width: 550px;
}
.detail {
	max-width: 550px;
}
.zan_box_foots {
	width: 550px;
}
/*画板banner*/
.mod-focus {
	position: relative;
	z-index: 5;
	width: 1180px;
	height: 280px;
}
.mod-focus-ex1 .pic-box img {
	width: 1180px;
	height: 280px;
}
/*被1000人关注*/

.follow_box_content {
	width: 1180px;
}
.suggest_box_content {
	width: 1180px;
}
.suggest_box_content_left p {
	color: #000;
	font-size: 14px;
	width: 800px;
}
.show_hua {
	margin-left: 8px !important;
	width: 202px;
	height: 144px;
}
.follow_box_content_right {
	float: right;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
}
.follow_box_content_left {
	padding-left: 30px;
	padding-top: 30px;
}
/*1000条评论*/
.comment_box {
	width: 1180px;
}
.comment_box_content {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 40px;
}
.discussBox {
	width: 1100px;
	margin: 0 auto;
	margin-left: 0px;
	margin-bottom: 60px;
}
.contactsss {
	width: 1010px;
}
/*详情*/
.pic-box img {
	width: 1180px;
	height: 280px;
}
.mod-focus-ex1 .focus-wrap {
	height: 280px;
}
.mod-focus-ex1 {
	height: 280px;
	margin-top: -20px;
	margin-bottom: 20px;
}
.image-text p {
	max-width: 788px;
}
.imageBox {
	width: 788px;
}
.works_operate .item-ex {
	width: 72px;
	margin-left: 296px;
}
.content-v1 .main {
	background: #fff;
}
.titleBox_rights p {
	width: 700px;
}
.bannerBox {
	background: #fff;
}
.banner_box {
	width: 1180px;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
.banner_box a img {
	width: 1180px;
	height: 157px;
}
/*活动中间nav*/
.mod-tab-act_content {
	width: 1180px;
	margin: 0 auto;
}
/*品牌-板块下拉*/
.xialaBoxs {
	width: 1180px;
}
.ppBox_tan {
	width: 1480px;
}
}

@media only screen and (max-width: 1366px) {
.content-v1 {
	width: 1180px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	position: relative;
	z-index: 5;
}
.pn-footer-in, .pn-footer .footerbar-in {
	width: 1180px;
	margin: 0 auto
}
.page-s {
	width: 1180px;
	margin: 20px auto;
	margin-bottom: 0;
	overflow: hidden;
}


.slick-loading .slick-track, .slick-loading .slick-slide {
	width: 1190px !important;
}
.content_box {
	width: 1180px;
	margin: 0 auto;
}
.focus-wrap {
	position: relative;
	width: 100%;
	height: 280px;
	margin: 0 auto;
	background: #ccc
}
.mod-ftzc-c1 a img {
	width: 1180px;
	height: 93px;
	margin-bottom: 35px;
}
.pn-float {
	margin-left: 610px;
}
/*画板*/
.focus-wraps {
	position: relative;
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background: #ccc
}
.w1000{ width:700px;}
}

@media only screen and (min-width: 1367px) and (max-width: 1600px){
.content-v1 {
	width: 1180px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	position: relative;
	z-index: 5;
}
.pn-footer-in, .pn-footer .footerbar-in {
	width: 1180px;
	margin: 0 auto
}
.page-s {
	width: 1180px;
	margin: 20px auto;
	margin-bottom: 0;
	overflow: hidden;
}


.slick-loading .slick-track, .slick-loading .slick-slide {
	width: 1190px !important;
}
.content_box {
	width: 1180px;
	margin: 0 auto;
}
.focus-wrap {
	position: relative;
	width: 100%;
	height: 280px;
	margin: 0 auto;
	background: #ccc
}
.mod-ftzc-c1 a img {
	width: 1180px;
	height: 93px;
	margin-bottom: 35px;
}
.pn-float {
	margin-left: 610px;
}
/*画板*/
.focus-wraps {
	position: relative;
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background: #ccc
}
.w1000{ width:700px;}
}





#fh6co-board2 .item {
    
    /* background: #fff; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 0px;
    overflow: hidden;
    padding: 0;
        margin-left: 1px;
        width: auto;
         height: auto;
    /*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);*/

    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}

#fh6co-board2 .size-1of4{
    width: 50%;
}
 
#fh6co-board2.item .fh5co-desc {
    padding: 10px 20px;
    line-height: 24px;
}

#fh6co-board2 .item .fh5co-item-title {
    font-size: 17px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

#fh6co-board2 .item img {
    width: 100%;
	display:block;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.pbl_zhezhao{background:rgba(0,0,0,0.5); width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.fh5co-board-img:hover .pbl_zhezhao{ display:block;}
#fh6co-board2 .item .fh6co-board2-img {

    overflow: hidden;
}

#fh6co-board2 .item .image-popup:hover img {
  
}

#fh6co-board2 .content_list_box{
	margin-top: 1px;
}


#fh6co-board2 .fh5co-board-img{
	opacity: 0.8
}
#fh6co-board2 .fh5co-board-img:hover{
	opacity: 1
}



.waterfall{
-moz-column-count:2; 
-webkit-column-count:2;  
column-count:2;
-moz-column-gap: 0em;
-webkit-column-gap: 0em;
column-gap: 0em;
}

.waterfall  .itemabc{
 
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid; 
}
.waterfall .itemabc img{
width: 100%; 
}

/*关注功能新增开始*/
.ico-v1-follow{
    height: 20px;
}
.mod-info-c1 .item .c1{
    top: 10px;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;
	margin-bottom:6px;
	margin-top:5px;
    background: #fff;
    border: 2px solid #ccc;
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out; 
}
.mod-info-c1 .item:hover .c1{ 
    border-color: #000;  
}
.mod-info-c1 .item.sixins:hover .c2,
.mod-info-c1 .item.js-follow:hover .c2{
    color: #000;
}
.mod-info-c1 .item.sixins:hover .c1 i{
    background-position: -291px -315px;
}
.mod-info-c1 .item.js-follow:hover .c1 i{
    background-position: -291px -201px;
}
/*.mod-info-c1{
    cursor: pointer;
}*/
.mod-info-c1 .item .c2{
    margin-top: 15px;
    line-height: 20px;
	cursor: pointer;
}
.sixins{cursor: pointer;}

.mod-info-c1 .item.js-follow.follow .c1{
     border-color: #ccc;
     background: #ccc;
}
.mod-info-c1 .item.js-follow.follow .c1 i{
    background-position: -323px -391px;
}
.mod-info-c1 .item.js-follow.follow:hover .c1 i{
    background-position: -322px -367px;
        top: 46%;
}
/*关注功能新增结束*/
@media only screen and (max-width: 1366px) {
	.mod-ftzc-c3 .mod-ftzc-c3-ul .item { margin-right:30px;}
	.mod-ftzc-c3 .mod-ftzc-c3-ul .item-01 .itemBg {
	width: 272px;
	height: 128px;
	}
	.btn_zhengshu{ left:30px;}

}
@media only screen and (min-width: 1367px) and (max-width: 1600px){
	.mod-ftzc-c3 .mod-ftzc-c3-ul .item { margin-right:30px;}
	.mod-ftzc-c3 .mod-ftzc-c3-ul .item-01 .itemBg {
	width: 272px;
	height: 128px;
}
	.btn_zhengshu{ left:30px;}
}



/*
	20240514 update 
*/

.user-action-item{
	width: 40px;
	height: 40px;
	border: 2px solid #333333;
	border-radius: 10px;
	display: grid;
	place-items: center;
	margin-right: 0;
	cursor: pointer;
	position: relative;
}

.user-action-item:hover{
	border-color: #9900FF;
}


.user-action-item .href-event{
	width: 40px;
    display: inline-block;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.user-action-item .search-btn{
	width: 26px;
	height: 26px;
	background: #fff;
    position: unset;
}

.user-action-item .sub-nav-list{
	top: 40px;
}


.sub-nav-list-ex2{
	left: unset;
	right: 0;
	width: 240px;
	background: #FFFFFF;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.08);
	border-radius: 6px;
}

.sub-nav-list-ex2 .user-info{
	height: 70px;
	display: flex;
	align-items: center;
	background-color: #E4E4E3;
	padding: 15px 20px;
}

.no-login-logo{
	width: 40px;
	height: 40px;
}

.sub-nav-list-ex2 .user-info .info{
	display: flex;
    flex-direction: column;
    margin-left: 10px;
    gap: 4px;
	font-size: 12px;
    color: #666;
}

.sub-nav-list-ex2 .user-info .info p{
	line-height: 1;
}

.sub-nav-list-ex2 .user-info .info .title{
	font-size: 16px;
    color: #333;
    font-weight: bold;
	text-align: left;
}

.sub-nav-list-ex2 .user-girds{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 20px 16px;
	padding: 20px 10px;
}

.sub-nav-list-ex2 .user-girds a{
	line-height: 1;
}

.sub-nav-list-ex2 .user-girds .gird-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 14px;
    color: #999;
    gap: 6px 0px;
}

.sub-nav-list-ex2 .user-girds .gird-item .gird-icon{
	width: 28px;
	height: 28px;
}

.ex-footer{
	width: 100%;
	height: 42px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #666;
	font-size: 14px;
	padding: 0 20px;
}

.no-border-top{
	border-top: none;
	margin-bottom: 10px;
    justify-content: center;
}

.ex-footer .gird-item3{
	width: 182px;
	height: 36px;
	background: #9900FF;
	border-radius: 18px;
	line-height: 1;
	color: #fff;
	font-size: 14px;
	display: grid;
    place-items: center;
}


.new-logo-box{	
	margin-right: 0!important;
	height: 100%;
}

.new-logo-box .logo-a{
	display: flex;
    height: 100%;
    align-items: center;
}



.ico-v1-0514 {
	background: url('../../../stand-in.svg');
	display: inline-block;
	vertical-align: middle;
}

.user-action-item:hover .ico-v1-0514 {
	background: url('../../../stand-in.svg');
	background-size: 100% 100%;
}

.user-action-item .is-hover{
	display: none;
}
.user-action-item:hover .no-hover{
	display: none;
}

.user-action-item:hover .is-hover{
	display: inline-block;
}


.test-sub-nav-list{
	display: block!important;
}

.ico-v1-notice{
	width: 26px;
    height: 26px;
    position: unset;
    margin: 0;
    background-size: 100% 100%;
}

.ico-v1-user-up{
	height: 24px;
}

.login-box{
	height: 100%;
    display: flex;
    align-items: center;
    gap: 0 20px;
    line-height: 1;
    float: unset;
    margin: 0;
}

.login-box .con-user{
	width: 40px;
	height: 40px;
    border-radius: 10px;
}

.login-box .con-user .sub-nav-list{
	top: 40px;
}

.login-box .con-user .user-ex{
	top: 40px;
}

.banner-container{
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}

.banner-container .mod-focus{
	width: 100%!important;
	overflow: hidden;
	height: auto;
}

.banner-container .mod-focus .focus-wrap{
	width: 100%!important;
	background: transparent;
	height: auto;
}

.banner-container .pic-box .img{
	width: 100%;
}

.page-header{
	position: fixed!important;
	min-width: unset;
}

.header-site{
	height: 100px;
	width: 100%;
	display: none;
}

.page-tab-act{
	height: 92px;
	padding: 0 10px;
	text-align: left;
}

.page-tab-act li a{
	color: #333;
	line-height: 92px;
}

.hui_bg_content_0514{
	background-color: #f9f9f9!important;
}

.hui_bg_content_0514 .content_box, .hui_bg_content_0514 .works{
	width: 100%!important;
	min-width: 780px;
	padding-top: 20px;
}



.hui_bg_content_0514 .recommend{
	width: 100% !important;
    display: flex;
    flex-wrap: wrap;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 3.64vw 0 3.64vw;
	gap: 1.14vw;
}

/* 6个 */
.grid .figure_box .img{
	width: 14.28vw!important;
    height: 11.29vw!important;
	object-fit: cover;
    min-height: unset;
}

.grid .figure_box figcaption{
	width: 14.28vw!important;
    height: 11.29vw!important;
	padding: 1.475vw 1.68vw!important;
	overflow: hidden!important;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.box-info-area{
	width: 14.28vw!important;
}

.grid .grid_img_box{
	width: 14.28vw!important;
	display: flex;
    gap: 0 4px;
}




/* 4个 */
@media only screen and (max-width: 1630px) {
	.grid .figure_box .img{
		width: 21.96vw!important;
		height: 17.23vw!important;
		object-fit: cover;
		min-height: unset;
	}
	
	.grid .figure_box figcaption{
		width: 21.96vw!important;
		height: 17.23vw!important;
		padding: 1.875vw 2.08vw!important;
	}

	.box-info-area{
		width: 21.96vw!important;
	}

	.grid .grid_img_box{
		width: 21.96vw!important;
	}
	
}

/* 3个 */
@media only screen and (max-width: 1288px) {
	.grid .figure_box .img{
		width: 29.35vw!important;
		height: 23.05vw!important;
		object-fit: cover;
		min-height: unset;
	}
	
	.grid .figure_box figcaption{
		width: 29.35vw!important;
		height: 23.05vw!important;
		padding: 1.875vw 2.08vw!important;
	}

	.box-info-area{
		width: 29.35vw!important;
	}

	.grid .grid_img_box{
		width: 29.35vw!important;
	}
}

@media only screen and (max-width: 1366px) {

	.nav-list{
		gap: 30px;
	}

	.simple_footer #footerfullBar .right{
		padding: 10px!important;
	}

	.simple_footer #footerfullBar .right .links{
		gap: 1.2vw!important;
	}
}

@media only screen and (max-width: 1100px) {

	.nav-list{
		gap: 10px;
	}

	.simple_footer #footerfullBar .right{
		padding: 0!important;
	}

	.simple_footer #footerfullBar .right .links{
		gap: 5px!important;
	}
}


.full-screen .footerbar {
	width: 100vw;
    height: auto;
    margin: 0px auto;
    line-height: 50px;
	position: absolute;
    bottom: 0;
    left: 0;
 
}

.full-screen .footerbar .footerbar-in{
	background-color: #080404;
	display: flex;
	align-items: center;
}

.full-screen .footerbar a{
	color: #fff;
}

.full-screen .footerbar .links{
	display: flex;
    gap: 50px;
    justify-content: end;
    padding: 0 45px;
	flex: 1;
}

.full-screen .copyright{
	height: 28px;
    background: #B290C1;
    padding: 0 45px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #222;
    justify-content: end;
}

.full-screen #search_zuijin{
	width: 100%!important;
}

.full-screen .search-box-box{
	position: unset;
}

.full-screen .search_search_box h1{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 35px;
}

.full-screen .search_search_box p{
	margin-right: 50px;
	color: #333;

}


.full-screen .search_search_box p:hover{
	color:#C300FF;
	cursor:pointer;
}

.full-screen .search-con_p{
	position: unset;
	color: #333;
}


.full-screen .search-arror-icon{
	width: 5.5vw;
    height: 5.5vw;
    cursor: pointer;
    position: absolute;
    right: 120px;
}

.full-screen .input-area{
	margin-top: 80px;
	display: flex;
    align-items: center;
}

.full-screen .search_input{
	margin-top: 0!important;
	border-bottom: 1px solid #000;
}

.simple_footer{
	margin: 0;
	width: 100%;
	height: unset;
	position: relative;
	margin-top:60px;
}


.simple_footer .footerbar-in{
	background-color: #080404;
	display: flex;
    align-items: center;
	height: 50px;
	position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
	z-index: 986;
}

.simple_footer #footerfullBar{
	height: 200px;
	padding: 20px 36px;
	align-items: baseline;
	display: none;
	position: fixed;
	width: 100%;
	bottom: -200px;
	left: 0;
	transition: all .3s;
	z-index: 120;
	/* margin-top: 30px; */
}

.simple_footer #footerfullBar .close-area{
	display: none;
}

.simple_footer #footerfullBar .left{
	width: 25%;
	color: #fff;
}

#footerfullBar .left .logoclass{
	width: 59px;
	height: 30px;
}

.simple_footer #footerfullBar .middle{
	width: 60%;
	color: #fff;
}

.simple_footer #footerfullBar .right{
	width: 20%;
	padding-right: 35px;
}

.simple_footer #footerfullBar .right .links{
	padding: 0;
    gap: 1.5vw;
    width: 100%;
	flex: unset;
	justify-content: end;
}

.simple_footer #footerfullBar .right .links a{
	margin: 0;
}

.simple_footer a{
	color: #fff;
	margin-right:8px;
}

.simple_footer .links{
	display: flex;
    gap: 50px;
    justify-content: end;
    padding: 0 45px;
	flex: 1;
}

.simple_footer .copyright{
	height: 28px;
    background: #B290C1;
    padding: 0 45px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #222;
    justify-content: end;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 130;
}

.simple_footer .cr{
	line-height: 1;
}

.work-detail-pc-float{
	display: none;
}

.simple_footer .brand-area{
	display: flex;
	gap: 16px 40px;
	flex-wrap: wrap;
	
}

.simple_footer .brand-area .img{
	width: 100px;
	border-radius: 6px;
	cursor: pointer;
	object-fit: contain;
}

.simple_footer .brand-area .qrcode-img{
	width: 80px;
}

.simple_footer .large-img-size{
	max-height: 120px;
	overflow: hidden;
	gap: 12px;
}

.simple_footer .large-img-size .item{
	margin: 0;
}
.simple_footer .large-img-size .img{
	width: 80px;
}

.ai-logo{
	position: relative;
    top: -4px;
}

.ai-logo .ai-logo-img{
	width: 56px;
}

.close-area{
	background: url('../../../stand-in.svg') no-repeat;
	background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
	cursor: pointer;
}