/* 未能缩小。正在返回未缩小的内容。
(7027,1): run-time error CSS1019: Unexpected token, found ''
 */
/*主色调：f5f8fa*/
* {
	word-wrap: break-word;
	font-family: 微软雅黑;
	font-size: 14px;
	color: #444;
	outline: none;
}

body {
	overflow-x: hidden
}

.header li, .boot_foot li, .comments li {
	list-style: none;
}

textarea {
	resize: none;
}

.pc, .pr, body, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, #post-tag-list {
	margin: 0;
	padding: 0;
}

.pipe {
	margin: 0 5px;
	color: #CCC;
}

em {
	font-style: normal;
}

a {
	cursor: pointer;
	/*color:#428bca;
	*/
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

button[type=submit], input[type=submit] {
	cursor: pointer;
}

a img {
	border: none;
}

label {
	cursor: pointer;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.well {
	background: #f5f8fa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0 3px 3px rgba(0,0,0,0.12);
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.12);
}

.main {
	width: 800px;
	margin: 0 auto;
	clear: both;
	position: relative;
}

.boot_foot {
	padding: 15px 0 10px 0;
	color: #666;
	float: left;
	width: 100%;
	background: url(../image/footer-background.png) repeat-x;
}

	.boot_foot .foot_container {
		max-width: 800px;
		margin: 0 auto;
		clear: both;
	}

	.boot_foot li {
		/*height: 22px;
		line-height: 22px;*/
		text-align: left;
		margin-right: 10px;
		font-weight: 400;
		width: 100%;
		margin-bottom:10px;
	}

	.boot_foot .foot_container *, .boot_foot .foot_container {
		color: #999;
		font-weight: 400;
	}

	.boot_foot li a:hover {
		color: #000;
	}

.boot_query_fast {
	background-blend-mode: overlay;
	background: #425861 url(../image/bg-page-section.png);
	text-align: center;
	width: 100%;
	padding: 30px 0 30px 0;
}

	.boot_query_fast.svgbanner {
		padding: 30px 0 0px 0;
	}

	.boot_query_fast h1 {
		margin-top: 15px;
		color: #fff;
		font-size: 18px;
	}

.level_cate {
	margin-top: 30px;
}

.boot_query_fast h5 a {
	border: 1px solid #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	position: relative;
}

.header, .header .fl .logo a, .user-info a.t_url, .header, .ico_gender0, .ico_gender1, .view-arrows a, .header .members .ic_m {
	background: url(../image/bg_menutop.png) no-repeat;
}

.header {
	height: 41px;
	padding-bottom: 4px;
	background-position: 0 -450px;
	background-repeat: repeat-x;
	width: 100%;
}

	.header .header_nav {
		margin: 0 auto;
		width: 800px;
	}

	.header .bd {
		margin: 0 auto;
	}

	.header .fl {
		padding: 0;
		position: relative;
	}

		.header .fl .logo {
			float: left;
			width: 50px;
		}

			.header .fl .logo a {
				display: block;
				overflow: hidden;
				text-indent: -9999px;
				background-position: 0 -392px;
				height: 40px;
			}

		.header .fl ul {
			float: left;
			padding: 0;
			margin: 0;
		}

			.header .fl ul li {
				float: left;
				position: relative;
			}

	.header .sys_nav li .nav, .navhome {
		display: inline-block;
		height: 42px;
		line-height: 42px;
		overflow: hidden;
		text-align: center;
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;
	}

		.header .sys_nav li .nav:hover, .navhome:hover {
			text-decoration: none;
		}

		.header .sys_nav li .nav i, .navhome i {
			font-size: 16px;
		}

		.header .sys_nav li .nav.more:before {
			position: absolute;
			right: 5px;
			top: 13px;
			content: '';
			width: 5px;
			height: 5px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			background-color: #fe493a;
		}
/*下拉*/
.course_tip {
	background: #fff;
	position: absolute;
	top: 42px;
	/*left:20px;*/
	z-index: 99999;
	box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15);
	cursor: default;
	display: none;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

	.course_tip.small {
		width: 150px;
	}

	.course_tip.big {
		width: 450px;
	}


	.course_tip:after {
		position: absolute;
		top: -8px;
		left: 25px;
		content: '';
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #FFF;
		display: inline-block;
	}

	.course_tip.big .course_tip_body {
		padding: 15px;
	}

.course_tip_body a {
	margin-top: 10px;
	float: left;
	position: relative;
}

.course_tip.big .course_tip_body a {
	border: 1px solid #EDEDED;
	display: block;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
	margin-right: 15px;
	float: left;
	line-height: 35px;
	padding-left: 5px;
}

.course_tip.big .course_tip_body a {
	width: 29%;
}

.course_tip.small .course_tip_body {
	padding: 0 0 15px 15px;
}

	.course_tip.small .course_tip_body a {
		line-height: 22px;
		width: 100%;
	}

.course_tip_body a:hover {
	text-decoration: none;
}

/*悬停线条动画*/
.course_tip.big .course_tip_body a:before, .course_tip.big .course_tip_body a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	width: 0;
	background: #028da9;
	transition: 400ms ease all;
}

.course_tip.big .course_tip_body a:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}

.course_tip.big .course_tip_body a:hover:before,
.course_tip.big .course_tip_body a:hover:after {
	width: 100%;
	transition: 800ms ease all;
}

#search_btn {
	margin-top: 10px;
	margin-right: 15px;
	display: inline-block;
}

	#search_btn:hover {
		text-decoration: none;
	}

.header .fr {
	float: right;
	height: 37px;
	position: relative;
}

.header .search_tags a {
	color: #888;
	padding-top: 5px;
}

	.header .search_tags a:hover {
		text-decoration: none;
	}

.header .ctrl {
	float: right;
	position: relative;
}

	.header .ctrl ul.portrait {
		margin: 0px;
		padding: 0px;
	}


	.header .ctrl li.face {
		float: left;
		height: 32px;
		margin-top: 6px;
		z-index: 199;
	}

		.header .ctrl li.face a {
			position: relative;
			float: left;
			margin: 0;
			left: 0;
			width: 30px;
			height: 30px;
			overflow: hidden;
		}

		.header .ctrl li.face img {
			width: 24px;
			height: 24px;
			margin-left: 6px;
			margin-top: 6px;
			border-radius: 50%;
		}

		.header .ctrl li.face span {
			background: url(../image/user.png);
			width: 30px;
			height: 30px;
			position: absolute;
			top: 0;
			left: 0;
		}


.split {
	color: #dedede;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 11px;
}

.header .links_log {
	margin-left: 5px;
	padding-top: 9px;
	float: right;
}

	.header .links_log a {
		text-decoration: none;
		color: #888;
		margin-right: 10px;
	}

		.header .links_log a:last-child {
			margin-right: 0px;
		}

span.readnum {
	background: #fe4502;
	color: #FFF;
	padding-left: 2px;
	padding-right: 2px;
	position: absolute;
	top: 2px;
	left: 58px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	font-size: 11px;
}

.boot_about {
	padding-top: 15px;
	margin: auto;
	width: 1078px;
}

.boot_sd {
	width: 150px;
	float: left;
}

.boot_mn {
	float: right;
	width: 900px;
	overflow: hidden;
	padding-top: 10px;
}

	.boot_mn p {
		height: 30px;
	}

.boot_sdcatlist {
	line-height: 50px;
}

	.boot_sdcatlist li {
		font-size: 18px;
		height: 51px;
	}

		.boot_sdcatlist li a {
			color: #369;
			display: block;
			padding-left: 20px;
		}

		.boot_sdcatlist li.a a {
			font-weight: 700;
			color: #000;
			background: #fff;
			border-left: 4px solid #069;
		}

.wmore {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
/*首页title*/
.home-section-header {
	margin-top: 15px;
}

	.home-section-header h4 {
		font-size: 14px;
		color: #666;
	}

.home-recommended {
	margin: 30px 0;
	padding: 10px;
	background: #f5f8fa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
}
/*grid*/
.item-list, .item-list2 {
	margin-top: 5px;
}

	.item-list.xcx {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0px;
	}
/*下拉菜单*/
.dropdown-menu .header-user-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: .5rem;
	color: #2e323c;
}

	.dropdown-menu .header-user-profile h5 {
		margin-bottom: .3rem;
		margin-top: 10px;
		font-size: 13px;
	}

	.dropdown-menu .header-user-profile p {
		background: #ff3e3e;
		color: #ffffff;
		font-size: 11px;
		padding: 2px 10px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		margin-bottom: .2rem;
		line-height: 160%;
	}

.dropdown {
	position: absolute;
	display: none;
	right: 0;
	z-index: 99999;
}

	.dropdown .dropdown-menu {
		min-width: 150px;
		max-width: 360px;
		list-style: none;
		background: #FFF;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15);
		overflow: visible;
		padding: 0px 0 10px 0px;
		margin: 0;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}

	.dropdown.dropdown-tip {
		margin-top: 40px;
		margin-left: -42px;
	}

		.dropdown.dropdown-tip:before {
			position: absolute;
			content: '';
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 9px solid #ffffff;
			right: 7px;
			left: auto;
			top: -9px;
		}

	.dropdown a {
		padding: .5rem 1rem;
		display: flex;
		align-items: center;
		position: relative;
	}

		.dropdown a:hover {
			text-decoration: none;
		}

	.dropdown .dropdown-menu i {
		margin-right: 5px;
		font-size: 18px;
		color: rgba(0,0,0,0.65);
	}

#share-links a.user {
	width: 31px;
	height: 31px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

	#share-links a.user img {
		width: 25px;
		height: 25px;
		vertical-align: middle;
		border-radius: 50%;
		margin-left: 6px;
		margin-top: 6px;
	}

.btn_like {
	float: right;
	margin-top: 2px;
}

Button.btn_like {
	margin-top: 0px;
}

.btn_like.active i, .btn_like.active em {
	color: #ef5350;
}

.btn_like:hover {
	cursor: pointer;
}
/*详情页封面特效
.item-hover {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
     position: relative;
}
 

.item-hover img {
    width: 100%;
    height: 100%;
}
 
.item-hover .img {
    position: relative;
     z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform-origin: 10px 10px;
    -moz-transform-origin: 10px 10px;
    -ms-transform-origin: 10px 10px;
    -o-transform-origin:10px 10px;
    transform-origin: 10px 10px;
}
  .item-hover:hover .img {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}


.item-hover .img:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 10px;
    left: 10px;
    margin: -4px 0 0 -4px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}

.item-hover .info {
    position: absolute;
    top: 0;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #333333;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
 
.item-hover .info .link {
    color: #fff;
    position: relative;
    padding: 25px 0 0 0;
     
}
.item-hover .info p {
    color: #bbb;
    padding: 10px 5px;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
    */
.animating-element.one {
	background-image: url(../image/animating-ele-1.png);
	animation-direction: reverse;
}

.animating-element {
	position: absolute;
	display: inline-block;
	width: 80px;
	height: 80px;
	z-index: -1;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	animation: animationFrames linear 150s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear 150s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 150s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 150s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 150s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}

@keyframes animationFrames {
	0% {
		transform: translate(-78px, 122px) rotate(0deg);
	}

	20% {
		transform: translate(106px, -16px) rotate(36deg);
	}

	40% {
		transform: translate(-34px, -138px) rotate(72deg);
	}

	60% {
		transform: translate(-239px, -39px) rotate(108deg);
	}

	80% {
		transform: translate(-238px, 83px) rotate(144deg);
	}

	100% {
		transform: translate(-38px, 127px) rotate(180deg);
	}
}

@-moz-keyframes animationFrames {
	0% {
		-moz-transform: translate(-78px, 122px) rotate(0deg);
	}

	20% {
		-moz-transform: translate(106px, -16px) rotate(36deg);
	}

	40% {
		-moz-transform: translate(-34px, -138px) rotate(72deg);
	}

	60% {
		-moz-transform: translate(-239px, -39px) rotate(108deg);
	}

	80% {
		-moz-transform: translate(-238px, 83px) rotate(144deg);
	}

	100% {
		-moz-transform: translate(-38px, 127px) rotate(180deg);
	}
}

@-webkit-keyframes animationFrames {
	0% {
		-webkit-transform: translate(-78px, 122px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(106px, -16px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(-34px, -138px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(-239px, -39px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-238px, 83px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(-38px, 127px) rotate(180deg);
	}
}

@-o-keyframes animationFrames {
	0% {
		-o-transform: translate(-78px, 122px) rotate(0deg);
	}

	20% {
		-o-transform: translate(106px, -16px) rotate(36deg);
	}

	40% {
		-o-transform: translate(-34px, -138px) rotate(72deg);
	}

	60% {
		-o-transform: translate(-239px, -39px) rotate(108deg);
	}

	80% {
		-o-transform: translate(-238px, 83px) rotate(144deg);
	}

	100% {
		-o-transform: translate(-38px, 127px) rotate(180deg);
	}
}

@-ms-keyframes animationFrames {
	0% {
		-ms-transform: translate(-78px, 122px) rotate(0deg);
	}

	20% {
		-ms-transform: translate(106px, -16px) rotate(36deg);
	}

	40% {
		-ms-transform: translate(-34px, -138px) rotate(72deg);
	}

	60% {
		-ms-transform: translate(-239px, -39px) rotate(108deg);
	}

	80% {
		-ms-transform: translate(-238px, 83px) rotate(144deg);
	}

	100% {
		-ms-transform: translate(-38px, 127px) rotate(180deg);
	}
}

.item-bg {
	/*82b332*/
	background: #425861 url(../image/bg-page-section.png);
}

div.item-bg h1 {
	font-size: 18px;
	color: #ffffff;
	margin: 0 auto;
	margin-bottom: 10px;
}

.item-container {
	overflow: hidden;
	padding-top: 6px;
}

	.item-container.svg .item-thumb {
		background: #ffffff;
		/*  border-radius: 20px;*/
		width: 500px;
		text-align: center;
	}

	.item-container.svg .svgUrl {
		height: 275px;
		line-height: 275px;
	}

	.item-container.svg .item-thumb svg {
		max-height: 260px;
		max-width: 500px;
		vertical-align: middle;
	}

	.item-container.svg.icons .item-thumb svg {
		max-height: 160px;
		vertical-align: middle;
	}

	.item-container .item-thumb {
		/*float: left;*/
		position: relative;
	}

		.item-container .item-thumb img {
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			width: 530px;
			display: block;
		}

		.item-container .item-thumb.xcx {
			display: flex;
			flex-wrap: wrap;
		}

			.item-container .item-thumb.xcx img {
				width: 120px;
				/*float: left;*/
				margin-right: 65px;
				border-radius: 15px;
			}


div.item-container.svg .buy {
	background: none;
	box-shadow: none;
}

.svg .btn_com {
	display: block;
	background: #ffffff;
	color: black;
	width: 100px;
	margin-bottom: 20px;
}
.svg .btn-svg-copy, .svg .btn-svg-copy-icon {
	width: 120px;
}
.btn-down-svg, .btn-down-png, .btn-svg-copy {
	display: inline-block;
	width: 80px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	text-shadow: none;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	border-radius: 18px;
	background-color: #00c7e1;
	box-shadow: 0 2px 4px 0 rgba(0,188,212,.28);
	border: solid 1px rgba(255,255,255,.4);
	margin-right: 10px;
}
 
	.svg .btn_com:hover {
		color: black
	}

.item-container .item-thumb img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 530px;
	display: block;
}

.item-container .item-thumb > a {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

	.item-container .item-thumb > a:hover:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,0.7) url(../image/overlay_live_preview.svg) no-repeat center center;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-transition: 250ms;
		transition: 250ms;
	}


/*丝带*/
.ribbon1 {
	position: absolute;
	top: -6px;
	z-index: 9;
	right: 10px;
}

	.ribbon1:after {
		position: absolute;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-left: 53px solid transparent;
		border-right: 53px solid transparent;
		border-top: 10px solid #F8463F;
	}

	.ribbon1 span {
		position: relative;
		display: inline-block;
		text-align: center;
		background: #F8463F;
		font-size: 14px;
		line-height: 1;
		padding: 12px 8px 10px;
		border-top-right-radius: 8px;
		width: 90px;
		color: #fff;
	}

		.ribbon1 span:before, .ribbon1 span:after {
			position: absolute;
			content: "";
			display: block;
		}

		.ribbon1 span:before {
			background: #F8463F;
			height: 6px;
			width: 6px;
			left: -6px;
			top: 0;
		}

		.ribbon1 span:after {
			background: #C02031;
			height: 6px;
			width: 8px;
			border-radius: 8px 8px 0 0;
			left: -8px;
			top: 0;
		}

div.item-container .buy {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #f5f8fa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
}

	div.item-container .buy p {
		height: 25px;
	}
		/*国庆*/

		div.item-container .buy p,
		div.item-container .buy p i,
		div.item-container .buy p a.fenlei {
			color: #666;
		}

			/*div.item-container .buy p, 
div.item-container .buy p i {
    color: #fff;
}*/
			div.item-container .buy p:nth-child(5),
			div.item-container .buy p:nth-child(5) i,
			div.item-container .buy p:nth-child(6),
			div.item-container .buy p:nth-child(6) i {
				color: #666;
			}

	div.item-container .buy .srcdownlist {
		margin-top: 15px;
		position: relative;
	}

.srctree {
	position: relative;
}

#share-links {
	position: relative;
	padding: 10px 5px 12px 10px;
	background: #f5f8fa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 5px;
}

	#share-links:after {
		bottom: 100%;
		left: 19px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-bottom-color: #f5f8fa;
		border-width: 8px;
		margin-left: -8px;
	}

	#share-links a:hover {
		text-decoration: none;
	}

