@font-face {
	font-family:'iconfont';src:url(iconfont.eot);src:url(iconfont.eot?#iefix) format('embedded-opentype'),url(iconfont.woff) format('woff'),url(iconfont.ttf) format('truetype'),url(iconfont.svg#iconfont) format('svg')
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.icon-arrow-up:before {
	content: "\e615"
}

.icon-arrow-down:before {
	content: "\e618"
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

a {
	background: transparent
}

a:focus {
	outline: thin dotted
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0
}

button,input {
	line-height: normal
}

button,select {
	text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active,textarea:hover,textarea:focus,textarea:active {
	border: 1px solid #ef898b
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select {
	margin: 0 auto;
	padding: 0;
	border: 0
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.delay300 {
	animation-delay: 300ms;
	-webkit-animation-delay: 300ms
}

.delay600 {
	animation-delay: 600ms;
	-webkit-animation-delay: 600ms
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		-ms-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes bounceInDown {
	0%,60%,75%,90%,100% {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	0%,60%,75%,90%,100% {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

body {
	color: #333;
	background: #fff;
	font: 12px/24px "Microsoft Yahei",Verdana,Tahoma,Arial,Helvetica,Sans-Serif,"宋体";
	-webkit-font-smoothing: antialiased
}

ul,ol,li {
	list-style: none
}

table,td,th,input {
	font-size: 12px
}

i,cite,em,var,address,dfn {
	font-style: normal;
	font-size: 12px
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal
}

h1 {
	font-size: 24px
}

h2 {
	font-size: 20px
}

h3 {
	font-size: 16px
}

h4 {
	font-size: 14px
}

h5,h6 {
	font-size: 12px
}

.clearfix {
	font-size: 1px;
	width: 1px;
	height: 0;
	line-height: 0;
	margin-top: 0 !important;
	*margin-top: -1px;
	clear: both;
	visibility: hidden
}

.inner {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden
}

.radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.radius3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.radius50,#user-login-bar .avatar {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}

.radius-tlr {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.arrow-down {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-left: 24px solid transparent;
	border-right: 2px solid transparent;
	border-top: 20px solid #e9e9e9
}

.arrow-down-inner {
	border-top-color: #f8f8f8
}

.btn-submit,.entry .wrap .button-primary {
	width: 95%;
	padding: 10px 0;
	font-size: 18px;
	color: #fff;
	background: #e74e52;
	cursor: pointer
}

.btn-submit:hover,.entry .wrap .button-primary:hover {
	background: #e12d31
}

.trans,.user-bar a,#dropdown-menu a {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease
}

.opacity {
	-moz-opacity: .4;
	opacity: .4;
	filter: alpha(opacity=40)
}

.opacity60 {
	-moz-opacity: .6;
	opacity: .6;
	filter: alpha(opacity=60)
}

.opacity80 {
	-moz-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80)
}

.shadow20px4 {
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
	box-shadow: 0 0 20px rgba(0,0,0,.4)
}

.shadow5px3 {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3)
}

a:link,a:visited {
	color: #555;
	text-decoration: none;
	outline: 0
}

a:hover {
	color: #e4393c;
	text-decoration: underline
}

.topbar {
	border-bottom: 1px solid #282828;
	color: #aaa;
	background: #303030
}

.topbar .inner {
	height: 32px;
	line-height: 32px;
	overflow: visible
}

.topbar #site-desc {
	float: left
}

.topbar #user-bar {
	float: right
}

.topbar #user-bar a {
	margin: 2px 0 0 5px;
	padding: 0 12px;
	line-height: 26px;
	border: 1px solid #303030;
	color: #fff;
	text-decoration: none;
	display: inline-block
}

.topbar #user-bar a:hover,.topbar #user-bar a.btn-login,.topbar #user-bar a.btn-active {
	border: 1px solid #282828;
	background: #46a546
}

.topbar #user-bar a.btn-login:hover,.topbar #user-bar a.btn-active:hover {
	background: #5cc26f
}

#user-login-bar {
	float: right;
	position: relative
}

#user-login-bar .avatar {
	margin: -2px 2px 0 0;
	width: 24px;
	height: 24px;
	vertical-align: middle
}

#toggle-username {
	cursor: pointer
}

#toggle-username .iconfont {
	padding-left: 5px;
	font-size: 14px;
	color: #777
}

#toggle-username:hover {
	color: #ccc
}

#dropdown-menu {
	padding-top: 10px;
	min-width: 100%;
	width: 120px;
	color: #aaa;
	background: #303030;
	position: absolute;
	top: 32px;
	right: 0;
	z-index: 999;
	display: none
}

#dropdown-menu a {
	padding: 0 15px;
	color: #bbb;
	display: block
}

#dropdown-menu a:hover {
	color: #fff;
	background: #e74e52;
	text-decoration: none
}

.header {
	border-top: 1px solid #36538f;
	background: #2c4476;
	width: 100%;
	transition: top .5s
}

.header .inner {
	height: 60px;
	line-height: 60px;
	overflow: visible
}

.unpinned {
	top: -150px
}

.pinned {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999
}

.pinned-topbar {
	top: 33px
}

.pinned #searchbar {
	top: 60px
}

.logo {
	float: left;
	padding-right: 45px
}

.logo img {
	display: block
}

.overlay {
	width: 100%;
	height: 100%;
	background: #2c4476;
	-moz-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999
}

.poplayer {
	margin-left: -225px;
	width: 450px;
	border-top: 3px solid #e74e52;
	background: #fff;
	display: none;
	position: fixed;
	top: -400px;
	left: 50%;
	z-index: 9999
}

.poplayer a {
	color: #999
}

.poplayer a:hover {
	color: #446bba
}

.poplayer-box {
	padding: 0 25px
}

.poplayer .btn-close {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	color: #ccc;
	background: #fff;
	overflow: hidden;
	display: block;
	cursor: pointer
}

.poplayer .btn-close:hover {
	color: #fff;
	background: #e74e52
}

.poplayer .status {
	width: 100%;
	height: 0;
	line-height: 60px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #e74e52;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.poplayer h2 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	overflow: hidden
}

.poplayer h2 i {
	float: right;
	margin-right: 30px;
	color: #999
}

.poplayer h2 .iconfont {
	float: right;
	color: #009fe8;
	font-size: 20px
}

.form-box {
	margin: 0 -25px;
	padding: 25px;
	background: #ebeef1
}

.form-box p {
	margin-bottom: 15px;
	overflow: hidden
}

.form-box p label {
	margin-bottom: 4px;
	width: 100%;
	font-size: 14px;
	color: #555;
	display: block
}

.form-box p .regular-text {
	padding: 4px 9px;
	width: 380px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #ccc
}

.form-box p .regular-text:hover,.form-box p .regular-text:focus,.form-box p .regular-text:active {
	border-color: #ef898b
}

.form-box p.form-submit {
	margin: 15px auto 0
}

.form-box p .btn-submit {
	width: 100%;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background: #e74e52;
	cursor: pointer;
	display: inline-block
}

.form-box p .btn-submit:hover {
	background: #e12d31;
	text-decoration: none
}

.loginLayer .pay-head i {
	font-size: 12px
}

.loginLayer .lost {
	float: right;
	font-size: 12px;
	font-weight: normal
}

.loginLayer p.form-submit label {
	float: left;
	padding: 10px 20px 0 0;
	font-size: 12px;
	width: auto
}

.loginLayer p.form-submit label #rememberme {
	position: relative;
	top: 2px;
	margin-right: 4px
}

.loginLayer p.form-submit .btn-submit {
	float: right;
	width: 120px
}

.order-list p {
	margin-bottom: 6px;
	font-size: 14px
}

.order-list p strong {
	font-weight: normal;
	color: #e74e52
}

.order-list p em {
	font-size: 14px;
	color: #46a546
}

.order-list p i {
	font-size: 14px;
	text-decoration: line-through
}

.order-list p sup {
	top: 0;
	margin-left: 10px;
	padding: 3px 5px;
	color: #ff0;
	background: #e12d31
}

.order-list p.alert,.order-list p.alert-domain {
	padding: 6px 0;
	text-align: center;
	border: 1px solid #ffe2be;
	color: #e74e52;
	background: #fffedf
}

.order-list p.alert a {
	color: #446bba
}

.order-list p span {
	padding-right: 8px;
	width: 78px;
	height: 24px;
	text-align: right;
	color: #888;
	display: inline-block
}

.order-list p .regular-text {
	width: 294px
}

.order-list p.form-submit .btn-disabled,.order-list p.form-submit .btn-disabled:hover {
	background: #999
}

.order-list #paycenter #comment {
	display: none
}

.mobile-menu {
	display: none
}

.main-menu {
	position: relative
}

.main-menu a {
	-webkit-transition: background .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease
}

.navi {
	float: left;
	position: relative;
	z-index: 99
}

.navi li {
	float: left;
	font-size: 18px;
	position: relative
}

.navi li a:link,.navi li a:visited,.navi li a {
	margin-top: -1px;
	padding: 0 20px;
	border-top: 1px solid #36538f;
	color: #e3ebf4;
	cursor: pointer;
	display: inline-block
}

