@charset "UTF-8";





*, *:before, *:after {

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, hgroup, menu, nav, summary, time, mark, audio, video, header, footer {

	margin:0;

	padding:0;

	border:0;

	font-weight:inherit;

	font-style:inherit;

	font-size:100%;

	font-family:inherit;

	vertical-align:baseline;

	background:transparent
      

}

html {

	text-rendering:optimizeLegibility;

	-webkit-font-smoothing:antialiased;

	-moz-osx-font-smoothing:grayscale

}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section, summary {

	display:block

}

ol, ul {

	list-style:none

}

blockquote, q {

	quotes:none

}

blockquote:before, blockquote:after, q:before, q:after {

	content:'';

	content:none

}

[hidden] {

display:none

}

abbr[title] {

	border-bottom:1px dotted

}

b, strong {

	font-weight:bold

}

em {

	font-size:16px;

	font-size:1.6rem;

	background:#f6f6f6;

	border-bottom:1px solid #e4e4e4

}

dfn {

	font-style:italic

}

mark {

	background:#ff0;

	color:#000

}

sub, sup {

	font-size:75%;

	line-height:0;

	position:relative;

	vertical-align:baseline

}

sup {

	top:-0.5em

}

sub {

	bottom:-0.25em

}

svg:not(:root) {

overflow:hidden

}

figure {

	margin:0

}

a {

	background:transparent;

	border:0;

	font-size:100%;

	margin:0;

	padding:0;

	vertical-align:baseline;

	-webkit-transition:all 0.2s ease;

	-moz-transition:all 0.2s ease;

	transition:all 0.2s ease

}

table {

	border-collapse:collapse;

	border-spacing:1

}

caption, th, td {

	text-align:left;

	font-weight:normal

}

button, input, select, textarea {

	font-size:100%;

	margin:0;

	padding:0;

	border:none;

	outline:none;

	border-radius:0;

	vertical-align:baseline

}

button, input[type="button"], input[type="reset"], input[type="submit"] {

	cursor:pointer;

	-webkit-appearance:button

}

button[disabled], input[disabled] {

	cursor:default

}

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-decoration, input[type="search"]::-webkit-search-cancel-button {

-webkit-appearance:none

}

button::-moz-focus-inner, input::-moz-focus-inner {

border:0;

padding:0

}

textarea {

	overflow:auto;

	vertical-align:top;

	resize:none

}

input:focus, textarea:focus {

	outline:none

}

input::-ms-clear {

display:none

}

[placeholder]:focus::-webkit-input-placeholder {

-webkit-transition:opacity 0.5s ease;

-moz-transition:opacity 0.5s ease;

transition:opacity 0.5s ease;

opacity:0

}

[placeholder]:focus::-moz-input-placeholder {

-webkit-transition:opacity 0.5s ease;

-moz-transition:opacity 0.5s ease;

transition:opacity 0.5s ease;

opacity:0

}

a {

	text-decoration:none;

	color:#38485a

}

a:hover {

	text-decoration:none;

	color:#51aded

}

a:focus {

	color:#11161b

}

a:hover, a:focus, a:active {

	outline:0

}

html {

	font-size:62.5%;

	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

	-webkit-overflow-scrolling:touch;

	-webkit-text-size-adjust:100%;

	-ms-text-size-adjust:100%;

	-ms-overflow-style:-ms-autohiding-scrollbar

}

html, body {

	height:100%

}

body {

	font-size:16px;

	font-size:1.6rem;

	-ms-word-break:break-all;

	word-break:break-all;

	word-break:break-word;

	word-wrap:break-word;

	overflow-wrap:break-word;

	background:#fff;

	color:#747f8c;

	font-family:"Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	background:url(http://source.indiegames.cn/bg.png) repeat-x center;
	background-position-y:50px;

}

@media screen and (max-width: 30em) {

body {

-webkit-hyphens:auto;

-moz-hyphens:auto;

-ms-hyphens:auto;

-o-hyphens:auto;

hyphens:auto

}

}

input::-webkit-input-placeholder {

font-size:13px;

font-size:1.3rem;

color:#747f8c

}

input:-moz-placeholder {

font-size:13px;

font-size:1.3rem;

color:#747f8c

}

input::-moz-placeholder {

font-size:13px;

font-size:1.3rem;

color:#747f8c

}

input:-ms-input-placeholder {

font-size:13px;

font-size:1.3rem;

color:#747f8c

}

::selection {

background-color:#38485a;

color:#fff;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.3)

}

::-moz-selection {

background-color:#38485a;

color:#fff;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.3)

}

img::selection {

background:transparent

}

img::-moz-selection {

background:transparent

}

.left, .previous_page {

	float:left

}

.right, .next_page {

	float:right

}

.cf:after {

	content:"";

	display:table;

	clear:both

}

abbr.timeago {

	border-bottom-width:0

}

.tabs a.active {

	background:#e6eaed;

	color:#747f8c !important

}

.post-ad .left-col {

	margin-right:100px

}

h1, h2, h3, h4, h5, h6 {

	font-weight:bold

}

img, video, object, embed, iframe {

	max-width:100% !important

}

.single-post-header__headline img {

	width:100%

}

video, object, embed, iframe {

	width:100%

}

iframe {

	max-height:1250px

}

img {

	image-rendering:optimizeQuality;

	-ms-interpolation-mode:bicubic;

	display:block;

	height:auto;

	border:0;

	vertical-align:middle

}

.avatar img {

	-webkit-border-radius:50%;

	border-radius:50%

}

figure {

	font-size:12px;

	font-size:1.2rem;

	margin-top:40px;

	margin-bottom:40px;

	text-align:center

}

figure figcaption {

	margin-top:5px

}

@media screen and (min-width: 48.0625em) {

figure.big {

margin-right:-70px;

margin-left:-70px

}

}

@media screen and (min-width: 68.625em) {

figure.big {

margin-right:-229px;

margin-left:-229px

}

}

@media screen and (min-width: 30.0625em) {

figure.small-left {

float:left;

margin:0 30px 20px -199px

}

}

.lazyload {

	opacity:0

}

.lazyload.loaded {

	-webkit-transition:opacity 0.3s ease-in;

	-moz-transition:opacity 0.3s ease-in;

	transition:opacity 0.3s ease-in;

	opacity:1

}

.spinner {

	position:absolute;

	z-index:1;

	width:20px;

	height:20px;

	top:50%;

	left:50%;

	margin:-10px 0 0 -10px;

	border:2px solid rgba(0, 0, 0, 0);

	border-radius:10px;

	-webkit-transition:opacity 0.3s ease-in;

	-moz-transition:opacity 0.3s ease-in;

	transition:opacity 0.3s ease-in;

	-webkit-animation:rotate 0.8s linear infinite;

	-moz-animation:rotate 0.8s linear infinite;

	animation:rotate 0.8s linear infinite;

	opacity:1

}

.spinner:before {

	content:"";

	position:absolute;

	left:-3px;

	top:-3px;

	width:22px;

	height:22px;

	background-image:url("img/spinner.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.spinner:before {

background-image:url("img/spinner_2x.png");

background-size:22px 22px

}

}

.loaded+.spinner {

	opacity:0

}

@font-face {

font-family:"36kr";

src:url("img/mobantu.eot");

src:url("img/mobantu.eot?#iefix") format("embedded-opentype"), url("img/mobantu.woff") format("woff"), url("img/mobantu.ttf") format("truetype"), url("img/mobantu.svg#36kr") format("svg");

font-weight:normal;

font-style:normal

}

[data-icon]:before {

	font-family:"36kr" !important;

	content:attr(data-icon);

	font-style:normal !important;

	font-weight:normal !important;

	font-variant:normal !important;

	text-transform:none !important;

	speak:none;

	line-height:1;

	-webkit-font-smoothing:antialiased;

	-moz-osx-font-smoothing:grayscale

}

[class^="icon-"]:before, [class*=" icon-"]:before {

font-family:"36kr" !important;

font-style:normal !important;

font-weight:normal !important;

font-variant:normal !important;

text-transform:none !important;

speak:none;

line-height:1;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale

}

.icon-close:before {

	content:"a"

}

.icon-heart:before {

	content:"b"

}

.icon-hot:before {

	content:"c"

}

.icon-lock:before {

	content:"d"

}

.icon-login-mail:before {

	content:"e"

}

.icon-mail:before {

	content:"f"

}

.icon-menu:before {

	content:"g"

}

.icon-more:before {

	content:"h"

}

.icon-next:before {

	content:"i"

}

.icon-prev:before {

	content:"j"

}

.icon-reply:before {

	content:"k"

}

.icon-search:before {

	content:"l"

}

.icon-reply:before {

	content:"m"

}

.icon-social-douban:before {

	content:"n"

}

.icon-social-evernote:before {

	content:"o"

}



.icon-social-github:before {

	content:"p"

}

.icon-social-qq:before {

	content:"q"

}

.icon-social-renren:before {

	content:"r"

}

.icon-social-twitter:before {

	content:"s"

}

.icon-social-weibo:before {

	content:"t"

}

.icon-star:before {

	content:"u"

}

.icon-user:before {

	content:"v"

}

.fadeIn {

	-webkit-animation:fadeIn 0.8s ease-out;

	-moz-animation:fadeIn 0.8s ease-out;

	animation:fadeIn 0.8s ease-out

}

.fadeOut {

	-webkit-animation:fadeOut 0.8s ease-out;

	-moz-animation:fadeOut 0.8s ease-out;

	animation:fadeOut 0.8s ease-out;

	display:none

}

.fadeInUp {

	-webkit-animation:fadeInUp 0.4s ease-in;

	-moz-animation:fadeInUp 0.4s ease-in;

	animation:fadeInUp 0.4s ease-in;

	display:block !important

}

.fadeInDown {

	-webkit-animation:fadeInDown 0.4s ease-in;

	-moz-animation:fadeInDown 0.4s ease-in;

	animation:fadeInDown 0.4s ease-in;

	display:block !important

}

@-webkit-keyframes showPanel {

0% {

-webkit-transform:scale(0.75);

opacity:0.0

}

50% {

-webkit-transform:scale(1.05);

opacity:1.0

}

100% {

-webkit-transform:scale(1);

opacity:1.0

}

}

@-moz-keyframes showPanel {

0% {

-moz-transform:scale(0.75);

opacity:0.0

}

50% {

-moz-transform:scale(1.05);

opacity:1.0

}

100% {

-moz-transform:scale(1);

opacity:1.0

}

}

@keyframes showPanel {

0% {

transform:scale(0.75);

opacity:0.0

}

50% {

transform:scale(1.05);

opacity:1.0

}

100% {

transform:scale(1);

opacity:1.0

}

}

@-webkit-keyframes hidePanel {

0% {

-webkit-transform:scale(1);

opacity:1.0

}

100% {

-webkit-transform:scale(0.98);

opacity:0.0

}

}

@-moz-keyframes hidePanel {

0% {

-moz-transform:scale(1);

opacity:1.0

}

100% {

-moz-transform:scale(0.98);

opacity:0.0

}

}

@keyframes hidePanel {

0% {

transform:scale(1);

opacity:1.0

}

100% {

transform:scale(0.98);

opacity:0.0

}

}

@-webkit-keyframes fadeInUp {

0% {

-webkit-transform:translateY(40px);

opacity:0

}

100% {

-webkit-transform:translateY(0);

opacity:1

}

}

@-moz-keyframes fadeInUp {

0% {

-moz-transform:translateY(40px);

opacity:0

}

100% {

-moz-transform:translateY(0);

opacity:1

}

}

@keyframes fadeInUp {

0% {

transform:translateY(40px);

opacity:0

}

100% {

transform:translateY(0);

opacity:1

}

}

@-webkit-keyframes fadeInDown {

0% {

-webkit-transform:translateY(-20px);

opacity:0

}

100% {

-webkit-transform:translateY(0);

opacity:1

}

}

@-moz-keyframes fadeInDown {

0% {

-moz-transform:translateY(-20px);

opacity:0

}

100% {

-moz-transform:translateY(0);

opacity:1

}

}

@keyframes fadeInDown {

0% {

transform:translateY(-20px);

opacity:0

}

100% {

transform:translateY(0);

opacity:1

}

}

@-webkit-keyframes fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

@-moz-keyframes fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

@keyframes fadeIn {

0% {

opacity:0

}

100% {

opacity:1

}

}

@-webkit-keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

@-moz-keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

@keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

@-webkit-keyframes rotate {

100% {

-webkit-transform:rotate(360deg)

}

}

@-moz-keyframes rotate {

100% {

-moz-transform:rotate(360deg)

}

}

@keyframes rotate {

100% {

transform:rotate(360deg)

}

}

.icons-weibo, .icons-twitter, .icons-facebook, .icons-rss {

	background:url(img/social.png) no-repeat

}

.icons-weibo {

	background-position:-2px -3px

}

.icons-twitter {

	background-position:-48px -3px

}

.icons-facebook {

	background-position:-94px -3px

}

.icons-rss {

	background-position:-140px -3px

}

.startups, .us-startups {

	color:#ff905a !important

}

.startups:hover, .us-startups:hover {

	color:#ff6e27 !important

}

.mobantu{

	color:#097a2a !important

}

.mobantu:hover{

	color:#097a2a !important

}

.products, .breaking {

	color:#66bc4e !important

}

.products:hover, .breaking:hover {

	color:#509c3b !important

}

.apps, .cn-news {

	color:#3c8fe6 !important

}

.apps:hover, .cn-news:hover {

	color:#1b75d4 !important

}

.websites, .column {

	color:#5856d6 !important

}

.websites:hover, .column:hover {

	color:#3331c8 !important

}

.brands, .digest {

	color:#ff3b30 !important

}

.brands:hover, .digest:hover {

	color:#fc0d00 !important

}

.people, .cn-startups {

	color:#fc0 !important

}

.people:hover, .cn-startups:hover {

	color:#cca300 !important

}

.devices, .archives {

	color:#19d5fd !important

}

.devices:hover, .archives:hover {

	color:#02bae1 !important

}

.technology {

	color:#34aadc !important

}

.technology:hover {

	color:#218ebd !important

}

.header-normal {

	border-bottom:1px solid #e6eaed

}

.header-single {

	position:relative

}

.header-single .inner {

	max-width:1500px;

	margin:0 auto;

	padding:0 20px

}

.header {

	height:64px;

	display:block;

	z-index:1001;

	width:100%;

	-webkit-transition:all 0.4s linear;

	-moz-transition:all 0.4s linear;

	transition:all 0.0s linear;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}

.header .inner {

	position:relative

}

@media screen and (max-width: 48em) {

.header .inner {

padding:0 !important

}

}

@media screen and (min-width: 48.0625em) {

.header-normal {
background:#fefefe;
position:fixed;

top:0;

border-bottom:none !important

}

.scrolled {

background:#fefefe;

box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)

}

.header.scrolled h1 a {

background:transparent

}

.header.scrolled h1 span {

background-position:0 -60px;

top: 34px;

}

.scrolled .second-nav__login {

color:#fff !important;

border:2px solid #51aded;

background:#51aded

}

}

