body {
    font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    margin: 0 auto;
    background: #e0effe url(../images/bg.jpg) no-repeat center top;
    background-size: 100% auto;
}

img {
    vertical-align: top;
    width: 100%;
}

.header {
    padding-top: 0.25rem;
    width: 100%;
    height: 1.35rem;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.75);
}

.header .logo {
    margin: 0 auto;
    width: 3rem;
}

.header .chaxun {
    width: 0.57rem;
    display: block;
    position: absolute;
    right: 0.36rem;
    top: 0.36rem;
}

#main {
    padding: 1.5rem 0 0.55rem;
}

#main #luck {
    margin-bottom: 0.55rem;
}

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

#main #luck td {
    padding: 0 0.05rem 0.1rem;
    width: 20%;
    border: none;
    text-align: center;
    vertical-align: middle;
}

#main #luck td .item {
    /* padding-top: 0.2rem; */
    height: 2rem;
    color: #000;
    font-size: 0.2rem;
    box-sizing: border-box;
    background: url(../images/bg02.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

@media screen and (min-width:321px) {
    #main #luck td .item {
        height: 60px;
    }
}
@media screen and (min-width:450px) {
    #main #luck td .item {
        height: 68px;
    }
}

#main #luck td .item div {
    margin: 0 auto;
}

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

#main #luck td .item img {
    margin: 0 auto;
    width: auto;
    height: 0.5rem;
    display: block;
}

#main #luck td .box {
    padding: 0.36rem 0.45rem 0;
	background: url(../images/boxbg.png) no-repeat center bottom;
    background-size: 100% 100%;
}

#main #luck td .box .img {
    position: relative;
}

#main #luck td .box .img a {
    margin-left: 0.5rem;
    display: block;
}

#main .dateBox {
    margin: 0 auto 0.66rem;
    width: 8.8rem;
    height: 0.8rem;
    font-weight: bold;
    text-align: center;
    background: url(../images/bg04.png) no-repeat;
    background-size: 100% 100%;
}

#main .dateBox .txt {
    width: 50%;
    float: left;
    color: #45618a;
    font-size: 0.32rem;
    line-height: 0.76rem;
}

#main .dateBox .txt img {
    margin: -0.06rem 0.1rem 0 0;
    width: 0.35rem;
    display: inline-block;
    vertical-align: middle;
}

#main .dateBox .date {
    width: 50%;
    float: right;
    color: #fff;
    font-size: 0.36rem;
    letter-spacing: 0.02rem;
    line-height: 0.76rem;
}

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

#main .inputul {
    margin: 0 auto;
    width: 7.2rem;
}

#main .inputul li {
    margin-bottom: 0.25rem;
}

#main .inputul li input {
    height: 1.08rem;
    width: 7.2rem;
    color: #333;
    font-size: 0.35rem;
    border-radius: 0.1rem;
    border: none;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

#main .inputul li input::-webkit-input-placeholder {
    color: #333;
}

#main .inputul li input::-moz-placeholder {
    color: #333;
    opacity: 1;
}

#main .inputul li input:-moz-placeholder {
    color: #333;
    opacity: 1;
}

.footer {
    padding-bottom: 1.58rem;
    overflow: hidden;
    color: #6d7e9b;
    font-size: 0.25rem;
    line-height: 0.85rem;
    text-align: center;
    border-top: 1px solid #96a5bd;
}

.bottom {
    height: 1.58rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 900;
    background-color: #468bd8;
}

.bottom ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 1px;
}

.bottom ul li a {
    display: block;
    height: 1.84rem;
    position: relative;
    border-right: 1px solid #8fb9e8;
    box-sizing: border-box;
    padding-top: 0.23rem;
}

.bottom ul li:last-child a {
    border: none;
}

.bottom ul li .iconfont {
    display: inline-block;
    font-size: 0.54rem;
    color: #ea9795;
    margin: 0 auto;
    margin-top: 0.15rem
}

.bottom ul li p {
    line-height: 0.55rem;
    color: #fff;
    font-size: 0.32rem;
}

.bottom ul li img {
    width: auto;
    height: 0.65rem;
}

