@charset "UTF-8"; 
/* 新增图片初始化 */
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
  /* 去掉图片下面的留白 */
	-ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
	position: relative;
	border: none;
	border-color: transparent;
	color: transparent;
}

/* 新增提交按钮loading效果 */
.curLoading {
	position: relative;
}

.curLoading:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background: #ffaa32;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 6px;
}

.curLoading:after {
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	background: url("../images/loading_white.png") no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	margin-top: -10px;
	margin-left: -10px;
	-webkit-animation: serverLLoading 1s infinite linear;
	-ms-animation: serverLLoading 1s infinite linear;
	animation: serverLLoading 1s infinite linear;
}

@-webkit-keyframes serverLLoading {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-ms-keyframes serverLLoading {
	0% {
		-ms-transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
	}
}

@keyframes serverLLoading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/**/
.flexslider {
	position: relative;
	height: 540px;
	overflow: hidden;
	background: url(../images/index/loading.gif) 50% no-repeat;
	margin-bottom: 56px;
}

.slides {
	position: relative;
	z-index: 1;
}

.slides li {
	height: 540px;
}

.slides li a {
	display: block;
	width: 100%;
	height: 100%;
}

.flex-control-nav {
	position: absolute;
	bottom: 25px;
	z-index: 2;
	right: 30%;
}

.flex-control-nav li {
	display: inline-block;
	margin: 0 5px;
	*display: inline;
	zoom: 1;
}

.flex-control-nav a {
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 150px;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');
}

:root .flex-control-nav a {
	filter: none;
	background-color: rgba(255, 255, 255, 0.5);
}

.flex-control-nav a.flex-active {
	width: 52px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#FFFFCC00', endColorstr='#FFFFCC00');
}

:root .flex-control-nav a.flex-active {
	filter: none;
	background-color: #ffcc00;
}

/* clear */
.clearfix {
	*zoom: 1;
}

.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: "";
}

/*con */
div.main {
	padding-bottom: 56px;
}

.indexH2 {
	background: url(../images/layout/sprite_icon.png?v=150311) no-repeat;
	height: 46px;
	font: 700 36px/0.9 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #444;
	text-transform: uppercase;
	padding-left: 53px;
}

.indexH2 span {
	display: block;
}

.indexH2 .tts {
	font-size: 16px;
	color: #909090;
}

.jHot {
	background-position: 0 -182px;
}

.fb {
	background-position: 0 -228px;
}

.juegos {
	background-position: 0 -275px;
}

.movil {
	background-position: 0 -320px;
}

.noticias {
	background-position: 0 -366px;
}

.hot {
	background-position: 0 -413px;
}

.more {
	display: block;
	margin-top: -18px;
	font: 400 14px/1.3 "Verdana";
	color: #909090;
}

.more i {
	font-style: normal;
	color: #08bbfd;
}

/*List1*/
.r-fb-list {
	width: 290px;
}

.lh-game {
	width: 910px;
}

/*hot*/
.hot-game {
	padding-top: 40px;
	width: 930px;
}

.hot-game a {
	position: relative;
	width: 290px;
	height: 390px;
	float: left;
	margin-right: 20px;
	color: #fff;
	display: block;
}

.hot-game a:hover {
	text-decoration: none;
}

.t-list {
	height: 139px;
	width: 290px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#BF000000', endColorstr='#BF000000');
	overflow: hidden;
}

:root .t-list {
	filter: none;
	background-color: rgba(0, 0, 0, 0.75);
}

.t-list span {
	display: block;
}

.t-list .tit {
	font: 24px/2.1 "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 0 3px 0 16px;
}

.t-list .txt {
	font-size: 12px;
	padding: 3px 16px;
	line-height: 1.5;
	color: #cecece;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t-list .btn {
	background: url(../images/index/btnRight.png) right center no-repeat;
	width: 195px;
	height: 50px;
	font: 20px/2.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-indent: 20px;
	margin-top: 15px;
	position: absolute;
	left: -195px;
	top: 40px;
}

.t-list .soon {
	font: 24px/139px "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 0 7px;
	color: #909090;
	text-align: center;
}

/*fb*/
.fb-cont {
	width: 290px;
	height: 390px;
	overflow: hidden;
	margin-top: 40px;
}

/*list2*/
/*left*/
.juegos-list {
	padding-top: 20px;
	width: 741px;
}

.juegos-list a {
	position: relative;
	width: 227px;
	height: 157px;
	margin: 20px 20px 0 0;
	display: block;
	float: left;
	overflow: hidden;
}

.j-pic span {
	height: 33px;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	font-family: "Verdana";
	width: 227px;
	text-indent: 16px;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#A5000000', endColorstr='#A5000000');
}

:root .j-pic span {
	filter: none;
	background-color: rgba(0, 0, 0, 0.65);
}

.p-hover {
	position: absolute;
	top: -157px;
	left: 0;
	height: 157px;
	overflow: hidden;
	_filter: alpha(opacity=0);
	opacity: 0;
}

.juegos-list a:hover {
	text-decoration: none;
}

/*mobile*/
.m-list {
	width: 450px;
	padding-top: 11px;
}

.m-list a {
	display: block;
	width: 125px;
	float: left;
	margin: 29px 25px 0 0;
	-webkit-transform-style: preserve-3d;
}

.m-list .txt {
	display: block;
	text-align: center;
	font: 14px/1.2 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #777;
}

.m-list a:hover .txt {
	text-decoration: underline;
}

.m-list .less_list a {
	float: none;
	margin: 28px 0 40px 0;
	width: 160px;
}

.m-list .less_list a img {
	padding-left: 20px;
}

.less_list li {
	float: left;
	margin-right: 58px;
}

.less_list li .btn_ios {
	display: block;
	width: 160px;
	height: 49px;
	background: url(../images/index/download.jpg) no-repeat 0 0;
	margin: 0 0 20px 0;
	padding: 0;
}

.less_list li .btn_Android {
	display: block;
	width: 160px;
	height: 49px;
	background: url(../images/index/download.jpg) no-repeat -160px 0;
	margin: 0 0 20px 0;
	padding: 0;
}

.less_list li .btn_ios:hover {
	background-position: 0 -49px;
}

.less_list li .btn_Android:hover {
	background-position: -160px -49px;
}

/*List3*/
.l-list {
	width: 721px;
}

.r-list {
	width: 420px;
}

.hotPIc {
	margin: 35px 0 -10px;
}

/*news*/
.news-list {
	padding-top: 10px;
}

.news-list .nr {
	padding: 30px 0;
	border-bottom: 1px dashed #c4c4c4;
	height: 100px;
}

.news-list .pic {
	float: left;
	width: 217px;
}

.news-list .pic img {
	width: 196px;
	height: 100px;
}

.news-list dl {
	width: 504px;
}

.news-list dl dt {
	height: 33px;
}

.news-list h3 {
	font: 700 20px/33px "Helvetica Neue", Arial, Helvetica, sans-serif;
	width: 386px;
	height: 33px;
	float: left;
}

