﻿.tempbody
{
	position: relative;
	width: 1213px;
	margin: 0 auto;
	text-align: center;
	margin-top: 0px;
	border: solid 0px #6AC0FF;
	color: #606060;
	font-size: 12px;

	

}

.tbody
{
	width: 1213px;
}

/*是否合并边框*/
table
{
border-collapse: collapse;
width:100%;
}

/*内容*/
.middle
{
	width: 1213px;
}

/*底部*/
.footer {
    text-align: center;
    margin: 0px;
    padding: 10px;
    clear: both;
    color: #FFFFFF;
    border-top: solid 2px #6AC0FF;
    background: url(../Images/footer.jpg) repeat-x #ffffff;
}


/* 未访问前的样式 */
A:link
{
	color: #606060;
	font-size: 12px;
	text-decoration: none;
}
/* 鼠标激活样式 */
A:visited
{
	color: #606060;
	font-size: 12px;
	text-decoration: none;
}
/* 鼠标悬停时的样式 */
A:hover
{
	color: #009966;
	font-size: 12px;
	text-decoration: none;
}
.wishTop
{
	height: 136px;
	background: url(../Images/b4_bg.gif) repeat-x #ffffff;
	margin: 0px;
	padding: -1px;
}
.titleSystemArea
{
	float: left;
	padding-left: 30px;
	padding-top: 30px;
	font-size: 60px;
	font-weight: bolder;
	font-family: Arial, Helvetica,sans-serif;
	font-weight: bolder;
	font-style: italic;
	color: #009966;
}
.titleSystemName
{
	float: left;
	padding-top: 50px;
	padding-left: 30px;
	font-size: 45px;
	font-weight: bolder;
	font-family: Arial, Helvetica,sans-serif;
	color: #009966;
}
.titlenote {
    float: left;
    background-color:cadetblue;
    padding-top: 10px;
    padding-left: 20px;
    font-size: 25px;
    font-weight: bolder;
    font-family:FZYiHei-M20S;
    color: #009966;
}
/*Image logo*/
.bglogo
{
	float: right;
	padding: 0 15px;
	z-index: 2;
}
/*默认页面*/
.dtab1
{
	height: 166px;
	width: 100%;
}
.dtr1
{
	height: 30px;
	background-image: url(../Images/table.png);
	text-align: left;
}
.dtd1
{
	width: 50%;
}
.dtd2
{
	width: 450px;
	height: 38px;
	text-align: left;
	padding-left: 15px;
    font-size:16px;
    

    font-weight:300;
}
.more
{
	float: right;
	margin-right: 8px;
	color: White;
}
.intitle {
    border: solid 0px #6AC0FF;
  
}



.indextitle {
    font-size: 16px;
    color: #000000;
    font-family: "微软雅黑";
    line-height: 31px;
    padding-left: 20px;
    padding-right: 20px;
}

    .indextitle a {
        font-size: 16px;
        color: #000000;
        font-family: "微软雅黑";
        text-decoration: none;
        padding-left: 20px;
        padding-right: 20px;
    }

        .indextitle a:hover {
            font-size: 16px;
            color: #000000;
            font-family: "微软雅黑";
            text-decoration: underline;
            padding-left: 20px;
            padding-right: 20px;
        }

.indexContent {
    font-size: 14px;
    line-height: 180%;
    color: #666666;
    padding-left: 20px;
    padding-right: 20px;
}

    .indexContent * {
        line-height: 180%;
    }




li {
    list-style: none
}

img {
    border: none
}

a {
    text-decoration: none;
}

/*----------图片轮播样式----------*/
 #frame { /*----------图片轮播相框容器----------*/
    position: absolute; /*--绝对定位，方便子元素的定位*/
    width: 550px;
    height: 360px;
    overflow: hidden; /*--相框作用，只显示一个图片---*/
    border-radius: 0px;
}

#dis { /*--绝对定位方便li图片简介的自动分布定位---*/
    position: absolute;
    left: -100px;
    top: 330px;
    opacity: 0.5;
}

    #dis li {
        display: inline-block;
        width: 460px;
        height: 20px;
        margin: 0 50px;
        float: left;
        text-align: center;
        color: #fff;
        border-radius: 10px;
        background: #000;
    }

