.closeWin,
			.main .slogan,
			.sp {
				cursor: pointer
			}
			html,body{
				min-height:101%;
			   }
html{ 
   margin-right: calc(100% - 100vw);
   }
:root {
 overflow-y: auto;
   overflow-x: hidden;
   }
			body {
				font-size: 12px;
				font-family: microsoft yahei, Arial;
				background: #1c91ff3d;
				overflow-x: hidden
			}
			
			blockquote,
			body,
			dd,
			div,
			dl,
			dt,
			fieldset,
			form,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			input,
			li,
			ol,
			p,
			pre,
			td,
			textarea,
			th,
			ul {
				padding: 0;
				margin: 0
			}
			
			abbr,
			acronym,
			img {
				border: 0
			}
			
			address,
			caption,
			cite,
			code,
			dfn,
			em,
			th,
			var {
				font-weight: 400;
				font-style: normal
			}
			
			ol,
			ul {
				list-style: none
			}
			
			button,
			input,
			optgroup,
			option,
			select,
			textarea {
				font-family: inherit;
				font-size: inherit;
				font-style: inherit;
				font-weight: inherit;
				outline: 0
			}
			
			table {
				border-collapse: collapse;
				border-spacing: 0
			}
			
			textarea {
				resize: none
			}
			
			a:hover,
			a:link,
			a:visited {
				text-decoration: none
			}
			
			a:focus {
				outline: 0
			}
			
			@font-face {
				font-family: fk;
				src: url("../../s5.qhres.com/static/c21f2aa87c5f5036.ttf")/*tpa=http://s5.qhres.com/static/c21f2aa87c5f5036.ttf*/, url("../../s5.qhres.com/static/824177d40a777a3b.eot")/*tpa=http://s5.qhres.com/static/824177d40a777a3b.eot*/
			}
			
			html {
				*overflow-x: hidden
			}
			
			.clearfix,
			.floatG {
				*zoom: 1
			}
			
			.clearfix:after,
			.floatG:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden
			}
			
			.bgbody,
			.bgr {
				height: 1080px
			}
			
			.clearb {
				clear: both
			}
			
			.alignC {
				text-align: center
			}
			
			.alignR {
				text-align: right
			}
			
			.box_r2,
			.mbtn {
				text-align: center
			}
			
			.floatG li,
			.floatL {
				float: left;
				_display: inline
			}
			
			.floatR {
				float: right;
				_display: inline
			}
			
			.pa {
				position: absolute
			}
			
			.bgbody,
			.btn1,
			.main,
			.sharebox {
				position: relative
			}
			
			
			.bgr {
				z-index: 2;
				top: 0;
				left: 0;
				width: 100%;
			}
			
			.topbar {
				z-index: 10;
				top: 30px;
				left: 40px;
				right: 40px;
				height: 71px;			}
			
			.topbar .logo {
				margin: -4px 54px 0 9px
			}
			
			.topbar .tlink {
				margin-top: 25px;
				height: 21px;
				border-left: 1px solid #564f5a
			}
			
			.topbar .tlink a {
				display: inline-block;
				height: 21px;
				line-height: 21px;
				border-right: 1px solid #564f5a;
				font-size: 18px;
				color: #fff;
				padding: 0 15px
			}
			
			.topbar .tlink ul {
				display: inline-block;
				height: 21px;
				line-height: 21px;
				border-right: 1px solid #564f5a;
				font-size: 18px;
				color: #fff;
				padding: 0 15px
			}
			
			.topbar .tlink a:hover {
				color: #ff0
			}
			
			.dropdown-content span:hover {
				color: #ff0
			}
			
			.dropdown-content span {
				color: #fff;
				display:block;
				cursor: pointer;
			}
			.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  font-size:15px;
  top:20px
}
.dropdown:hover .dropdown-content {
  display: block;
}
			.sharebox,
			.sharebox .cube {
				border-top: 3px solid #fd8201;
				border-left: 3px solid #fd8201;
				background: #fdb404
			}
			
			.sharebox {
				height: 56px;
				padding: 12px 21px 0
			}
			
			.sharebox .cube {
				left: -18px;
				bottom: 0;
				width: 15px;
				height: 15px
			}
			
			
			.ico_dl {
				background-position: -40px 0
			}
			
			.ico_share {
				background-position: -80px 0
			}
			
			.ico_cir {
				background-position: -120px 0
			}
			
			.ico_wx {
				background-position: -280px 0
			}
			
			.ico_wb {
				background-position: -240px 0
			}
			
			.ico_qq {
				background-position: -200px 0
			}
			
			.ico_bd {
				background-position: -160px 0
			}
			
			.ico_box {
				margin: 10px auto 2px;
				width: 38px;
				height: 43px;
				background-position: 0 -41px
			}
			
			.sharebox a,
			.sharebox i {
				display: inline-block;
				height: 40px;
				overflow: hidden;
				vertical-align: top
			}
			
			.sharebox i {
				width: 40px
			}
			
			.sharebox a {
				margin-left: 10px
			}
			
			.sharebox a:hover i {
				-moz-transform: rotateY(180deg);
				-webkit-transform: rotateY(180deg);
				transform: rotateY(180deg)
			}
			
			#wxcode {
				top: 70px;
				left: 0;
				display: none
			}
			
			.btn1,
			.mbtn span {
				display: block
			}
			
			#wxcode img {
				border: 5px solid #fff
			}
			
			.main {
				z-index: 9;
				margin: 125px auto 0;
				width: 668px
			}
			
			.main .inner {
				margin: 0 auto;
				width: 302px
			}
			
			.mbtn {
				color: #fff
			}
			
			.btn1 {
				margin-bottom: 13px;
				height: 52px;
				line-height: 52px;
				border: 4px solid #fff;
				font-size: 24px
			}
			
			.btn1 i {
				top: -10px;
				right: -10px;
				background: #fff;
				width: 6px;
				height: 6px
			}
			
			.btn2,
			.btn3 {
				height: 79px
			}
			
			.btn1:hover,
			.btn1:hover i {
				border-color: #e4ebf6;
				color: #e4ebf6;
				box-shadow: 0 0 10px #000;
				text-shadow: 0 0 10px #000
			}
			
			.btn2 {
				width: 216px;
				background: #7195ff
			}
			
			.btn2 .cn {
				font-size: 30px;
				font-weight: 700;
				padding: 12px 0 2px
			}
			
			.btn2 .en {
				font-size: 12px;
				font-family: fk
			}
			
			.btn2:hover {
				background: #a1aaff
			}
			
			.btn3 {
				width: 77px;
				background: #ffb400
			}
			
			.btn3:hover {
				background: #ff9c00
			}
			
			.box_r {
				height: 0;
				overflow: hidden
			}
			
			.box_r2 {
				font-size: 16px;
				color: #fff;
				line-height: 34px;
				display: none
			}
			
			.box_r1,
			.box_r2 {
				padding: 20px 0;
				border: 1px solid #706b89;			}
			
			.bgv {
				top: 0;
				left: 50%;
				margin-left: -960px;
				width: 1920px;
				height: 1080px
			}
			
			.unl,
			a.unl,
			a.unl:visited {
				text-decoration: underline
			}
			
			.hue_red,
			a.hue_red,
			a.hue_red:visited {
				color: red
			}
			
			.winBox {
				position: fixed;
				_position: absolute;
				left: 50%;
				z-index: 99999;
				display: none
			}
			
			.closeWin,
			.winCover {
				position: absolute;
				top: 0
			}
			
			.winCover {
				_filter: Alpha(Opacity=80);
				width: 100%;
				left: 0;
				z-index: 99990
			}
			
			.closeWin {
				right: -30px;
				width: 30px;
				height: 30px;
				overflow: hidden;
			}
			
			.mbtn,
			.sharebox i,
			.topbar .tlink a {
				-moz-transition: all linear .2s;
				-webkit-transition: all linear .2s;
				transition: all linear .2s
			}
			
			@media screen and (max-width:1102px) {
				.sharebox {
					display: none
				}
			}
			
			@media screen and (max-width:810px) {
				body {
					width: 810px
				}
			}
			
			.topbar .logo,
			.topbar .tlink,
			.topbar .sharebox {
				position: relative;
				z-index: 5
			}
			
			.shooting {
				position: absolute;
				width: 100%;
				top: 0;
				left: 0;
				height: 71px
			}
			
			.shooting i {				overflow: hidden
			}
			
			.shooting i.shooter1 {
				z-index: 1;
				left: 202px;
				bottom: 0;
				width: 95px;
				height: 77px
			}
			
			.shooting i.shooter2 {
				z-index: 1;
				right: 298px;
				bottom: 0;
				width: 81px;
				height: 89px;
				background-position: -96px 0
			}
			
			.shooting i.bullet1 {
				top: 11px;
				left: 220px;
				width: 72px;
				height: 8px;
				background-position: 0 -78px;
				animation: bullet1 linear infinite 2s
			}
			
			@keyframes bullet1 {
				100% {
					transform: translateX(900px)
				}
			}
			
			.shooting i.bullet2 {
				top: 13px;
				right: 330px;
				width: 90px;
				height: 5px;
				background-position: -87px -90px;
				animation: bullet2 linear infinite 2s
			}
			
			@keyframes bullet2 {
				100% {
					transform: translateX(-900px)
				}
			}

			* {
				box-sizing: border-box;
			}
			
			a {
				text-decoration: none;
			}
			
			p {
				margin: 0;
				padding: 3px;
			}
			
			.container {
				text-align: center;
			}
			
		
			
			.infoo{
				position:absolute;
				margin-top:60%;
				color:white
				}
			.infoo a{
				color:#D3D3D3;
				padding:10px;
				}
			
			.playercount {
				display: inline-block;
				margin: 20px 15px 0 15px;
				padding: 2px 0;
				background-color: rgba(130, 195, 255, 0.7);
				font-size: 1em;
				color: white;
				text-align: center;
				border-radius: 5px 0 5px 0;
				line-height: 27px;
			}
			
			.playercount > p > span {
				font-weight: bold;
				padding: 1px 4px;
				border-radius: 3px;
				background: rgba(130, 195, 255, 0.7);
				margin: 0 2px;
			}
			
			.extrapad {
				padding: 0;
			}
			
			.ip {
				cursor: pointer;
			}
			
			.items {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: distribute;
					justify-content: space-around;
				-ms-flex-preferred-size: 100px;
					flex-basis: 100px;
				padding: 18px 0 10px 0;
			
			}
			
			.item img {
				-webkit-transition: all 0.2s ease;
				-o-transition: all 0.2s ease;
				transition: all 0.2s ease;
				margin-bottom: 7px;
			}
			
			.item img:hover {
				-webkit-transform:scale(1.1);
					-ms-transform:scale(1.1);
						transform:scale(1.1);
			}
			
			
			.title {
				font-weight: bold;
				font-size: 17px;
				color: white;
			}
			
			.subtitle {
				color: #cfcfcf;
				font-size: 12px;
			}
			
			.title,
			.subtitle {
				margin: 0;
				padding: 0;
			}
			
			
			@media(min-width: 400px) {
			
				.playercount {
					margin-top: 30px;
					padding: 5px;
				}
			
				.playercount > p > span {
					padding: 2px 7px;
				}
			}
			
			@media(min-width: 1250px) {
				.title {
					font-size: 24px;
				}
			
				.subtitle {
					font-size: 15px;
				}
			
				.items {
					padding: 30px 0 20px 0;
				}
				.playercount {
					font-size: 1.22em;
					padding: 10px;
				}
			
				.extrapad {
					padding: 0 42.5px;
				}
			
				.playercount > p > span {
					padding: 4px 7px;
				}
			}
			
			@media(min-width: 1000px) {
				.items {
					-webkit-box-pack: center;
						-ms-flex-pack: center;
							justify-content: center;
				}
			
				.item:not(:first-child) {
					margin-left: 90px;
				}
			}