.clearFix::after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
	
}
.clearFix{
    zoom:1;
}

body{ background:#161515;}
#maxBox{width: 100%;max-width: 1920px;margin:0 auto;}
#section1{width:100%;height:1122px;background: url(../images/bg01.png) no-repeat center;}
.logo{ padding:26px 0 0 66px; }
.logBox{width:800px;height: 480px;background: #000c;border:1px solid #fff;margin:auto;border-radius: 18px;padding: 48px 0px;position: relative;overflow: hidden;}
.logHint{color:#fff;font-size: 30px;font-weight: bold;letter-spacing: 6px;padding-left: 58px;}

.loginBox{width:680px;margin: 20px auto 0;position:relative;}
.door{ background:url(../images/login_bg.png) no-repeat;}
.case{ background:url(../images/login.png) no-repeat;}
.service_bg{ background:url(../images/service_bg.png) no-repeat;}

.loginBox p{height:56px;margin-bottom:20px;width: 410px;background:url(../images/yzm.png) no-repeat;}
.loginBox p input{padding-left: 20px;height:100%;width:100%;border: none;letter-spacing: 3px;font-size: 20px;color: #000000;outline: 0;background: #fff;border-radius: 10px;}
.serveBox{ width:204px; margin-right:15px; padding-left:20px; float:left;}
.serveBox span{ width:100%; line-height:28px; cursor:pointer; display:block; color:#d2d2d2; font-size:20px;}

.yzm{ position: absolute; right: 72px; height: 54px;}
.serveBox ul{ display:none;}
.serveBox ul li{ width:196px; color:#d2d2d2; cursor:pointer; text-align: center; margin-left: -15px; font-size:18px; border-bottom: 1px solid #15283c; line-height:36px; background:#d0d4d88c;}
.submit{width: 252px;height: 134px;cursor:pointer;position:absolute;top:0;right: 0;background:url(../images/sub.png) no-repeat;background-size:cover;}
.sub2{ width:191px; height:144px; cursor:pointer; position:absolute; top:0; right:20px; background:url(../images/qw.png) no-repeat;background-size:cover;}
.coding {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 18px;
    line-height: 52px;
    color: #fff;
	cursor:pointer;
}
.codingBox{ float:left;}
.codingBox a{color: #fff;}
.codingBox a.act{ font-weight: bold; color: #edcfc2;}
.logout{float: left;
    padding: 0 26px;
    background: #fedb6d;
    margin-left: 20px;
    font-size: 18px;
    color: #000;
    letter-spacing: 3px;
    border-radius: 10px;
    font-weight: bold;
	display:none;
}


.fb_login,.yh_login{ display:inline-block; width:115px; height:115px;}
.wid{ width:410px;}
.fb_login{ transition:all 0.5s; background:url(../images/fb.png) no-repeat; }
.yh_login{ transition:all 0.5s; background:url(../images/gdreamer.png) no-repeat; float:right;}
.fb_login:hover,.yh_login:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1); transform:scale(1.1);}

.login_bottom{background: #24415a;padding: 25px 0 30px;position: absolute;bottom: 0;left: 0;width: 100%;}
.login_other{background: #fff;padding: 10px 20px;width: 80%;margin: 0 auto;border-radius: 8px;}
.login_other ul{overflow: hidden; }
.login_other ul li{float: left;height: 60px;line-height: 60px;}
.login_other ul li span{font-size: 22px;margin: 0 20px;font-weight: bold;color: #565656;}
.login_other ul li a{margin: 5px 10px;display: block;width: 50px;height: 50px;}
.login_other ul li a:hover{opacity: .9;}
.link_FB{background: url(../images/fb.jpg) center no-repeat;}
.link_Google{background: url(../images/google.jpg) center no-repeat;}

.login_wrong{color: red;/* font-size: 14px; */position: absolute;left: 307px;top: 30px;}

.box03,.box02{ display:none;}
/*.loginBox{width: 480px;margin: 30px auto 0;position:relative;}*/
.serveBox{width: 220px;margin-right:15px;float:left;z-index: 66;position: relative;margin-top: 12px;}
.serveBox span{
    width: 100%;
    line-height: 36px;
    cursor: pointer;
    display: block;
    color: #d2d2d2;
    position: relative;
    border-radius: 6px;
    padding: 8px 11px;
    background: #15283cd9;
    border: 1px solid #234c77;
    font-size: 20px;
}
.serveBox span:before{content:"";position:absolute;top: 19px;right: 8px;border-top: 8px solid white;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.serveBox strong{ color:#fff; font-size:20px;}
.yzm{ position: absolute; right: 72px; height: 54px;}
.serveBox ul{ display:none;}
.serveBox ul li{ width:196px; color:#311210; cursor:pointer; text-align: center; margin-left: 3px; font-size:18px; border-bottom: 1px solid #15283c; line-height:36px; background:#d0d4d8b0;}
/*.submit{width:191px;height:144px;cursor:pointer;position:absolute;top:0;right: 0;/* background:url(../image/sub.png) no-repeat; background-size:cover;}*/
.sub2{margin-top: 150px;width: 141px;height: 44px;cursor:pointer;position:absolute;top:0;z-index: 33;text-align: center;background: #fedb6d;right: 168px;/* background:url(../image/qw.png) no-repeat; */background-size:cover;line-height: 44px;border-radius: 6px;border: 1px solid #ffe595;letter-spacing: 2px;font-size: 20px;}
/*.sub{
	width: 170px;
    height: 122px;
	margin-top: 83px;
    cursor: pointer;
    position: absolute;
    top: -82px;
    z-index: 33;
    text-align: center;
    background: #fedb6d;
    right: -62px;
    background-size: cover;
    line-height: 122px;
    border-radius: 6px;
    border: 1px solid #ffe595;
    letter-spacing: 2px;
    font-size: 20px;}*/
	
.binding{
    margin-top: 150px;
    width: 141px;
    height: 44px;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 33;
    text-align: center;
    background: #fedb6d;
    left: 50%;
    /* background: url(../image/qw.png) no-repeat; */
    background-size: cover;
    line-height: 44px;
    border-radius: 6px;
    border: 1px solid #ffe595;
    letter-spacing: 2px;
    font-size: 20px;
    margin-left: -70px;
}
.fb_login,.yh_login{ display:inline-block; width:115px; height:115px; margin-top: 116px;}
.wid{ width:350px;margin: -76px auto 0;}
.fb_login{ transition:all 0.5s; background:url(../image/fb.png) no-repeat; }
.yh_login{ transition:all 0.5s; background:url(../image/gdreamer.png) no-repeat; float:right;}
.fb_login:hover,.yh_login:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1); transform:scale(1.1);}



#section2{ width:100%; height:1193px; }
.sec2{width:100%;height:1193px;background: url(../images/bg02.png) no-repeat center;margin-top:-213px;padding-top:44px;}
.sec2 h3{ background:url(../images/title02.png) no-repeat; height:170px; width:475px; margin:auto;}
.options{width:800px;margin: 24px auto 0;}
.optionsList{height:68px;}
.optionsList ul{}
.optionsList ul li{background:url(../images/tabeN.png) no-repeat;color:#ddd;text-align:center;float:left;color:#ddd;text-align:center;width:196px;line-height:71px;font-weight: bold;font-size: 25px;cursor:pointer;}
.optionsList ul li.action{background:url(../images/tabeY.png) no-repeat; color:red;}

.optionsBox{ border:1px solid #fff;background:#2c2243;}
.listBox{ display:none;}
.listBox01{ padding:15px;}
.listBox01 h4{color:red;font-size: 24px;text-align: center;width: 100%;margin: 4px auto;}
.listBox01 p{font-size: 16px;color:#fff;padding:15px 0 0 0;}
.listBox01 table{margin:15px auto 0;}
.listBox01 table tr{ border:1px solid #fff; height:46px; }
.listBox01 table th{background:#a33e29;width:320px;color:#ffe2b6;font-size: 24px;font-weight:bold;}
.listBox01 table td{ background:#2f0e07; color:#fff; text-align:center; font-size:22px;}

.listBox02 table{margin: 40px auto;}
.listBox02 table tr{/* border:1px solid #fff; */height: 70px;}
.listBox02 table th{background:#a33e29;width: 125px;color:#ffe2b6;font-size: 24px;font-weight:bold;}
.listBox02 table th:nth-child(5){ width:220px;}
.listBox02 table td{ background:#2f0e07; color:#fff; text-align:center; font-size:22px;}
.tableList li{float:left;color:#fff;background: #ff9c00;margin: 0 4px 6px;width: 24px;line-height: 24px;font-size: 15px;text-align: center;}
.tableList li.suc{background: #00ac77;}
.tableList li.lose{background: #f21d07;}

#table_wrap > table {
	border-collapse: separate;
	border-spacing: 0;
	border: 2px #000;
}

.tableList table thead tr,table tbody tr {
	height: 50px;
	line-height: 50px;
	/*background-color: pink;*/
}
.listBox02 table tr th,table tr td {
	border: 1px solid #eaeaea;
}
.listBox02 table tr th,table tr td {
	border: 1px solid #eaeaea;
}
.listBox02 table tr td:first-child,
.listBox02 table tr td:nth-child(2),
.listBox02 table tr td:nth-child(3),
.listBox02 table tr td:nth-child(4),
.listBox02 table tr td:last-child{
	border-bottom: 2px solid #eaeaea;
}
.listBox02 table tr:first-child th:first-child {
	border-top-left-radius: 12px;
}

.listBox02 table tr:first-child th:last-child {
	border-top-right-radius: 12px;
}
.listBox02 table tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}

.listBox02 table tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}

.listBox03{min-height: 530px;}
.listBox03 .tablezHh{margin: 0px auto 0;}
.listBox03 .tablezTop{color: #fff; margin: 38px auto 2px; text-align: center;}
.listBox03 .tablezTop a{    padding: 2px 6px;
    background: #f00;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;}
.listBox03 .tablez2{margin: 0px auto 0;}
.listBox03 .tabOver{max-height: 422px;overflow-y:scroll;width: 90%;margin: auto;}
.listBox03 table tr{/* border:1px solid #fff; */height: 70px;}
.listBox03 table th{background:#a33e29;color:#ffe2b6;font-size: 24px;font-weight:bold;}
.listBox03 table th:nth-child(1){width: 174px;}
.listBox03 table td:nth-child(1){width: 180px;}
.listBox03 table th:nth-child(2){width: 263px;}
.listBox03 table th:nth-child(3){width: 283px;}
.listBox03 table td:nth-child(2),.listBox03 table td:nth-child(3){ width:270px;}

.listBox03 table td{ background:#2f0e07; color:#fff; text-align:center; font-size:20px; line-height: 25px;}
.listBox03 table span{display:block;background:url(../images/help.png) no-repeat;width: 70%;height:52px;margin:0 auto;max-width: 165px;background-size: 100%; cursor:pointer;}
.listBox03 table strong{color:#FC0;font-size: 18px;}
.listBox03 table a{display:inline-block;background:#FC3;font-size: 14px;width: 46px;line-height: 24px;margin-left: 14px;border-radius: 3px;color: #2f0e07;cursor: pointer;border: 1px solid #fff;}


#table_wrap2 > table {
	border-collapse: separate;
	border-spacing: 0;
	border: 2px #000;
}

.tableList table thead tr,table tbody tr {
	height: 50px;
	line-height: 50px;
	/*background-color: pink;*/
}
.listBox03 table tr th,table tr td {
	border: 1px solid #eaeaea;
}
.listBox03 table tr th,table tr td {
	border: 1px solid #eaeaea;
}
.listBox03 table tr td:first-child,
.listBox03 table tr td:nth-child(2),
.listBox03 table tr td:nth-child(3),
.listBox03 table tr td:nth-child(4),
.listBox03 table tr td:last-child{
	border-bottom: 2px solid #eaeaea;
}
.listBox03 table tr:first-child th:first-child {
	border-top-left-radius: 12px;
}

.listBox03 table tr:first-child th:last-child {
	border-top-right-radius: 12px;
}
.listBox03 table tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}

.listBox03 table tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}



#section3{ width:100%; height:1132px; }
.sec3{width:100%;height:1132px;background: url(../images/bg03.png) no-repeat center;margin-top:-213px;padding-top:44px;}
.sec3 h3{ background:url(../images/title03.png) no-repeat; height:170px; width:535px; margin:auto;}

.swiperBox{width:800px;height:370px;margin: 110px auto; position:relative;}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{ width:100%;}



.upBut{width:329px;height: 116px;display:block;margin: 291px auto 0;background:url(../images/upBut.png) no-repeat;cursor: pointer;}
.bottom{ background:#100f0d; padding:10px 0; text-align:center;}
.bottom img{}


/*QRcode*/
.QRcode{
	display: none;
	height: 100%;
	left: 0;
	position:fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	background-color:rgba(0,0,0,0.5)
}
.QRcode_video {
	/* height: 462px; */
	left: 50%;
	margin-left: -180px;
	margin-top: -250px;
	position: absolute;
	top: 50%;
	/* width: 360px; */
	z-index: 2;
	/* background-color:#fff; */
	transform:scale(0);
	transition:all 0.4s ease;
}
.vdclass{transform:scale(1) !important;}

.QRcode-main {
	height: 336px;
	width: 584px;
	background:url(../images/boxBg.png) no-repeat;
	background-size: cover;
	padding: 22px 44px 0;
}

.QRcode-main ul{ }
.QRcode-main li{float:left;width: 120px;height: 130px;margin: 16px 21px;text-align: center;cursor:pointer;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.QRcode-main li b{
	color: #fff;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
}
.QRcode-main li img{width: 100%;/* height:100%; */}
.QRcode-main li.active{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}
.QRcode-main span{cursor:pointer;display:block;width: 200px;height:81px;margin: 39px auto 0;background: url(../images/helpY.png) no-repeat;background-size: 100%;}
.close{
	
	cursor: pointer;
	height: 40px;
	position: absolute;
	right: -58px;
	top: 0;
	width: 40px;
	z-index: 110;
	background:rgba(0,0,0,0) url(../images/clo.png) no-repeat center center/cover;
	transition:all linear 0.2s;
}
.close:hover {
	 transform:rotate(180deg);
	 -webkit-transform:rotate(180deg);
	 -moz-transform:rotate(180deg);
}
.vd{
	height: 100%;
	width: 100%;
}

/*QRcode end*/
.swiper-button-prev,.swiper-button-next{ width:49px; height:95px; position:absolute;}
.swiper-button-prev{ background:url(../images/LBut.png) no-repeat;left: -70px;}
.swiper-button-next{ background:url(../images/RBut.png) no-repeat;right: -70px;}

@media screen and (max-width: 1023px){
	.logBox{height: 420px; width: 700px; padding: 20px 0px; margin-top: 410px;}
	.loginBox p input{border-radius: 26px;}
	.login_other{ border-radius: 26px;}
	.login_bottom{padding: 20px 0;}
	.submit {width: 240px;height: 132px;}
	.logo img{ width:40%;}
	#section1{width:100%;height:1334px;background: url(../images/m/bg01.png) no-repeat center;}
	
	#section2{height: 1334px;}
	.sec2{height: 1334px; margin-top: -170px; padding-top: 60px; background: url(../images/m/bg02.png) no-repeat center;background-size: cover;}
	.options{ width:700px;}
	.listBox02 table th{ width: 110px;}
	.listBox03 table th:nth-child(1){width: 152px;}
	.listBox03 table th:nth-child(2) {width: 228px;}
	.listBox03 table th:nth-child(3) { width: 248px;}
	.sec2 h3{margin: 0 auto 160px;}	
	.swiperBox {
		width: 700px;
    height: 790px;
    padding: 0 90px;
    margin: 83px auto 0;
	}
	.sec3{margin-top: -110px;}
	#section3{height: 1334px;}
	.sec3{height: 1334px;padding-top: 60px; background: url(../images/m/bg03.png) no-repeat center;background-size: cover;}
	.upBut{
		width: 290px;
    height: 98px;
    margin: 90px auto 0;
    background-size: cover;}
	.swiper-button-prev{ left: 0px;}
.swiper-button-next{ right: 0px;}
	
.QRcode_video{ margin-left: -30rem; margin-top: -25rem; top: 50%;}
.close {
	width: 6rem;
	height: 6rem;
	right: 26.15rem;
	top: 35rem;
}
	
	
}