﻿
html{min-width:1200px;}
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#000000;overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; /*font-family:'fz','宋体';*/}
a:hover{ text-decoration:none;}
#top{height:100px;width:1200px; margin:0 auto; color:#CCC; background:#000;}
#foot{height:80px;width:1200px; margin:0 auto; text-align:center; line-height:30px;padding-top:20px; color:#CCC; background:#000;}
#logo{width:1200px;margin:0 auto;top:20px;left:50%;margin-left: -660px;z-index:9999; position:absolute;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.none{ display:none; }
.wrap{width: 100%;height: 980px;position: relative;overflow: hidden;}
.bgvideo{position: absolute;left:50%;top:0;z-index: 2;width: 1920px;height: 980px;margin-left: -960px;}
.rel{width: 1360px;height:100%;margin:0 auto;position: relative;}
.btns-box{position: absolute;top:0;left: 0;z-index: 3;width: 1360px;}
.btns-box a{display:block;position: absolute;width: 30px;height: 161px;background-repeat: no-repeat;cursor: pointer;background-position: 0 0; color:#d4a85b; font-family:'汉仪中宋简';font-size:30px; line-height:35px;padding:30px 50px;}
.btns-box a:hover{background-position: -140px 0; color:#facf93}
.btns-box a.btn2{top:170px;left: 180px;background-image: url(../image/btn2.png);}
.btns-box a.btn3{top:460px;left: 180px;background-image: url(../image/btn2.png);}
.btns-box a.btn4{top:170px;right: 180px;background-image: url(../image/btn2.png);}
.btns-box a.btn5{top:460px;right: 180px;background-image: url(../image/btn2.png);}
.pop{display:none;position: relative;width: 1188px;height: 561px;background: url(../image/pop-bg.png) no-repeat center;}
.pop-close{position: absolute;right: 35px;top:6px;width: 37px;height: 36px;background: url(../image/pop-close.png) no-repeat center;cursor: pointer;}
.pop-tab{position: absolute;left: 130px;top:70px;width: 183px;}
.pop-tab a{display: block;margin-bottom:15px;width: 183px;height: 58px;background-repeat: no-repeat;text-indent: -9999px;cursor: pointer;position: relative;}
.pop1-tab a{background-image: url(../image/pop1-tab.png);}
.pop1-tab a:hover,.pop1-tab a.on{background-image: url(../image/pop1-tab-hov.png);}
.pop1-tab a.pop1-tab1,.pop1-tab a.pop1-tab1:hover,.pop1-tab a.pop1-tab1.on,.pop2-tab a.pop2-tab1,.pop2-tab a.pop2-tab1:hover,.pop2-tab a.pop2-tab1.on,.pop3-tab a.pop3-tab1,.pop3-tab a.pop3-tab1:hover,.pop3-tab a.pop3-tab1.on,.pop4-tab a.pop4-tab1,.pop4-tab a.pop4-tab1:hover,.pop4-tab a.pop1-tab1.on{background-position: 0px 0;}
.pop1-tab a.pop1-tab2,.pop1-tab a.pop1-tab2:hover,.pop1-tab a.pop1-tab2.on,.pop2-tab a.pop2-tab2,.pop2-tab a.pop2-tab2:hover,.pop2-tab a.pop2-tab2.on,.pop3-tab a.pop3-tab2,.pop3-tab a.pop3-tab2:hover,.pop3-tab a.pop3-tab2.on,.pop4-tab a.pop4-tab2,.pop4-tab a.pop4-tab2:hover,.pop4-tab a.pop4-tab2.on{background-position: 0px -72px;}
.pop1-tab a.pop1-tab3,.pop1-tab a.pop1-tab3:hover,.pop1-tab a.pop1-tab3.on,.pop2-tab a.pop2-tab3,.pop2-tab a.pop2-tab3:hover,.pop2-tab a.pop2-tab3.on,.pop3-tab a.pop3-tab3,.pop3-tab a.pop3-tab3:hover,.pop3-tab a.pop3-tab3.on,.pop4-tab a.pop4-tab3,.pop4-tab a.pop4-tab3:hover,.pop4-tab a.pop4-tab3.on{background-position: 0px -144px;}
.pop1-tab a.pop1-tab4,.pop1-tab a.pop1-tab4:hover,.pop1-tab a.pop1-tab4.on,.pop2-tab a.pop2-tab4,.pop2-tab a.pop2-tab4:hover,.pop2-tab a.pop2-tab4.on,.pop4-tab a.pop4-tab4,.pop4-tab a.pop4-tab4:hover,.pop4-tab a.pop4-tab4.on,.pop3-tab a.pop3-tab4{background-position: 0px -216px;}
.pop1-tab a.pop1-tab5,.pop1-tab a.pop1-tab5:hover,.pop1-tab a.pop1-tab5.on,.pop2-tab a.pop2-tab5,.pop2-tab a.pop2-tab5:hover,.pop4-tab a.pop4-tab5,.pop2-tab a.pop2-tab5.on,.pop4-tab a.pop4-tab5:hover,.pop4-tab a.pop4-tab5.on{background-position: 0px -408px;}
.pop2-tab a{background-image: url(../image/pop2-tab.png);}
.pop2-tab a:hover,.pop2-tab a.on{background-image: url(../image/pop2-tab-hov.png);}
.pop3-tab a{background-image: url(../image/pop3-tab.png);}
.pop3-tab a:hover,.pop3-tab a.on{background-image: url(../image/pop3-tab-hov.png);}
.pop4-tab a{background-image: url(http://www.tupiao.xyz:55/QLZX/game3_files/pop4-tab.png);}
.pop4-tab a:hover,.pop4-tab a.on{background-image: url(http://www.tupiao.xyz:55/QLZX/game3_files/pop4-tab-hov.png);}

.pop-content{display:none;position: absolute;right: 140px;top:50px;padding:0 20px 0 40px;width: 800px;height: 470px;overflow-y: auto;}
.pop-content h3{margin:8px 0;font-size: 34px;color: #ffd780;font-weight: bold;}
.pop-content p{font-size: 18px;color: #fbcfa7;line-height: 28px;}
.pop-content img{max-width: 580px;display: block;margin: 10px 0;}
.pop-content::-webkit-scrollbar{width:7px;height:7px;background-color:rgba(0,0,0,0);}
.pop-content::-webkit-scrollbar-track{background-color: #8e5c2f;}
.pop-content::-webkit-scrollbar-thumb{background-color:#eeb078;} 
.boxy_layer{z-index: 2000000 !important;}
.pop-tab a:hover .pop-code{display: block;}
.pop-tab a .pop-code{display:none;position: absolute;top: 0;left: 236px;width: 178px;height: 178px;background: url(http://www.tupiao.xyz:55/QLZX/images/pop-code-bg.png) no-repeat center;z-index: 2;}
.pop-tab a .pop-code img{display:block;margin:13px;width: 152px;height: 152px;}
.pop4-content{width: 830px;}
.boxy-modal-blackout{opacity: 0.8 !important;z-index: 190000 !important;}




