/*基础CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
}
*{ margin:0; padding:0;}
body{background:#fafafa;}
li {
	list-style: none;
}
a {
	color: #212529;text-decoration: none; 
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.p5{ margin-top:5px;}
.p15{ margin-top:10px;}
.p20{ margin-top:20px;}



.mwrap{ max-width:500px; margin:0 auto; background:#fafafa; height:100%; overflow:hidden;}
.nwrap{ width:100%; margin:0 auto; background:#eaeaea; height:100%; overflow:hidden;}
.topbg{background-image: url(../images/topbg.png);
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 253px;}
.bar{ width:100%; height:53px; margin:0 0%; padding-top:10px;}	
	
.bar .subtitle
{
    color: #1ca8f8;
    font-weight: 400;
    font-size: 16px; width:50px; line-height:40px; text-align:center;
}
.bar .subtitle a{color: #1ca8f8;}
 .bar .title {
    font-size: 24px;
    font-weight: 600;
    color: #1ca8f8; width:70%; margin:0 auto; text-align:center;
}

.banner{ width:96%; height:160px; margin:15px auto; overflow:hidden; border-radius:8px;}
.swiper-slide { position: relative; opacity: 0 !important; }
.swiper-slide img {max-width: 100%; display: block;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-slide .ren { position: absolute; left: 0; top: 0; width: 1436px; height: 840px;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px; height: 68px; background-size: contain;}
.swiper-button-next { right: 100px; background-image: url(../images/next.png);}
.swiper-button-prev { left: 100px; background-image: url(../images/prev.png);}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 10px; }
.swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 2px !important; /*padding: 6px 0; border-radius: 0;*/ border-radius: 3px;background-color: #fff; }
.swiper-pagination-bullet:after { content: ""; display: block; height: 6px;border-radius: 3px; background-color: #116041; opacity:0.9;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after {height: 6px; background-color: #fff;transition: all ease .3s;}

.swiper-pagination{/* background:#fff; padding-bottom:3px; margin-top:-10px; overflow:hidden*/ }

.gg{ height:40px; width:100%; background:#fff; line-height:40px;}
.ggimg{ width:50px; height:40px; background: url(../images/ggimg.jpg) center center no-repeat;}
.marquee {
  width: 83%; float:right; margin-right:3%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
 
.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 30s linear infinite;
}
 
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


.maindiv{ width:96%; margin:2% auto 0 auto; }
.icontent{ background:#fff; overflow:hidden;  /*padding:15px 0;*/}
.balllist li{ float:left; width:12%; margin-right:1%; height:89px;}
.balllist .ballitem{width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 700;
}
.ballnone{background:  url(../images/ballbg.png);background-size: 100% 100%;}
.color-red{background:  url(../images/red.png);background-size: 100% 100%;}
.color-blue{background: url(../images/blue.png);background-size: 100% 100%;}
.color-green{background: url(../images/green.png);background-size: 100% 100%;}
.kjjia{ width:26px; height:50px;background: url(../images/jia.jpg) center center no-repeat; clear:both;}

.jumping-text {
            display: inline-block;
            font-size: 24px;
            animation: jump 1s infinite, colorChange 2s infinite, scaleChange 1s infinite; text-align:center; margin:0 auto; width:90%;
        }
        @keyframes jump {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }
        @keyframes colorChange {
            0% { color: #ff0000; } /* 红色 */
            25% { color: #00ff00; } /* 绿色 */
            50% { color: #0000ff; } /* 蓝色 */
            75% { color: #ff00ff; } /* 品红色 */
            100% { color: #ff0000; } /* 红色 */
        }
        @keyframes scaleChange {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.5); } /* 放大到原来的1.5倍 */
        }
        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
.text{ text-align:center}

.fckjdiv{ width:100%;}
.fckjdiv .hd{ height:58px;  position:relative; }
.fckjdiv .hd ul{ float:left;  position:absolute; width:100%; height:58px; border-bottom:1px #1ca8f8 solid;   }
.fckjdiv .hd ul li{width: 50%;
height: 58px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
display: -webkit-flex;
display: block;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center; float:left; background:#fff; border-bottom:1px #1ca8f8 solid; font-size:18px; color:#1ca8f8; font-weight:bold; text-align:center ; padding-top:6px;line-height:30px;}

.fckjdiv .hd ul li.on{ height:58px;  background:#1ca8f8; color:#fff; }
.fckjdiv .hd ul li span{ display:block; font-size:16px; font-weight:normal; color:#999; line-height:16px; padding-bottom:4px}
.fckjdiv .hd ul li.on span{ color:#fff}
.fckjdiv .bd ul{ padding:15px 15px 8px 15px;  zoom:1;  }
.fckjdiv .bd li{ height:100%; line-height:24px;   }
.fckjdiv .bd li .date{ float:right; color:#999;  }

.text-ribbon{font-size: 20px; float:left;}
.text-ribbon span{ color:#1ca8f8}

.text-ribbon1{ float:left; width:105px;}
.text-data{color:#1ca8f8; float:left; width:65%;}
.historical-record{
	
	margin-left: 13px;
    width: 82px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 5px;
    background: #1ca8f8;
    font-size: 14px;
    font-weight: 500; text-align:center; float:right
	}
.historical-record a{ color:#fff;}
.kjdiv{ width:100%; clear:both;}
.kjdivn{ font-size:17px;}
.menut{ background:#fff; height:212px; border-top:1px #eaeaea solid;padding-top:10px;}
.menut li{ width: 24.7%;
    padding-bottom: 10px; float:left; border-bottom:1px #eaeaea solid; border-right:1px #eaeaea solid;padding-top:10px; }

.menut li .sortimg{
    width: 61px;
    height: 61px;
    border-radius: 50%; margin: 0 auto;}
.menut li .sortimg img{ width:100%;}
.menut li .sortfont{ text-align:center; font-size:18px;}
.bordernone{ border-top:0px}


.picgg{ width:100%; margin:15px auto}
.picgg img{ width:100%;}

.tukudiv{ background:#fff; height:1000px; padding:15px;}
.tukut{ height:45px; border-bottom:1px #eaeaea solid; font-size:20px; font-weight:bold; line-height:36px; color:#333;}
.tukut span{ font-weight:normal; color:#666;}

.tukulist li{ float:left; width:47%; margin:3% 2% 3% 0%;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    box-shadow: 0.5px 0.5px 3px 0 rgba(0,0,0,.15); }
.tukulist li img{ width:100%; height:100%;}

.tukulist .sortimg{height:221px;}

.tukulist .sortfont{ line-height:40px; text-align:center; font-size:16px;}


.header-content{ width:100%;height: 58px;
    color: #333;
    font-size: 20px;
    font-weight: 700; text-align:center;border-bottom: 1px solid #eaeaea; background:#fff; line-height:58px;}

.aleftcolor{font-size: 35px;
    padding-left: 0px;
    padding-right: 13px; 
    font-weight: 400;
    line-height: 58px;
    color: #1ca8f8; float:left}
.aleftcolor a{width:30px; font-size: 35px;}

.xckjdiv{ width:100%; height:100%; clear:both;}
.xckjdiv .hd{ width:100%; height:52px;background:#fff;}
.xckjdiv .hd ul{ padding:0; margin:0;}
.xckjdiv .hd ul li{ width:50%; float:left; height:52px; text-align:center; line-height:52px; font-size:20px; color:#333;  }
.xckjdiv .hd ul li.on{ border-bottom:5px #1ca8f8 solid;color: #1ca8f8; font-weight:bold;}

.xckjdiv .bd{ width:100%; height:309px; background:url(../images/mark.png) top left no-repeat;position: relative;
   }
   .kjcontent{-webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 83px;
    right: 0;
    left: 0;}
	
	.clock{margin: auto;
    position: absolute;
    right: 20px;
    top: -40px;
    background-color: rgba(0, 0, 0, .6); color:#666; font-weight:16px; padding:2px 5px;}
.clock span{color: #ffdf4b}	
.container{position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 5px; }

 .container .headerBorderPrimary {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, #fb87a3 0, #f94470);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border: solid 5px transparent; color:#fff;
}
 .container .header-period{
    width: 252px;
    text-align: center;
    margin: auto;
    border-radius: 23px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: inset 0 2px 6px 4px rgba(0,0,0,.8);
    letter-spacing: 1px;
    position: relative;
    top: 17px;
    right: 0;
    left: 0;
    padding: 4px;
}

.container .circles{
    position: absolute;
    top: 13px;
    right: 0;
    left: 0;
}

.container .circles .circleColorPrimary{
    background-image: linear-gradient(180deg, #ffdfe7 0, #e16c88);
}

.container .circles .right {
    position: absolute;
    right: 13px;
}

 .container .circles .circle {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
}

.container .circles .left {
    position: absolute;
    left: 13px;
}

.frameBorderPrimary{
    border: 6px solid #fb87a3;
}

 .frame { width:92%; height:109px;
    border-radius: 30px;
    box-shadow: 0 2px 13px 0 rgba(0,0,0,.8);
    margin-bottom: 13px; margin-left:3%;

}

 .frame .frameInsidePrimary { width:97%; height:98px;
    border: solid 6px #f94470;
}

 .frame .lottery-balls {
    border-radius: 23px;
    background-color: #fff3f6;
}



.xckjlist li{ float:left; width:10%; margin:15px 1.4%; height:59px; }
.xckjlist .ballitem{width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 500;
    margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 700;
}




.lottery-result-top{background-color: #fff;
    padding: 20px;
    font-size: 16px;
    color: #333; height:105px}

.lottery-result-top .d-flex {
    display: -webkit-flex;
    display: flex;
}
.lottery-result-top .lottery-result-title {
    color: #666;
}

.typelist li{ float:left; width:10%; margin:15px 1.3%; height:65px; }
.typelist .ballitem{width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 500;
    margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 700;
}

.casecalssdiv{ width:100%; height:100%; margin-top:20px; background:#fff; padding-bottom:20px;}
.casecalssdiv ul{ height:50px;}
.casecalssdiv li{ float:left; margin-top:10px; }
.casecalssdiv li a{ color: #666;font-size: 16px;font-weight:normal;}
.casecalssdiv .btn-light{
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
}

.casecalssdiv .tubutton  {
    width: 104px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: #666;
    border-bottom:1px  #e6e6e6 solid;; background:#fff;
    margin-right: 12px;
}

.casecalssdiv .btn-on {
    background-color: #1ca8f8 !important;
    color: #fff !important;
    border: 0;
}
.casecalssdiv .btn-on a{color: #fff}

.nclassmenu{ border-top:1px #eaeaea solid; border-bottom:1px #eaeaea solid; height:40px; line-height:40px; width:100%; clear:both; margin-top:10px;}
.nclassmenu span{ margin:0 10px; font-size:18px; color:#666; }
.nclasstitle{ line-height:60px; font-size:18px; color:#333; font-weight:700;}
.nclassdiv{ padding:0 20px;}
.nclasscontent img{ width:100%}
.nclasscontent{ line-height:28px; font-size:17px;}



.pbanner{ width:100%;}
.pbanner img{ width:100%;}
.pbanner .swiper-container{ width:100%; padding:0; margin:0;}
.tulist{ width:98%; margin:0 auto;}
.tulist li{ display:block; width:100%; height:66px; margin-top:5px; border-bottom:1px #eaeaea solid;padding:5px 0; line-height:66px; clear:both;}
.tulist .tuimg{ float:left; width:53px; height:66px; margin-right:10px;}
.tulist .tutitle{ font-size:18px; float:left;}
.tulist .num{ float:right; width:40px; color:#1ca8f8; font-size:18px;}

.bgf{ background:#fff; padding:15px 5px; height:100%; overflow:hidden; border-bottom:1px #eaeaea solid;}

.balllistlu li{ float:left; width:12%; margin-right:1%; height:59px;}
.balllistlu .ballitem{width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 700;
}


.zlclass li{ width:26%; float:left;padding: 6px 0; text-align:center;
    border-radius: 5px;
    border: solid 1px #ccc;
    background-color: #fff;
    text-align: center; margin:2% 3%
    }



.zllist li{padding: 26px 26px 9px;
    border-bottom: 1px solid #e6e6e6; background:#fff;margin-top: 13px;}
	
.zllist .zlimg{ width:53px; float:left; margin-right:20px; height:53px;border-radius: 53px;}
.zllist .zlimg img{ width:100%; height:100%;border-radius: 53px;}
.zllist .sutitle{ float:left; font-size:18px; color:#333;}	
	

	
.zllist .sutitle span{ display:block;
	color: #999;
    font-size: 16px;}	
.zllist .zltitle{ clear:both;font-size: 18px;
    font-weight: 600;
    margin:6px 0 10px 0}	
	
	
.zllistn	li{padding: 0 0 9px;
    border-bottom: 1px solid #e6e6e6; background:#fff;margin-top: 13px;}
	
.zllistn .zlimg{ width:53px; float:left; margin-right:20px; height:53px;border-radius: 53px;}
.zllistn .zlimg img{ width:100%; height:100%;border-radius: 53px;}
.zllistn .sutitle{ float:left; font-size:18px; color:#333; line-height:53px; font-weight:500;}	
.zllistn .sutitle span{ display:block;
	color: #999;
    font-size: 16px;}