/* My minified css file */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
	margin: 0;
	padding: 0
}

body,button,input,select,textarea {
	font: 12px/1.5 helvetica,tahoma,arial,sans-serif
}

@media screen and(-webkit-min-device-pixel-ratio:0) {
	html body,button,input,select,textarea {
		font-family: 'Helvetica Neue',Helvetica,Tahoma,Arial,sans-serif
	}
}

@-moz-document url-prefix() {
	html body,button,input,select,textarea {
		font-family: 'Helvetica Neue',Helvetica,Tahoma,Arial,sans-serif
	}
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

address,cite,dfn,em,var {
	font-style: normal
}

code,kbd,pre,samp {
	font-family: courier new,courier,monospace
}

small {
	font-size: 12px
}

ul,ol {
	list-style: none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

legend {
	color: #000
}

fieldset,img {
	border: 0
}

button,input,select,textarea {
	font-size: 100%
}

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

input {
	outline: 0
}

input[type=text] {
	height: 33px;
	line-height: 33px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	outline: 0;
	padding: 0 5px
}

input[type=radio] {
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 18px;
	position: relative;
	width: 18px;
	-webkit-appearance: none;
	border: 1px solid #dbdbdb
}

input[type=radio]:after {
	content: '';
	display: block;
	height: 8px;
	left: 4px;
	position: relative;
	top: 4px;
	width: 8px
}

input[type=radio]:checked:after {
	background-color: #4083df;
	border-radius: 50%
}

button {
	outline: 0;
	border: 0;
	cursor: pointer;
	background-color: transparent
}

::-webkit-input-placeholder {
	color: #ccc
}

::-moz-placeholder {
	color: #ccc
}

:-ms-input-placeholder {
	color: #ccc
}

.ui-ico {
	background-image: url(../images/g-ico.png);
	background-repeat: no-repeat;
	background-size: 50px 200px;
	display: inline-block
}

.ui-ico-user {
	width: 30px;
	height: 30px;
	background-position: 0 3px
}

.ui-ico-search {
	width: 33px;
	height: 30px;
	background-position: 6px -20px
}

.ui-ico-more {
	width: 30px;
	height: 30px;
	background-position: 0 -43px
}

.ui-ico-close {
	width: 24px;
	height: 24px;
	background-position: 0 -73px
}

.ui-ico-back {
	width: 30px;
	height: 30px;
	background-position: 0 -102px
}

.ui-ico-ok {
	width: 40px;
	height: 40px;
	background-position: 0 -129px
}

.ui-ico-down {
	width: 30px;
	height: 30px;
	background-position: -28px -43px
}

.ui-ico-up {
	width: 30px;
	height: 30px;
	background-position: -28px -43px;
	transform: rotate(180deg)
}

.ui-btn {
	width: 100%;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 1.8rem;
	background-color: #4083df;
	display: inline-block;
	text-align: center
}

.btn_disable {
	background-color: #aaa
}

.ui-ico-font {
	font-size: 1.5rem;
	font-style: normal;
	color: #999;
	line-height: 32px
}

.ui-ico-go {
	width: 10px;
	height: 16px;
	background-position: -37px -110px
}

.ui-ico-edit {
	width: 30px;
	height: 30px;
	background-position: -27px -71px
}

@media only screen and (max-device-width:720px),only screen and (-webkit-min-device-pixel-ratio:3) {
}

a,img {
	-webkit-touch-callout: none
}

html,body {
	-webkit-text-size-adjust: 100%;
	user-select: none
}

a:hover,a:visited {
	text-decoration: none
}

a,button,body {
	-webkit-tap-highlight-color: transparent
}

html {
	font-size: 62.5%
}

body {
	background-color: #f3f3f3;
	font-family: 'Helvetica Neue',Helvetica,Tahoma,Arial,sans-serif;
	color: #333;
	font-size: 1.5rem;
	font-weight: 400
}

a {
	color: #333
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

.g-wrap {
	width: 100%
}

.g-layout {
	padding: 0 15px;
}

.g-main {
	width: 100%
}

.g-list {
	border: 1px solid #ddd;
	border-width: 1px 0;
	background-color: #fff
}

.g-list h3 {
	border-bottom: 1px solid #e5e5e5;
	height: 43px;
	line-height: 43px;
	padding: 0 13px;
	position: relative;
	font-weight: 700
}

.g-list h3 a {
	display: block
}

.g-list h3 .ui-ico-more {
	position: absolute;
	right: 2px;
	top: 6px;
	font-weight: 400
}

.g-list ul li {
	border-bottom: 1px solid #f0f0f0;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	position: relative
}

.g-list ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.g-list ul li em {
	position: absolute;
	right: 15px;
	top: 0;
	max-width: 60px;
	font-size: 1.2rem;
	color: #666;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.g-list ul li:last-child {
	border-bottom: 0
}

.g-list1 ul li a {
	width: 80%
}

.g-list-img {
	border-top: 1px solid #f0f0f0;
	overflow: hidden;
	padding: 15px
}

.g-item-img {
	width: 29%;
	margin-right: 6%;
	float: left
}

.g-item-img:last-child {
	margin-right: 0
}

.g-item-img .g-img-wp {
	width: 100%
}

.g-img-wp {
	width: 100%;
	display: block;
	text-align: center
}

.g-img-wp img,.g-item-img img {
	max-width: 100%;
	height: auto;
	vertical-align: middle
}

.g-txt {
	font-size: 1.3rem;
	line-height: 14px;
	text-align: left;
	width: 100%;
	display: inline-block;
	margin-top: 5px
}

.g-split {
	color: #ccc;
	padding: 0 12px;
	font-size: 1.8rem
}

.g-mask {
	background-color: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.g-user-list {
	width: 86%;
	height: 100%;
	position: fixed;
	top: 0;
	left: -90%;
	background-color: #fff;
	z-index: 10;
	visibility: hidden;
	transition: all .4s ease-out
}

.g-user-show .g-user-list {
	left: 0;
	visibility: visible
}

.g-login {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	position: relative;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
	font-weight: 700
}

.g-user-close {
	height: 100%;
	width: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0
}

.g-user-close .ui-ico-close {
	margin: 9px 0 0 15px
}

.g-user-list ul li {
	height: 44px;
	line-height: 44px;
	border-bottom-color: #e5e5e5
}

.g-user-list ul li:last-child {
	border-bottom: 1px solid #ccc
}

.g-dcoin-num {
	color: #999;
	display: inline-block;
	font-size: 1.2rem
}

.g-news-num {
	background-color: #ff9c00;
	color: #fff;
	border-radius: 7px;
	width: 20px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	display: inline-block;
	font-size: 1.2rem;
	vertical-align: text-bottom
}

.g-logout {
	margin-top: 27px;
	text-align: center
}

.g-logout a {
	font-size: 1.3rem;
	text-decoration: underline
}

.g-avatar {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

.g-login .g-avatar {
	width: 30px;
	height: 30px;
	vertical-align: top
}

.g-form-box {
}

.g-form-box h3 {
	font-size: 1.8rem;
	line-height: 40px;
	padding-top: 10px
}

.g-form-box h3 a {
	color: #4083df;
	text-decoration: underline
}

.g-form-wp {
	border: 1px solid #dbdbdb;
	background-color: #fff
}

.g-form-it {
	border-bottom: 1px solid #ebebeb;
	position: relative;
	width: 100%
}

.g-form-it input,.g-form-it select,.g-form-it textarea {
	border: 0;
	padding-left: 112px;
	height: 44px;
	box-sizing: border-box;
	width: 100%
}

.g-form-it textarea {
	height: 83px;
	resize: none;
	outline: 0;
	padding-top: 10px
}

.g-form-it select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #ccc;
	padding-left: 107px
}

.g-form-it select option {
	color: #333
}

.g-form-it:last-child {
	border-bottom: 0
}

.g-form-it label {
	width: 100px;
	position: absolute;
	display: block;
	top: 12px;
	left: 20px
}

.g-form-it label em {
	color: red;
	position: absolute;
	left: -10px;
	top: 2px
}

.g-form-it .ui-ico-more {
	position: absolute;
	right: 5px;
	top: 5px
}

.g-form-btn {
	margin-top: 18px
}

.g-form-btn button {
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 1.8rem;
	background-color: #4083df
}

.g-form-it label.error {
	font-size: 1.2rem;
	color: red;
	position: relative;
	top: -10px;
	width: 100%;
	display: block;
	box-sizing: border-box
}

.p-top {
}

.p-top header {
	height: 47px;
	line-height: 47px;
	text-align: center;
	position: relative;
	background-color: #4083df;
	color: #fff;
	font-size: 1.8rem;
	border-bottom: 1px solid #306dc0
}

.p-return {
	height: 100%;
	width: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

.p-top header span {
	display: inline-block;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.p-return .ui-ico-back {
	margin-top: 7px
}

.p-top nav {
	height: 37px;
	line-height: 37px;
	border-bottom: 1px solid #cecece;
	background-color: #fff;
	padding: 0 15px
}

.p-top nav ul li {
	display: inline-block;
	position: relative
}

.p-top nav ul li a {
	display: block
}

.p-top nav ul li.p-cur {
	border-bottom: 2px solid #4083df;
	bottom: 1px
}

.p-top nav ul li.p-cur a {
	color: #4083df;
	font-weight: 700
}

.p-tip {
	font-size: 1.8rem;
	color: #666;
	text-align: center
}

.p-tip-back {
	display: block;
	text-align: center;
	color: #4083df;
	text-decoration: underline;
	margin-top: 10%
}

.g-info {
	text-align: center;
	padding: 5px 7px
}

.g-info-error {
	color: #c00
}

.g-form-btn button.g-btn-disabled {
	background-color: #aaa
}

.g-auto-more {
	text-align: center;
	color: #323232;
	    background: #dedede;
	font-size: 1.6rem;
	padding: 10px 0
}

.ccH5playerBox section {
	z-index: 5!important
}

article div.ccH5Poster {
	overflow: hidden!important;
	height: 100%!important
}

article div.ccH5Poster img {
	height: 100%!important
}

section div {
	word-break: break-all
}

.g-form-input input {
	height: 44px;
	line-height: 44px;
	border: 1px solid #ddd
}

.form__item_require:before {
	content: '*';
	color: red
}

.detail img {
	max-width: 100%!important;
	height: auto!important
}

article {
	margin: 10px 0;
	word-break: break-all
}

article img {
	height: auto!important;
	max-width: 100%;
	overflow: hidden
}

article p {
	line-height: 22px;
	margin-top: 10px
}

article td {
	font-size: 1.2rem
}

article div {
	width: 100%!important;
	height: auto!important
}

article video,.video video {
	max-width: 100%;
	height: auto
}

.ccH5playerBox {
	max-width: 100%;
	height: auto!important
}

.ccH5playerBox img {
	max-height: 100%
}

.g-header {
	background-color: #4083df;
	padding: 10px 15px;
	border-bottom: 1px solid #306dc0
}

.g-top {
	position: relative
}

.g-user-wp {
	position: relative;
	display: inline-block
}

.g-user {
	position: relative;
	margin-top: 2px
}

.g-news-tip {
	position: absolute;
	background-color: #ff9c00;
	width: 6px;
	height: 6px;
	display: block;
	border-radius: 50%
}

.g-header .g-news-tip {
	right: 6px;
	top: 0
}

.g-logo {	
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
}

.g-top-txt {
	position: absolute;
	right: 0;
	top: 3px
}

.g-top-txt a {
	color: #fff;
	font-weight: 700
}

.g-search {
	margin-top: 15px;
	position: relative
}

.g-search input {
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border: 1px solid #2e65b2
}

.g-search .ui-ico-search {
	position: absolute;
	top: 2px;
	right: 0
}

.g-nav {
	height: 38px;
	line-height: 37px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	font-weight: 700
}

::-webkit-scrollbar {
	display: none
}

.g-nav ul,.g-nav nav {
	height: 37px;
	border-bottom: 1px solid #cecece;
	display: flex;
	display: -webkit-flex
}

.g-nav ul li,.g-nav nav h2 {
	display: inline-block;
	margin-left: 2%;
	height: 35px;
	position: relative;
	z-index: 1;
	flex: 1;
	-webkit-flex: 1;
	font-weight: 700
}

.g-nav ul li a,.g-nav nav h2 a {
	color: #666;
	display: inline-block
}

.g-nav ul li.g-nav-cur a,.g-nav nav h2.g-nav-cur a {
	border-bottom: 2px solid #4083df;
	height: 36px;
	color: #4083df
}

.g-footer {
	border-top: 1px solid #ddd
}

.g-ft-wx {
	background-color: #fff;
	font-size: 1.4rem;
	color: #999;
	padding: 15px 0 15px 78px;
	position: relative;
	display: block
}



.g-ft-wx b {
	font-size: 1.6rem;
	color: #333
}

.g-ft-copy {
	border-top: 1px solid #ddd;
	padding: 15px 0;
	text-align: center
}

.g-ft-copy p {
	line-height: 24px;
	font-size: 1.3rem;
	color: #999
}

.g-ft-copy p a {
	color: #333;
	text-decoration: underline
}

.p-footer {
	border-top: 0
}

.p-footer .g-ft-copy {
	border-top: 0
}