﻿@charset "utf-8";
/* index */
.w280 {
	width: 280px;
}
/*背景高斯模糊*/
.svghin {
	display: none;
}
.svglist {
	width: 280px;
	height: 118px;
	float: left;
	position: relative;
	overflow: hidden;
}
.svglist img {
	width: 280px;
	height: 280px;
	position: relative;
	top: 70%;
	left: 50%;
	margin-left: -140px;
	margin-top: -160px;
}
.layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* for IE */
	filter: alpha(opacity=60);
	/* CSS3 standard */
	opacity: 0.6;
}
.cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.blur {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	-o-transform: translateZ(10);
	-ms-transform: translateZ(10);
	-moz-transform: translateZ(10);
	-webkit-transform: translateZ(10);
	transform: translateZ(10);
	/* blur */
	filter: url(blur-12px.svg#blur);
	/* css3 */
	-webkit-filter: blur(12px);
	-moz-filter: blur(12px);
	filter: blur(12px); /* FireFox 35+ support */
    /* IE6~IE9 */
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=12, MakeShadow=false);
 *left: -12px;
	left: -12px\0;
}
/*背景高斯模糊－－end*/


.designerBox {
	clear: both;
	text-align: center;
	position: relative;
	top: -111px;
	height: 91px;
}
.designerBox img {
	border: 4px #fff solid;
	border-radius: 100%;
}
.designerBox img:hover {
	width: 250px;
	height: 180px;
	border-radius: 3px;
}
.designerBox a {
	color: #38485a;
}
.designerBox a:hover {
	color: #4095cc;
}
.c_000 a {
	color: #38485a;
}
.c_000 a:hover {
	color: #4095cc;
}
.designerMes {
	color: #818486;
	font-size: 12px;
	line-height: 22px;
	padding: 8px 15px 0;
}
.designerMes a {
	color: #818486;
}
.designerMes a:hover {
	color: #818486;
	text-decoration: underline;
}
.designerMore {
	border-top: 1px #efefef solid;
	font-size: 12px;
	margin-top: 15px;
	padding: 17px 15px;
}
.designerMore .sqhg_t {
	float: left;
	display: block;
}
.designerMore .sqhg_t a {
	color: #818486;
}
.designerMore .sqhg_t a:hover {
	color: #818486;
	text-decoration: underline;
}
.designerMore a {
	background-position: 0 -24px;
	margin-top: 3px;
	height: 12px;
	width: 21px;
}
.w1200 {
	width: 1200px;
	clear: both;
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pos_tabs {
	width: 1200px;
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tabstj {
	float: left;
	width: 370px;
}
.tabstj li {
	float: left;
	font-size: 14px;
	margin-right: 10px;
}
.tabstj li a {
	color: #999;
	display: block;
	height: 35px;
	margin-right: 15px;
	line-height: 35px;
	text-align: center;
	padding: 0 20px;
}
.tabstj li a:hover {
	color: #10C55B;
}
.tabstj li .onactive {
	border: 1px solid #10C55B;
	border-radius: 5px;
	display: block;
	color: #10C55B;
}
.design_hot_text {
	float: left;
	width: 500px;
	line-height: 35px;
	color: #999;
}
/*列表活动横排模块 End*/
.workList {
	float: left;
	margin: 30px 20px 0 0;
	position: relative;
	width: 285px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.06);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.workList:hover {
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
}
.workList:nth-child(4n+0) {
	margin-right: 0px;
}
/*旧模块鼠标移动阴影特效.workList:hover{
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    }*/

.workImg {
	width: 285px;
	overflow: hidden;
}
.clearfix.pt10.pl15.c_38485a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 20px;
}
.r-tuijia::after {
	content: "";
	display: block;
	background: url("../images/tag_suggest.png") no-repeat center;
	background-size: auto auto;
	background-size: cover;
	width: 18px;
	height: 27px;
	position: absolute;
	top: 0;
	right: 10px;
}
.workList_ads {
	float: left;
	margin: 30px 20px 0 0;
	overflow: hidden;
	position: relative;
	width: 280px;
}
.workImg img {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.workList_ads p img {
	width: 280px;
	height: 200px;
}
.workName {
	color: #abb0b3;
	font-size: 12px;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left:5px;
}
.workName p {
	overflow: hidden;
	height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.workName a {
	color: #333;
}
.workName a:hover {
	color: #000;
}
.workTit {
	color: #abb0b3;
	font-size: 12px;
	line-height: 20px;
	min-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.workTit p {
	overflow: hidden;
	height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.workTit a {
	color: #394a58;
}
.workTit a:hover {
	color: #4095cc;
}
.clearfix {
}
.workBtn {
	border-top: 1px #efefef solid;
	padding: 10px 16px 14px 13px;
	height: 22px;
}
.workBtn span,  .materialIcon {
	color: #8f98aa;
	display: inline-block;
	font-size: 13px;
}
.price {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #243238;
	float: right;
	line-height: 28px;
}
.workBtn span a,  .materialIcon a {
	color: #8f98aa;
}
.workBtn span i,  .workBtn p,  .materialIcon i {
	color: #bcbec3;
	font-size: 20px;
}
.workBtn span i.pinglun,  .materialIcon i.pinglun {
	font-size: 19px;
	position: relative;
	top: 2px;
}
.workBtn span i.icon-shoucang,  .materialIcon i.icon-shoucang {
	font-size: 15px;
	position: relative;
	top: -2px;
}
.workBtn span i.download,  .materialIcon i.download {
	font-size: 13px;
	position: relative;
	top: -1px;
}
.workBtn span i.psd,  .materialIcon i.psd {
	font-size: 14px;
}
.iDworks {
	padding: 25px 5px 37px;
}
.iDworks li {
	float: left;
	margin-left: 14px;
	overflow: hidden;
}
.friendLink {
	font-size: 0;
	padding: 15px 17px;
}
.friendLink span {
	color: #000;
	font-size: 12px;
	margin-right: 10px;
}
.friendLink a {
	color: #A1A3A3;
	font-size: 12px;
	line-height: 26px;
	margin-right: 20px;
	white-space: nowrap;
}
.friendLink a:hover {
	color: #666;
}
.price_button {
	background-color: #eab122;
	border-radius: 100%;
	bottom: 83px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	line-height: 45px;
	outline: 0 none!important;
	position: absolute;
	min-height: 45px;
	right: 15px;
	text-align: center;
	transition: all 200ms ease 0s;
	min-width: 45px;
	z-index: 10;
	filter: alpha(opacity=0);
	opacity: 0
}
.photo_stock .price_button {
	border-radius: 0;
	bottom: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	line-height: 35px;
	outline: 0 none!important;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 200ms ease 0s;
	z-index: 10;
	filter: alpha(opacity=0);
	opacity: 0;
	min-height: 35px;
	min-width: 35px;
	padding: 0 15px 0 5px
}
.photo_stock .ts-tabs-style-default .price_button {
	padding: 0 5px 0 5px
}
.photo_stock .price_button i, .photo_stock .price_button a {
	color: #fff!important
}
.photo_stock .item-box:hover .price_button {
	transform: scale(1.2)
}
.price_button p {
	margin-bottom: 0
}
.price_button ins, .price_button a {
	text-decoration: none
}
.price_button a {
	color: #fff!important;
	font-size: 14px;
	padding: 0;
	letter-spacing: .3px;
	line-height: 45px;
	font-family: "Montserrat", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.course-item:hover .price_button, .course-item:hover .magnifier {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1
}
.course-item:hover .price_button {
	transform: scale(1.2)
}
.price_button {
	color: #fff!important
}
.price_button:hover {
	color: #fff!important
}
.price_button a:hover {
	color: #ffc107
}
.course-price-widget {
	float: right;
}
.avatar-xxs {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 20px !important;
	height: 20px !important;
}
.link-dark {
	cursor: pointer;
	color: #616161 !important;
	transition: all .3s ease;
}
/* index End */



/* page */
.designerHead {
	border-right: 1px #f0f0f0 solid;
}
.designerHead > li {
	border-left: 1px #f0f0f0 solid;
	color: #213244;
	float: left;
	line-height: 58px;
	position: relative;
	width: 148px;
}
.designerHead > li p {
	cursor: pointer;
	padding: 0 20px;
}
.designerHead > li span {
	background-position: -300px 0;
	margin-top: 28px;
	height: 7px;
	width: 12px;
}
.wXialaUl {
	background-color: #fff;
	border: 1px #e8e8e8 solid;
	display: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	left: -1px;
	top: 100%;
	width: 290px;
	z-index: 999;
}
#diqu {
	height: 198px;
	overflow-y: scroll;
}
.wXialaUl li {
	line-height: 38px;
	float: left;
	width: 50%
}
.wXialaUl li a {
	display: block;
	padding: 0 20px;
}
.wXialaUl li a:hover {
	background-color: #008fe1;
	color: #fff;
}
/**筛选**/
.menu {
	color: #454545;
	padding: 8px 0;
	font-size: 14px;
	margin: 20px auto 0px;
	background: #fff;
	width: 1200px;
}
.menu .box {
	line-height: 23px;
	padding: 8px 0;
	border-bottom: 1px #eee dashed;
	margin: 0 10px;
}
.menu .box b {
	float: left;
	font-weight: normal;
	margin: 2px 0;
}
.menu .box span {
	background: #fda233;
	color: #fff;
}
.menu .box span a{
	background: #fda233;
	color: #fff;
}
.menu .box span,.menu .box a {
	display: inline-block;
	border-radius: 3px;
	font-weight: normal;
	height: 23px;
	min-width: 70px;
	overflow: hidden;
	text-align: center;
}
.menu a.active {
	-moz-box-shadow: 0px 0px 8px #66ad44;
	-webkit-box-shadow: 0px 0px 8px #1B1C2A;
	box-shadow: 5px 0px 5px #1B1C2A;
	border: 1px solid #333;
}
.menu .box a.蓝色 {
	background: blue !important;
	color: fff;
}
.menu .box a.红色 {
	background: red !important;
	color: fff;
}
.menu .box a.橙色 {
	background: orange !important;
	color: fff;
}
.menu .box a.黄色 {
	background: yellow !important;
	color: fff;
}
.menu .box a.绿色 {
	background: green !important;
	color: fff;
}
.menu .box a.粉色 {
	background: #FF6EC7 !important;
	color: fff;
}
.menu .box a.紫色 {
	background: purple !important;
	color: fff;
}
.menu .box a.黑色 {
	background: black !important;
	color: fff;
}
.menu .box a.灰色 {
	background: gray !important;
	color: fff;
}
.menu .box a.白色 {
	background: #FFF !important;
	color: fff;
	border: 1px solid #ddd;
}
.menu .box a.咖啡色 {
	background: #964B00 !important;
	color: fff;
}
.menu .box a.多色 {
	background-image: linear-gradient(to right, red, orange, yellow, #0be500, #0072de);
}
.designerSearch {
	float: left;
	padding: 12px 0 0 13px;
	height: 45px;
}
.designerSearch input[type=text] {
	border: 1px #dbdbdb solid;
	line-height: 32px;
	padding: 0 10px;
	height: 32px;
	width: 220px;
}
.designerSearch input[type=button] {
	background-color: #0099e5;
	color: #fff;
	cursor: pointer;
	line-height: 34px;
	margin-left: 5px;
	padding: 0 20px;
	height: 34px;
}
.pb80 {
	padding-bottom: 20px;
}
.designerDl {
	border-bottom: 1px #b4b4b4 dotted;
	margin-top: 30px;
	padding-bottom: 30px;
}
.mt10.relative {
	left: 70px;
	bottom: 24px;
	display: initial;
}
.designerBtn {
	background-color: #f9b015;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 25px;
	padding: 0;
	text-align: center;
	width: 85px;
}
.designerBtn.current {
	background-color: #1bbc9b;
}
.quxiao {
	background-color: #f05050;
}
.quxiaoBtn {
	background-color: #fafafc;
	border: 1px #eceaeb solid;
	color: #0099e5;
}
.designerBtn.fasixin {
	background-color: #7087a3;
}
.designerBtn span {
	background-position: -300px -8px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
	height: 14px;
	width: 14px;
}
.designerBtn.current span {
	background-position: -316px 0;
}
.designerBtn.quxiao span {
	background-position: -300px -23px;
}
.designerBtn.fasixin span {
	background-position: -285px -56px;
	top: 0;
	height: 10px;
	width: 15px;
}
.designerWork li {
	float: left;
	margin-left: 15px;
}
.designerWork li a {
	background-color: #fff;
	border-radius: 5px;
	display: block;
	padding: 5px;
}
.designerWork li img {
	border-radius: 5px;
}
.worksUpload {
	background-color: #3499da;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 38px;
	text-align: center;
	padding: 0 10px;
	position: relative;
	min-width: 80px;
}
.worksUpload input[type=file] {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.worksUpload.cancelBtn {
	background-color: #a3aeb6;
}
.worksUpload.deleteBtn {
	background-color: #9aa4aa;
}
.worksUpload.xiugai {
	background-color: #d2d7db;
}
.mt60 {
	margin-top: 60px;
}
.pt40 {
	padding-top: 40px;
}
.h310 {
	height: 310px;
}
.shareBox {
	background-color: #f4f6f8;
	float: left;
	text-align: center;
	padding: 35px 45px 50px;
	width: 36px;
}
.shareBox .bshare-custom.icon-medium .bshare-sinaminiblog,  .shareBox .bshare-custom.icon-medium .bshare-douban,  .shareBox .bshare-custom.icon-medium .bshare-qzone,  .shareBox .bshare-custom.icon-medium .bshare-huaban,  .shareBox .bshare-custom.icon-medium .copyBtn,  .mvShare .bshare-custom.icon-medium .bshare-sinaminiblog,  .mvShare .bshare-custom.icon-medium .bshare-douban,  .mvShare .bshare-custom.icon-medium .bshare-qzone,  .mvShare .bshare-custom.icon-medium .bshare-huaban,  .mvShare .bshare-custom.icon-medium .copyBtn {
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	height: 36px;
	width: 36px;
}
.mvShare .bshare-custom.icon-medium .bshare-sinaminiblog,  .mvShare .bshare-custom.icon-medium .bshare-douban,  .mvShare .bshare-custom.icon-medium .bshare-qzone,  .mvShare .bshare-custom.icon-medium .bshare-huaban,  .mvShare .bshare-custom.icon-medium .copyBtn {
	display: inline-block;
	margin: 0 8px 0 0;
}
.shareBox .bshare-custom.icon-medium .bshare-sinaminiblog,  .mvShare .bshare-custom.icon-medium .bshare-sinaminiblog {
	background-position: -332px 0;
}
.shareBox .bshare-custom.icon-medium .bshare-douban,  .mvShare .bshare-custom.icon-medium .bshare-douban {
	background-position: -369px 0;
}
.shareBox .bshare-custom.icon-medium .bshare-qzone,  .mvShare .bshare-custom.icon-medium .bshare-qzone {
	background-position: -406px 0;
}
.shareBox .bshare-custom.icon-medium .bshare-huaban,  .mvShare .bshare-custom.icon-medium .bshare-huaban {
	background-position: -443px 0;
}
.shareBox .bshare-custom.icon-medium .copyBtn,  .mvShare .bshare-custom.icon-medium .copyBtn {
	background-position: -332px -37px;
}
.zfText {
	float: left;
	margin-left: 59px;
	width: 774px;
}
.mt50 {
	margin-top: 50px;
}
.zfZan {
	background-position: 0 -36px;
	border-radius: 100%;
	box-shadow: 0 1px 10px rgba(28,168,232,0.5);
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font: 16px Arial;
	text-align: center;
	padding-top: 55px;
	height: 34px;
	width: 89px;
}
.zfText p span {
	line-height: 26px;
}
.zfText span {
	line-height: 26px;
}
.zfText p div span {
	line-height: 26px;
}
.zfText p {
	line-height: 26px;
	font-size: 15px;
}
.zfText h6 {
	padding-bottom: 12px;
}
.zfText h5 {
	padding-bottom: 12px;
}
.zfText h4 {
	padding-bottom: 12px;
}
.zfText h3 {
	padding-bottom: 12px;
}
.zfText h2 {
	padding-bottom: 12px;
}
.zfText h1 {
	padding-bottom: 12px;
	color: #3f8def;
	font-size: 20px
}
.zfText h1 span {
	padding-bottom: 12px;
	color: #4095cc;
	font-size: 20px
}
.zfText h2 span {
	padding-bottom: 12px;
	color: #4095cc;
	font-size: 20px
}
.zfText strong {
	padding-bottom: 12px;
}
.zfText p.c_abb0b3 {
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
}
.zfText ol {
	font-size: 16px;
}
.zfText ol li a {
	color: #0da4d3;
	line-height: 30px;
}
.zfText ol li {
	padding-bottom: 8px;
}
.zfText p a span {
	color: #0da4d3;
}
.txmzf img {
	width: 100px;
	height: 100px;
}
.fl.mt15.mr15.arc-mb {
	width: 178px;
}
.mt115 {
	margin-top: 115px;
}
.commentTitle {
	border-bottom: 1px #f4f4f4 solid;
	color: #333;
	font-size: 16px;
	padding-bottom: 15px;
}
.commentreplytextarea {
	display: none;
}
.commentTa {
	background-color: #f8f9fb;
	border: 1px #e9ecf2 solid;
	border-radius: 5px;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.05) inset;
	padding: 5px 10px;
	height: 100px;
}
.commentTa textarea {
	color: #666;
	line-height: 24px;
	resize: none;
	height: 100%;
	width: 100%;
}
.commentDl {
	border-bottom: 1px #f4f4f4 solid;
	margin-top: 20px;
	padding-bottom: 20px;
}
.commentDd {
	color: #666;
	line-height: 24px;
	margin-left: 80px;
}
.commentDd2 {
	color: #666;
	line-height: 24px;
	margin-left: 10px;
}
.commentCon {
	margin-right: 60px;
}
.huifu {
	background-color: #f4f5f7;
	border-radius: 5px;
	padding: 15px;
}
.commentMore {
	border: 1px #dddfe1 solid;
	border-radius: 20px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	height: 40px;
	min-width: 178px;
}
.w160 {
	width: 160px;
}
.gengxinTime {
	border-top: 1px #e2e2e1 solid;
	border-bottom: 1px #e2e2e1 solid;
	padding: 20px 0;
}
.shangqi {
	background-position: -90px -36px;
	color: rgba(239,239,239,0.6);
	text-align: center;
	overflow: hidden;
	height: 160px;
	width: 160px;
}
.shangqi a {
	color: rgba(239,239,239,0.6);
}
.shangqi a:hover {
	color: rgba(239,239,239,1);
}
.shangqi img {
	border: 2px #f1f1f1 solid;
}
.w840 {
	width: 800px;
}
.mvHead {
	border: 1px solid #e4ecf3;
	padding:20px 20px 0px;
	background: #fff;
	margin: 10px auto;
	border-radius: 5px;
	float: left;
	width: 97%;
}
.course-img {
	float: left;
	position: relative;
	width: 292px;
	margin: 15px;
}
.img-responsive {
	width: 100%;
	padding: 5px 5px 10px 5px;
	border: 1px solid #e4ecf3;
	margin-left: -12px;
}
.course-info {
	padding: 15px 20px 15px 5px;
	width: 580px;
	float: left;
}

.mvHead .d-line{margin-top:3px}
.mvHead .d-line:after,.mvHead .d-line:before{content:"";display:table}
.mvHead .d-line:after{clear:both}
.mvHead .d-shop{color:#666;font-size:14px;line-height:24px;margin-bottom:10px;float:left;width:180px}

.jgk {
	line-height: 46px;
	height: 46px;
	margin: 10px 0;
	padding: 0px;
	font-size:14px;
	color:#666;
}
.jgk b {
	font-size: 24px;
	color: #f60;
	padding-right: 10px;
}
.jgk .show-vip {
    margin-left: 10px;
    color: #E8413C;
}
.jgk i {
	margin: 0 3px;
}
.jgk b i {
	font-size: 18px;
}
.mfk {
	line-height: 46px;
	height: 46px;
	background: #f2ffd7 url(../images/free.gif) no-repeat center;
	margin: 10px 0;
	text-indent: -999em;
}
/*计时*/
.df_info {
	position: relative;
}
.df_djs {
	position: absolute;
	right: 10px;
	top: 12px;
}
#rtimespan, .rtime {
	line-height: 23px;
}
#rtimespan b, .rtime b {
	background: #555;
	color: #FFF;
	border: 1px solid #333;
	border-radius: 4px;
	padding: 1px 4px;
}
.bugbot {
	height: 48px;
	line-height: 48px;
	margin:68px auto 0px;
}
.bugbot a {
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 0 0 4px;
	color: #FFFFFF;
	height: 32px;
	line-height: 32px;
	padding: 8px 20px;
	text-decoration: none;
	text-shadow: none;
	transition: all 0.25s ease 0s;
	font-weight: bold;
}
.bugbot a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bugbot input {
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 0 0 4px;
	color: #FFFFFF;
	height: 32px;
	line-height: 13px;
	padding: 8px 20px;
	text-decoration: none;
	text-shadow: none;
	transition: all 0.25s ease 0s;
	font-weight: bold;
}
.yellowbot {
	height: 48px;
	line-height: 48px;
	margin:68px auto 0px;
}
.yellowbot a {
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 0 0 4px;
	color: #FFFFFF;
	height: 32px;
	line-height: 32px;
	padding: 8px 20px;
	text-decoration: none;
	text-shadow: none;
	transition: all 0.25s ease 0s;
	font-weight: bold;
}
.yellowbot a:hover {
	text-decoration: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.mianze {
	position: relative;
	line-height: 16px;
	height: 16px;
	top: -32px;
	float: right;
}
.mianze a {
	margin-left: 15px;
	padding-left: 15px;
	color: #999;
}
.mianze a.a1 {
	background: url(../images/icon_mj.gif) no-repeat 0 center;
}
.orangebot {
	background-color: #FF6600;
	border-color: #ED5F00;
}
.greenbot {
	background-color: #53B21A;
	border-color: #4DA518;
}
.bluebot {
	background-color: #49ACD5;
	border-color: #44A0C6;
}
.yellowbot {
	background-color: #f9b015;
	border-color: #e59d04;
}
.fl.relative.touxiang img {
	width: 62px;
	height: 62px;
	border-radius: 5px;
}
.demobox {
	padding: 8px 7px 7px;
	background: #fff;
}
#gallery {
	background-image: url("../images/jietubg.gif");
	background-repeat: repeat;
	border-radius: 3px;
	margin: 10px auto 20px;
	overflow: hidden;
	padding: 7px;
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	display: inline;
	float: left;
	margin: 3px;
}
#gallery ul li a {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.15) 0 0 8px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 3px;
}
#gallery ul li a:hover {
	border: 1px solid #FF4146;
	background: #ffc;
	box-shadow: #FF4146 0 0 8px;
}
#gallery ul li a span {
	background: #000;
	display: block;
	text-align: center;
	height: 22px;
	color: #fff;
	line-height: 22px;
	bottom: 5px;
	position: absolute;
	filter: alpha(opacity=60);
	opacity: .6;
}
#gallery ul li a em {
	text-align: center;
	padding: 0 5px;
	height: 22px;
	line-height: 22px;
	font-style: normal;
	color: #fff;
	bottom: 5px;
	font-family: 宋体;
	font-size: 12px;
}
#gallery ul li a u {
	display: block;
	height: 131px;
	overflow: hidden;
}
#gallery ul img {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
}
#gallery ul a:hover {
	text-decoration: none;
	color: #ccc;
}
#gallery ul li a span {
	cursor: pointer;
}
#gallery ul li a span, #gallery ul li a u, #gallery ul img {
	width: 131px;
}
#gallery ul li a em {
	width: 118px;
	text-align: center;
	height: 22px;
	line-height: 22px;
}
#gallery .demo_pic {
	display: inline;
	float: left;
	margin: 3px;
}
#gallery .demo_pic a {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,0.15) 0 0 8px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 3px;
}
#gallery .demo_pic a:hover {
	border: 1px solid #FF4146;
	background: #ffc;
	box-shadow: #FF4146 0 0 8px;
}
#gallery .demo_pic a u {
	display: block;
	height: 131px;
	overflow: hidden;
}
#gallery .demo_pic img {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
}
#gallery .demo_pic a:hover {
	text-decoration: none;
	color: #ccc;
}
.live-demo {
	display: block;
	padding: 20px;
	text-align: center;
}
.demo_bottom {
	background: #339EF4;
	width: 443px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
}
.demo_bottom:hover {
	background: #1E8AE6;
}
.main {
	border: 1px solid #e4ecf3;
}
.box-tab {
	overflow: hidden;
	height: 50px;
	background: #f5f5f5;
}
.box-tab li {
	float: left;
	padding:0px 50px;
	text-align: center;
	line-height: 50px;
	border-right: 1px solid #ddd;
	font-size: 14px;
	font-weight: bold;
	color: #78909c;
	cursor: pointer;
	display: block;
}
.box-tab li.on {
	background: #fff;
	color: #243238;
	font-size: 14px;
	font-weight: bold;
}
.box-tab li.no:hover {
	background: #fff;
	color: #243238;
}
.shopitem {
	border-bottom: 1px solid #eaeaea;
	padding: 10px 0;
}
.shoplist .uhead {
	float: left;
	width: 50px;
	text-align: center;
}
.shoplist .uhead img {
	margin: 0 auto;
	border: 1px solid #eaeaea;
	padding: 1px;
	display: block;
	border-radius: 50%;
}
.shoplist .shoptxt {
	float: right;
	width: 688px;
}
.shoplist .time {
	color: #8c8c8c;
	float: right;
	padding: 10px 0px 10px 10px;
}
.shoplist .pcontent {
	background: #f5f5f5;
	padding: 10px;
	width: 678px;
}
/*评论*/
#primary .area #comments {
	padding: 20px
}
#primary .area #comments ol li {
	padding: 20px;
	border-top: 1px solid #E5E5E5;
	position: relative
}
#primary .area #comments ol li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#primary .area #comments ol #commetpages {
	text-align: center;
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px dotted #ccc
}
#primary .area #comments ol #commetpages a, #primary .area #comments ol #commetpages span {
	display: inline-block;
	padding: 10px 15px;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
	box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