ol.activity li div.follow-prompt {
	margin: -2px 6px 0 0;
}

div.the-item {
	margin: 0 0 10px 0;
	padding-top: 5px;
}

	div.the-item .gray-container h4 {
		background: url(../image/rar.png) no-repeat;
		padding-left: 20px;
	}


.btns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.adminpanel a {
	margin-bottom: 10px;
	height: 28px;
	line-height: 28px;
}

.adminpanel p {
	padding-top: 10px;
	border-top: 1px solid #dedede;
}

.adminpanel input, .adminpanel select {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.12);
	padding: 5px;
	border-radius: 25px;
}

div.the-item .gray-container.detail {
	padding-right: 0;
}

div.the-item .gray-container .cont,
div.the-item .gray-container .cont * {
	font-size: 14px;
	line-height: 22px;
}

	div.the-item .gray-container .cont ul {
		padding-left: 25px;
		margin-top: 10px;
	}

		div.the-item .gray-container .cont ul li {
			height: 22px;
		}

div.the-item .gray-container img {
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.the-item .gray-container {
	position: relative;
	margin-bottom: 20px;
}

.item-bg:before {
	position: absolute;
	right: 10px;
	top: 150px;
	-webkit-transform: translate3d(0, -25px, 0) scaleY(0.75) rotate(-35deg);
	font-size: 18px;
	color: #a8a7a7;
}

.item-container {
	margin: 0 auto;
	width: 800px;
}

.imgintro {
	margin-bottom: 20px;
	padding-bottom: 5px;
}

	.imgintro:last-child {
		border-bottom: none;
		margin-bottom: 0px;
	}



div.tags-section {
	margin-top: 20px;
}

ol.tags {
	margin: 0 0 17px 0;
}

	ol.tags li {
		margin: 0;
		overflow: hidden;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 22px;
	}

div.meta-act {
	border-bottom: 1px solid #ddd;
}

	div.meta-act.noline {
		border-bottom: none;
		margin-top: 10px;
	}

	div.meta-act .meta-act-link {
		display: block;
		padding: 12px 5px 12px 0;
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
		z-index: 555;
	}

	div.meta-act em {
		font-style: normal;
		font-weight: 400;
	}

	div.meta-act a.meta-act-link:hover {
		color: #444;
	}

div.fav {
	border-bottom: 1px solid #dedede;
	margin-bottom: 15px;
}

	div.fav .fav-number {
		float: right;
		font-size: .8em;
		font-weight: 400;
		color: #999;
		z-index: 777;
		padding: 12px 5px 12px 12px;
	}

	div.fav strong.fav-number a:hover {
		color: #444;
		text-decoration: none;
	}

	div.fav a.action, div.fav a.follow {
		float: left;
		font-size: .9em;
		line-height: 1.2;
	}

		div.fav a.action span, div.fav a.follow span {
			padding-left: 17px;
			background: url(https://www.17sucai.com/content/images/icon-like.gif) no-repeat 0 50%;
		}

div.meta-act a.meta-act-link .icon-jushoucanggift {
	color: #ea4c89;
	text-decoration: none;
}

div.meta-act a.meta-like:hover {
	text-decoration: none;
}

.meta-act a:hover {
	text-decoration: none;
}

div.ad {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #f5f8fa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	overflow: hidden;
}

#editor {
	float: left;
}

#comments-section {
	margin: 25px 0;
}

.section-tabs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-bottom: 10px;
	border-bottom: 1px solid #dee2e6;
}

	.section-tabs li {
		display: list-item;
		text-align: -webkit-match-parent;
	}

		.section-tabs li a.active, .section-tabs li a.active:after {
			border-bottom-color: #dee2e6;
		}

		.section-tabs li a.active {
			position: relative;
			border-bottom-color: #dee2e6;
		}

		.section-tabs li a:hover {
			text-decoration: none;
		}

		.section-tabs li a {
			padding: 0 8px 8px;
			color: #666;
			margin-bottom: -1px;
			font-size: 14px;
			position: relative;
			display: inline-block;
			margin-right: 20px;
			border-bottom: 1px solid transparent;
		}

			.section-tabs li a.active:before {
				position: absolute;
				bottom: -1px;
				left: 15px;
				content: '';
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-bottom: 6px solid #dee2e6;
			}

			.section-tabs li a.active:after {
				position: absolute;
				bottom: -1px;
				left: 16px;
				content: '';
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-bottom: 5px solid #FFF;
			}

#sumitcomment {
	float: right;
	position: relative;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	margin-top: 10px;
	position: relative;
	background: #dcf6fa;
	border: 1px solid #00c7e1;
	color: #00c7e1;
}

	#sumitcomment:hover {
		text-decoration: none;
		color: #00c7e1;
	}

.comments {
	overflow: hidden;
	padding: 0 5px 0 5px;
}

	.comments #cmtContent {
		width: 96%;
		height: 60px;
		border: none;
		overflow-y: hidden;
		background-color: #fff;
		overflow: hidden;
		padding: 10px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.12);
		-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.12);
		box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.12);
	}

	.comments .comments_item {
		border-bottom: 1px solid #dee2e6;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1em;
		overflow: hidden;
		border-radius: 5px;
	}

		.comments .comments_item:last-child {
			border-bottom: none;
		}



		.comments .comments_item img {
			width: 25px;
			height: 25px;
			border-radius: 50%;
			margin-left: 5px;
			margin-top: 5px;
		}

		.comments .comments_item .image_border {
			float: left;
			width: 30px;
			height: 30px;
		}

		.comments .comments_item a:nth-child(1) {
			z-index: 2;
		}

		.comments .comments_item a:nth-child(2) {
			position: absolute;
			left: 8px;
			top: 10px;
			z-index: 1;
		}

.comment-post {
	position: relative;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	margin-left: 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 6px;
	font-size: 13px;
}

	.comment-post a {
		color: #7594B3
	}


.comments .comments_item .posted {
	text-decoration: none;
	color: #999;
	font-size: 13px;
	float: right;
}

a.open_new {
	font-size: 14px;
}

.tagpos {
	position: fixed;
	top: 10px;
}

	.tagpos p a {
		font-size: 16px;
		width: 22px;
		height: 22px;
		display: block;
		color: #00c7e1;
		font-weight: bold;
	}

		.tagpos p a:hover {
			text-decoration: none;
		}

.tags-list {
	margin-top: 15px;
}

h3.alpha {
	width: 30px;
	text-align: center;
	line-height: 1;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	margin-bottom: 10px;
}

	h3.alpha span {
		font-size: 28px;
	}

ol.tags li {
	margin-bottom: 3px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}

	ol.tags li:last-child {
		border-bottom: none;
	}

	ol.tags li span.perc {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 5%;
		height: 100%;
		text-indent: -9999px;
		display: block;
		background: rgba(0,0,0,.07);
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: background .2s ease;
		-moz-transition: background .2s ease;
		-o-transition: background .2s ease;
		transition: background .2s ease;
	}

	ol.tags li a {
		padding: 3px 0 3px 12px;
		font-weight: 400;
		text-decoration: none;
		color: #999;
	}

		ol.tags li a:hover {
			color: #666;
			text-decoration: none;
		}

	ol.tags li:hover {
		background: rgba(0,0,0,.07);
	}

	ol.tags li a strong {
		font-weight: 400;
	}

	ol.tags li em {
		float: right;
		padding: .4em 5px 0 0;
		font-style: normal;
		color: #bbb;
	}

.animated {
	-webkit-animation-duration: .7s;
	-moz-animation-duration: .7s;
	-o-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

	.animated.hinge {
		-webkit-animation-duration: 2s;
		-moz-animation-duration: 2s;
		-o-animation-duration: 2s;
		animation-duration: 2s;
	}

.profile h1 a {
	font-weight: 400;
}

#wrap-inner ul.tabs {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
	line-height: 1;
	border-bottom: 1px solid #dedede;
}

	#wrap-inner ul.tabs:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#wrap-inner ul.tabs li.default {
		font-weight: 700;
	}

	#wrap-inner ul.tabs li.checking {
		float: right;
		margin-right: 0;
	}

	#wrap-inner ul.tabs li {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
		line-height: 1;
	}

		#wrap-inner ul.tabs li .count {
			font-family: Georgia,Tahoma,Arial;
		}

		#wrap-inner ul.tabs li a {
			display: block;
			padding: 0 0 8px 0;
			text-decoration: none;
		}

.pagemain {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

	.pagemain a {
		width: 40px;
		height: 40px;
		background-color: #eee;
		color: #857a6b;
		margin-right: 2px;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		text-decoration: none;
		line-height: 40px;
	}

	.pagemain.small a {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}

	.pagemain a i:hover {
		color: #ffffff;
	}

	.pagemain a:hover {
		background-color: #00c7e1;
		color: #ffffff;
	}

	.pagemain a.active {
		background-color: #00c7e1;
		color: #ffffff;
	}

		.pagemain a.active:hover {
			color: #ffffff;
		}

	.pagemain a.end {
		width: 64px;
		text-align: center;
		-webkit-transition: all linear .2s;
		-moz-transition: all linear .2s;
		-ms-transition: all linear .2s;
		transition: all linear .2s;
	}

	.pagemain.small a.end {
		width: 44px;
	}

#add p.meta {
	margin: 25px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: #999;
}

div.message {
	float: left;
	color: #333;
}

	div.message h2 {
		margin: 0 0 4px 0;
		font-size: 1.2em;
	}

.gen-form {
	margin-top: 30px;
}

	.gen-form fieldset {
		border: none;
	}

	.gen-form fieldset, .with-messages div.form-field {
		padding: 8px 0;
	}

.with-messages fieldset {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.gen-form fieldset.last, form.with-messages div.last {
	border: none;
}

.gen-form .row_l {
	width: 100px;
}

.gen-form label {
	display: block;
	float: left;
	margin: .7em 20px 2px 0;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 400;
	text-align: left;
}

.gen-form p.message {
	margin: 1px 0 0 110px;
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
}

	.gen-form p.message a {
		font-size: 12px;
		line-height: 1.5em;
		color: #333;
	}

.gen-form p.message1 {
	line-height: 1.5em;
	color: #666;
}

.profile_intro {
	list-style: none;
	margin-top: 10px;
	color: #999;
}

div.profile h1 .ur {
	padding-top: 15px;
}

div.profile img.head {
	float: left;
	display: block;
	position: relative;
	width: 48px;
	max-height: 48px;
	margin: 3px 10px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}

div.profile img.photo {
	float: left;
	display: block;
	position: relative;
	width: 80px;
	max-height: 80px;
	margin: 3px 10px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.sep {
	margin: 0 4px;
	color: #bbb;
}

div.profile img.zoom {
	float: left;
	display: block;
	position: relative;
	width: 80px;
	max-height: 80px;
	margin: 3px 10px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.profile img.zoom {
	background: #fff;
	padding: 3px;
}

div.profile a:hover img.photo {
	opacity: .8;
}

body#profile div.profile img.photo.profile img.photo {
	width: 80px;
	max-height: 80px;
	margin-right: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.profile h2 {
	font-size: 14px;
	font-weight: 400;
}

.user-info a.t_url {
	padding: 3px 0 0 20px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: -340px -91px;
	text-indent: 9999;
}

em.locality {
	padding: 3px 0 3px 0;
}

.user-info a.t_url:hover {
	text-decoration: none;
}

ul.profile-tabs li {
	float: left;
	margin: 20px 10px 0 0;
	padding: 0 10px 0 0;
	border-bottom: none;
	border-right: 1px solid #ddd;
}

	ul.profile-tabs li:last-child {
		border-right: none;
	}

	ul.profile-tabs li a {
		font-weight: 700;
		font-family: Georgia,Tahoma,Arial;
		color: #777;
		font-size: 18px;
	}

		ul.profile-tabs li a:hover {
			text-decoration: none;
		}

		ul.profile-tabs li a span.meta {
			display: block;
			margin-top: 2px;
			font-weight: 400;
			color: #bbb;
		}

	ul.profile-tabs li span.score {
		font-size: 25px;
		font-family: Georgia,Tahoma,Arial;
	}

div.profile-actions {
	float: right;
}

a.contact span {
	padding-left: 24px;
	background-image: url(https://www.17sucai.com/content/images/icon-contact.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

a.contact:hover {
	border-color: #8aba56;
	background-color: #8aba56;
}

fieldset span.bind {
	margin-right: 10px;
}
/*列表*/
.gen-form .line {
	border-bottom: 1px solid #dedede;
}

fieldset .pic_list {
	margin-left: 105px;
}

	fieldset .pic_list li {
		list-style: none;
		padding: 10px;
		margin: 10px 0 10px 0;
		background: #f5f8fa;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	}

		fieldset .pic_list li .img {
			float: left;
			height: 80px;
			margin-right: 10px;
			width: 120px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
			-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		}

		fieldset .pic_list li textarea {
			height: 70px;
			width: 500px;
		}

		fieldset .pic_list li .btn_cancel {
			float: right;
			margin-right: 5px;
			cursor: pointer;
		}

			fieldset .pic_list li .btn_cancel.n {
				cursor: pointer;
				margin-top: -90px;
			}

.btn_cancel:hover {
	text-decoration: none;
}

.form-field fieldset textarea {
	width: 634px;
	height: 100px;
}

.form-field fieldset #title {
	width: 634px;
}

.form-field fieldset .pic_desc {
	border: 1px solid #cfd3d5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 1px #d0d3d6;
}

	.form-field fieldset .pic_desc.n {
		border: none;
	}

#post-tag {
	background: #fff;
	border: 1px solid #BFC3C5;
	padding: 5px 0 0 5px;
	width: 640px;
	overflow: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 1px #d0d3d6;
}

#recommand-tag-list {
	margin-left: 110px;
	margin-top: 10px;
}

	#post-tag-list span, #recommand-tag-list span {
		float: left;
		height: 25px;
		line-height: 25px;
		padding: 0 9px;
		margin: 5px 5px 0 0;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		white-space: nowrap;
		cursor: pointer;
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	}

		#post-tag-list span a {
			font-size: 13px;
		}

			#post-tag-list span a:hover {
				text-decoration: none;
			}