.logo {

	width:80px;

	height:80px;

	float:left;

	display:inline-block;

	font:0/0 a;

	color:transparent;

	text-shadow:none;

	background-color:transparent;

	border:0

}

@media screen and (max-width: 48em) {

.logo {

height:64px

}

.header{height:64px}

}





.logo a {

	width:0px;

	height:64px;

	display:block;

	position:relative;

	-webkit-transform:translate3d(0, 0, 0);

	-webkit-transition:all 0.2s ease;

	-moz-transition:all 0.2s ease;

	transition:all 0.2s ease;





}



.logo span {

	width:110px;

	height:60px;

	display:block;

	position:absolute;

	top:50%;

	left:50%;

	margin:-30px 0 0 -0px;

	background-image:url("img/logo.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.logo span {

background-image:url("img/logo_2x.png");

background-size:110px 120px

}

}



@media screen and (max-width: 48em) {



}

.main-nav li, .second-nav li {

	list-style:none;

	display:inline-block

}

@media screen and (max-width: 48em) {

.main-nav, .search {

left:0;

border-bottom:1px solid #e6eaed;

margin-bottom:20px;

width:100%;

display:none;

overflow:hidden

}

.main-nav.active, .search.active {

height:40px;

display:block

}

.main-nav li {

width:25%;

float:left

}

.main-nav__item {

text-align:center

}

.dropdown {

display:none

}

}

@media screen and (min-width: 48.0625em) {

.main-nav {

margin-left:10px;

margin-top:10px

}

}

@media screen and (min-width: 75.0625em) {

.main-nav {

margin-left:60px

}

}

.main-nav .current:after {

	position:absolute;

	content:" ";

	bottom:-4px;

	left:10%;

	width:80%;

	border-bottom:4px solid #51aded

}

@media screen and (min-width: 75.0625em) {

.main-nav .current:after {

bottom:-6px

}

}

@media screen and (min-width: 48.0625em) {

.main-nav .hasdropdown:before {

content:" ";

height:0;

width:0;

border-color:transparent;

border-style:solid;

border-width:4px;

border-top-color:#51aded;

position:absolute;

top:48%;

right:2px

}

.main-nav .main-nav-nav > .menu-item-has-children:before {

content:" ";

height:0;

width:0;

border-color:transparent;

border-style:solid;

border-width:4px;

border-top-color:#51aded;

position:absolute;

top:48%;

right:2px

}

}

@media screen and (min-width: 75.0625em) {

.main-nav .hasdropdown:before {

right:4px

}

.main-nav .main-nav-nav > .menu-item-has-children:before {

right:4px

}

}

.main-nav .main-nav__item {

	color:#51aded;

	font-size:14px;

	font-size:1.4rem;

	font-weight:bold;

	padding:10px 6px;

	display:block;

	position:relative

}

.main-nav-nav >.menu-item > a {

	color:#51aded;

	font-size:14px;

	font-size:1.4rem;

	font-weight:bold;

	padding:10px 6px;

	display:block;

	position:relative

}

.main-nav .main-nav__item:hover {

	color:#2397e8

}

.main-nav-nav >.menu-item > a:hover {

	color:#2397e8

}

@media screen and (min-width: 20.0625em) {

.main-nav .main-nav__item {

padding:10px 12px;

font-size:16px;

font-size:1.6rem

}

.main-nav-nav >.menu-item > a {

padding:10px 12px;

font-size:16px;

font-size:1.6rem

}

}

@media screen and (min-width: 48.0625em) {

.main-nav .main-nav__item {

padding:14px 12px

}

.main-nav-nav >.menu-item > a {

padding: 14px 12px;

}

}

@media screen and (min-width: 75.0625em) {

.main-nav .main-nav__item {

padding:10px 15px;

font-size:20px;

font-size:2rem

}

.main-nav-nav >.menu-item > a {

padding: 10px 15px;

font-size: 20px;

font-size: 2rem;

}

}

.second-nav {

	font-size:14px;

	font-size:1.4rem;

	position:absolute;

	right:0;

	height:64px;

	line-height:64px

}

@media screen and (max-width: 75em) {

.second-nav {

display:none

}

}

.second-nav li {

	vertical-align:middle

}

.second-nav a {

	color:#08c1ff;

	padding:0 10px;

	display:block

}

.second-nav a:hover {

	color:#11161b

}

.second-nav .second-nav__register, .second-nav .second-nav__submit {

	display:none

}

@media screen and (min-width: 75.0625em) {

.second-nav .second-nav__register, .second-nav .second-nav__submit {

display:inline-block

}

}

.second-nav .second-nav__account {

	line-height:24px;

	position:relative

}

.second-nav .second-nav__account img {

	margin-right:5px

}

.second-nav .second-nav__account:before {

	content:" ";

	height:0;

	width:0;

	border-color:transparent;

	border-style:solid;

	border-width:3px;

	border-top-color:rgba(67, 79, 93, 0.7);

	position:absolute;

	top:48%;

	right:0

}

.second-nav .second-nav__login {

	color:#51aded;

	line-height:28px;

	padding-left:15px;

	padding-right:15px;

	display:inline-block;

	border-radius:3px;

	border:2px solid #51aded;

	-webkit-font-smoothing:subpixel-antialiased

}

.second-nav .second-nav__login:hover {

	background:#51aded;

	color:#fff

}

@media screen and (min-width: 75.0625em) {

.second-nav .second-nav__login {

margin-left:60px

}

}

.second-nav .avatar-small {

	width:24px;

	height:24px

}

.second-nav .new {

	width:8px;

	height:8px;

	position:absolute;

	top:-2px;

	left:28px;

	background:#56AEEA;

	border-radius:50%;

	display:inline-block

}

.search {

	float:left;

	padding:10px 20px

}

@media screen and (min-width: 48.0625em) {

.search {

display:none

}

}

@media screen and (min-width: 58.4375em) {

.search {

display:inline-block;

margin-left:30px;

margin-top:17px;

padding:0;

width:200px

}

}

@media screen and (min-width: 75.0625em) {

.search {

margin-left:60px

}

}

input[type=search] {

	-webkit-appearance:none;

	color:#38485a;

	white-space:nowrap;

	overflow:hidden;

	width:100%;

	height:20px;

	line-height:20px;

	border:none;

	outline:none;

	resize:none

}

@media screen and (min-width: 48.0625em) {

input[type=search] {

width:70%;

float:right;

padding:5px 20px;

border-radius:50px;

box-shadow:inset 0 0 4px 0 rgba(0, 0, 0, 0.1);

background:#e6eaed;

-webkit-transform:translate3d(0, 0, 0);

-webkit-transition:0.3s ease;

-moz-transition:0.3s ease;

transition:0.3s ease;

-webkit-background-clip:padding-box;

-moz-background-clip:padding-box;

background-clip:padding-box

}

input[type=search]:focus {

outline:none;

width:80%;

background:#d7dee2

}

}

.drop {

	position:relative

}

.drop li {

	display:inline-block

}

.dropdown-normal {

	top:0

}

@media screen and (min-width: 75.0625em) {

.dropdown-normal {

left:20px

}

}

.dropdown-account {

	top:10px

}

.dropdown {

	position:relative;

	outline:none;

	font-size:14px;

	font-size:1.4rem

}

.dropdown h2 {

	font-size:11px;

	font-size:1.1rem;

	text-transform:uppercase;

	margin-bottom:5px

}

.dropdown h3 {

	font-size:16px;

	font-size:1.6rem;

	margin-bottom:7px

}

.dropdown section {

	padding:10px;

	border-bottom:1px solid #e6eaed

}

.dropdown section:last-child {

	border:none

}

.account__list {

	width:120px;

	line-height:30px

}

.account__list ul {

	padding-left:0

}

.account__list li {

	position:relative

}

.account__list a {

	padding:0

}

