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

a:hover {
    text-decoration: none;
}
[v-cloak] {
    display: none;
}
body {
    font: 14px/1.6 "Microsoft Yahei";
    background: #960F0E url(../images/bg01.jpg) no-repeat center top;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #9A1319 !important;
    left: 0px !important;
    top: 0px !important;
    padding: 0px !important;
}

.layui-laypage .layui-laypage-curr em {
    color: rgb(255, 242, 28) !important;
}

.layui-laypage a,
.layui-laypage span {
    background-color: transparent !important;
    color: #ffdecf !important;
    border: 1px solid #dd0002 !important;
}
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 {
    background: url(../images/h_bg.jpg) repeat-x left top;
}

.header .hInner {
    margin: 0 auto;
    padding: 23px 0 24px;
    width: 1200px;
}

.header .logo {
    margin-left: 2px;
    float: left;
}

.header ul {
    margin: 6px -14px 0 0;
    float: right;
}

.header li {
    margin: 0 2px 0 20px;
    width: 124px;
    float: left;
}

.header li:hover {}

.header li a {
    padding-bottom: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 40px;
    text-align: center;
    display: block;
}

.header li a:hover {
    color: #920d20;
    background: url(../images/bg02.png) no-repeat center top;
}

.header li a span {
    padding-left: 32px;
    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: 324px 0 39px;
    width: 1200px;
}

#main .listUl {
    margin: 0 0 44px 245px;
    min-height: 650px;
}

#main .listUl li {
    margin: 0 30px 15px 0;
    float: left;
}

#main .listUl li a,
#main .listUl li img {
    display: block;
    cursor: pointer;
}

#main .listUl li a {
    position: relative;
}

#main .listUl li a .txt {
    display: block;
    position: absolute;
    left: 0;
    top:190px;
    /* bottom: 30px; */
    width: 100%;
    color: #fefefe;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.45;
    text-align: center;
}

#main .listUl li a .subTxt {
    display: block;
    font-size: 24px;
}

#main .listUl li a .num {
    color: #ffe400;
}

#main .listUl li a.myanimate {
    transition: all 1s;
    -webkit-transition: all 1s;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}

#main .dateBox {
    margin: 0 auto 28px;
    width: 650px;
    height: 86px;
    position: relative;
    text-align: center;
    background: url(../images/bg03.png) no-repeat center top;
}

#main .dateBox p {
    padding-top: 17px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
}

#main .dateBox p img {
    margin: -4px 12px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#main .dateBox p span {
    color: #fff600;
}

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

.popBox {
    margin: -300px 0 0 -225px;
    width: 449px;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 1000;
}

.popBox .img {
    position: relative;
}

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

.popBox .img p span {
    display: block;
    color: #fff100;
    font-size: 42px;
}

.popBox .img p .price {
    font-size: 64px;
}

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

#main .innerBox {
    padding: 80px 60px 67px 71px;
    background: #810608;
}

#main .inner {
    padding: 48px 0 30px;
    position: relative;
    border-radius: 5px;
    border: 3px solid #FFBE56;
    background: #C60A17 url(../images/line.png) no-repeat 528px 40px;
}

#main .inner .ttl {
    position: absolute;
    left: 329px;
    top: -51px;
}

#main .inner .lzhongj {
    width: 518px;
    float: left;
}

#main .inner .rzhongj {
    width: 518px;
    float: right;
}

#main .inner .bd {
    height: 200px;
}
.tempWrap {
    max-height: 200px;    
}
#main .inner li {
    margin-bottom: 14px;
    overflow: hidden;
    zoom: 1;
    height: auto !important;
}

#main .inner li p {
    padding: 0 20px 0 58px;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}

#main .inner li p .name {
    color: #00fffc;
}

#main .inner li p .num {
    color: #fff000;
}

.footer {
    overflow: hidden;
    background: #6E0701;
}

.footer p {
    color: #da4e4a;
    font-size: 14px;
    letter-spacing: 1.2px;
    line-height: 61px;
    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: #79090F;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

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

.searchBox p {
    margin-bottom: 24px;
    color: #fff;
    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: #161616;
    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: #161616;
}

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

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

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

.searchBox th {
    color: #832916;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    background: #FFDF71;
    border: 1px solid #C01B22;
}

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

.searchBox td span {
    color: #fff21c;
}

.searchBox tr:nth-child(2n+1) td {
    background: #9A1319;
}

.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: -24px;
    top: -24px;
}

.pop .user_name {
    margin: 68px auto 0;
    width: 350px;
    height: 80px;
    display: block;
    color: #6c3114;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
    background: #fff4e4;
    border-radius: 20px;
    border: none;
}

.pop .tcsub {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 700;
    height: 80px;
    line-height: 80px;
    margin: 68px auto 0;
    text-align: center;
    width: 350px;
    border-radius: 20px;
    border: none;
    background: #f63d3d;
}

.login-user {
    position: absolute;
    top: 1070px;
    left: 50%;
    background-color: #FAE5B0;
    border: 2px solid #8E2521;
    width: 500px;
    margin: 0 0 0 -250px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    border-radius: 25px;
}

.login-user div {
    display: inline-block;
    color: #8E2521;
    margin: 0 10px;
}

.login-user div span {
    color: #f00;
    font-weight: bold;
}

.login-user div:last-child {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.quotes {
    text-align: center;
}

.quotes span {
    color: #f00;
}

.quotes a {
    margin: 0 2px;
    text-decoration: underline;
}

/* 卷軸隱藏 */
html {
    overflow: -moz-hidden-unscrollable;
    height: 100%;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
}

.event-close {
    width: 60%;
    text-align: center;
    font-size: 30px;
    margin: 0 auto;
    min-height: 500px;
}