.navi li a:hover,.navi li:hover a,.navi li.current-menu-item a,.navi li.current-post-parent a,.navi li.current-post-ancestor a,.navi li.current-menu-parent a,.navi li.current-category-ancestor a {
	border-top-color: #5a7cc2;
	color: #fff;
	background: #446bba;
	text-decoration: none
}

.navi li ul {
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 99;
	width: 140px;
	text-align: right;
	background: #446bba;
	display: none;
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.3);
	box-shadow: 0 10px 10px rgba(0,0,0,.3)
}

.navi li ul li {
	float: none;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #5074be
}

.navi li ul li a:link,.navi li ul li a:visited,.navi li:hover ul li a {
	margin-top: 0;
	padding: 5px 20px;
	line-height: 32px;
	border-top: 0;
	border-bottom: 1px solid #4063aa;
	color: #e3ebf4;
	background: #446bba;
	display: block
}

.navi li.current-menu-item ul li a,.navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a,.navi li.current-menu-parent ul li a,.navi li.current-category-ancestor ul li a {
	color: #fff
}

.navi li.current-menu-item ul li a:hover,.navi li.current-post-ancestor ul li a:hover,.navi li.current-menu-parent ul li a:hover,.navi li.current-category-ancestor ul li a:hover,.navi li:hover ul li a:hover {
	color: #fff;
	background: #2c4476
}

.quick-menu {
	float: right
}

.quick-menu li {
	float: left;
	font-size: 13px;
	color: #86a7d5;
	position: relative
}

.quick-menu li a:link,.quick-menu li a:visited,.quick-menu li a {
	padding: 0 15px;
	color: #aac1e1
}

.quick-menu li a:hover {
	color: #e3ebf4;
	text-decoration: none
}

.header .toggle-search {
	float: right;
	padding: 0 0 0 15px;
	line-height: 59px;
	color: #86a7d5;
	cursor: pointer
}

.header .toggle-search:hover {
	color: #e3ebf4
}

.header .toggle-search-active {
	color: #6283c6
}

#searchbar {
	padding: 30px 0 22px;
	width: 100%;
	border-top: 1px solid #252525;
	border-bottom: 1px solid #ddd;
	background: #f4f4f4;
	display: none;
	position: absolute;
	top: 92px;
	z-index: 99;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.04);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.04);
	box-shadow: 0 3px 3px rgba(0,0,0,0.04)
}

#searchbar .inner {
	width: 50%;
	overflow: visible
}

#searchbar .searchform {
	height: 48px;
	border: 1px solid #e74e52;
	background: #fff;
	position: relative;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
	box-shadow: 0 0 6px rgba(0,0,0,0.1)
}

#searchbar #ls {
	float: left;
	margin-left: 10px;
	padding: 10px 0;
	width: 85%;
	line-height: 28px;
	color: #ccc
}

#searchbar #ls:hover,#searchbar #ls:focus,#searchbar #ls:active {
	border: 0
}

#searchbar #searchsubmit {
	float: right;
	width: 60px;
	height: 48px;
	border: 0;
	background: #e74e52;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0
}

#searchbar #searchsubmit .iconfont {
	font-size: 24px;
	color: #fff
}

#searchbar #searchsubmit:hover {
	background: #e12d31
}

#slidebanner {
	width: 100%;
	text-align: center;
	background: url(../images/banner-hp.jpg) no-repeat center bottom;
	background-size: cover;
	clear: both
}

#slidebanner .inner {
	height: 550px;
	background: url(../images/banner-hp-bg.png) no-repeat center bottom
}

#slidebanner .inner img {
	margin-top: 70px
}

.page-head {
	margin: 0 auto 25px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #e9e9e9;
	color: #888;
	background: #eee;
	overflow: hidden;
	clear: both
}

.page-head .cur-page-title {
	float: left;
	font-size: 24px;
	color: #666;
	overflow: hidden
}

.page-head .cur-page-title a:link,.page-head .cur-page-title a:visited {
	color: #666
}

.page-head .cur-page-title a:hover {
	color: #333;
	text-decoration: none
}

.page-head .breadcrumb {
	float: right
}

.page-head .breadcrumb i {
	margin: 0 4px;
	color: #ccc
}

.page-head .breadcrumb a:link,.page-head .breadcrumb a:visited {
	color: #999
}

.page-head .breadcrumb a:hover {
	color: #666;
	text-decoration: none
}

#main {
	margin: 0 auto 30px
}

.row-fluid {
	margin: 35px auto 25px;
	overflow: hidden
}

.row-fluid h2 {
	margin-bottom: 25px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	background: #f6f6f6
}

.row-fluid h2 span {
	float: left;
	padding: 0 18px;
	color: #666;
	cursor: pointer
}

.row-fluid h2 span.cur {
	margin-top: -1px;
	font-weight: 700;
	border-top: 1px solid #446bba;
	border-bottom: 1px solid #dce6f1;
	color: #38589a;
	background: #ecf0f9
}

.row-fluid h2 span.cur a {
	height: 36px;
	color: #38589a
}

.row-fluid h2 em {
	float: right;
	padding-right: 15px;
	color: #ddd
}

.row-fluid h2 a {
	color: #222
}

.row-fluid h2 a:hover {
	color: #38589a;
	text-decoration: none
}

.row-fluid h2 em a {
	color: #999
}

.counter {
	padding: 20px 0 40px;
	line-height: 2;
	font-size: 32px;
	text-align: center
}

.counter em {
	font-size: 32px;
	color: #e74e52
}

.counter i {
	padding: 0 4px;
	font-size: 32px;
	color: #ddd
}

.col-md-4 {
	overflow: hidden
}

.col-md-4 div {
	float: left;
	padding: 0 1%;
	*padding: 0 .9%;
	width: 23%;
	height: auto;
	text-align: center;
	overflow: hidden
}

.col-md-4 div i {
	padding: 25px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 48px;
	border: 1px solid #e74e52;
	color: #e4393c;
	display: inline-block
}

.col-md-4 div:hover i {
	color: #fff;
	background: #e4393c
}

.col-md-4 div img {
	max-width: 100%;
	height: auto
}

.col-md-4 div h3 {
	margin: 15px auto 10px;
	width: 100%;
	height: 24px;
	font-size: 16px;
	color: #333;
	overflow: hidden
}

.col-md-4 div p {
	color: #666
}

.cat-posts {
	margin-left: -1.5%;
	overflow: hidden
}

.col-3 {
	float: left;
	margin-left: 1.5%;
	width: 31.8333%
}

.col-3 h2,.row-client h2 {
	margin-bottom: 20px;
	padding-left: 12px;
	height: 36px;
	line-height: 36px;
	font-size: 16px
}

.col-3 h2 a:hover {
	color: #38589a
}

.col-3 ul li {
	margin-bottom: 5px;
	height: 24px;
	overflow: hidden
}

.col-3 ul li .iconfont {
	margin-right: 4px;
	color: #ccc
}

.col-3 ul li:hover .iconfont {
	color: #e4393c
}

.cases {
	margin: 30px auto
}

.cases h2 {
	padding-left: 15px
}

.cases img {
	width: 100%
}

.piclist ul {
	margin-left: -2%;
	overflow: hidden
}

.piclist ul li {
	float: left;
	margin-bottom: 15px;
	padding: 10px 0 2px 2%;
	width: 31.3333%;
	overflow: hidden
}

.piclist ul li .item {
	padding: 4px;
	font-size: 14px;
	border: 1px solid #e9e9e9;
	background: #fff;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.piclist ul li .item:hover {
	border-color: #f7bbbc
}

.piclist ul li .item div {
	overflow: hidden
}

.piclist ul li .item img {
	width: 100%;
	max-height: 280px;
	display: block
}

.piclist ul li .item h3.column-title {
	margin: 10px 3px 6px;
	height: 24px;
	font-size: 14px;
	overflow: hidden
}

.piclist ul li .item h3.column-title .iconfont {
	font-size: 14px;
	color: #e12d31
}

.piclist ul li .item h3 span {
	float: right;
	color: #aaa;
	font-size: 12px
}

.piclist ul li .item h3 span.date {
	color: #ccc
}

.piclist ul li .item h3 span.disprice em {
	font-size: 14px;
	color: red
}

.piclist ul li .item h3 span.customize {
	padding: 0 8px;
	font-size: 12px;
	background: #eee;
	color: #999
}

.piclist ul li.icon-featured .item {
	position: relative
}

.piclist ul li.icon-featured i {
	width: 65px;
	height: 65px;
	background: url(../images/icon-featured-theme.gif) no-repeat 0 0;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0
}

.piclist ul li.icon-featured .item {
	border-color: #f7bbbc
}

.piclist ul li.icon-original .item {
	position: relative
}

.piclist ul li.icon-original i {
	width: 65px;
	height: 65px;
	background: url(../images/icon-original-theme.gif) no-repeat 0 0;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0
}

.piclist ul li.icon-original .item {
	border-color: #f7bbbc
}



.piclist ul li a:hover,.piclist ul li .item:hover a {
	color: #e4393c
}

.row-showcase {
	overflow: visible
}

.row-showcase .new-case-list {
	position: relative
}

.row-showcase .new-case-list ul {
	margin-left: 0
}

