﻿

div{ margin:0 auto}
img{ border:0;  }

*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
*{ padding:0; margin:0;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}
/* 去除视频框 */
video:focus {
outline: -webkit-focus-ring-color auto 0px;
}

label{ font-family: Helvetica;}
      .swiper-container {
      width: 100%;
      height: 100%;

    }

    .swiper-container {
      width: 100%;
      height: 100%;

    }

    .my1 .swiper-slide {
    width:100%; height:100%; position:relative; box-sizing:border-box; overflow:hidden;
    

      /* Center slide text vertically */
    
    }
	
.chapinbj{position:relative;width:47%;height:45%;background:#fff;float:left;box-sizing:border-box;margin-left:2%;margin-top:1.5%;}
 

/* .myfull{ background:url(../img/images/index_01.jpg) no-repeat top center; background-size:100% 100%; width:640px; height:1000px; } */
input{ font-family:Helvetica; text-indent:4px;outline:none;-webkit-appearance: none;border-radius: 0;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
p{font-family:Helvetica;}
a{ text-decoration:none;}
::-webkit-input-placeholder{font-family:Helvetica;opacity:0.8; color:#a1daff;font-size:0.25rem;display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
.notice {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 
.chaochu{display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.boxdem{ width:100%; max-width:640px; margin:0 auto; }
.huanghuan{ height:100%; position:relative;overflow:hidden;margin-top:-1px }


.swiper-pagination-bullet{ margin:0 !important;    }
.swiper-pagination-bullet{ width:8px !important; opacity:1 !important; height:8px !important; border-radius:100%; border:1px solid #fff; box-sizing: border-box; margin-right:5px !important; background:none !important;  }
.swiper-pagination-bullet-active{ background:#fff !important;width:8px !important; height:8px !important; border-radius:100%;}


.bgsp{width:100%; position: fixed; height:100%; background:#000; left:0%; top:0%; display:none; z-index:9998}
.vclose{ position:absolute; width:0.6rem; height:0.6rem; border:2px solid #666; text-align:center; font-size:0.22rem; line-height:0.6rem; left:47%; bottom:-1rem; color:#666; border-radius:100%}
 select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

 
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none; height:100%;
 outline:none;-webkit-appearance: none;border-radius: 0;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../img/jb.png") no-repeat scroll 98% center transparent; background-size:3% auto;

 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  
}
 
 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
option { text-indent:4px; background:#efefef; color:#000; height:0.3rem; line-height:0.3rem;  }
option:nth-child(2n) { background:#efefef   }
#login{display:none; width:90%; height:50%; background:#fff; POSITION:fixed;left:0; right:0; top:0; padding:10px; bottom:0;margin:auto; z-index:9999;}  
#over{width: 100%;  height: 100%;  opacity:0.9; display: none;  position:fixed;  top:0;left:0; bottom:0; z-index:999;  background:#000;}  
#login1{display:none; width:90%; height:50%; background:#fff; POSITION:fixed;left:0; right:0; top:0; padding:10px; bottom:0;margin:auto; z-index:9999;}  
#over1{width: 100%;  height: 100%;  opacity:0.5; display: none;  position:fixed;  top:0;left:0; bottom:0; z-index:999;  background:#000;}  
.close{color:#fff; font-size:0.22rem; background:#603e92; width:61%; height:11%;  text-align:center; margin:0 auto; margin-top:4%;z-index:9999}
.clause{font-size:0.2rem; line-height:0.3rem; background:#fff; width:95%; padding:10px; height:70%; overflow-y:scroll}

.close1{color:#fff; font-size:0.22rem; background:#603e92; width:61%; height:11%;  text-align:center; margin:0 auto; margin-top:4%;}
.clause1{font-size:0.2rem; line-height:0.3rem; background:#fff; width:95%; padding:10px; height:70%; overflow-y:scroll}

.clause::-webkit-scrollbar{width: 3px;height: 13px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.clause::-webkit-scrollbar-thumb{background-color:#ccc;background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
.clause::-webkit-scrollbar-thumb:hover{background-color:#e7e7e7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.clause1{font-size:0.2rem; line-height:0.3rem; background:#fff; width:95%; padding:10px; height:70%; overflow-y:scroll}

.clause1::-webkit-scrollbar{width: 3px;height: 13px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.clause1::-webkit-scrollbar-thumb{background-color:#ccc;background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
.clause1::-webkit-scrollbar-thumb:hover{background-color:#e7e7e7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.wswpboxli2{ width:100%; position:absolute; height:100%; overflow-y:auto; padding-right:4px;    box-sizing: border-box; top:0; left:0;  }

.hengx{width:1px; background:#fff; position:absolute; right:2px; height:100%; top:0;}
.neimg{ width:100%;  height:auto; box-sizing: border-box;}
.tiaoz{ width:80%; height:0.6rem; margin-top:0.22rem; background:#FF6600; font-size:0.24rem; line-height:0.6rem; text-align:center; border-radius:4px; color:#FFFFFF;}
.wswpboxli2::-webkit-scrollbar {/*滚动条整体样式*/

        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px; overflow:visible

    }

.wswpboxli2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 3px; width:5px;  
 
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #fff;

    }

.wswpboxli2::-webkit-scrollbar-track {/*滚动条里面轨道*/

     

        border-radius: 1px;
width: 1px;
        background: none;

}


.video{width:92.1%; position:absolute; left:4%;  top:0%; height:77%;overflow:hidden}
/* #car_audio{ display:none} */
#login2{display:none; height:4rem; width:90%;POSITION:fixed;left:0; right:0; top:0; bottom:0;margin:auto; z-index:9999; color:#fff;}  
#over2{width: 100%;  height: 100%;  opacity:0.9; display: none;  position:fixed;  top:0;left:0; bottom:0; z-index:999;  background:#000;}  
.close2{color:#fff; font-size:0.2rem; text-align:center; width:100%; display:block; margin-top:10px;}
#login3{display:none; height:11rem; width:90%;POSITION:fixed;left:0; right:0; top:0; bottom:0;margin:auto; z-index:9999; color:#fff;}  
#over3{width: 100%;  height: 100%;  opacity:0.9; display: none;  position:fixed;  top:0;left:0; bottom:0; z-index:999;  background:#000;}  
.close3{color:#fff; font-size:0.2rem; text-align:center; width:100%; display:block;}
.tvc{width:100%;height:11rem;}

.tiaoyue{ width:100%; height:10%;color:#603e92; font-size:0.24rem; letter-spacing:2px;}


.logos{ position:absolute; width:13.5%; top:3%; right:8%}

.yhq{ position:absolute; width:80%; top:9%; left:10%}

.messbox{position:absolute; width:94%; top:10%; left:3%;  height:77%;opacity:1;}
.messboxnav{ width:100%;  background:#FFF;height:8.3%;display: flex;align-items: center; justify-content:center; font-size:0.26rem; letter-spacing:3px; color:#fff; background:#12324f}
.tiptt{ width:96%; text-align:center; font-size:0.22rem; color:#333; line-height:0.28rem; margin-top:3%}
.bdbox{ width:100%; height:100%;  }

.namebox{ width:94%; height:15%;background:none;  box-sizing:border-box; position:relative; border:1px #fff solid }
.namebox input{text-indent:0.3rem;opacity:0.8; width:69%; height:100%; border:0;  background:none; padding-left:4px; box-sizing:border-box; font-size:0.25rem; color:#fff}
.namebox .name{ width:69%; }
.myname{ height:60%; width:30%;box-sizing:border-box; font-size:0.22rem;top:20%; float:left; position:relative; border-right:#fff 1px solid;  letter-spacing:0.1rem;  display: flex;align-items: center; justify-content:left; color:#fff;}



.xingm{ width:48%; float:left; height:100%; font-size:0.22rem;line-height:0.29rem; text-align:left}
.tongy,.tongy3{ width:100%; height:100%; font-size:0.22rem; text-align:left; line-height:0.29rem;}
.xingm:nth-child(2n){ float:right}
select{ color:#fff;  }


.page5box2mimg{position:absolute;top:1%;left:1%; width:98%; height:58%;  overflow:hidden}
.page5box2mtt{ position:absolute; width:98%;  left:2%; top:62%;}
.page5box2mtt1{ position:absolute; width:98%;  left:2%; top:70%;}
.page5box2mtt p{ width:100%;text-overflow: -o-ellipsis-lastline;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; text-align:left; padding-top:2px; padding-bottom:1px; font-size:0.22rem;font-weight: 600}
  
  .page5box2mtt1 p{ width:99%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
  line-clamp: 3;-webkit-box-orient: vertical; text-align:left; padding-top:2px; padding-bottom:1px; font-size:0.15rem;line-height: 0.2rem;font-weight: 400;letter-spacing:1px}
  .page5box2mbq{ position:absolute; width:93%;  left:3.5%; top:73%;}
   .page5box2mbq span{ display:block; float:left; padding:4px 7px; margin-right:4px;font-size:0.18rem; background:#fdeee9; color:#a4543e;}
  

.page5box2mttr{ position:absolute; width:98%;  left:1%; top:90%; }
.page5box2mttr p{width:98%;text-align:right;}
.page5jiage2{}
   .page5jiage2 label{font-size:0.25rem; font-family:Helvetica; color:#ff6000}
 .page5jiage2 font{font-size:0.25rem; font-family:Helvetica;color:#ff6000}}
/* .page5box2mttr a{width:45%;border-radius:10px; height:100%; float:right; color:#fff; display: flex;align-items: center; justify-content:center; font-size:0.3rem; background:#ff5a00;  margin:0 auto }   */

.goucesj{ width:100%;  height:0.24rem;  }
.goucesjf{ width:100%; padding:4px; box-sizing:border-box;border:1px solid #707070; margin-top:2px; }
.sexbox{ width:34%; height:100%; position:absolute; top:0; right:0; z-index:888}
.sexli{ width:48%; float:left; height:100%; font-size:0.22rem; padding-left:16%; box-sizing:border-box;display: flex;align-items: center; color:#fff; justify-content:left; background:url(../img/d1.png) no-repeat center left; background-size:auto 32%;}
.sexcrr1,.sexcrr2{ background:url(../img/d2.png) no-repeat center left; background-size:auto 32%;}
.sexli:nth-child(2n){ float:right}
.sexcurr1,.sexcurr2{  background:url(../img/qxs.jpg) no-repeat center left; background-size:auto 100%;}


.agree1,.agree2{ height:0.22rem; width:73%;  line-height:0.22rem; font-size:0.2rem;  background:url(../img/chev.png) no-repeat center left; background-size:auto 100%;  text-align:left; margin:0 auto; text-indent:0.3rem; margin-top:5%; color:#fff;}
.agree12{ height:0.22rem; width:73%;  line-height:0.22rem; font-size:0.2rem;  background-size:auto 100%;  text-align:left; margin:0 auto;  margin-top:5%; color:#013567;}
.agree1 span,.agree2 span{ color:#d0d5d8;font-size:0.2rem;}
.areecurr1,.areecurr2{  background:url(../img/ched.png) no-repeat center left; background-size:auto 100%;}

.namebox p{ text-align:left; font-size:0.15rem; line-height:0.24rem; color:#666}
.sendmess{ margin-top:10%;width:92%; left:12%; font-size:0.3rem; height:15%; color:#fff; font-weight:bold;  text-align:center;display: flex;align-items: center; justify-content:center;  letter-spacing:3px; text-indent:3px;

background-image: -webkit-linear-gradient(#eb0a1e, #eb0a1e, #eb0a1e);
background:#004460;
}
.vdbox{  position:absolute; width:93%; box-sizing:border-box; height:58%; left:3.5%;  top:0%; }
.madios{ position: relative;  width:100%; height:100% }
.madios div{ width:14%; position:absolute; top:37%; height:50%; left:45%; cursor:pointer}

.shen,.shi{ color:#a1daff;text-indent:0.3rem; height:100%; float:left; width:69%;  background-size:auto 16%; font-size:0.25rem; opacity:0.8; border:0px;padding-left:8px; box-sizing:border-box;}

.jinxs,.cetype{ text-indent:0.3rem;width:69%; font-size:0.25rem; color:#a1daff;opacity:0.8; border:0px;padding-left:8px; box-sizing:border-box;  background-size:auto 16%;}
.box{ position:absolute; left:1%; width:98%; height:100%; top:0%; z-index:1}
.boxs2{ position:absolute; left:3.2%; width:91.5%; height:74.8%;  top:3%; z-index:222}

.nestt{ text-align:left;  width:100%; font-size:0.26rem; font-weight: bold; margin-top:0.3rem; line-height:0.3rem;}
.newcon{ margin-top:0.1rem;}
.newcon p{ text-align:left;  width:100%; font-size:0.2rem; line-height:0.28rem; text-indent:0.4rem; text-align:justify }

.boxs3{ position:absolute; left:0%; width:100%; height:100%;  top:0%;}
.boxs4{ position:absolute; left:3%; width:94%; height:100%;  top:0%;}
.proli{ width:48.5%; margin-bottom:2.5%; float:left; height:37%; background:#fff; position:relative}
.menb{ position:absolute; top:0; height:100%; width:100%; left:0; background:#000; opacity:0.5; z-index:999}
.proli:nth-child(2n){  float:right}
.proliimg{ width:100%; height:55%; overflow:hidden}
.prolitt{ width:100%;  position:absolute;bottom:6.9%; z-index:888; left:0%; background-color: rgba(0 , 0, 0, 0.7);  overflow:hidden}
.ttnew{  width:56%;  position:absolute;top:0%; left:22%}
.linknew{width:93%;  position:absolute;top:23%; left:3.5%}
.linknew a{ width:14%;  position:absolute;bottom:-11%; left:43%}

.prolitt p{ font-size:0.22rem; color:#fff; padding:0.2rem 0px; width:100%; height:100%; z-index: 8; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  line-clamp: 1;
  -webkit-box-orient: vertical;line-height:0.3rem; text-align:center}
  
.mynav{ width:100%; height:7.5%;  }  
 .mynavli{ float:left; width:20%; height:100%; margin-right:1.5%;display: flex;align-items: center; justify-content:center; border:1px solid #ffebc1; color:#ffebc1; letter-spacing:4px; text-indent:5px; }
.mynavli:nth-child(1){ width:33%; letter-spacing:1px; text-indent:1px;}
.mynavli:nth-child(4){ margin-right:0px;}

.wswpbox{ width:100%; position:relative; height:77%; top:3%; }
.wswpboxli{width:100%; position: absolute;  left:0%; height:100%; top:0%; display:none }
.imgs{ width:100%; height:93%;  overflow:hidden;}
.showcurr{ background-image: -webkit-linear-gradient(#faf3c7, #fce8b5, #ffd89d); color:#000;}


.mubox1{ width:75%; height:100%; display: flex;align-items: center; justify-content:center; }
.muboxli{ height:88%;box-sizing:border-box; width:45%; background-size:100% 100%;border:1px #fff solid;  font-size:0.25rem;display: flex;align-items: center; justify-content:center;color:#fff; box-sizing: border-box;font-family: bencfont;letter-spacing:5px}
.curr2{background:#7cb3d1;}



.rleft{position: fixed;
    width: 6%;
    max-width: 30px;
    right: 2px;
    z-index: 99999;
    top: 35%;}










.qiq{ position:absolute; width:34%; left:4%; bottom:1%;}

.tt2{-webkit-animation:living1 2s linear infinite;
	 z-index:89; }

@keyframes living1 {
	0%{
		bottom:1%;
		
	}
	
	50%{
		bottom:2%;
		
	}
	
	100%{
		bottom:1%;
		
	}
}


.tt1{-webkit-animation:living8 3s linear infinite;
	 z-index:89;transform: scale(1); }

@keyframes living8 {
	0%{
		transform: scale(1);
		
	}
	
	50%{
		transform: scale(1.1);
		
	}
	
	100%{
		transform: scale(1);
		
	}
}

.mmess p{ text-align:left; font-size:0.22rem; line-height:0.32rem;}
.mmess h1{ font-size:0.24rem; line-height:0.32rem; text-align:center; font-weight:bold}

.shaky{transition: transform 0.6s ease-out;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
   
    animation: turnOut_actSpTips linear infinite 4.8s;
    -webkit-animation: turnOut_actSpTips linear infinite 4.8s;}
@-webkit-keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}5%{transform: rotateY(-280deg);}10%{transform: rotateY(-540deg);}50%{transform: rotateY(-540deg);}55%{transform: rotateY(-260deg);}60%{transform: rotateY(-0deg);}100%{transform: rotateY(-0deg);}}
@keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}10%{transform: rotateY(-180deg);}50%{transform: rotateY(-180deg);}60%{transform: rotateY(-360deg);}100%{transform: rotateY(-360deg);}}
.huodgz{ position:absolute; z-index:9999; bottom:18%; width:auto; right:10%; font-size:0.22rem; color:#ffd89d;}
.g-content {
				width: 100%;
				
				height: auto;
				font-family: "微软雅黑", "microsoft yahei";
			}
			.g-content .g-lottery-case {
				width: 100%;
				
				margin: 0 auto;
			
			}
			
			.g-content .g-lottery-case .g-left h2 {
				font-size: 0.22rem;
				line-height:0.5rem; line-height:0.5rem; text-align:center;
				font-weight: normal; color:#ffd89d;
				width:100%;
			}
			
			.g-content .g-lottery-case .g-left {
				width: 100%;
				
			}
			
			.g-lottery-box {
				width: 96%;
				
				margin:0 auto;
				position: relative;
		
			}
			
			.g-lottery-box .g-lottery-img {
				width: 80%;
				
				position: absolute;
			
				left: 10%;
				top: 10%;
			}
			
			.imgsdd{width: 100%;
				height: 100%;
				position: absolute;
				top: 0%;
				left: 0%; z-index:2;}
			
			.g-lottery-box .playbtn {
				width: 40%;
				height: 40%;
				position: absolute;
				top: 30%;
				left: 30%; z-index:222;
				background: url(../img/playbtn2.png) no-repeat; background-size:100% 100%;
			}
			.playnum span{font-szie:0.3rem; font-weight:bold; color:#fff;}