@charset "utf-8";
html{font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{margin: 0;padding: 0;border: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;box-sizing: border-box}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block}
body{font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;color: #333;background-color: #fff}
img{height: auto;-ms-interpolation-mode: bicubic;vertical-align: middle;display: block !important}
.all-wrap img{display: block;height: auto}
em, i, b, s, strong{font-style: normal;font-weight: normal}
p{font-size: 1.8rem;text-align: center;text-justify: inter-ideograph;color:#2c7e2a;}
input, textarea{border: 0;outline: none;resize: none;-webkit-appearance: none}
a{text-decoration: none}
a:hover{text-decoration: none;outline: 0}
ul, ol{list-style: none}
h1, h2, h3, h4, h5, h6{font-size: 100%;line-height: 1.2;font-weight: normal}
.clearfix:before, .clearfix:after{display: table;content: ""}
.clearfix:after{clear: both}
.clearfix{*zoom:1}
.clear{clear: both}
.re{position: relative}
.ab{position: absolute}
.fl{float: left}
.fr{float: right}
.mid{margin: 0 auto}
.translateX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%)}
.translateY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%)}
.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-between;-webkit-justify-content: space-between;justify-content: space-between}
.container{width: 100%;min-width: 320px;max-width:720px;margin: 0 auto;overflow: hidden}
.banner{width: 100%;position:relative;z-index:1}
.anniude { position:relative; width:100%; z-index:-1}
.anniude > a:nth-of-type(1) { position:absolute; left:12%; top:16%; width:28.33%; display:block; z-index:9999}
.anniude>a:nth-of-type(1) img { position: absolute; left: 0; top: 0; z-index: -6; width:100%; display:inline-block; -webkit-animation: rotate 5s infinite linear; -moz-animation: rotate 5s infinite linear; animation: rotate 5s infinite linear; cursor:pointer}
.anniude > a:nth-of-type(2) { position:absolute; left:12%; top:16%; width:28.33%; display:block; z-index:10000}
.anniude > a:nth-of-type(2) img { position:absolute; left:0; top:0; width:100%; display: inline-block; z-index:10000;-webkit-animation: scale .5s alternate infinite; -moz-animation: scale .5s alternate infinite ; animation: scale .5s alternate infinite; cursor:pointer;}
/*.anniude>a img:after { content: ""; width: 100%; height: 100%; display: inline-block; vertical-align: top; margin-top: 0; margin-left: 0; background: url(../images/anniuwz.png) no-repeat;}*/

@keyframes rotate{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes rotate{
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate{
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@keyframes scale{
    0% { transform: scale(.95); }
    100% { transform: scale(1.1); }
}
@-webkit-keyframes scale{
    0% { -webkit-transform: scale(.95); }
    100% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes scale{
    0% { -moz-transform: scale(.95); }
    100% { -moz-transform: scale(1.1); }
}

.banner img{display:block;z-index:1}
.banner .baog{display:block;position:absolute;top:80.5%;width:33%;margin-left:39%;height:6rem;z-index:5}
.banner .baog span{display: inline-block;width:33%;font-size:2.7rem;line-height:2.5rem;text-align:center;margin:0;font-weight: bold;color:#fff;float:left}
.content1{width: 100%}
.content1 a{width: 100%;display: block}
.content1_img1 a{bottom: 0}
.content1_img1 re a .content1_img2 re a{text-decoration:none;}
.anniu{width: 100%;position: relative;overflow: hidden}
.content2 {width: 100%; background-color:#fce9c1; height:100%; overflow:hidden;}
.content2 a{text-decoration:none;}

body, .big-bg {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    width: 100%;
    max-width: 768px;
    background-color: #ea1414;
}
a {
    text-decoration: none;
    -webkit-touch-callout: none;
    background-color: transparent;
}
a, button, optgroup, select, textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}	
.com-main {
    position: relative;
    width: 100%;
	background-image: url(/hd/20200101/main/images/new.jpg);
	background-size: 100% 100%;
    height: 26.03333333rem;
    width: 25.033333rem;

}
/*.com-main .title {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    height: 7.56666667rem;
    background-image: url(/hd/slots/images/compound-zi.png);
    background-size: 19.46666667rem 100%;
    margin-top: 2.7rem;
}*/
.com-main .slots {
    position: relative;
    background-image: url(/hd/20200101/main/images/compound---Push_03.jpg);
    background-size: 100% 100%;
    height: 23.03333333rem;
    width: 18.7rem;
    margin: 2.0rem auto;
}
.com-main .slots ul {
    width: 12.66666667rem;
    margin: 0 auto;
}
.clearfix:after, .clearfix:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fl {
    float: left;
}
.com-main .slots ul li {
    color: #fff;
    font-size: 1.06666667rem;
    text-align: center;
    height: 2.16666667rem;
    padding-top: .6rem;
    width: 6.16666667rem;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -moz-transition: all 400ms;
	list-style: none;
}
.com-main .slots ul li:first-child {
    padding-right: .2rem;
}
.com-main .slots ul li.active {
    color: #f33a4c;
}
.com-main .slots h3 {
    text-align: center;
    color: #dc7500;
    font-size: .86666667rem;
    padding-top: .83333333rem;
}
.com-main .slots dl {
    height: 5.4rem;
    width: 13.33333333rem;
    margin: 2.7rem auto;
    border-radius: .6rem;
    overflow: hidden;
    position: relative;
}
.com-main .slots dl dd {
    width: 32%;
    height: 5.33333333rem;
    background-color: #fff;
    margin-left: 1.1%;
    background-size: 4.33333333rem 85.51111111rem;
    background-position: left top;
    background-repeat: repeat-y;
}
.com-main .slots dl dd.gb {
    background-image: url(/hd/20200101/main/images/compoundPush-gb.jpg);
}
.com-main .slots .play-btn {
    width: 5.9rem;
    height: 4.5rem;
    background-image: url(/hd/20200101/main/images/compound-iay@2x.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 4rem;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
}

.fixed {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    max-width: 768px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.compound-warm .box {
    border-radius: .6rem;
    background-color: #fff;
    width: 80%;
    min-height: 8rem;
}
.compound-warm .box .img {
    width: 19.06666667rem;
    height: 13.6rem;
    background-image: url(/hd/20200101/main/images/compound-warm-img.png);
    background-size: 100% 100%;
    margin: -6.33333333rem auto;
    margin-bottom: 0;
}
.compound-warm .box h3 {
    text-align: center;
    line-height: 2rem;
    color: #323232;
    font-size: 1.4rem;
}
.compound-warm .box h3 span {
    margin: 0 .2rem;
    color: #f74646;
    font-weight: bolder;
}
.compound-warm .box .btn {
    text-align: center;
    padding: 1.2rem;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: none;
    line-height: normal;
}
button {
    overflow: visible;
    border: none;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
a, button, optgroup, select, textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.compound-warm .box .btn button {
    height: 2.7rem;
    width: 11.33333333rem;
    border-radius: .5rem;
    font-size: 1.06666667rem;
    color: #fff;
    background-color: #ff9000;
}



.top{
	width: 90%;
    margin: 0 auto;
	margin-top: 50%;
	background: #CC1A1A;
	border-radius:5px;
	padding-bottom: 100px;
}

.line1{
	 display: block;
    position: absolute;
    height: 1px;
    width: 94%;
    background: #F83131;
    z-index: 1;
    top: 0;
    margin: 0 auto;
    left: 50%;
    margin-top: 20px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.time{
	height: 30px;
   color: rgb(255, 245, 245);
   line-height: 30px;
   padding: 0 10px;
}
.tit{
	color: #ff893a;
}