.row-showcase .new-case-list ul li {
	padding: 0 0 2px;
	width: 25%
}

.row-showcase .bx-controls a {
	color: #ddd;
	position: absolute;
	top: 45%;
	display: inline-block
}

.row-showcase .bx-controls a.bx-prev {
	left: -40px
}

.row-showcase .bx-controls a.bx-next {
	right: -40px
}

.row-showcase .bx-controls a:hover {
	color: #e4393c;
	text-decoration: none
}

.row-showcase .bx-controls a .iconfont {
	font-size: 32px
}

.row-showcase .bx-controls-auto {
	display: none
}

.clients {
	float: left;
	margin-right: -33.3333%;
	width: 66.66667%;
	overflow: hidden
}

.client-list {
	padding-right: 7px
}

.client-list img {
	width: 100%
}

.reviews {
	float: right;
	margin-left: -33.3333%;
	width: 33.3333%
}

.review-list {
	padding-left: 12px;
	position: relative
}

.reviews ul li p {
	padding: 12px 15px;
	border: 1px solid #e9e9e9;
	background: #f8f8f8
}

.reviews ul li h5 {
	padding: 8px 0 0 75px;
	color: #888;
	position: relative
}

.reviews ul li h5 .arrow-down {
	position: absolute;
	left: 40px;
	top: 0
}

.reviews ul li h5 .arrow-down-inner {
	left: 39px;
	top: -2px
}

.reviews ul li h5 .iconfont {
	padding-right: 6px;
	color: #ccc
}

.row-client .bx-controls a {
	color: #ccc;
	position: absolute;
	top: 7px;
	display: inline-block
}

.row-client .bx-controls a:hover {
	color: #e4393c;
	text-decoration: none
}

.row-client .bx-controls a.bx-prev {
	right: 40px
}

.row-client .bx-controls a.bx-next {
	right: 10px
}

.row-client .bx-controls a .iconfont {
	font-size: 12px
}

.row-client .bx-controls-auto {
	display: none
}

.column-fluid {
	float: left;
	width: 100%
}

.content {
	margin-right: 275px;
	overflow: hidden
}

.piclist-2column ul li {
	width: 48%
}

.piclist-2column ul li .item img {
	max-height: 340px
}

.postlist li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.postlist li .iconfont {
	float: left;
	margin-right: 4px;
	color: #ccc
}

.postlist li:hover .iconfont {
	color: #e4393c
}

.postlist li a {
	float: left;
	width: 80%;
	font-size: 14px;
	overflow: hidden
}

.postlist li span {
	float: right;
	color: #ccc
}

.article {
	margin-top: 25px !important
}

.article-header {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee
}

.article-header h1 {
	margin-bottom: 5px;
	line-height: 38px;
	font-size: 28px;
	font-weight: normal
}

.post-meta {
	color: #aaa
}

.post-meta a {
	color: #aaa
}

.post-meta a:hover {
	color: #666
}

.post-meta span {
	margin-right: 12px
}

.post-meta-btm {
	margin-top: 35px;
	padding-top: 10px;
	border-top: 1px solid #eee
}

.entry {
	font-size: 14px;
	line-height: 28px
}

.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
	margin-bottom: 15px;
	padding: 0;
	border: 0;
	background: 0
}

.entry h3,.entry h4 {
	padding: 0 0 3px;
	color: #446bba;
	border-bottom: 1px solid #e6e6e6
}

.entry p {
	margin-bottom: 20px
}

.entry a:link,.entry a:visited {
	color: #446bba
}

.entry a:hover {
	color: #e4393c
}

.entry img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto
}

.entry .left {
	float: left;
	width: 45%
}

.entry .right {
	float: right;
	width: 45%
}

.entry ol,.entry ul {
	margin: 10px 30px
}

.entry ol li {
	list-style: decimal
}

.entry ul li {
	list-style: disc
}

.entry input,.entry textarea,.entry select {
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 100%;
	vertical-align: middle
}

.entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active,.entry textarea:hover,.entry textarea:focus {
	border: 1px solid #e95a5e
}

.entry input[type="file"] {
	border: 0
}

.entry hr {
	margin: 20px auto;
	clear: both;
	border-top: 1px solid #ddd
}

.entry table {
	margin-bottom: 15px;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-collapse: collapse;
	vertical-align: middle
}

.entry tr:hover {
	background: #f0f4fb
}

.entry th {
	padding: 6px 12px;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	background: #f4f4f4;
	font-size: 14px;
	vertical-align: middle
}

.entry td {
	padding: 6px 12px;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	color: #555;
	font-size: 14px;
	vertical-align: middle
}

.entry table table {
	margin-bottom: 5px;
	border: 0
}

.entry table table table {
	padding: 10px 0 0
}

.entry table table th,.entry table table td {
	border: 0
}

.entry table img {
	margin-bottom: 0;
	display: block
}

.alignleft {
	float: left;
	padding-right: 10px
}

.alignright {
	float: right;
	padding-left: 10px
}

.alignnone,.aligncenter {
	float: none;
	margin-left: auto;
	margin-right: auto;
	clear: both
}

.aligncenter {
	text-align: center;
	display: block
}

.wp-caption {
	margin: 10px auto;
	padding: 6px;
	background: #f4f4f4;
	border: 1px solid #e6e6e6;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center
}

.wp-caption img {
	max-width: 100%
}

.wp-caption p.wp-caption-text {
	margin: 5px 0 0;
	padding: 4px;
	line-height: 20px;
	color: #666
}

.entry blockquote,.entry pre,.entry code {
	margin: 0 10px 15px;
	padding: 8px 15px;
	line-height: 20px;
	font-size: 12px;
	border: 1px solid #fae2ba;
	color: #666;
	background-color: #ffffe6
}

.entry blockquote p,.entry pre p,.entry code p {
	margin-bottom: 0;
	line-height: 20px
}

.entry blockquote code,.entry pre code {
	margin: 0;
	padding: 0;
	border: 0;
	background: 0
}

.page-theme-head {
	display: none
}

.theme-head {
	padding: 35px 0 0;
	border-bottom: 3px solid #e4e4e4;
	background: #f4f4f4;
	-moz-box-shadow: inset 0 -6px 10px -10px rgba(0,0,0,.03);
	-webkit-box-shadow: inset 0 -6px 10px -10px rgba(0,0,0,.03);
	box-shadow: inset 0 -6px 10px -10px rgba(0,0,0,.03)
}

.theme-head .inner {
	overflow: visible
}

.theme-head .theme-title {
	margin-bottom: 20px;
	text-align: center
}

.theme-head .theme-title h1 {
	margin-bottom: 10px;
	line-height: 140%;
	font-size: 40px
}

.theme-head .theme-title h3 {
	line-height: 180%;
	font-size: 16px;
	color: #666
}

.theme-head .theme-link a {
	border-color: #e8e8e8
}

.theme-browser {
	width: 100%;
	text-align: center;
	overflow: hidden
}

.theme-browser .browser {
	width: 100%;
	height: 33px;
	background: url(../images/theme-browser.png) no-repeat 0 0;
	overflow: hidden;
	position: relative
}

.theme-browser .browser .r {
	width: 50px;
	height: 33px;
	background: url(../images/theme-browser.png) no-repeat right 0;
	position: absolute;
	right: 0
}

.theme-head .theme-screen {
	margin: 0 10px;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	background: #fff;
	display: inline-block;
	position: relative;
	-moz-box-shadow: 0 0 18px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.15);
	box-shadow: 0 0 18px rgba(0,0,0,0.15);
	clear: both
}

.theme-head .theme-screen img {
	width: 100%;
	display: block
}

.theme-head-hd .theme-screen {
	margin: 0 10px -10px
}

.theme-link {
	margin: 35px auto;
	text-align: center
}

.theme-link a {
	margin: 0 10px;
	padding: 15px 120px;
	font-size: 20px;
	border: 3px solid #ebebeb;
	color: #fff;
	background: #5cc26f;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	display: inline-block;
	overflow: hidden
}

.theme-link a:hover {
	border-color: #ddd;
	background: #40ab54;
	text-decoration: none
}

.theme-link a.purchase {
	background: #e74e52
}

.theme-link a.purchase:hover {
	background: #e12d31
}

.theme-link a.purchase sup {
	padding-left: 8px;
	font-size: 14px;
	color: #ff0
}

.theme-link a.no-purchase,.theme-link a.no-purchase:hover {
	background: #aaa;
	cursor: not-allowed
}

.theme-meta {
	margin: 0 auto 35px;
	padding: 3px;
	background: #ebf3fa
}

.theme-meta .theme-meta-inner {
	padding: 22px 25px;
	font-size: 14px;
	border: 1px solid #d3e6f3;
	color: #555;
	background: #fff;
	overflow: hidden
}

.theme-meta-detail ul {
	padding: 0 0 15px;
	overflow: hidden
}

.theme-meta-detail ul li {
	float: left;
	margin-bottom: 8px;
	width: 49%;
	height: 24px
}

.theme-meta-detail ul li .iconfont {
	color: #e12d31
}

.theme-meta-detail ul li.vip .iconfont {
	color: #f60
}

.theme-meta-detail ul li .slash {
	padding: 0 8px;
	color: #ccc
}