.account__list span {

	position:absolute;

	top:3px;

	right:-34px;

	color:#fff;

	line-height:17px;

	font-size:12px;

	font-size:1.2rem;

	background:#51aded;

	padding:0 8px;

	border-radius:25px

}

.main-nav__list {

	width:232px

}

.dropdown-list {

	position:absolute;

	background:#fff;

	z-index:9999;

	border:1px solid #e6eaed;

	-webkit-border-radius:3px;

	border-radius:3px;

	-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);

	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);

	-webkit-transition:all 500ms cubic-bezier(0.34, 1.21, 0.4, 1);

	-moz-transition:all 500ms cubic-bezier(0.34, 1.21, 0.4, 1);

	transition:all 500ms cubic-bezier(0.34, 1.21, 0.4, 1);

	-webkit-transform-origin:30% 0;

	-moz-transform-origin:30% 0;

	-ms-transform-origin:30% 0;

	-o-transform-origin:30% 0;

	transform-origin:30% 0;

	-webkit-transform:translateY(0) scale(0);

	-moz-transform:translateY(0) scale(0);

	-ms-transform:translateY(0) scale(0);

	-o-transform:translateY(0) scale(0);

	transform:translateY(0) scale(0);

	list-style:none;

	opacity:0;

	pointer-events:none

}

.dropdown-list:before {

	content:"";

	width:20px;

	height:12px;

	position:absolute;

	top:-12px;

	left:20%;

	margin-left:-8px;

	background-image:url("img/triangle.png")

}

.sub-menu:before {

	content:"";

	width:20px;

	height:12px;

	position:absolute;

	top:-12px;

	left:20%;

	margin-left:-8px;

	background-image:url("img/triangle.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.dropdown-list:before {

background-image:url("img/triangle_2x.png");

background-size:20px 12px

}

.sub-menu:before {

background-image:url("img/triangle_2x.png");

background-size:20px 12px

}

}

.dropdown-list a {

	color:#5F7083;

	font-weight:bold

}

.dropdown-list a:hover {

	color:#51aded

}

.dropdown-list .more {

	padding:20px 40px

}

.dropdown-list .more a {

	width:150px;

	height:32px;

	color:#fff;

	font-size:12px;

	font-size:1.2rem;

	line-height:32px;

	text-align:center;

	display:inline-block;

	background:#51aded

}

.dropdown-list .more a:hover {

	background:#2397e8;

	color:#fff;

}

.dropdown-list ul {

	padding-left:5px

}

.dropdown-list li {

	line-height:24px

}

.dropdown-list .dropdown__category li {

	text-align:left;

	float:left;

	width:102px

}

.dropdown-list .dropdown__topic li {

	width:200px;

	color:#caced3

}

.dropdown-list .dropdown__events .address, .dropdown-list .dropdown__events .bio {

	font-size:12px;

	font-size:1.2rem;

	margin-right:5px

}

.dropdown-list .dropdown__events .date {

	background:#b6bcc4;

	width:50px;

	height:50px;

	text-align:center;

	color:#fff;

	padding:5px

}

.dropdown-list .dropdown__events .date span {

	display:block

}

.dropdown-list .dropdown__events .date .month {

	font-size:12px;

	font-size:1.2rem;

	text-transform:uppercase

}

.dropdown-list .dropdown__events .date .day {

	font-size:24px;

	font-size:2.4rem;

	font-weight:bold;

	margin-top:-5px

}

.dropdown-list .dropdown__events .date.upcoming {

	background:#51aded

}

.dropdown-list .dropdown__events .intro {

	margin-left:60px

}

.dropdown-list .dropdown__events .product-logo {

	width:50px;

	height:50px

}

.dropdown-list .dropdown__events .product-krspace {

	background-image:url("product-01.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.dropdown-list .dropdown__events .product-krspace {

background-image:url("product-01_2x.png");

background-size:50px 50px

}

}

.dropdown-list .dropdown__events .product-krplus {

	background-image:url("product-02.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.dropdown-list .dropdown__events .product-krplus {

background-image:url("product-02_2x.png");

background-size:50px 50px

}

}

.dropdown-list .dropdown__events .product-wise {

	background-image:url("product-03.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.dropdown-list .dropdown__events .product-wise {

background-image:url("product-03_2x.png");

background-size:50px 50px

}

}