#primary .area #comments ol #commetpages a:hover, #primary .area #comments ol #commetpages span.hover {
	background: #00c3b6;
	border-color: #00c3b6;
	color: #fff
}
#comments {
	display: inline-block;
}
#comments .comment-list .comment-body {
	min-height: 44px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
}
#comments .comment-list .comment-author {
	float: left;
	display: inline;
	line-height: 1;
	height: 44px;
	border-radius: 44px;
	position: relative;
	margin-right: 20px;
}
#conterr {
	display: none;
	padding: 50px;
	text-align: center;
	font-size: 16px;
	color: red
}
#comments .comment-list .comment-author img {
	border-radius: 44px
}
#comments ::-webkit-input-placeholder {
color:#bbb
}
#comments input:-moz-placeholder {
color:#bbb
}
#respond {
	position: relative
}
#respond #comment-status p {
	width: 100%;
	height: 102px;
	background-color: #00c3b6
}
#respond #comment-status .ajax-success {
	background-color: #00c3b6
}
#respond #comment-status .ajax-error {
	background-color: #ea4c89
}
#respond #smilies {
	margin-left: 84px;
	position: relative
}
#respond #smilies .smilies-icon {
	font-size: 18px;
	color: #999;
	cursor: pointer;
	width: 36px
}
#respond #smilies .smilies-box {
	display: none;
	position: absolute;
	left: 30px;
	top: -3px;
	z-index: 9
}
#respond #smilies .smilies-box:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent #d8d8d8 transparent transparent;
	left: -16px;
	top: 8px
}
#respond #smilies .smilies-box a {
	background-color: #fff;
	padding: 3px 5px;
	display: block;
	float: left;
	border: 1px solid #e5e5e5;
	margin: -1px;
	position: relative;
	-webkit-transition: none;
	transition: none
}
#respond #smilies .smilies-box a:hover {
	border: 1px solid #00C3B6;
	z-index: 1
}
#respond #author-info {
	margin: 10px auto;
	margin-left: 84px;
	height: auto;
	overflow: hidden
}
#respond #author-info div {
	border: 1px solid #CBCBCB;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
	position: relative;
	float: left;
	margin-right: 10px;
	max-width: 31%
}
#respond #author-info input {
	background-color: transparent;
	border: 0 none;
	float: left;
	color: #333;
	height: 39px;
	padding: 10px 10px 10px 40px;
	box-sizing: border-box;
	width: 100%
}
#respond #author-info label {
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0
}
#respond #author-info label i {
	color: #999;
	font-size: 15px
}
#respond #author-info label span {
	color: #ea4c89;
	vertical-align: text-top;
	margin-left: 3px
}
#respond .comment-from-main {
	padding-left: 20px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	position: relative
}
#respond .comment-from-main:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#respond .comment-from-main .avatar {
	float: left;
	width: 44px;
	height: 44px;
	border-radius: 44px;
	overflow: hidden
}
#respond .comment-from-main .avatar img {
	width: 44px;
	height: 44px;
	border-radius: 44px
}
#respond .comment-from-main #comment-tip {
	position: absolute;
	z-index: 9;
	height: 100%;
	left: 84px;
	right: 138px;
	top: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
	line-height: 100px;
	display: none;
	text-align: center;
	font-size: 16px;
	color: #FFF
}
#respond .comment-from-main #comment-tip p {
	margin: auto
}
#respond .comment-form-box {
	border: 1px solid #CBCBCB;
	padding: 10px;
	height: 102px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
	margin-left: 64px;
	margin-right: 138px
}
#respond .comment-form-box textarea {
	border: 0 none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	resize: none;
	outline: none
}
#respond .form-submit #submit {
	background-color: #339EF4;
	border: 0 none;
	color: #FFF;
	width: 138px;
	font-size: 14px;
	height: 124px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0
}
#respond .form-submit #submit.disabled {
	cursor: not-allowed;
	background: url(../images/ajax-loader.gif) center no-repeat #2C2C2C
}
#respond .form-submit #submit.disabled:hover {
	background-color: #2C2C2C
}
#respond .form-submit #submit:hover {
	background-color: #1E8AE6
}
#comment-from-tify {
	float: right;
	color: #999;
	margin: 5px auto
}
#comment-from-tify input {
	margin-right: 5px
}
#comments .comment-list #respond {
	margin-left: 64px;
	margin-top: 20px
}
#comments .logged-in-as {
	margin-left: 84px
}
#comments .comment-reply-title {
	position: absolute;
	left: 0;
	top: 50px;
	width: 84px;
	text-align: center;
	z-index: 999
}
#comments .comments-cishu {
	padding: 15px 0;
	font-size: 16px
}
#comments .comments-cishu strong {
	font-size: 30px;
	color: #00c3b6;
	font-family: Arial;
	font-weight: 400
}
#comments .comment-list .children .comment {
	margin: 20px auto auto 64px
}
#comments .comment-list .comment-main {
	margin-left: 64px;
	margin-right: 25px
}
#comments .comment-list .comment-main a {
	color: #666;
	text-decoration: underline
}
#comments .comment-list .comment-main em {
	font-style: normal
}
#comments .comment-list .comment-main .wp-smiley {
	vertical-align: bottom;
	height: auto!important;
	max-height: inherit!important
}
#comments .comment-list .comment-meta {
	margin-top: 8px;
	margin-bottom: 5px
}
#comments .comment-list .comment-meta span {
	margin-right: 5px
}
#comments .comment-list .comment-meta span.date {
	color: #B0BEC5
}
#comments .comment-list .comment-meta span.author {
	color: #00c3b6
}
#comments .comment-list .comment-meta a {
	color: #2196f3;
	text-decoration: none
}
#comments .comment-list .comment-meta span.admin-author {
	background-color: rgba(0,0,0,.4);
	color: #FFF;
	padding: 2px 4px;
	border-radius: 2px
}
#comments .comment-list .reply {
	display: none
}
#comments .comment-list li.comment:hover .reply {
	display: inline-block
}
#comments .comment-list cite {
	font-style: normal
}
#comments .comment-list .comment-awaiting-moderation {
	font-style: normal;
	color: #ea4c89
}
#comments .comment-navigation {
	border-top: 1px solid #eee;
	padding: 30px 20px;
	margin-bottom: 0
}
#comments .comment-list .comment-floor {
	right: 50px;
	float: right;
	font-size: 19px;
	font-style: italic;
	line-height: 1;
	margin-top: -40px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #c8c8c8
}
#comments .comment-list li.comment:hover .comment-floor {
	color: #999
}
#comments .navigation .page-numbers, #comments .navigation .pages {
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: none
}
#comments .navigation .dots {
	border: 0 none
}
.page #primary {
	height: 100%;
	overflow: hidden;
	padding-bottom: 2px
}
.page #primary .area {
	margin-bottom: 0;
	float: left;
	width: 100%;
	background-color: inherit;
	box-shadow: none
}
.page #primary .area .single-content {
	padding: 10px 30px
}
.page #primary .area .page-wrapper {
	margin-left: 300px;
	background-color: #FFF;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}
