body,
html {
    font-family: STHeiti, 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    color: #333;
    /*font-size: 12px*/
}

html {
    background-attachment: fixed
}

body {
    max-width: 720px;
    margin: 0 auto;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ol,
ul,
li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

a:focus {
    outline: 0
}

a.hidefocus {
    outline: 0
}

a {
    text-decoration: none;
    color: #333
}

img {
    width: 100%;
    height: auto
}

input[type=button],
input[type=submit],
input[type=text] {
    -webkit-appearance: none;
    outline: 0
}

button {
    border: 0;
    outline: 0;
    cursor: pointer
}

input {
    outline: 0
}

table {
    table-layout: fixed;
    width: 100%
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.pad2 {
    padding: 2px
}

.pad4 {
    padding: 0px
}

.nullbox44 {
    height: 44px
}

.fl {
    float: left
}

.fr {
    float: right
}


div.box div.subnav ul li a {
    display: inline-block;
    width: 60px
}

div.box div.subnav ul li a img {
    margin: 0 auto;
    display: block;
    width: 53px;
    height: 53px;
    vertical-align: middle
}

div.box {
    margin: 5px 0;
    background-color: #fff;
    border: dashed 0.04rem #06fe08;
    border-radius: 3px
}

div.box img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

div.box .Loading {
    min-height: 258px;
    width: 100%;
    background: url(http://www./static/css/Loading.gif) no-repeat center 38px;
    background-size: 255px
}

div.box div.table table {
    width: 100%;
    border-collapse: collapse;
    word-wrap: break-word;
}

div.box div.table table tr {
    text-align: center;
    padding: 0 5px;
    line-height: 18px;
}

div.box div.table {}

div.box div.table ul {}

div.box div.table ul li {
    border-bottom: 1px dashed #a3a567d1;
    padding: 8px 0;
    text-align: center;
    font-size: 1.2rem
}

div.box div.table ul li font {
    color: #0000FF
}

div.box div.table ul li span {
    color: #FF0000;
}

div.box div.table div.title {
    text-align: center;
    background-image: linear-gradient(0deg, #fead00 0%, #fff609 100%), linear-gradient(#fe3c00, #fe3c00);
    padding: 8px 0;
    border-radius: 2px
}

div.box div.table div.title h3 {
    font-size: 1.3rem;
    color: #fff
}

div.subox {
    margin: 5px 0;
    background: #FFF;
    border-radius: 4px;
}

div.subox div.subnav ul {
    padding: 6px
}

div.subox div.subnav ul li {
    display: block;
    float: left;
    width: calc(25% - 0px);
    text-align: center
}

div.subox div.subnav ul li a {
    display: inline-block;
    font-size: 12px;
    width: 60px
}

div.subox div.subnav ul li a img {
    margin: 0 auto;
    display: block;
    width: 46px;
    height: 46px;
    vertical-align: middle
}

div.box div.kjkj ul li {
    float: left;
    border: none;
    margin: 2px;
    padding: 4px 0;
    width: calc(20% - 4px);
    border-radius: 4px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    background-image: linear-gradient(to top, #79c4be, #EEE)
}

div.box div.kjkj ul li a {
    color: #333;
    font-size: 1.1rem;
    font-weight: bold;
}

div.box div.link ul li {
    float: left;
    margin: 2px;
    padding: 6px 0;
    width: calc(25% - 4px);
    border-radius: 4px;
    background: #FFF9DD;
    font-weight: bold;
    font-size: 1.23rem
}

div.box div.sbgs ul li {
    padding: 8px 1px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

div.box div.sbgs ul li span.icon {
    margin-right: 6px;
    padding: 4px 5px;
    font-size: 0.8rem;
    color: #fff;
    border-radius: 2px;
    background: #79c4be;
    display: inline-block
}

div.box div.sbgs ul li span.zz {
    float: right;
    margin-left: 10px;
    font-size: 1.1rem;
    color: #999;
}


	#ily520 {
		padding: 10px;
	}

	#ily520 .sanheyi {
		margin-bottom: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		color: #3ebc40;
		line-height: 40px;
	}

	#ily520 .sanheyi ul {
		display: flex;
		border-bottom: solid 3px #3ebc40;
	}

	#ily520 .sanheyi li {
		width: 50%;
		padding: 5px 0;
		box-sizing: border-box;
		cursor: pointer;
	}

	#ily520 .sanheyi li.hover {
		color: #fff;
		background: #3ebc40;
	}

	#ily520 .sanheyi li.hover font {
		color: #fff !important;
	}

	.ily520-txt font {
		color: #f00;
		font-weight: bold;
	}

	.ily520-txt2 {
		font-size: 24px;
		color: #f00;
		text-align: center;
		font-weight: bold;
	}

	.ily520-txt2 a {
		background: #ff0;
	}

	.ily520-pic {
		padding-top: 10px;
		text-align: center;
	}

	.ily520-pic video {
		max-width: 100%;
	}

	@media screen and (max-width:750px) {
		#ily520 {
			padding: 5px;
		}

		#ily520 .sanheyi {
			margin-bottom: 5px;
			font-size: 16px;
		}

		#ily520 .sanheyi ul {
			border-width: 2px;
		}

		#ily520 .sanheyi li {
			padding: 0;
		}

		.ily520-txt2 {
			font-size: 18px;
		}
	}

	.ddtz {
		font-family: 宋体;
		font-size: 16px;
	}

	.ddtz a {
		display: block;
		line-height: 35px;
		border: 1px solid #CCC;
		background: #fff;
		border-radius: 5px;
		color: #333;
		cursor: pointer;
		text-decoration: none;
		margin: 0 2px 2px 0;
	}

	.ddtz img {
		width:24px !important;	 ;
		height:17px !important;	 
	}

	.ddtz a:hover {
		background: #fff;
	}
	
