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

a:hover {
    text-decoration: none;
}

body {
    font: 14px/1.6 "Microsoft Yahei";
    color: #45618a;
    background: #e0effe url(../images/bg.jpg) no-repeat center top;
}

ul li {
    list-style: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */

*+html .clearfix {
    zoom: 1;
}

/* IE7 */

.fL {
    float: left !important;
}

.fR {
    float: right !important;
}

img {
    vertical-align: top;
}

/*---------------index--------------*/

.header {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.hInner {
    width: 1200px;
    margin: 0 auto;
}

.header .logo {
    float: left;
}

.header ul {
    margin: 10px -12px 0 0;
    float: right;
}

.header li {
    margin-left: 8px;
    width: 140px;
    float: left;
}

.header li:hover {}

.header li a {
    color: #2a2f36;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
}

.header li a:hover {
    color: #fff;
    background: url(../images/bg05.png) no-repeat;
}

.header li a span {
    padding-left: 29px;
    display: inline-block;
    background: url(../images/navi_img01.png) no-repeat left center;
}

.header li a:hover span {
    background-image: url(../images/navi_img01_on.png);
}

.header li.li02 a span {
    background-image: url(../images/navi_img02.png);
}

.header li.li02 a:hover span {
    background-image: url(../images/navi_img02_on.png);
}

.header li.li03 a span {
    background-image: url(../images/navi_img03.png);
}

.header li.li03 a:hover span {
    background-image: url(../images/navi_img03_on.png);
}

.header li.li04 a span {
    background-image: url(../images/navi_img04.png);
}

.header li.li04 a:hover span {
    background-image: url(../images/navi_img04_on.png);
}

.header li.li05 a span {
    background-image: url(../images/navi_img05.png);
}

.header li.li05 a:hover span {
    background-image: url(../images/navi_img05_on.png);
}

#main {
    margin: 0 auto;
    padding: 30px 0 50px;
    width: 1200px;
}

#luck {
    margin: 0 -6px 86px;
}

#main #luck table {
    width: 100%;
    border-collapse: collapse;
	
}

#main #luck td {
    padding: 0 6px 13px;
    border: none;
    text-align: center;
    vertical-align: top;
}

#main #luck td .item {
    padding-top: 19px;
    width: 190px;
    height: 120px;
    color: #000;
    font-size: 18px;
    box-sizing: border-box;
    background: url(../images/bg02.png) no-repeat;
    line-height: 20px;
}

#main #luck .active .item {
    background-image: url(../images/bg03.png);
}

#main #luck td .item img {
    margin: 0 auto 2px;
    display: block;
}

#main #luck td .box {
    padding: 20px 0 0;
}

#main #luck td .box .img {
    margin-bottom: 19px;
    position: relative;
}

#main #luck td .box .img a {
    display: block;
    position: absolute;
    left: 245px;
    bottom: 6px;
}

#main #luck td .dateBox {
    margin: 0 auto;
    width: 660px;
    height: 60px;
    font-weight: bold;
    background: url(../images/bg04.png) no-repeat;
}

#main #luck td .dateBox .txt {
    width: 330px;
    float: left;
    color: #45618a;
    font-size: 24px;
    line-height: 58px;
}

#main #luck td .dateBox .txt img {
    margin: -5px 8px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#main #luck td .dateBox .date {
    width: 330px;
    float: right;
    color: #fff;
    font-size: 30px;
    line-height: 60px;
}

#main #luck td .dateBox .date span {
    color: #ffed25;
}

.cover {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

.searchBox_cover {
    z-index: 1001;
}

.popBox {
    margin: -210px 0 0 -315px;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 1000;
}

.popBox .img {
    margin-bottom: 19px;
    position: relative;
}

.popBox .img p {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    height: 175px;
}

.popBox .img p span {
    color: #fff100;
}

.popBox .close {
    text-align: center;
}

#main .inner {
    margin: 0 3px 50px 0;
}

#main .inner .tableBox {
    margin-top: 2px;
    width: 597px;
    float: right;
}