.page #primary .area .page-links-list {
	height: auto;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	margin: 0 30px 30px 30px
}
.page #primary .area .page-links-list ul li a {
	float: left;
	width: 19%;
	margin: .5%;
	padding: 10px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777;
	display: block
}
.page #primary .area .page-links-list ul li img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -2px 5px 0 0
}
.page #primary .area .page-links-list ul li a:hover {
	color: #00c3b6
}
.page #primary .aside {
	width: 280px;
	background-color: #FFF;
	float: left;
	margin-left: -100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}
.page #primary .aside .menus ul li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding: 15px 20px;
	border-bottom: 1px solid #E5E5E5
}
.page #primary .aside .menus ul li a:hover {
	background-color: #F9F9F9
}
.page #primary .aside .menus li.current_page_item a {
	background-color: #00c3b6
}
.page #primary .aside .menus li.current_page_item:hover a {
	background-color: #00c3b6
}
.page #primary .aside .menus li.current_page_item a {
	color: #fff
}
.page #primary .aside .menus ul li:last-child a {
	border-bottom: 0 none
}
.page #primary .aside .menus ul li .children {
	border-bottom: 1px solid #F2F2F2
}
.page #primary .aside .menus ul li .children a {
	font-size: 12px;
	border-bottom: 0 none;
	border-left: 1px solid #F2F2F2;
	margin-left: 20px
}
.page.sitemap .item ul li {
	border-bottom: 1px solid #F2F2F2;
	height: auto;
	overflow: hidden;
	padding: 20px
}
.page.sitemap .item .children {
	margin-top: 10px;
	height: auto;
	overflow: hidden
}
.page.sitemap .item .children li {
	float: left;
	border-bottom: 0 none;
	padding: 0;
	margin: 0 20px 5px 0
}
.page.sitemap .item .children li a {
	color: #777
}
.page.sitemap .item .children li a:hover {
	text-decoration: underline
}
.sub-billboard.authors {
	height: 350px
}
.sub-billboard.authors .wrapper {
	height: 300px
}
.authors {
	background-position: 50% 0
}
.author-information {
	color: #FFF;
	position: relative;
	max-width: 860px;
	padding: 0 20px;
	margin: auto
}
.author-information .user-avatar {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	margin: auto;
	padding: 4px;
	background-color: rgba(255,255,255,.3);
	margin-bottom: 10px
}
.author-information .user-avatar img {
	width: 100px;
	height: 100px;
	border-radius: 100px
}
.author-information .user-name {
	font-size: 20px
}
.author-information .user-profile {
	position: relative;
	color: rgba(255,255,255,.9)
}
.author-information .user-profile ul li {
	margin: 5px auto
}
.author-information .user-profile .user-description {
	max-height: 72px;
	overflow: hidden
}
.author-information .user-profile .user-meta {
	margin-top: 10px
}
.author-information .user-profile .user-meta a {
	color: #FFF
}
.author-information .user-profile .user-meta span {
	margin: 0 8px
}
.author-information .user-profile .user-meta span i {
	margin-right: 5px;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px
}
.writer {
	background-color: #f1f1f1;
	position: relative
}
.writer #primary {
	margin: 0 auto;
	padding: 30px 0
}
.writer .comment ul li {
	width: 50%
}
.writer .comment ul li .list {
	padding: 10px;
	background-color: #FFF;
	margin: 10px
}
/*内容页*/
.detail-container .bread-crumbs {
	background: url(../images/crumb-icon.png) left center no-repeat;
    padding-left: 20px;
	height: 46px;
	line-height: 46px;
	color: #666;
	font-size: 14px
}
.detail-container .bread-crumbs a:hover {
	color: #10c55b
}
.detail-container .bread-crumbs .classify-alert {
	color: #9c9c9c;
	font-size: 12px;
	text-decoration: underline
}
.detail-container .detail-title {
	height: 80px;
	padding: 0 15px;
	background-color: #fff;
}
.detail-container .detail-title p {
	width: 630px;
	line-height: 80px;
	font-size: 24px;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.detail-container .detail-title div a {
	margin-top: 28px;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-left: 14px;
	background: url(../images/common.png) no-repeat
}
.detail-container .detail-user {
	background-color: #fff;
	min-height: 435px;
	margin-bottom: 10px;
	position: relative
}
.detail-container .detail-user .user-info {
	padding: 15px 20px 10px;
	line-height: 50px;
	font-size: 14px
}
.detail-container .detail-user .user-info div:first-child {
	margin-right: 10px
}
.detail-container .detail-user .user-info img {
	border-radius: 50%
}
.detail-container .detail-user .user-info span.alert-color {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 130px;
	display: inline-block;
	vertical-align: bottom
}
.detail-container .detail-user .user-info .qt-btn {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px
}
.detail-container .detail-user .user-info .tag-add {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/detail.png) no-repeat;
	margin-right: 4px;
	vertical-align: -1px
}
.detail-container .detail-fixed {
	background-color: #fff;
	padding: 15px 20px;
	width: 340px
}
.detail-container .detail-fixed .icon-vip {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: url(../images/detail.png) no-repeat
}
.detail-container .detail-fixed .fixed-title span {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 16px;
	color: #666;
	font-weight: 700
}
.detail-container .detail-fixed .fixed-title em {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	font-size: 14px
}
.detail-container .detail-fixed .fixed-des {
	margin-top: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #666
}
.detail-container .detail-fixed .fixed-more {
	text-align: right;
	font-size: 12px;
	color: #fd8320;
	margin-bottom: 20px
}
.detail-container .detail-fixed .btn-dum {
	width: 206px;
	height: 56px;
	line-height: 56px;
	border: 0
}
.detail-container .detail-fixed .btn-dum a {
	font-size: 18px;
	color: #fff
}
.detail-container .detail-fixed .btn-dum .icon-down {
	display: inline-block;
	width: 28px;
	height: 24px;
	background: url(../images/detail.png) -11px -172px no-repeat;
	vertical-align: sub;
	margin-right: 4px
}
.detail-container .detail-fixed .btn-fav {
	width: 122px;
	height: 56px;
	line-height: 56px
}
.detail-container .detail-fixed .btn-fav a {
	font-size: 18px
}
.detail-container .detail-fixed .btn-fav .icon-fav {
	display: inline-block;
	width: 22px;
	height: 20px;
	background: url(../images/detail.png) no-repeat;
	background-position-x: -103px;
	vertical-align: sub
}
.detail-container .detail-fixed .btn-fav.on .icon-fav {
	background-position-x: -134px
}
.detail-container .detail-fixed .img-info {
	margin-top: 14px
}
.detail-container .detail-fixed .img-info p {
	width: 112px;
	text-align: center;
	color: #999;
	border-left: 1px solid #e3e3e3
}
.detail-container .detail-fixed .img-info p:first-child {
	border: 0
}
.detail-container .detail-fixed .img-info .icon-dum, .detail-container .detail-fixed .img-info .icon-fav, .detail-container .detail-fixed .img-info .icon-skim {
	display: inline-block;
	width: 25px;
	height: 19px;
	background: url(../images/detail.png) no-repeat;
	vertical-align: bottom;
	margin-right: 5px
}
.detail-container .detail-fixed .img-info .icon-skim {
	background-position: -11px -266px
}
.detail-container .detail-fixed .img-info .icon-dum {
	background-position: -37px -266px
}
.detail-container .detail-fixed .img-info .icon-fav {
	background-position: -67px -266px
}
.detail-container .detail-fixed {
	z-index: 20!important
}