#tags-more {
	color: #a5a7a8;
	line-height: 21px;
	cursor: pointer;
	zoom: 1;
}

#post-tag-list span .deltab {
	color: #000;
	padding-left: 5px;
	font-weight: bold;
}

	#post-tag-list span .deltab:hover {
		color: #000;
	}

.btn_upRar {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

	.btn_upRar input {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		border: solid transparent;
		opacity: 0;
		filter: alpha(opacity=0);
		cursor: pointer;
	}

#edit-avatar {
	cursor: pointer;
	background: rgba(153,216,252,.22);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.08);
	box-shadow: 1px 1px 2px rgba(0,0,0,.08);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 80px;
}

div.user_right {
	float: right;
	width: 300px;
}

	div.user_right ol.tags li {
		margin-left: 0;
	}

ol.tags li:last-child {
	border-bottom: none;
}

div.user_right h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: 400;
	border-bottom: 1px solid #dedede;
}

.user_right ol {
	max-width: 215px;
	margin: -5px 0 25px 0;
}

ul.profile-data {
	margin: 0 0 20px 0;
}

ul.user_right ul.profile-data p.copy {
	margin: 0;
	line-height: 1.4;
	color: #777;
}

	ul.user_right ul.profile-data p.copy a {
		font-weight: 700;
	}

ol.popular-tags {
	margin: 10px 0 0 0;
}

	ol.popular-tags span {
		line-height: 30px;
		padding: 3px 9px;
		background: url(https://www.17sucai.com/content/images/pb-tag-bg.png) repeat-x 0 0;
		margin: 0 5px 5px 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #eee;
		white-space: nowrap;
		box-shadow: 0 1px 1px #b7b9bc;
		cursor: pointer;
	}

		ol.popular-tags span:hover {
			background-position: 0 -27px;
			cursor: pointer;
		}

.mognews {
	overflow: hidden;
	height: auto;
	position: relative;
	margin-top: 5px;
	width: 800px;
}

	.mognews .bn-title {
		display: inline-block;
		float: left;
		padding: 10px 0;
	}

	.mognews ul {
		padding: 0;
		margin: 0;
		display: block;
		list-style: none;
		position: absolute;
	}

		.mognews ul li {
			list-style: none;
			padding: 10px 0;
			display: none;
		}

	.mognews .bn-arrows {
		display: inline-block;
		float: right;
		width: 50px;
		position: absolute;
		right: 0;
		top: 10px;
		bottom: 0;
	}

		.mognews .bn-arrows span {
			display: block;
			width: 20px;
			position: absolute;
			top: 0;
			bottom: 0;
			cursor: pointer;
			opacity: .8;
		}

			.mognews .bn-arrows span:hover {
				opacity: 1;
			}

	.mognews .bn-arrows-left {
		left: 0px;
	}

	.mognews .bn-arrows-right {
		right: 0px;
	}

	.mognews .laba {
		float: left;
		margin-top: 12px;
		margin-right: 0px;
	}

.headerBg {
	width: 100%;
	height: 330px;
	background-repeat: no-repeat;
	background-position: center center;
	border-top: 1px solid #fff;
	/*background: linear-gradient(45deg,#7450f9 0,#1ec0d0 33%,#627fe8 66%,#1cdebb 100%);
    background-size: 200%;
    -webkit-animation: gradient 7.5s ease-in-out infinite;
    animation: gradient 7.5s ease-in-out infinite;*/
}

@-webkit-keyframes gradient {
	50% {
		background-position: 100% 0;
	}
}

@keyframes gradient {
	50% {
		background-position: 100% 0;
	}
}

.user-info {
	margin: 0 auto;
	border: 1px transparent solid;
	border-radius: 3px;
	transition: all .2s;
	margin-top: 40px;
	width: 800px;
}

	.user-info .user-avatar {
		width: 120px;
		height: 120px;
		margin: 0 auto;
		overflow: hidden;
		float: left;
		margin-top: 230px;
		border: 10px solid #fff;
	}

		.user-info .user-avatar img {
			width: 100px;
			height: 100px;
			border-radius: 50%;
			margin-left: 17px;
			margin-top: 17px;
		}

	.user-info .info {
		margin: 0 auto;
		text-align: center;
		margin-top: 10px;
		padding-bottom: 5px;
		color: #fff;
		border-radius: 5px;
		position: static;
		float: left;
		display: inline;
		margin-top: 260px;
	}

	.user-info .user_intro {
		font-size: 20px;
		text-shadow: 2px 2px 2px #000;
		text-align: left;
		position: absolute;
		color: #fff;
	}

	.user-info .info .name {
		height: 22px;
		line-height: 22px;
		font-size: 16px;
		text-shadow: 2px 2px 2px #000;
		text-align: left;
		margin-left: 10px;
		font-weight: bold;
	}

		.user-info .info .name span {
			color: #ffffff;
		}

		.user-info .info .name em {
			color: #ffffff;
			font-weight: 400;
			font-style: italic;
		}

.ico_gender0 {
	height: 15px;
	width: 15px;
	display: inline-block;
	background-position: -345px -150px;
	margin-left: 5px;
	vertical-align: middle;
}

.ico_gender1 {
	height: 15px;
	width: 15px;
	display: inline-block;
	background-position: -345px -175px;
	margin-left: 5px;
	vertical-align: middle;
}

.user-info .info .name span {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.user-info .info .name .lv {
	color: #ffffff;
	font-style: italic;
	text-decoration: none;
	margin-left: 5px;
	font-weight: 100;
}

.user-info .name .vipico.v0, .user-info .name .vipico.v1, .user-info .name .vipico.v2 {
	display: inline-block;
	margin-left: 10px;
	background: url(../image/bg_menutop.png) no-repeat;
	width: 50px;
	height: 15px;
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
}

.user-info .name .vipico.v0 {
	background-position: -310px -342px;
}

.user-info .name .vipico.v1 {
	background-position: -310px -360px;
}

.user-info .name .vipico.v2 {
	background-position: -310px -378px;
}

.user-info .info .ranking {
	line-height: 24px;
	color: #333;
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
}

	.user-info .info .ranking .statistical .num5 {
		font-size: 18px;
		margin-right: 15px;
	}

.icon_level {
	line-height: 14px;
	text-align: center;
	display: inline-block;
	border-radius: 8px;
	margin: 0 0 0 3px;
	padding: 0 5px 0 3px;
	color: #fff;
	font-style: italic;
	background-color: #a4a4a4;
	font-weight: 100;
}

	.icon_level:hover {
		text-decoration: none;
		color: #ffffff;
	}

.user-info .info .growtip {
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	color: #444;
}

.user-info .info .growLoding {
	width: 600px;
	height: 6px;
	background: #c8c8c8;
	border-radius: 3px;
	margin-top: 5px;
	margin-left: 10px;
}

	.user-info .info .growLoding p {
		width: 0%;
		height: 6px;
		border-radius: 3px;
		background: #ff6699;
		transition: width 1.5s ease-in-out 0s;
	}

.follow_sec {
	float: right;
	display: inline;
	margin-top: 300px;
}

	.follow_sec a {
		display: inline-block;
		width: 94px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		color: #fff;
		border-radius: 3px;
		cursor: pointer;
		text-shadow: none;
		text-decoration: none;
	}

	.follow_sec .btnHeadBg {
		float: none;
		background-color: #fff;
		text-align: center;
		text-indent: 0;
		border-radius: 25px;
		color: #444;
	}

	.follow_sec .ufollow, .follow_sec .btnHeadBg {
		float: none;
		text-align: center;
		text-indent: 0;
		border-radius: 25px;
		background-color: #fff;
		color: #a4a4a4;
		border: 1px solid #a4a4a4;
	}

#user_nav {
	height: 49px;
	line-height: 48px;
	margin-top: 100px;
}

	#user_nav a {
		padding: 5px 10px;
		color: #3c3c3c;
		font-size: 14px;
		margin: 0 32px 0 0;
		text-decoration: none;
	}

	#user_nav .on {
		border-top: 2px solid #a4a4a4;
	}

.through {
	text-decoration: line-through;
}

.num5 {
	font-family: Georgia,Tahoma,Arial;
}

.num18 {
	font-family: Georgia,Tahoma,Arial;
	font-size: 18px;
}

.num22 {
	font-family: Georgia,Tahoma,Arial;
	font-size: 22px;
}

.num30 {
	font-family: Georgia,Tahoma,Arial;
	font-size: 30px;
}

.orange {
	color: #FE4502;
}

.white {
	color: #fff;
}

.blue {
	color: #01a1b8;
}

.user_comment .visitor ul li p {
	overflow: hidden;
	display: block;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #369;
}

.user_comment .visitor ul li span {
	font-size: 12px;
	color: #333;
}

#contentwordage, .CommentAlert {
	margin-top: 16px;
	line-height: 48px;
	font-size: 14px;
	color: #999;
}
/*头像图片渲染*/
.image_border {
	position: relative;
	border-radius: 50%;
	display: block;
	background: #f5f8fa;
	border: 1px solid rgba(118,117,107,0.3);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
}

	.image_border img {
		-webkit-transition: -webkit-transform 1s ease-out;
		-moz-transition: -moz-transform 1s ease-out;
		-o-transition: -o-transform 1s ease-out;
		-ms-transition: -ms-transform 1s ease-out;
	}

.user-avatar.image_border img:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

.image_border.prorank1, .icon_level.level0 {
	background-color: #999;
}

.image_border.prorank1, .icon_level.level1 {
	background-color: #c1ae2f;
}

.image_border.prorank2, .icon_level.level2 {
	background-color: #FE4502;
}

.image_border.prorank3, .icon_level.level3 {
	background-color: #028da9;
}

.image_border.prorank4, .icon_level.level4 {
	background-color: #c51f1b;
}

.image_border.prorank5, .icon_level.level5 {
	background-color: #B620A6;
}

.image_border.prorank6, .icon_level.level6 {
	background-color: #7B4EDF;
}

.btnHeadBg.prorank1, .ufollow.prorank1, #share-links .userhome.prorank1 {
	border: 1px solid #c1ae2f;
	color: #c1ae2f;
}

.btnHeadBg.prorank2, .ufollow.prorank2, #share-links .userhome.prorank2 {
	border: 1px solid #FE4502;
	color: #FE4502;
}

.btnHeadBg.prorank3, .ufollow.prorank3, #share-links .userhome.prorank3 {
	border: 1px solid #028da9;
	color: #028da9;
}

.btnHeadBg.prorank4, .ufollow.prorank4, #share-links .userhome.prorank4 {
	border: 1px solid #c51f1b;
	color: #c51f1b;
}

.btnHeadBg.prorank5, .ufollow.prorank5, #share-links .userhome.prorank5 {
	border: 1px solid #B620A6;
	color: #B620A6;
}

.btnHeadBg.prorank6, .ufollow.prorank6, #share-links .userhome.prorank6 {
	border: 1px solid #7B4EDF;
	color: #7B4EDF;
}

#user_nav .on.prorank1 {
	border-top: 2px solid #c1ae2f;
}

#user_nav .on.prorank2 {
	border-top: 2px solid #FE4502;
}

#user_nav .on.prorank3 {
	border-top: 2px solid #028da9;
}

#user_nav .on.prorank4 {
	border-top: 2px solid #c51f1b;
}

#user_nav .on.prorank5 {
	border-top: 2px solid #B620A6;
}

#user_nav .on.prorank6 {
	border-top: 2px solid #7B4EDF;
}

.rule_growth p {
	margin-bottom: 5px;
}

.rule_title {
	margin-top: 30px;
}

.user-avatar-level {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
	/*border:10px solid #fff;
	*/
}

.rule_level .level_item {
	float: left;
	margin-right: 20px;
	text-align: center;
}

.user-avatar-level img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin-left: 12px;
	margin-top: 12px;
}

.the-item .status0 {
	position: absolute;
	margin-top: 30px;
}

.footer_image {
	clear: both;
	margin-top: 50px;
	height: 143px;
	background-position: center bottom;
	background-repeat: repeat-x;
	background-image: url(https://www.17sucai.com/content/images/footer_image.png);
}

.refresh {
	vertical-align: middle;
	margin-top: 4px;
	display: block;
}

	.refresh:hover {
		text-decoration: none;
	}
/*发布教程上传样式*/
.picbtn_container {
	margin-left: 107px;
}

.uploadify-button {
	background: url(https://www.17sucai.com/content/images/cover.png) no-repeat;
}

.uploadify-queue {
	margin-bottom: 1em;
	display: none;
}

.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana,Geneva,sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}

.uploadify-error {
	background-color: #FDE5DD !important;
}

.uploadify-queue-item .cancel a {
	display: none;
}

.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}

.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}

.uploadify-progress-bar {
	background-color: #FE4502;
	height: 3px;
	width: 1px;
}
/*提示*/
#message_container {
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 100000;
	padding: 0 8px 6px 8px;
	font-size: 14px;
	max-width: 320px;
	margin: auto;
}