.dropdown-list .dropdown__events .product-beiji {

	background-image:url("product-04.png")

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {

.dropdown-list .dropdown__events .product-beiji {

background-image:url("product-04_2x.png");

background-size:50px 50px

}

}

.dropdown-list .dropdown__events .status {

	font-size:11px;

	font-size:1.1rem;

	color:#fff;

	padding:3px;

	border-radius:3px;

	background:#b6bcc4;

	-webkit-font-smoothing:subpixel-antialiased

}

.active .dropdown-list {

	opacity:1;

	pointer-events:auto;

	-webkit-transform:translateY(0) scale(1);

	-moz-transform:translateY(0) scale(1);

	-ms-transform:translateY(0) scale(1);

	-o-transform:translateY(0) scale(1);

	transform:translateY(0) scale(1)

}

.active .sub-menu {

opacity: 1;

pointer-events: auto;

-webkit-transform: translateY(0) scale(1);

-moz-transform: translateY(0) scale(1);

-ms-transform: translateY(0) scale(1);

-o-transform: translateY(0) scale(1);

transform: translateY(0) scale(1);

}







.main-nav-nav > .menu-item{position:relative;}

.main-nav-nav > .menu-item a:hover{position:relative;z-index:2}

.main-nav-nav ul .active > ul{display:block}

.main-nav-nav > .menu-item:hover > ul{display:block}

.main-nav-nav > .menu-item ul{padding-bottom:10px;text-align:left;position:absolute;top:45px;left:20px;min-width:140px;z-index:10;display:none;font-size:12px}

.main-nav-nav > .menu-item ul li ul{padding-bottom:10px;text-align:left;position:absolute;top:100%;left:30px;min-width:140px;z-index:10;display:none;font-size:12px}

.main-nav-nav > .menu-item ul li{float:left;margin:0;position:relative}

.main-nav-nav > .menu-item ul a{float:none;display:block;padding:5px 10px;font-size:14px;}

.main-nav-nav > .menu-item ul ul a{float:none;display:block;padding:1px 10px}

.sub-menu {font-size: 12px;background: #fff;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);box-shadow: 0 0 3px rgba(0,0,0,0.2);-webkit-transition:all 500ms cubic-bezier(0.34, 1.21, 0.4, 1);

	-moz-transition:all 500ms cubic-bezier(0.34, 1.21, 0.4, 1);

	transition:all 500ms cubic-bezier(0.34, 1.21, 0.4, 1);-webkit-transform-origin:30% 0;

	-moz-transform-origin:30% 0;

	-ms-transform-origin:30% 0;

	-o-transform-origin:30% 0;

	transform-origin:30% 0;

}

.sub-menu a {

	color:#99a1aa;

	font-weight:bold

}

.sub-menu a:hover {

	color:#51aded

}

.sub-menu .more {

	padding:20px 40px

}

.sub-menu .more a {

	width:150px;

	height:32px;

	color:#fff;

	font-size:12px;

	font-size:1.2rem;

	line-height:32px;

	text-align:center;

	display:inline-block;

	background:#51aded

}

.sub-menu .more a:hover {

	background:#2397e8

}

.sub-menu ul {

	padding-left:5px

}

.sub-menu li {

	line-height:24px

}

.sub-menu li {

	color:#caced3

}













.toggle-nav {

	position:absolute;

	right:0

}

@media screen and (min-width: 48.0625em) {

.toggle-nav {

display:none;

visibility:hidden

}

}

.toggle-nav li {

	display:inline-block

}

.toggle-nav a {

	font-size:28px;

	font-size:2.8rem;

	color:#747f8c;

	height:64px;

	display:inline-block;

	padding:18px 20px;

	border-left:1px solid #e6eaed

}

.toggle-nav .toggle__submit {

	font-size:16px;

	font-size:1.6rem;

	line-height:2;

	height:64px

}

@media screen and (max-width: 30em) {

.toggle-nav .toggle__submit {

display:none;

visibility:hidden

}

}

.toggle-nav span {

	position:absolute !important;

	overflow:hidden;

	width:1px;

	height:1px;

	padding:0;

	border:0;

	clip:rect(1px, 1px, 1px, 1px)

}

.row {

	max-width:1180px;

	margin-left:auto;

	margin-right:auto;

	padding-left:10px;

	padding-right:10px

}

.row:after {

	content:"";

	display:table;

	clear:both

}

@media screen and (min-width: 30.0625em) {

.row {

padding-left:30px;

padding-right:30px

}

}

@media screen and (min-width: 48.0625em) {

.row {

max-width:708px;

padding-left:0;

padding-right:0

}

}

@media screen and (min-width: 58.4375em) {

.row {

max-width:874px

}

}

@media screen and (min-width: 75.0625em) {

.row {

max-width:1180px

}

}

.main {

	max-width:1180px;

	margin-left:auto;

	margin-right:auto

}

.main:after {

	content:"";

	display:table;

	clear:both

}

@media screen and (min-width: 75.0625em) {

.main {

float:left;

display:block;

margin-right:20px;

width:880px

}

}

.headline {

	margin-bottom:30px

}

.headline .headline__news {

	position:relative

}

.headline h1 {

	font-weight:bold

}

.headline .topic-post-big h1 {

	color:#fff;

	font-size:18px;

	font-size:1.8rem;

	bottom:10px;

	left:10px;

	right:10px;

	position:absolute

}

.headline .topic-post-small h1 {

	font-size:16px;

	font-size:1.6rem;

	margin-top:20px;

	line-height: 1.6;

}



@media screen and (min-width: 48.0625em) {

.headline .headline__news {

float:left

}

.headline .topic-post-big h1 {

font-size:24px;

font-size:2.4rem;

bottom:20px;

left:20px;

right:20px

}

.headline .topic-post-small h1 {

color:#fff;

bottom:10px;

left:10px;

right:10px;

position:absolute

}

.headline .topic-post-big img {

width:708px;

height:550px

}

.headline .topic-post-small img {

width:354px;

height:322px

}

.one .small {

background-color: #434749;

background-image: -webkit-linear-gradient(bottom, rgba(255,94,58,0.8) 0%,rgba(255,42,104,0.8) 100%);

background-image: linear-gradient(to top, rgba(255,94,58,0.8) 0%,rgba(255,42,104,0.8) 100%);

}

.two .small {

background-color: #434749;

background-image: -webkit-linear-gradient(bottom, rgba(88,86,214,0.8) 0%,rgba(198,68,252,0.8) 100%);

background-image: linear-gradient(to top, rgba(88,86,214,0.8) 0%,rgba(198,68,252,0.8) 100%);

}

.three .small {

background-color: #434749;

background-image: -webkit-linear-gradient(bottom, rgba(90,200,251,0.8) 0%,rgba(82,237,199,0.8) 100%);

background-image: linear-gradient(to top, rgba(90,200,251,0.8) 0%,rgba(82,237,199,0.8) 100%);

}

.four .small {

background-color: #434749;

background-image: -webkit-linear-gradient(bottom, rgba(29,98,240,0.8) 0%,rgba(26,214,253,0.8) 100%);

background-image: linear-gradient(to top, rgba(29,98,240,0.8) 0%,rgba(26,214,253,0.8) 100%);

}

}

@media screen and (max-width: 48em) {

.headline .topic-post-small img, .headline .topic-post-small .spinner, .headline .image-overlay {

display:none

}

}

@media screen and (min-width: 58.4375em) {

.headline .topic-post-big img {

width:480px;

height:320px

}

.headline .topic-post-small img {

width:196px;

height:160px

}

.headline .topic-post-small h1 {

font-size:14px;

font-size:1.4rem

}

}

@media screen and (min-width: 75.0625em) {

.headline .topic-post-big img {

width:480px;

height:320px

}

.headline .topic-post-small img {

width:185px;

height:160px

}

}

.image-overlay {

	opacity:0.5;

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	-webkit-transition:all 0.2s ease;

	-moz-transition:all 0.2s ease;

	transition:all 0.2s ease;

	background-image:-webkit-linear-gradient(-90deg, rgba(0, 122, 255, 0.3) 0%, #000 100%);

	background-image:-moz-linear-gradient(-90deg, rgba(0, 122, 255, 0.3) 0%, #000 100%);

	background-image:linear, -90deg, rgba(0, 122, 255, 0.3) 0%, #000 100%

}

.image-overlay:hover {

	opacity:0.8

}

.container {

	margin-top:125px;

	margin-bottom:50px;

	min-height:100%

}

@media screen and (max-width: 48em) {

.container {

margin-top:30px

}

}

#article-single .container {

	margin-top:-105px;

	margin-bottom:0

}

@media screen and (min-width: 58.4375em) {

.content {

display:block;

float:left;

margin-left:200px;

width:674px

}

}

@media screen and (min-width: 75.0625em) {

.content {

width:680px

}

}

.content .lastest {

	font-size:18px;

	font-size:1.8rem;

	padding-bottom:10px;

	border-bottom:1px solid #e6eaed;

	text-transform:uppercase;

	font-weight:bold

}

.content .posts {

	padding-top:20px;

	padding-bottom:20px;

	border-bottom:1px solid #e6eaed

}

.content .posts .left-col {

	position:relative

}

.content .posts .left-col .feature-img {

	width:60px;

	height:60px

}

.content .posts .left-col .feature-img img{

	width:60px;

	height:60px

}

@media screen and (min-width: 30.0625em) {

.content .posts .left-col .feature-img {

width:180px;

height:120px

}



.content .posts .left-col .feature-img img{

width:180px;

height:120px

}

}

.content .posts .right-col {

	margin-left:70px;

	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:4;

	-webkit-box-orient:vertical

}

@media screen and (min-width: 30.0625em) {

.content .posts .right-col {

margin-left:200px

}

}

@media screen and (max-width: 30em) {

.content .posts p, .content .posts .uname{

display:none

}

}

.content .posts .center-post {

	position:relative;

	display:inherit

}

.content .posts .center-post img {

	min-height:120px

}

.content .posts .center-post h1 {

	position:absolute;

	bottom:20px;

	left:20px;

	right:20px;

	margin-bottom:0;

	color:#fff

}

.content .posts .center-post h3 {

	position:absolute;

	font-size:14px;

	bottom:3px;

	left:20px;

	right:20px;

	margin-bottom:0;

	color:#fff

}

@media screen and (max-width: 30em) {

.content .posts .center-post h1 {

bottom:10px;

left:10px;

right:10px

}

}

.content .articles h1 {

	font-size:16px;

	font-size:1.6rem;

	font-weight:600

}

@media screen and (min-width: 30.0625em) {

.content .articles h1 {

font-size:20px;

font-size:2rem;

margin-bottom:20px

}

}

.content .info {

	margin-bottom:10px;

	height:24px;

	line-height:24px

}

.content .info .topic {

	font-size:14px;

	font-size:1.4rem

}

.content .info .topic a {

	margin-right:2px;

	font-weight:bold

}

.postmeta {

	font-size:12px;

	font-size:1.2rem

}

.postmeta a {

	color:#2277b7

}



@media screen and (max-width: 30em) {

.articles .meta a {

display:none

}

}

.articles .meta i {

	margin-right:4px;

	font-size:16px;

	font-size:1.6rem;

	position:relative;

	top:3px

}

.pagination {

	font-size:14px;

	font-size:1.4rem;

	padding-top:20px;

	padding-bottom:20px

}

.pagination-list ul li {

	float:left;

	margin-right:2px;

}

.pagination a {

	display:inline-block;

	padding-right:12px;

	padding-left:12px;

	height:30px;

	border:1px solid #51aded;

	-webkit-border-radius:5px;

	border-radius:5px;

	color:#51aded;

	line-height:28px

}

.pagination a:hover {

	background:#51aded;

	color:#fff

}

.pagination i {

	font-size:10px;

	font-size:1rem

}

.pagination .icon-prev {

	margin-right:3px

}

.pagination .icon-next {

	margin-left:3px

}

.pagination .disabled a {

	cursor:not-allowed;

	filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

	filter:gray;

	-webkit-filter:grayscale(100%);

	-webkit-transform:translateZ(0)

}

.aside {

	position:relative;

	min-width:180px

}

@media screen and (max-width: 58.375em) {

.aside {

padding-top:30px;

border-top:1px solid #e6eaed;

/*display:none;*/

}

/*.footer{display:none}*/

}

@media screen and (min-width: 58.4375em) {

.aside {

position:absolute;

width:180px

}

}

.aside section {

	padding-bottom:20px

}

.aside h2 {

	font-size:12px;

	font-size:1.2rem;

	margin-bottom:4px;

	text-transform:uppercase

}

.aside ul {

	margin-left:10px;

	font-weight:bold;

	line-height:1.8

}

.aside-tags li {

	position:relative

}

@media screen and (max-width: 58.375em) {

.aside-tags li {

float:left;

margin-right:10px

}

}

.aside-tags i {

	position:relative;

	margin-left:5px;

	top:-2px

}

.aside-tags .new {

	width:6px;

	height:6px;

	background:#56AEEA;

	border-radius:50%;

	display:inline-block

}

.aside-tags .promoted {

	color:#fff;

	font-size:10px;

	font-size:1rem;

	background:#B6BCC4;

	border-radius:3px;

	padding:3px 6px

}

.aside-social {

	padding-top:30px;

	border-top:1px solid #e6eaed

}

.aside-social p {

	font-size:12px;

	font-size:1.2rem;

	margin-bottom:10px;

	padding-right:20px;

	padding-left:20px;

	text-align:center;

	-webkit-font-smoothing:subpixel-antialiased

}

.aside-social .aside-social__qrcode {

	margin:0 auto 20px;

	width:162px

}

.aside-social .aside-social__social ul {

	margin:0 auto;

	width:181px

}

.aside-social .aside-social__social li {

	display:inline-block;

	padding-right:4px;

	padding-left:5px

}

.aside-social .aside-social__social a {

	display:inline-block;

	width:32px;

	height:32px;

	text-indent:-999em

}

.aside-social__items {

	position:relative

}

.aside-social__items .aside-social__count {

	font-size:14px;

	font-size:1.4rem;

	position:absolute;

	left:-6px;

	width:50px;

	text-align:center;

	margin-top:10px;

	padding:2px 8px;

	background:rgba(0, 0, 0, 0.76);

	border-radius:3px;

	color:#fff;

	opacity:0;

	-webkit-transition:opacity 0.2s ease-in-out;

	-moz-transition:opacity 0.2s ease-in-out;

	transition:opacity 0.2s ease-in-out

}

.aside-social__items .aside-social__count:before {

	content:" ";

	height:0;

	width:0;

	border-color:transparent;

	border-style:solid;

	border-width:6px;

	border-bottom-color:rgba(0, 0, 0, 0.76);

	position:absolute;

	left:50%;

	top:-12px;

	margin-left:-5px

}

.aside-social__items:hover .aside-social__count {

	opacity:1

}

.aside-today {

	text-align:center

}

.aside-today .aside-today__title {

	position:relative;

	display:inline-block;

	margin-bottom:30px;

	padding:5px 15px;

	background:#51aded;

	color:#fff

}

.aside-today .aside-today__title span {

	font-size:16px;

	font-size:1.6rem;

	position:absolute;

	top:4px;

	right:-34px;

	color:#51aded

}

.aside-today .aside-today__list {

	text-align:left

}

.aside-today .aside-today__list li {

	margin-bottom:20px

}

.aside-today .aside-today__list .topic {

	font-size:12px;

	font-size:1.2rem

}

.aside-today .aside-today__list h1 {

	font-size:16px;

	font-size:1.6rem

}

@media screen and (min-width: 48.0625em) {

.aside-today .aside-today__list h1 {

font-size:14px;

font-size:1.4rem

}

}

a:visited .new {

	display:none

}

.aside-links .current a {

	color:#51aded

}

.content-wrapper {

	max-width:780px;

	margin:0 auto

}

.breadcrumb{margin-bottom:15px;font-size:14px;}

@media screen and (min-width: 58.4375em) {

.content-wrapper {

padding-left:30px

}

}

@media screen and (min-width: 75.0625em) {

.content-wrapper {

padding-right:30px

}

}

.single-post-header__headline {

	position:relative

}

.single-post-header__meta {

	margin:20px 0

}

.single-post__postmeta {

	margin-bottom:30px;

	font-size:12px;

	font-size:1.2rem

}

@media screen and (min-width: 30.0625em) {

.single-post__postmeta {

font-size:14px;

font-size:1.4rem

}

}

.single-post__title {

	font-size:20px;

	font-size:2rem;

	font-weight:bold;

	line-height:1.5;

	color:#38485a

}

@media screen and (min-width: 30.0625em) {

.single-post__title {

font-size:32px;

font-size:3.2rem

}

}

.article {

	color:#333332;

	font-size:16px;

	font-size:1.6rem;

	line-height:1.8

}

.article #payform{

	margin-top:-45px;

	display:none;

}

.article .paybutton{

line-height: 35px;

padding-left: 15px;

padding-right: 15px;

display: inline-block;

border-radius:  0 0 3px 3px;

border: 2px solid #51aded;

color: #ffffff;

background: #51aded;

-webkit-font-smoothing: subpixel-antialiased;

font-family:"微软雅黑";



}

@media screen and (min-width: 30.0625em) {

.article {

font-size:18px;

font-size:1.8rem

}

}

.article hr {

	border:0;

	height:1px;

	width:20%;

	margin:50px auto;

	border-top:1px solid #e4e4e4

}

.article a {

	color:#51aded;

	border-bottom:2px solid #eaeaea

}

.article a:hover {

	border-bottom:2px solid #48a9ec

}

.article blockquote {

	font-size:18px;

	font-size:1.8rem;

	font-weight:bold;

	border-left:6px solid #51aded;

	padding-left:15px;

	margin-left:-15px

}

@media screen and (min-width: 30.0625em) {

.article blockquote {

font-size:20px;

font-size:2rem;

padding-left:24px;

margin-left:-24px

}

}

.article img {

	margin:0 auto

}

.article ul, .article ol {

	list-style:square;

	margin-left:20px

}

.article p, .article h3, .article h4, .article h5, .article h6, .article pre, .article ul, .article ol, .article dl, .article form, .article table, .article blockquote, .article iframe {

	margin-bottom:20px

}

.content-wrapper-single {

	max-width:1000px;

	margin:0 auto;

	padding:0 30px

}

#article-single .single-post {

	margin-top:30px

}

.single-header {

	position:relative;

	min-height:600px;

	margin-bottom:40px

}