.theme-meta-detail ul li span {
	padding-right: 8px;
	color: #888
}

.theme-meta-detail ul li em {
	font-size: 14px;
	text-decoration: line-through
}

.theme-meta-detail ul li.disprice strong {
	font-weight: normal;
	font-size: 24px;
	color: #e74e52
}

.theme-meta-detail ul li.disprice sup {
	margin-left: 10px;
	padding: 3px 5px;
	color: #ff0;
	background: #e12d31
}

.theme-meta-detail p {
	padding-top: 15px;
	border-top: 1px solid #eee;
	color: #888
}

.theme-post {
	margin-top: 10px
}

.theme-post .entry ol,.theme-post .entry ul {
	margin: 0 auto 25px;
	border: 1px solid #e9e9e9;
	border-left-color: #ccc
}

.theme-post .entry ol li,.theme-post .entry ul li {
	padding: 8px 18px;
	list-style: none
}

.theme-post .entry ol li:nth-child(even),.theme-post .entry ul li:nth-child(even) {
	background-color: #f6f6f6
}

.theme-item {
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.theme-item h2 {
	margin-bottom: 15px;
	line-height: 150%;
	font-size: 32px;
	font-weight: normal
}

.theme-item h2 a {
	color: #333
}

.theme-item img.alignleft {
	padding-right: 50px
}

.theme-item img.alignright {
	padding-left: 50px
}

.theme-item p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 28px;
	color: #666
}

.section {
	margin-bottom: 30px
}

.section h2 {
	margin-bottom: 35px;
	width: 100%;
	height: 38px;
	line-height: 38px;
	color: #222;
	border-bottom: 3px solid #e6e6e6
}

.section h2 span {
	line-height: 38px;
	color: #446bba;
	border-bottom: 3px solid #446bba;
	display: inline-block
}

.section h2 em {
	float: right;
	font-size: 14px
}

.features {
	margin: 35px 0 0 -3.33%;
	overflow: hidden
}

.features div {
	float: left;
	margin-bottom: 35px;
	padding: 0 0 35px 3.33%;
	width: 30%;
	height: 120px;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.features div p {
	margin: 0;
	color: #555;
	font-size: 14px
}

.features h3 {
	margin: 0 0 15px;
	padding-left: 46px;
	height: 32px;
	line-height: 30px;
	font-size: 18px;
	background: url(../images/icon-features.gif) no-repeat 0 0
}

.options h3 {
	background-position: 0 2px
}

.seo h3 {
	background-position: 0 -42px
}

.browsers h3 {
	background-position: 0 -84px
}

.pro-modules h3 {
	background-position: 0 -126px
}

.auto-thumb h3 {
	background-position: 0 -168px
}

.custom-widgets h3 {
	background-position: 0 -210px
}

.codes h3 {
	background-position: 0 -252px
}

.afservice h3 {
	background-position: 0 -294px
}

.free-update h3 {
	background-position: 0 -336px
}

.codes,.afservice,.free-update {
	margin: 0 !important;
	border: 0 !important
}

.after-sale {
	margin-top: -35px;
	padding: 35px 400px 25px 10px;
	font-size: 14px;
	color: #666;
	background: url(../images/after-sale.jpg) no-repeat right 0;
	background-size: contain
}

.after-sale ul {
	margin: 0;
	padding: 15px 0 10px
}

.after-sale ul li {
	margin-bottom: 10px;
	color: #36538f
}

.after-sale ul li .iconfont {
	margin-right: 8px
}

.theme-head-s .theme-title h1 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 24px
}

.theme-head-s .theme-img {
	float: left;
	margin: 0 30px 0 10px;
	*width: 460px;
}

.theme-head-s .theme-screen {
	float: left;
	margin: 0 10px;
	*width: 460px;
	clear: none
}

.theme-head-s .theme-meta-detail {
	float: left;
	text-align: left;
	font-size: 14px
}

.theme-head-s .theme-meta-detail ul {
	padding: 0 0 10px
}

.theme-head-s .theme-meta-detail ul li {
	margin-bottom: 5px;
	width: 100%;
	clear: both;
	display: block
}

.theme-head-s .theme-meta-detail ul li i.whiteblank {
	color: #999
}

div.tips {
	padding: 10px 0;
	color: #888;
	background: #ebf3fa
}

div.tips p {
	padding: 0 20px
}

.showcase .theme-head {
	margin-bottom: 25px;
	padding: 6px 0 0;
	border-bottom-width: 2px;
	background: 0;
	overflow: hidden
}

.showcase .theme-title h1 {
	margin-bottom: 0;
	padding-bottom: 10px;
	text-align: left;
	font-size: 24px;
	border-bottom: 1px solid #e6e6e6
}

.showcase .theme-screen {
	float: left;
	margin: 0 30px 0 10px;
	border-bottom: 0;
	clear: none
}

.showcase .theme-meta-detail {
	text-align: left;
	font-size: 14px
}

.showcase .theme-meta-detail ul {
	padding: 0 0 10px
}

.showcase .theme-meta-detail ul li {
	float: none;
	margin-bottom: 8px;
	width: 100%
}

.showcase .theme-meta-detail ul li#tags {
	height: auto
}

.showcase .theme-meta-detail ul li#tags span {
	float: left
}

.showcase .theme-meta-detail ul li#tags a {
	padding-left: 78px;
	display: block
}

.showcase .theme-meta-detail li.btn {
	height: auto
}

.showcase .theme-meta-detail li.btn a {
	padding: 8px 0;
	width: 40%;
	text-align: center;
	font-size: 16px;
	border: 3px solid #ebebeb;
	color: #fff;
	background: #e74e52;
	text-decoration: none;
	display: inline-block;
	overflow: hidden
}

.showcase .theme-meta-detail li.btn a:hover {
	background: #e12d31
}

.showcase .theme-meta-detail li.btn a.customsite {
	margin-left: 10px;
	background: #5cc26f
}

.showcase .theme-meta-detail li.btn a.customsite:hover {
	background: #40ab54
}

.showcase div.tips {
	padding: 10px 0;
	color: #888;
	background: #ebf3fa
}

.user-center {
	min-height: 500px;
	font-size: 14px;
	border: 1px solid #e2e2e2;
	border-top: 2px solid #ccc
}

.user-bar {
	float: left;
	margin-top: -2px;
	width: 180px;
	background: #f6f6f6;
	border-top: 2px solid #446bba;
	border-right: 1px solid #e9e9e9
}

.user-bar a:link,.user-bar a:visited {
	color: #555
}

.user-bar a:hover,.user-bar ul li.current_page_item a {
	margin-left: -1px;
	border-left: 1px solid #446bba;
	text-indent: 6px;
	color: #446bba;
	background: #ebf3fa;
	text-decoration: none
}

.user-bar ul li.current_page_item a {
	font-weight: bold
}

.user-bar .usr-avatar {
	margin-bottom: 10px;
	padding: 20px 0 16px;
	border-bottom: 1px solid #e6e6e6;
	background: #ebf3fa;
	text-align: center
}

.user-bar .usr-avatar img {
	width: 128px;
	height: 128px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px
}

.user-bar ul li a {
	padding: 8px 15px;
	display: block
}

.user-dashboard {
	padding: 0 0 0 181px
}

#page-header {
	padding: 20px 25px;
	border-bottom: 1px solid #e9e9e9
}

#page-header #page-title {
	font-size: 24px
}

#page-content {
	padding: 20px
}

.entry .wrap {
	overflow: hidden
}

.entry .wrap h2 {
	font-weight: normal
}

.entry .wrap .btn-submit,.entry .wrap .button-primary,.user-center .btn-submit,.user-center .button-primary {
	width: 50%;
	border: 0
}

.entry .wrap .tc {
	text-align: center
}

.entry .wrap th {
	text-align: left;
	color: #888;
	border-right: 1px solid #e8e8e8
}

.entry .wrap td {
	color: #888;
	border-right: 1px solid #eee
}

.entry .wrap td.gray {
	width: 140px;
	font-weight: bold;
	background: #f4f4f4
}

.entry .wrap td.bid {
	color: #e12d31
}

.entry .wrap .result-success,.entry .wrap .result-failure {
	width: 48px;
	text-align: center;
	color: #fff;
	background: #40ab54;
	display: inline-block
}

.entry .wrap .result-failure {
	background: #e12d31
}

.page-user {
	width: 50%
}

.page-user h3 {
	margin-bottom: 20px;
	font-size: 14px;
	color: #888
}

.page-user p {
	margin-bottom: 15px;
	clear: both
}

.page-user p label {
	float: left;
	margin: 1px -93px 1px 1px;
	padding-right: 8px;
	width: 84px;
	line-height: 44px;
	text-align: right;
	font-size: 14px;
	color: #666;
	background: #f4f4f4;
	display: inline-block;
	position: relative;
	z-index: 1
}

.page-user p:hover label {
	font-weight: bold;
	color: #2c4476;
	background: #ecf0f9
}

.page-user p span {
	padding: 5px 0 0 96px;
	font-size: 12px;
	color: #999;
	display: block
}

.page-user em {
	padding-left: 6px;
	color: #e12d31
}