#error {
	position: relative;
	max-width: 320px;
	min-width: 120px;
	display: none;
	background-color: #cd3237;
	background-image: -moz-linear-gradient(top,#e34447,#cd3237);
	background-image: -ms-linear-gradient(top,#e34447,#cd3237);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e34447),to(#cd3237));
	background-image: -webkit-linear-gradient(top,#e34447,#cd3237);
	background-image: -o-linear-gradient(top,#e34447,#cd3237);
	background-image: linear-gradient(top,#e34447,#cd3237);
	border: 1px solid #ca3e3e;
	border-radius: 0 0 4px 4px;
	padding: 8px 8px 6px 8px;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	color: #fff;
	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
}

	#error a {
		color: #fff;
	}

.index_more {
	text-align: center;
}

.btn_com {
	display: inline-block;
	width: 94px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #ffffff;
	border-radius: 3px;
	cursor: pointer;
	text-shadow: none;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	border-radius: 18px;
	background-color: #00c7e1;
	box-shadow: 0 2px 4px 0 rgba(0,188,212,.28);
	border: solid 3px rgba(255,255,255,.4);
}

	.btn_com:hover {
		text-decoration: none;
		color: #ffffff;
	}

	.btn_com.light {
		background: #dcf6fa;
		border: 1px solid #00c7e1;
		color: #00c7e1;
	}

	.btn_com.small {
		width: 90px;
		height: 26px;
		line-height: 26px;
		background: #fff;
		font-size: 12px;
	}

.btn_preview, .btn_cart {
	position: relative;
	width: 80px;
	background-color: #fff;
	border: 1px solid #00c7e1;
	color: #00c7e1;
	height: 32px;
	line-height: 32px;
	text-align: center;
	/*font-size: 13px;*/
	display: inline-block;
	border-radius: 4px;
	border-radius: 18px;
	/*background-image: -moz-linear-gradient(45deg, #5886ff, #8de9ff);
    background-image: -webkit-gradient(45deg, linear, 0% 0%, 0% 100%, from(#5886ff), to(#8de9ff));
    background-image: -webkit-linear-gradient(45deg, #5886ff, #8de9ff);
    background-image: -o-linear-gradient(45deg, #5886ff, #8de9ff);*/
}

	.btn_preview:hover {
		text-decoration: none;
		color: #00c7e1;
	}

.btn_cart {
	background-color: #00c7e1;
	width: 110px;
	float: right;
	color: #fff;
}

.btnExVip, .btnGoVip {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99999;
	background-color: transparent;
	border: solid 1px rgba(255,255,255,.4);
	box-shadow: none;
}

.btnExVip {
	width: 80px;
}

.btnGoVip {
	width: 100px;
}

.down-container {
	margin-top: 50px;
}

.down-left {
	float: left;
}

.down-right {
	float: left;
	margin-left: 30px;
}

	.down-right h1 {
		font-weight: normal;
		color: #666;
		margin-bottom: 20px;
		font-size: 16px;
	}

.down-left {
	width: 300px;
}

	.down-left img {
		width: 300px;
	}

.down-left {
	margin-bottom: 30px;
	padding: 10px;
	background: #f5f8fa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
}

.down-tip {
	color: #FF4242;
	font-size: 20px;
}

.down-yue {
	margin-top: 10px;
	font-size: 14px;
}

.btn_cart:hover {
	text-decoration: none;
	color: #ffffff;
}

.view-arrows a {
	width: 30px;
	height: 60px;
	position: fixed;
	bottom: 40%;
	text-indent: -9999em;
}

.view-arrows .pre {
	left: 0px;
	background-position: 0 0;
}

.view-arrows .next {
	right: 0px;
	background-position: -90px 0;
}

.back {
	display: block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #222;
	width: 90px;
}

	.back:hover {
		text-decoration: none;
	}

.listalbum {
	clear: both;
	margin-top: 10px;
}

div.listalbum h3 {
	font-weight: 400;
	border-bottom: 1px solid #f5f8fa;
	width: 240px;
	font-size: 14px;
}

ol.albumitem li {
	position: relative;
	margin-top: 8px;
	list-style: none;
	margin-bottom: 10px;
	float: left;
	max-height: 150px;
	overflow: hidden;
}

	ol.albumitem li a:hover {
		text-decoration: none;
	}

	ol.albumitem li:nth-child(2n+1) {
		margin-right: 10px;
	}

	ol.albumitem li a, ol.albumitem li span {
		width: 100%;
		overflow: hidden;
	}

		ol.albumitem li a p {
			width: 115px;
		}

		ol.albumitem li a img {
			margin: 0;
			padding: 0;
			-webkit-border-radius: 10px 0 10px 10px;
			-moz-border-radius: 10px 0 10px 10px;
			border-radius: 10px 0 10px 10px;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.07);
			box-shadow: 0 1px 2px rgba(0,0,0,.07);
			/*height: 60px;*/
			width: 115px;
		}

.albumshousuo:hover {
	text-decoration: none;
}

.body_imgview {
	background: #dedede;
}

.bigimg {
	max-width: 1170px;
	margin: 0 auto;
}

.guanbi {
	position: fixed;
	top: 10px;
	right: 10px;
}

	.guanbi:hover {
		text-decoration: none;
	}

	.guanbi i {
		font-size: 40px;
	}
/* slider 4d56a3*/
.post-main-slider {
	background: #000 url(../image/bg-page-section.png);
	text-align: center;
	width: 100%;
	/*padding: 0 0 10px 0;*/
	height: 315px;
	position: relative;
}

	.post-main-slider #canvas {
		height: 315px;
	}

.slidermain {
	align-self: center;
	margin: 0 auto;
	position: relative;
	width: 800px;
}

.imgContainer {
	width: 520px;
	height: 240px;
	position: relative;
	padding-top: 30px;
}

.slidermain .image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	color: #fff;
	font-size: 14px;
}

	.slidermain .image-wrapper:hover {
		text-decoration: none;
		color: #fff;
	}

	.slidermain .image-wrapper.active {
		display: block;
	}

	.slidermain .image-wrapper img {
		/*width: 100%;
	height: 100%;*/
		margin-top: 20px;
		border-radius: 20px;
	}

	.slidermain .image-wrapper.active img {
		display: block;
		/*height: 240px;
		width: 530px;*/
	}

.slidermain .controls {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 20px;
	right: 0px;
}

.slidermain .dot {
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 50%;
	cursor: pointer;
	transform: scale(.85);
	transition: .3s all ease;
	background-color: #00c7e1;
	margin: 0 2px;
	border: solid 3px #5c5a58;
}

	.slidermain .dot.active {
		transform: scale(1.1);
		background-color: #fe4502;
	}

.slidermain .brand {
	position: absolute;
	right: 0;
	top: 20px;
	width: 230px;
	height: 240px;
	background-color: rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C000000',endColorstr='#4C000000');
	border-radius: 2px;
	color: #fff;
	text-align: center;
	border: 1px solid #666;
	border-radius: 20px 0 20px 20px;
}

.brand .maxim {
	font-size: 26px;
	padding: 40px 0 15px;
	color: #ffffff;
}

.brand .info {
	font-size: 16px;
	padding-top: 5px;
	color: #ffffff;
}
/*搜索*/
.search-wrap {
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

	.search-wrap .search-text, .search-wrap .search-button {
		border: none;
		position: absolute;
		top: 5px;
		z-index: 1;
	}

	.search-wrap .search-button {
		background: transparent;
		border-radius: 0 48px 48px 0;
		right: 5px;
	}

		.search-wrap .search-button i {
			color: #fff;
			font-size: 28px;
		}

		.search-wrap .search-button:hover, .home-search-wrap .search-button:hover {
			cursor: pointer;
		}

	.search-wrap .search-bg, .home-search-wrap .search-bg {
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 48px;
		position: absolute;
		top: 0;
		opacity: 0.1;
		filter: alpha(opacity=10);
	}
/*搜索下拉*/

.search-sug {
	border-radius: 2px;
	position: absolute;
	background: #fff;
	border: 1px solid #425861;
	border-top: none;
	z-index: 5;
}

.item-search .search-sug, .home-search-wrap .search-sug {
	width: 210px;
	left: 1px;
	top: 35px;
	border: 1px solid #f5f8fa;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
	box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
}

.item-search .search-sug {
	left: 12px;
	top: 34px;
}

.home-search-wrap .search-sug {
	left: 18px;
	top: 40px;
	width: 140px;
	border: none;
}

.search-sug ul.on {
	background: rgba(0,0,0,0.12);
}

.search-sug li {
	list-style: none;
}

.search-sug .sokeyup_1 {
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	cursor: pointer;
}

.item-search .search-sug .sokeyup_1, .home-search-wrap .search-sug .sokeyup_1 {
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	cursor: pointer;
}

.search-sug .sokeyup_1 .sokeyup_2 {
	font-size: 14px;
	color: #6e6e6e;
	float: left;
}

.search-sug .sokeyup_1 .sokeyup_3 {
	color: #6e6e6e;
	font-size: 14px;
	float: right;
}
/*home search*/
.home-search-wrap {
	width: 200px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 30px;
}

	.home-search-wrap .search-text, .home-search-wrap .search-button {
		height: 30px;
		border: none;
		line-height: 30px;
		position: absolute;
		top: 5px;
		z-index: 1;
	}

	.home-search-wrap .search-text {
		width: 130px;
		padding-left: 20px;
		background: #fff;
		border-radius: 28px 0 0 28px;
		left: 5px;
		height: 28px;
	}

	.home-search-wrap .search-button {
		width: 40px;
		background: transparent;
		/*383e70*/
		border-radius: 0 28px 28px 0;
		right: 5px;
	}

		.home-search-wrap .search-button i {
			color: #fff;
			font-size: 18px;
		}
/*详情搜索*/
.item-search {
	width: 240px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	border-radius: 36px;
	padding: 3px;
	position: relative;
}

	.item-search .search-text, .item-search .search-button {
		height: 26px;
		border: none;
		line-height: 26px;
		position: absolute;
		margin-top: 2px;
	}

	.item-search .search-text {
		width: 176px;
		padding-left: 12px;
		z-index: 1;
		border-radius: 30px;
		background: #f5f8fa;
	}

	.item-search .search-button {
		border-radius: 0 2px 2px 0;
		right: 5px;
		padding: 0 10px;
	}

		.item-search .search-button:hover {
			cursor: pointer;
		}

		.item-search .search-button i {
			color: #a0a1a1;
			font-size: 18px;
			font-weight: bold;
		}

.bdsharebuttonbox {
	margin-top: 10px;
}
/*用户列表*/
ol.player-cards {
	margin-bottom: 20px;
	margin-top: 30px;
}

	ol.player-cards li.group {
		margin: 0 0 13px 0;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #ddd;
		position: relative;
		list-style: none;
	}

		ol.player-cards li.group:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		ol.player-cards li.group:last-child {
			margin: 0;
			border-bottom: none;
		}

	ol.player-cards li div.player-info {
		float: left;
		width: 40%;
		margin-top: 4px;
	}

	ol.player-cards li.prospect div.player-info {
		width: 100%;
	}

	ol.player-cards li h2 {
		max-height: none;
		margin: 0;
		padding: 0 0 4px 0;
		font-size: 16px;
		line-height: 1.2;
	}

		ol.player-cards li h2 a.image_border {
			width: 80px;
			max-height: 80px;
			margin: 0 10px 0 0;
			float: left;
		}

		ol.player-cards li h2 a img.photo, ol.player-cards li h2 a:hover img.photo {
			width: 65px;
			max-height: 65px;
			border-radius: 50%;
			margin-left: 13px;
			margin-top: 13px;
		}

		ol.player-cards li h2 span.meta {
			display: block;
			margin: 5px 0 0 0;
			font-size: 12px;
			font-style: normal;
			font-weight: 400;
			line-height: 1;
			padding-top: 5px;
		}

			ol.player-cards li h2 span.meta .uname {
				font-size: 12px;
				margin-bottom: 10px;
			}

			ol.player-cards li h2 span.meta a {
				font-size: 12px;
			}

	ol.player-cards li div.follow-prompt {
		margin: 0;
		font-size: .9em;
		line-height: 12px;
	}

	ol.player-cards li a.follow, ol.player-cards li a.settings, ol.player-cards li a.unfollow {
		padding: 6px;
		width: 12px;
		height: 12px;
		margin: 3px 10px 0 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

		ol.player-cards li a.follow span, ol.player-cards li a.unfollow span {
			float: left;
			padding-left: 12px;
			text-indent: -999em;
		}

	ol.player-cards li ul.player-stats {
		/*float:left;
	*/
		margin: 3px 0 0 0;
	}

		ol.player-cards li ul.player-stats li {
			float: left;
			width: auto;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			font-size: 12px;
			line-height: 1;
			border-bottom: none;
			border-right: 1px solid #ddd;
			list-style: none;
		}

			ol.player-cards li ul.player-stats li:last-child {
				border-right: none;
			}

			ol.player-cards li ul.player-stats li a {
				display: block;
				font-weight: 700;
				/*font-family:Georgia,Tahoma,Arial;
	*/
				line-height: 1;
				color: #777;
			}

				ol.player-cards li ul.player-stats li a span.meta {
					display: block;
					margin-top: 2px;
					font-size: 12px;
					font-weight: 400;
					line-height: 1;
					text-transform: lowercase;
					color: #bbb;
				}

				ol.player-cards li ul.player-stats li a:hover {
					color: #444;
					text-decoration: none;
				}

					ol.player-cards li ul.player-stats li a:hover span.meta {
						color: #999;
					}

	ol.player-cards li div.shots {
		float: right;
		width: 60%;
	}

		ol.player-cards li div.shots img {
			float: left;
			height: 80px;
			width: 107px;
			margin: 3px 10px 0 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background: #fff;
			padding: 2px;
		}

		ol.player-cards li div.shots a:hover img {
			opacity: .8;
		}

		ol.player-cards li div.shots a:last-child img {
			margin-right: 0;
		}

.item-tags {
	clear: both;
	/*margin-bottom: 10px;*/
	overflow: hidden;
	margin-top: 10px;
	height: 35px;
}

.service {
	width: 40px;
	height: 198px;
	position: fixed;
	top: 200px;
	right: 0;
	overflow: hidden;
	z-index: 9999;
}

	.service dl {
		width: 120px;
		height: 198px;
		border-radius: 25px 0 0 25px;
		padding-left: 40px;
		box-shadow: 0 0 5px #e4e8ec;
	}

		.service dl dt {
			width: 40px;
			height: 198px;
			background: url(../image/service.png);
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
		}

		.service dl dd.suspendQQ {
			width: 120px;
			height: 85px;
			background: #ffffff;
		}

			.service dl dd.suspendQQ a {
				width: 120px;
				height: 85px;
				display: block;
				background: url(../image/service.png) -40px 0;
				overflow: hidden;
			}

		.service dl dd.suspendTel {
			width: 120px;
			height: 112px;
			background: #ffffff;
			border-top: 1px solid #e4e8ec;
		}

			.service dl dd.suspendTel a {
				width: 120px;
				height: 112px;
				display: block;
				background: url(../image/service.png) -40px -86px;
				overflow: hidden;
			}

* html .service {
	position: absolute;
	left: expression(eval(document.documentElement.scrollRight));
	top: expression(eval(document.documentElement.scrollTop+200));
}

.adminpanel {
	clear: both;
	padding-top: 20px;
}

	.adminpanel a {
		margin-right: 20px;
	}

#txtfeed {
	width: 85%;
	height: 150px;
	border: 1px solid #dadada;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
}

.btnfeed, .btnshang {
	background: #dcf6fa;
	border: 1px solid #00c7e1;
	color: #00c7e1;
	margin-top: 15px;
}

	.btnfeed:hover, .btnshang:hover {
		color: #00c7e1;
	}

.none {
	display: none;
}
/*模态窗口*/
.black-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	z-index: 99998;
	display: none;
}