.single-header__headline-image {

	position:absolute;

	width:100%;

	min-height:100%;

	top:0;

	vertical-align:bottom;

	background-position:center center;

	background-repeat:none;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	background-size:cover

}

.single-header__meta {

	text-align:center;

	color:#fff;

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	margin:auto;

	padding:0 40px;

	width:100%;

	max-width:1098px;

	max-height:300px

}

.single-header__meta .single-header__title {

	font-size:22px;

	font-size:2.2rem;

	margin-bottom:10px

}

@media screen and (min-width: 30.0625em) {

.single-header__meta .single-header__title {

font-size:36px;

font-size:3.6rem

}

}

@media screen and (min-width: 75.0625em) {

.single-header__meta .single-header__title {

font-size:48px;

font-size:4.8rem

}

}

.single-header__meta .single-header__postmeta {

	font-size:12px;

	font-size:1.2rem

}

.single-header__meta .single-header__postmeta a {

	color:#b5b5b5

}

.single-header__meta .payevent a{

	line-height: 60px;

padding-left: 40px;

padding-right: 40px;

display: inline-block;

border-radius: 3px;

border: 2px solid #51aded;

color:#ffffff;

background: #51aded;

margin-top:50px;

-webkit-font-smoothing: subpixel-antialiased;

}

@media screen and (min-width: 48.0625em) {

.single-header__meta .single-header__postmeta {

font-size:14px;

font-size:1.4rem

}

}

.single-header__meta .single-header__healine {

	max-width:700px;

	margin:80px auto 0

}

.single-header__meta .single-header__healine p {

	font-size:16px;

	font-size:1.6rem;

	color:#b5b5b5;

	margin-bottom:0

}

@media screen and (min-width: 48.0625em) {

.single-header__meta .single-header__healine p {

font-size:20px;

font-size:2rem

}

}

.readnext h2 {

	font-weight:bold;

	color:#51aded;

	font-size:24px;

	font-size:2.4rem;

	text-transform:uppercase;

	text-align:center;

	margin:30px auto

}

.readnext h2:after {

	content:" ";

	display:block;

	margin:0 auto;

	width:130px;

	height:4px;

	background:#51aded

}

.single-post__next {

	position:relative;

	width:100%;

	float:left;

	color:#fff

}

.single-post__next h1 {

	font-size:20px;

	font-size:2rem;

	position:absolute;

	bottom:20px;

	padding-left:20px;

	padding-right:20px

}

@media screen and (min-width: 48.0625em) {

.single-post__next {

width:50%

}

}

.single-post__next img {

	width:100%

}

.image-overlay-single {

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	-webkit-transition:all 0.2s ease;

	-moz-transition:all 0.2s ease;

	transition:all 0.2s ease;

	background-image:-webkit-linear-gradient(-630deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);

	background-image:linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%)

}

.single-post-share, .single-post-author-social, .single-post-relate {

	padding-top:30px;

	padding-bottom:30px;

	border-bottom:1px solid #e6eaed

}

.single-post-author-social h2, .single-post-relate h2, .single-post-comment h2 {

	font-weight:bold;

	margin-bottom:10px

}

.single-post-share {

	font-size:14px;

	font-size:1.4rem;

	padding-top:30px

}

@media screen and (min-width: 48.0625em) {

.single-post-share-list {

float:right

}

}

.single-post-share-list ul {

	margin:0 auto

}

@media screen and (max-width: 30em) {

.single-post-share-list ul {

width:365px

}

}

.single-post-share-list li {

	padding:0 5px;

	float:left

}

.single-post-share-list li:last-child {

	padding-right:0

}

.single-post-share-list a {

	color:#fff;

	display:inline-block;

	text-align:center;

	width:112px;

	height:32px;

	line-height:32px;

	border-radius:50px;

	border-style:solid;

	border-width:1px

}

.single-post-share-list .long-weibo {

	color:#d44137;

	border-color:#d44137

}

.single-post-share-list .long-weibo:hover {

	color:#fff;

	background:#d44137

}

.single-post-share-list .weixin {

	color:#38ad5a;

	border-color:#38ad5a

}

.single-post-share-list .weixin:hover {

	color:#fff;

	background:#38ad5a

}

.single-post-share-list .qq {

	color:#39B2E2;

	border-color:#39B2E2

}

.single-post-share-list .qq:hover {

	color:#fff;

	background:#39B2E2

}

.single-post-author-social {

	position:relative

}

.single-post-share-social {

	margin-bottom:30px;

	position:relative;

	top:-3px

}

@media screen and (min-width: 30.0625em) {

.single-post-share-social {

float:left;

margin-bottom:0

}

}

.single-post-share-social li {

	display:inline-block;

	position:relative;

	margin-right:15px

}

.single-post-share-social .social-btn {

	color:#b6bcc4;

	text-align:center;

	margin-right:4px

}

.single-post-share-social .social-btn:hover {

	color:#7e8896

}

.single-post-share-social .social-btn .icon {

	position:relative;

	top:6px

}

.single-post-share-social .icon-star, .single-post-share-social .icon-reply {

	font-size:24px;

	font-size:2.4rem

}

.single-post-share-social .icon-heart {

	font-size:22px;

	font-size:2.2rem

}

.icon-heart.active, .icon-star.active {

	color:#51aded

}

.single-post-social__popup {

	border-radius:3px;

	position:absolute;

	top:-40px;

	left:-110px;

	padding:8px 10px;

	width:260px;

	background-image:-webkit-linear-gradient(90deg, #000 0%, #242424 43%, #515151 100%);

	background-image:linear-gradient(-360deg, #000 0%, #242424 43%, #515151 100%);

	-webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);

	box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);

	-webkit-transform:translate3d(0, 0, 0);

	-webkit-backface-visibility:hidden;

	-webkit-transform:translateY(15px) scale(0.75);

	-moz-transform:translateY(15px) scale(0.75);

	-ms-transform:translateY(15px) scale(0.75);

	-o-transform:translateY(15px) scale(0.75);

	transform:translateY(15px) scale(0.75);

	-webkit-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

	-moz-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

	transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

	pointer-events:none;

	opacity:0

}

.single-post-social__popup.active {

	pointer-events:auto;

	opacity:1;

	-webkit-transform:translateY(0) scale(1);

	-moz-transform:translateY(0) scale(1);

	-ms-transform:translateY(0) scale(1);

	-o-transform:translateY(0) scale(1);

	transform:translateY(0) scale(1)

}

.single-post-social__popup a {

	font-size:20px;

	font-size:2rem;

	color:#fff;

	float:left;

	text-align:center;

	padding:0 5px

}

.single-post-social__popup i {

	width:24px;

	height:24px;

	display:block;

	line-height:30px

}

.single-post-social__popup:before {

	content:" ";

	height:0;

	width:0;

	border-color:transparent;

	border-style:solid;

	border-width:6px;

	border-top-color:rgba(24, 24, 24, 0.9);

	position:absolute;

	left:50%;

	bottom:-12px;

	margin-left:-6px

}

.single-post-social__popup .weibo:hover {

	color:#D04341

}

.single-post-social__popup .qq:hover {

	color:#2FA8DB

}

.single-post-social__popup .twitter:hover {

	color:#1DACEB

}

.single-post-social__popup .evernote:hover {

	color:#71B33F

}

.single-post-social__popup .douban:hover {

	color:#2D923C

}

.single-post-social__popup .renren:hover {

	color:#09509F

}

.single-post-social__popup .mail:hover {

	color:#1DB0ED

}

.single-post-author__avatar .avatar {

	width:50px;

	height:50px

}

.single-post-author__info {

	font-size:14px;

	font-size:1.4rem;

	margin-left:60px

}

.single-post-author__info .single-post-author__name {

	font-size:16px;

	font-size:1.6rem;

	display:inline-block

}

.single-post-author__info .single-post-author__name a {

	color:#747f8c;

	font-weight:bold

}

.single-post-author__info .single-post-author__label {

	font-size:12px;

	font-size:1.2rem;

	margin-left:10px;

	padding:5px 10px;

	-webkit-border-radius:3px;

	border-radius:3px;

	background:#b6bcc4;

	color:#fff;

	font-weight:bold

}

.single-post-author__info .single-post-author__bio {

	margin-top:15px

}

.single-post-relate ul {

	margin-bottom:0;

	font-size:16px;

	font-size:1.6rem;

	line-height:1.5

}

@media screen and (min-width: 48.0625em) {

.single-post-relate ul {

font-size:14px;

font-size:1.4rem

}

}

.single-post-relate li {

	width:100%;

	margin-bottom:30px

}

@media screen and (min-width: 30.0625em) {

.single-post-relate li {

float:left;

display:inline-block;

margin-right:5%;

margin-bottom:0;

width:30%

}

.single-post-relate li:last-child {

margin-right:0

}

}

.single-post-relate__image {

	margin-bottom:10px;

	width: 186px;

	height: 124px;

}

.single-post-relate__image img{

height:100%;

width:100%;

}

.single-post-relate__title:hover {

	color:#51aded

}

.single-post-comment {

	margin-top:30px;

	margin-bottom:30px

}

.single-post-comment-reply {

	margin-bottom:30px;

	padding-bottom:30px;

	border-bottom:1px solid #e6eaed

}

.single-post-comment__form {

	margin-bottom:30px

}

.single-post-comment__form .textarea {

	margin-bottom:5px;

	padding:10px;

	min-height:120px;

	width:100% !important;

	border:none;

	background:#e6eaed;

	color:#747f8c

}

.single-post-comment__form .textarea::-webkit-input-placeholder {

font-size:16px;

font-size:1.6rem

}

.single-post-comment__form .textarea:-moz-placeholder {

font-size:16px;

font-size:1.6rem

}

.single-post-comment__form .textarea::-moz-placeholder {

font-size:16px;

font-size:1.6rem

}

.single-post-comment__form .textarea:-ms-input-placeholder {

font-size:16px;

font-size:1.6rem

}

.single-post-comment__form .tip {

	font-size:12px;

	font-size:1.2rem

}

.single-post-comment__bottom {

	line-height:34px

}

.single-post-comment__bottom .avatar {

	margin:5px 5px 5px 0;

	width:24px;

	height:24px

}

.single-post-comment__bottom .username {

	font-size:12px;

	font-size:1.2rem

}

.single-post-comment__bottom .logout {

	margin-left:20px

}

.single-post-comment__bottom .comment-submit-btn {

	font-size:14px;

	font-size:1.4rem;

	display:inline-block;

	width:120px;

	height:34px;

	padding:0;

	background:#51aded;

	color:#fff;

	text-align:center;

	font-weight:bold;

	line-height:34px

}

.single-post-comment__comments {

	font-size:14px;

	font-size:1.4rem;

	color:#323232

}

@media screen and (min-width: 48.0625em) {

.single-post-comment__comments {

font-size:16px;

font-size:1.6rem

}

}

.single-post-comment__comments .comment {

	margin-bottom:20px;

	padding:10px 0;

}

.children .comment {

padding: 30px 12px 0px 10px;

margin: 10px 0 0 50px;

}

.single-post-comment__comments .postmeta, .single-post-comment__comments .commemt-main {

	margin-bottom:10px

}

.single-post-comment__comments .commemt-main a.at_user {

	color:#51aded;

	font-weight:bold

}

.comment-wrapper {

	margin-left:60px

}

.comment-wrapper .opts li {

	float:left;

	margin-right:20px;

	color:#B6BCC4

}

.comment-wrapper .opts i {

	font-size:16px;

	font-size:1.6rem;

	position:relative;

	top:3px;

	margin-right:4px

}