.page-user .text {
	padding: 10px 0;
	width: 95%;
	height: 24px;
	line-height: 24px;
	text-indent: 102px;
	border: 1px solid #d9d9d9
}

.page-user .text:active,.page-user .text:focus,.page-user .text:hover {
	border: 1px solid #aac1e1
}

.page-user p#capatcha-area i {
	margin-left: 10px;
	padding: 0 15px;
	line-height: 42px;
	font-size: 14px;
	background: #ebf3fa;
	display: inline-block
}

.page-user p#remember-me label {
	float: none;
	margin: 0;
	width: auto;
	line-height: 24px;
	background: 0
}

.page-user p#remember-me #rememberme {
	position: relative;
	top: 2px
}

.page-user p#remember-me .lost {
	float: right;
	margin-right: 30px
}

.page-user #status {
	float: left;
	margin-bottom: 15px;
	padding: 6px 0;
	width: 95%;
	text-align: center;
	border: 1px solid #ffe2be;
	color: #e74e52;
	background: #fffedf;
	display: none
}

.page-user .success {
	font-weight: bold;
	color: #46a546
}

.page-user #wp_pass_reset p label {
	margin: 1px -123px 1px 1px;
	width: 114px;
	line-height: 44px;
	clear: both
}

.page-user #wp_pass_reset .text {
	text-indent: 132px
}

.page-profile {
	padding: 30px 25px 20px;
	width: auto
}

.page-profile p label {
	margin: 1px -98px 1px 1px
}

.page-profile .text {
	text-indent: 108px
}

.page-profile input[disabled] {
	background: #f4f4f4
}

.page-profile #description {
	padding-left: 108px;
	height: 90px;
	text-indent: 0
}

.page-profile #status {
	display: block
}

#wp_profile {
	padding-top: 10px;
	width: 100%;
	overflow: hidden
}

.post .caseLogo {
	padding: 5px 11px 20px 10px
}

.post .caseLogo {
	padding: 12px 11px 10px 13px;
	*padding: 15px 5px 10px 8px;
}

.post .caseLogo img {
	margin: 3px;
	width: 120px;
	height: 35px;
	border: 1px solid #ddd
}

.entry ul.servicelist {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	background: #f2f2f2;
	overflow: hidden
}

.entry ul.servicelist li h2 {
	margin: 0;
	padding: 0;
	border: 0;
	color: #333
}

.entry ul.servicelist li {
	float: left;
	margin: 0;
	padding: 30px 15px;
	width: 260px;
	height: 240px;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #ddd;
	background: 0;
	list-style: none
}

.entry ul.servicelist li.title {
	padding: 10px 15px;
	height: auto;
	border-right: 1px solid #4063aa;
	border-bottom: 0;
	text-align: center;
	background: #446bba;
	text-shadow: 1px 1px 1px #2c4476
}

.entry ul.servicelist li.title h2 {
	color: #e1e8f4
}

.entry ul.servicelist li.sbtitle {
	text-align: center
}

.entry ul.servicelist li.sbtitle h2 {
	line-height: 240px;
	font-size: 26px;
	font-weight: normal;
	color: #333
}

.entry ul.servicelist li.sbtitle h2 span {
	margin-top: -210px;
	font-size: 13px;
	font-weight: normal;
	color: #f30;
	display: block
}

.entry ul.servicelist li.sbtitle-alt,.entry ul.servicelist li.mid-alt,.entry ul.servicelist li.last-alt {
	background: #f6f6f6
}

.entry ul.servicelist li.last div {
	padding: 80px 0 0 0;
	text-align: center
}

.entry ul.servicelist li.title-content,.entry ul.servicelist li.mid,.entry ul.servicelist li.mid ul li {
	width: 610px
}

.entry ul.servicelist li.mid ul li {
	padding: 20px 0 0 10px
}

.entry ul.servicelist li.title-price,.entry ul.servicelist li.last,.entry ul.servicelist li.last ul li {
	width: 238px;
	font-size: 13px;
	font-weight: bold;
	border-right: 0
}

.entry ul.servicelist li ul {
	margin: 0;
	padding: 0;
	border: 0;
	background: 0;
	overflow: hidden
}

.entry ul.servicelist li ul li {
	padding: 0;
	height: auto;
	border: 0;
	background: 0
}

.entry ul.step {
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 2px solid #ddd;
	background: 0;
	overflow: hidden
}

.entry ul.step li {
	margin: 0;
	padding: 20px 15px;
	border-bottom: 1px dotted #e2e2e2;
	background: 0;
	list-style: none;
	overflow: hidden
}

.entry ul.step li h3 {
	float: left;
	margin: 0;
	padding: 12px 0;
	width: 160px;
	font-size: 20px;
	border: 0;
	color: #000
}

.entry ul.step li p {
	margin: 0;
	padding: 0 0 0 160px;
	font-size: 14px;
	color: #555
}

.entry ul.step li.st h3 {
	padding: 0
}

.page-feature h2 {
	margin-bottom: 35px;
	width: 100%;
	height: 38px;
	line-height: 38px;
	color: #222;
	border-bottom: 3px solid #e6e6e6
}

.page-feature h2 span {
	line-height: 38px;
	color: #446bba;
	border-bottom: 3px solid #446bba;
	display: inline-block
}

.page-feature h2 em {
	float: right;
	font-size: 14px;
	color: #888
}

.page-feature h3 {
	border: 0;
	color: #333
}

.page-feature .features div {
	padding: 0 0 45px 3.33%
}

.features-vip {
	margin-top: 45px
}

.features-vip img {
	float: left;
	padding-right: 30px;
	width: 360px
}

.features-vip h3 {
	font-size: 28px
}

.features-vip-section {
	margin-bottom: 45px;
	padding-bottom: 50px;
	border-bottom: 1px solid #EEE;
	overflow: hidden
}

.vip-alt img {
	float: right;
	padding: 0 0 0 30px
}

.page-payment,.page-payment table {
	font-size: 14px
}

.page-payment p {
	margin-bottom: 15px
}

.page-payment table table {
	margin-bottom: 10px
}

.page-payment table table table {
	padding: 10px 0 0
}

.page-payment table img {
	margin-bottom: 0
}

.page-help .inactive-header {
	padding: 0 12px;
	line-height: 38px;
	font-size: 14px;
	border-top: 1px solid #eee;
	color: #444;
	background: #f6f6f6;
	cursor: pointer
}

.page-help .active-header {
	padding: 0 12px;
	line-height: 36px;
	font-size: 14px;
	border-top: 1px solid #d0ddee;
	color: #446bba;
	background: #ebf3fa;
	cursor: pointer
}

.accordion-content {
	padding: 0 12px 35px;
	color: #888;
	display: none
}

.about-us {
	margin-top: -25px !important;
	padding-top: 350px;
	background: url(../images/bg-aboutus.jpg) repeat-x center 0
}

.fd {
	width: 100%;
	padding: 55px 0;
	line-height: 32px;
	font-size: 16px;
	border-bottom: 1px solid #eee
}

.fd:last-child,.fdlast {
	border-bottom: 0
}

.wp {
	width: 960px
}

.wp h2 {
	margin-bottom: 45px;
	font-size: 48px;
	text-align: center;
	ine-height: 1
}

.history {
	background: url(../images/bg-history.jpg) no-repeat right 0;
	background-size: cover
}

.page-sitemap {
	background: #eee
}

.sitemap-box {
	margin: 25px auto;
	padding: 2%;
	width: 92%;
	line-height: 24px;
	background: #fff
}

.sitemap-box a:link,sitemap-box a:visited {
	color: #333
}

.sitemap-box a:hover {
	color: #10579d
}

.sitemap-box h1 {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center
}

.sitemap-box h2 {
	margin: 8px auto 15px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #eee
}

.sitemap-box ul {
	margin: 10px
}

.sitemap-box ul li {
	margin: 6px 0 0 18px;
	list-style: disc;
	color: #999
}

.sitemap-box ul li ul {
	margin: 5px 10px 10px
}

.sitemap-box ul li ul li {
	margin: 3px 0 0 16px;
	list-style: circle
}

.sitemap-box #breadcrumb,.sitemap-box .archivers,.sitemap-box .full-version,.sitemap-box #footer {
	margin-top: 20px;
	padding: 6px 15px;
	border: 1px solid #eee;
	border-top: 1px solid #ddd;
	clear: both
}

.sitemap-box #breadcrumb,.sitemap-box .full-version {
	border: 1px solid #eee;
	background: #f8f8f8
}

.sitemap-box .archivers {
	padding: 5px 15px 15px;
	overflow: hidden
}

.sitemap-box #footer {
	padding: 10px;
	text-align: center
}

.post-prev-next {
	margin: 6px auto;
	line-height: 24px;
	font-size: 13px;
	color: #999
}

.error404 {
	max-width: 360px;
	padding: 50px 0
}

.error404 h4 {
	height: 32px;
	line-height: 32px;
	font-size: 200%;
	color: #F00
}

.error404 span {
	margin-bottom: 25px;
	color: #666;
	display: block
}

.error404 ol {
	padding: 5px 0 5px 20px
}

.error404 ol li {
	margin: 0 auto;
	list-style: disc
}

.errorsearch {
	margin-top: 15px;
	width: 100%;
	overflow: hidden
}