#photos img {
    float: left;
    width: 550px;
    height: 360px;
}

#photos { /*---设置总的图片宽度--通过位移来达到轮播效果----*/
    position: absolute;
    z-index: 9px;
    width: calc(550px * 5); /*---修改图片数量的话需要修改下面的动画参数*/
}

.play {
    animation: ma 20s ease-out infinite alternate; /**/
}

@keyframes ma { /*---每图片切换有两个阶段：位移切换和静置。中间的效果可以任意定制----*/
    0%,20% {
        margin-left: 0px;
    }

    25%,40% {
        margin-left: -550px;
    }

    45%,60% {
        margin-left: -1100px;
    }

    65%,80% {
        margin-left: -1650px;
    }

    85%,100% {
        margin-left: -2200px;
    }
}

.num {
    position: absolute;
    z-index: 10;
    display: inline-block;
    right: 10px;
    top: 325px;
    border-radius: 100%;
    background: #f00;
    width: 25px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    opacity: 0.8;
}

    .num:hover {
        background: #00f;
    }

    .num:hover, #photos:hover {
        animation-play-state: paused;
    }

    .num:nth-child(2) {
        margin-right: 30px
    }

    .num:nth-child(3) {
        margin-right: 60px
    }

    .num:nth-child(4) {
        margin-right: 90px
    }

    .num:nth-child(5) {
        margin-right: 120px
    }

#a1:hover ~ #photos {
    animation: ma1 .5s ease-out forwards;
}

#a2:hover ~ #photos {
    animation: ma2 .5s ease-out forwards;
}

#a3:hover ~ #photos {
    animation: ma3 .5s ease-out forwards;
}

#a4:hover ~ #photos {
    animation: ma4 .5s ease-out forwards;
}

#a5:hover ~ #photos {
    animation: ma5 .5s ease-out forwards;
}

@keyframes ma1 {
    0% {
        margin-left: -2200px;
    }

    100% {
        margin-left: -0px;
    }
}

@keyframes ma2 {
    0% {
        margin-left: -2200px;
    }

    100% {
        margin-left: -550px;
    }
}

@keyframes ma3 {
    100% {
        margin-left: -1100px;
    }
}

@keyframes ma4 {
    100% {
        margin-left: -1650px;
    }
}

@keyframes ma5 {
    100% {
        margin-left: -2200px;
    }
}

/*----------图片轮播样式结束----------*/




/* -------------------------文字逐条上翻样式-----------------------------------  */

/* -------------------------摇奖排行榜-----------------------------------  */
.Top_Record {
}

.record_Top {
    width: 100%;
    height: 50px;
    background: url(../images/record_Bg.png) center center no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 50px;
    margin: 10px auto 0px;
    color: #fff;
}


.topRec_List dl, .maquee {
    width: 100%;
    overflow: hidden;
    margin: 0 ;
    color: #000000;
}

.topRec_List dd {
    float: left;
    text-align: center;
    border-bottom: 1px solid #1B96EE;
    color: #1B96EE;
}

.topRec_List dl dd:nth-child(1) {
    width: 15%;
    height: 40px;
    line-height: 40px;
}

.topRec_List dl dd:nth-child(2) {
    width: 15%;
    height: 40px;
    line-height: 40px;
}

.topRec_List dl dd:nth-child(3) {
    width: 20%;
    height: 40px;
    line-height: 40px;
}

.topRec_List dl dd:nth-child(4) {
    width: 20%;
    height: 40px;
    line-height: 40px;
}

.topRec_List dl dd:nth-child(5) {
    width: 15%;
    height: 40px;
    line-height: 40px;
}
.topRec_List dl dd:nth-child(6) {
    width: 15%;
    height: 40px;
    line-height: 40px;
}
.maquee {
    width: 620px;
    height: 195px;
}

.topRec_List ul {
    width: 100%;
    height: 195px;
}