.news-list h3 a {
	color: #fe6c00;
	display: block;
	width: 386px;
	height: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.news-list .data {
	float: right;
	color: #08bbfd;
}

.news-list dd {
	line-height: 1.5;
	float: none;
}

.news-list dd span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.news-list a.m {
	float: right;
	color: #fe6c00;
	font-size: 12px;
	padding-top: 3px;
}

/*===============================================   page  ================================================*/
.PageMain .PageHead {
	height: 250px;
}

.PageMain .PageHead .PageHead_main {
	width: 1220px;
	margin: 0 auto;
}

.PageMain .PageHead .PageHead_main .title {
	color: #444444;
	font-size: 60px;
	line-height: 250px;
	font-weight: 700;
	text-transform: uppercase;
}

.PageMain .PageContent {
	width: 1220px;
	margin: 0 auto;
	min-height: 600px;
	_height: 600px;
}

.PageMain .PageContent .sideBar {
	width: 365px;
	background: url(../images/index/sidebar_shadow.jpg) no-repeat right top;
	min-height: 600px;
}

/*-=About us
-----------------------------------------------------------*/
.about_head {
	background: url(../images/index/aboutUs_head.jpg) no-repeat 50% 0;
}

.about_head .PageHead_main {
	background: url(../images/index/aboutUs_head.jpg) no-repeat 50% 0;
}

.PageContent .sideBar .subMenu {
	padding-top: 40px;
	width: 285px;
}

.PageContent .sideBar .subMenu ul li {
	border-bottom: 1px solid #e2e2e2;
}

.PageContent .sideBar .subMenu ul li a {
	display: block;
	width: 255px;
	padding-left: 30px;
	height: 61px;
	color: #777777;
	background-color: #fff;
	font-size: 20px;
	line-height: 60px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.PageContent .sideBar .subMenu ul li.current a,
.PageContent .sideBar .subMenu ul li a:hover {
	background-color: #fe6c00;
	color: #fff;
	text-decoration: none;
}

.PageContent .PageContent_side {
	padding: 0 80px 80px 40px;
	width: 734px;
}

.PageContent .PageContent_side.widthopen {
	padding: 0 0 80px 40px;
	width: 814px;
}

.PageContent_side .title {
	height: 102px;
}

.PageContent_side .title h3 {
	font-size: 30px;
	color: #444444;
	line-height: 102px;
	text-transform: uppercase;
}

.PageContent_side .content {
	line-height: 24px;
	padding-bottom: 80px;
}

.PageContent_side .content img {
	margin-bottom: 18px;
}

.PageContent_side .content strong {
	color: #444444;
	margin-right: 10px;
	font-size: 18px;
}

/*updating维护中*/
.PageContent_side .updatingBox {
	background: url(../images/index/updating.jpg) center 20px no-repeat;
	padding-top: 300px;
	line-height: 60px;
}

.PageContent_side .updatingBox h2 {
	text-align: center;
	font-size: 60px;
	text-transform: uppercase;
	color: #444444;
}

.PageContent_side .updatingBox .updating_p {
	text-align: center;
	line-height: 30px;
	color: #444444;
	font-size: 18px;
	text-transform: uppercase;
}

.PageContent_side .updatingBox .btn_detail {
	text-align: center;
	margin-top: 10px;
}

.PageContent_side .updatingBox .btn_detail a {
	font-size: 24px;
	color: #ffffff;
	background-color: #79a0b5;
	padding: 10px 58px;
	border-radius: 5px;
}

.PageContent_side .updatingBox .btn_detail a:hover {
	text-decoration: none;
}

/*-=Payment储值
-----------------------------------------------------------*/
/*--侧边导航--*/
.payment_head {
	background: url(../images/index/payment_head.jpg) no-repeat 50% 0;
}

.payment_head .PageHead_main {
	background: url(../images/index/payment_head.jpg) no-repeat 50% 0;
}

.PageContent .sideBar .subMenu .payment_list li {
	margin-bottom: 20px;
	border: none;
	position: relative;
}

.PageContent .sideBar .subMenu .payment_list li a {
	display: block;
	width: 285px;
	height: 72px;
	padding-left: 0;
	background: url(../images/layout/sprite_other.png?v=042901) no-repeat;
}

.sideBar .subMenu .payment_list li a:after {
	content: "";
	width: 10px;
	height: 20px;
	background: url(../images/layout/sprite_other.png?v=042901) no-repeat -64px -108px;
	display: none;
	color: #fe6c00;
	position: absolute;
	right: -24px;
	top: 26px;
}

.sideBar .subMenu .payment_list li a.current:after,
.sideBar .subMenu .payment_list li a:hover:after {
	display: block;
}

.sideBar .subMenu .payment_list li.visa a {
	background-position: 0 -128px;
}

.sideBar .subMenu .payment_list li.paypal a {
	background-position: 0 -200px;
}

.sideBar .subMenu .payment_list li.pay3 a {
	background-position: 0 -272px;
}

.sideBar .subMenu .payment_list li.pay4 a {
	background-position: 0 -344px;
}

.sideBar .subMenu .payment_list li.pay5 a {
	background-position: 0 -488px;
}

.sideBar .subMenu .payment_list li.pay6 a {
	background-position: 0 -560px;
}

.sideBar .subMenu .payment_list li.history a {
	font-size: 22px;
	line-height: 72px;
	background-position: 0 -416px;
	color: #66a0b5;
	font-weight: bold;
	width: 229px;
	padding-left: 56px;
}

.sideBar .subMenu .payment_list li.visa .current,
.sideBar .subMenu .payment_list li.visa a:hover {
	background-position: -285px -128px;
}

.sideBar .subMenu .payment_list li.paypal .current,
.sideBar .subMenu .payment_list li.paypal a:hover {
	background-position: -285px -200px;
}

.sideBar .subMenu .payment_list li.pay3 .current,
.sideBar .subMenu .payment_list li.pay3 a:hover {
	background-position: -285px -272px;
}

.sideBar .subMenu .payment_list li.pay4 .current,
.sideBar .subMenu .payment_list li.pay4 a:hover {
	background-position: -285px -344px;
}

.sideBar .subMenu .payment_list li.pay5 .current,
.sideBar .subMenu .payment_list li.pay5 a:hover {
	background-position: -285px -488px;
}

.sideBar .subMenu .payment_list li.pay6 .current,
.sideBar .subMenu .payment_list li.pay6 a:hover {
	background-position: -285px -560px;
}

.sideBar .subMenu .payment_list li.history .current,
.sideBar .subMenu .payment_list li.history a:hover {
	background-position: -285px -416px;
	color: #66a0b5;
}

/*--储值--*/
.form_pay {
	position: relative;
	margin-top: 50px;
}

.form_pay .dd {
	width: 720px;
	margin-bottom: 20px;
}

.form_pay .dd .title_side {
	float: left;
	height: 43px;
	line-height: 43px;
	text-align: right;
	margin-right: 30px;
	width: 100px;
	font-size: 20px;
	color: #777777;
}

.form_pay .dd .right_side {
	float: left;
	width: 590px;
}

.form_pay .select_gameS {
	width: 232px;
	height: 41px;
	line-height: 41px;
	border: 1px solid #b0afaf;
	display: block;
	float: left;
	margin-right: 20px;
	font-size: 16px;
	color: #838383;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	outline: none;
}

.form_pay .select_gameS:focus {
	-webkit-box-shadow: 0 0 6px #fe9500;
	-moz-box-shadow: 0 0 6px #fe9500;
	box-shadow: 0 0 6px #fe9500;
	border: 1px solid #fe9500;
}

.form_pay .select_gameS option {
	line-height: 41px;
	color: #777777;
}

.form_pay .amount_list li {
	width: 232px;
	height: 72px;
	border: 1px solid #b0afaf;
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	cursor: pointer;
}

.form_pay .amount_list li:hover {
	border: 1px solid #fe6c00;
}

.form_pay .amount_list li.selected {
	background: url(../images/index/Payment_selected.jpg) no-repeat right bottom;
	border: 1px solid #fe6c00;
}

.form_pay .amount_list li .money {
	display: block;
	height: 27px;
	line-height: 27px;
	background-color: #b0afaf;
	padding: 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #fff;
	min-width: 42px;
}

.form_pay .amount_list li .money i {
	display: block;
	width: 26px;
	height: 27px;
	position: absolute;
	right: -26px;
	background: url(../images/layout/sprite_other.png) no-repeat -90px -81px;
	top: 0;
}

.form_pay .amount_list li.selected .money {
	background-color: #fe6c00;
}

.form_pay .amount_list li.selected i {
	background-position: -64px -81px;
}

.form_pay .amount_list li .amount_nub {
	display: block;
	width: 69px;
	height: 35px;
	background: url(../images/layout/sprite_other.png) no-repeat -64px -43px;
	margin: 20px 0 0 90px;
	font-size: 20px;
	color: #777777;
	font-weight: bold;
	padding: 0 0 0 46px;
	line-height: 16px;
}

.form_pay .right_side .payForm_w {
	font-size: 16px;
	color: #777777;
	line-height: 24px;
}

.btn_recharge {
	padding: 34px 0 20px 130px;
}

.btn_recharge a {
	display: block;
	width: 323px;
	height: 50px;
	background: #fe9500;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	border-radius: 4px;
}

.btn_recharge a:hover {
	text-decoration: none;
	background: #fe6c00;
}

.form_pay .wrong_tip {
	position: absolute;
	background-color: #fe6c00;
	color: #fff;
	padding: 8px;
	line-height: 12px;
	z-index: 3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 180px;
	display: none;
}

.form_pay .wrong_tip .tip_sj {
	color: #fe6c00;
	position: absolute;
	top: -11px;
	font-size: 20px;
	left: 26px;
	font-weight: bold;
}

.form_pay .tip_game {
	top: 34px;
	left: 140px;
}

.form_pay .tip_server {
	top: 34px;
	left: 394px;
}

/*--Pay History--*/
.PageContent .payHistory {
	padding: 40px 0 80px 0;
	width: 855px;
}

.payHistory .select_time {
	width: 227px;
	height: 41px;
	border: 1px solid #b0afaf;
	color: #777777;
	font: 16px/41px "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: url(../images/layout/sprite_other.png?v=042901) no-repeat -614px 5px #fff;
	padding: 0 0 0 40px;
	margin-bottom: 30px;
	outline: none;
	margin-right: 10px;
}

.payHistory .select_time:focus {
	-webkit-box-shadow: 0 0 6px #fe9500;
	-moz-box-shadow: 0 0 6px #fe9500;
	box-shadow: 0 0 6px #fe9500;
	border: 1px solid #fe9500;
}

.btn_check {
	width: 100px;
	height: 43px;
	border: none;
	background-color: #fe9500;
	color: #fff;
	text-align: center;
	line-height: 43px;
	font-size: 16px;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
}

.payHistory_list {
	min-height: 400px;
	_height: 600px;
	border: 1px solid #b0afaf;
}

.payHistory_list table {
	border-collapse: collapse;
}

.payHistory_list table thead th {
	background-color: #e1edf2;
	font-size: 16px;
	color: #777777;
	font-weight: 700px;
	line-height: 40px;
}

.payHistory_list table td {
	line-height: 18px;
	font-size: 14px;
	color: #777777;
	text-align: center;
	padding: 0 6px;
	height: 60px;
  /*word-break:break-all;*/
}

.payHistory_list table .color_success {
	color: #d21034;
	font-style: normal;
}

.payHistory_list table .color_failed {
	color: #63af01;
	font-style: normal;
}

.tip_noPayHistory {
	text-align: center;
	margin-top: 120px;
}

/*--Pay Wrong--*/
.some_wrong {
	padding-top: 16px;
}

.some_wrong h3 {
	font-size: 30px;
	color: #444444;
	line-height: 80px;
	text-transform: uppercase;
}

.tips_sWrong {
	color: #777777;
	line-height: 21px;
}

.btn_contact {
	padding: 20px 0;
}

.btn_contact a {
	padding: 10px 14px;
	background: #fe9500;
	color: #fff;
	text-align: center;
	line-height: 53px;
	font-size: 16px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}

.btn_contact a:hover {
	background: #fe6c00;
}

.SW_QA_list {
	border-top: 1px dashed #c5c5c5;
	padding: 30px 0 0 0;
}

.SW_QA_list ul {
	margin-bottom: 24px;
}

.SW_QA_list ul em {
	font-size: 22px;
	font-style: normal;
	position: absolute;
	left: 0;
}

.SW_QA_list ul li {
	line-height: 30px;
	position: relative;
	padding-left: 30px;
	margin-bottom: 8px;
}

.SW_QA_list ul li.question {
	color: #444444;
	font-size: 16px;
}

.SW_QA_list ul li.answer {
	color: #777777;
	font-size: 14px;
}

.SW_QA_list ul li.question em {
	color: #09b5ed;
}

.SW_QA_list ul li.answer em {
	color: #08e680;
}

/*-=Profile
-----------------------------------------------------------*/
/*个人中心Account_Bound*/
a.code,
.per a.cp,
.psdBox a,
.emaiBox a.set,
.emaiBox a.modify,
.emaiBox a.gifts {
	border-radius: 5px;
	display: block;
	color: #fff;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
}

a.code {
	background: #fe9500;
	width: 144px;
	margin: 20px 0 0;
}

a.fdBtn,
a.gdBtn {
	display: block;
	width: 235px;
	height: 42px;
	background: url(../images/layout/btn.jpg) no-repeat;
	margin: 20px 0 10px;
}

a.fdBtn {
	background-position: 0 0;
}

a.gdBtn {
	background-position: 0 -50px;
}

a.code:hover {
	text-decoration: none;
}

.userBox {
	min-height: 108px;
	padding-top: 30px;
	font-size: 14px;
}

.userIco {
	position: relative;
	float: left;
	height: 100px;
	padding-top: 10px;
}

.userIco .uName {
	position: absolute;
	width: 100px;
	height: 23px;
	line-height: 23px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	color: #fff;
	left: 0;
	bottom: 0;
	font-size: 12px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#A4000000', endColorstr='#A4000000');
}

:root .userIco .uName {
	filter: none;
	background-color: rgba(0, 0, 0, 0.5);
}

.userRight {
	width: 165px;
	float: left;
	margin-left: 20px;
}

.userBtn a {
	display: inline-block;
	width: 73px;
	line-height: 23px;
	color: #fff;
	text-align: center;
	margin: 10px 0 8px;
}

.userBtn a:hover {
	text-decoration: none;
}

.userBtn a.rg {
	background: #fe9500;
}

.userBtn a.ep {
	background: #7494d4;
	margin-left: 14px;
}

.exBtn {
	color: #909090;
	float: right;
	position: relative;
	z-index: 2;
	background-color: #fff;
}

.uNum {
	line-height: 37px;
	height: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.sTime,
.sIp {
	font-size: 12px;
	line-height: 18px;
	line-height: 18px;
}

.f20 {
	font-size: 20px;
}

.PageContent .sideBar .uMenu ul li a {
	background: url(../images/layout/uM_ico.png) no-repeat;
	width: 235px;
	padding-left: 50px;
}

.PageContent .sideBar .uMenu ul li.nav1 a {
	background-position: -24px 0;
}

.PageContent .sideBar .uMenu ul li.nav1 a:hover,
.PageContent .sideBar .uMenu ul li.nav1 a.cur {
	background-position: -24px -60px;
}

.PageContent .sideBar .uMenu ul li.nav2 a {
	background-position: -24px -120px;
}

.PageContent .sideBar .uMenu ul li.nav2 a:hover,
.PageContent .sideBar .uMenu ul li.nav2 a.cur {
	background-position: -24px -180px;
}

.PageContent .sideBar .uMenu ul li.nav3 a {
	background-position: -24px -240px;
}

.PageContent .sideBar .uMenu ul li.nav3 a:hover,
.PageContent .sideBar .uMenu ul li.nav3 a.cur {
	background-position: -24px -300px;
}

.PageContent .sideBar .uMenu ul li.nav4 a {
	background-position: -24px -360px;
	position: relative;
}

.PageContent .sideBar .uMenu ul li.nav4 a em {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
	background: #f66a00;
	color: #fff;
	border-radius: 50%;
	overflow: hidden;
	font-size: 14px;
	font-style: normal;
	display: none;
}

.PageContent .sideBar .uMenu ul li.nav4 a:hover,
.PageContent .sideBar .uMenu ul li.nav4 a.cur {
	background-position: -24px -420px;
}

.PageContent .sideBar .uMenu ul li.nav4 a:hover em,
.PageContent .sideBar .uMenu ul li.nav4 a.cur em {
	background: #fff;
	color: #f66a00;
}

.PageContent .sideBar .uMenu ul .nav6 a {
	background: url(../images/user/subscribe.png) no-repeat 15px;
}

.PageContent .sideBar .uMenu ul li.unread a {
	background-position: -24px -480px;
}

.PageContent .sideBar .uMenu ul li.unread a:hover,
.PageContent .sideBar .uMenu ul li.unread a.cur {
	background-position: -24px -540px;
}

.cmyIco {
	padding: 20px 10px;
	border-top: 1px dashed #c5c5c5;
	margin-top: 20px;
}

.cmyIco ul li {
	float: left;
	width: 56px;
	margin-right: 20px;
	text-align: center;
}

.cmyIco a {
	color: #202020;
}

.cmyIco p {
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.cmyIco a:hover {
	text-decoration: none;
}

.PageContent_side .content .cmyIco a img {
	margin: 0;
}

.textCon {
	padding-top: 20px;
}

.textCon p {
	line-height: 20px;
}

.textCon .cor1 {
	color: #fe6c00;
}

.psdBox .msg {
	padding: 10px 0 0 205px;
	color: #f00;
	font-size: 16px;
}

.emaiBox .psdBox .msg {
	padding: 0 0 0 205px;
}

/*个人中心Account_Safe*/
.emaiBox {
	padding-top: 40px;
}

.emaiBox .tab {
	height: 56px;
}

.emaiBox .tab ul li {
	float: left;
	height: 55px;
}

.emaiBox .tab a {
	display: inline-block;
	border: 1px solid #b0afaf;
	padding: 0 10px;
	margin-right: 10px;
	font-size: 20px;
	line-height: 55px;
	border-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
	background: #b0afaf;
	color: #fff;
}

.emaiBox .tab a:hover {
	text-decoration: none;
}

.emaiBox .tab a.cur {
	background: #fff;
	color: #777;
}

.emaiBox .bor {
	border: 1px solid #b0afaf;
	height: 368px;
	border-top: 1px solid #b0afaf;
}

.emaiBox .bor .psdBox {
	margin: 0 auto;
}

.emaiBox .ctxt {
	width: 535px;
	margin: 0 auto;
	padding-top: 60px;
}

.emaiBox a.set,
.emaiBox a.modify,
.emaiBox a.gifts {
	display: inline-block;
	width: 104px;
	background: #fe9500;
	text-decoration: none;
}

.emaiBox a.set {
	float: right;
}

.emaiBox a.gifts {
	background: #7494d4;
	margin-left: 30px;
}

.emaiBox a:hover {
	text-decoration: none;
}

.emaiBox .e_txt {
	color: #777;
	margin-top: 20px;
}

.emaiBox .e_red {
	color: #fe6c00;
	margin-top: 8px;
}

.emaiBox .mt30 {
	margin-top: 30px;
}

.emaiBox .pdt20 {
	padding-top: 20px;
}

.email_line {
	height: 36px;
	background: url(../images/layout/emial.jpg) 0 0 no-repeat;
	padding-left: 60px;
	width: 360px;
	color: #444;
	font-size: 20px;
	line-height: 36px;
	float: left;
}

.psdBox {
	width: 620px;
	margin: 0;
	padding-top: 30px;
}

.psdBox .line {
	height: 40px;
	margin-top: 10px;
}

.psdBox .lab {
	float: left;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	width: 190px;
	text-align: right;
	padding-right: 5px;
	color: #777777;
	padding-right: 6px;
}

.psdBox a {
	display: block;
	width: 364px;
	height: 50px;
	background: #fe9500;
	border-radius: 5px;
	margin: 20px 0 0 195px;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 24px;
}

.psdBox a:hover {
	text-decoration: none;
	background-color: #fe6c00;
}

.psdBox .pInput {
	width: 400px;
	height: 20px;
	padding: 10px 5px;
	border: 1px solid #b0afaf;
	background: #fff;
	font-size: 16px;
	color: #909090;
	float: left;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.psdBox .pInput:focus {
	border: 1px solid #fa960a;
	box-shadow: 0 0 5px #fb970b;
	outline: none;
}

.btn_modify {
	padding: 30px 0 20px 0;
}

.btn_modify a {
	display: inline-block;
	width: 134px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	text-align: center;
	background: #fe9500;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	margin-right: 24px;
}

.btn_modify a.blue {
	background: #7494d4;
}

/**/
.per {
	text-align: center;
	position: relative;
	width: 600px;
}

.per a.cp {
	display: inline-block;
	width: 134px;
	height: 36px;
	position: absolute;
	background: #fe9500;
	margin: 50px 20px 0;
}

.per a.cp:hover {
	text-decoration: none;
}

.perBox .psdBox {
	padding-top: 0px;
}

.sel {
	background: #fff;
	border: 1px solid #b0afaf;
	color: #909090;
	height: 40px;
	margin-top: 3px;
	width: 135px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*个人中心首页*/
.personal_head {
	background: url(../images/index/PersonalCenter_head.jpg) no-repeat 50% 0;
}

.personal_head .PageHead_main {
	background: url(../images/index/PersonalCenter_head.jpg) no-repeat 50% 0;
}

.firstEnter_tip {
	background-color: #f2f2f2;
	padding: 16px;
	border-radius: 4px;
	position: relative;
}

.firstEnter_tip p {
	width: 500px;
}

.firstEnter_tip .tip_warning {
	color: #fe6c00;
	display: block;
	margin-top: 10px;
}

.btn_set {
	width: 104px;
	height: 36px;
	display: block;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: #fe9500;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: absolute;
	right: 38px;
	top: 38px;
}

.btn_set:hover {
	text-decoration: none;
	background: #fe6c00;
}

.playGame_box {
	border: 1px solid #e2e2e2;
	padding: 18px;
	margin-bottom: 20px;
}

.playGame_box .tip {
	border-bottom: 1px dashed #c5c5c5;
	padding: 10px 0;
}

.title_playGame {
	font-size: 18px;
	color: #777777;
	font-weight: bold;
	line-height: 50px;
}

.playGame_list li {
	text-align: center;
	width: 120px;
	float: left;
	margin-right: 6px;
}

.playGame_list li a {
	color: #777777;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.PageContent_side .content .playGame_list li a img {
	width: 100px;
	height: 100px;
	margin-bottom: 0;
}

.playGame_list li a p {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

/*-=News
-----------------------------------------------------------*/
.news_head {
	background: url(../images/index/news_head.jpg) no-repeat 50% 0;
}

.news_head .PageHead_main {
	background: url(../images/index/news_head.jpg) no-repeat 50% 0;
}

.tab-nav {
	padding: 0 0 0 322px;
	height: 59px;
	margin-top: -59px;
	position: relative;
	z-index: 3;
}

.tab-nav li {
	float: left;
	margin-right: 20px;
}

.tab-nav li a {
	display: block;
	height: 59px;
	line-height: 59px;
	background: #cbcbcb;
	text-align: center;
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 10px;
}

.tab-nav li a:hover {
	text-decoration: none;
}

.tab-nav li.cur a {
	background: #fff;
	border: 1px solid #cbcbcb;
	border-bottom: 0;
	height: 58px;
	color: #777;
}

/*--news list--*/
.u-textList {
	padding: 45px 45px 0;
}

.news_list li {
	margin-bottom: 2em;
	font-size: 14px;
	min-height: 210px;
	position: relative;
	border-bottom: 1px dashed #c5c5c5;
	padding-bottom: 1.5em;
}

.news_list li:last-of-type {
	margin-bottom: 0;
}

.news_list dl {
	margin-left: 375px;
}

.news_list dt,
.news-nrBox dt {
	text-transform: capitalize;
	font: 20px/2 700 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fe6c00;
}

.news_time {
	margin-bottom: 0.5em;
	color: #08bbfd;
}

.news_list dd.news_con {
	height: 85px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.news_list dd.news_attr a {
	color: #fe6c00;
}

.news_list a:hover {
	text-decoration: underline;
}

.news_list dt a {
	color: #fe6c00;
}

.news_list .news_img {
	position: absolute;
	left: 0;
	top: 1em;
}

/*pagenum*/
.pagenumQu {
	padding: 26px 10px 26px 0;
	text-align: center;
}

.yiiPager li {
	display: inline;
}

.yiiPager .first,
.yiiPager .previous,
.yiiPager .next,
.yiiPager .last {
	font-family: "sunsim";
	font-size: 10px;
}

.yiiPager a {
	padding: 0 9px;
	margin: 0px 3px;
	color: #909090;
	border: 1px solid #c5c5c5;
	overflow: hidden;
	height: 22px;
	display: inline-block;
	line-height: 22px;
}

.yiiPager a:hover,
.yiiPager .selected a {
	background: #fe6c00;
	color: #fff;
	border: 0;
	padding: 0 10px;
	line-height: 24px;
	height: 24px;
	text-decoration: none;
}

/*news detail*/
.newsD-title {
	font: 700 60px/2 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #444;
	background: url(../images/index/news_titleR.jpg) right 30px no-repeat;
	height: 110px;
	border-bottom: 1px solid #909090;
	padding-top: 50px;
}

.news-nrBox {
	padding: 50px 110px 0;
}

.news-nrBox .txt-con {
	padding: 20px 0 50px;
	overflow-wrap: break-word;
}

.news-nrBox .txt-con p {
	padding-bottom: 15px;
}

.news-nrBox .ttO {
	color: #fe6c00;
}

.news-more {
	float: right;
	font-family: "Verdana";
	color: #909090;
}

.news-more i {
	color: #08bbfd;
	font-style: normal;
}

.newsDetail_end {
	height: 60px;
}

/*-=404
-----------------------------------------------------------*/
.box-404m {
	background: url(../images/index/page404.png) center no-repeat;
	height: 740px;
	position: relative;
}

.box-404m a {
	display: block;
	width: 190px;
	height: 50px;
	position: absolute;
	top: 460px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box-404m .btn-o {
	background: #fe9500;
	left: 180px;
}

.box-404m .btn-b {
	background: #7494d4;
	left: 390px;
}

.box-404m .txt {
	font: 700 32px/3.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #a0b7c5;
	position: absolute;
	left: 180px;
	top: 370px;
}

/*-=Account Massge
-----------------------------------------------------------*/
.massage_tag {
	border-bottom: 1px solid #b0afaf;
	height: 46px;
	width: 762px;
	padding: 40px 0 0 20px;
}

.massage_tag ul {
	height: 46px;
}

.massage_tag ul li {
	float: left;
	margin-right: 10px;
}

.massage_tag ul li a {
	display: block;
	width: 143px;
	height: 46px;
	background-color: #cbcbcb;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.massage_tag ul li.cur a {
	color: #777777;
	width: 141px;
	height: 46px;
	background-color: #fff;
	border: 1px solid #b0afaf;
	border-bottom: none;
}

.massage_tag ul li .msg_number {
	color: #fe6c00;
}

.massage_tag ul li a:hover {
	text-decoration: none;
}

.massage_tag .label_Mread {
	cursor: pointer;
	line-height: 46px;
	font-size: 14px;
}

.massage_tag .btn_compose {
	display: block;
	width: 80px;
	height: 35px;
	background: url(../images/layout/button.png) no-repeat 0 0;
	font-size: 14px;
	color: #fff;
	padding-left: 50px;
	text-transform: uppercase;
	line-height: 35px;
	margin: 4px 0 0 10px;
}

.massage_tag .btn_compose:hover {
	background-position: -130px 0;
	text-decoration: none;
}

.massage_list {
	width: 782px;
}

.massage_list a:hover {
	text-decoration: none;
}

.massage_list .massage_box {
	border-bottom: 1px solid #e2e2e2;
	padding: 40px 0 30px 0;
	width: 782px;
}

.massage_list .massage_box:last-child {
	border: none;
}

.massage_list .massage_box .user_pic {
	padding: 6px 0 0 20px;
	width: 86px;
	height: 86px;
	float: left;
	margin-right: 36px;
}

.massage_list .massage_box .user_pic img {
	width: 86px;
	height: 86px;
}

.massage_list .massage_box .msg_main {
	float: left;
}

.msg_main .msg_head {
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	width: 620px;
	margin-bottom: 16px;
}

.msg_main .msg_head .user_name {
	color: #fe6c00;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	padding-left: 14px;
}

.msg_main .msg_head .btn_function {
	float: right;
}

.msg_main .msg_head .btn_function a {
	color: #909090;
	font-size: 13px;
	display: block;
	width: 54px;
	height: 22px;
	float: left;
	background-color: #f1f0f0;
	text-align: center;
	line-height: 22px;
	border: 1px solid #dbdbdb;
	margin-left: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.msg_main .msg_head .btn_function a:hover {
	background-color: #ebebeb;
	text-decoration: none;
}

.msg_main .msg_w {
	border: 1px solid #b0afaf;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px 30px;
	*zoom: 1;
	width: 578px;
	position: relative;
}

.msg_main .msg_w:after {
	content: "";
	width: 26px;
	height: 17px;
	background: url(../images/layout/button.png) no-repeat 0 -50px;
	position: absolute;
	z-index: 3;
	top: -17px;
	left: 46px;
}

.msg_main .msg_w .msg_title {
	font-size: 14px;
	color: #515151;
}

.msg_main .msg_w .full_content {
	word-wrap: break-word;
	word-break: normal;
}

.msg_main .msg_w .btn_read {
	display: block;
	text-align: center;
	line-height: 15px;
	width: 35px;
	height: 15px;
	color: #f96a02;
	border: 1px solid #f96a02;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
}

.msg_main .msg_w .btn_expand {
	color: #f96a02;
	font-size: 14px;
	background: url(../images/layout/button.png) no-repeat 0 -108px;
	padding-left: 12px;
	margin-left: 18px;
}

.msg_main .msg_w .btn_hide {
	color: #f96a02;
	font-size: 14px;
	background: url(../images/layout/button.png) no-repeat 0 -135px;
	padding-left: 12px;
	margin-left: 30px;
}

.msg_replie_h {
	margin-bottom: 16px;
	color: #909090;
}

.replies_list li {
	width: 446px;
	border: 1px solid #f8c781;
	background-color: #fdefdb;
	padding: 10px 20px;
	color: #515151;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 24px;
	*zoom: 1;
	position: relative;
	margin-bottom: 24px;
	word-wrap: break-word;
	word-break: normal;
}

.replies_list li:after {
	content: "";
	width: 22px;
	height: 15px;
	background: url(../images/layout/button.png) no-repeat 0 -35px;
	position: absolute;
	z-index: 3;
	top: -15px;
	left: 24px;
}

.replies_list li .replies_head {
	color: #777777;
	font-size: 13px;
}

.replies_list li .replies_head .user_name {
	font-size: 14px;
	color: #0fb8f7;
	font-weight: bold;
	margin-right: 10px;
}

.new_icon {
	display: inline-block;
	width: 37px;
	height: 15px;
	background: url(../images/layout/button.png) no-repeat -22px -35px;
	margin-left: 6px;
}

.writeMessage {
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 638px;
	margin-left: 142px;
	background-color: #fff;
}

.writeMessage .writeMsg_head {
	height: 39px;
	border-bottom: 1px solid #dbdbdb;
	background-color: #f4f4f4;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5d5d;
}

.writeMessage .writeMsg_head .Z_left {
	display: block;
	float: left;
	width: 32px;
	height: 19px;
	background: url(../images/layout/button.png) no-repeat -59px -35px;
	border-right: 1px solid #9d9d9d;
	margin: 10px 12px 0 10px;
}

.writeMessage .writeMsg_head p {
	float: left;
	height: 19px;
	line-height: 19px;
	margin-top: 10px;
}

.writeMessage .writeMsg_main textarea {
	border: none;
	height: 80px;
	width: 608px;
	outline: none;
	padding: 10px 10px 0px 20px;
	background: none;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #515151;
}

.writeMessage .writeMsg_bottom {
	height: 39px;
	border-top: 1px solid #dbdbdb;
	background-color: #f4f4f4;
}

.writeMsg_bottom .btn_send {
	width: 72px;
	height: 29px;
	background: #fe9500;
	color: #fdfdfd;
	font-size: 14px;
	text-align: center;
	display: block;
	line-height: 29px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	margin: 5px 18px 0 14px;
}

.writeMsg_bottom .btn_send:hover {
	text-decoration: none;
	background-color: #fe6c00;
}

.writeMsg_bottom .btn_addImage {
	float: left;
	display: block;
	width: 24px;
	height: 29px;
	background: url(../images/layout/button.png) no-repeat 0 -67px;
	margin: 5px 4px 0 0;
}

.writeMsg_bottom .btn_addImage:hover {
	background-position: -48px -67px;
}

.writeMsg_bottom .btn_addIcon {
	float: left;
	display: block;
	width: 24px;
	height: 29px;
	background: url(../images/layout/button.png) no-repeat -24px -67px;
	margin: 5px 0 0 0;
}

.writeMsg_bottom .btn_addIcon:hover {
	background-position: -72px -67px;
}

/*-=Support
---------------------------------------------------------------------*/
/*-----------Support index-------------*/
.support_wrap {
	min-height: 600px;
	_height: 600px;
	padding-bottom: 20px;
}

.support_wrap a,
.support_wrap a:hover {
	text-decoration: none;
}

.support_main {
	width: 1220px;
	margin: 0 auto;
}

.support_title p {
	font-size: 36px;
	height: 152px;
	line-height: 152px;
	text-align: center;
	color: #909090;
}

.choiseGame_list ul {
	padding: 0 0 40px 90px;
}

.choiseGame_list ul li {
	width: 299px;
	float: left;
	margin: 0 48px 24px 0;
	border-radius: 6px;
}

.choiseGame_list ul li .img {
	width: 299px;
	height: 210px;
	background: url(../images/pic/choiseGame_none.jpg) no-repeat 0 0;
	transition: ease all 0.7s;
	-moz-transition: ease all 0.7s;
	-webkit-transition: ease all 0.7s;
}

.choiseGame_list ul li a:hover .img {
	opacity: 0.75;
	transform: translate(-8px, -4px);
	-moz-transform: translate(-8px, -4px);
	-webkit-transform: translate(-8px, -4px);
}

.choiseGame_list ul li .title {
	background-color: #363636;
	height: 53px;
	line-height: 53px;
	padding-left: 17px;
	font-size: 16px;
	color: #d4d4d4;
	border-bottom: 1px solid #ff6c00;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

/*-----------Support page-------------*/
.support_head {
	background: url(../images/index/support_head.jpg) no-repeat 50% 0;
}

.support_head .PageHead_main {
	background: url(../images/index/support_head.jpg) no-repeat 50% 0;
}

/*Support menu*/
.subMenu2 ul {
	padding: 40px 0 0 0;
}

.subMenu2 ul li {
	margin-bottom: 10px;
	width: 285px;
}

.subMenu2 ul li a {
	display: block;
	width: 207px;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	color: #fff;
	background: url(../images/layout/button.png) no-repeat 254px -202px #fe6c00;
	padding: 0 38px 0 40px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.subMenu2 ul li.current a {
	background-position: 254px -163px;
}

.subMenu2 ul li a:hover {
	text-decoration: none;
}

.subMenu2 .dropdown_list {
	padding: 20px 0 8px 0;
	display: none;
}

.subMenu2 .dropdown_list li {
	margin: 0;
	border-bottom: 1px solid #f0f0f0;
}

.subMenu2 .dropdown_list li a {
	background: none;
	color: #777777;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	text-transform: none;
}

.subMenu2 .dropdown_list li a:hover,
.subMenu2 .dropdown_list li.on a {
	color: #fe6c00;
}

/*Support right side*/
.support_right {
	width: 855px;
}

.supportRt_head {
	line-height: 50px;
	color: #909090;
	border-bottom: 1px solid #e2e2e2;
	padding-top: 18px;
}

.supportRt_head .currentS a {
	color: #909090;
}

.supportRt_head .currentS .current_on {
	color: #fe6c00;
}

.supportRt_head .user_f {
	color: #444444;
}

.supportRt_head .btn_myTicket {
	color: #909090;
	display: block;
	width: 78px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	display: inline-block;
	margin-left: 12px;
}

.supportRt_head .btn_myTicket:hover {
	text-decoration: none;
	color: #fe9500;
	border: 1px solid #fe9500;
}

/*search box*/
.searchBox {
	width: 714px;
	height: 62px;
	background-color: #f1f1f1;
	border-radius: 6px;
	margin: 40px 0 0 70px;
}

.searchBox p {
	display: inline;
}

.searchBox .input_search {
	height: 34px;
	width: 544px;
	border: 1px solid #cecece;
	margin: 13px 20px 0 16px;
	padding-left: 10px;
	line-height: 34px;
}

.searchBox .btn_search {
	width: 104px;
	height: 36px;
	background-color: #fe9500;
	border: none;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}

.searchBox .btn_search:hover {
	background-color: #fe6c00;
}

.search_w {
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	color: #fe9500;
	margin-bottom: -30px;
}

.keyword {
	color: #fe6c00;
	font-style: normal;
}

.highlight {
	background: #ffff00;
	display: inline-block;
}

/*-----------Support detail-------------*/
.QA_box {
	padding: 40px 70px 30px 70px;
}

.QA_box .QA_list li .btn_f {
	color: #444444;
	font-size: 16px;
	line-height: 48px;
}

.QA_box .color_F {
	font-size: 22px;
	color: #09b5ed;
	margin-right: 10px;
}

.QA_box .color_Q {
	font-size: 22px;
	color: #08e680;
	margin-right: 10px;
}

.QA_box .QA_list .qWen {
	display: none;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 30px;
	color: #777777;
	line-height: 30px;
}

.btn_help {
	text-align: center;
	padding: 50px 0 50px 0;
}

/*.btn_help a{ display: inline-block; width: 261px; height: 48px; font-size:18px; border-radius:6px; text-align:center; line-height: 48px; color:#777777; border:1px solid #909090;font-family:'robotothin'; font-weight:600;}*/
.btn_help a {
	display: inline-block;
	padding: 9px 20px;
	font-size: 18px;
	border-radius: 6px;
	color: #777777;
	border: 1px solid #909090;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.btn_help a:hover {
	text-decoration: none;
	color: #fe9500;
	border: 1px solid #fe9500;
}

/*game Support index*/
.supportIndx_S {
	position: relative;
}

.supportIndx_S .searchBox {
	margin: 0px 0 0 250px;
}

.supportIndx_S .keyword {
	padding: 12px 0 0 250px;
	line-height: 24px;
	width: 714px;
	overflow: hidden;
}

.supportIndx_S .btn_myTicket {
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	text-align: center;
	background: none;
	color: #909090;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	position: absolute;
	left: 885px;
	top: -88px;
}

.supportIndx_S .btn_myTicket:hover {
	color: #fe9500;
	border: 1px solid #fe9500;
}

.supportIndx_S .keyword a {
	display: inline-block;
	padding: 0px 10px;
	background: #80daed;
	margin: 0 5px 5px 5px;
	color: #fff;
	font-size: 12px;
}

.how_list {
	padding: 56px 0 40px 106px;
}

.how_list .how_box {
	width: 221px;
	height: 424px;
	border: solid 1px #e2e2e2;
	float: left;
	margin-right: 36px;
}

.how_list .how_box .icon {
	width: 84px;
	height: 84px;
	margin: 26px 0 0 70px;
	background: url(../images/layout/suport_icon.jpg?001) no-repeat;
}

.how_list .how_box .icon_1 {
	background-position: 0 0;
}

.how_list .how_box .icon_2 {
	background-position: 0 -84px;
}

.how_list .how_box .icon_3 {
	background-position: 0 -168px;
}

.how_list .how_box .icon_4 {
	background-position: 0 -252px;
}

.how_list .how_box .title {
	width: 221px;
	height: 158px;
	overflow: hidden;
	border-bottom: solid 1px #e2e2e2;
}

.how_list .how_box .title h3 {
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	color: #444444;
	line-height: 36px;
}

.how_ul {
	padding: 14px 0 20px 0;
}

.how_ul li {
	padding-left: 26px;
	line-height: 25px;
	width: 174px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.how_ul li a {
	color: #777777;
}

.how_ul li a:hover {
	color: #fe6c00;
	text-decoration: underline;
}

.btn_more {
	margin-left: 86px;
	color: #fe6c00;
	font-size: 12px;
}

/*game Support list*/
.support_list ul {
	padding: 50px 0 0 12px;
}

.support_list ul li {
	float: left;
	margin: 0 50px 50px 0;
	width: 231px;
	height: 130px;
}

/*.support_list ul li a {display:block; width: 229px; height: 128px; border:1px solid #909090; color:#444444;font-family:'robotothin'; text-align:center; border-radius:6px;}*/
.support_list ul li a {
	display: block;
	width: 229px;
	height: 128px;
	border: 1px solid #909090;
	color: #444444;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 6px;
}

.support_list ul li a strong {
	display: block;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	padding: 32px 0 7px 0;
	line-height: 20px;
}

.support_list ul li a i {
	display: block;
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
}

.support_list ul li a:hover {
	text-decoration: none;
	color: #fe6c00;
	border: 1px solid #fe6c00;
}

/*Comment评价*/
.comment_box {
	background-color: #f9f9f9;
	border: 1px solid #e7e7e7;
	margin: 20px 0 20px 0px;
	padding: 20px;
	color: #515151;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 360px;
}

.comment_box form {
	padding-left: 16px;
}

.comment_box p {
	line-height: 36px;
}

.comment_box label {
	cursor: pointer;
	line-height: 30px;
	height: 30px;
}

.comment_box input {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.star_Com {
	line-height: 20px;
	height: 20px;
	margin-bottom: 24px;
}

.star_Com em {
	float: left;
	font-style: normal;
	margin-right: 10px;
	padding-left: 16px;
}

.star_list {
	float: left;
}

.myTicket_content .comment_box .star_list li {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/layout/button.png) no-repeat 0 -264px;
	line-height: 60px;
	padding: 0;
	margin: 0 8px 0 0;
	border: none;
	overflow: hidden;
}

.myTicket_content .comment_box .star_list li.on {
	background-position: -20px -264px;
}

.myTicket_content .comment_box .star_list li a {
	display: block;
}

.bt_submit {
	background-color: #fe9500;
	border: none;
	color: #fff;
	padding: 7px 15px;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	margin: 20px 0 10px 16px;
}

.comment_box .input_other {
	width: 160px;
	height: 20px;
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #d9d9d9;
	outline: none;
	padding: 0 10px;
	line-height: 20px;
	background-color: #f9f9f9;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*-----------Support Ticket-------------*/
/*My Ticket*/
.myTicket_nr {
	padding: 0 20px 40px 20px;
}

.tichet_title {
	padding-left: 20px;
}

.tichet_title h2 {
	font-size: 30px;
	color: #444444;
	line-height: 90px;
	text-transform: uppercase;
}

.myTicket_nr .payHistory_list a {
	color: #777777;
}

.myTicket_nr .payHistory_list a:hover {
	color: #fe6c00;
}

/*My Ticket detail*/
.myTicket_content {
	border: 1px solid #e2e2e2;
	margin: 0 20px;
	padding: 40px 20px;
	margin-bottom: 40px;
}

.myTicket_content .title {
	height: 42px;
	font-size: 16px;
	color: #444444;
}

.myTicket_content .Wen {
	border-bottom: 1px dashed #ccc;
	line-height: 24px;
	color: #777777;
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.myTicket_content .server_reply {
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 30px;
	padding: 10px 20px;
	color: #515151;
	line-height: 24px;
}

.myTicket_content .server_reply .title {
	font-size: 13px;
	height: 32px;
	color: #777777;
}

.myTicket_content .server_reply .title span {
	font-size: 14px;
	color: #444444;
	margin-right: 10px;
}

.myTicket_content .title .h {
	display: block;
	width: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.myTicket_content .title .time {
	font-size: 14px;
	color: #777777;
}

.myTicket_content .btn_function {
	margin-bottom: 30px;
	text-align: right;
}

.myTicket_content .btn_function a {
	color: #0fb8f7;
	font-size: 13px;
	margin-right: 20px;
}

.myTicket_content .replies_list {
	background-color: #fffaf2;
	border: 1px solid #fde8ad;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.myTicket_content .replies_list li {
	word-wrap: break-word;
	word-break: normal;
	width: 690px;
	border: none;
	background: none;
	border-bottom: 1px dashed #c5c5c5;
	margin: 0 20px 26px 20px;
	padding-left: 0;
	padding-right: 0;
}

.myTicket_content .replies_list li:after {
	display: none;
}

.replies_list li.msg_w:after {
	display: none;
}

.replies_list li.msg_w .user_name {
	color: #fe6c00;
}

.myTicket_nr .writeMessage {
	margin: 0 0 20px 20px;
	width: 690px;
}

.myTicket_nr .writeMessage .writeMsg_main textarea {
	width: 660px;
}

/*My Ticket pop Up*/
.support_tig {
	padding: 100px 0 0 90px;
}

.support_tig .pop-btn {
	text-align: center;
	padding-top: 80px;
}

.support_tig .pop-btn .btn_backUp {
	width: 150px;
	display: inline-block;
}

.btn_backUp:hover {
	text-decoration: none;
}

.support_tig .msg {
	padding-left: 90px;
	line-height: 30px;
	font-size: 16px;
	color: #777777;
	width: 540px;
}

.support_tig .msg a {
	color: #fe6c00;
	text-decoration: underline;
}

/*Ticket submit*/
.submit_note {
	line-height: 21px;
	color: #777777;
	padding-left: 20px;
	margin-bottom: 30px;
}

.form_submit {
	padding: 0 0 20px;
}

.form_submit .row {
	margin-bottom: 16px;
}

.form_submit .row .row_l {
	text-align: right;
	width: 190px;
	font-size: 18px;
	color: #777777;
	line-height: 43px;
	padding-right: 12px;
	overflow: hidden;
}

.form_submit .row .row_r {
	position: relative;
}

.form_submit .row select {
	width: 325px;
	height: 41px;
	padding: 0 10px;
	border: 1px solid #b0afaf;
	font: 14px/41px Arial, Helvetica, sans-serif;
	color: #444444;
}

.form_submit .row input {
	width: 438px;
	height: 41px;
	padding: 0 10px;
	border: 1px solid #b0afaf;
	font: 14px/41px Arial, Helvetica, sans-serif;
	color: #444444;
}

.form_submit .row textarea {
	width: 438px;
	height: 80px;
	padding: 10px;
	border: 1px solid #b0afaf;
	font: 14px/24px Arial, Helvetica, sans-serif;
	color: #444444;
}

.form_submit .btn_file {
	display: inline-block;
	width: 104px;
	height: 36px;
	background: #fe9500;
	text-align: center;
	line-height: 36px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	border-radius: 4px;
	margin-top: 5px;
}

.form_submit .row input.input_file {
	position: absolute;
	top: 5px;
	left: 0;
	width: 104px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.form_submit .file_msg {
	color: #fa0909;
	padding-left: 30px;
}

.form_submit .pop-btn {
	padding-top: 30px;
}

.form_submit .pop-btn a {
	margin: 0 40px 0 0;
	text-decoration: none;
}

.form_submit .pop-btn a.btn-blue {
	width: 174px;
}

.row select:focus,
.row textarea:focus,
.row input:focus {
	border: 1px solid #fa960a;
	box-shadow: 0 0 5px #fb970b;
	outline: none;
}

/*=- 20151105LoA Club -=*/
.innerConWrap {
	margin: 0 auto;
	width: 1220px;
}

.grid .u-menu {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #909090;
	font-size: 36px !important;
	padding-top: 40px;
}

.grid table tr {
	height: 42px;
}

.grid table tr td {
	height: 46px;
	line-height: 46px;
	font-size: 16px;
}

.grid table tr td input {
	width: 300px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #b0afaf;
	background: #fff;
	font-size: 16px;
	color: #909090;
	padding: 0 10px;
}

.grid table tr td select {
	height: 32px;
	border: 1px solid #b0afaf;
	background: #fff;
	font-size: 16px;
	color: #909090;
	padding: 0 10px;
}

.grid table tr td label {
	margin-right: 20px;
	cursor: pointer;
}

.grid table tr td label input {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.grid table #btn_sub {
	display: block;
	width: 240px;
	height: 50px;
	background: #fe9500;
	color: #fff;
	text-align: center;
	outline: none;
	cursor: pointer;
	line-height: 50px;
	border: none;
	font-size: 24px;
	border-radius: 4px;
	margin: 20px 0;
}

/* 订阅服务 */
.subscribe-box {
	padding: 0 20px;
}

.subscribe-box .subscribe-list > li {
	padding: 25px 0;
	border-bottom: 1px dashed #ccc;
	line-height: 34px;
}

.subscribe-box .subscribe-list > li h4 {
	font-size: 16px;
}

.subscribe-box .subscribe-list ol {
	padding: 0;
	margin: 0;
}

.subscribe-box .subscribe-list ol li {
	float: left;
	width: 23%;
	margin-right: 2%;
	color: black;
}

.subscribe-box .subscribe-list ol li input {
	vertical-align: middle;
	display: none;
}

.subscribe-box .subscribe-list ol li label {
	cursor: pointer;
}

.subscribe-box .subscribe-list ol li label.disabled {
	color: #949191;
}

.subscribe-box .subscribe-list ol li input[type="checkbox"]:checked + label.disabled::before {
	background-image: url(../images/user/checked-ok.png);
}

.subscribe-box .subscribe-list ol li label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: #ebebeb;
	border: 1px solid #999;
	border-radius: 5px;
	vertical-align: middle;
}

.subscribe-box .subscribe-list ol li input[type="checkbox"]:checked + label::before {
	background-image: url(../images/user/checked.png);
	background-position: center;
	background-repeat: no-repeat;
}

.subscribe-box .faq {
	padding: 25px 0;
	line-height: 1;
}

.subscribe-box .faq a {
	color: #777;
}

.subscribe-box .faq a:hover {
	text-decoration: none;
}

.subscribe-box .confirm-box {
	text-align: right;
}

.subscribe-box .confirm-box .confirm-btn {
	display: inline-block;
	width: 130px;
	height: 37px;
	line-height: 37px;
	border-radius: 5px;
	background-color: #fe9500;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.subscribe-box .confirm-box .confirm-btn:hover {
	text-decoration: none;
	background-color: #ffaa32;
}

.popWrap .pop-btn a:hover {
	text-decoration: none;
}

/* 我的消息 */
.message-box input {
	vertical-align: middle;
	display: none;
}

.message-box label {
	cursor: pointer;
}

.message-box label.disabled {
	color: #949191;
}

.message-box input[type="checkbox"]:checked + label.disabled::before {
	background-image: url(../images/user/checked-ok.png);
}

.message-box label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: #ebebeb;
	border: 1px solid #999;
	border-radius: 5px;
	vertical-align: sub;
	box-sizing: border-box;
}

.message-box input[type="checkbox"]:checked + label::before {
	background-image: url(../images/user/checked.png);
	background-position: center;
	background-repeat: no-repeat;
}

.system_clear:before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 19px;
  background: url(../images/message/clear.png) no-repeat center center;
  margin-right: 6px;
}

.system_delete:before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  background: url(../images/message/delete.png) no-repeat center center;
  margin-right: 6px;
}

.message-box {
	font-family: Arial;
	margin-top: 50px;
	position: relative;
}
.loading-box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.75);
	display: none;
}
#chat-wrap .loading-box {
	
}
.loading-box .loading-ico {
	top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
}
.loading-box .loading-ico .circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite;
}
@keyframes loading-rotate {
	100% {
		transform: rotate(1turn);
	}
}
.loading-box .loading-ico .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #fe9500;
    stroke-linecap: round;
}
@keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px;
	}
	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px;
	}
}

.message-box .tab-bar {
	width: 815px;
	height: 58px;
}

.message-box .tab-bar .tab {
	width: 182px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	background-color: #b0afaf;
	border: solid 1px #b0afaf;
	border-bottom: none;
	box-sizing: border-box;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	letter-spacing: 0px;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.3s;
	overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 12px;
}

.message-box .tab-bar .tab.cur, .message-box .tab-bar .tab:hover {
	background: none;
	color: #777777;
}

.message-box .panel {
	width: 814px;
	height: 666px;
	background-color: #ffffff;
	border: solid 1px #b0afaf;
	padding: 0 26px;
	box-sizing: border-box;
}

.message-box .panel .tool {
	height: 62px;
	line-height: 62px;
	user-select: none;
	font-family: Arial;
	font-size: 16px;
	color: #777777;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}

.message-box .panel .tool .left {
	float: left;
	max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.message-box .panel .tool .right {
	float: right;
}

.message-box .panel .tool .right [for="system_unread"],
        .message-box .panel .tool .right .btn {
	margin-right: 20px;
	text-decoration: none;
	color: #777777;
	max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.message-box .panel .tool [for="system_all"]:before {
	margin-right: 20px;
}

.message-box .panel .tool [for="system_unread"]:before {
	margin-right: 10px;
}

.message-box .panel .msg-list .msg {
	position: relative;
	height: 98px;
	border-bottom: dashed 1px #cccccc;
	margin: 4px 0;
	box-sizing: border-box;
	overflow: hidden;
}

.message-box .panel .msg-list .msg .msg-checkbox {
	position: absolute;
	top: 40px;
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	border: 1px solid #999;
	border-radius: 4px;
	background: #ebebeb;
	box-sizing: border-box;
}

.message-box .panel .msg-list .msg .msg-checkbox:checked {
	background-image: url(../images/user/checked.png);
	background-repeat: no-repeat;
	background-position: center;
}

.message-box .panel .msg-list .msg .avatar {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	width: 64px;
	height: 64px;
	overflow: hidden;
	cursor: pointer;
}

.message-box .panel .msg-list .msg .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.message-box .panel .msg-list .msg .avatar.unread:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #e33b30;
  border: 1px solid #f56802;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.message-box .panel .msg-list .msg .meta {
	position: absolute;
	left: 134px;
	width: 620px;
	padding: 16px 0;
	box-sizing: border-box;
}

.message-box .panel .msg-list .msg .meta .date {
	position: absolute;
	right: 0;
	top: 16px;
	font-size: #999;
	color: #999999;
}

.message-box .panel .msg-list .msg .meta .date[data-min="-1"] .min {
	display: none;
}

.message-box .panel .msg-list .msg .meta .date[data-min="-1"] .ts {
	display: block;
}

.message-box .panel .msg-list .msg .meta .date .min {
	display: block;
}

.message-box .panel .msg-list .msg .meta .date .min .c {
	color: #f66a00;
}

.message-box .panel .msg-list .msg .meta .date .ts {
	display: none;
}

.message-box .panel .msg-list .msg .meta .nickname {
	height: 16px;
	font-size: 16px;
	margin-bottom: 20px;
	color: #999;
	cursor: pointer;
}

.message-box .panel .msg-list .msg .meta .title {
	font-size: 18px;
	color: #777;
	letter-spacing: 0px;
	height: auto;
	width: 620px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.message-box .panel .pagination {
	width: 672px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}

.message-box .panel .pagination .tip {
	font-size: 14px;
	color: #777777;
	margin-right: 10px;
}

.message-box .panel .pagination .pages {
	display: inline-block;
}

.message-box .panel .pagination a {
	display: inline-block;
	padding: 0 8px;
	height: 26px;
	line-height: 26px;
	margin: 0 3px;
	color: #777777;
	text-decoration: none;
	border-radius: 4px;
	border: solid 1px #cccccc;
	vertical-align: middle;
}

.message-box .panel .pagination a.active, .message-box .panel .pagination a:hover {
	color: #f66a00;
	border-color: #f66a00;
}

.message-box .panel .pagination a.active {
  pointer-events: none;
}

.message-box .panel .pagination span {
	font-size: 18px;
	padding: 0 8px;
	vertical-align: middle;
}

.message-box .panel .pagination .pages select {
	width: 94px;
	height: 26px;
	margin: 0 10px;
	border-radius: 4px;
	border: solid 1px #cccccc;
}

.message-box .panel .pagination .pages input {
	display: inline-block;
	width: 28px;
	height: 26px;
	text-align: center;
	color: #777777;
	border-radius: 4px;
	border: solid 1px #cccccc;
}

.message-detail-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.message-detail-wrap .nickname {
	font-size: 24px;
	line-height: 36px;
	color: #fe6c00;
	padding-bottom: 8px;
}

.message-detail-wrap * {
	box-sizing: border-box;
}

.message-detail-wrap .message-detail {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 860px;
	height: 652px;
	padding-left: 45px;
	padding-right: 10px;
	background-color: #ffffff;
}

.message-detail-wrap .message-detail .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 64px;
	background-color: #eeeeee;
	background-image: url(../images/message/btn-close.png);
	transition: all .3s;
	cursor: pointer;
	z-index: 2;
}

.message-detail-wrap .message-detail .close:hover {
	background-color: #e7e7e7;
}

.message-detail-wrap .message-detail .name {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #444444;
	text-align: center;
	margin: 56px 0 30px 0;
}

.message-detail-wrap .message-detail .container {
	height: 486px;
	overflow-y: auto;
	min-height: 486px;
}

.message-detail-wrap .message-detail .container::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #e7e7e7;
	border-radius: 3px;
}

.message-detail-wrap .message-detail .container::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}

.message-detail-wrap .message-detail .container .title {
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	height: auto;
	margin-bottom: 10px;
	color: #fe6c00;
}

.message-detail-wrap .message-detail .container .meta {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 14px;
}

.message-detail-wrap .message-detail .container .meta .account {
	font-size: 16px;
	font-weight: bold;
	color: #777777;
	margin-right: 20px;
}

.message-detail-wrap .message-detail .container .meta .date {
	font-size: 14px;
	color: #08bbfd;
}

.message-detail-wrap .message-detail .container .content {
	color: #777;
	font-size: 16px;
	padding-right: 30px;
}

.message-detail-wrap .message-detail .container .content img {
	display: block;
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 18px;
}

.chat-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.chat-wrap * {
	box-sizing: border-box;
}

.chat-wrap .chat-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
	height: 690px;
	background-color: #ffffff;
}

.chat-wrap .chat-box .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 64px;
	background-color: #eeeeee;
	background-image: url(../images/message/btn-close.png);
	transition: all .3s;
	cursor: pointer;
	z-index: 2;
}

.chat-wrap .chat-box .close:hover {
	background-color: #e7e7e7;
}

.chat-wrap .chat-box .container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.chat-wrap .chat-box .container .nickname {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #444;
	margin: 0 auto;
	height: 74px;
	line-height: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%;
}

.chat-wrap .chat-box .container .tips {
	display: none;
	position: absolute;
	top: 486px;
	left: 50%;
	transform: translateX(-50%);
	width: fit-content;
	max-width: 460px;
	line-height: 22px;
	padding: 4px 26px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #fff;
	background-color: #00000080;
	border-radius: 8px;
	z-index: 2;
	word-break: break-word;
}

.chat-wrap .chat-box .container .title {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #444444;
	text-align: center;
	margin: 56px auto 14px auto;
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chat-wrap .chat-box .container .msg-list {
	height: 380px;
	overflow-y: scroll;
	margin: 16px 10px 0 20px;
}

.chat-wrap .chat-box .container .msg-list::before {
	content: '';
	position: absolute;
	top: 100px;
	width: 100%;
	height: 20px;
	pointer-events: none;
	background-image: url(../images/message/msglist-shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	z-index: 1;
}

.chat-wrap .chat-box .container .msg-list.scroll::before {
	opacity: 1;
}

.chat-wrap .chat-box .container .msg-list::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #e7e7e7;
	border-radius: 3px;
}

.chat-wrap .chat-box .container .msg-list::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}

.chat-wrap .chat-box .container .msg-list .msg-time {
	font-size: 14px;
	color: #999999;
	text-align: center;
	padding: 16px 0 16px;
	white-space: pre;
}

.chat-wrap .chat-box .container .msg-list .msg-item {
	min-height: 48px;
	padding: 0 16px 16px;
	overflow: hidden;
	position: relative;
}

.chat-wrap .chat-box .container .msg-list .msg-item.is-me .avatar {
	float: right;
}

.chat-wrap .chat-box .container .msg-list .msg-item.is-me .message {
	position: relative;
	float: right;
}

.chat-wrap .chat-box .container .msg-list .msg-item.err .retry {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 20px;
	background-image: url(../images/message/send-err.png);
	cursor: pointer;
	border-radius: 50%;
}

.chat-wrap .chat-box .container .msg-list .msg-item .avatar {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	flex-shrink: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(//static.hdslb.com/images/member/noface.gif);
	float: left;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message {
	float: left;
	max-width: 480px;
	margin: 14px 10px;
	position: relative;
	overflow: hidden;
	color: #333;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message.img-padding .message-content {
	padding: 0;
	font-size: 0;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message.img-padding .message-content img {
	max-height: 150px;
	margin: 0;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message .message-content {
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	color: #777777;
	padding: 8px 16px;
	word-wrap: break-word;
	word-break: break-word;
	background-color: #e7e7e7;
	border-radius: 0px 12px 12px 12px;
	overflow: hidden;
}
.chat-wrap .chat-box .container .msg-list .msg-item.is-me .message .message-content {
	border-radius: 12px 0px 12px 12px;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message .message-content.is-me {
	border-radius: 12px 0px 12px 12px;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message .message-content.not-img {
	position: relative;
	z-index: 1;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message .message-content .emotion-item {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	vertical-align: bottom;
	border-radius: 4px;
}

.chat-wrap .chat-box .container .msg-list .msg-item .message .message-content .im-msg-item-img {
	cursor: pointer;
}

.chat-wrap .chat-box .container .msg-list .msg-item .avatar,
          .chat-wrap .chat-box .container .msg-list .msg-item .message {
	float: left;
}

.chat-wrap .chat-box .container .msg-list .msg-item .retry {
	display: none;
}

.chat-wrap .chat-box .container .send-box .input-box {
	position: relative;
}

.chat-wrap .chat-box .container .send-box .input-box .textarea {
	display: block;
	width: 610px;
	height: 110px;
	margin: 10px auto;
	border: solid 1px #b0afaf;
	padding: 14px 20px;
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #777777;
	outline: 0;
}

.chat-wrap .chat-box .container .send-box .input-box .indicator {
	color: #c0c0c0;
	position: absolute;
	right: 5px;
	bottom: 0;
	padding: 1px;
	font-size: 12px;
}

.chat-wrap .chat-box .container .send-box .row {
	padding: 18px 46px;
}

.chat-wrap .chat-box .container .send-box .row .space-margin {
	float: left;
	margin-top: 6px;
	margin-right: 14px;
	width: 28px;
	height: 28px;
}

.chat-wrap .chat-box .container .send-box .row .space-margin .btn {
	display: block;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.chat-wrap .chat-box .container .send-box .row .space-margin .btn.emo-btn {
	background-image: url(../images/message/icon-emo.png);
}

.chat-wrap .chat-box .container .send-box .row .space-margin .btn.img-btn {
	background-image: url(../images/message/icon-img.png);
}

.chat-wrap .chat-box .container .send-box .row .send-btn {
	float: right;
	width: 122px;
	height: 36px;
	border-radius: 4px;
	background-color: #E7AD4F;
	font-size: 16px;
	color: #ffffff;
	transition: all .3s;
	appearance: none;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.chat-wrap .chat-box .container .send-box .row .send-btn:hover {
	background-color: #E0952E;
}

.chat-wrap .view-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 10001;
}

.chat-wrap .view-container .image-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: fit-content;
	max-width: 80%;
	max-height: 80%;
}

.chat-wrap .view-container .image-container .close {
	position: absolute;
	top: -30px;
	right: -90px;
	width: 64px;
	height: 64px;
	background-image: url(../images/message/btn-close.png);
	cursor: pointer;
	z-index: 2;
	transition: all .5s;
}

.chat-wrap .view-container .image-container .close:hover {
	transform: rotate(180deg);
}

.chat-wrap .view-container .image-container .image-container img {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}
#emojis-btn {
	position: relative;
}
#emojis-btn:hover .emojis {
	display: block;
}
#emojis-btn .emojis {
	display: none;
	position: absolute;
	width: 430px;
	height: 148px;
	overflow-y: auto;
	left: 0;
	top: 0;
	transform: translateY(-100%);
	background: #fff;
	border: 1px solid #bbb;
	padding: 7px;
	display: none;
}
#emojis-btn .emojis img {
	width: 30px;
	height: 30px;
	margin: 7px;
	float: left;
	cursor: pointer;
}
#send-img {
	overflow: hidden;
	position: relative;
}
#send-img input {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 120px;
	opacity: 0;
}
#chat-view-more {
    display: block;
    font-size: 18px;
    color: #f09536;
    line-height: 32px;
    padding-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    display: none;
    text-decoration: none;
    cursor: pointer;
}

/*巨幕广告效果*/
.huge-screen ,.huge-screen-mark {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 90;display: none;}
.huge-screen-mark {width: 100%;height: 100%;z-index:89;background: #000000;-moz-opacity:0.5;-khtml-opacity: 0.8;opacity: 0.8;filter:alpha(opacity=80);}
.huge-screen a {display: block;position: relative;width: 82%;max-height: 80%;top: 9%;left: 50%;margin-left: -41%;overflow: hidden;}
.huge-screen img {display: block;width: 100%;height: 100%;border: 0;zoom: 1;}
.huge-screen-close {display: block;border: 0;width: 60px;height: 60px;background: url("../images/hugescreen/close.png") no-repeat;position: absolute;top: 8%;right: 8%;outline: none;cursor: pointer;}

/* 下沉式广告位 */
.banner-container *{ box-sizing: border-box;}
.cityBox, .cityWrap, .cityWrap_hover .cityName, .head-wrap, .head-wrap .head-content .nav-wrap .nav li.current { position: relative; }
.pupil-container, .sBanner-container { z-index:999; position:fixed; left:-100%; transition:left .75s ease-in-out; }
.cityList li { padding:5px 0 5px 40px }
.cityList li label { float:left;margin:5px 0 0 -20px; width:20px; text-align:center; color:#3e3e3e; background:#f2f2f2; font-weight:700; }
.cityList li a { padding:0 5px; margin-top:5px; display:inline-table; zoom:1; *display:inline; color:#666; }
.cityList li a:hover { background:#F42429; color:#fff; text-decoration:none; }
.cityList li a.selected span { color:#f42429; }
.cityList li a.selected:hover span { color:#fff; }
.scrollStyle::-webkit-scrollbar { width:8px; height:8px; }
.pupil-container img, .sBanner-container img { width:100%; }
.scrollStyle::-webkit-scrollbar-thumb {border-radius:2px;background-color:#a1a1a1;border-right:1px solid #fff;}
.pupil-container {display:block;bottom:0;font-size: 0;cursor: pointer;}
.sBanner-container {bottom:-1.9%;width:100%;-webkit-transform:translateZ(30px);-moz-transform:translateZ(30px);-ms-transform:translateZ(30px);transform:translateZ(30px);}
.sBanner-container .close-icon {position:absolute;width:25px;height:25px;top:30%;right:5%;cursor: pointer;background-image:url(../images/sink/close-b.png);background-size:contain;transition: all .4s ease-in;}
.sBanner-container .close-icon:hover {transform: rotate(180deg);}
.sBanner-container .text-box {display:block;position:absolute;width: 7.5%;padding: .4% 0;border: 1px solid #fff;border-radius: 5px;top: 30%;right: 16.5%;color:#fff;font-size:14px;text-align:center;cursor:pointer;text-decoration: none;text-transform: uppercase;}
.sBanner-container .text-box:hover {color: #ed6d11;border: 1px solid #ed6d11;}
.sBanner-container .android-box {top:65%!important;}
.time-box {position: absolute;top: 50%;right: 5%;font-size: 12px;color: #fff;}
.s-close {position: absolute;top: 0;right: 0;width: 20px;height: 20px;background-image:url(../images/sink/close-sb.png);cursor: pointer;transition: all .4s ease-in;}
.s-close:hover {transform: rotate(180deg);}