#main .inner table {
    width: 100%;
    border-collapse: collapse;
	border: 1px solid #97a6b3;
}

#main .inner th,
#main .inner td {
    padding: 8px 0 9px;
    width: 25%;
    color: #45525d;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #97a6b3;
    background: #e0effe;
	font-weight: bold;
}

#main .inner tr:nth-child(2n+1) td {
    background: #edf4fa;
}

#main .inner th {
    font-weight: bold;
    color: #fff;
    line-height: 1.45;
    background: #4b76bc;
}

#main .inner .txtBox {
    width: 569px;
    float: left;
}

#main .inner .txtBox .ttl {
    margin-bottom: 45px;
}

#main .inner .txtBox dt {
    color: #0f66c1;
    font-size: 20px;
    font-weight: bold;
}

#main .inner .txtBox dd {
    margin-bottom: 40px;
    color: #45525d;
    font-size: 16px;
    line-height: 2.25;
}

#main .inner .txtBox dd.style {
    margin-bottom: 35px;
}

#main .inner .txtBox dd span {
    color: #e60101;
}

#main .btmTxt {
    margin-top: 39px;
    color: #45525d;
    font-size: 16px;
    line-height: 2.25;
}

.footer {
    overflow: hidden;
    background: #4b76bc;
}

.footer p {
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
}

.searchBox {
    padding: 21px 50px 50px;
    width: 720px;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 10000;
    border-radius: 20px;
    box-sizing: border-box;
    background: linear-gradient(180deg,#d4e5f7 0%, #bed7f2 100%);
    background: -webkit-linear-gradient(270deg,#d4e5f7 0%, #bed7f2 100%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow: auto;
    max-height: 500px;
	border: 2px solid #307cef;
}

.searchBox .close {
    position: absolute;
    right: 18px;
    top: 18px;
}

.searchBox p {
    margin-bottom: 24px;
    color: #1f5ddc;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.searchBox .search {
    margin: 0 auto 32px;
    width: 510px;
    position: relative;
}

.searchBox .search input {
    margin: 0;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    color: #292457;
    font-size: 18px;
    line-height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    border: none;
    background: #fff;
}

.searchBox .search a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.searchBox .search input::-webkit-input-placeholder {
    color: #292457;
}

.searchBox .search input::-moz-placeholder {
    color: #292457;
    opacity: 1;
}

.searchBox .search input:-moz-placeholder {
    color: #292457;
    opacity: 1;
}

.searchBox table {
    width: 100%;
    border-collapse: collapse;
	
}

.searchBox th {
    color: #fffb97;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    background: #4475c5;
    border: 1px solid #fff;
}

.searchBox td {
    padding: 7px 10px;
    color: #2b456c;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    border: 1px solid #fff;
}

.searchBox td span {
    color: #fff21c;
}

.searchBox tr:nth-child(2n+1) td {
    background: #3b376b;
    color: #fff;
}

.pop {
    margin: -158px 0 0 -282px;
    width: 564px;
    height: 317px;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 9999;
    box-sizing: border-box;
    background: url(../images/tclogin.png) no-repeat center top;
}

.pop .close {
    position: absolute;
    right: 0px;
    top: -5px;
}

.pop .user_name {
    margin: 83px auto 0;
    width: 290px;
    height: 75px;
    display: block;
    color: #26416e;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    border: none;
}
input::-webkit-input-placeholder {
    color:  #26416e;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color:  #26416e !important;
  font-weight: normal !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.pop .tcsub {
    color: #e02a0c;
    display: block;
    font-size: 30px;
    font-weight: 700;
    height: 75px;
    line-height: 75px;
    margin: 15px auto 0;
    text-align: center;
    width: 290px;
    border-radius: 20px;
    border: none;
    background: linear-gradient(180deg,#fff5bf 0%, #fde55f 100%);
    background: -webkit-linear-gradient(270deg,#fff5bf 0%, #fde55f 100%);
    cursor: pointer;
}

.filter_gray {
    /* -webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%); */
    opacity: 0.8;
}
.hInner {
    display: flex;
    align-items: center;
}

.header ul {
    margin: 0;
}