@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
.none{display:none;}
.pr{position:relative;}
.pa{position:absolute;}
.t{font-size: 0;}
body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';/*padding-top:55px;*/text-align:justify;min-width:1200px;}
a{text-decoration:none;overflow:visible;}
a:hover{text-decoration:none;}
.com,.tab-wrap, .tab-i,.sel-wrap select, .tit::before, .tit::after, .table tbody tr .ico-cup,  .btn,.lblist dd,.s_con a:hover,.fclict div,.s_con a.on{background:url(../img/com_02.png) no-repeat;display:block;overflow:hidden;text-align:center;}
.btn{transition:filter 0.5s linear;}
.btn:hover{-webkit-filter: brightness(1.15);}
.xtl_logo_lk{top:20px;left:4px;z-index:101;background: url(../img/logo.png) no-repeat;width: 178px;height: 118px;}
.xtl_logo_lk a{display:block; width:100%; height: 100%; z-index:999;}
.bar{width:1200px;margin:0 auto;position:relative;}
.wrap{color:#fff;}
.head{height:763px;background:url(../img/bg-head_02.jpg) no-repeat center top;z-index:1;position:relative;}
.cont{height:auto;background:url(../img/bg-con.jpg) no-repeat center top;z-index:2;position:relative;padding-bottom: 30px;}
.slogan{ background: url("../img/slogan_02.png"); width:826px; height: 217px; top: 468px; left:50%; margin-left: -413px; }

.tab-wrap{ width:100%; height: 122px; overflow: hidden; position: absolute; top:-50px; background-position: center -404px; }
.tab{width: 1200px; height: 119px; margin: 0 auto; position: absolute; left:50%; left: 50%; margin-left: -600px; top:-8px; }
.tab .tab-i:nth-child(1){margin-left: 2px;}
.tab .tab-i:nth-child(2){background-position-x:-173px }
.tab .tab-i:nth-child(3){background-position-x:-344px }
.tab .tab-i:nth-child(4){background-position-x:-516px }
.tab .tab-i:nth-child(5){background-position-x:-687px }
.tab .tab-i:nth-child(6){background-position-x:-859px; margin-left: 2px;}
.tab .tab-i:nth-child(7){background-position-x:-1030px }
.tab .tab-i{width:170px; height: 119px; background-position: -1px -264px; display: inline-block; float:left; margin-left: 1px;}
.tab .tab-i:hover, .tab .tab-i.active{background-position-y: -125px; }

.sel-wrap{ height: 47px; text-align: center;width:1200px;margin:0 auto;}
.sel-wrap select{width:344px; height: 47px; display: inline-block; text-align: left; text-indent: 6px; background-position: -272px 0; border:none; color:#b9afa0; font-size: 16px;
    appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none; margin: 0 10px;float: left;}
.sel-wrap select::-ms-expand {
    display: none;
}
.tit-wrap{text-align: center;}
/* .tit{ font-size: 34px; font-weight: bold; color:#c3a15c; display: inline-block; width:844px; height: 52px; margin: 64px auto 0;} */
.tit{ font-size: 34px; font-weight: bold; color:#c3a15c; display: inline-block; height: 52px; margin: 64px auto 0;}
.tit::before{content: ''; display: inline-block;  background-position: 0 -567px; width: 264px; height: 34px; position: relative; top:4px; }
.tit::after{content: ''; display: inline-block;  background-position: -578px -567px; width: 264px; height: 34px; position: relative; top:4px; }
.tit-tip{text-align: center; font-size: 14px; color:#705b52; margin-top: 10px;}

.table{width:1200px; margin: 26px auto 0;}
.table tbody tr:first-child td{background:#dbbe72; height: 43px; border: 1px solid #4f2b04; font-weight: bold; font-size: 20px; color:#372106; text-align: center;font-weight: 800;}
.table tbody tr td:nth-child(2){ width: 132px; }
.table tbody tr td:nth-child(3){ width: 265px; }

.table tbody tr td:nth-child(4){ width: 265px; }

.table tbody tr:nth-child(even){ background-color: #281c14;}
.table tbody tr:nth-child(odd){ background-color: #2e2019;}
.table tbody tr td{height: 43px; line-height: 43px; border: 1px solid #522e07; font-size: 14px; color:#fdf4eb; text-align: center;  }
.table tbody tr td .cup-wrap{width:100%; height: 100%; position: relative;}
.table tbody tr.cup1 td{background-color:#7d6841;}
.table tbody tr.cup2 td{background-color: #59452e;}
.table tbody tr.cup3 td{background-color: #433323;}
.table tbody tr .ico-cup{width: 15px; height: 24px; position: absolute;  top:11px; left:20px;}
.table tbody tr.cup1 .ico-cup{background-position: -670px 0;}
.table tbody tr.cup2 .ico-cup{background-position: -707px 0;}
.table tbody tr.cup3 .ico-cup{background-position: -752px 0;}

.pop{position:relative;width:513px;height:288px;background:transparent no-repeat;color:#3f3e45; display:none;}

.ani .slogan{-webkit-animation:sloganAni .4s 0s linear both;}

@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes sloganAni{
    0%{-webkit-transform:scale(1.8);opacity:0;}
    60%{-webkit-transform:scale(1);opacity:1;}
    65%{-webkit-transform:translate(-4px,-4px);}
    70%{-webkit-transform:translate(0,0);}
    75%{-webkit-transform:translate(4px,4px);}
    80%{-webkit-transform:translate(0,0);}
    85%{-webkit-transform:translate(-4px,4px);}
    90%{-webkit-transform:translate(0,0);}
    95%{-webkit-transform:translate(4px,-4px);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
/* 新添加 */
.disabled{pointer-events: none;}
#table_box{
    width:1200px;
    margin:0 auto;
}