/* 基于normalize bootstrap 的全局重置CSS文件部分1.2版本 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 消除移动浏览器点击蓝色背景 */}
body {  margin: 0 auto;text-align:left;font-size: 14px;padding:0;  font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; background-color: #eee;min-width: 320px;    max-width: 768px;}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border:0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
/* normalize.css结束 */
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
em, i {    font-style: normal;}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li{float:left;display:inline}
.f-fr{float:right;display:inline}
a{text-decoration:none;color:#2a2a2a;}
a:hover{color:#39b0ea;}

em{ font-style:normal;}
/* 全站全局CSS部分结束 */
*{ transition:color 100ms ease 0s, background 160ms ease 0s, border-color 160ms ease 0s;}


/*头部*/
.g-top{ width:100%; height:44px; background:#1677FF; box-sizing:border-box; display:-webkit-box; position:relative; zoom:1; padding:0}
.g-top .u-logo{ width: auto; height:auto; margin:6px 0 0 10px; display:block; overflow:hidden; color:#fff; font-size: 20px;}
.g-top .u-logo .ic_logo{
	display:block;
	height:32px;
	width:130px;
	background:url(../images/logo.png) left center no-repeat;
	background-size:auto 26px;
}
.g-top .u-logo img{ width:auto; height:34px; display:block; overflow:hidden}
.g-top form{ width:auto; height:auto; padding:0 10px 0 0; margin:0; box-sizing:border-box; display:block; overflow:hidden; -webkit-box-flex:1; position:relative; zoom:1}
.g-top .m-indsou{ width: auto;height: auto;padding: 0 55px 0 0;    margin: 0;    box-sizing: border-box;    display: block;    overflow: hidden;    -webkit-box-flex: 1;    position: relative;   zoom: 1;}
.g-top .m-indsou .search-input{width: 100%;    height: 30px;    line-height: 30px;    font-size: 15px;    font-weight: normal;    color: #eee;    text-indent: 10px;    background: #8facd5;    border: 0;    padding: 0 28px 0 0;    box-sizing: border-box;   margin: 7px 0 0;    border-radius: 22px;    display: block;    overflow: hidden;    -webkit-box-flex: 1;}
.g-top .m-indsou .search-button{width: 30px;    height: 30px;    display: block;    overflow: hidden;    border: 0;    padding: 0;    background: url(../images/index-icon.png) no-repeat 4px 7px;    background-size: 28px;    border-radius: 0 4px 4px 0;    position: absolute;    right: 55px;    top: 7px;}
.g-top .g-btn{ width:44px; height:44px; display:block; overflow:hidden; position:absolute; right:0; top:0; background:url(../images/home-icon.png) no-repeat 14px 13px; background-size:400px;}
.g-top .m-topbtn em{ display: none}

/* 点击导航 */

.g-web-nav{ width:100%; height:auto; padding:0; background:#fff; display:none; overflow:hidden; box-sizing:border-box; position: absolute; left:0; top:44px; box-shadow:1px 2px 2px #ccc; z-index:9999;}
.g-web-nav .g-nav-btn{ width:auto; height:40px; margin:14px; border:1px solid #1677FF; border-radius:4px; display:-webkit-box; overflow:hidden}
.g-web-nav .g-nav-btn li{ width:auto; height:40px; line-height:40px; font-size:15px; font-weight:normal; color:#1677FF; text-align:center; display:block; overflow:hidden; border-right:1px solid #1677FF; -webkit-box-flex:1; display:block; overflow:hidden; cursor:pointer}
.g-web-nav .g-nav-btn li:nth-child(4){ border:0;}
.g-web-nav .g-nav-btn .m-hover{ background:#1677FF; color:#fff;}
.g-web-nav .g-nav-ul{ width:100%; height:auto; padding:0 14px 0 0; box-sizing:border-box; display:block; overflow:hidden;}
.g-web-nav .g-nav-ul li{ width:33.33%; height:auto; float:left; padding:0 0 14px 14px; display:inline; overflow:hidden; box-sizing:border-box;}
.g-web-nav .g-nav-ul li a{ width:100%; height:auto; padding:10px; box-sizing:border-box; border:1px solid #d6d6d6; display:block; overflow:hidden;}
.g-web-nav .g-nav-ul li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:2px 0 0 0; display:block; overflow:hidden}
.g-web-nav .g-nav-ul li a b{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin:2px 0 0 0; display:block; overflow:hidden}
.g-web-nav .g-nav-ul li a:active{ background:#1677FF; color:#fff; border:1px solid #1677FF}
.g-web-nav .g-nav-ul li a:active strong{ color:#fff;}
.g-web-nav .g-nav-ul li a:active b{ color:#fff;}


.g-nav{ width:100%; height:auto; background:#fff; box-sizing:border-box; display:block; overflow:hidden;    border-bottom: 1px #ddd solid;   position: relative;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.g-nav a {width:19%; height:38px; line-height:38px; font-size:16px; font-weight:normal; color:#555; text-align:center;  margin:0; display:inline-block;position:relative; zoom:1; }
.g-nav a.m-hover {border-bottom:2px #1677FF solid;color:#1677FF;box-sizing:border-box;}
.g-dtop{position:relative;height:42px;padding:2px 55px 0 93px;z-index:20;background:#617695;}
.g-dtop .m-black{    position: absolute;top: 5px;left: 0;line-height: 35px;color: #fff;font-size: 16px;text-align: center;white-space: nowrap; width:35px; height:35px; margin-left:10px; background:url(../images/all_ico.png) 0 -628px no-repeat; text-indent:-9999px; background-size:30px auto}
.g-dtop{padding: 2px 75px 0 40px;}
.g-dtop .m-topbtn{ width:72px;}
.m-topbtn em,.m-topbtn span {display: block;text-indent: -9999px;height: 36px;background-size: auto 32px;}
.m-topbtn b,.m-topbtn em,.m-topbtn span{ float:right; width:35px;}
.m-topbtn em{ background:url(../images/all_ico.png) 0px 6px no-repeat; background-size:32px auto}
.m-topbtn span {display:none}
.m-topbtn span::after,.m-topbtn span::before {content: '';    position: absolute;    width: 20px;    height: 2px;    background-color: #fff;    left: 0; margin:17px 0 0 8px;}
.m-topbtn span::before {top: 5px;    -webkit-animation: menu-before-open .5s forwards;
    -o-animation: menu-before-open .5s forwards;
    animation: menu-before-open .5s forwards;}
.m-topbtn span::after {top: -9px;-webkit-animation: menu-after-open .5s forwards;
    -o-animation: menu-after-open .5s forwards;
    animation: menu-after-open .5s forwards;}
.m-topbtn {position: absolute;top: 4px;right: 4px;width: 40px;height: 40px;z-index: 1;}
.m-topbtn b {display: block;text-indent: -9999px;width: 36px;height: 36px;background: url(../images/all_ico.png) 3px -50px no-repeat;background-size: 32px auto;}
.m-topbtn b{ background:url(../images/all_ico.png) 3px -46px no-repeat; background-size:30px auto}
.g-dtop .m-toptit{ display:block; width:100%; height:42px; line-height:42px; color:#fff; text-align:center; font-size:18px;overflow:hidden;}
.g-dtop form{ display:none}
.g-dtop .m-toptit a{ color:#fff;}
.mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;background: rgba(0,0,0,.2);}


.g-footer {    text-align: center; background-color: #333;}
.g-footer .m-footdiv { text-align: center; padding: 15px 0;}
.g-footer .m-footdiv a { display: inline-block; width: 20%; height: 34px; line-height: 34px; border-radius: 5px; border: 1px #555 solid; color: #aaa; background-color: #444; margin: 0 10px;}
.g-footer .ft_copy { color: #666; padding-bottom: 10px;}



/*返回顶部*/
.f-backtop-btn{ width:50px; height:50px; background:rgba(0,0,0,0.5); border-radius:4px; display:none; overflow:hidden; position:fixed; right:20px; bottom:40px; z-index:9999;}
.f-backtop-btn:after{ content:"";width:18px; height:18px; border-left:4px solid #fff;border-top:4px solid #fff; display:block; overflow:hidden; position:absolute; left:15px; top:20px; transform:rotate(45deg)}




/*  css动画 */
@-webkit-keyframes menu-after-open {
	0% {top: -9px}
	50% {top: 0}
	100% {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0}
}

@-o-keyframes menu-after-open {
	0% {top: -9px}
	50% {top: 0}
	100% {-o-transform: rotate(45deg);transform: rotate(45deg);top: 0}
}

@keyframes menu-after-open {
	0% {top: -9px}
	50% {top: 0}
	100% {-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0}
}

@-webkit-keyframes menu-before-open {
	0% {top: 5px}
	50% {top: 0}
	100% {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
}

@-o-keyframes menu-before-open {
	0% {top: 5px}
	50% {top: 0}
	100% {-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
}

@keyframes menu-before-open {
	0% {top: 5px}
	50% {top: 0}
	100% {-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
}

@-webkit-keyframes menu-after-close {
	0% {top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
	50% {-webkit-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);transform: rotate(0);top: -9}
}

@-o-keyframes menu-after-close {
	0% {top: 0;-o-transform: rotate(45deg);transform: rotate(45deg)}
	50% {-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-o-transform: rotate(0);transform: rotate(0);top: -9}
}

@keyframes menu-after-close {
	0% {top: 0;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
	50% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: -9}
}

@-webkit-keyframes menu-before-close {
	0% {top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
	50% {-webkit-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);transform: rotate(0);top: 5px}
}

@-o-keyframes menu-before-close {
	0% {top: 0;-o-transform: rotate(-45deg);transform: rotate(-45deg)}
	50% {-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-o-transform: rotate(0);transform: rotate(0);top: 5px}
}

@keyframes menu-before-close {
	0% {top: 0;-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
	50% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: 5px}
}

/*ping*/
.app_comment{background:#fff;padding:0 !important;margin-top:10px;}.plhtml{padding:6px 10px 10px 10px;background:#fff;}.pladd{margin:10px 0 0 0;border-radius:2px;border:1px solid #eee;}.pladd textarea{width:96%;padding:2%;height:60px;border:0;font-size:14px;}.pladd .bom{display:block;height:31px;line-height:31px;border-top:1px solid #eee;}.pladd .bom #userName{float:left;background:url(../images/pinguser.png) 0 0 no-repeat;border:0;padding:0 0 0 48px;width:100px;box-sizing:content-box;height:25px;line-height:25px;margin:3px 0 0 3px;color:#555;border-right:1px solid #fcb52b;font-size:13px;text-align:left;}.pladd input{float:right;width:80px;height:31px;line-height:31px;background:#f4f4f4;border:0;text-align:center;color:#555;font-size:15px;border-left:1px solid #eee;padding:0;margin:0;border-radius:0;}.pladd .reping{display:none;float:left;color:#444;font-size:14px;line-height:30px;border-bottom:1px solid #ddd;width:100%;text-indent:6px;}.pladd .reping em{padding:0 2px;font-style:normal;text-decoration:none;}.pladd .reping i{color:red;padding-left:8px;cursor:pointer;font-style:normal; text-decoration:underline;}.pllist ul li{border-bottom:1px #ddd dotted;overflow:hidden;padding:2px 0 3px 0;}.pllist ul li p{line-height:26px;padding:0 3px;font-size:14px;color:#777;}.pllist ul li p .i{color:#326eb4;font-weight:bold;}.pllist ul li p .d{font-size:13px;padding-left:10px;}.pllist ul li p .l{font-size:13px;float:right;}.pllist p.m{float:right;}.pllist p.m span{position:relative;font-size:13px;margin-left:15px;color:#777;}@keyframes dig {100% {top:-20px;right:-12px;}}@-webkit-keyframes dig{100% {top:-20px;right:-12px;}}@-moz-keyframes dig {100% {top:-20px;right:-12px;}}@-ms-keyframes dig{100%{top:-20px;right:-12px;}}.pllist p.m span .Qdig{position:absolute;right:-5px;top:-10px;z-index:10;font-size:24px;color:#28bd98;animation:dig 1s;-webkit-animation:dig 1s;-moz-animation:dig 1s;-o-animation:dig 1s;}.pllist p.m span .Qbad{position:absolute;right:-5px;top:-10px;z-index:10;font-size:24px;color:#ff6f6f;animation:dig 1s;-webkit-animation:dig 1s;-moz-animation:dig 1s;-o-animation:dig 1s;}.pllist p.m span.s{color:#28bd98;}.pllist p.m span.a{color:#ff6f6f;}.pllist p.t{color:#555;line-height:24px;padding:4px 8px;}.pllist .loadmore{display:none;line-height:32px;text-align:center;font-size:14px;background:#f6f6f6;margin:5px 0;color:#888;border-radius:2px;}.pllist ul li .hf{position:relative;margin:10px 8px 5px 8px;padding:5px 5px 2px 5px;border:1px solid #dbdbdb;background:#f9f9f9;border-radius:2px;}.pllist ul li .hf:after{content:"";position:absolute;left:12px;top:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ddd;}.pllist ul li .hf .hfa{font-size:14px;line-height:24px;color:#777;}.pllist ul li .hf .hfb{text-align:right;font-size:13px;line-height:24px;color:#777;}.pllist ul li .hf .hfb i{font-size:13px;padding-right:8px;color:#6087b5;}.pllist ul li .hf .hfb i a{color:#6087b5;font-weight:800;}.alert{width:72%;position:fixed;top:40%;left:10%;background:rgba(0,0,0,0.6);color:#fff;text-align:center;padding:15px 4%;line-height:22px;border-radius:6px;font-size:15px;z-index:999999;}

/*popUp Img*/
div.photo-box {
    width: 100%;
    background: black;
    height: 100%;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 999;
    left: 0;
    top: 0;
}
.cf {
    *zoom: 1;
}
.img-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}
.img-slider li {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    z-index: 999;
}
div.photo-box li {
    list-style: none;
}

.img-slider li img {
    vertical-align: middle;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}

/*recommend*/
.m-recommend{width:100%;height:auto;display:block;overflow:hidden;box-sizing:border-box;margin-top:8px;}
.m-recommend dl{background-color:#fff;width:100%;height:auto;display:block;overflow:hidden;}
.m-recommend dl dt{height:40px;line-height:40px;width:100%;display:block;overflow:hidden;}
.m-recommend dl dt .m-title{float:left;width:auto;height:24px;line-height:24px;color:#555;border-left:5px solid #1677FF;text-indent:10px;font-size:17px;display:block;overflow:hidden;margin:8px 0;}
.m-recommend dl dd{height:auto;width:100%;display:block;overflow:hidden;}
.m-recommend dl dd .m-img{height:auto;width:96%;display:block;overflow:hidden;}
.m-recommend dl dd .m-img li{height:auto;width:24%;display:inline-block;overflow:hidden;padding:0px 6px;margin:8px 0;box-sizing:border-box;}
.m-recommend dl dd .m-img li a{height:auto;width:100%;display:block;overflow:hidden;}
.m-recommend dl dd .m-img li a img{border-radius:14px;margin:auto;display:block;overflow:hidden;box-shadow:1px 1px 3px #C5C5C5;min-width: 80px;}
.m-recommend dl dd .m-img li a strong{width:70px; height: 16px; line-height: 16px; font-size:14px; font-weight:normal; color:#333; text-align:center; display:block; overflow: hidden; margin:7px auto 0;}

/*more*/
.m-recommend .f-fr{
	font-size:14px;
	margin-right:10px;
	color:#666;
}
/*icon*/
.icon_70{
	width:70px;
	height:70px;
	position:relative;
}
.icons_70{
	width:70px;
	height:70px;
	position:absolute;
	top:0;
	left:0;
}

.m-recommend .m-game{
	padding: 0 10px 10px 10px;
}

.m-recommend .m-game a{
	color: #0d0d0d !important;
	padding-right: 5px;
}

.dvideo {
	width: 100%;
	margin: 0;
	background: #fff;
	overflow: hidden;
	padding: 10px;
}

.g-web-nav .g-nav-ul li.first_cate{
	width:100% !important;
}
.g-web-nav .g-nav-ul li.first_cate a strong{
	color: #1677FF !important;
}