.topRec_List li {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px dashed #aaa;
}
    /*.topRec_List li:nth-child(2n){ background:#077cd0}*/
    .topRec_List li div {
        float: left;
    }

        .topRec_List li div:nth-child(1) {
            width: 15%;
        }

        .topRec_List li div:nth-child(2) {
            width: 15%;
        }

        .topRec_List li div:nth-child(3) {
            width: 20%;
        }

        .topRec_List li div:nth-child(4) {
            width: 20%;
        }
        .topRec_List li div:nth-child(5) {
            width: 15%;
        }
        .topRec_List li div:nth-child(6) {
            width: 15%;
        }

.apple a {
    display: block;
    text-decoration: none;
}

.apple, .aa {
    width: 600px;
    height: 60px;
    overflow: hidden;
    margin: 4px auto;
    border: 0px solid #1B96EE;
}

    .apple a, .aa a {
        width: 100%;
        height: 60px;
        line-height: 27px;
        text-indent: 0px;
        color: #1B96EE;
    }

.aa {
    word-wrap: break-word;
    line-height: 50px;
    color: #1B96EE;
}
/* -------------------------文字逐条上翻样式结束-----------------------------------  */


.indexContent * {
    line-height: 180%;
}

.font12gay {
    font-size: 14px;
    color: #666666;
}

    .font12gay a {
        font-size: 14px;
        color: #666666;
        text-decoration: none;
    }

        .font12gay a:hover {
            font-size: 14px;
            color: #333333;
            text-decoration: none;
        }

.tr1 {
}

    .tr1 div {
        padding-left: 1px;
        padding-top: 1px;
        background: width:15px;
        height: 16px;
        background-image: url(/images/list_off.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

        .tr1 div span {
            color: #333333;
        }

.tr2 {
}

    .tr2 div {
        padding-left: 1px;
        padding-top: 1px;
        background: width:15px;
        height: 16px;
        background-image: url(/images/list_on.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

        .tr2 div span {
            color: #FFFFFF;
        }

.tr3 {
}

    .tr3 div {
        padding-left: 10px;
        padding-top: -15px;
        width: 15px;
        height: 13px;
        background-image: url(/images/list3.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

        .tr3 div span {
            font-weight: 600;
            color: #ffffff;
            font-size: 9px;
        }

.tdtitle {
    background: url(../images/bg-3.jpg) repeat-x bottom;
}

.tdLeft {
    background: url(../images/tdLeft-2.png) no-repeat bottom;
    height: 34px;
    width: 156px;
}

.tdLeft2 {
    background: url(../images/tdLeft-2.png) no-repeat bottom;
    height: 34px;
    width: 165px;
}

.tdfont {
    color: #FFFFFF;
    font-size: 18px;
    font-family: "黑体";
}

    .tdfont a {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 18px;
        font-family: "黑体";
        text-decoration: none
    }

        .tdfont a:hover {
            color: #FFFFFF;
            font-weight: bold;
            font-size: 18px;
            font-family: "黑体";
            text-decoration: underline
        }

.tableBorder {
    border: solid 1px #d5d5d5;
}

.tdBorderBottom {
    border-bottom: #CCCCCC 2px solid;
}

.tdbottomborder1 {
    border-bottom: #d5d5d5 1px solid;
    line-height:40px;
}

.lanmuTitle {
    color: #F0821C;
    font-size: 14px;
    font-family: "黑体";
    font-weight: bold;
}

.font14 {
    color: #FFFFFF;
    font-size: 14px;
    font-family: "新宋体";
    font-weight: bold;
}

.font12gay {
    color: #666666;
    font-size: 14px;
    font-family: "新宋体";
    line-height: 180%;
}

.font14blue {
    color: #209455;
    font-size: 14px;
}

    .font14blue a {
        color: #209455;
        font-size: 14px;
        text-decoration: none;
    }

        .font14blue a:hover {
            color: #0099FF;
            font-size: 14px;
            text-decoration: none;
        }

.pageBottom {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 180%



{
    margin: 0;
    padding: 0;
}
 img {

 }
 .outer {
 overflow: hidden;
 width: 200px;
 height: 200px;
 margin: 50px auto;
 }
 #inner {
width: 2000px;
 height: 200px;
}
#inner img {
float: left;
 width: 200px;
height: 200px;
 }