.pop_container {
	position: absolute;
	width: 440px;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	opacity: 0;
	-webkit-transition: transform .3s,opacity .3s;
	-moz-transition: transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;
}

.pop_show {
	top: 50%;
	left: 50%;
	margin: -155px 0 0 -260px;
	z-index: 99999;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	position: fixed;

}

.pop_container.larger {
	width: 550px;
}

.pop_frame {
	width: 400px;
	background: #fff;
	text-align: center;
	padding: 30px 0 30px;
	box-shadow: 0 2px 10px rgba(0,0,0,.5);
	border-radius: 2px;
}

	.pop_frame .logo {
		display: block;
		margin: 0 auto;
		height: 35px;
	}

	.pop_frame .holder {
		width: 100%;
		margin: 0 auto;
		position: relative;
		margin-top: 20px;
	}

	.pop_frame .with-line {
		color: #01a1b8;
		margin: 0 auto;
		position: relative;
		text-align: center;
		margin: 20px 10px;
		font-size: 14px;
		padding: 0 30px;
	}

		.pop_frame .with-line:before {
			content: "";
			border-top: 1px solid #ededed;
			display: block;
			position: absolute;
			width: 30px;
			top: 8px;
			left: 0;
		}

		.pop_frame .with-line:after {
			content: "";
			border-top: 1px solid #ededed;
			display: block;
			position: absolute;
			width: 30px;
			top: 8px;
			right: 0;
		}

	.pop_frame .buttons a {
		margin-right: 20px;
	}

	.pop_frame a:hover {
		text-decoration: none;
	}

.pop_container .close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.framebox {
	display: none;
}

.pop_container .close i {
	color: #ffffff;
	font-size: 24px;
}

.bds_count {
	font-family: Georgia,Tahoma,Arial;
	font-size: 14px;
}

	.bds_count:hover {
		text-decoration: none;
	}

.pop_container .button:hover {
	color: #cd3237;
}
/*右侧悬浮*/
.block-sidebar {
	position: fixed;
	/*display: none;*/
	bottom: 30px;
	width: 60px;
	z-index: 99;
	right: 0;
}

	.block-sidebar .backtop {
		display: none;
	}

	.block-sidebar .block-sidebar-item i {
		font-size: 50px;
		color: #b5b5b5;
		text-align: center;
		line-height: 50px;
		margin-bottom: 20px;
		cursor: pointer;
		display: block;
	}

	.block-sidebar .block-sidebar-item a {
		text-decoration: none;
	}

	.block-sidebar .block-sidebar-item i:hover {
		color: #8e8b8b;
	}

.paytip {
	margin-left: 10px;
}

.aboutbanner {
	background: #425861 url(../image/bg-page-section.png);
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	text-align: center;
}

	.aboutbanner h1 {
		color: #fff;
		font-size: 30px;
	}

	.aboutbanner .h1title {
		color: #fff;
		font-size: 15px;
	}

	.aboutbanner p {
		color: #fff;
		margin-top: 20px;
	}

.aboutnav {
	width: 60px;
	float: left;
	margin-top: 30px;
}

	.aboutnav li {
		list-style: none;
		padding: 5px 0;
		margin-bottom: 20px;
	}

		.aboutnav li a {
			font-size: 14px;
		}

			.aboutnav li a:hover {
				text-decoration: none;
			}

		.aboutnav li.active {
			border-bottom: 1px solid #02abcc;
			font-weight: bold;
		}

.aboutintro {
	margin-top: 30px;
	float: right;
	margin-bottom: 30px;
}

	.aboutintro * {
		font-size: 14px;
	}

	.aboutintro p {
		height: 36px;
	}

	.aboutintro .fenlei a {
		margin-left: 10px;
	}

.sideBar-animate {
	position: fixed;
	bottom: 0px;
	left: 5px;
	-webkit-animation: two-up-down .8s ease infinite 80ms alternate;
	animation: two-up-down .8s ease infinite 80ms alternate;
}

	.sideBar-animate.left {
		left: 0px;
	}

@keyframes two-up-down {
	from {
		-webkit-transform: translate(0,8px);
		transform: translate(0,8px);
	}

	to {
		-webkit-transform: translate(0,-8px);
		transform: translate(0,-8px);
	}
}

/*.btn_preview {
	-webkit-animation: shadow 2s linear;
	animation: shadow 2s linear;
}

@-webkit-keyframes shadow {
	0% {
		-webkit-filter: drop-shadow(0 0 0 #00c7e1);
	}

	100% {
		-webkit-filter: drop-shadow(0 0 30px #00c7e1);
	}
}

@keyframes shadow {
	0% {
		-webkit-filter: drop-shadow(0 0 0 #00c7e1);
	}

	100% {
		-webkit-filter: drop-shadow(0 0 30px #00c7e1);
	}
}*/
/*列表 新*/
.item-box {
	position: relative;
	margin: 16px 0;
	padding: 16px;
	border-radius: 4px;
	box-shadow: 0 0 16px #ccc;
	overflow: hidden;
	background-color: #fff;
}

	.item-box.xcx {
		width: 200px;
		margin-right: 35px;
		padding: 20px;
		margin-bottom: 10px;
	}

		.item-box.xcx:nth-child(3n) {
			margin-right: 0px;
		}

		.item-box.xcx img {
			width: 100%;
		}

		.item-box.xcx h3 {
			padding-left: 10px;
		}

.cover {
	border-radius: 3px;
}

.item-box_content {
	color: #999;
	font-size: 12px;
	overflow: hidden;
	margin-left: 20px;
	padding-right: 10px;
}

	.item-box_content .intro {
		color: #787878;
		font-size: 14px;
	}

.item-box_title {
	max-height: 2.6em;
	margin-bottom: 0;
	color: #262626;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
}

	.item-box_title:focus, .item-box_title:hover {
		text-decoration: underline;
	}

.item-box_author {
	-webkit-font-smoothing: subpixel-antialiased;
	text-decoration: underline;
	color: #b3b3b3;
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #999;
	font-weight: 700;
}

	.item-box_author:hover {
		text-decoration: none;
	}

		.item-box_author:focus:after, .item-box_author:hover:after {
			opacity: 1;
			transition-delay: .2s;
			transition-duration: .15s;
			transform: translateY(-3px) translateZ(0);
		}

.item-box_category {
	margin-top: 16px;
	margin-bottom: 16px;
}

	.item-box_category a {
		color: #787878;
	}

		.item-box_category a:hover {
			text-decoration: none;
		}

	.item-box_category span {
		line-height: 23px;
		padding: 2px 9px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		white-space: nowrap;
		cursor: pointer;
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.12);
	}

.tagList-module {
	overflow: hidden;
	width: 300px;
	height: 19px;
}

	.tagList-module a {
		margin-right: 5px;
		color: #999;
		font-size: 13px;
	}

		.tagList-module a:hover {
			text-decoration: none;
		}

.item-box_detailsItem {
	margin-bottom: 6px;
	color: #787878;
	font-size: 13px;
}

	.item-box_detailsItem i {
		color: #787878;
	}

	.item-box_detailsItem:first-child {
		margin-top: 20px;
	}

.item-box_bulletPoint_1U-aa {
	margin-bottom: 4px;
	margin-left: 16px;
	color: #4d4d4d;
	list-style-type: disc;
}

.item-box_footer {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 2 0;
	flex: 2 0;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 16px;
	border-left: 1px solid #e6e6e6;
	padding-top: 30px;
}

.item-box_price {
	font-weight: 700;
	margin-bottom: 30px;
}

.item-box_footerButtons {
	position: absolute;
	top: 0;
	right: 0;
}

	.item-box_footerButtons a {
		text-decoration: none;
	}