.comment-wrapper .like, .comment-wrapper .reply {

	font-size:14px;

	font-size:1.4rem;

	color:#b6bcc4

}

.comment-wrapper .like:hover, .comment-wrapper .reply:hover {

	color:#7e8896

}

.category-header {

	margin-bottom:30px;

	font-weight:bold

}

.category-header .category-header__info {

	margin-bottom:20px

}

.category-header .category-header__title {

	font-size:22px;

	font-size:2.2rem

}

@media screen and (min-width: 30.0625em) {

.category-header .category-header__title {

font-size:30px;

font-size:3rem

}

}

.category-header .category-header__bio {

	font-size:14px;

	font-size:1.4rem;

	font-weight:normal

}

.category-header .category-header__status {

	font-size:32px;

	font-size:3.2rem

}

@media screen and (min-width: 30.0625em) {

.category-header .category-header__status {

font-size:48px;

font-size:4.8rem

}

}

.category-header .category-header__status span {

	float:left;

	padding-right:20px;

	padding-left:20px

}

.category-header .category-header__status .week {

	border-right:1px solid #e6eaed

}

.category-header .category-header__status .total {

	padding-right:0

}

.category-header .category-header__status i {

	display:block;

	font-size:12px

}

.category-headline {

	position:relative;

	margin-bottom:30px

}

.category-headline h1 {

	position:absolute;

	bottom:20px;

	left:20px;

	margin-bottom:0;

	color:#fff;

	font-weight:bold;

	font-size:1.5em

}

.category-popular {

	font-size:14px;

	font-size:1.4rem;

	padding-bottom:30px;

	border-bottom:1px solid #e6eaed;

	color:#747f8c

}

.category-popular h3 {

	font-size:12px;

	font-size:1.2rem;

	margin-bottom:20px

}

@media screen and (min-width: 30.0625em) {

.category-popular h3 {

font-size:14px;

font-size:1.4rem

}

}

.category-popular .category-popular__list li {

	margin-bottom:20px

}

.category-popular .category-popular__list li:last-child {

	margin-bottom:0

}

.category-popular .category-popular__list span {

	font-size:12px;

	font-size:1.2rem;

	margin-bottom:10px

}

@media screen and (min-width: 30.0625em) {

.category-popular .category-popular__list span {

font-size:14px;

font-size:1.4rem;

float:left;

margin-left:0

}

}

@media screen and (min-width: 30.0625em) {

.category-popular .category-popular__list h1 {

font-size:16px;

font-size:1.6rem;

margin-left:80px

}

}

.category-topic {

	margin-bottom:30px;

	border-bottom:1px solid #e6eaed

}

.category-topic__topics {

	margin-bottom:40px;

	width:100%

}

@media screen and (min-width: 30.0625em) {

.category-topic__topics {

float:left;

width:50%

}

.category-topic__topics:nth-child(odd) {

padding-right:20px;

border-right:1px solid #e6eaed

}

.category-topic__topics:nth-child(even) {

padding-left:20px

}

}

.category-topic__title {

	font-size:14px;

	font-size:1.4rem;

	margin-bottom:20px;

	padding-bottom:10px;

	border-bottom:1px solid #e6eaed

}

.category-topic__title .topic a {

	font-weight:bold

}

.category-topic__title .viewall a {

	color:#747f8c

}

.category-topic__list li {

	margin-bottom:20px

}

.category-topic__list li:last-child {

	margin-bottom:0

}

.category-topic__list a {

	color:#747f8c;

	font-weight:bold

}

.category-topic__list a:hover {

	color:#51aded

}

.category-tag h3 {

	font-size:18px;

	font-size:1.8rem;

	margin-bottom:20px;

	font-weight:bold

}

.icon-hot {

	font-size:20px;

	font-size:2rem;

	position:relative;

	top:3px;

	margin-right:10px

}

.category-tag__tags {

	margin-bottom:20px

}

.category-tag__tags .topic {

	font-size:14px;

	font-size:1.4rem

}

.category-tag__tags .topic {

	float:none;

	margin-bottom:20px

}

@media screen and (min-width: 30.0625em) {

.category-tag__tags .topic {

float:left;

margin-bottom:0

}

}

.category-tag__list {

	text-align:left

}

@media screen and (min-width: 30.0625em) {

.category-tag__list {

margin-left:150px

}

}

.category-tag__list li {

	display:inline-block;

	padding:0 8px

}

@media screen and (min-width: 30.0625em) {

.category-tag__list li {

display:inherit;

float:left

}

}

.category-tag__list a {

	display:inline-block;

	padding-bottom:10px;

	color:#747f8c;

	font-size:14px

}

.event {

	margin-bottom:30px

}

.sidebar {

	min-width:280px;

	display:none

}

.sidebar section {

	font-size:14px;

	font-size:1.4rem;

	line-height:1.5;

	margin-bottom:30px;

	position:relative

}

.sidebar h3 {

	color:#fff;

	font-size:12px;

	font-size:1.2rem;

	font-weight:600;

	text-align:center;

	line-height:28px;

	background:#51aded;

	width:86px;

	height:28px;

	text-shadow:0 0 2px rgba(0, 0, 0, 0.3)

}

@media screen and (min-width: 75.0625em) {

.sidebar {

float:left;

display:block;

width:280px

}

}

.sidebar-popular__list, .sidebar-sponsored__list {

	border-top:1px solid #51aded;

	padding-top:10px

}

.sidebar-popular__list h1, .sidebar-sponsored__list h1 {

	margin-left:70px;

	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical

}

.sidebar-popular__list .nomargin {

	margin-left:0px;

}

.sidebar-popular__posts, .sidebar-sponsored__posts {

	border-bottom:1px solid #e6eaed;

	padding-bottom:10px;

	margin-bottom:10px

}

.sidebar-popular__posts:last-child, .sidebar-sponsored__posts:last-child {

	margin-bottom:0

}

.sidebar-apps__list {

	border-top:1px solid #51aded;

	border-bottom:1px solid #e6eaed;

	padding-top:10px;

	padding-bottom:10px

}

.sidebar-apps__intro {

	margin-bottom:10px

}

.sidebar-apps__title {

	margin-bottom:10px

}

.sidebar-apps__meta {

	margin-left:97px

}

.sidebar-apps__download {

	color:#51aded;

	height:30px;

	line-height:30px;

	padding-left:25px;

	padding-right:25px;

	display:inline-block;

	-webkit-border-radius:3px;

	border-radius:3px;

	border:1px solid #51aded

}

.sidebar-apps__download:hover {

	background:#51aded;

	color:#fff

}

.sidebar-tags__list {

	border-top:1px solid #51aded;

	padding-top:10px;

	padding-bottom:10px

}

.sidebar-tags__list a {

	opacity: 0.80;

	filter: alpha(opacity=80);

	color: #51aded;

	border: 1px solid #51aded;

	display: inline-block;

	margin: 0 5px 5px 0;

	padding: 3px 8px;

	line-height: 21px;

	/*border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;*/

}

.sidebar-tags__list a:hover{

	opacity: 1;

	filter:alpha(opacity=100);

}

.sidebar-comments__list {

	border-top:1px solid #51aded;

	padding-top:10px;

	padding-bottom:10px

}

.sidebar-comments__list>div {

	margin-bottom:10px;

	padding-bottom:10px;

	border-bottom:1px solid #e6eaed

}

.sidebar-comments__list .sidebar-comments__comment {

	color:#38485a;

	padding:10px 20px;

	border-radius:3px;

	background:#e6eaed;

	margin-top:10px;

	margin-bottom:10px;

	position:relative

}

.sidebar-comments__list .sidebar-comments__comment:before {

	content:" ";

	height:0;

	width:0;

	border-color:transparent;

	border-style:solid;

	border-width:5px;

	border-bottom-color:#e6eaed;

	position:absolute;

	left:20px;

	top:-10px

}

.sidebar-comments__list .sidebar-comments__title {

	font-size:12px

}

.sidebar-comments__list .sidebar-comments__title a {

	margin-left:5px

}

.sidebar-tab {

	/*min-height:400px;*/
        background:white;
	border:1px solid #e6eaed

}

.sidebar-tab__tabs a {

	display:block;

	color:#51aded;

	font-weight:bold

}

.sidebar-tab__tabs li {

	float:left;

	width:93px;

	height:34px;

	text-align:center;

	line-height:34px;

	border-bottom:1px solid #e6eaed

}

.sidebar-tab__tabs .tab-36krplus {

	width:92px !important;

	border-left:1px solid #e6eaed;

	border-right:1px solid #e6eaed

}

.sidebar-tab__wrapper>div {

	padding:10px 20px

}

.sidebar-tab__wrapper li {

	margin-bottom:10px

}

.sidebar-tab__wrapper a {

	padding-left:5px;

	margin-left:-5px;

	border-left:4px solid #51aded

}

.footer {

	padding:40px 0;

	width:100%;

	border-top:1px solid #373a3c;

	background:#444749;

	color:rgba(236, 235, 231, 0.5)

}

.footer h3 {

	font-size:16px;

	font-size:1.6rem;

	margin-bottom:10px;

	color:#fff

}

.footer li {

	font-size:14px;

	font-size:1.4rem;

	line-height:2

}

.footer a {

	color:rgba(178, 193, 212, 0.92)

}

.footer a:hover {

	border-bottom:1px solid rgba(172, 172, 164, 0.7)

}

.footer .row>div {

	margin-bottom:20px

}

@media screen and (min-width: 58.4375em) {

.footer .row>div {

float:left;

display:block;

margin-right:2.5641%;

width:23.07692%

}

.footer .row>div:last-child {

margin-right:0

}

}

@media screen and (min-width: 86.4375em) {

.footer .row>div {

float:left;

display:block;

margin-right:1.69492%;

width:23.72881%

}

.footer .row>div:last-child {

margin-right:0

}

}

.footer .footer-partner li {

	margin-bottom:20px

}

.footer .footer-partner a {

	border-bottom:none

}

.footer .footer-copyright {

	/*margin-top:20px*/

}

.footer .footer-copyright p {

	font-size:12px;

	font-size:1.2rem;

	margin-bottom:10px

}

#gotop {

width: 30px;

height: 30px;

background: url(img/gotop.png) no-repeat 0 0;

cursor: pointer;

position: fixed;

right: 30px;

bottom: 70px;

display:none;

}

#rocket-to-top div {

    left: 0;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    top: 0;

    width: 149px;

}

#rocket-to-top .level-2 {

    background: url("img/rocket_button_up.png") no-repeat scroll -149px 0 transparent;

    display: none;

    height: 250px;

    opacity: 0;

    z-index: 1;

}

#rocket-to-top .level-3 {

    background: none repeat scroll 0 0 transparent;

    cursor: pointer;

    display: block;

    height: 150px;

    z-index: 2;

}

/*powered by www.mobantu.com*/

#rocket-to-top {

    background: url("img/rocket_button_up.png") no-repeat scroll 0 0 transparent;

    cursor: default;

    display: block;

    height: 250px;

    margin: -125px 0 0;

    overflow: hidden;

    padding: 0;

    position: fixed;

    right: 0;

    top: 80%;

    width: 149px;

    z-index: 11;

}

.pop-in.mfp-bg {

	background-color:rgba(61, 67, 76, 0.7);

	background-image:-webkit-radial-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6));

	background-image:radial,, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6);

	opacity:0;

	filter:alpha(opacity=0);

	pointer-events:none;

	-webkit-transition:opacity 0.3s linear;

	-moz-transition:opacity 0.3s linear;

	transition:opacity 0.3s linear

}