div.box div.ddtz span.icon {
    margin-right: 6px;
    padding: 4px 5px;
    font-size: 0.8rem;
    color: #fff;
    border-radius: 2px;
    background: #79c4be;
    display: inline-block
}
	@media screen and (max-width:750px) {
		.ddtz {
			font-size: 14px;
		}

		.ddtz a {
			display: block;
			line-height: 40px;
		}
	}

/*资料轮播*/
                    .bizhong {
                        width: 100%;
                        margin: 0 auto;
						font-size:18px
                    }

                    .bizhong-box {
                        float: left;
                        width: 100%;
                        display: none;
                    }

                    .action-bz {
                        display: block;
                    }

                    .bizhong-page {
                        height: 40px;
                        padding-top: 5px;
                    }

                    .bizhong-btn {
                        float: left;
                        width: calc( 50% - 7px);
                        height: 38px;
                        line-height: 38px;
                        margin-right: 10px;
                        text-align: center;
                        display: inline-block;
                        background: #aaa;
                        border: solid 1px #ccc;
                        border-radius: 5px;
                        background-image: linear-gradient(to top, #ddd, #fff);
                        cursor: pointer;
                    }

                    .bizhong-btn:hover {
                        background-image: linear-gradient(to bottom, #ddd, #fff);
                    }

                    .bizhong-btn.bizhong-pre {}

                    .bizhong-btn.bizhong-next {
                        margin-right: 0;
                    }

                    .bizhong table {
                        border-collapse: collapse;
                        font-weight: bold;
                    }

                    .bizhong table th {
                        padding: 5px 10px;
                        color: #fff;
                        text-align: center;
                        font-weight: bold;
                        font-size: 16px;
                        border: solid 1px #555;
                    }

                    .bizhong table thead th {
                        color: #f00;
                        background: #ff0;
                    }

                    .bizhong table tfoot th {
                        background: #f00;
                    }

                    .bizhong table td {
                        padding: 5px 10px;
                        color: #0f0;
                        border: solid 1px #555;
                        background: #000;
                    }
/*资料轮播结束*/					
	
	
div.box div.sxsm ul li span {
    font-size: 1.2rem;
    font-weight: bold
}

div.box div.sxsm ul li u {
    background: #ffff00;
    text-decoration: none;
}

div.box div.yxym table {
    table-layout: auto;
}

div.box div.yxym table tr.title th {
    background: rgba(198, 190, 196, .5);
    color: #fff;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 1.2rem
}

div.box div.yxym table tr.title th font {
    color: #ff0000;
    font-size: 1.3rem
}

div.box div.yxym table td {
    border-bottom: solid 1px #fff;
    padding: 8px 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
}

div.box div.yxym table td.l {
    width: 86px;
    background: rgba(233, 207, 231, .2)
}

div.box div.yxym table td.c {
    width: auto;
    color: #ff0000;
    font-size: 1.4rem
}

div.box div.yxym table td.huan {
    padding: 0
}

div.box div.yxym table td.r {
    width: 86px;
    background: rgba(233, 207, 231, .2)
}

div.box div.yxym table td span {
    color: #0000ff
}

div.box div.yxym table td.c u {
    background: #ffff00;
    text-decoration: none;
}

div.box div.jzsx ul li {
    text-align: left;
    padding: 8px 5px;
}

div.box div.jzsx ul li.title {
    background: #CCE6FF;
}

div.box div.jzsx ul li u {
    background: #ffff00;
    text-decoration: none;
}

div.box div.gpct div.img {
    padding: 3px
}

div.box div.sbgs ul li:last-child,
div.box div.jzsx ul li:last-child {
    border-bottom: 0
}

div.article {
    border-radius: 5px;
    padding: 5px;
    background: rgba(255, 255, 255, .85);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff, endcolorstr=#ffffff);
    overflow: hidden
}

div.article.ct {
    text-align: center;
}

div.article h2 {
    font-size: 1.2rem;
    color: #333;
    padding: 10px 0;
}

div.article dt {
    background: #F5F5F5;
    padding: 5px;
    position: relative;
    border-radius: 3px
}

div.article dt div.avatar {
    float: left;
    margin-right: 10px;
}

div.article dt div.avatar img {
    width: 50px;
    height: 50px;
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

div.article dt div.info {
    position: absolute;
    bottom: 5px;
    left: 63px;
    right: 5px;
    height: 16px;
    line-height: 16px;
}

div.article dt div.info span.author {
    color: red
}

div.article dt div.info span.time {
    color: #666
}

div.article div.content {
    padding: 5px 8px;
    color: #333;
    min-height: 180px
}

div.phvad {
    padding: 4px;
    display: none
}

div.phvad li img {
    border-radius: 5px;
}

div.box div.gpct ul {
    margin-top: 3px;
}

div.box div.gpct ul li {
    float: left;
    background: #e1f0ff;
    margin: 3px;
    padding: 1px;
    width: calc(16.666% - 6px);
    border-radius: 3px;
    border: 0
}

div.box div.gpct ul li dt img {
    border-radius: 4px;
    height: 108px;
}

div.box div.gpct ul li p {
    color: #333;
    padding: 3px 0;
}

div.box .footer {
    padding-top: 1px;
    background: #79c4be;
    color: #fff
}

div.box .footer .copyright {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #666
}

div.box .footer .copyright:last-child {
    border-bottom: 0
}

@media screen and (max-width:720px) {
    div.top .logobox .logo {
        margin-left: 8px
    }
    div.box,
    div.subox {
        margin: 3px 3px
    }
    div.box div.gpct ul li {
        width: calc(33.33% - 6px)
    }
    div.box div.link ul li {
        width: calc(50% - 4px)
    }
    div.box div.yxym table td.c {
        font-size: 1.2rem
    }
    div.box div.yxym table td.huan dt {
        width: 130px;
        margin: 0 auto;
        text-align: center
    }
}

@media screen and (max-width:350px) {
    div.box div.sxsm ul li span {
        font-size: 1rem;
    }
}

div.box table.tbsq {
    text-align: center;
    font-size: 18px;
}

div.box table.tbsq tr {
    background: #fff;
    color: #ff0;
}

div.box table.tbsq td {
    background: #fff;
    color: #ff0;
    border: 2px solid #dadada;
    padding: 1px 1px 1px 1px;
}

div.box table.tbsq span {
    display: block;
    font-size: 18px;
    padding: 2px 2px 2px 2px;
}

div.box table.tbsq .sc1 {
    color: #00f;
}

div.box table.tbsq .sc2 {
    color: #0a0;
}

div.box table.tbsq .sc3 {
    color: #f08;
}

div.box table.tbsq font {
    color: #f00;
}

div.box div.lx-ls {
    text-align: center;
    border-top: 1px solid #efefef;
    padding-top: 5px;
    background: #dcd894;
}

div.box div.lx-ls a {
    color: #f00;
    font-size: 18px;
}

div.box div.lx-zl .lx-left {
    float: left;
}

div.box div.lx-zl ul,
.lx-zl li {
    display: block;
}

ol,
ul,
li {
    list-style: none;
}

div.box div.lx-zl {
    overflow: hidden;
    color: #f00;
}

div.box div.lx-zl ul,
.lx-zl li {
    display: block
}

div.box div.lx-zl ul {
    width: 50%;
    word-break: break-all
}

div.box div.lx-zl .lx-left {
    float: left
}

div.box div.lx-zl .lx-right {
    float: right
}

div.box div.lx-zl font {
    color: #0f0
}

div.box div.lx-zl span {
    background: #ff0;
    border-radius: 0px;
}

div.box div.lx-zl b {
    color: #fff
}

@media (min-width:320px) {
    ul.lb li a {
        font-size: 28px
    }
    div.box div.table.tbsq {
        font-size: 28px
    }
    dl.lx dd {
        font-size: 16px
    }
}

@media (min-width:375px) {
    ul.lb li a {
        font-size: 28px
    }
    div.box div.table.tbsq {
        font-size: 28px
    }
    dl.lx dd {
        font-size: 18px
    }
}

@media (min-width:393px) {
    ul.lb li a {
        font-size: 28px
    }
    div.box div.table.tbsq {
        font-size: 28px
    }
    dl.lx dd {
        font-size: 28px
    }
}

@media (min-width:768px) {
    ul.lb li a {
        font-size: 28px
    }
    div.box div.table.tbsq {
        font-size: 28px
    }
    dl.lx dd {
        font-size: 20px
    }
}

.foot {
    margin-bottom: 0px;
    text-align: center;
    height: 86px;
    line-height: 32px;
    background-image: linear-gradient(0deg, #fead00 0%, #fff609 100%), linear-gradient(#fe3c00, #fe3c00);
    font-size: 2.1rem;
    color: #000000
}
/* 图库*/
.juzhong{
position: fixed;
left:0;
right:0;
top:0;
bottom:0;
margin: auto;
width: your_width;
height: your_height;} 

#idhovertree {
position: absolute;
}
ul{
list-style: none
}
.linghh ul li { float: left; width: calc(33% - 3px); margin-right: 0px; margin-bottom: 10px;}
.linghh ul li:nth-child(3n) { margin-right: 0;}
.linghh ul li:nth-last-child(1),
.linghh ul li:nth-last-child(2),
.linghh ul li:nth-last-child(3) { margin-bottom: 0;}
.linghh ul li a { height: 35px; line-height: 35px; text-align: center; border: solid 1px #ddd; border-radius: 10px; background: #fff; display: block;}
.linghh {font-size: 12px;}
div.box .linghh img {
    width: 18px;
    max-width: 18px;
    height: auto;
    vertical-align: middle
}
/*图集选择*/
.ds_box,.yy_page_mm{ width:100%; float:left; padding:0em .2em; box-sizing:border-box; margin-top:.0em}
.ds_boxinner,.yy_page_mminner{ float:left; width:100%; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; background:#fff; padding:0em .5em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

.neimuziliao { width:100%; margin:0 auto; position:relative;z-index:0; }
.kj_headtop{ width: 100%; float: left; height: 50px; background: #000000; text-align: center; line-height: 50px; font-size: 24px; font-weight: bold;-moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;}
.kj_headtop span{ color: #800000; margin-right: 20px}
.kj_headtop span a{ color: #000} 
.kj_headtop a strong{ color: red}

.kj_COMMONbox{ float: left; width: 100%; display:none;}
.kj_headtop { color:#fff; font-size:18px; height:40px; line-height:40px; clear:both; }
.action{display:block;}
.neimudt { height:30px; line-height:30px; width:100%;  text-align:center; font-size: 18px; color:#e91e63; background:#ffffffd9}
.neimudc { text-align:center; padding:8px 0;}
.pre{display: block; position: absolute; left:8px; top:8px;cursor: pointer;}
.next{display: block; position: absolute; right:8px; top:8px;cursor: pointer;}
/*返回顶部*/	
        #btnTop {
            display: none;
            position: fixed;
            bottom: 300px;
            right: 10px;
            z-index: 1;
            border: none;
            outline: none;
            color: white;
            cursor: pointer;
            padding: 1px;
            border-radius: 50px;
        }

        #btnTop:hover {
            background-color: #9F9F9F;
            opacity: 0.5;
        }
/*弹窗广告*/
        .pop-cpt { z-index: 999;position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
        .pop-cpt .bd { font-family: 微软雅黑;position: relative; width: 100%; text-align: center; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
        .pop-cpt .bd .img { border: 2px solid red;position: relative; max-width:85%; background-color:white; height:auto; padding:18px; padding-top:25px;line-height:25px }
        .pop-cpt .bd .img img	{width: 200px !important; height: 200px !important;}
		.pop-cpt .bd a {color:green; font-size:16px;font-weight:bold; color:red}
        .pop-cpt .bd  .view {margin-top: 5px;color:green; font-size:16px;font-weight:bold; color:blue}
        .pop-cpt .bd .pop-close { cursor:pointer;display: border-radius: 3px;border: 1px solid #ccc;cursor: pointer;font-size: 14px;inline-block; text-align:right; position: absolute;right:5px; top: 5px; font-size:20px; z-index: 10; color:black }	


/*投注*/
    .d-betting {
     border-color: #fff;
	 background: url(../../images/touzhu.gif) no-repeat;
     height:100%;
     width:100%;
     overflow: hidden;
     background-size:cover;
    }

    .d-betting {
        position: fixed;
        width: 11.667vw;
        height: 11.667vw;
        line-height: 11.3vw;
        border-width: .4vw;
        border-style: solid;
        background-color: transparent;
        color: #fff;
        text-align: center;
        z-index: 3;
        border-radius: 50%;
        display: none;
    }
    .d-betting a{
        font-size: 3.2vw;
    }
    
  .d-betting a{ text-decoration:none}	

 /*新页面弹出*/
.tango {
 display: none;
 }
.tan iframe {
position: fixed;
z-index: 20;
width: 100%;
height:100%;
left: 0;
top: 0;
border: medium none;
background-color:rgb(255,255,255);
}  
/*公告*/
.news-title{
	float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

}
.news-title img{
	display: block;
	float: left;
	width: 35px !important;
	height: 35px !important;
	margin-right:5px;
}
.txtMarquee-left{ padding:0 5px;width:auto;position:relative;height:35px;line-height: 35px;overflow: hidden;}
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important;color: #000;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{color: #fff;}
.txtMarquee-left .bd ul li a:hover{text-decoration: underline;}
.alertBox {
            border: 1px solid #B1B1B1;
            position: absolute;
            bottom: 0px;
            width: 200px;
            left: 50%;
            margin-left: -100px;
            background-color: crimson;
            text-align: center;
            color: white;
            text-decoration: none;
            display: none;
            line-height: 1.4rem;
            font-size: .9rem;
        }
.white-box img{width:20px;height:20px}		
/*全年*/
qnzl{font-size:16px;width:100%;}.qnzl li{width:33.3%;text-align:center; float:left;line-height:35px;border:#999 solid 1px;background: #fff;}.qnzl ul{margin:0;padding:0;list-style:none;}
/*漂浮导航底部*/
.cgi-foot-links{
    width:100%;
    max-width:720px;
    height:60px;
    border-top:solid 1px #ddd;
    box-shadow:0 -4px 10px rgba(0,0,0,.05);
    background:#fff;
    background-image: linear-gradient(0deg, #fead00 0%, #fff609 100%), linear-gradient(#fe3c00, #fe3c00);

    position:fixed;
    bottom:0;
    z-index:1
}
.cgi-foot-links ul li{
    float:left;
    width:20%;
    text-align:center
}
.cgi-foot-links ul li a{
    font-size:15px;
    color:#555
}
.cgi-foot-links ul li a.hover{
    color:red
}
.cgi-foot-links ul li a span{
    height:34px;
    display:block
}
#bar{
    text-align:center;
    line-height:30px;
    width:80px;
    right:0;
    position:absolute;
    top:-30px;
    background:red;
    color:#fff
}
.cgi-foot-links ul li a span.home{
    background:url(../../images/shuxing.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.list{
    background:url(../../images/cfl2.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.wechat{
    background:url(../../images/wechat.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.cfl4{
    background:url(../../images/cfl4.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.bag{
    background:url(../../images/cfl4-2.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a.hover span.home{
    background:url(../../images/cfl1-2.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li.cfl-more{
    width:20%;
    height:60px;
    display:block;
    position:relative
}
.cgi-foot-links ul li.cfl-more a{
    width:60px;
    height:60px;
    line-height:60px;
    background:url(../../images/cfl-more.png) no-repeat center;
    background-size:100%;
    border-radius:35px;
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-35px;
    overflow:hidden;
    text-indent:-999999px
}
#allsite{
    position:fixed;
    max-width:720px;
    width:100%;
    bottom:60px;
    z-index:1000;
    display:none;
    font-size:14px;
    text-align:center;
    background:rgba(0,0,0,.9);
    line-height:30px
}
#allsite ul{
    padding:5px 0
}
#allsite ul li{
    width:20%;
    float:left;
    line-height:21px
}
#allsite ul li a{
    color:#fff;
    display:block
}
/*域名*/
#yuming{
            position:fixed;
            z-index: 100;
            width: 100%;
            max-width:720px;
            bottom: 111px;
			font-size: 20px;
			font-weight:bold;
			text-align: center;
            background-image: linear-gradient(to right, red, orange, yellow, green, blue, green, yellow, orange, red, orange, yellow, green, blue, green, yellow, orange, red);    
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            animation: bgp 5s infinite linear;
        }
        @-webkit-keyframes bgp{0%{background-position: 0 0;}100%{ background-position: -100% 0;}}     
	


.center-icon {
  position: absolute;
  top: 0.5rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height:60px;
  animation: rotate 4s linear;
  animation-iteration-count: infinite;
}

 

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
        .buttons {display: flex;}
        .buttons a.btn {
            flex: 1;
            margin: 1px;
            height: 48px;
            line-height: 48px;
            font-size: 32px;
            color: #fff;
            text-align: center;
            text-decoration: none;
            border-radius: 8px;
        }
		
		/*导航开奖*/
.dhl1{width:100%;
max-width:720px;
margin:0 auto;
box-sizing:border-box;padding:0;
border-radius:0;
background-image: linear-gradient(0deg, #fead00 0%, #fff609 100%), linear-gradient(#fe3c00, #fe3c00);
}
.dhl1 ul{padding:0;display:flex;justify-content:space-between}
.dhl1 ul2{padding:0 0 0 2px;display:flex;justify-content:space-between}
.dhl1 ul li{width:100%;box-sizing:border-box;padding:0;margin:2px}
.dhl1 ul li:hover{width:100%;box-sizing:border-box;padding:0;border-radius:15px;background-color:rgba(0,0,0,.3);transform:translate3d(0,0,0)}
.dhl1 ul2 li{width:100%;box-sizing:border-box;padding:0;margin:2px}
.dhl1 ul2 li:hover{width:100%;box-sizing:border-box;padding:0;border-radius:15px;background-color:rgba(0,0,0,.3);transform:translate3d(0,0,0)}
.dhl1 ul li span{height:32px;line-height:32px;display:block;padding:0 0;text-align:center;font-weight:700;font-size:16px;color:#000;border-radius:15px;background:#0095ad}
.dhl1 ul li a span:hover{border-radius:15px;font-weight:700;font-size:16px;border:1px solid #fff;text-shadow:1px 1px 0 snow;background-image:url();-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:250% 80%;-webkit-animation:colorChange 12s infinite;@-webkit-keyframes colorChange{0%{background-position-x:0;background-position-y:0}50%{background-position-x:-885px;background-position-y:-233px}100%{background-position-x:0;background-position-y:0}}}
.dhl1 ul2 li span{height:40px;line-height:40px;display:block;padding:0 0;text-align:center;font-weight:700;font-size:22px;color:#fff;border-radius:15px;border:1px solid #fff;background-image:linear-gradient(179deg,#191970 0%,#FF2D2D 99%)}
.dhl1 ul2 li a span:hover{border-radius:15px;font-weight:700;font-size:22px;color:#ff0;text-shadow:1px 1px 0 snow;background-image:url();-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:250% 80%;-webkit-animation:colorChange 12s infinite;@-webkit-keyframes colorChange{0%{background-position-x:0;background-position-y:0}50%{background-position-x:-885px;background-position-y:-233px}100%{background-position-x:0;background-position-y:0}}}
.subnav {
    border-radius: 5px;
    padding: 5px 0;
    background-image: linear-gradient(0deg, #fead00 0%, #fff609 100%), linear-gradient(#fe3c00, #fe3c00);
    overflow: hidden;
}

.subnav a {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    font-size: 12pt;
    color: #000;
    font-weight: bold;
    text-shadow: 0px 1px 3px #b3ffbc;
}

.subnav a img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 2px;
    animation-duration: 1s;
    animation-fill-mode: both;
}
 



.nav2 { width: 100%; 
max-width: 720px; 
margin: 0 auto; 
box-sizing: border-box; 
padding: 2px; 
font-size: 13px; 
font-weight:bold; 
transform: translate3d(0, 0, 0);}
.nav2 ul { padding: 2px 0; 
display: flex; 
justify-content: space-between;}
.nav2 ul li { width: 100%; 
box-sizing: border-box; 
padding: 0 2px;}
.nav2 ul li a { display: block; 
padding: 3px 0; 
text-align: center; 
color: #fff; 
border-radius: 10px; 
background:#3ecf7c;}
.nav2 ul li a:hover { background-color: rgba(0, 0, 0, .1); 
transform: translate3d(0, 0, 0);}
#nav2[data-fixed="fixed"]{ position: fixed; 
top:0px; left: 0; right: 0; margin: auto; z-index: 10; 
box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.nav-img { text-align: center; background: #fff;}
.nav-img img { width: auto; height: 80px;}
@media screen and (max-width:800px) {.nav-img img { height: 70px;}}
@media screen and (min-width:800px) {.nav2 { padding: 2px; font-size: 16px;}
.nav2 ul { padding: 2px 0;}.nav2 ul li { padding: 0 4px;}
.nav2 ul li a { padding: 4px 0; cursor: pointer;}}.cgi-subnav ul li { width: 16%;}
.load-more__btn {display: block;padding: 10px 0;text-align: center;color: #fff;border-radius: 50px;background: #0c0c0c;}