.hubi_tips{ position:relative; width:30px; display:inline-block;}
.help-tip{
	position:absolute; 
	top:-30px;
	text-align: center;
	background-color:#d6d7d8;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	cursor: default;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
	font-weight:bold;
	display: none;
	text-align: left;
	background-color: #f3f3f3;
	padding: 20px;
	width: 170px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #666;
	font-size: 13px;
	line-height: 1.4;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#f3f3f3;
	right:10px;
	top:-12px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}
.help-tip p a{ color:#f9b015}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}



.detail-container .detail-trait {
	height:20px;
	line-height:20px;
	display: inline-block;
}
.detail-container .detail-trait em{ display:inline-block; background:#eee; color:#fff; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%;}
.detail-container .detail-trait p {
	color: #666;
	display: inline-block;
	padding-left: 35px;
	font-size: 14px;
	position: relative;
	cursor: pointer
}


.detail-container .detail-trait .s-tag {
	display: none;
	top: 30px;
	left: -3px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
	border: 1px solid;
	height: 34px;
	width: 280px;
	line-height: 34px;
	font-size: 12px;
	color: #888;
	text-align: center;
	z-index: 1
}
.detail-container .detail-trait .s-tag:after {
	top: -12px;
	left: 58px;
	content: " ";
	position: absolute;
	border: 6px solid;
	z-index: 3;
	border-color: transparent transparent #fff
}
.detail-container .detail-trait .s-tag:before {
	top: -13px;
	left: 58px;
	content: " ";
	position: absolute;
	border: 6px solid;
	z-index: 2
}
.detail-container .detail-trait .icon-t:after {
	background-position: -39px -136px
}
.icon-t:hover span {
	display: inline!important
}
.detail-container .detail-info {
	background-color: #fff;
}
.detail-container .detail-info .img-des {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 8px
}
.detail-container .detail-info .img-des p {
	height: 25px;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	position: relative
}
.detail-container .detail-info .img-des .fl {
	width: 170px
}
.detail-container .detail-info .img-des .icon-que {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/detail.png) no-repeat;
	vertical-align: text-bottom;
	cursor: pointer
}
.detail-container .detail-info .img-des .icon-que:hover+.que-alert {
	display: block
}
.detail-container .detail-info .img-des .img-format {
	display: inline-block;
	height: 20px;
	min-width: 34px;
	text-align: center;
	line-height: 1;
	padding: 0 4px;
	border-radius: 2px;
	margin-right: 5px;
	color: #fff;
	border: 2px solid
}
.detail-container .detail-info .img-des .img-format.psd {
	color: #25cafb;
	background-color: #011d25;
	border-color: #25cafb
}
.detail-container .detail-info .img-des .img-format.ai, .detail-container .detail-info .img-des .img-format.eps, .detail-container .detail-info .img-des .img-format.svg {
	color: #fd8227;
	background-color: #261302;
	border-color: #fa7922
}
.detail-container .detail-info .img-des .img-format.cdr {
	color: #d3ff88;
	background-color: #497106;
	border-color: #9dd43f
}
.detail-container .detail-info .img-des .img-format.ppt, .detail-container .detail-info .img-des .img-format.pptx {
	background-color: #ff6749;
	border-color: #ff6749
}
.detail-container .detail-info .img-des .img-format.doc, .detail-container .detail-info .img-des .img-format.docx {
	background-color: #4b87e5;
	border-color: #4b87e5
}
.detail-container .detail-info .img-des .img-format.xls, .detail-container .detail-info .img-des .img-format.xlsx {
	background-color: #27b670;
	border-color: #27b670
}
.detail-container .detail-info .img-des .que-alert {
	display: none;
	padding: 8px 10px;
	top: -6px;
	left: 120px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
	border: 1px solid;
	width: 230px;
	line-height: 18px;
	font-size: 12px;
	color: #666;
	z-index: 1
}
.detail-container .detail-info .img-des .que-alert:hover {
	display: block
}
.detail-container .detail-info .img-des .que-alert:after {
	top: 8px;
	left: -12px;
	content: " ";
	position: absolute;
	border: 6px solid;
	z-index: 3;
	border-color: transparent #fff transparent transparent
}
.detail-container .detail-info .img-des .que-alert:before {
	top: 8px;
	left: -13px;
	content: " ";
	position: absolute;
	border: 6px solid;
	z-index: 2
}
.detail-container .detail-info .img-des .img-pattern {
	vertical-align: middle;
	display: inline-block;
	min-width: 34px;
	height: 20px;
	text-align: center;
	border-radius: 2px
}
.detail-container .detail-info .img-tag {
	padding: 0px 5px 0px;
}
.tag_title{ font-size:16px; color: #394a58; padding:15px 10px 15px 10px; border-bottom:1px solid #dedede;}
.detail-container .detail-info .img-tag .tag-title {
	color: #666;
	font-size: 16px;
	font-weight: 700
}
.detail-container .detail-info .img-tag .tag-box {
	overflow: hidden;
	padding:20px 10px;
}
.detail-container .detail-info .img-tag .tag-box a {
	font-size: 14px;
	color: #666;
	border: 1px solid #ececec;
	margin: 8px 8px 0 0;
	padding: 4px 8px
}
.detail-container .detail-info .img-share {
	padding: 20px 0 0
}
.detail-container .detail-info .img-share .share-box span {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	color: #666
}
.detail-container .detail-info .img-share .share-box a {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 16px;
	vertical-align: middle;
	background: url(../images/detail.png) no-repeat;
	background-position-y: -235px;
	position: relative
}
.detail-container .detail-info .img-share .share-box a:hover {
	background-position-y: -206px
}
.detail-container .detail-info .img-share .share-box a:first-child {
	margin-left: 10px
}
.detail-container .detail-info .img-share .share-box .share-sina {
	background-position-x: -11px
}
.detail-container .detail-info .img-share .share-box .share-wechat {
	background-position-x: -41px
}
.detail-container .detail-info .img-share .share-box .share-wechat:hover em {
	display: block
}
.detail-container .detail-info .img-share .share-box .share-wechat em {
	display: none;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
	position: absolute;
	top: 31px;
	left: -43px;
	z-index: 1
}
.detail-container .detail-info .img-share .share-box .share-qq {
	background-position-x: -71px
}
.detail-container.YC-type .big-img {
	background-position: -126px -415px
}
.detail-container.YC-type .alert-color, .detail-container.YC-type .text-c {
	color: #10c55b
}
.detail-container.YC-type .icon-vip {
	background-position: -164px -136px
}
.detail-container.YC-type .btn-att-linear, .detail-container.YC-type .btn-dum {
	background-image: -webkit-gradient(linear, left top, right top, from(#17e66c), to(#10c55b));
	background-image: -webkit-linear-gradient(left, #17e66c, #10c55b);
	background-image: linear-gradient(to right, #17e66c, #10c55b);
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b)
}
.detail-container.YC-type .btn-att, .detail-container.YC-type .btn-fav {
	background-color: #edfff4;
	border: 1px solid #10c55b
}
.detail-container.YC-type .btn-att a, .detail-container.YC-type .btn-fav a {
	color: #10c55b!important
}
.detail-container.YC-type .btn-fav .icon-fav {
	background-position-y: -139px
}
.detail-container.YC-type .s-tag {
	border-color: #10c55b
}
.detail-container.YC-type .s-tag:before {
	border-color: transparent transparent #10c55b
}
.detail-container.YC-type .detail-info .que-alert {
	border-color: #10c55b
}
.detail-container.YC-type .detail-info .que-alert:before {
	border-color: transparent #10c55b transparent transparent
}
.detail-container.YC-type .detail-info .icon-que {
	background-position: -76px -140px
}
.detail-container.YC-type .detail-info .img-pattern {
	background-color: #edfff4;
	border: 1px solid #10c55b;
	color: #10c55b
}
/*table定制内容页专用样式*/
.shouhou {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	width: 97%;
	margin: 0 auto 20px auto;
	font-size: 14px;
	line-height: 28px;
}
.shouhou, th, td {
	vertical-align: middle;
}
.shouhou th, .shouhou td {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	padding: 5px 10px;
}
.mvEditbox {
	padding: 8px 20px 0;
}
.mvEditbox p {
	padding-top: 10px;
}
.mvEditbox h2 {
	color: #313131;
	border-left: 4px solid #46c37b;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	display: inherit;
	padding: 0 10px;
	clear: both;
	margin: 10px 0;
}
.mvFooter {
	padding: 20px 0px 40px;
}
.mvCopyright {
	background-color: #f9f2e6;
	border: 1px #f4e6cf solid;
	padding: 22px 15px;
}
.mvShare .bshare-custom.icon-medium {
	display: inline-block;
}
.tuijian {
	border: 1px solid #9C9C9C;
	padding: 0 5px;
	border-radius: 3px;
	background: #f8f8f8;
}
.infos {
	margin-top: 13px;
}
.info {
	display: inline-block;
	border: 1px solid #C3C5CA;
	color: #fff;
	background: #C3C5CA;
	padding: 0 5px;
	border-radius: 4px;
}
.mvBtn {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
	height: 42px;
	width: 128px;
}
.mvBtn.green {
	background-color: #1abc9c;
	color: #fff;
}
.mvBtn.blue {
	background-color: #3f8dee;
}
.mvBtn.current {
	background-color: #1abc9c;
	color: #fff;
}
.shoucang {
	background-position: -51px -18px;
	margin-right: 5px;
	position: relative;
	top: 3px;
	height: 18px;
	width: 18px;
}
.xiazai {
	background-position: -27px -20px;
	margin-right: 5px;
	height: 14px;
	width: 16px;
}
.w320 {
	width: 380px;
}
.mvXgDl {
	border-top: 1px #ebefee solid;
	padding: 10px;
}
.mvXgDl:hover {
	background-color: #f7fbfd;
	border-left: 3px #10c55b solid;
	position: relative;
	left: -3px;
}
.mvXgDl dd {
	margin: 10px 0 0 115px;
}
.wvHead {
	background-color: #fafafa;
	border: 1px #e5e5e5 solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.mtf3 {
	position: relative;
	top: -3px;
}
.wvUser {
	border-left: 1px #e5e5e5 solid;
	padding:13px 48px;
	position: relative;
	margin-top: -20px;
	min-height:350px;
}
.wvUser .workName {
	color: #394a58;
	margin-left: 60px;
	padding-top: 10px;
	width: 73px;
}
.wvUser .workName p {
	padding-bottom: 5px;
}
.homeTj {
	background-position: -285px -36px;
	position: absolute;
	bottom: 2px;
	right: 0;
	height: 18px;
	width: 14px;
}
.tuijianIcon, .lanmutuijian {
	background-position: -252px -36px;
	position: absolute;
	top: 0;
	left: -64px;
	height: 51px;
	width: 31px;
}
.lanmutuijian {
	background-position: -438px -37px;
}
.wvContent {
	border-left: 1px #e5e5e5 solid;
	border-right: 1px #e5e5e5 solid;
	padding: 20px 29px 30px;
}
.line1 {
	background-color: #ebeef3;
	height: 1px;
	overflow: hidden;
}
.wvMore {
	background-color: #e0e4ea;
	color: #9aa0aa;
	display: block;
	line-height: 45px;
	text-align: center;
}
.articleBox {
	padding: 0 20px 30px;
}
.articleDl {
	border-bottom: 1px #ebefee solid;
	padding: 30px 0;
}
.articleDl dd {
	margin-left: 160px;
}
.arcpic {
	width: 150px;
	height: 120px;
}
.articleSr {
	padding: 20px 20px 58px;
	position: relative;
}
.srpaihang {
	background-position: -251px -88px;
	position: absolute;
	left: 0;
	top: 0;
	height: 103px;
	width: 101px;
	z-index: 999;
}
.articleSr .device {
	overflow: inherit;
	height: auto;
	width: 100%;
}
.articleSr .device .swiper-slide, .swiper-slide_1 {
	background: none;
}
.articleSr .bannerPrev,  .articleSr .bannerNext {
	margin-top: -16px;
	top: 50%;
	height: 32px;
	width: 32px;
}
.articleSr .bannerPrev {
	background-position: -370px -37px;
	left: 0;
}
.articleSr .device:hover .bannerPrev {
	left: 0;
}
.articleSr .bannerPrev:hover {
	background-position: -369px -70px;
}
.articleSr .bannerNext {
	background-position: -404px -37px;
	right: 0;
}
.articleSr .device:hover .bannerNext {
	right: 0;
}
.articleSr .bannerNext:hover {
	background-position: -403px -70px;
}
.articleSr .bannerPage {
	bottom: -38px;
}
.articleSr .bannerPage .swiper-pagination-switch {
	background-color: #d3dadf;
	border: none;
	margin: 0 3px;
	height: 8px;
	width: 8px;
}
.articleSr .bannerPage .swiper-active-switch {
	background-color: #3499da;
}
.articleBtn {
	background-color: #3499da;
	border-radius: 18px;
	color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	padding: 0 30px;
}
.rmZuozhe {
	border-top: 1px #ebefee solid;
	padding: 15px 10px;
}
.rmZuozhe dd {
	margin-left: 10px;
}
.dashang {
	background-color: rgba(0,0,0,0.4);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 99999999999999;
}
.dashangBox {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.06);
	overflow: hidden;
	margin-left: -250px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
}
.dashangNr {
	padding: 30px 59px 55px;
}
.dashangJe {
	border: 1px #e3e7ec solid;
	border-radius: 5px;
	color: #666;
	cursor: pointer;
	font-size: 18px;
	float: left;
	text-align: center;
	line-height: 45px;
	margin-right: 7px;
	position: relative;
	height: 45px;
	width: 88px;
}
.dashangJe:last-child {
	margin-right: 0;
}
.dashangJe:hover,  .dashangJe.current {
	border: 2px #7ea9e6 solid;
	line-height: 43px;
	height: 43px;
	width: 86px;
}
.dashangJe span {
	color: #ff7a10;
}
.uCurrent {
	background-position: -32px -126px;
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 23px;
	width: 21px;
}
.dashangJe:hover .uCurrent,  .dashangJe.current .uCurrent {
	display: block;
}
.dsInput {
	border-left: 1px #d8dde3 solid;
	border-right: 1px #d8dde3 solid;
	line-height: 52px;
	margin: 0 15px;
	padding: 0 13px;
	position: relative;
	top: -3px;
	height: 52px;
	width: 220px;
}
.dashangCg,  .dashangSb {
	margin-right: 8px;
	position: relative;
	top: 4px;
	height: 27px;
	width: 27px;
}
.dashangCg {
	background-position: 0 -150px;
}
.dashangSb {
	background-position: -28px -150px;
}
.co_k800 {
	width: 900px;
	margin: 0 auto;
}
.co_k800 p {
	line-height: 26px;
	font-size: 15px;
}
.co_k800 h6 {
	padding-bottom: 12px;
}
.co_k800 h5 {
	padding-bottom: 12px;
}
.co_k800 h4 {
	padding-bottom: 12px;
}
.co_k800 h3 {
	padding-bottom: 12px;
}
.co_k800 h2 {
	padding-bottom: 12px;
}
.co_k800 h1 {
	padding-bottom: 12px;
}
.co_k800 strong {
	padding-bottom: 12px;
}
.co_k800 img {
	text-align: center;
	display: block;
	margin: 10px auto;
	background-color: #F6F6F6;
	border: 1px solid #E6E6E6;
	padding: 14px;
}
.co_k800 ol {
}
.co_k800 ol li a {
	color: #0da4d3;
	line-height: 30px;
}
.co_k800 p a {
	color: #0da4d3;
}
.edui-editor-body .edui-body-container p a {
	color: #0da4d3;
	text-decoration: underline;
}
.edui-editor-body .edui-body-container div a {
	color: #0da4d3;
	text-decoration: underline;
}
/* page End */




/* 登录/注册 */
.redbitian {
	color: #c00;
	display: block;
	float: right;
	padding-top: 15px;
}
.loginBox {
	min-height: 520px;
	padding: 60px 0 80px;
}
.centerBox {
	margin-left: auto;
	margin-right: auto;
	width: 368px;
}
.w100 {
	width: 100%;
}
.plr35 {
	padding-left: 35px;
	padding-right: 35px;
}
.input {
	border: 1px #d8dde3 solid;
	border-radius: 5px;
	color: #576778;
	line-height: 52px;
	padding: 0 15px;
	height: 52px;
	width: 328px;
}
.btn {
	background-image: -webkit-gradient(linear, left top, right top, from(#17e66c), to(#10c55b));
	background-image: -webkit-linear-gradient(left, #17e66c, #10c55b);
	background-image: linear-gradient(to right, #17e66c, #10c55b);
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);
border:0  border-radius:5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}
.loginSbox {
	margin-left: auto;
	margin-right: auto;
	padding: 235px 0;
	width: 610px;
}
.success {
	background-position: -354px -116px;
	height: 104px;
	width: 104px;
	margin-top:20px;
}
.rSuccess, .rError {
	color: #1cc4a6;
	font-size: 12px;
	position: absolute;
	top: 17px;
	left: 369px;
	white-space: nowrap;
}
.rError {
	color: #f8370b;
}
.rSuccess span,  .rError span {
	background-color: #1cc4a6;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	height: 20px;
	width: 20px;
}
.rError span {
	background-color: #f34805;
}
.rSuccess span i,  .rError span i {
	background-position: -483px -40px;
	display: inline-block;
	margin-top: 6px;
	height: 9px;
	width: 12px;
}
.rError span i {
	background-position: -472px -40px;
	height: 8px;
	width: 8px;
}
.sex {
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	margin-right: 35px;
}
.sex i {
	border: 4px #dbdcde solid;
	border-radius: 100%;
	display: inline-block;
	margin-right: 4px;
	position: relative;
	top: 2px;
	height: 6px;
	width: 6px;
}
.sex i.current {
	border-color: #3f8def;
}
.w175 {
	width: 175px;
}
.w143 {
	width: 143px;
}
.jieshou {
	background-color: #dcdee1;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin-right: 6px;
	height: 14px;
	width: 14px;
}
.jieshou.jieshouSelect {
	background-color: #3499da;
}
.jieshou i {
	background: none;
	display: inline-block;
	margin-top: 3px;
	height: 9px;
	width: 12px;
}
.jieshou.jieshouSelect i {
	background: url(../images/icon.png) no-repeat -483px -40px;
}
.other_login {
	position: relative;
	top: 11px;
}
/* 登录/注册 End */



/* 个人主页 */
.uHead {
	position: absolute;
	top: 14px;
	left: 28px;
	right: 28px;
}
.uMainNav {
	background-position: -300px -38px;
	height: 17px;
	width: 25px;
}
.userTx {
	background-color: rgba(255,255,255,0.05);
	display: inline-block;
	padding: 5px;
	position: relative;
}
.uHomeV {
	bottom: 13px;
	right: 8px;
}
.userBanner {
	padding: 110px 0 80px 0;
}
.uWeibo,  .uWeixin,  .uDouban {
	margin: 0 5px;
	height: 30px;
	width: 30px;
}
.uWeibo {
	background-position: -470px -51px;
}
.uWeixin {
	background-position: -470px -82px;
}
.uDouban {
	background-position: -470px -113px;
}
.uSubNav {
	color: #1e2746;
	text-align: center;
}
.uSubNav a {
	border-bottom: 3px #fff solid;
	color: #1e2746;
	display: inline-block;
	line-height: 58px;
	margin: 0 15px;
	padding: 0 10px;
}
.uSubNav a:hover,  .uSubNav a.current {
	border-color: #ff4081;
}
.uClassify a {
	border-radius: 5px;
	color: #1e2746;
	display: inline-block;
	font-size: 12px;
	line-height: 38px;
	margin-right: 1px;
	padding: 0 19px;
}
.uClassify a:hover, .uClassify a.current {
	background-image: -webkit-gradient(linear, left top, right top, from(#17e66c), to(#10c55b));
	background-image: -webkit-linear-gradient(left, #17e66c, #10c55b);
	background-image: linear-gradient(to right, #17e66c, #10c55b);
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);
	border: 0;
	color: #fff;
}
.uFooter {
	background-color: #e5e9eb;
	color: #aab5c3;
	font-size: 12px;
	margin-top: 70px;
	padding: 25px 0;
}
.uAbout {
	color: #1e2746;
	font-size: 12px;
	line-height: 24px;
	padding: 130px 0;
}
/* 个人主页 End */




/* 会员上传 */
.upSubNav {
	font-size: 0;
}
.upSubNav a {
	background-color: #dfe3e8;
	color: #293047;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	line-height: 57px;
	margin-right: 2px;
	min-width: 150px;
	padding: 0 10px;
}
.upSubNav a:hover,  .upSubNav a.current {
	background-color: #1abc9c;
	color: #fff;
}
.upList {
	padding: 20px 30px;
}
.line2 {
	background-color: #f6f6f6;
	overflow: hidden;
	height: 1px;
}
.upListLeft {
	color: #000;
	float: left;
	text-align: right;
	width: 65px;
}
.upListRight {
	margin-left: 75px;
}
.upInput {
	border: 1px #b8c4ce solid;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.09) inset;
	color: #6e6f71;
	line-height: 40px;
	padding: 0 10px;
	height: 40px;
	width: 408px;
}
.upTextarea {
	border: 1px #b8c4ce solid;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.09) inset;
	color: #6e6f71;
	line-height: 24px;
	resize: none;
	padding: 5px 10px;
	height: 174px;
	width: 968px;
}
.upListRight .fancySelect div {
	border: 1px #b8c4ce solid;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.09) inset;
	border-radius: 0;
	height: 40px;
	line-height: 40px;
	color: #6e6f71;
	padding: 0 10px;
}
.upListRight .fancySelect div span {
	background-position: 0 -126px;
	right: 10px;
	top: 10px;
	height: 19px;
	width: 17px;
}
.upListRight .fancySelect ul {
	border: 1px #b8c4ce solid;
	border-top: none;
	border-radius: 0;
	margin-top: 0;
}
.upListRight .fancySelect li {
	border-bottom: 1px #b8c4ce solid;
	color: #6e6f71;
	padding: 10px;
}
.w210 {
	width: 210px;
}
.upWork {
	background-color: #f5f5f5;
	padding-bottom: 15px;
	width: 990px;
}
.upWork li {
	float: left;
	margin: 15px 0 0 15px;
	position: relative;
}
.upWork li.sortable-ghost {
	border: 2px #1abc9c dashed;
	height: 148px;
	width: 176px;
	background: #FFF;
}
.upWork li.sortable-ghost img {
	display: none;
}
.upWork li.last, .upWork li.uploadifive-queue-item {
	border: 2px #1abc9c dashed;
	height: 148px;
	width: 176px;
}
.upWork li img {
	height: 152px;
	width: 180px;
}
.upWork li:hover img {
	border: 2px #1abc9c solid;
	height: 148px;
	width: 176px;
}
.close {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: none;
	text-align: right;
	padding: 0 10px 13px;
	position: absolute;
	left: 2px;
	bottom: 2px;
	width: 156px;
}
.upWork li:hover .close {
	display: block;
}
.close span {
	background-position: -441px -88px;
	margin-right: 7px;
	position: relative;
	top: 8px;
	height: 28px;
	width: 28px;
}
.fujianBox {
	padding: 4px 10px;
	height: auto;
	width: 458px;
}
.fujianName {
	color: #60727f;
	margin-left: 10px;
}
.fujianName i {
	background-position: -459px -144px;
	margin-right: 9px;
	position: relative;
	top: 5px;
	height: 22px;
	width: 22px;
}
.fujianDetele {
	background-position: -301px -56px;
	cursor: pointer;
	height: 21px;
	width: 21px;
}
.yuanzuozhe {
	border: 1px #b8c4ce solid;
	margin-right: 15px;
	padding: 0 10px;
	line-height: 40px;
}
#banquan .fancySelect li {
	border-bottom: none;
}
#banquan .fancySelect li span {
	display: inline-block;
	margin-right: 8px;
	width: 78px;
}
#banquan .fancySelect li span img {
	margin-right: 5px;
}
/* 会员上传 End */




/* 提醒_消息 */
.mBox {
	padding: 20px 40px 70px;
}
.mHead {
	border-bottom: 1px #e3e7ec solid;
	color: #4d4d4d;
	font-size: 20px;
}
.mHead a {
	color: #4d4d4d;
	display: inline-block;
	line-height: 50px;
	margin-right: 35px;
	padding: 0 15px;
	position: relative;
	bottom: -1px;
}
.mHead a:hover,  .mHead a.current {
	border-bottom: 3px #7ea9e6 solid;
	color: #3874b9;
}
.mList {
	border-bottom: 1px #f0f2f5 solid;
	padding: 30px 0;
}
.mText {
	margin: 0 165px 0 82px;
}
.message2List .mText {
	margin-right: 55px;
}
.mIcon {
	background-color: #ff0800;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	width: 16px;
}
.mDetele {
	background-position: -18px -126px;
	cursor: pointer;
	height: 12px;
	width: 12px;
}
.m2ViewRight {
	margin-right: 82px;
}
.m2ViewBox {
	background-color: #f8f9fb;
	line-height: 28px;
	margin: 0 80px;
	padding: 15px 20px;
}
.m2ViewBox .mDetele {
	margin-top: 8px;
}
.mt100 {
	margin-top: 100px;
}
/* 提醒_消息 End */




/* 账户设置 */
.w80 {
	width: 80px;
}
.ml80 {
	margin-left: 80px;
}
.height48 {
	height: 48px;
	line-height: 48px;
}
.height50 {
	height: 50px;
	line-height: 50px;
}
.mt14 {
	margin-top: 14px;
}
.youxiang {
	display: inline-block;
	font-size: 16px;
	padding-left: 5px;
	position: relative;
	top: 3px;
}
.uTextarea {
	border: 1px #d8dde3 solid;
	border-radius: 5px;
	color: #576778;
	line-height: 28px;
	padding: 5px 15px;
	height: 218px;
	width: 1068px;
}
.jine {
	border: 1px #e3e7ec solid;
	color: #293047;
	cursor: pointer;
	font-size: 18px;
	float: left;
	text-align: center;
	line-height: 58px;
	margin: 10px 10px 0 0;
	position: relative;
	height: 58px;
	width: 168px;
}
.jine:hover, .jine.current {
	border: 2px #7ea9e6 solid;
	line-height: 56px;
	height: 56px;
	width: 166px;
}
.jine span {
	color: #ff7a10;
}
.uCurrent {
	background-position: -32px -126px;
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 23px;
	width: 21px;
}
.jine:hover .uCurrent,  .jine.current .uCurrent {
	display: block;
}
.zhifufs {
	border: 1px #e3e7ec solid;
	cursor: pointer;
	float: left;
	margin-right: 20px;
	padding: 8px 10px;
	position: relative;
}
.zhifufs:hover, .zhifufs.current {
	border: 2px #7ea9e6 solid;
	padding: 7px 9px;
}
.zhifufs:hover .uCurrent,  .zhifufs.current .uCurrent {
	display: block;
}
.ml40 {
	margin-left: 40px;
}
.tixianTab th {
	border-top: 1px #e9e9e9 solid;
	border-bottom: 1px #e9e9e9 solid;
	padding: 20px 0;
}
.tixianTab td {
	color: #999;
	padding: 15px 0;
}
/* 账户设置 End */



/* select */
.fancySelect div, .fancySelect ul {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.fancySelect {
	cursor: pointer;
	font-size: 14px;
	position: relative;
	/*  z-index:10001;*/
	z-index: 999;
}
.fancySelect div {
	background-color: #fff;
	border: 1px #d8dde3 solid;
	border-radius: 5px;
	height: 52px;
	line-height: 52px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #999;
	padding: 0 15px;
}
.fancySelect div span {
	position: absolute;
	right: 13px;
	top: 23px;
	width: 12px;
	height: 7px;
	display: inline-block;
	overflow: hidden;
	background: url(../images/icon.png) no-repeat -300px 0;
}
.fancySelect.over div span {
	opacity: 1;
}
.fancySelect ul {
	position: absolute;
	background: #fff;
	border-radius: 5px;
	border: 1px #d8dde3 solid;
	margin-top: 1px;
	overflow: hidden;
}
.no-boxshadow .fancySelect ul {
	border: 1px solid #ccc;
}
.fancySelect li {
	border-bottom: 1px #d8dde3 solid;
	padding: 15px 15px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
}
.fancySelect li:nth-last-child(1) {
	border: none;
}
.fancySelect li.over {
	background-color: #F5F5F5;
	color: #333;
}
.fancySelect li.selected {
	background-color: #f5f6f8;
}
.fancySelect li.selected:before, .fancySelect li.selected:after {
	position: absolute;
	background-color: #fff;
}
/* select End */

/*提示框*/
.directive_notif {
	width: 100%;
	height: 60px;
	background: #3499da;
	position: fixed;
	text-align: center;
	line-height: 60px;
	opacity: 0.95;
	display: none;
	top: 0;
	z-index: 9999999;
}
.directive_notif .no_prompt {
	color: #fff;
	font-size: 16px;
}
/* 私信框 */
.sixinBox, .informBox {
	background-color: #fafafa;
	border: 1px #e5e5e5 solid;
	margin-top: 5px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 100%;
	width: 300px;
	display: none;
	z-index: 999999;
}
.sixinClose {
	cursor: pointer;
	font-size: 12px;
	line-height: 1.3;
}
.sixinBox textarea, .informBox textarea {
	background-color: #fff;
	border: 1px #e5e5e5 solid;
	line-height: 1.3;
	margin-top: 10px;
	padding: 5px;
	height: 83px;
	width: 288px;
}
.commentreplyshowBtn {
	padding-left: 10px;
}
a.commentinformBtn {
	font-size: 12px;
	color: #d0d0d0;
}
/*个人主页社交样式*/
.mtshejiao {
	position: relative;
	top: -8px;
}
.Sociallymian {
	width: 120px;
	margin: 0 auto;
	padding-left: 8px;
}
.Sociallyqqerqi {
	float: left;
	position: relative;
}
.Sociallyqqerqi i {
	cursor: pointer;
}
.Sociallyqqerqi .text {
	opacity: 0;
	position: absolute;
	top: 28px;
	left: -34px;
	width: 80px;
	color: #fff;
	padding: 10px 10px;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-image: -webkit-gradient(linear, left top, right top, from(#17e66c), to(#10c55b));
	background-image: -webkit-linear-gradient(left, #17e66c, #10c55b);
	background-image: linear-gradient(to right, #17e66c, #10c55b);
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);
	border: 0;
	color: #fff;
}
.Sociallyqqerqi .text:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -8px;
	border-color: transparent transparent #17e66c transparent;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	height: 0;
	width: 0;
}
.Sociallyqqerqi i:hover + .text {
	opacity: 1;
	top: 30px;
}
.Sociallyqq {
	float: left;
	position: relative;
}
.Sociallyqq i {
	cursor: pointer;
}
.Sociallyqq .text, .titleText {
	opacity: 0;
	position: absolute;
	top: 28px;
	left: -26px;
	width: auto;
	background-color: #3498db;
	color: #fff;
	padding: 10px 10px;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
span.titleText {
	white-space: nowrap;
	top: 55px;
	left: -17px;
	color: #fff;
}
.Sociallyqq .text:before, .titleText:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -8px;
	border-color: transparent transparent #3498db transparent;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	height: 0;
	width: 0;
}
.Sociallyqq i:hover + .text {
	opacity: 1;
	top: 30px;
}
.icon:hover > .titleText {
	opacity: 1;
	top: 57px;
}
.htjicon span.titleText {
	white-space: nowrap;
	top: 23px;
	left: -11px;
}
.htjicon:hover > .titleText {
	opacity: 1;
	top: 25x;
}
.Sociallywx {
	float: left;
	position: relative;
	margin-left: 15px;
}
.Sociallywx i {
	cursor: pointer;
}
.Sociallywx .text {
	opacity: 0;
	position: absolute;
	top: 28px;
	left: -34px;
	width: 80px;
	color: #fff;
	padding: 10px 10px;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-image: -webkit-gradient(linear, left top, right top, from(#17e66c), to(#10c55b));
	background-image: -webkit-linear-gradient(left, #17e66c, #10c55b);
	background-image: linear-gradient(to right, #17e66c, #10c55b);
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);
	border: 0;
}
.Sociallywx .text:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -8px;
	border-color: transparent transparent #17e66c transparent;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	height: 0;
	width: 0;
}
.Sociallywx i:hover + .text {
	opacity: 1;
	top: 30px;
}
.Sociallywb {
	float: left;
	position: relative;
	margin-left: 15px;
}
.Sociallywb i {
	cursor: pointer;
}
.Sociallywb .text {
	opacity: 0;
	position: absolute;
	top: 28px;
	left: -36px;
	width: auto;
	background-color: #3498db;
	color: #fff;
	padding: 10px 10px;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.Sociallywb .text:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -8px;
	border-color: transparent transparent #3498db transparent;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	height: 0;
	width: 0;
}
.Sociallywb i:hover + .text {
	opacity: 1;
	top: 30px;
}
/*首页推荐小图标*/
.htjicon {
	margin-right: 0px;
}
.tooltipitjicon img {
	width: 12px;
	height: 14px;
	padding-top: 2px;
	border-radius: 0px;
	padding-left: 5px;
	padding-right: 0px;
	text-align: right;
}
.vp_ewmBox {
	position: relative;
	margin: 0 auto;
	top: 7px;
	width: 110px;
	height: 110px;
	padding: 7px;
	background: url(../images/vip_pay-ewmbg1.png) no-repeat;
}
.wxpay {
	background: url(../images/wxpay.jpg) no-repeat;
	height: 110px;
	width: 110px;
}
.saoma-text {
	color: #333;
	top: 11px;
	text-align: center;
	position: relative;
}
/*弹窗*/
.overlay {
	background: #000;
	opacity: .8;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	display:none;
}
.popupbox {
	position: fixed;
	left: 50%;
	margin-left: -180px;
	top: 50%;
	margin-top: -220px;
	z-index: 9999;
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
	margin-bottom: 20px;
	display: none;
	background-color: #FFF;
	border-radius: 5px;
	color: #666;
}
.popupbox .popupbox-header {
	min-width: 300px;
	border-bottom: 1px solid #eee;
	padding: 10px 15px;
	font-size: 16px;
	color: #333;
}
.popupbox #dmsgtitle{ width:300px; display:inline-block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.popupbox .popupbox-header .popup-close {
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .4;
	cursor: pointer;
	font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.popupbox .popupbox-content {
	width: 320px;
	font-size: 12px;
	padding: 5px 30px 30px 30px;
}
.popupbox .msg-ico-gan {
	background: url(../images/pop-ico.png) no-repeat center center;
}
.popupbox .popupbox-content img {
	width: 100%;
}
.popupbox .popupbox-content .popupbox-tip {
	margin-top: 10px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.popupbox .popupbox-content .pop-sub {
	text-align: center;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}
.popupbox .popupbox-content .pop-sub a, .popupbox .popupbox-content .pop-sub button, .popupbox .popupbox-content .pop-sub input {
	display: inline-block;
	font-size: 15px;
	cursor: pointer;
	border-radius: 3px;
	width: 142px;
	height: 40px;
	line-height: 40px;
	box-shadow: 3px 3px 5px #ddd;
	color: #fff;
}
.popupbox .popupbox-content .pop-sub .popup-ok {
	background: #4CBB3B;
	margin-right: 10px;
}
.popupbox .popupbox-content .pop-sub .popup-close {
	background: #F7AD00;
}
/*弹窗下载*/
.popupbox .popupbox-content .popdows {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
}
.popupbox .popupbox-content .popdows p {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #666;
}
.popupbox .popupbox-content .popdows p i {
	margin-left: 5px;
	font-size: 16px;
	color: #333;
}
.popupbox .popupbox-content .popdows p b {
	color: #58B351;
}
.popupbox .popupbox-content .popdows p, .popupbox .popupbox-content .popdows form .login, .popupbox .popupbox-content .popdows form .login ul.arc-loginlist li, .popupbox .popupbox-content .popdows form .login .login-msg {
	margin-bottom: 15px;
}
.popupbox .popupbox-content .popdows form .login .login-msg {
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
.popupbox .popupbox-content .popdows form .login .login-msg ul {
	width: 100%;
}
.popupbox .popupbox-content .popdows form .login .login-msg ul li {
	font-size: 15px;
	float: left;
	margin-left: 0;
	margin-right: 15px;
	list-style-position: inside;
	list-style-type: square;
	list-style-image: url(../images/arc-login-msg-bg.png);
}
.popupbox .popupbox-content .popdows form .login ul.arc-loginlist li input {
	width: 205px;
	padding: 7px 10px;
	border: 1px solid #d8d8d8;
	margin-right: 15px;
}
.popupbox .popupbox-content .popdows form .login ul.arc-loginlist li a {
	font-size: 15px;
}
.popupbox .popupbox-content .popdows form .arc-login-hzzh {
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}
.popupbox .popupbox-content .popdows form .arc-login-hzzh a.login-qq img {
	width: 120px;
}
/*支付成功下载列表*/
.arc-titles {
	font-size: 20px;
	margin: 15px 0;
	width: 300px;
}
.arc-titles a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}
.back {
	width: 1105px;
	margin: 10px auto 50px;
	text-align: right;
}
.back a {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #d8d8d8;
	background: #fff;
	text-align: center;
	margin-left: 30px;
	border-radius: 3px;
	font-size: 16px;
}
.dows-list-box {
	width: 1000px;
	height: 380px;
	margin: 50px auto 20px auto;
	padding: 50px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
}
.dows-list-box .dow-msg, .dows-list-box .dow-msg-err {
	text-align: center;
	text-indent: 20px;
	padding-left: 20px;
	margin-bottom: 25px;
	background: url(../images/dow-msg-bg.png) no-repeat 289px -100px;
}
.dows-list-box .dow-msg h1, .dows-list-box .dow-msg-err h1 {
	font-size: 25px;
	font-weight: bold;
	color: #2FA302;
}
.dows-list-box .dow-msg p, .dows-list-box .dow-msg-err p, .dows-list-box .dow-msg p a, .dows-list-box .dow-msg-err p a, .dows-list-box .arc-cont .dow-list-likes ul p, .dows-list-box .arc-cont .dow-list-likes ul p a {
	font-size: 16px;
	color: #666;
}
.dows-list-box .dow-msg p a, .dows-list-box .dow-msg-err p a, .dows-list-box .arc-cont .dow-list-likes ul p a {
	color: #2FA302;
}
.dows-list-box .arc-cont .dow-list-likes ul.err {
	padding-top: 10px;
}
.dows-list-box .dow-msg-err {
	background-position: 335px 0px;
}
.dows-list-box .dow-msg-err h1 {
	color: rgb(167, 32, 32);
}
.dows-list-box .arc-cont {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
	text-align: center;
	height: 340px;
	float: left;
	margin-right: 15px;
	overflow: hidden;
}
.dows-list-box .arc-cont p img {
	width: 250px;
	height: 250px;
}
.dows-list-box .arc-cont p.arc-title a {
	font-size: 20px;
}
.dows-list-box .arc-cont .dow-list-likes {
	display: inline-block;
	width: 638px;
	height: 128px;
	border: 1px solid #E7E7E7;
	text-align: left;
	padding: 20px;
	margin-left: 20px;
	background: #F4F4F4;
}
.dows-list-box .arc-cont .dow-list-likes h1 {
	font-size: 16px;
}
.dows-list-box .arc-cont .dow-list-likes h1.dows-pwd-title {
	margin-top: 10px;
}
.dows-list-box .arc-cont .dow-list-likes ul li {
	position: relative;
	display: inline-block;
	width: 210px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 30px;
	margin-top: 10px;
	border: 1px solid #3da62f;
	border-radius: 3px;
	background: url(../images/up-sucai-panbg.png) no-repeat 25px -105px #3da62f;
	text-indent: 25px;
}
.dows-list-box .arc-cont .dow-list-likes ul li.pan-baidu {
	background-position: 25px 8px;
	background-color: #3daff5;
	border-color: #1090DF;
}
.dows-list-box .arc-cont .dow-list-likes ul li.pan-360 {
	background-position: 25px -52px;
	background-color: #f39c12;
	border-color: #C97D04;
}
.dows-list-box .arc-cont .dow-list-likes ul li a {
	display: block;
	font-size: 14px;
	color: #fff;
}
.dows-list-box .arc-cont .dow-list-likes ul li span {
	display: block;
	position: absolute;
	width: 100%;
	left: -25px;
	font-size: 14px;
}
.dows-list-box .arc-cont .dow-list-likes ul li span i {
	color: red;
	font-size: 14px;
}
.perot {
	position: fixed;
	right: 5%;
	bottom: 104px;
	z-index: 3;
}
.perot ul li, .cbbfixed .cbbtn {
	border-radius: 5px;
}
.perot ul li, .cbbfixed .gotop .up-icon, .cbbfixed .gotop {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.perot ul li {
	width: 70px;
	height: 70px;
	line-height: 110px;
	text-align: center;
	margin-bottom: 3px;
	background: url(../images/right-nav-bg.png) no-repeat #82b440;
	border: 1px solid #82b440;
}
.perot ul li:hover {
	background-color: #fff;
	border-color: #E2E2E2;
}
.perot ul li:hover a {
	color: #82b440;
}
.perot ul li.liuyan {
	background-position: 18px -76px;
}
.perot ul li.liuyan:hover {
	background-position: -44px -76px;
}
.perot ul li.up-sc {
	background-position: 18px -160px;
}
.perot ul li.up-sc:hover {
	background-position: -44px -160px;
}
.perot ul li.kefu {
	background-position: 17px -333px;
}
.perot ul li.kefu:hover {
	background-position: -44px -333px;
}
.perot ul li.r-help {
	background-position: 17px -250px;
}
.perot ul li.r-help:hover {
	background-position: -47px -250px;
}
.perot ul li a {
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
}
#liuyancont form .liuyan p, #towriter form .liuyan p, #towriter form .liuyan p {
	margin-bottom: 0;
	font-size: 14px;
}
#liuyancont form .liuyan p a, #towriter form .liuyan p a, #towriter form .liuyan p a {
	font-size: 14px;
	color: #517DD4;
}
#liuyancont form .liuyan ul, #towriter form .liuyan ul, #towriter form .liuyan ul {
	margin-top: 10px;
}
#liuyancont form .liuyan ul li textarea, #towriter form .liuyan ul li textarea, .popbox-cont-t .srk {
	width: 295px;
	height: 60px;
	padding: 10px;
	border: 1px solid #d8d8d8;
}
#liuyancont form .liuyan ul li input.input, #towriter form .liuyan ul li input.input {
	width: 95px;
}
#liuyancont form .liuyan ul li span.lxlx label, #towriter form .liuyan ul li span.lxlx label {
	margin-right: 5px;
}
#liuyancont form .liuyan ul li span.lxlx label input, #towriter form .liuyan ul li span.lxlx label input {
	width: 20px;
	padding: 0;
	margin: 0;
}
#liuyancont form .arc-login-hzzh p, #liuyancont form .arc-login-hzzh p {
	font-size: 14px;
}
#liuyancont form .arc-login-hzzh a img, #towriter form .arc-login-hzzh a img {
	width: 77px;
}
.title_box {
	border-bottom: 2px solid #e7e7e7;
	overflow: hidden;
	padding-top: 5px;
}
.title_h4 {
	width: 30%;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
.links_a {
	margin-left: 30px;
	color: #777;
	font-size: 16px
}
.links_a.active, .links_a:hover {
	color: #ef1c23
}
.link_upload {
	display: inline-block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	background: #f43700;
	color: #fffdfe;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	margin-top: -3px;
	font-size: 14px
}
.link_upload:hover {
	color: #fff
}
.indexNews {
	width: 400px;
	height: 484px;
	background-color: #fff;
	position: relative;
}
.indexNewsNav {
	background-color: #ed1c24;
	overflow: hidden;
}
.indexNewsNav li {
	float: left;
	width: 50%;
}
.indexNewsNav li a {
	font-size: 22px;
	font-weight: normal;
	display: block;
	background-color: #fff;
	width: 100%;
	height: 46px;
	line-height: 46px;
	color: #000;
	text-align: center;
}
.indexNewsNav li a.active {
	background-color: #eab122;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
}
.indexDynamic {
	padding: 20px;
	display: none;
}
.wrapInner .active {
	display: block;
}
.dynamicItem {
	overflow: hidden;
	background-color: #f6f6f6;
	margin-top: 12px;
}
.dynamicItem:first-child {
	margin-top: 0;
}
.dynamicItem:hover {
	background-color: #373737;
	transition: 0.3s, color 0.5s;
}
.dynamicItem:hover h3 {
	color: #fff;
	transition: 0.3s, color 0.5s;
}
.dynamicItem:hover p {
	color: #fff;
	transition: 0.3s, color 0.5s;
}
.dynamicItem:hover span {
	color: #f6f6f6;
}
.dynamicPic {
	float: left;
	width: 100px;
	height: 90px;
}
.dynamicTit {
	float: right;
	padding: 18px 16px 0 16px;
	width: 228px;
	font-size: 12px;
	color: #999;
}
.dynamicTit h3 {
	font-size: 14px;
	height: 17px;
	overflow: hidden;
	font-weight: normal;
	line-height: 17px;
}
.dynamicTit h3 a {
	color: #666;
}
.dynamicTit p {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #999;
}
.servicesBox {
	width: 798px;
}
.servicesBox .serBox {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	width: 246px;
	height: 232px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	margin: 0 0 20px 20px;
}
.servicesBox .serBoxOn {
	display: none;
	width: 246px;
	height: 232px;
	background-color: #535353;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.servicesBox .serBox .pic1 {
	width: 110px;
	height: 110px;
	text-align: center;
	position: absolute;
	top: 96px;
	right: 68px;
}
.servicesBox .serBox .pic2 {
	width: 110px;
	height: 110px;
	text-align: center;
	position: absolute;
	top: 22px;
	left: -110px;
	z-index: 21;
}
.servicesBox .serBox .txt1 {
	width: 192px;
	height: 100px;
	color: #000;
	position: absolute;
	top: 20px;
	left: 27px;
}
.servicesBox .serBox .txt2 {
	width: 220px;
	height: 100px;
	color: #fff;
	position: absolute;
	top: 145px;
	right: -240px;
	z-index: 20;
	text-align: center;
}
.servicesBox .serBox h3.tit {
	font-size: 20px;
	display: block;
	text-align: center;
}
.servicesBox .serBox .txt1 .tit {
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	line-height: 25px;
	border: rgba(238, 238, 238, 0) 1px solid;
}
.servicesBox .serBox .txt2 a {
	color: #fff;
	width: 100%;
}
.servicesBox .serBox span {
	line-height: 30px;
}
.servicesBox .serBox p {
	text-align: center;
}
.indexAbout {
	height: 555px;
	padding-top: 82px;
	background: #f5f5f5;
}
.link {
	width: 1200px;
	height: 40px;
	background: #fff;
}
.link ul li a {
	display: inline-block;
	padding: 0px 10px;
	float: left;
	margin-bottom: 10px;
	font-size: 14px;
	color: #101010;
	padding-top: 8px;
}
.link ul li a:hover {
	text-decoration: underline;
}
.link ul>span {
	float: left;
	display: block;
	font-size: 14px;
	background: #333;
	line-height: 40px;
	padding: 0px 30px;
	color: #FFF;
}

.note-category{ padding:10px 5px 20px; overflow:hidden;}
.note-category a{display:block;margin:0 2px 10px;padding-left:8px;width:90px; padding:10px 0px;text-align:center;border-radius:0;border:0 none;background:#f4f5f7;float:left;position:relative;}
.note-category a:hover,a.current-menu{color:#fff!important;font-weight:700;border-color:#4cae4c;background-color:#ffd100;}

.textContent { margin-top:15px; color: #333; border-bottom:1px dashed #dedede; padding-bottom:15px; }
.textContent b{ background:#666; padding:5px 10px; color:#fff; font-size: 14px;}
.mapSiteList { margin-top: 10px; }
.mapSiteList a { color: #333; margin-right: 20px; line-height:32px; font-size:14px;}
.mapSiteList a:hover { color: #008040; text-decoration:underline;}