.pop-in.mfp-bg.mfp-ready {

	opacity:1;

	filter:alpha(opacity=100);

	pointer-events:auto

}

.pop-in.mfp-bg.mfp-removing {

	opacity:0;

	filter:alpha(opacity=0)

}

.pop-in.mfp-removing .panel {

	-webkit-animation:hidePanel 0.5s ease;

	-moz-animation:hidePanel 0.5s ease;

	animation:hidePanel 0.5s ease

}

.pop-in .panel {

	opacity:1;

	-webkit-animation:showPanel 0.5s ease;

	-moz-animation:showPanel 0.5s ease;

	animation:showPanel 0.5s ease-in

}

.panel {

	font-size:14px;

	font-size:1.4rem;

	position:absolute;

	width:480px;

	height:420px;

	left:50%;

	top:50%;

	margin:-210px 0 0 -240px;

	padding:30px;

	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 0 8px 1px, rgba(0, 0, 0, 0.1) 0 0 0 1px;

	box-shadow:rgba(0, 0, 0, 0.2) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 0 8px 1px, rgba(0, 0, 0, 0.1) 0 0 0 1px;

	-webkit-border-radius:5px;

	border-radius:5px;

	overflow:hidden;

	background-color:#FFF

}

@media screen and (max-width: 30em) {

.panel {

width:320px;

height:420px;

left:50%;

top:50%;

margin:-210px 0 0 -160px

}

}

.panel form {

	height:100%

}

.panel h3 {

	margin-bottom:10px;

	font-weight:bold;

	text-align:center

}

.panel .login-social a {

	color:#fff;

	font-size:14px;

	font-size:1.4rem;

	text-align:center;

	display:inline-block;

	float:left;

	margin-right:20px;

	width:200px;

	height:40px;

	line-height:40px

}

.panel .login-social a:nth-child(2n) {

margin-right:0

}

@media screen and (max-width: 30em) {

.panel .login-social a {

width:120px

}

}

.panel hr {

	margin:20px 0;

	height:1px;

	border:0;

	width:100%;

	background:#e6eaed

}

.panel .login-social__weibo, .panel .login-social__qq {

	margin-bottom:10px

}

.panel .login-social__weibo {

	background:#D04341

}

.panel .login-social__weibo:hover {

	background:#cb3432

}

.panel .login-social__qq {

	background:#34C8F4

}

.panel .login-social__qq:hover {

	background:#21c3f3

}

.panel .login-social__renren {

	background:#1469B4

}

.panel .login-social__renren:hover {

	background:#125ea2

}

.panel .login-social__github {

	background:#6e6e6e

}

.panel .login-social__github:hover {

	background:#646464

}

.panel .login input, .panel .register input {

	color:#747f8c;

	background:#e6eaed;

	-webkit-box-shadow:0 0 0 1000px #e6eaed inset;

	min-height:40px;

	width:100% !important;

	padding:10px 10px 10px 30px;

	margin-bottom:10px;

	border:none

}

.panel .login__links {

	margin-top:10px

}

.panel .login__links p {

	display:inline-block;

	margin-top:10px

}

.panel .submit {

	color:#fff;

	font-size:16px;

	font-size:1.6rem;

	font-weight:bold;

	width:120px;

	height:40px;

	padding:0;

	line-height:40px;

	background:#51aded

}

.panel .submit:hover {

	background:#3fa4eb

}

.panel .register-section {

	display:none

}

.panel input {

	font-family:"Cabin", sans-serif

}

.login>div, .register>div {

	position:relative

}

.login i, .register i {

	position:absolute;

	top:13px;

	left:10px

}

.login-social i {

	font-size:18px;

	font-size:1.8rem;

	margin-right:5px;

	vertical-align:middle

}

.longweibo-section img {

	width:420px;

	height:260px

}

.weixin-section img {

	width:200px;

	height:200px;

	position:absolute;

	margin:-100px 0 0 -100px;

	left:50%;

	top:50%

}

#panel-weibo .submit {

	margin:0 130px

}

@media screen and (max-width: 30em) {

#panel-weibo .submit {

margin:0 50px

}

}

@-webkit-viewport {

width:device-width;

zoom:1.0

}

@-moz-viewport {

width:device-width;

zoom:1.0

}

@-ms-viewport {

width:device-width;

zoom:1.0

}

@-o-viewport {

width:device-width;

zoom:1.0

}

@viewport {

width:device-width;

zoom:1.0

}

.tabs {

	display:none;

	visibility:hidden

}

.js .tabs {

	display:block;

	visibility:visible

}

.tabs a, .tabs button {

	cursor:pointer

}

.js .tabs-pane {

	display:none;

	visibility:hidden

}

.tabs-pane.active {

	display:block;

	visibility:visible

}

.tabs-horizontal, .tabs-stacked {

	list-style:none;

	margin-left:0;

	border-top:0.07143em solid gray;

	background-color:#f4f4f4

}

.tabs-horizontal>li, .tabs-stacked>li {

	display:inline-block;

	float:none;

	padding:0.5em 1em

}

.tabs-horizontal a, .tabs-stacked a {

	color:#808080;

	text-decoration:none

}

.tabs-horizontal>.active, .tabs-stacked>.active {

	background-color:#ffffff

}

.tabs-horizontal a:hover, .tabs-stacked a:hover, .tabs-horizontal>.active>a, .tabs-stacked>.active>a {

	color:#272727;

	text-decoration:none

}

@media (min-width: 40em) {

.tabs-stacked {

border:none;

margin-left:0;

padding-left:0;

padding-top:1em;

padding-bottom:1em

}

.tabs-stacked>li, .tabs-stacked>li>a {

display:block;

width:100%

}

}

.tabs:before, .tabs:after {

	display:table;

	content:"";

	zoom:1

}

.tabs:after {

	clear:both

}

.widearea-overlayLayer {

	position:fixed;

	top:0;

	bottom:0;

	left:0;

	right:0;

	z-index:999998;

	-webkit-transition:all 0.2s ease-out;

	-moz-transition:all 0.2s ease-out;

	-ms-transition:all 0.2s ease-out;

	-o-transition:all 0.2s ease-out;

	transition:all 0.2s ease-out

}

.widearea-overlayLayer.light {

	background-color:#fff

}

.widearea-overlayLayer textarea {

	-webkit-transition:all 0.2s ease-out;

	-moz-transition:all 0.2s ease-out;

	-ms-transition:all 0.2s ease-out;

	-o-transition:all 0.2s ease-out;

	transition:all 0.2s ease-out

}

.widearea-overlayLayer.light textarea {

	color:#ccc;

	background-color:#fff

}

.widearea-overlayLayer.light textarea:hover, .widearea-overlayLayer.light textarea:focus {

	color:black

}

.widearea-overlayLayer.dark {

	background-color:#2f3030

}

.widearea-overlayLayer.dark textarea {

	color:#999;

	background-color:#2f3030

}

.widearea-overlayLayer.dark textarea:hover, .widearea-overlayLayer.dark textarea:focus {

	color:#eee

}

.widearea-wrapper {

	width:100% !important;

	position:relative;

	margin-bottom:5px

}

.widearea-wrapper textarea {

	padding-right:20px !important;

	-webkit-box-sizing:border-box !important;

	-moz-box-sizing:border-box !important;

	box-sizing:border-box !important

}

textarea.widearea-fullscreen {

	padding:20px !important;

	padding-top:30px !important;

	border:none !important;

	-webkit-box-sizing:border-box !important;

	-moz-box-sizing:border-box !important;

	box-sizing:border-box !important;

	max-width:900px !important;

	height:100% !important;

	width:100% !important;

	outline:none !important;

	margin:0 auto !important;

	display:block !important;

	font-size:20px !important;

	box-shadow:none !important;

	resize:none !important;

	line-height:1.6em !important

}

.widearea-controlPanel {

	position:absolute;

	right:0;

	top:0;

	padding-top:30px;

	padding-right:20px

}

.widearea-icons {

	width:16px;

	height:16px;

	position:absolute;

	top:12px;

	right:10px;

	padding-right:6px

}

.widearea-icon {

	height:16px;

	width:17px;

	background-repeat:no-repeat;

	-ms-filter:"alpha(opacity=50)";

	filter:alpha(opacity=50);

	-khtml-opacity:.5;

	opacity:.5;

	display:block;

	-webkit-transition:all 0.1s ease-out;

	-moz-transition:all 0.1s ease-out;

	-ms-transition:all 0.1s ease-out;

	-o-transition:all 0.1s ease-out;

	transition:all 0.1s ease-out

}

.widearea-icon:hover {

	-ms-filter:"alpha(opacity=100)";

	filter:alpha(opacity=100);

	-khtml-opacity:1;

	opacity:1

}

.widearea-icon.fullscreen {

	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdElEQVQ4y2Moqe9hwIOVgdgXG2YgoBGnZmI0grANORr1yLFRE02DLbEa3ZE0GQAxIxCrEqNRDYi9gFgXqgkmrsoANQFZsTYQewKxBj5DGaDOgGnWR3KaJzEaUTwOxTrEakTG+mh+IkqjHSFN+GxUJVcjQc0AeJ87GvESuWcAAAAASUVORK5CIIA=)

}

.widearea-icon.close {

	width:18px;

	height:18px;

	margin-bottom:15px;

	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDBEOEJEOEI3MzAxMUUyQjA3QkQ4Nzg0REMzNTFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDBEOEJEOUI3MzAxMUUyQjA3QkQ4Nzg0REMzNTFCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMEQ4QkQ2QjczMDExRTJCMDdCRDg3ODREQzM1MUI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVEMEQ4QkQ3QjczMDExRTJCMDdCRDg3ODREQzM1MUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g7ns7AAAANNJREFUeNqs1NsNwjAMBdBwFyAjdIN2hK7BDqzAD4wAM8AaHaHZoCMkG+AgWzJVcPyBJUt9JEdqepPD9f4MVBP1Qr1Rz9Q52BV5/FDHX86nFQo5Uo98HR3IyHOW2+M1QSFSFqYRqQ8G/px9tbAWIrWB1yR1MAupc2fwwvYwE6HFzuAHPcxE6g3UCwtrIjom2A3wYKmVNYQ/FRw58UTjC/IgPzE4kGRFg7ZHFKgbtl7OKgYHkj2hBR8Fnl9sYYPstdLLiYEV2WurwpLjYNNYkYPtLcAArD5XIbBkA6MAAAAASUVORK5CYII=)

}

.widearea-icon.changeTheme {

	width:18px;

	height:18px;

	clear:both;

	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQkQ1QjdDM0I3MzgxMUUyQjA3QkQ4Nzg0REMzNTFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQkQ1QjdDNEI3MzgxMUUyQjA3QkQ4Nzg0REMzNTFCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMEQ4QkRFQjczMDExRTJCMDdCRDg3ODREQzM1MUI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCRDVCN0MyQjczODExRTJCMDdCRDg3ODREQzM1MUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AzMsvAAAATRJREFUeNpibJq8jAEHcABibSDmB+L/QPwBiK8D8QFkRbU5kWCaBYsBUUBcAMSmOCw4CsTTgBjFBUxIbGYgngrES6GGnAfiaiiNDKyhaqYiOwTZIJAtWUD8CYhTgdgIiNuA+B4Ol2VBDUMxKBCI04D4NxC7AfEcJA1sDLhBWvOU5cEwg9iBuBPJlpMMpIF6oGHsTNDwUIV6YQ4D6UAXZAbIIGOowAoG8oEByCA+KOcJBQYJMTFQB3AwQaMbBGQoMOgpyKCzUE4EBQZdBBl0GohvA7ESEKeQYchlkBkgg34CcTlS6jYn0aBGYMb9CQvs9UA8C4hZgXgXmst+4TFkFtCQteh5LQvqIlBymA3E54C4CuplbACkNhvGQS5G/kIljiIVI4bEFiPYyqNlUExUwQYDAAEGANGJQntFVY0xAAAAAElFTkSuQmCC)

}

