@charset "utf-8";
body{ margin: 0; padding: 0; font-size: 14px; -webkit-text-size-adjust: none; background: #0c120e; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
*{ outline: none;}
img{ border: 0;}
ol,ul{ list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none; cursor: pointer;}
.wmgameFooter{ width: 750px; margin: 0 auto;}

#wrap{ position: relative; width: 750px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center top;}
/* head */
.head-box{ position: relative; height: 725px;}
.logo{ position: absolute; left: 20px; top: 20px; width: 110px;}
.slogan{ position: absolute; left: 50%; top: 530px; transform: translate(-50%,0);}
/* body */
.body-box{ padding-bottom: 160px;}
.view-list{ overflow: hidden; width: 614px; margin: 0 auto;}
.view-list li{ float: left; width: 614px; height: 457px; margin-bottom: 20px;}
.view-list li .view-img{ display: block; width: 100%;}
.btn-pop-cont{ cursor: pointer;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 50%; top: 0; z-index: 101; width: 750px; height: 100%; margin-left: -375px; background: rgba(0,0,0,.8);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.icon-close{ position: absolute; left: 50%; bottom: -60px; transform: translate(-50%,0); width: 54px; height: 54px; background: url(../../images/icon-close.png) no-repeat; cursor: pointer;}
/* pop-cont */
.pop-cont-bg{ width: 731px; height: 961px; background: url(../images/pop-cont-bg.png) no-repeat;}
.cont-t{ overflow: hidden; width: 640px; height: 114px; margin: 0 auto; font-size: 42px; line-height: 130px; color: #fff; text-align: center; border-bottom: 1px dashed #1d7756;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 6px; background-color: #00f39a; border-radius: 6px;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 6px; background-color: #1e2d27; border-radius: 6px;}
.cont-short,.cont-high{ width: 688px; margin: 34px auto 0;}
.cont-short{ height: 628px;}
.cont-high{ height: 772px;}
.container{ width: 640px; margin: 0 auto;}
.container p{ max-height: 2000px; font-size: 24px; line-height: 40px; color: #fff;}
.container img{ display: block; max-width: 100%; margin: 20px auto;}
.code-line{ width: 639px; height: 110px; margin: 32px auto 0; padding-top: 22px; box-sizing: border-box; font-size: 24px; line-height: 36px; color: #fff; text-align: center; background: url(../images/code-line.png) no-repeat;}
.color-red{ color: #d23131;}