.item-box_alignBottom {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	margin-top: auto;
	-ms-flex-item-align: end;
	align-self: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

	.item-box_alignBottom .btn_preview {
		height: 26px;
		line-height: 26px;
		background: #fff;
		font-size: 12px;
		border: 1px solid #f1f1f1;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		color: #666;
	}

	.item-box_alignBottom .btn_down {
		height: 26px;
		line-height: 26px;
		background: #fff;
		font-size: 12px;
		border: 1px solid #f1f1f1;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		color: #666;
		width: 50px;
		border-radius: 50px;
		text-align: center;
		margin-right: 5px;
	}

		.item-box_alignBottom .btn_down:hover {
			text-decoration: none;
		}

.imagePlaceholder {
	position: relative;
	width: 100%;
	background: linear-gradient(125deg,#999,#fff,#999);
	background-size: 200% 200%;
	overflow: hidden;
	display: block;
	padding-top: 50.8475%;
	background-size: cover;
}

.imagePlaceholder_content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.a_downconfirm, .a_downconfirm2 {
	display: none;
	padding: 5px 15px;
}

/*price table*/

.container_pay {
	padding-top: 280px;
	margin-bottom: 350px;
	background-image: url(../image/paybg.jpg);
	background-size: auto 306px;
	position: relative;
	background-position: top;
	background-repeat: no-repeat;
}

	.container_price, .container_pay .tip {
		margin: 0 auto;
		position: relative;
	}

	.container_pay .tip {
		color: #a7c5ff;
		margin-bottom: 20px;
	}

.pricing-table:before {
	background-image: url(../image/payitem.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: calc(100%);
	left: 0;
	top: 0;
	position: absolute;
	/*top: -14px;*/
	width: calc(100%);
}

.pricing-table {
	position: relative;
	color: #fff;
	width: 175px;
	height: 237px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

	.pricing-table:last-child {
		margin-right: 0px;
	}

.pt-header {
	position: relative;
	padding: 20px 0;
}

.pt-title {
	position: relative;
	text-align: center;
	margin: 0;
	color: #fff;
}

.discount {
	text-align: center;
	color: #ffc942;
}

.pt-header .discount a:hover {
	text-decoration: none;
}

.ribbon-wrapper {
	position: absolute;
	top: -5px;
	right: -10px;
	width: 130px;
	height: 130px;
	overflow: hidden;
}

	.ribbon-wrapper .ribbon {
		color: #fff;
		position: relative;
		top: 20px;
		left: 0;
		width: 180px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #0c59ff;
	}

		.ribbon-wrapper .ribbon b {
			color: #fff;
		}

		.ribbon-wrapper .ribbon:before {
			content: '';
			display: block;
			position: absolute;
			top: 12px;
			left: 20px;
			width: 0;
			height: 0;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			border: 12px solid transparent;
			border-bottom-color: rgba(12, 89, 255, 0.5);
		}

		.ribbon-wrapper .ribbon:after {
			content: '';
			display: block;
			position: absolute;
			z-index: -1;
			top: 10px;
			left: 147px;
			width: 0;
			height: 0;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			border: 12px solid transparent;
			border-left-color: rgba(12, 89, 255, 0.5);
		}

.pt-body {
	font-size: 16px;
	padding: 0 20px;
	margin-bottom: 30px;
}

.pt-row {
	position: relative;
	text-align: center;
	padding: 16px 0;
	border-bottom: 1px solid rgba(72,131,255,.5);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	color: #a7c5ff;
}

	.pt-row:first-child {
		padding: 1px 0 16px 0;
	}

	.pt-row:last-child {
		border-bottom: none;
	}

.pt-footer {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}

	.pt-footer .pt-button {
		font-size: 16px;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		text-decoration: none;
		display: block;
		width: 70%;
		height: 40px;
		margin: 0 auto;
		background-color: #bf9040;
		background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#d0ab4f),to(#ae7530));
		background-image: -webkit-linear-gradient(left,#d0ab4f 1%,#ae7530);
		background-image: linear-gradient(90deg,#d0ab4f 1%,#ae7530);
		border: none;
	}

.pt-button:hover {
	cursor: pointer;
}

.pt-footer .pt-button:focus {
	outline: 0;
}

.container_vipgo {
	margin-top: 20px;
	padding-top: 30px;
	position: relative;
	text-align: center;
	overflow: hidden;
	clear: both;
}

	.container_vipgo:after {
		background-image: url(../image/payft.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover;
		bottom: 0;
		content: "";
		display: block;
		height: 200px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: -1;
	}

	.container_vipgo .btn_vipgo {
		background: url(../image/payvipgo.png);
		background-repeat: no-repeat;
		width: 258px;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		margin-bottom: 50px;
		margin-right: 30px;
		display: inline-block;
		color: #fff;
	}

		.container_vipgo .btn_vipgo:hover {
			text-decoration: none;
		}

@media (max-width:769px) {
	.container_pay {
		background-size: auto 200px;
		padding-top: 180px;
	}

	.container_price {
		padding: 0 1%;
	}

	.pricing-table {
		margin-bottom: 100px;
		margin-right: 5%;
		width: 45%;
	}

		.pricing-table:nth-child(2n) {
			margin-right: 0;
		}

	.container_price, .container_pay .tip {
		width: 100%;
		text-align: center;
	}

	.container_vipgo .btn_vipgo {
		display: none;
	}

	.service {
		display: none;
	}
}

/*年vip活动*/
.yearvip {
	margin-left: 150px;
	margin-top: 50px;
}

	.yearvip .ribbon-wrapper .ribbon {
		background-color: rgba(248, 237, 23, 1);
	}

	.yearvip .pt-footer .pt-button {
		background-color: rgba(112,177,145,.8);
		color: #fff;
	}

	.yearvip .pricing-table {
		background-color: rgba(112,177,145,1);
	}

	.yearvip .pt-footer {
		width: 84%;
	}

/*vip*/

.banner-vip {
	position: relative;
	padding: 0px 0 250px 0;
	background-size: cover;
	background-position: bottom center;
}

	.banner-vip .banner-describe {
		width: 800px;
		margin: auto auto;
		padding-top: 170px;
		text-align: right;
		font-size: 18px;
		color: #ffffff;
	}

		.banner-vip .banner-describe a {
			font-size: 14px;
			color: #ffffff;
			border: 1px solid #FEE4D2;
			border-radius: 30px;
			padding: 5px 15px;
			color: #FEE4D2;
			margin-left: 10px;
		}

			.banner-vip .banner-describe a.active {
				font-weight: bold
			}

			.banner-vip .banner-describe a:hover {
				text-decoration: none;
			}

.vip-container {
	width: 800px;
	margin: 0px auto;
	z-index: 9999;
	position: relative;
	margin-top: -250px;
	padding-top: 50px;
}

	.vip-container .column {
		text-align: center;
		margin-bottom: 35px;
		position: relative;
	}

	.vip-container .column-title {
		/*border: #eaecef 1px solid;*/
		border-right: none;
		width: 19%;
		margin-top: 69px;
		border-bottom: none;
	}

		.vip-container .column-title div {
			background-color: #fff;
		}

		.vip-container .column-title .top-tit .top-title-l {
			height: 65px;
			text-align: center;
			width: 16px;
			font-size: 16px;
			border: 1px solid #eaecef;
			border-bottom: none;
			border-left: none;
			padding: 0 21px;
			word-break: break-all;
			align-items: center;
			display: flex;
			border-top: none;
		}

		.vip-container .column-title .top-tit .top-title-r {
			width: 160px;
			height: 66px;
			line-height: 66px;
			font-size: 16px;
			border-bottom: #eaecef 1px solid;
		}

	.vip-container .column-free {
		width: 19%;
		border: #eaecef 1px solid;
		border-right: none;
		margin-top: 69px;
		border-bottom: none;
	}

		.vip-container .column-free div {
			height: 52px;
			border-bottom: #eaecef 1px solid;
			background-color: #fff;
		}

			.vip-container .column-free div.row {
				line-height: 52px;
			}

.color-red {
	color: #ff5100;
}

.vip-container .column-free .top-title {
	height: 65px;
	font-size: 24px;
	line-height: 65px;
}

.vip-container .column-vip {
	width: 20%;
	border: #eaecef 1px solid;
	border-right: none;
	transition: all .2s;
	border-bottom: none;
}

	.vip-container .column-vip.year {
		border-color: #f2ddaf;
	}
/*.vip-container .column-vip:hover {
	transform: translateY(-20px);
}*/
.vip-top {
	font-size: 22px;
}

.vip-container .column-vip .top-title {
	height: 134.5px;
	font-size: 14px;
}

/*.vip-container .column-vip.bg .top-title {
	background: #fff url(/content/images/vippricebg.png) no-repeat -50px 0;
}
.vip-container .column-vip.year.bg .top-title {
	background: #fffaeb url(/content/images/vippricebg.png) no-repeat -50px 0;
}*/
.vip-container .column-vip div, .vip-container .column-title div, .vip-container .column-free div {
	height: 52px;
	border-bottom: #eaecef 1px solid;
	line-height: 52px;
	background-color: #fff;
}

.vip-container .column-vip.year div {
	background-color: #fffaeb;
}

	.vip-container .column-vip.year div span {
		color: #ca963b;
	}

.vip-container .green {
	color: #32a525;
}

.vip-container .column-vip .top-title {
	position: relative;
}

	.vip-container .column-vip .top-title .vip-discount {
		line-height: 30px;
		color: #000;
	}

		.vip-container .column-vip .top-title .vip-discount span {
			color: #ff5300;
			font-size: 30px;
			font-weight: bold;
		}

			.vip-container .column-vip .top-title .vip-discount span i {
				font-style: normal;
				font-weight: 500;
				margin-left: 2px;
			}

	/*.vip-container .column-vip .top-title .vip-discount em {
	text-decoration: line-through;
}*/



	.vip-container .column-vip .top-title .btn_pay {
		width: 100px;
		height: 32px;
		margin: 0 auto;
		color: #fff;
		border-radius: 18px;
		background: #ff7c00;
		background: -moz-linear-gradient(top, #ff7c00 26%, #ff5100 100%);
		background: -webkit-linear-gradient(top, #ff7c00 26%,#ff5100 100%);
		background: linear-gradient(to bottom, #ff7c00 26%,#ff5100 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c00', endColorstr='#ff5100',GradientType=0 );
		font-size: 15px;
		line-height: 32px;
		transition: opacity 0.2s;
		display: block;
		color: #fff;
		font-weight: 900;
	}

.btn_payclose {
	width: 139px;
	height: 36px;
	margin: 0 auto;
	color: #fff;
	border-radius: 18px;
	background: #cbc6c0;
	background: -moz-linear-gradient(top, #cbc6c0 26%, #1f1e1e 100%);
	background: -webkit-linear-gradient(top, #cbc6c0 26%,#1f1e1e 100%);
	background: linear-gradient(to bottom, #cbc6c0 26%,#1f1e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc6c0', endColorstr='#1f1e1e',GradientType=0 );
	font-size: 18px;
	line-height: 34px;
	transition: opacity 0.2s;
	display: block;
	color: #fff;
	font-weight: 900;
}

	.vip-container .column-vip .top-title .btn_pay:hover, .btn_payclose:hover {
		opacity: 0.8;
		text-decoration: none;
	}

.vip-container .column-title .lm-cont:nth-of-type(2) .lm-tit {
	height: 370px;
}

.vip-container .column-title .lm-cont:nth-of-type(3) .lm-tit {
	height: 210px;
}

.vip-container .column-title .lm-cont .lm-cnt {
	width: 160px;
}

	.vip-container .column-title .lm-cont .lm-cnt a:hover {
		text-decoration: underline;
		color: #00c7e1
	}

	.vip-container .column-title .lm-cont .lm-cnt div {
		height: 52px;
		line-height: 52px;
		border-bottom: #eaecef 1px solid;
	}

.vip-container .user-avatar-level img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-left: 8px;
	margin-top: 8px;
}

.vip-container .user-avatar-level {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
}


/*工具*/
.tools_textarea {
	width: 785px;
	height: 200px;
}

.tools .row {
	margin: 20px 0;
}

.tabs {
	margin-top: 20px;
	text-align: left;
}

	.tabs a {
		color: #fff;
		margin-right: 20px;
		font-weight: bold;
		font-size: 14px;
	}

		.tabs a.active {
			border-bottom: 2px solid #fff;
		}

		.tabs a:hover {
			text-decoration: none;
		}
/*table*/
.table {
	border-collapse: collapse;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

	.table td, .table th {
		border: 1px solid #dedede;
		color: #666;
		height: 30px;
	}

	.table thead th {
		background-color: #CCE8EB;
		width: 100px;
	}

	.table tr:nth-child(odd) {
		background: #fff;
	}

	.table tr:nth-child(even) {
		background: #F5FAFA;
	}
/*活动列表*/
.act_list {
	width: 760px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

	.act_list img {
		max-width: 360px;
	}

	.act_list a {
		font-size: 30px;
		color: #fff;
	}

		.act_list a:hover {
			text-decoration: none;
		}

	.act_list .over {
		height: 150px;
		width: 150px;
		background: url(https://www.17sucai.com/content/images/over.gif);
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.act_list .status {
		text-indent: 10px;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
		width: 206px;
		height: 39px;
		font-size: 22px;
		line-height: 38px;
		color: #fff;
		text-align: center;
		background: url(../image/status_bg.png) no-repeat;
	}

		.act_list .status.end {
			background: url(../image/status_bg2.png) no-repeat;
		}

.activitybg {
	height: 90px;
	width: 800px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../image/activity_bg.jpg) no-repeat;
	margin-bottom: 40px;
	background-size: 100%;
	margin: 0 auto;
	margin-top: 50px;
}

a.overtip {
	color: #fff;
	font-size: 30px;
	position: fixed;
	top: 40%;
	left: 40%;
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
/*兑换码*/

.exchange-box {
	padding: 65px 0 75px;
	background: #f0f4f8;
	width: 600px;
	border-radius: 2px;
	height: auto;
	margin: 50px auto;
	text-align: center;
}

	.exchange-box h2 {
		color: #000;
		font-size: 16px;
		position: relative;
	}

		.exchange-box h2:before, .exchange-box h2:after {
			content: "";
			position: absolute;
			border-bottom: 1px solid #d2d2d2;
			width: 100px;
			top: 10px;
		}

		.exchange-box h2:before {
			left: 153px;
		}

		.exchange-box h2:after {
			right: 153px;
		}

	.exchange-box .exchange-input {
		margin: 35px auto 39px;
		position: relative;
	}

		.exchange-box .exchange-input .hint {
			position: absolute;
			top: 48px;
			left: 130px;
			font-size: 16px;
		}

			.exchange-box .exchange-input .hint.error-info {
				color: #ff0000;
			}

			.exchange-box .exchange-input .hint.correct {
				color: #41f552;
			}

		.exchange-box .exchange-input input {
			width: 360px;
			height: 38px;
			line-height: 38px;
			border: 1px solid #00a2e6;
			border-radius: 30px;
			padding-left: 18px;
		}

	.exchange-box .exchange-btn {
		border: 1px solid #00c7e1;
		width: 380px;
		height: 40px;
		line-height: 40px;
		border-radius: 30px;
		margin: 0 auto 36px;
	}

		.exchange-box .exchange-btn:hover {
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-ms-transform: scale(1.05);
			-o-transform: scale(1.05);
			transform: scale(1.05);
			opacity: .7;
			filter: alpha(opacity=70);
		}

	.exchange-box .explain {
		letter-spacing: 1px;
		width: 390px;
		margin: 17px auto 0;
		color: #606060;
		text-align: left;
		line-height: 28px;
		font-size: 14px;
	}

		.exchange-box .explain b {
			color: #8b8989;
			font-size: 14px;
		}

.btn_collect:hover {
	text-decoration: none;
}


.srcdownlist:hover, .srctree:hover {
	cursor: pointer;
}

canvas {
	display: block;
	position: absolute;
	z-index: 0;
	height: 350px;
	width: 100%;
}

	canvas#c {
		height: 330px;
	}

.headerBg .info, .boot_query_fast h1 {
	position: relative;
}

canvas#d {
	height: 160px;
}

	canvas#d.svgbanner {
		height: 190px;
	}

.searchtype {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	margin-top: 15px;
}

	.searchtype span {
		float: left;
		line-height: 23px;
		padding: 0 9px;
		margin: 0 5px 0 0;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		white-space: nowrap;
		cursor: pointer;
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
	}
.nav_center{
	display:none;
}
/*手机端样式*/
@media (max-width:768px) {
	.imgContainer, .item-box_footer, .item-box_category, .tagList-module, .item-box_content .intro, .follow_sec a, #user_nav a:nth-child(3), #user_nav a:nth-child(2), .contribute, .sideBar-animate, #comments-section, .btnExVip {
		display: none;
	}
	.header {
		position: relative;
		z-index: 9999;
 
	}
	.header .fl ul{
		background: #fff;
        margin-top: 5px;
	}
	.header .fl,.header .fl .logo,.header .fl ul, .header .fl ul li {
		float: none;
	}
	.sys_nav {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		display:none;
	}
	.sys_nav li {
		border-bottom: 1px solid #eee;
	}
	.header .fr {
		position: absolute;
		right: 10px;
		top: 2px;
	}
	.header .sys_nav li .nav  {
		width: 99%;
		text-align: left;
	}
	.nav_center {
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 12px;
 
		cursor:pointer;
	}
	.pop_show{
		top:30%;
	}
	.item-right {
		float: none;
		width: 100%;
	}

	#share-links {
		margin-bottom: 10px;
	}

	.svg .btn_com {
		display: inline-block;
		margin-right: 5px;
	}

	.btncolors {
		float: none;
	}

	.svg .btncolors a {
		display: inline-block;
		margin-left: 10px;
		margin-top: 15px;
	}

	.comments .comments_item, .item-container.svg .item-thumb, .item-container.svg .item-thumb svg {
		width: 99%;
		margin: 0 5px;
	}

	.slidermain .brand {
		position: absolute;
		right: 0;
		top: 12px;
		width: 100%;
		height: 248px;
		border: none;
	}

	.search-wrap {
		height: 45px;
	}

		.search-wrap .search-text {
			width: 80%;
			padding-left: 15px;
			background: #fff;
			border-radius: 28px 0 0 28px;
			font-size: 14px;
			left: 5px;
			height: 35px;
			line-height: 35px;
		}

		.search-wrap .search-button {
			width: 12%;
			margin-top: 5px;
		}

	.search-sug {
		width: 80%;
		top: 43px;
		left: 20px;
	}

	.searchtype {
		margin-top: 30px;
	}

	.headerBg {
		height: 200px;
	}

	.user-info .user-avatar {
		margin-top: 100px;
	}

	.user-info .info {
		margin-top: 130px;
	}

	.slidermain, .main, .header .header_nav, .pop_container.larger,
	.item-box_imageContainer, .item-box_imageContainer img,
	div.item-bg h1, .item-thumb, .item-container .item-thumb img, .item-info, div.the-item,
	.item-bg, .item-container, .search-wrap, .user-info {
		width: 100%;
	}

	div.item-bg h1 {
		padding-top: 20px;
	}

	.pop_container, .pop_frame {
		width: 90%;
	}

	.course_tip.big {
		width: 260px;
	}

		.course_tip.big .course_tip_body a {
			width: 42%;
			line-height: 35px;
			height: 35px;
			overflow: hidden;
		}

			.course_tip.big .course_tip_body a:nth-child(2n) {
				margin-right: 0px;
			}

	.quik-box {
		position: absolute;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		bottom: 10px;
	}

	.popular-item, .banner-vip .banner-describe {
		width: 100%;
	}

	.item-search {
		width: 100%;
	}

	ol.albumitem li a img {
		width: 100%;
		height: auto;
	}

	ol.albumitem li {
		width: 48%;
	}
}

@media (min-width:769px) {
	div.item-right {
		float: right;
		width: 240px;
		margin-left: 15px;
	}

	.item-search {
		width: 240px;
	}

	.popular-item {
		width: 240px;
	}

		.popular-item:nth-child(3n+1) {
			margin-left: 0px;
		}

		.popular-item:nth-child(3n) {
			margin-right: 0px;
		}

	.quik-box {
		position: relative;
		width: 800px;
		text-align: left;
		margin: 0 auto;
		padding-left: 10px;
	}

	.course_tip.big .course_tip_body a:nth-child(3n) {
		margin-right: 0px;
	}

	.item-container .item-thumb {
		float: left;
	}

	.item-info {
		float: right;
		width: 240px;
		position: relative;
	}

	.svg .item-info {
		width: 280px;
	}

	.item-bg {
		padding: 20px;
		margin-bottom: 20px;
	}

	div.item-bg h1 {
		width: 800px;
	}

	.item-box_content {
		width: 290px;
		float: left;
	}

	.item-box_imageContainer {
		width: 300px;
		float: left;
	}

	.item-box {
		display: -ms-flexbox;
		display: flex;
	}

	div.the-item {
		float: left;
		width: 530px;
	}
	/*pc列表搜索*/
	.search-wrap {
		width: 600px;
		height: 60px;
	}

		.search-wrap .search-text, .search-wrap .search-button {
			height: 50px;
			line-height: 50px;
		}

		.search-wrap .search-text {
			width: 490px;
			padding-left: 15px;
			background: #fff;
			border-radius: 48px 0 0 48px;
			font-size: 14px;
			left: 5px;
			height: 48px;
		}

		.search-wrap .search-button {
			width: 85px;
		}

	.search-sug {
		width: 489px;
		top: 56px;
		left: 20px;
	}

	/*下载背景 start*/
	/*.item-info .buy *{
        position: relative;
         z-index: 3;
    }
    .item-info .buy:before {
    content: '';
    position: absolute;
    background: url(/content/activity/newyear/itembg.png) no-repeat center ;
    width: 200px;
    height: 228px;
    top:35px;
    left:10px;
    z-index: 2;
}*/
	/*.item-info:before {
    content: '';
    position: absolute;
    background: url(/content/activity/newyear/itembg.png) no-repeat center ;
    width: 240px;
    height: 110px;
    top:-30px;
    left:-10px;
    z-index: 0;*/

	/*国庆节背景 end*/
}



/*单选样式*/

.vip-container input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 16px;
	width: 16px;
	vertical-align: -0.8rem;
	transition: all .15s ease-out 0s;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: .4rem 0 .4rem 0;
	outline: none;
	border-radius: 10%;
}

/* Radio */
.vip-container input[type=radio] {
	border-radius: 50%;
}

	.vip-container input[type=radio]:checked:before {
		transform: scale(1);
	}

	.vip-container input[type=radio]:before {
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		margin: 3px;
		transform: scale(0);
		transition: all ease-out 250ms;
	}
/* Colors */
.vip-container input[type=radio] {
	border: 2px solid #666;
}

	.vip-container input[type=radio]:checked:before {
		background: #666;
	}

/*分享按钮*/

.sharebtns {
	height: 24px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 10px 0;
}

	.sharebtns a {
		text-decoration: none;
	}

		.sharebtns a i {
			font-size: 22px;
			opacity: 0.8;
		}

			.sharebtns a i:hover {
				opacity: 1;
			}


/*受欢迎的*/
.popular-grid {
	display: flex;
	flex-wrap: wrap;
	/*display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	justify-items: center;
	grid-gap: 3rem 2.5rem;*/
	margin-top: 40px;
	margin-bottom: 50px;
	position: relative;
}

.popular-item {
	margin: 0 15px 40px 20px;
	/*display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;*/
	color: #9ca0b1;
	position: relative;
	/*width: 100%;
	height: 100%;*/
	z-index: 1;
}

	.popular-item::after {
		position: absolute;
		content: '';
		right: -1rem;
		bottom: -1rem;
		left: 1rem;
		top: 1rem;
		background: #202229;
		border-radius: 10px;
		z-index: -1;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.popular-item .popular-cover {
		width: 100%;
	}

		.popular-item .popular-cover img {
			border-radius: 5px;
			width: 100%;
		}

			.popular-item .popular-cover img:hover {
				box-shadow: 0 0 16px #ccc;
			}

	.popular-item .popular-footer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 1rem;
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
	}

	.popular-item .authorAvatar {
		display: block;
		margin-right: 0.75rem;
		position: relative;
		z-index: 1;
	}

		.popular-item .authorAvatar > img {
			width: 26px;
			height: 26px;
			border-radius: 50%;
			margin-left: 6px;
			margin-top: 6px;
		}

	.popular-item .titleAndAuthor {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin: 0 1rem 0 0;
	}

		.popular-item .titleAndAuthor h3 {
			width: 95%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.25rem;
			display: block;
		}

			.popular-item .titleAndAuthor h3 a {
				color: #ffffff;
				font-size: 14px;
				font-weight: 500;
			}

				.popular-item .titleAndAuthor h3 a:hover {
					text-decoration: none;
				}

	.popular-item .author {
		color: #c0c3d0;
		font: inherit;
		line-height: 1.2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

		.popular-item .author a {
			color: inherit;
			display: inline-block;
			position: relative;
			z-index: 1;
			-webkit-transition: 0.2s ease all;
			transition: 0.2s ease all;
			color: #c0c3d0;
		}

			.popular-item .author a:hover {
				text-decoration: none;
			}

		.popular-item .author span {
			border-radius: 8px;
			margin: 0 0 0 5px;
			padding: 0 5px 0 3px;
			background: #ffdd40;
		}

#changePoint:hover {
	text-decoration: none;
}

.treeview:first-child {
	max-height: 500px;
	overflow-y: scroll;
}

	.treeview:first-child::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
		-o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
		box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
		background-color: #F5F5F5;
		border-radius: 8px;
	}

	.treeview:first-child::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}

	.treeview:first-child::-webkit-scrollbar-thumb {
		background-color: #BEBEBE;
		border-radius: 8px;
	}

.btnshang {
	display: inline-block;
}

#sltshang {
	width: 120px;
	border-radius: 30px;
	height: 30px;
	text-align: center;
}

button.btn_pay {
	border: none;
}

.vipendtime {
}
/*弹出框自适用屏幕、活动列表*/
@media (max-width:769px) {
	.pop_show {
		left: 1%;
		margin: 0;
	}

	.pop_container {
		width: 99%;
	}

	.pop_frame {
		width: 99%;
	}

	.pop_container .close {
		right: 2%;
		z-index: 99999;
	}

		.pop_container .close i {
			color: #00c7e1;
		}

	.activitybg {
		width: 100%;
		font-size: 20px;
		padding: 10px;
		height: 50px;
		line-height: 20px;
	}

	.act_list {
		width: 94%;
	}

	.vip-container {
		width: 100%;
	}

		.vip-container .column-free {
			display: none;
		}

		.vip-container .column-title, .vip-container .column-vip {
			width: 33%;
		}

			.vip-container .column-title .top-tit .top-title-r,
			.vip-container .column-title .lm-cont .lm-cnt {
				width: 100%;
				height: 66px;
			}

	.quik-box .browse-item {
		width: 30%;
		margin-bottom: 20px;
	}
}
/*充值页面冒泡*/
.bubbles_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 990;
	overflow: hidden;
	pointer-events: none;
}

@-webkit-keyframes animateBubble {
	0% {
		margin-top: 50%;
	}

	to {
		margin-top: -30%;
	}
}

@-moz-keyframes animateBubble {
	0% {
		margin-top: 50%;
	}

	to {
		margin-top: -30%;
	}
}

@keyframes animateBubble {
	0% {
		margin-top: 50%;
	}

	to {
		margin-top: -30%;
	}
}

@-webkit-keyframes sideWays {
	0% {
		margin-left: 0;
	}

	to {
		margin-left: 25px;
	}
}

@-moz-keyframes sideWays {
	0% {
		margin-left: 0;
	}

	to {
		margin-left: 25px;
	}
}

@keyframes sideWays {
	0% {
		margin-left: 0;
	}

	to {
		margin-left: 25px;
	}
}

.x1 {
	-webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
	left: 6%;
	top: 45%;
	background: #ff5066;
}

.x2 {
	-webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
	left: 5%;
	top: 80%;
	background: #fc9d44;
}

.x3 {
	-webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
	left: 10%;
	top: 40%;
	background: #ff5066;
}

.x4 {
	-webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
	left: 20%;
	top: 0;
	background: #fc9d44;
}

.x5 {
	-webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
	left: 30%;
	top: 50%;
	background: #ff5066;
}

.x6 {
	-webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
	left: 50%;
	top: 0;
	background: #fc9d44;
}

.x7 {
	-webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
	left: 65%;
	top: 70%;
	background: #ff5066;
}

.x8 {
	-webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
	left: 80%;
	top: 10%;
	background: #fc9d44;
}

.x9 {
	-webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
	left: 90%;
	top: 50%;
	background: #ff5066;
}

.x10 {
	-webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
	left: 80%;
	top: 80%;
	background: #fc9d44;
}

.bubble {
	position: absolute;
	border-radius: 50%;
	box-shadow: none;
	width: 5px;
	height: 5px;
}
/*svg页面*/
#svgSize{
	width:50px;
}
.svg-grid {
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	.svg-grid .gridItem {
		border: 1px solid #efefef;
		border-radius: 4px;
		margin-bottom: 48px;
		background-color: #fdfdfd;
		padding: 15px 15px 0 15px;
	}

		.svg-grid .gridItem .svgUrl {
			width: 220px;
			height: 150px;
		}

		.svg-grid .gridItem svg {
			width: 220px;
			height: 150px;
			justify-content: center;
			align-items: center;
			cursor: pointer;
		}

			.svg-grid .gridItem svg:hover {
				transform: scale(1.04);
			}

	.svg-grid .gridItem__title {
		margin: 10px;
		margin-top: 0px;
		text-align: center;
		font-size: 14px;
	}

	.svg-grid .tags a {
		margin-right: 5px;
		/*display:none;*/
	}

	.svg-grid .gridItem svg:not(:root) {
		overflow: hidden;
	}

/*@media (max-width: 799px) {
	.svg-grid {
		justify-content: space-around;
	}

	.svg-grid .gridItem {
		min-width: 42%;
	}

	.svg-grid .gridItem svg {
		width: 150px;
        height:150px;
	}
}*/

@media (min-width: 800px) {
	.svg-grid {
		justify-content: space-between;
	}

		.svg-grid .gridItem {
			position: relative;
			min-width: 22%;
		}
			/*.svg-grid .gridItem svg {
            width: 214px;
            height: 150px;
        }*/
			.svg-grid .gridItem svg {
				transition: .3s;
			}
}


.boot_query_fast.bannerSvg {
	background: url(https://www.17sucai.com/Content/images/banner-bg4.jpg) center no-repeat;
	background-size: contain;
	height: 300px;
}

.svg-header {
	margin: 10px 0;
}

.quik-box .browse-item {
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	padding: 5px;
	color: #171d1c;
	box-shadow: -2.034px 6.84px 10px 0 rgba(55,34,154,0.3);
	font-weight: 500;
	background: #fff url(../image/quik-box.png);
	background-repeat: repeat-x;
}

	.quik-box .browse-item:nth-child(1) {
		background-position: 2px 3px;
	}

	.quik-box .browse-item:nth-child(2) {
		background-position: -31px 3px;
	}

	.quik-box .browse-item:nth-child(3) {
		background-position: -61px 4px;
	}

	.quik-box .browse-item:nth-child(4) {
		background-position: -91px 3px;
	}

	.quik-box .browse-item:nth-child(5) {
		background-position: -125px 3px;
	}

	.quik-box .browse-item:nth-child(6) {
		background-position: -168px 3px;
	}

	.quik-box .browse-item:last-child {
		margin-right: 0;
	}

	.quik-box .browse-item img {
		height: 20px;
	}

	.quik-box .browse-item:hover {
		text-decoration: none;
	}
/*关于我们*/

.header-page-bg {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../image/hero-1.jpg);
}

	.header-page-bg.bg2 {
		background-image: url(../image/hero-2.jpg);
	}

	.header-page-bg:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(36,22,99,.8);
		background-image: radial-gradient(circle,rgba(36,22,99,0.3) 0%,rgba(36,22,99,0.3) 100%);
		z-index: 1;
	}

	.header-page-bg .bottom-frame {
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 111;
	}

.bottom-frame {
	position: relative;
}

	.bottom-frame:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 115px;
		bottom: -1px;
		left: 0;
		background-image: url(../image/bottom-frame.png);
		background-repeat: no-repeat;
		background-position: top;
		background-size: 100% 100%;
	}

.header-page-line-item {
	position: absolute;
	bottom: 0;
	width: 1px;
	background-color: rgba(255,255,255,.3);
	z-index: 1111;
}

	.header-page-line-item:before {
		content: "";
		position: absolute;
		top: 0;
		left: -2px;
		width: 5px;
		height: 5px;
		background-color: #fff;
		border-radius: 50%;
		-webkit-animation: header-dot-ride linear 1s infinite;
		animation: header-dot-ride linear 1s infinite;
	}

	.header-page-line-item:nth-child(1) {
		height: 80%;
		left: 4%;
	}

	.header-page-line-item:nth-child(8) {
		height: 80%;
		right: 4%;
	}

	.header-page-line-item:nth-child(2) {
		height: 55%;
		left: 15%;
	}

	.header-page-line-item:nth-child(7) {
		height: 55%;
		right: 15%;
	}

	.header-page-line-item:nth-child(3) {
		height: 40%;
		left: 28%;
	}

	.header-page-line-item:nth-child(6) {
		height: 40%;
		right: 28%;
	}

	.header-page-line-item:nth-child(4) {
		height: 30%;
		left: 41%;
	}

	.header-page-line-item:nth-child(5) {
		height: 30%;
		right: 41%;
	}

@-webkit-keyframes header-dot-ride {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	50% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: .8;
	}

	100% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
}

@keyframes header-dot-ride {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	50% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: .8;
	}

	100% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
}

.header-page-bg-inner {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 140px;
	padding-bottom: 190px;
}

.header-content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	z-index: 11;
}

	.header-content small {
		font-size: 16px;
		font-weight: 500;
		color: #d365f1;
		margin-bottom: 15px;
		display: inline-block;
	}

	.header-content h1 {
		font-size: 50px;
		font-weight: 600;
		margin-bottom: 18px;
		color: #160f30;
		margin-top: -100px;
	}

		.header-content h1.pay {
			font-size: 20px;
		}

	.header-content .second {
		padding-left: 100px;
		font-size: 15px;
	}

	.header-content p {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.header-content.header-content-white small {
		color: #fff;
	}

	.header-content.header-content-white h1 {
		color: #fff;
	}

	.header-content.header-content-white p {
		color: #fff;
	}

.section-about {
	font-size: 18px;
	padding: 50px 0;
}

.counter-section {
	padding: 80px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: linear-gradient(90deg,rgba(22,15,48,0.9) 100%,rgba(36,22,99,0.11) 0%,rgba(36,22,99,0.11) 0%,rgba(22,15,48,0.9) 100%), url(../image/bg-2.jpg);
}

.counter-container {
	display: flex;
	width: 800px;
	margin: 0 auto;
}

.counter-item {
	width: 100%;
	height: 215px;
	background-image: url(../image/counter-frame.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	text-align: center;
}

	.counter-item.counter-item-white h3 {
		color: #fff;
	}

	.counter-item h3 {
		font-size: 30px;
		font-weight: 500;
		color: #160f30;
		margin-bottom: 10px;
	}

	.counter-item.counter-item-white h4 {
		color: #fff;
	}

	.counter-item h4 {
		font-size: 17px;
		margin-bottom: 0;
		width: 100%;
	}

.consulting-section {
	/*background: #1045db;
    background: -webkit-linear-gradient(135deg,#1045db 0,#15095e 60%,#15095e 99%);
    background: -o-linear-gradient(135deg,#1045db 0,#15095e 60%,#15095e 99%);
    background: linear-gradient(-45deg,#1045db 0,#15095e 60%,#15095e 99%);*/
	background-color: #f6f7ff;
	padding: 120px 0;
	position: relative;
	text-align: center;
}

	.consulting-section h2 {
		margin-bottom: 20px;
		/*color: #fff;*/
		font-size: 32px;
		display: block;
	}

	.consulting-section p {
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 15px;
		/*color: #ddd;*/
	}

.default-btn.btn-pink {
	background-color: #f42267;
	-webkit-box-shadow: 0 15px 25px 0 rgba(244,34,103,0.5);
	box-shadow: 0 15px 25px 0 rgba(244,34,103,0.5);
}

.default-btn {
	background-color: #00c99c;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	border-radius: 2px;
	line-height: 50px;
	font-weight: 600;
	display: inline-block;
	letter-spacing: .5px;
	padding: 0 40px;
	-webkit-box-shadow: 0 3px 10px rgba(0,201,156,0.5);
	box-shadow: 0 3px 10px rgba(0,201,156,0.5);
	border-radius: 25px;
}

.btn_preview.text-grey {
	color: rgba(0,0,0,0.12);
}

.btn_grey {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}


/*圆角样式*/
.item-box {
	margin: 30px 0;
	padding: 20px;
	border-radius: 20px 0px 20px 20px;
}

.cover, .item-container .item-thumb img, .item-container .item-thumb > a:hover:after, .well, .pop_frame, div.item-container .buy, #share-links, .comments #cmtContent, .svg-grid .gridItem, .popular-item .popular-cover img, div.the-item .gray-container img, #txtfeed, .item-container.svg .item-thumb, .icon-grid .gridItem {
	border-radius: 20px 0px 20px 20px;
	-webkit-border-radius: 20px 0px 20px 20px;
	-moz-border-radius: 20px 0px 20px 20px;
}

div.the-item .gray-container {
	padding: 15px;
}

#share-links {
	padding: 10px 15px 12px 15px;
}

	#share-links:after {
		margin-left: 2px;
	}

