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

body {
}

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

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

/*下拉菜单*/

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

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

    
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_com.btn-svg-copy, .svg .btn_com.btn-svg-copy-icon {
        width: 120px;
    }
    .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(http://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: 12px;
    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(http://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;
	line-height: 23px;
	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: 12px;
}

#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(http://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;
}

.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(http://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(http://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;
}

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

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;
	-moz-border-radius: 10px;
	border-radius: 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%;
}

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

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

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

.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: 40%;
	left: 55%;
	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;
	width: 700px;
	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;
}

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

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

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

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

.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 {
	display: none;
	padding: 5px 15px;
}

/*price table*/

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

.container_price, .container_pay .tip {
	width: 1000px;
	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: 230px;
	height: 311px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

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

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

.pt-title {
	position: relative;
	font-size: 30px;
	text-align: center;
	margin: 0;
	color: #fff;
	text-transform: normal;
	font-family: Georgia,Tahoma,Arial;
}

.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-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 {
		width: 46%;
		height: width/0.07395498;
		margin-bottom: 50px;
		margin-right: 3%;
	}

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

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

.vip-container .column-title {
        /*border: #eaecef 1px solid;*/
	border-right: none;
	width: 160px;
	margin-top: 95px;
	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: 200px;
	border: #eaecef 1px solid;
	border-right: none;
	margin-top: 95px;
	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: 215px;
	border: #eaecef 1px solid;
	border-right: none;
	transition: all .2s;
	border-bottom: none;
	margin-top: 26px;
	margin-top: 26px;
}

/*.vip-container .column-vip:hover {
	transform: translateY(-20px);
}*/
.vip-top {
	font-size: 24px;
}

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

.vip-container .column-vip.bg .top-title {
	background: #fff url(../image/vippricebg.png) no-repeat 0 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 .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: 139px;
	height: 36px;
	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: 16px;
	line-height: 34px;
	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(http://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);
}
/*手机端样式*/
@media (max-width:768px) {
    .sys_nav > li:first-child, .sys_nav > li:last-child, .imgContainer, .item-box_footer, .item-box_category,
    .tagList-module, .boot_foot, .block-sidebar,
    .item-box_content .intro, .follow_sec a, #user_nav a:nth-child(3), #user_nav a:nth-child(2),
    .contribute, .sideBar-animate, #comments-section {
        display: none;
    }
    .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;
		line-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: 20%;
		height: 35px;
	}

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

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

/*大分辨率电脑显示样式*/
@media (min-width:1600px) {
    * {
        font-size: 18px;
    }

    .pop_container .close i {
        font-size: 34px;
    }

    .header .sys_nav li .nav, .navhome, .item-box_title, .header .sys_nav li .nav i, .navhome i, .btnlogin .icon, div.the-item .gray-container .cont * {
        font-size: 20px;
    }

    .item-box_content .intro, .tagList-module a, .item-box_detailsItem, .item-box_alignBottom .btn_down, .item-box_alignBottom .btn_preview, .slidermain .image-wrapper, .pop_frame .with-line, #post-tag-list span a {
        font-size: 18px;
    }

    .header .header_nav, .main, .boot_foot .foot_container, .quik-box, div.item-bg h1, .item-container {
        width: 1200px;
    }

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

    .slidermain {
        width: 1200px;
        height: 350px;
    }

        .imgContainer, .slidermain .image-wrapper img {
            width: 700px;
            height: 300px;
        }

        .slidermain .brand {
            width: 350px;
            height: 360px;
        }

    .brand .maxim {
        font-size: 36px;
    }

    .brand .info {
        font-size: 22px;
    }

    .home-search-wrap {
        width: 300px;
        height: 50px;
    }

        .home-search-wrap .search-text {
            width: 210px;
            height: 38px;
        }

    .course_tip.big {
        width: 550px;
    }

    .item-box_imageContainer, .item-box_imageContainer img {
        width: 500px;
    }

    .item-box_content {
        width: 400px;
    }

    .tagList-module {
        height: 22px;
        width: 500px;
    }

    div.item-bg h1 {
        font-size: 28px;
    }

    .item-container .item-thumb img {
        width: 700px;
        border-radius: 20px;
    }

    div.item-container .buy {
        padding: 25px 30px;
        border-radius: 20px;
    }
    .the-item{
        width:700px;
    }
    .item-info {
        width: 440px;
    }

    div.meta-act.noline {
        margin-top: 20px;
    }

    .btn_com {
        font-size: 20px;
    }

    .svg .btn_com {
        width: 150px;
        height: 50px;
        line-height: 50px;
        border-radius: 50px;
    }

        .svg .btn_com.btn-svg-copy {
            width: 150px;
        }

    .item-container.svg .item-thumb {
        width: 800px;
    }

    .btn_preview, .btn_cart {
        width: 120px;
        height: 50px;
        line-height: 50px;
        border-radius: 50px;
    }

    .btn_cart {
        width: 180px;
    }



    div.item-container .buy p {
        height: 30px;
    }

    #post-tag-list span, #recommand-tag-list span {
        padding: 5px 19px;
    }

    .item-tags {
        height: 45px;
    }


    .well {
        border-radius: 20px;
    }

    div.the-item .gray-container {
        padding: 20px;
    }

    div.item-right {
        width: 440px;
    }

    .item-search {
        width: 440px;
        height: 40px;
        border-radius: 40px;
    }

    .sharebtns {
        height: 34px;
    }

        .sharebtns a i {
            font-size: 32px;
        }

    div.listalbum h3 {
        width: 440px;
        font-size: 18px;
    }

    ol.albumitem li a img {
        border-radius: 10px;
        height: 100px;
        width: 200px;
    }

    #sumitcomment {
        width: 120px;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        border-radius: 42px;
    }
}

/*单选样式*/

.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页面*/
.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(../image/banner-bg4.jpg) center no-repeat;
	background-size: contain;
	height: 300px;
}
 
.svg-header{
    margin:10px 0;
}
 
.quik-box .browse-item {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	padding: 5px;
	color: #171d1c;
	background: #fff;
	box-shadow: -2.034px 6.84px 10px 0 rgba(55,34,154,0.3);
	font-weight: 500;
}

.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: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 {
	max-width: 1725px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 140px;
	padding-bottom: 190px;
}

.header-content {
	max-width: 1150px;
	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;
}

.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;
}
.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
 
 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 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{
    border-radius: 20px;
    width:100%;
}
.album-detail .cont .single{
    margin-bottom:15px;
}
.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: 12px;
}
.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;
    border-radius: 10px;
    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);
}
@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-xiangzuojiantou1: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
}