.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 {
    width: 8rem;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 1000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.popBox .img {
    margin-bottom: 0.3rem;
    position: relative;
}

.popBox .img p {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1rem;
    color: #fff;
    font-size: 0.4rem;
    font-weight: bold;
    text-align: center;
}

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

.popBox .close {
    margin: 0 auto;
    width: 0.8rem;
    text-align: center;
}

.searchBox {
    padding: 0.3rem;
    width: 9rem;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 10000;
    border-radius: 0.3rem;
    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%);
    max-height: 90%;
    overflow: auto;
	border: 2px solid #307cef;
}

.searchBox .close {
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
}

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

.searchBox .search {
    margin: 0 auto 0.3rem;
    width: 8rem;
    position: relative;
}

.searchBox .search input {
    margin: 0;
    padding: 0 0.5rem;
    width: 100%;
    height: 1.2rem;
    color: #292457;
    font-size: 0.35rem;
    line-height: 1.2rem;
    box-sizing: border-box;
    border-radius: 0.6rem;
    border: none;
    background: #fff;
}

.searchBox .search a {
    display: block;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    overflow: hidden;
    zoom: 1;
}

.searchBox .search a img {
    width: auto;
    height: 100%;
    display: block;
    float: right;
}

.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: 0.35rem;
    line-height: 0.8rem;
    text-align: center;
    background: #4475c5;
    border: 1px solid #fff;
}

.searchBox td {
    padding: 0.2rem;
    color: #2b456c;
    font-size: 0.35rem;
    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 {
    width: 8rem;
    height: 5rem;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 9999;
    box-sizing: border-box;
    background: url(../images/tclogin.png) no-repeat center top;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.pop .close {
    position: absolute;
    right: 0rem;
    top: 0rem;
}

.pop .close img {
    width: 0.8rem;
    height: 0.8rem;
}

.pop .user_name {
    margin: 1.2rem auto 0;
    width: 4.5rem;
    height: 1rem;
    display: block;
    color: #26416e;
    font-size: 0.4rem;
    line-height: 1rem;
    text-align: center;
    background: #fff;
    border-radius: 0.2rem;
    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: 0.4rem;
    font-weight: 700;
    height: 1rem;
    line-height: 1rem;
    margin: 0.2rem auto 0;
    text-align: center;
    width: 4.5rem;
    border-radius: 0.2rem;
    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;
}.header .illubt {
    width: 1rem;
    display: block;
    position: absolute;
    left: 0.36rem;
    top: 0.36rem;
}
/* Lightbox background */
#lightbox-1_lightboxbg {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: 1000;
}

.illu {
    width: 9.6rem;
	height: 90%;
    position: fixed;
    left: 50%;
    top: 50%;
    display:none;
    z-index: 10000;
    border-radius: 0.3rem;
    box-sizing: border-box;
    background: linear-gradient(180deg,#fff 0%, #ebf5ff 100%);
    background: -webkit-linear-gradient(270deg,#fff 0%, #ebf5ff 100%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow:hidden;
	border: 2px solid #307cef;
	padding: 0.3rem 0.1rem;
}

.illu .close {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
	width: 1rem;
}
.illu .tt{
   margin: 0.2rem 0;
}
.illu .txtBox{
	width: 96%;
    height: 100%;
    overflow: auto;
    padding: 0 0.2rem;
}

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

.illu th {
    color: #fffb97;
    font-size: 0.35rem;
    line-height: 0.8rem;
    text-align: center;
	border: 1px solid #97a6b3;
    background: #4475c5;
    
}

.illu td {
    padding: 0.2rem;
    color: #2b456c;
    font-size: 0.35rem;
    line-height: 1.7;
    text-align: center;
    border: 1px solid #97a6b3;
	background: #e0effe;
}

.illu td span {
    color: #fff21c;
}

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

.illu dt {
    color: #0f66c1;
    font-size: 0.45rem;
    font-weight: bold;
}

.illu dd {
    margin-bottom: 0.3rem;
    color: #45525d;
    font-size: 0.35rem;
    line-height: 0.7rem;
}

.illu dd.style {
    
}

.illu dd span {
    color: #e60101;
}

.illu .btmTxt {
    color: #45525d;
    font-size: 0.35rem;
    line-height: 0.7rem;
}

/*彈窗 說明_end*/