.tagList-module a {
	margin-left: 5px;
}

.listalbum {
	margin-top: 20px;
}

.pop_container .close {
	top: 10px;
}

.pop_frame .with-line {
	margin: 20px 10px 30px 10px
}

div.the-item .gray-container img {
	margin-top: 10px;
}

.album_list {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

	.album_list .cover {
		width: 385px;
		float: left;
		margin-right: 30px;
	}

		.album_list .cover:nth-child(2n) {
			margin-right: 0px;
		}

@media (max-width: 769px) {
	.album_list .cover {
		width: 100%;
	}
}

.album_list .item-box {
	overflow: inherit;
}

	.album_list .item-box img {
		width: 100%;
	}

	.album_list .item-box h3 {
		width: 100%;
	}

.album_list .cover .item-box {
	padding: 10px;
	margin: 30px 0px 10px 0px;
}

.item-bg.album {
	text-align: center;
	padding-bottom: 150px;
}

	.item-bg.album h1 {
		font-size: 20px;
		text-shadow: 1px 1px 3px #535252;
	}

	.item-bg.album .item-container {
		margin-bottom: 20px;
	}

		.item-bg.album .item-container p {
			color: #fff;
			margin-bottom: 10px;
			text-shadow: 1px 1px 3px #535252;
		}

		.item-bg.album .item-container img {
			width: 650px;
		}

.album-detail {
	margin-bottom: 30px;
	width: 630px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-top: -150px;
}

	.album-detail .cont {
		padding: 30px;
		line-height: 30px;
	}

		.album-detail .cont img {
			width: 100%;
			border-radius: 20px 0 20px 20px;
			-webkit-border-radius: 20px 0 20px 20px;
			-moz-border-radius: 20px 0 20px 20px;
		}

		.album-detail .cont .single {
			margin-bottom: 15px;
			border-bottom: 1px solid #dedede;
		}

			.album-detail .cont .single a {
				color: blue
			}

			.album-detail .cont .single strong a {
				font-size: 16px;
				color: #000
			}

.btn_album {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #eeeeee;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
	background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
	background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
	background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
	background: linear-gradient(top, #fbfbfb, #e1e1e1);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border: 1px solid #d4d4d4;
	height: 32px;
	line-height: 32px;
	padding: 0px 15.6px;
	font-weight: 300;
	font-size: 14px;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #666666;
	text-shadow: 0 1px 1px white;
	margin: 0;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	margin-right: 20px;
}

	.btn_album:hover {
		text-decoration: none;
	}

.timeago {
	color: #787878;
	font-size: 13px;
}

.chatuser.image_border {
	width: 32px;
	height: 32px;
	display: inline-block;
}

.btncolors {
	float: left;
}

	.btncolors a {
		height: 22px;
		width: 22px;
		display: block;
		border-radius: 50%;
		margin-bottom: 8px;
		margin-left: 22px;
	}

.svg .buy {
	float: right;
}
/*小图标模块*/
.icon-grid {
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
}

	.icon-grid .gridItem {
		position: relative;
		width: 70px;
		height: 70px;
		border: 1px solid #efefef;
		background-color: #fdfdfd;
		margin-bottom: 20px;
		margin-right: 20px;
		padding: 10px;
		text-align: center;
	}

		.icon-grid .gridItem:hover {
			text-decoration: none;
		}

	.icon-grid .gridItem__title {
		font-size: 13px;
		margin-top: 10px;
		width: 80px;
		overflow: hidden;
		height: 20px;
		text-overflow: ellipsis;
	}

	.icon-grid .gridItem svg {
		width: 36px;
		height: 36px;
	}

#svgrange {
	position: absolute;
	top: 20px;
	right: 20px;
}

.jscolor {
	border: none;
	height: 60px;
	width: 60px;
	border-radius: 80px;
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}

.svgbanner #nColor {
	position: relative;
	margin-top: 10px;
}