.errorsearch .searchInput {
	float: left;
	padding: 6px 0;
	width: 80%;
	text-indent: 12px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ddd
}

.errorsearch #searchsubmit {
	float: right;
	width: 19%;
	height: 38px;
	font-size: 14px;
	border: 0;
	color: #fff;
	background: #e74e52;
	cursor: pointer
}

.errorsearch #searchsubmit:hover {
	background: #e12d31
}

.related {
	margin: 25px auto 0;
	clear: both
}

.wpagenavi {
	margin: 30px auto 0;
	padding-top: 35px;
	width: 100%;
	line-height: 46px;
	font-size: 14px;
	border-top: 1px solid #e6e6e6;
	text-align: center;
	overflow: hidden
}

.wpagenavi a .iconfont {
	font-size: 12px
}

.wpagenavi a:link,.wpagenavi a:visited {
	margin: 0 5px;
	padding: 12px 18px;
	color: #666;
	background: #eee
}

.wpagenavi a:hover,.wpagenavi a:active {
	color: #fff;
	background: #e4393c;
	text-decoration: none
}

.wpagenavi a.current:link,.wpagenavi a.current:visited,.wpagenavi a.current:hover {
	color: #fff;
	background: #e4393c;
	font-weight: bold
}

.post-navi {
	padding-top: 20px;
	text-align: center
}

.post-navi a:link,.post-navi a:visited {
	padding: 2px 9px;
	border: 1px solid #fff;
	background: #fff
}

.post-navi a:hover {
	border: 1px solid #e4e4e4;
	background: #f5f5f5;
	text-decoration: none
}

.sidebar {
	float: right;
	margin: 10px 0 0 -250px;
	width: 250px;
	overflow: hidden
}

.sidebar h3 {
	padding: 9px 15px;
	font-size: 16px;
	color: #fff;
	background: #2c4476
}

.sidebar h3 a {
	color: #fff !important
}

.sidebar ul li {
	margin-bottom: 8px
}

.sidebar ul li ul {
	padding: 5px 0;
	overflow: hidden
}

.sidebar ul li ul li {
	padding-left: 12px;
	height: 24px;
	overflow: hidden
}

.sidebar ul li div {
	padding: 10px;
	overflow: hidden
}

.sidebar ul li img {
	display: block
}

.sidebar ul li.widget_nav_menu {
	background: #446bba
}

.sidebar ul li.widget_nav_menu div {
	padding: 0
}

.sidebar ul li.widget_nav_menu ul {
	padding: 5px 0 0
}

.sidebar ul li.widget_nav_menu ul li {
	margin: 0;
	padding: 0;
	height: auto;
	border-bottom: 1px solid #5074be;
	background: 0
}

.sidebar ul li.widget_nav_menu ul li a {
	padding-left: 10px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	border-bottom: 1px solid #4063aa;
	color: #e1e8f4;
	display: block
}

.sidebar ul li.widget_nav_menu ul li a .iconfont {
	padding-right: 8px;
	font-size: 14px
}

.sidebar ul li.widget_nav_menu ul li a:hover,.sidebar ul li.widget_nav_menu ul li.current-menu-item a,.sidebar ul li.widget_nav_menu ul li.current-cat a {
	color: #fff;
	background-color: #e74e52;
	text-decoration: none
}

.sidebar ul li.widget_nav_menu ul li.current-cat a {
	font-weight: bold
}

.sidebar ul li.widget_nav_menu ul li a span {
	margin-left: 15px;
	padding: 2px 5px 2px 8px;
	font-size: 12px;
	color: #9ecdde;
	background: #3e60a6
}

.sidebar ul li.widget_nav_menu ul li a:hover span,.sidebar ul li.current-menu-item ul li a span,.sidebar ul li.widget_nav_menu ul li.current-cat a span {
	font-weight: normal;
	color: #f6c0c2;
	background: #e12d31
}

.sidebar ul li#submit-site a {
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	background: #e74e52;
	text-decoration: none;
	display: block
}

.sidebar ul li#submit-site a:hover {
	background: #e12d31
}

.sidebar ul li#submit-site a h4 {
	margin-bottom: 5px;
	font-size: 24px
}

.sidebar ul li#submit-site a span {
	color: #f6c0c2
}

.post-cmt {
	padding: 40px 0 0;
	width: 100%
}

.fn,.fn a {
	color: #446bba;
	font-weight: bold
}

.fn a:hover {
	color: #F60
}

#edita {
	padding: 6px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #ffe2be;
	color: #e74e52;
	background: #fffedf
}

.brand {
	padding: 40px 0 50px 0;
	text-align: center;
	border-bottom: 1px solid #334f88;
	color: #fff;
	background: #2c4476;
	overflow: hidden
}

.brand h2 {
	font-size: 32px;
	line-height: 160%
}

.brand p {
	margin-bottom: 25px;
	color: #aac1e1
}

.brand a {
	margin: 0 8px;
	padding: 9px 55px;
	font-size: 20px;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block
}

.brand a:hover {
	color: #2c4476;
	background: #fff;
	text-decoration: none
}

.affiliate {
	padding: 40px 0;
	background: #40ab54
}

.affiliate p {
	margin-bottom: 15px;
	font-size: 20px;
	color: #fff
}

.affiliate a {
	padding: 11px 55px;
	border-color: #39994a;
	color: #40ab54;
	background: #fff;
	-moz-box-shadow: 0 0 8px rgba(57,153,74,0.8);
	-webkit-box-shadow: 0 0 8px rgba(57,153,74,0.8);
	box-shadow: 0 0 8px rgba(57,153,74,0.8)
}

.affiliate a:hover {
	color: #e4393c;
	background: #fafafa
}

.affiliate-top {
	margin: -2px auto 20px;
	padding: 10px 0;
	border: 0
}

.affiliate-top p {
	font-size: 16px;
	display: inline
}

.affiliate-top a {
	padding: 5px 20px;
	font-size: 16px
}


.foot-main {
	border-top: 1px solid #131313;
	color: #666;
	background: #252525
}

.foot-nav .inner {
	padding: 25px 0;
	border-bottom: 1px solid #1b1b1b
}

.foot-nav .widget-column {
	float: left;
	padding-right: 90px
}

.foot-nav .widget-column a {
	color: #888
}

.foot-nav .widget-column a:hover {
	color: #ccc
}

.foot-nav .widget-column h3 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #ddd
}

.foot-nav .widget-column h3 a {
	color: #ddd
}

.foot-nav .widget-column ul li {
	margin-bottom: 4px
}

.foot-nav .widget-column-last {
	float: right;
	padding: 0
}

.foot-nav .widget-column-last .stat .stat-3 {
	float: left;
	padding-left: 50px;
	line-height: 1
}

.foot-nav .widget-column-last .stat .stat-3 em {
	font-size: 24px;
	color: #bbb
}

.foot-nav .widget-column-last .stat .stat-3 p {
	margin-top: 10px;
	font-size: 14px;
	color: #888
}

.foot-nav .widget-column-last .sns {
	margin: 35px 0 0 40px;
	padding: 25px 15px 0;
	border-top: 1px solid #202020;
	text-align: center;
	position: relative
}

.foot-nav .widget-column-last .sns a {
	padding: 5px 18px;
	display: inline-block
}

.foot-nav .widget-column-last .sns a .iconfont {
	font-size: 24px;
	display: block
}

.foot-nav .widget-column-last .sns a:hover {
	text-decoration: none
}

.foot-nav .widget-column-last .sns a.weibo:hover {
	color: #e95234
}

.foot-nav .widget-column-last .sns a.txweibo:hover {
	color: #43abec
}

.foot-nav .widget-column-last .sns a.weixin:hover {
	color: #5baf30
}

.foot-nav .widget-column-last .sns a.rss:hover {
	color: #fd9f13
}

.foot-nav .widget-column-last .sns #weixin {
	position: absolute;
	left: 0;
	bottom: 12px;
	background: #fff;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none
}

.foot-nav .widget-column-last .sns #weixin img {
	display: block
}

.copyright .inner {
	padding: 20px 0;
	border-top: 1px solid #2a2a2a
}

.copyright a:link,.copyright a:visited {
	color: #666
}

.copyright a:hover {
	color: #999
}

.cp {
	float: left;
	max-width: 75%
}

.cs {
	float: right;
	line-height: 30px;
	font-size: 14px;
	color: #777
}

.cs a {
	margin-right: 3px;
	text-decoration: none
}

.cs a .iconfont {
	font-size: 20px;
	line-height: 20px;
	color: #f6f6f6;
	background: #5194d0
}

.cs a:hover .iconfont {
	background: #e74e52
}

.bdsharebuttonbox {
	float: right
}

.friendlink {
	margin: 15px auto 25px;
	padding-top: 15px;
	border-top: 1px solid #eee
}

.friendlink ul li {
	float: left;
	margin: 0 10px 0 0;
	white-space: nowrap
}

