/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
	HTML5 display definitions
	========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
	 display: none;
}

/* ==========================================================================
	Base
	========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *	 user zoom.
 */

html {
	 font-family: sans-serif; /* 1 */
	 -webkit-text-size-adjust: 100%; /* 2 */
	 -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	 margin: 0 auto;
}

/* ==========================================================================
	Links
	========================================================================== */

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a,
a:focus,
a:active,
a:hover {
	 outline: none;
	 text-decoration:none;
}

/* ==========================================================================
	Typography
	========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	 font-size: 2em;
	 margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	 font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	 font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	 white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	 font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
	 top: -0.5em;
}

sub {
	 bottom: -0.25em;
}

/* ==========================================================================
	Embedded content
	========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
	 border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
	Figures
	========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	 margin: 0;
}

/* ==========================================================================
	Forms
	========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	 border: 1px solid #c0c0c0;
	 margin: 0 2px;
	 padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	 border: 0; /* 1 */
	 padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	 font-family: inherit; /* 1 */
	 font-size: 100%; /* 2 */
	 margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	 line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	 text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *	 and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *	 `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *	 (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	 overflow: auto; /* 1 */
	 vertical-align: top; /* 2 */
}

/* ==========================================================================
	Tables
	========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	 border-collapse: collapse;
	 border-spacing: 0;
}

/*
	STYLE
*/
body
{
	background: #fefefe; /* #5BC5FF */
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	-webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6
{
	color: #333;
	text-shadow: 
}
h1, h2, h3,
.font
{
	font-family: 'Pacifico', Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1;
}
h1
{
	font-size: 100px;
	line-height: 100px;
	margin: 100px 0;
}
h1.huge
{
	font-size: 400px;
	line-height: 200px;
	padding-top: 30px;
}
h2, h3
{
	font-size: 20px;
	font-weight:bold;
	line-height: 25px;
	margin: 10px 0;
}
h4, h5, h6
{
	font-weight: bold;
	line-height: 1.2;
	margin: 80px 0 22px 0;
}
h4
{
	font-size: 20px;
}
h5
{
	font-size: 18px;
}
h6
{
	font-size: 16px;
}
h4 small,
h5 small,
h6 small
{
	font-weight: normal;
}
p, ul, ol
{
	margin: 0 0 22px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #333;
	text-decoration: none;
}

select,
input[type="text"],
input[type="password"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: none;
	border-radius: 2px;
	text-transform: none;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	height: 30px;
	width: 100%;
	padding: 5px 10px;
	outline: none;
}

pre,
code
{
	font-family: Consolas, monospace;
	font-weight: normal;
	font-size: 14px;
	opacity: 0.8;

	transition: opacity 0.5s ease;
}
pre:hover,
code:hover
{
	opacity: 1;
}
pre
{
	-webkit-overflow-scrolling: touch;

	background: #fff;
	color: #666;
	white-space: pre;
	width: 100%;
	overflow: auto;
	padding: 10px 20px;
	margin: 22px -20px;
}
pre .faded
{
	opacity: 0.5;
}
.col6 + .col6 pre
{
	border-left: 1px solid #5BC5FF;
}

hr
{
	background: rgba( 255, 255, 255, 0.5 );
	border: none;
	height: 1px;
	margin: 22px -20px;
}

dl
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
	display: block;
	margin: 22px -20px;
}
dl:after
{
	content: '';
	display: block;
	clear: both;
}
dl dt,
dl dd
{
	border-top: 1px solid rgba( 255, 255, 255, 0.5 );
	min-height: 20px;
	padding: 10px 0;
	margin: 0;
	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
dl dt
{
	width: 30%;
	padding-left: 20px;
	clear: left;
}
dl dd
{
	width: 70%;
	padding-right: 20px;
}

:first-child
{
	margin-top: 0;
}
:last-child
{
	margin-bottom: 0;
}


/*
	GENERIC
*/
.next
{
	margin-top: 80px;
}
.row
{
	margin: 0 -20px;
}
.row:after
{
	content: '';
	display: block;
	clear: both;
}
[class*="col"]
{
	margin-bottom: 40px;
	box-sizing: border-box;
	display: block;
	padding: 0 20px;
	float: left;
}
.col12
{
	width: 100%;
}
.col6
{
	width: 50%;
}
.col4
{
	width: 33.33%;
}
.col3
{
	width: 25%;
}

.row.phones .col6
{
	margin-top: 20px;
}
.row.phones .col6:first-child,
.row.phones .col6:first-child + .col6
{
	margin-top: 0;
}

.wrapper
{
	box-sizing: border-box;
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
}

#hamburger + .wrapper:before,
.wrapper:first-child:before
{
	content: '';
	background: url( ../img/phone.png ) center center no-repeat transparent;
	display: block;
	width: 2300px;
	height: 1835px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
	top: -1150px;
	z-index: -1;
}
.wrapper.no-phone:before
{
	content: none !important;
	display: none !important;
}


/*
	MENU
*/
#menu:not(.mm-menu)
{
	display: none;
}
#menu .fa
{
	width: 15px;
	color: #ccc;
}
.mm-panel > p
{
	font-size: 14px;
	margin-top: 20px;
}
.mm-panel > p + .mm-listview {
	padding-top: 0;
}
#donate
{
	padding: 45px 20px 30px 44px;
}
#donate:after
{
	border: none !important;
}
#mm-0 li:after
{
	left: 45px;
}


/*
	LAYOUT
*/
#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 70px;
	height: 45px;
	position: fixed;
	top: 10px;
	left: 0;
	z-index: 4;
	text-align:center;line-height:45px;text-decoration:none;color:#fff;font-weight:bold;font-size:18px
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 25px;
	height: 2px;
	top:5px;
	position: absolute;
	left: 15px;
}
#hamburger:before
{
	top: 13px;
}
#hamburger span
{
	top: 21px;
}
#hamburger:after
{
	top: 29px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);	
}


#page
{
	box-shadow: none;
	width: 100%;
	min-width: 320px;
	padding: 45px 0 0px 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.ad-wrapper
{
	background: #5BC5FF;
	opacity: 0.9;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.ad-wrapper > div
{
	border-top: 1px solid rgba( 255, 255, 255, 0.5 );
	width: 900px;
	padding: 9px 20px;
	margin: auto;
}

#buttons,
a.btn
{
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.2 );
	overflow: hidden;
}
#buttons
{
	margin: 20px -5px;
}
#buttons a,
a.btn
{
	background: rgba( 255, 255, 255, 0.8 );
	text-decoration: none;
	line-height: 25px;
}
#buttons a
{
	padding: 20px 0 10px 0;
}
#buttons a:hover,
a.btn:hover
{
	background: #fff;
}
#buttons a + a
{
	border-left: 1px solid #5BC5FF;
}
#buttons .font,
a.btn
{
	color: #5BC5FF;
}
#buttons .font
{
	font-size: 35px;
}

#buttons .sub
{
	color: #666;
	font-size: 13px;
}
#buttons .sub
{
	padding-left: 40px;
}
#buttons span
{
	text-align: center;
	display: block;
}
a.btn
{
	font-weight: bold;
	display: inline-block;
	padding: 10px 20px;
	margin: 5px 10px 0 0;
}
#buttons .col6
{
	margin: 0;
}

.table
{
	margin: 22px -20px;
}
.table td
{
	vertical-align: top;
	box-sizing: border-box;
	padding: 10px;
}
.table td,
.table tr.datatype td + td
{
	border-top: 1px solid rgba( 255, 255, 255, 0.5 );
}
.table thead
{
	background: rgba( 255, 255, 255, 0.8 );
	color: #5BC5FF;
}
.table .subhead td
{
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.6;
	padding-bottom: 0;
	padding-top: 20px;
}

.table thead td,
.table tr.sub-start td,
.table tr.sub-start + tr td,
.table tr.sub td:first-child,
.table tr.sub-end td,
.table tr.datatype td,
.table tfoot tr + tr td,
.table .subhead + tr td
{
	border-top: none;
}
.table tr.sub:not(.datatype) td:first-child + td
{
	padding-left: 40px;
}
.table tr.sub-start td,
.table tr.sub-end td,
.table tfoot td
{
	padding-top: 0
}
.table td:first-child + td small
{
	display: block;
}
.table tfoot
{
	font-size: 13px;
}
.table tfoot tr:first-child td
{
	padding-top: 20px;
}
.table td.toggle
{
	cursor: pointer;
}

.table td:first-child
{
	width: 1%;
}
.table td:first-child + td
{
	width: 21%;
}
.table td:first-child + td + td
{
	width: 20%;
}
.table td:first-child + td + td + td
{
	width: 15%;
}
.table td:first-child + td + td + td + td
{
	width: 43%;
}
.table td:first-child + td[colspan="4"]
{
	width: 99%;
}

.phone
{
	padding: 132px 0;
	position: relative;
	z-index: 1;
}
.phone:before,
.phone:after
{
	content: '';
	background: url( ../img/phone-example.png ) center top no-repeat transparent;
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	z-index: -1;
}
.phone:before
{
	top: 0;
}
.phone:after
{
	background-position: center bottom;
	bottom: 0;
}
.phone iframe
{
	border-radius: 5px;
	overflow: hidden;
	background: #111;
	border: none;
	display: block;
	width: 280px;
	height: 450px;
	margin: 0 auto;
}

.tablet
{
	height: 595px;
	padding: 42px 82px 20px 82px;
	margin: 0 -20px;
	position: relative;
	z-index: 1;
}
.tablet:before,
.tablet:after
{
	content: '';
	background: url( ../img/tablet-example.png ) left top no-repeat transparent;
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
.tablet:before
{
	left: 0;
}
.tablet:after
{
	background-position: right top;
	right: 0;
}
.tablet iframe
{
	border-radius: 5px;
	overflow: hidden;
	background: #111;
	border: none;
	display: block;
	width: 100%;
	height: 552px;
	position: relative;
	z-index: 1;
}

.phone + pre,
.tablet + pre
{
	margin-top: 0;
}

a.popout
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	display: block;
	padding: 10px 0 10px 40px;
}
a.popout .fa
{
	margin-left: 20px;
}
pre + a.popout
{
	margin: -20px -20px 0 -20px;
}

h1 .submenutext
{
	display: none;
}

.submenu
{
	line-height: 20px;
	padding-top: 5px;
}
h1 + .submenu
{
	margin-top: -80px;
	margin-bottom: 80px;
}
.submenu ul,
.submenu li
{
	list-style: none;
	display: block;
	padding: 0;
}
.submenu ul
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
	padding: 0 5px;
	margin-left: -20px;
	margin-right: -20px;
}
.submenu ul:after
{
	content: '';
	display: block;
	clear: both;
}
.submenu li
{
	margin: 0;
	float: left;
}
.submenu a
{
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	position: relative;
}
.submenu a:hover:after
{
	content: '';
	background: #fff;
	display: block;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 15px;
	right: 15px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.submenu.fixed
{
	background: #5BC5FF;
	opacity: 0.9;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
}
.submenu.fixed div
{
    width: 80%;
	max-width: 900px;
	margin: auto;
}
.fixedsubmenu .submenu
{
	visibility: hidden;
}
.fixedsubmenu .submenu.fixed
{
	visibility: visible;
	display: block;
}


/*
	PAGES
*/
#home-intro
{	
	padding: 0 0 700px 0;
	position: relative;
}
#home-intro:before
{
	content: '';
	background: url( ../img/phone.png ) center center no-repeat transparent;
	display: block;
	width: 2300px;
	height: 1835px;
	margin-left: -950px;
	position: absolute;
	left: 50%;
	bottom: -500px;
	z-index: -1;
}
#home-intro h1
{
	font-size: 150px;
	line-height: 150px;
	letter-spacing: -10px;
	margin: 20px 0;
}

#home-features ul
{
	display: block;
	padding: 0;
}
#home-features li
{
	margin: 0 0 20px 0;
}
.col3:nth-child( 4n + 1 )
{
	clear: left;
}
.col4:nth-child( 3n + 1 )
{
	clear: left;
}
.col6:nth-child( 2n + 1 )
{
	clear: left;
}

#changelog > li
{
	margin-top: 20px;
}

.icon-summary p:after
{
	content: '';
	display: block;
	clear: both;
}
.icon-summary .fa
{
	font-size: 50px;
	width: 50px;
	margin: 10px 20px 20px 0;
	float: left;
}

#tipstricks h4
{
	margin-top: 100px;
}
#tipstricks h4 .fa
{
	font-size: 40px;
	width: 50px;
	margin: 3px 0 0 5px;
	float: left;
}

/*
	PLAYGROUND
*/
#playground-options
{
	background: none;
	width: 100% !important;
	color: #fff;
	
	height: auto;
	max-width: none;
	position: relative;
}
#playground-options h4
{
	margin-top: 40px;
}
#playground-options .mm-panel
{
	position: relative;
}

#playground-options input.mm-toggle ~ label.mm-toggle
{
    background: rgba( 255, 255, 255, 0.4 );
}
#playground-options input.mm-toggle:checked ~ label.mm-toggle
{
    background: #fff;
}
#playground-options label.mm-toggle:before
{
	background: #5BC5FF;
}
#playground-options .mm-listview > li:after
{
    border-color: rgba( 255, 255, 255, 0.5 );
}
#playground-options .mm-listview .mm-panel li:last-child:after
{
	border-color: transparent;
}
#playground-options h4 + .mm-listview
{
	margin-top: -10px;
}
#playground-options .mm-listview input[type="text"]
{
	margin-top: 5px;
}

.code-iconbar,
.code-buttonbars,
.code-toggles
{
	display: none;
}
#code.iconbar .code-iconbar,
#code.buttonbars .code-buttonbars,
#code.toggles .code-toggles
{
	display: inline;
}


 

/* small screens */
@media all and (max-width: 950px)
{
	.gt-950px
	{
		display: none;
	}

	#home-intro
	{
		padding-bottom: 550px;
	}
	#home-intro:before
	{
		background-size: 80%;
		margin-left: -1000px;
		bottom: -600px;
	}
	#home-intro h1
	{
		margin-top: -10px;
	}
	#download-intro > .col6,
	#home-intro > .col6
	{
		width: 70%;
	}
	.row.phones .col6,
	.playground.col6,
	.playground.col6 + .col6
	{
		width: 100%;
	}
	.row.phones .col6:first-child + .col6
	{
	    margin-top: 20px;
	}
	.row.phones.default .col6:first-child + .col6
	{
		display: none;
	}
	.col4
	{
		width: 50%;
	}
	.col4:nth-child( 3n + 1 )
	{
		clear: none;
	}
	.col4:nth-child( 2n + 1 )
	{
		clear: left;
	}

	.table td:first-child
	{
		display: none;
	}
	.table td:first-child + td
	{
		width: 20%;
	}
	.table td:first-child + td + td
	{
		width: 20%;
	}
	.table td:first-child + td + td + td
	{
		display: none;
	}
	.table td:first-child + td + td + td + td
	{
		width: 60%;
	}
	.table td:first-child + td[colspan="4"]
	{
		width: 100%;
	}
}

 
	h1
	{
		font-size: 60px;
		line-height: 60px;
		margin: 45px 0;
	}
	h4, h5, h6
	{
		margin-top: 50px;
	}
	#home-intro
	{
		padding-bottom: 450px;
	}
	#home-intro:before
	{
		background-size: 60%;
		bottom: -650px;
	}
	#home-intro h1
	{
		letter-spacing: -5px;
		font-size: 110px;
		line-height: 110px;
		margin-top: -40px;
	}
	#download-intro > .col6,
	#home-intro > .col6,
	.col6
	{
		width: 100%;
	}
	.col4
	{
		width: 100%;
		clear: left;
	}
	#hamburger
	{
		background: #cc0000;
		opacity: 0.95;
		width: 100%;
		top: 0;
	}
	#hamburger a{color:#fff;}
	#buttons a + a
	{
		border-left: none;
		border-top: 1px solid #5BC5FF;
	}
	.wrapper:before
	{
		content: none !important;
		display: none !important;
	}

	.table td:first-child
	{
		display: none;
	}
	.table td:first-child + td
	{
		width: 30%;
	}
	.table td:first-child + td + td
	{
		display: none;
	}
	.table td:first-child + td + td + td
	{
		display: none;
	}
	.table td:first-child + td + td + td + td
	{
		width: 70%;
	}
	.table td:first-child + td[colspan="4"]
	{
		width: 100%;
	}
	
	.tablets .tablet
	{
		display: none;
	}

	h1 + .submenu
	{
		margin: -40px 0 60px 0;
		visibility: visible !important;
	}
	.submenu.fixed
	{
		display: none !important;
	}
 

/* really really small screens */
@media all and (max-width: 550px)
{
	.row.phones .phone
	{
		margin-left: -100px;
		margin-right: -100px;
	}
}
/* really really really small screens */
@media all and (max-width: 370px)
{
	.phone
	{
		height: auto;
		padding: 20px 0;
	}
	.phone:before,
	.phone:after
	{
		background: none;
		content: none;
		display: none;
	}
	.phone iframe
	{
		border: 10px solid #111;
	}
	
	dl dt,
	dl dd
	{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		float: none;
	}
	dl dd
	{
		border-top: none;
		margin-top: -20px;
	}
}
.row .col-50 {
  width: 50%;
}

/* === Lists === */
.list-block {
  margin: 1px 0;
  font-size: 17px;
}
.list-block ul {
  background: #ffffff;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.list-block ul:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
html.ios-gt-6.pixel-ratio-2 .list-block ul:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .list-block ul:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.list-block ul:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.ios-gt-6.pixel-ratio-2 .list-block ul:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .list-block ul:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.list-block ul ul {
  padding-left: 45px;
}
.list-block ul ul:before {
  display: none;
}
.list-block ul ul:after {
  display: none;
}
.list-block .align-top,
.list-block .align-top .item-content,
.list-block .align-top .item-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.list-block.inset {
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 7px;
}
.list-block.inset .content-block-title {
  margin-left: 0;
  margin-right: 0;
}
.list-block.inset ul {
  border-radius: 7px;
}
.list-block.inset ul:before {
  display: none;
}
.list-block.inset ul:after {
  display: none;
}
.list-block.inset li:first-child > a {
  border-radius: 7px 7px 0 0;
}
.list-block.inset li:last-child > a {
  border-radius: 0 0 7px 7px;
}
.list-block.inset li:first-child:last-child > a {
  border-radius: 7px;
}
@media all and (min-width: 768px) {
  .list-block.tablet-inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px;
  }
  .list-block.tablet-inset .content-block-title {
    margin-left: 0;
    margin-right: 0;
  }
  .list-block.tablet-inset ul {
    border-radius: 7px;
  }
  .list-block.tablet-inset ul:before {
    display: none;
  }
  .list-block.tablet-inset ul:after {
    display: none;
  }
  .list-block.tablet-inset li:first-child > a {
    border-radius: 7px 7px 0 0;
  }
  .list-block.tablet-inset li:last-child > a {
    border-radius: 0 0 7px 7px;
  }
  .list-block.tablet-inset li:first-child:last-child > a {
    border-radius: 7px;
  }
  .list-block.tablet-inset .content-block-title {
    margin-left: 0;
    margin-right: 0;
  }
  .list-block.tablet-inset ul {
    border-radius: 7px;
  }
  .list-block.tablet-inset ul:before {
    display: none;
  }
  .list-block.tablet-inset ul:after {
    display: none;
  }
  .list-block.tablet-inset li:first-child > a {
    border-radius: 7px 7px 0 0;
  }
  .list-block.tablet-inset li:last-child > a {
    border-radius: 0 0 7px 7px;
  }
  .list-block.tablet-inset li:first-child:last-child > a {
    border-radius: 7px;
  }
}
.list-block li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.list-block .item-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 8px;
}
.list-block .item-media i + i {
  margin-left: 5px;
}
.list-block .item-media i + img {
  margin-left: 5px;
}
.list-block .item-media + .item-inner {
  margin-left: 15px;
}
.list-block .item-inner {
  padding-right: 15px;
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 7px;
  min-height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.list-block .item-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #efefef;
  display: block;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.ios-gt-6.pixel-ratio-2 .list-block .item-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .list-block .item-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.list-block .item-title {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.list-block .item-title.label {
  width: 35%;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
}
.list-block .item-input {
  width: 100%;
  margin-top: -8px;
  margin-bottom: -7px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
}
.list-block .item-after {
  white-space: nowrap;
  color: #8e8e93;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-height: 28px;
}
.list-block .smart-select .item-after {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.list-block .item-link {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  display: block;
  color: inherit;
}
.list-block .item-link .item-inner {
  padding-right: 35px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-position: -webkit-calc(100% - 15px) center;
  background-position: calc(100% - 15px) center;
}
html:not(.watch-active-state) .list-block .item-link:active,
.list-block .item-link.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,
.list-block .item-link.active-state .item-inner:after {
  background-color: transparent;
}
.list-block .item-link.list-button {
  padding: 0 15px;
  text-align: center;
  color: #007aff;
  display: block;
  line-height: 43px;
}
.list-block .item-link.list-button:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.ios-gt-6.pixel-ratio-2 .list-block .item-link.list-button:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .list-block .item-link.list-button:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.list-block .item-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.list-block .list-block-label {
  margin: 10px 0 35px;
  padding: 0 15px;
  font-size: 14px;
  color: #8f8f94;
}
.list-block .swipeout {
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.list-block .swipeout.deleting {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.list-block .swipeout.deleting .swipeout-content {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.list-block .swipeout.transitioning .swipeout-content,
.list-block .swipeout.transitioning .swipeout-actions-right a,
.list-block .swipeout.transitioning .swipeout-actions-left a,
.list-block .swipeout.transitioning .swipeout-overswipe {
  -webkit-transition: 300ms;
  transition: 300ms;
}
.list-block .swipeout-content {
  position: relative;
  z-index: 10;
}
.list-block .swipeout-overswipe {
  -webkit-transition: 200ms left;
  transition: 200ms left;
}
.list-block .swipeout-actions-left,
.list-block .swipeout-actions-right {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
  padding: 0 30px;
  color: #fff;
  background: #c7c7cc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  left: 0;
}
.list-block .swipeout-actions-left a:after,
.list-block .swipeout-actions-right a:after {
  content: '';
  position: absolute;
  top: 0;
  width: 600%;
  height: 100%;
  background: inherit;
  z-index: -1;
}
.list-block .swipeout-actions-left a.swipeout-delete,
.list-block .swipeout-actions-right a.swipeout-delete {
  background: #ff3b30;
}
.list-block .swipeout-actions-right {
  right: 0%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.list-block .swipeout-actions-right a:after {
  left: 100%;
  margin-left: -1px;
}
.list-block .swipeout-actions-left {
  left: 0%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.list-block .swipeout-actions-left a:after {
  right: 100%;
  margin-right: -1px;
}
.list-block .item-subtitle {
  font-size: 15px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
}
.list-block .item-text {
  font-size: 15px;
  color: #8e8e93;
  line-height: 21px;
  position: relative;
  overflow: hidden;
  height: 42px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.list-block.media-list .item-title,
.list-block li.media-item .item-title {
  font-weight: 500;
}
.list-block.media-list .item-inner,
.list-block li.media-item .item-inner {
  display: block;
  padding-top: 10px;
  padding-bottom: 9px;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.list-block.media-list .item-link .item-inner,
.list-block li.media-item .item-link .item-inner {
  background: none;
  padding-right: 15px;
}
.list-block.media-list .item-link .item-title-row,
.list-block li.media-item .item-link .item-title-row {
  padding-right: 20px;
  background: no-repeat right center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 20px;
}
.list-block.media-list .item-media,
.list-block li.media-item .item-media {
  padding-top: 9px;
  padding-bottom: 10px;
}
.list-block.media-list .item-media img,
.list-block li.media-item .item-media img {
  display: block;
}
.list-block.media-list .item-title-row,
.list-block li.media-item .item-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.list-block .list-group ul:after,
.list-block .list-group ul:before {
  z-index: 11;
}
.list-block .list-group + .list-group ul:before {
  display: none;
}
.list-block .item-divider,
.list-block .list-group-title {
  background: #f7f7f7;
  margin-top: -1px;
  padding: 4px 15px;
  white-space: nowrap;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #8e8e93;
}
.list-block .item-divider:before,
.list-block .list-group-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
html.ios-gt-6.pixel-ratio-2 .list-block .item-divider:before,
html.ios-gt-6.pixel-ratio-2 .list-block .list-group-title:before {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .list-block .item-divider:before,
html.ios-gt-6.pixel-ratio-3 .list-block .list-group-title:before {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.list-block .list-group-title {
  position: relative;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: sticky;
  top: 0px;
  z-index: 20;
  margin-top: 0;
}
.list-block .list-group-title:before {
  display: none;
}
.list-block .sortable-handler {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 18px 12px;
  background-position: center;
  width: 35px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.list-block.sortable .item-inner {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.list-block.sortable-opened .sortable-handler {
  visibility: visible;
  opacity: 1;
}
.list-block.sortable-opened .item-inner,
.list-block.sortable-opened .item-link .item-inner {
  padding-right: 35px;
}
.list-block.sortable-opened .item-link .item-inner,
.list-block.sortable-opened .item-link .item-title-row {
  background-image: none;
}
.list-block.sortable-sorting li {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.list-block li.sorting {
  z-index: 50;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.list-block li.sorting .item-inner:after {
  display: none;
}
.list-block li:last-child .list-button:after {
  display: none;
}
.list-block li:last-child .item-inner:after,
.list-block li:last-child li:last-child .item-inner:after {
  display: none;
}
.list-block li li:last-child .item-inner:after,
.list-block li:last-child li .item-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.ios-gt-6.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
html.ios-gt-6.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
html.ios-gt-6.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
#jNotify {
	position:absolute;
	background:#d8e6fc no-repeat 15px center;
	color:#35517c;
	border:0 solid #a7c3f0;
	padding:10px;
	padding-left:50px;
	z-index:9999
}
#jNotify a {
	color:#35517c!important;
	text-decoration:none
}
#jSuccess {
	position:absolute;
	background:rgba(0,0,0,.6) no-repeat 15px center;
	color:#fff;
	border:0 solid #c6d880;
	padding:20px;
	text-align:center;
	z-index:9999
}
#jSuccess a {
	color:#264409!important;
	text-decoration:none
}
#jError {
	position:absolute;
	background:rgba(0,0,0,.6) no-repeat 15px center;
	color:#fff;
	border:0 solid #fbc2c4;
	padding:20px;
	text-align:center;
	z-index:9999
}
#jError a {
	color:#8a1f11!important;
	text-decoration:none
}
#jOverlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9998
}

 
.article-content {
  word-break: break-all;
  word-wrap: break-word;
  background:#f7f7f7;
}
.img-responsive {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.create-time {
  color: #999;
  font-size: 13px;
  display: block;
  padding: 5px 0 10px 0;
}
.topRight{position:absolute;display:block;width:40px;top:0px;left:auto;right:2px;color:#fff;font-weight:bold;font-size:18px}

.clear{clear:both}
.iconfont{font-size:20px;}
.f7f7f7{background:#f7f7f7}
.publicHeader i.iconfont{font-size:25px;position:absolute;left:10px;}
.publicHeader:before{background:none !important;}
.publicHeader:after{background:none !important;}
.newsQueryList{margin-bottom:15px !important;}
.newsQueryList ul:before{content:none !important;}
.newsQueryList ul:after{content:none !important;}
.newsQueryListHidden{display:none !important;}
.newsQueryListShow{display:block !important;}
span.photosliderTitle {
  display: block;
  padding: 5px 5px 5px 10px;
  width: 100%;
  background: rgba(0,0,0,0.5);
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  position: absolute;
  bottom: 0;
  text-align: left;
}
.classTitle {
  background:rgba(100,110,110,.1);
  height: 35px;
  line-height: 35px;
  padding: 0 12px;
  border-top: solid 1px #f1e6d3;
  border-top: solid 2px #e19f41;
}
.classTitle span, .classTitle span a {
  float: left;
  color: #ab1324;
  font-size: 18px;
}
.showComment{
	padding:10px;
	background:#fff;
}
.content-group-title{
	font-size:20px;
	padding:10px;
  margin-top:15px;

}
.showNewsCommenetArea{
	margin-top:20px !important;
  padding: 0 0px;
  font-size: 14px;
}
.showNewsCommenetArea .item-title img {
  width: 35px;
  height: 35px;
  border-radius: 35px;
}
.list-block .showNewsCommenetArea  .item-inner:after{content: none}
.NewsCommentGood {
  position: relative;
  top: -11px;
  font-size: 12px;
  right: -12px;
  width: 40px;
  text-align: right;
}
.NewsComment-info {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  position: relative;
  top: -3px;
  color: #09f;
}
.NewsCommentReply {
  word-wrap: break-word;
  border-bottom: 1px solid #efefef;padding-bottom: 15px
}
.NewsCommentReplyBtn{position:absolute;right:50px;}
.newscomment{display:block;width:100%;height:50px;border:1px solid #ccc;border-radius:2px;resize:none;outline:none;padding:4px 0;text-indent:4px}
.subComment{background:#41B1EF;border:1px solid #167EE6;outline:none;float:right;padding:3px 10px;color:#fff;margin-top:5px;border-radius:2px;display:none}
.buttonGray {
  outline: none;
  background: -moz-linear-gradient(top, #f3f3f3, #e5e5e5);
  background: -webkit-gradient(linear, top, #f3f3f3, #e5e5e5);
  background: -webkit-linear-gradient(top, #f3f3f3, #e5e5e5);
  background: -o-linear-gradient(top, #f3f3f3, #e5e5e5);
  display: block;
  border: 1px solid #b6b6b6;
  border-radius: 3px 3px 3px 3px;
  color: #000;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin: 20px 18px;
  text-align: center;
  text-shadow: 1px 1px 1px #FFFFFF;
}
.but_2 {
  display: inline-block;
  height: 30px;
  padding: 0 13px;
  line-height: 30px;
  background: #eee;
  border-radius: 4px;
  border: solid 1px #aeaeae;
}
footer .white {
  height: 4px;
  background: #cc0000;
  margin-bottom: 10px;
}
footer .butBox {
  text-align: center;
}
footer {
  margin-top: 20px;
  padding-top: 10px;
}
footer .butBox a {
  margin: 10px 5px 0;
}
footer .toggle_v {
  text-align: center;
  margin-top: 10px;
}
footer .copyright {
  text-align: center;
  color: #ccc;
  font-size: 18px;
  margin: 5px 0 20px;
}
.ecomment {
	margin:0;
	padding:0;
	word-wrap:break-word
}
.ecomment {
	margin-bottom:12px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	background:rgba(255,255,238,0.8);
	padding:3px;
	border:solid 1px #eee
}
.ecommentauthor {
	float:left;
	color:#F96;
	display:block;
	width:100%
}
.ecommentauthor i {
	float:right;
	font-style:normal
}
.ecommenttext {
	clear:left;
	margin:0;
	padding:0
}
.NewsCommentReply {
	word-wrap:break-word
}
.NewsComment-info {
	display:inline-block;
	margin-left:5px;
	font-size:13px;
	position:relative;
	top:-3px;
	color:#09f
}
.NewsComment-info .saytime {
	display:block;
	font-size:10px;
	color:#666
}
.NewsCommentGood .iconfont {
	position:relative;
	font-size:20px;
	font-weight:normal;
	top:-1px;
	height:20px;
	cursor:pointer;
	display:inline-block
}
.NewsCommentGood i.appreciatefill {
	color:#c00
}
.NewsGoodDoneRate {
	-webkit-animation:NewsGoodDoneRate 1s ease 0s alternate none
}
.NewsGoodDoneRate {
	-moz-animation:NewsGoodDoneRate 1s ease 0s alternate none
}
.NewsGoodDoneRate {
	animation:NewsGoodDoneRate 1s ease 0s alternate none
}
@-webkit-keyframes NewsGoodDoneRate {
	from {
	-webkit-transform:50% 50% 0;
	-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform-origin:0 100%;
	-webkit-transform:rotate(45deg)
}
}@-moz-keyframes NewsGoodDoneRate {
	from {
	-moz-transform:50% 50% 0;
	-moz-transform:rotate(0deg)
}
to {
	-moz-transform-origin:0 100%;
	transform:rotate(45deg)
}
}@keyframes NewsGoodDoneRate {
	from {
	transform:50% 50% 0;
	transform:rotate(0deg)
}
to {
	transform-origin:0 100%;
	transform:rotate(45deg)
}
/****商城模型***/
.buyTitle {
  font-weight: normal;
  font-size: 20px;
  font-family: 'microsoft yahei';
  margin-bottom: 10px;
}