.mfp-bg {

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1042;

	overflow:hidden;

	position:fixed;

	opacity:0.8;

	filter:alpha(opacity=80)

}

.mfp-wrap {

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1043;

	position:fixed;

	outline:none !important;

	-webkit-backface-visibility:hidden

}

.mfp-container {

	text-align:center;

	width:100%;

	height:100%;

	left:0;

	top:0

}

.mfp-container:before {

	content:'';

	display:inline-block;

	height:100%;

	vertical-align:middle

}

.mfp-align-top .mfp-container:before {

	display:none

}

.mfp-content {

	position:relative;

	display:inline-block;

	vertical-align:middle;

	margin:0 auto;

	text-align:left;

	z-index:1045

}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

	width:100%;

	cursor:auto

}

.mfp-ajax-cur {

	cursor:progress

}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

	cursor:-moz-zoom-out;

	cursor:-webkit-zoom-out;

	cursor:zoom-out

}

.mfp-zoom {

	cursor:pointer;

	cursor:-webkit-zoom-in;

	cursor:-moz-zoom-in;

	cursor:zoom-in

}

.mfp-auto-cursor .mfp-content {

	cursor:auto

}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

	-webkit-user-select:none;

	-moz-user-select:none;

	-ms-user-select:none;

	user-select:none

}

.mfp-loading.mfp-figure {

	display:none

}

.mfp-hide {

	display:none !important

}

.mfp-preloader {

	color:#cccccc;

	position:absolute;

	top:50%;

	width:auto;

	text-align:center;

	margin-top:-0.8em;

	left:8px;

	right:8px;

	z-index:1044

}

.mfp-preloader a {

	color:#cccccc

}

.mfp-preloader a:hover {

	color:white

}

.mfp-s-ready .mfp-preloader {

	display:none

}

.mfp-s-error .mfp-content {

	display:none

}

button.mfp-close, button.mfp-arrow {

	overflow:visible;

	cursor:pointer;

	background:transparent;

	border:0;

	-webkit-appearance:none;

	display:block;

	outline:none;

	padding:0;

	z-index:1046;

	-webkit-box-shadow:none;

	box-shadow:none

}

.mfp-close {

	width:44px;

	height:44px;

	line-height:44px;

	position:absolute;

	right:0;

	top:0;

	text-decoration:none;

	text-align:center;

	opacity:0.65;

	filter:alpha(opacity=65);

	padding:0 0 18px 10px;

	color:white;

	font-style:normal;

	font-size:28px;

	font-family:Arial, Baskerville, monospace

}

.mfp-close:hover, .mfp-close:focus {

	opacity:1;

	filter:alpha(opacity=100)

}

.mfp-close:active {

	top:1px

}

.mfp-close-btn-in .mfp-close {

	color:#333333

}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

	color:white;

	right:-6px;

	text-align:right;

	padding-right:6px;

	width:100%

}

.mfp-counter {

	position:absolute;

	top:0;

	right:0;

	color:#cccccc;

	font-size:12px;

	line-height:18px

}

.mfp-arrow {

	position:absolute;

	opacity:0.65;

	filter:alpha(opacity=65);

	margin:0;

	top:50%;

	margin-top:-55px;

	padding:0;

	width:90px;

	height:110px;

	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)

}

.mfp-arrow:active {

	margin-top:-54px

}

.mfp-arrow:hover, .mfp-arrow:focus {

	opacity:1;

	filter:alpha(opacity=100)

}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {

	content:'';

	display:block;

	width:0;

	height:0;

	position:absolute;

	left:0;

	top:0;

	margin-top:35px;

	margin-left:35px;

	border:medium inset transparent

}

.mfp-arrow:after, .mfp-arrow .mfp-a {

	border-top-width:13px;

	border-bottom-width:13px;

	top:8px

}

.mfp-arrow:before, .mfp-arrow .mfp-b {

	border-top-width:21px;

	border-bottom-width:21px;

	opacity:0.7

}

.mfp-arrow-left {

	left:0

}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {

	border-right:17px solid #fff;

	margin-left:31px

}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {

	margin-left:25px;

	border-right:27px solid #3f3f3f

}

.mfp-arrow-right {

	right:0

}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {

	border-left:17px solid #fff;

	margin-left:39px

}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {

	border-left:27px solid #3f3f3f

}

.mfp-iframe-holder {

	padding-top:40px;

	padding-bottom:40px

}

.mfp-iframe-holder .mfp-content {

	line-height:0;

	width:100%;

	max-width:900px

}

.mfp-iframe-holder .mfp-close {

	top:-40px

}

.mfp-iframe-scaler {

	width:100%;

	height:0;

	overflow:hidden;

	padding-top:56.25%

}

.mfp-iframe-scaler iframe {

	position:absolute;

	display:block;

	top:0;

	left:0;

	width:100%;

	height:100%;

	box-shadow:0 0 8px rgba(0, 0, 0, 0.6);

	background:black

}

img.mfp-img {

	width:auto;

	max-width:100%;

	height:auto;

	display:block;

	line-height:0;

	padding:40px 0 40px;

	margin:0 auto

}

.mfp-figure {

	line-height:0

}

.mfp-figure:after {

	content:'';

	position:absolute;

	left:0;

	top:40px;

	bottom:40px;

	display:block;

	right:0;

	width:auto;

	height:auto;

	z-index:-1;

	box-shadow:0 0 8px rgba(0, 0, 0, 0.6);

	background:#444444

}

.mfp-figure small {

	color:#bdbdbd;

	display:block;

	font-size:12px;

	line-height:14px

}

.mfp-figure figure {

	margin:0

}

.mfp-bottom-bar {

	margin-top:-36px;

	position:absolute;

	top:100%;

	left:0;

	width:100%;

	cursor:auto

}

.mfp-title {

	text-align:left;

	line-height:18px;

	color:#f3f3f3;

	word-wrap:break-word;

	padding-right:36px

}

.mfp-image-holder .mfp-content {

	max-width:100%

}

.mfp-gallery .mfp-image-holder .mfp-figure {

	cursor:pointer

}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

.mfp-img-mobile .mfp-image-holder {

padding-left:0;

padding-right:0

}

.mfp-img-mobile img.mfp-img {

padding:0

}

.mfp-img-mobile .mfp-figure:after {

top:0;

bottom:0

}

.mfp-img-mobile .mfp-figure small {

display:inline;

margin-left:5px

}

.mfp-img-mobile .mfp-bottom-bar {

background:rgba(0, 0, 0, 0.6);

bottom:0;

margin:0;

top:auto;

padding:3px 5px;

position:fixed;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box

}

.mfp-img-mobile .mfp-bottom-bar:empty {

padding:0

}

.mfp-img-mobile .mfp-counter {

right:5px;

top:3px

}

.mfp-img-mobile .mfp-close {

top:0;

right:0;

width:35px;

height:35px;

line-height:35px;

background:rgba(0, 0, 0, 0.6);

position:fixed;

text-align:center;

padding:0

}

}

@media all and (max-width: 900px) {

.mfp-arrow {

-webkit-transform:scale(0.75);

transform:scale(0.75)

}

.mfp-arrow-left {

-webkit-transform-origin:0;

transform-origin:0

}

.mfp-arrow-right {

-webkit-transform-origin:100%;

transform-origin:100%

}

}

.mfp-ie7 .mfp-img {

	padding:0

}

.mfp-ie7 .mfp-bottom-bar {

	width:600px;

	left:50%;

	margin-left:-300px;

	margin-top:5px;

	padding-bottom:5px

}

.mfp-ie7 .mfp-container {

	padding:0

}

.mfp-ie7 .mfp-content {

	padding-top:44px

}

.mfp-ie7 .mfp-close {

	top:0;

	right:0;

	padding-top:0

}

.thumb-60 img{height:60px;width:60px;}

@media all and (max-width: 1180px) {

.home_silder{display:none}

}

@media all and (max-width: 465px) {

.single-post-share{display:none}

.single-post-relate{display:none}

}

.home_silder {height: 220px;overflow: hidden;width: 100%;clear: both;background-color: #d0d1d3;margin-top:125px;}

#slider{width: 1180px;height: 220px;overflow: hidden;clear: both;position: relative;margin-right: auto;margin-left: auto;}

#slider img {width: 1180px;height: 220px;}

.slider_bar {width: 620px;padding-left: 560px;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 12px;bottom: 0px;left: 0px;text-align: center;}

.slider_bar .dq {display: block;float: left;width: 8px;height: 8px;margin: 5px 5px;  background: url(img/tg_flash_p.png) no-repeat 0px 0px;cursor: pointer;

_background: none;background-repeat: no-repeat;background-position: 0px 0px;}

.slider_bar .no {display: block;float: left;width: 8px;height: 8px;margin: 5px 5px;  background: url(img/tg_flash_p.png) no-repeat 0px 0px;cursor: pointer;_background: none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tg_flash_p2.png" ,sizingMethod="crop"); 	background-image: url(img/tg_flash_p2.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;}

.moanalysis{display:none}

.post-ad-m{display:none}

@media all and (max-width: 767px) {

.post-ad{display:none}

.post-ad-m{display:block}

}

.actGotop{position:fixed; _position:absolute; bottom:100px; right:40px; width:50px; height:65px; display:none;}

.actGotop a,.actGotop a:link{width:50px;height:65px;display:inline-block; background:url(img/gotop.png) no-repeat; _background:url(img/gotop.png) no-repeat; outline:none;}

/*以下是组队系统信息css样式*/
#match_carousel{
	margin-top:10px;
	padding: 0;
	width: 880px;
	height: 26px;
	background-color: #edf7ff;
	border: 1px solid #cdd9e5;
	overflow: hidden;

	}
	
	#match_carousel marquee,#match_carousel p,#match_carousel ul{
		margin: 0;
		padding: 0;
		
	}
	#match_carousel ul{

		width: 100%;  
		
	}
	#match_carousel li{
		height: 26px;
	}
	#match_carousel li img{
		margin: 0;
		padding: 0;

	}
	#match_carousel li p{
		display: inline-block;
		font-size: 14px;
		margin-top:2px;
	}
	#match_carousel li .img{
		
		background:url(http://www.indiegames.cn/wp-content/themes/Monews/img/location_ico.png);
		background-size: contain;
		width: 20px;
		height:22px;
		padding-top: 2px;
	}
	#match_carousel li .name{
		color: #ed7662;
	}
	#match_carousel li .intro_a{
		color: #1c6aad;
	}
	#match_carousel li .contact{
		color: #548fd6;
		padding-right: 20px;
	}
	
	#match_carousel #open_match{
		position: absolute;
		left:1170px;
		text-decoration: none;
		color: #5A8DBC;
		display: block;
		padding: 3px;
		font-size: 14px;
	}
	#match_carousel #open_match:hover{
		color: #81AFC9;
	}