.cs-div {
	padding:0 3px 3px;
	*width:100px;
	text-align:center;
	background:#e74e52;
	position:fixed;
	_position:absolute;
	top:240px;
	right:0;
	z-index:9999
}
.cs-bar {
	width:38px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.cs-div h4 {
	line-height:32px;
	color:#fff
}
.cs-inner {
	padding:15px 0 5px;
	background:#f8f8f8
}
.cs-inner img {
	display:block
}
.cs-inner a {
	padding:0 7px 10px;
	line-height:20px;
	overflow:hidden;
	display:block;
	text-decoration:none
}
.cs-inner a .iconfont {
	float:left;
	margin-right:6px;
	font-size:20px;
	color:#f6f6f6;
	background:#5194d0
}
.cs-inner a:hover .iconfont,.cs-inner a.light .iconfont {
	background:#e74e52
}
.cs-inner a.light {
	color:#e4393c
}
.cs-inner a.light:hover {
	color:#555
}
.cs-inner a.light:hover .iconfont {
	background:#5194d0
}
.cs-inner #cs-wechat {
	background:#fff;
	position:absolute;
	right:100px;
	bottom:10px;
	display:none;
	border: 6px solid #ff4a66;	

}
.cs-inner #cs-wechat img {
	width:200px
}
.cs-inner #cs-wechat p {
	margin:-10px auto 8px;
	font-weight:700
}
.backtop {
	margin-top:3px;
	padding:2px 0;
	width:100%;
	color:#eee;
	cursor:pointer;
	display:none
}
.backtop .iconfont {
	margin-right:6px
}
.backtop:hover {
	color:#555;
	background:#f6f6f6;
	text-decoration:none
}


.banner {
	margin-bottom: 1px;
	text-align: center
}

.banner-hp .banner {
	margin-bottom: 0
}

.banner img {
	width: 100%
}

#iframe-header {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #ccc;
	background: #222;
	overflow: hidden
}

#iframe-header a {
	color: #999;
	display: inline-block;
	text-decoration: none
}

#iframe-header a:hover,#iframe-header a.cur {
	color: #fff;
	background: #46a546
}

#iframe-header .iconfont {
	font-size: 18px
}

#ifh-l {
	float: left
}

#ifh-r {
	float: right
}

#ifh-l a,#ifh-r a {
	padding: 0 15px;
	color: #ccc
}

#ifh-l a:hover,#ifh-r a:hover {
	color: #fff;
	background: #46a546
}

#ifh-r a.purchase {
	color: #fff;
	background: #e74e52
}

#ifh-r a.purchase:hover {
	background: #e12d31
}

#ifh-m {
	display: inline
}

#ifh-m .iconfont {
	font-size: 18px
}

#ifh-m a {
	padding: 0 8px
}

#device-frame {
	text-align: center
}

.web-frame {
	width: 100%
}

.pad-frame {
	margin: 25px auto;
	padding: 35px 15px;
	width: 768px;
	background: #333;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px
}

.padcrossicon-frame {
	margin: 25px auto;
	padding: 15px 35px;
	width: 900px;
	height: 600px !important;
	background: #333;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px
}

.phone-frame {
	margin: 25px auto;
	padding: 30px 12px;
	width: 360px;
	height: 640px !important;
	background: #333;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px
}

.postComment {
	padding-top:10px;
	overflow:hidden
}
#respond {
	margin:0 auto
}

#addcomment{
	margin-bottom: 20px;
	height: 38px;
	line-height: 38px;font-size: 20px;
	border-bottom: 2px solid #ddd
	}
#addcomment span{
	color: #446bba;
	border-bottom: 2px solid #446bba;
	display: inline-block
	}

#respond p {
	margin:0 auto 15px;
	overflow:hidden
}
#respond label {
	float:left;
	padding:3px 8px;
	width:20%;
	text-align:right;
	display:block
}
#respond em {
	padding-top:5px;
	color:#F00;
	font-style:normal;
	font-weight:normal
}
#author,#email,#url,#comment {
	padding:8px;
	width:60%;
	border:1px solid #e4e4e4;
	color:#666
}
#code {
	padding:8px;
	width:10%;
	border:1px solid #e4e4e4;
	color:#666
}
.codeimg {
	margin: 5px 0px 5px 10px;
}
#comment {
	width:60%;
	height:150px;
	font-size:12px;
	color:#787878;
	overflow-y:scroll;
	color:#666
}
#submit {
	padding:8px 30px;
	font-size:18px;
	color:#fff;
	background:#0077cc;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease
}
#submit:hover,#submit:active {
	background-color:#f80
}	

@media only screen and (min-width:1400px) {
	.inner {
		width: 1200px
	}
}

@media only screen and (min-width:1280px) and (max-width:1399px) {
	.inner {
		width: 1000px
	}

	.foot-nav .widget-column {
		padding-right: 55px
	}

	.foot-nav .widget-column-last {
		padding-right: 0
	}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
	.inner {
		width: 980px
	}

	.navi li a:link,.navi li a:visited {
		padding: 0 12px
	}

	.showcase .theme-screen {
		margin: 0 20px 0 10px;
		width: 350px
	}

	.foot-nav .widget-column {
		padding-right: 45px
	}

	.foot-nav .widget-column-last {
		padding-right: 0
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.inner {
		width: 98%
	}

	.inner .inner {
		width: 100%
	}

	.navi {
		float: right
	}

	.navi li {
		font-size: 14px
	}

	.navi li a:link,.navi li a:visited,.navi li a {
		padding: 0 10px
	}

	.quick-menu {
		display: none
	}

	#searchbar .inner {
		width: 90%
	}

	#slidebanner {
		margin-bottom: 0
	}

	#slidebanner .inner {
		height: auto;
		min-height: 350px;
		background-size: contain
	}

	#slidebanner .inner img {
		margin-top: 30px
	}

	.col-md-4 {
		margin: 0 auto 25px
	}

	.col-md-4 div {
		margin-top: 35px;
		padding: 0 2%;
		width: 46%
	}

	.row-showcase .bx-controls a {
		display: none
	}

	.clients,.reviews,.col-3 {
		float: none;
		margin: 0 auto 25px;
		width: 100%
	}

	.client-list,.review-list {
		padding: 0
	}

	.cat-posts {
		margin-left: 0
	}

	.content {
		float: none;
		margin: 0 auto
	}

	.sidebar {
		display: none
	}

	.postlist li a {
		float: none;
		width: 100%
	}

	.postlist li span {
		display: none
	}

	.showcase .theme-screen {
		margin: 0 20px 0 10px;
		width: 360px
	}

	.theme-head-s .theme-screen {
		float: none;
		margin: 0 auto
	}

	.theme-head-s .theme-img {
		float: none;
		margin: 0 auto 20px
	}

	.theme-head-s .theme-meta-detail {
		float: none;
		margin-left: 10px;
		clear: both
	}

	.theme-head-s .theme-meta-detail ul li {
		width: 49%;
		clear: none
	}

	.features div {
		height: 165px
	}

	.after-sale {
		padding: 25px 10px;
		background: 0
	}

	.foot-nav .widget-column {
		padding-right: 0;
		width: 20%
	}

	.foot-nav .widget-column-last {
		margin-top: 30px;
		padding-right: 0;
		width: 100%;
		border-top: 1px solid #1b1b1b
	}

	.foot-nav .widget-column-last .stat {
		padding-top: 35px;
		text-align: center;
		border-top: 1px solid #2a2a2a
	}

	.foot-nav .widget-column-last .stat .stat-3 {
		float: none;
		padding: 0 25px;
		display: inline-block
	}

	.foot-nav .widget-column-last .sns {
		padding: 30px 15px 0
	}

	.cp,.cs {
		float: none;
		margin: 0 auto 25px;
		width: 100%;
		max-width: none;
		text-align: center
	}
}

@media only screen and (max-width:767px) {
	.inner {
		width: 95%
	}

	.inner .inner {
		width: 100%
	}

	.topbar #user-bar span,.topbar #user-login-bar span {
		display: none
	}

	.topbar #user-bar a {
		margin-left: 0;
		padding: 0 5px
	}

	.header .inner {
		width: 100%;
		height: 48px;
		line-height: 48px
	}

	.logo {
		padding: 0 12px
	}

	.logo img {
		height: 48px
	}

	.header .toggle-search,.mobile-menu {
		float: right;
		padding: 0 17px;
		height: 48px;
		line-height: 48px;
		color: #e3ebf4;
		overflow: hidden;
		cursor: pointer;
		display: block
	}

	.header .toggle-search-active,.header .mobile-menu-active {
		margin-top: -1px;
		border-top: 1px solid #e74e52;
		color: #fffbbb;
		background: #e12d31
	}

	#searchbar {
		top: 81px;
		border-top: 2px solid #e74e52;
		background: #446bba
	}

	.pinned #searchbar {
		top: 48px
	}

	#searchbar .inner {
		width: 86%
	}

	#slidebanner {
		margin-bottom: 0
	}

	#slidebanner .inner {
		height: auto;
		background: 0;
		background-size: contain
	}

	#slidebanner .inner img {
		margin: 45px auto;
		width: 100%
	}