#nColor {
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0 3px 3px rgba(0,0,0,0.12);
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.12);
}

.tipsVip {
	padding: 10px 0px;
	font-size: 14px;
	color: #808080;
	text-align: center;
	margin-bottom: 10px;
}
.tagsall{
	margin-top:30px;
}
.tagsall a {
	background-color: #eee;
	color: #857a6b;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}
@font-face {
    font-family: "icon"; /* Project id 475896 */
    src: url('../font/iconfont.eot'); /* IE9 */
    src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg');
}
 

.icon {
    font-family: "icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-vips:before {
    content: "\e662";
}

.icon-jiaoyu:before {
    content: "\e643";
}

.icon-yingxiao:before {
    content: "\e647";
}

.icon-xiaotubiao:before {
    content: "\e667";
}

.icon-chatu:before {
    content: "\e61e";
}

.icon-fuzhi:before {
    content: "\e612";
}

.icon-tuichu:before {
    content: "\e682";
}

.icon-zhuye:before {
    content: "\e670";
}

.icon-shezhi:before {
    content: "\e795";
}

.icon-xiazaibi:before {
    content: "\e671";
}

.icon-nav_dashuju:before {
    content: "\e635";
}

.icon-upload:before {
    content: "\e610";
}

.icon-zan:before {
    content: "\e603";
}

.icon-zhuanhuan:before {
    content: "\e64a";
}

.icon-jiankang:before {
    content: "\e618";
}

.icon-nav_alert:before {
    content: "\e601";
}

.icon-nav_qita:before {
    content: "\e66a";
}

.icon-nav_caidan:before {
    content: "\e64f";
}

.icon-nav_jsgame:before {
    content: "\e617";
}

.icon-nav_css3:before {
    content: "\e8ee";
}

.icon-nav_canvas:before {
    content: "\e848";
}

.icon-nav_loading:before {
    content: "\e71e";
}

.icon-nav_time:before {
    content: "\e6b1";
}

.icon-nav_img:before {
    content: "\e656";
}

.icon-nav_select:before {
    content: "\e60d";
}

.icon-nav_sllider:before {
    content: "\e781";
}

.icon-nav_charts:before {
    content: "\eb96";
}

.icon-nav_form:before {
    content: "\e608";
}

.icon-nav_buju:before {
    content: "\e62a";
}

.icon-nav_daima:before {
    content: "\e70b";
}

.icon-nav_vue:before {
    content: "\e849";
}

.icon-nav_svg:before {
    content: "\e61a";
}

.icon-nav_qiye:before {
    content: "\e639";
}

.icon-nav_shangcheng:before {
    content: "\e63f";
}

.icon-nav_houtai:before {
    content: "\e6cf";
}

.icon-nav_canyin:before {
    content: "\e644";
}

.icon-nav_404:before {
    content: "\e76a";
}

.icon-nav_hunli:before {
    content: "\e77a";
}

.icon-nav_chuangyi:before {
    content: "\e62c";
}

.icon-nav_shouji:before {
    content: "\e681";
}

.icon-nav_geren:before {
    content: "\e61c";
}

.icon-nav_cishan:before {
    content: "\e626";
}

.icon-shangchuan:before {
    content: "\e651";
}

.icon-daxiao:before {
    content: "\e607";
}

.icon-qiabao1:before {
    content: "\e61f";
}

.icon-mulu:before {
    content: "\e611";
}

.icon-downuser:before {
    content: "\e71d";
}

.icon-huaban:before {
    content: "\e62b";
    color: #ee4f5c;
}

.icon-baidu:before {
    content: "\e600";
    color: #2319dc;
}

.icon-shijian:before {
    content: "\e60f";
}

.icon-jiahao:before {
    content: "\eaf3";
}

.icon-liwu:before {
    content: "\e658";
}

.icon-msnui-more-copy:before {
    content: "\e7ba";
}

.icon-zhengque:before {
    content: "\e633";
    color: #9ad000;
}

.icon-sousuo:before {
    content: "\e653";
}

.icon-fuzhiyemian:before {
    content: "\e772";
}

.icon-daima:before {
    content: "\e604";
}

.icon-saoyisao:before {
    content: "\e615";
}

.icon-fankui2:before {
    content: "\e62e";
}

.icon-xiangshang:before {
    content: "\e624";
}

.icon-home:before {
    content: "\e602";
}

.icon-xiangzuojiantou:before {
    content: "\e642";
}

.icon-xiangyoujiantou:before {
    content: "\e641";
}

.icon-QQ:before {
    content: "\e657";
    color: #2a9cd5;
}

.icon-xiaoxi:before {
    content: "\e668";
}

.icon-fankui:before {
    content: "\e7b9";
}

.icon-biaoqian:before {
    content: "\e60e";
}

.icon-cuowu:before {
    content: "\e687";
}

.icon-shoucang:before {
    content: "\e627";
}

.icon-user:before {
    content: "\e66b";
}

.icon-fenxiang:before {
    content: "\e619";
}

.icon-rl:before {
    content: "\e62f";
}

.icon-shengyin:before {
    content: "\e659";
}

.icon-download:before {
    content: "\e629";
}

.icon-iconliulan:before {
    content: "\e621";
}

.icon-guanzhu:before {
    content: "\e637";
}

.icon-shuaxin:before {
    content: "\e616";
}

.icon-weizhi:before {
    content: "\e6b0";
}

.icon-icon-gouwuche:before {
    content: "\e61b";
}

.icon-tuichuicon:before {
    content: "\e605";
}

.icon-icon-remind:before {
    content: "\e78c";
}

.icon-icon-set:before {
    content: "\e78f";
}

.icon-vip:before {
    content: "\e609";
}

.icon-wenjianbao:before {
    content: "\e613";
}

.icon-sina_icon:before {
    content: "\e606";
}






/*�ض���*/
.icon {
    font-size: 18px;
    margin-left: 2px;
    margin-right: 2px;
}
.icon-biaoqian {
    margin-right:0px;
}

.icon-alipay:before {
    color: #1296db;
}

.icon-sina_icon:before {
    color: #ef5350;
}

.icon.sm {
    font-size: 14px;
}

.icon.white {
    color: #ffffff;
}

.icon.big_48 {
    font-size: 48px;
}
.icon.big_38 {
    font-size: 38px;
}

.icon.big_32 {
    font-size: 32px;
}

.icon.big_24 {
    font-size: 24px;
}
.icon.big_18 {
    font-size: 18px;
}
.icon.big_16{
    font-size: 16px;
}
.icon.big_14 {
    font-size: 14px;
}
.course_tip_body .icon{
    font-size:18px;
    color:#707070;
    
}

/******************************************************************************
  STYLES USED IN THE DEMO ONLY
******************************************************************************/
 

body {
	 
	/*background:#ffdb43;*/
	 background-color: #ffaa00;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbf00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd624' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe038' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffeb49' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff558' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
 
pre, code {
	color:#000;    
	font-family: monospace;
    width:100%;
    padding: 10px;
    background: #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 2px 2px 5px #d5d0d0, inset -5px -5px 10px #fff;
}
 
.container {
	margin:0 auto;		
 

  
}
 
h1 {
	font-size: 3rem;
	color:#000;
	font-weight:500;
    text-align:center;
    
}
 

p {
	font-size:25px;
	line-height:46px;
	font-weight:100;
	color:#000;
}

p.example {
	padding:0;
	margin:0;
	font-size:20px;
	line-height:32px;
	font-weight:100;
	color:#000;	
}

h2 {
	display:inline-block;
	 
	font-size:20px;
	font-weight:400;
	 
 
	padding:2px 35px 2px 0px;	
	margin-top:20px;
 
	width:auto; }

ul li {
	font-size:25px;
	line-height:46px;
 
}

.setting {
	font-weight:400;
	display:inline-block;
	width:170px;
}


input,select {
	width:80px;
 
	padding:5px;
	background:#f2f2f2;
	border:1px solid #000;
	color:#333;	
	margin-right:10px;
	margin-bottom:10px; }
select{
    width:92px;
}
	
label {
	 
	margin-right:10px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;
}

.left {
	width:45%;
	float:left;
}
 
button {
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	cursor:pointer;
	color:#000;
	text-transform:uppercase;
	margin-top:10px;
	background:#ffdb43;
	border:6px double #000;
	letter-spacing:2px;
	transition:all 500ms ease; }

button:hover {
	background:#000;
	color:#ffdb43;
	letter-spacing:1px;	
	border-color:#ffdb43;	
}
.presetBox{
    display: -webkit-flex;  
    display: flex;  
  
}
.preset {
	 
	width:95px;
	padding:6px 0;
	text-align:center;
	cursor:pointer;
	color:#000;
	text-transform:uppercase;
	margin-top:10px;
	background:#ffdb43;
	border:6px double #000;
	letter-spacing:1px;
	transition:all 500ms ease;
    margin-right:10px;
}
	
.preset:hover {
	background:#000;
	color:#ffdb43;
	border-color:#ffdb43; }
.preset:nth-child(4n)
{
       margin-right:0px;
}

.yoshi_full_screen {
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%; }

.yoshi_full_screen .Yoshi_particleEffects {
	width:100%;
	height:100%; }



/* IPHONE */
@media (max-width:375px){
	.container {
		width:375px;
		padding-top:500px;
	}	
}

/* IPAD */
@media (max-width:768px){
	.container {
		width:500px;
		padding-top:250px;
	}	
	
	.setting {display:block;}
}


/* DESKTOP */
@media (min-width:768px){
	.container {
		width:768px;
		padding-top:200px;
	}	
}

/* DESKTOP + */
@media (min-width:1024px){
	.container {
		width:1000px;
		padding-top:100px; }	
}
canvas{
    position:relative;
}
.containerLeft{
    width:45%;
    float:left;
    
     margin-bottom:50px;
}
.containerRight{
    width:50%;
    float:right;
     margin-bottom:50px;
 
}
.a_link i{
    font-size:12px
}
.a_link:hover{
    text-decoration:none;
    
}
.a_link i:hover
{
    color:#ff6a00
}