.banner {
	display: none
}
	.col-md-4 {
		display: none
	}

	.row-showcase .bx-controls a {
		display: none
	}

	.clients,.reviews,.col-3 {
		float: none;
		margin: 0 auto 25px;
		width: 100%
	}

	.client-list,.review-list {
		padding: 0
	}

	.row--posts {
		display: none
	}

	.cat-posts {
		margin-left: 0
	}

	.row-fluid h2 em {
		display: none
	}

	.main-menu {
		float: none;
		position: absolute;
		top: 81px;
		width: 100%;
		border-top: 2px solid #e74e52;
		display: none
	}

	.pinned .main-menu {
		top: 48px
	}

	.navi,.quick-menu {
		float: none;
		background: #446bba;
		position: relative;
		z-index: 9999
	}

	.navi li,.quick-menu li {
		float: none;
		margin: 0;
		width: 100%;
		padding: 0;
		font-size: 16px;
		border-bottom: 1px solid #4063aa;
		border-top: 1px solid #5074be
	}

	.navi li:first-child,.quick-menu li:first-child {
		border-top: 0
	}

	.navi li a:link,.navi li a:visited,.navi li a,.quick-menu li a:link,.quick-menu li a:visited {
		padding: 0 5%;
		width: 90%;
		border-top: 0;
		display: inline-block
	}

	.navi li ul {
		right: auto;
		left: 0;
		width: 100%;
		text-align: left;
		display: block
	}

	.navi li ul li {
		padding-left: 32px
	}

	.page-head {
		margin: 0 auto 15px;
		height: 50px;
		line-height: 50px
	}

	.page-head h1,.page-head .cur-page-title {
		float: none;
		width: 100%;
		font-size: 20px;
		text-align: center
	}

	.page-head .breadcrumb {
		display: none
	}

	.theme-meta .theme-meta-inner {
		padding: 12px;
		font-size: 12px
	}

	.theme-meta-detail ul li {
		margin-bottom: 0;
		width: 100%;
		height: 24px;
		overflow: hidden
	}

	.theme-meta-detail ul li.disprice strong {
		font-size: 16px;
		font-weight: bold
	}

	.theme-item {
		margin-bottom: 30px;
		padding-bottom: 30px
	}

	.theme-item h2 {
		font-size: 24px;
		clear: both
	}

	.theme-item img,.theme-item img.alignleft,.theme-item img.alignright {
		margin-bottom: 20px;
		padding: 0
	}

	.theme-head-s .theme-screen {
		float: none;
		margin: 0 0 20px
	}

	.theme-head-s .theme-meta-detail {
		font-size: 12px
	}

	.theme-head-s .theme-meta-detail ul li {
		margin-bottom: 0;
		height: 24px;
		overflow: hidden
	}

	.theme-head-hd .theme-screen {
		margin: 0 0 -10px
	}

	div.tips p {
		padding: 0
	}

	.poplayer h2 {
		height: 40px;
		line-height: 40px;
		font-size: 18px
	}

	.poplayer .btn-close {
		top: 5px;
		right: 5px
	}

	.poplayer .status {
		line-height: 40px
	}

	.form-box p {
		line-height: 18px
	}

	.form-box p .btn-submit {
		padding: 8px 0
	}

	.features {
		margin: 35px 0 0 -4%
	}

	.features div {
		padding: 0 1% 35px 5%;
		width: 44%;
		height: 150px
	}

	.after-sale {
		padding: 25px 10px;
		background: 0
	}

	.content {
		float: none;
		margin: 0 auto
	}

	.sidebar,.user-bar {
		display: none
	}

	.piclist ul {
		margin-left: 0
	}

	.piclist ul li {
		margin-left: 0;
		padding: 10px 1.5%;
		width: 47%
	}

	.postlist li a {
		float: none;
		width: 100%
	}

	.postlist li span {
		display: none
	}

	.theme-head .theme-title h1 {
		font-size: 24px
	}

	.theme-head .theme-title h3 {
		font-size: 13px
	}

	.theme-link a {
		margin: 0 auto 6px;
		padding: 10px 0;
		width: 96%;
		text-align: center
	}

	.showcase .theme-head .theme-title h1 {
		text-align: center
	}

	.showcase .theme-screen {
		float: none;
		margin: 0 auto 20px
	}

	.showcase .theme-meta-detail {
		font-size: 12px
	}

	.showcase .theme-meta-detail ul li {
		margin-bottom: 0
	}

	.showcase .theme-meta-detail ul li#tags {
		display: none
	}

	.showcase .theme-meta-detail li.btn a {
		width: 96%
	}

	.showcase .theme-meta-detail li.btn {
		margin-top: 10px;
		text-align: center
	}

	.showcase .theme-meta-detail li.btn a.customsite {
		margin: 10px auto 0
	}

	.user-dashboard {
		padding: 0
	}

	#page-header {
		display: none
	}

	.page-user {
		width: 98%
	}

	.page-user p label {
		font-size: 12px;
		line-height: 30px;
		white-space: nowrap
	}

	.page-profile {
		padding: 30px 0 20px
	}

	.page-profile #description {
		width: 98%
	}

	.wpagenavi a:link,.wpagenavi a:visited,.wpagenavi a:hover {
		display: none
	}

	.wpagenavi a.next,.wpagenavi a.previous {
		padding: 8px 0;
		width: 80%;
		font-size: 18px;
		display: inline-block
	}

	.wpagenavi a .iconfont {
		font-size: 20px
	}

	.foot-nav .widget-column {
		margin-bottom: 20px;
		padding-right: 0;
		width: 33.333%
	}

	.foot-nav .widget-column-last {
		margin-top: 10px;
		padding-right: 0;
		width: 100%;
		border-top: 1px solid #1b1b1b
	}

	.foot-nav .widget-column-last .stat {
		padding-top: 35px;
		text-align: center;
		border-top: 1px solid #2a2a2a
	}

	.foot-nav .widget-column-last .stat .stat-3 {
		padding: 0;
		width: 33.3333%;
		display: inline-block
	}

	.foot-nav .widget-column-last .sns {
		margin: 35px 0 0 0;
		padding: 30px 0 0
	}

	.foot-nav .widget-column-last .sns a {
		padding: 5px 0;
		width: 24%
	}

	.foot-nav .widget-column-last .stat .stat-3 em {
		font-size: 20px
	}

	.foot-nav .widget-column-last .stat .stat-3 p {
		font-size: 12px
	}

	.brand {
		padding: 20px 0
	}

	.brand h2 {
		font-size: 22px
	}

	.brand p {
		margin: 5px auto 25px
	}

	.brand a {
		margin-bottom: 10px
	}

	.cp,.cs {
		float: none;
		margin: 0 auto 25px;
		width: 100%;
		max-width: none;
		text-align: center
	}

	.cs-div,.backtop {
		display: none !important
	}
}
@media only screen and (max-width:480px) {

	.topbar #site-desc {
		font-size: 10px
	}

	#user-login-bar a {
		margin-left: 2px
	}

	.col-md-4 div {
		margin-top: 35px;
		padding: 0 2%;
		width: 96%
	}

	.piclist ul li {
		margin-left: 0;
		padding: 10px 1.5%;
		width: 97%
	}

	.piclist ul li .item img {
		max-height: 340px
	}

	.theme-head {
		padding: 20px 0 0
	}

	.theme-head-s .theme-img {
		margin: 0
	}

	.poplayer {
		width: 94%;
		margin-left: 0;
		left: 3%
	}

	.poplayer h2 .iconfont {
		font-size: 16px
	}

	.poplayer h2 i {
		margin-right: 20px
	}

	.poplayer p label {
		padding: 0;
		font-size: 12px
	}

	.poplayer p .pf {
		text-indent: 82px
	}

	.poplayer .pay-head .iconfont {
		font-size: 18px
	}

	.form-box {
		padding: 15px
	}

	.form-box p .regular-text {
		padding: 4px 4.5%;
		width: 90%
	}

	.popbox {
		padding: 10px
	}

	.paylayer p {
		font-size: 12px
	}

	.paylayer p span {
		padding-right: 0
	}

	.paylayer p.alert {
		padding: 6px 12px;
		text-align: left
	}

	.order-list p {
		margin-bottom: 0;
		font-size: 12px
	}

	.order-list p em,.order-list p i {
		font-size: 12px
	}

	.order-list p span {
		width: 68px
	}

	.loginLayer p#btn-submit #buyersubmit {
		width: 38%;
		font-size: 18px
	}

	.features {
		margin: 35px 0 0 -4%
	}

	.features div {
		padding: 0 1% 35px 5%;
		width: 94%;
		height: auto
	}

	.cs-div {
		padding: 8px 0 0
	}

	#ifh-r {
		float: none
	}

	#ifh-r .back-theme {
		float: right
	}

	#commentform p.cmt-submit span {
		display: none
	}

	#respond #submit {
		padding: 10px 1.5%;
		width: 88%
	}

	.error404 {
		padding: 30px 20px
	}

	.error404 h4 {
		font-size: 20px
	}

	.error404 span {
		display: none
	}
}

/*网站地图*/
.ul_sitemap {
	margin: 10px 0px 30px 30px;
}
.ul_sitemap li {
	list-style: none;
	line-height: 26px;
	clear: both;
}
.ul_sitemap li a {
	color: #7d7d7d;
}
li.small_li_sitemap {
	clear: both;
	padding-left: 12px;
}
li.small_li2_sitemap {
	float: left;
	padding-left: 20px;
}