body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{ margin:0; padding:0; }
img {border: none;vertical-align:middle}em{ font-style:normal;}ul, li, dl, dd, dt, ol{ list-style: none; }
a {	outline: none; text-decoration: none; cursor: pointer;}table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select{vertical-align: middle;}i{font-style: normal;}
html{overflow-x: hidden;}
body{font-size: 16px; background: url(../images/bg.jpg) top center no-repeat #fca18d; color: #666}

.main{width: 1200px;margin: 0 auto; padding-top: 220px; position: relative;}
.main .time{height: 57px;line-height: 57px;text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #c94b32;
}
.main .quan{
	width: 185px; height:193px;
	background: url(../images/yhq.png);
	display: block;
	position: absolute;
	top:530px;right: 350px;
	z-index: 3;
	-webkit-animation: rock 2s 0s ease-in-out infinite;
		-moz-animation: rock 2s 0s ease-in-out infinite;
		-ms-animation: rock 2s 0s ease-in-out infinite;
		-o-animation: rock 2s 0s ease-in-out infinite;
		animation: rock 2s 0s ease-in-out infinite;
}
.main .openjl{
	width: 260px;height: 50px;
	background: url(../images/kx.png);
	display: block;
	position: absolute;
	right:20px;top:800px;
}
.main .openjl:hover{background-position: 0 -50px;}
.main .info{width: 225px;height: 100px;position: absolute;left: 20px;top:750px;}
.main .info u{margin-left: 20px;cursor: pointer; color: #b55302}

.jilu{width: 100%; height: 532px;}
.jilu .maqueewrap{width:315px;background: url(../images/jl.png);padding-top: 72px; height: 460px;float: right; }
.jilu .maquee{width:315px;height: 430px; overflow:hidden; }
.jilu .maquee li{padding: 0 20px; height: 39px;line-height: 39px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.ulwrap{padding: 20px;height: 310px; overflow-y: auto}
.ulwrap li{line-height: 24px;}
.ulwrap li:hover{background: #fff;}

.main .baoxiang{
	width: 595px;height: 444px;
	display: block;
	background: url(../images/bx.png);
	position: absolute;
	top:298px;left: 288px;
	z-index: 2;
	animation-name: heartBeat;
	animation: heartBeat 1s alternate infinite;
}
.main .edu{
	width: 275px;height: 122px;
	 background: url(../images/dbg.png);
	 display: block;
	 float: left;
}.wenben{padding: 30px 0;color: #3e1212;font-size: 20px;}


.choujiang{
	width:501px;height: 98px;
	 background: url(../images/chou.png);
	 font-size: 14px;display: block; line-height: 160px; overflow: hidden;
	 text-align: center;
	margin: 0 auto;
}
.choujiang:hover{background-position: 0 -98px;}
.main .text{height: 470px; padding: 0 30px;padding-top: 120px; 
	margin: 0 auto;font-size: 18px;line-height: 32px;}
.main .ul{width: 100%;margin-top: 335px;height:100px;}
.main  h1{
	width: 712px;height: 35px;
	line-height: 35px;
	text-align: center;
	color: #f22831;
	font-weight: 800;
	background: #fbf1dd;
	border-radius: 20px;
	margin: 0 auto;
}
.main .ul li{float: left; margin-left: 20px;}
.main .ul2{width: 100%;height:400px;}
.main .ul2 li{
	width: 275px;
	padding-top: 160px;
	height: 40px;
	float: left;
}
.main .ul2 p{line-height: 25px;height: 25px;text-align: center;}
.main .ul2 .edu{float: initial; margin-bottom: 10px;}
.btnimg{display:block;background-image: url(../images/btn.png);}
.btn1{width: 315px;height: 50px;margin: 0 auto;line-height: 50px;color: #ffe9bc;text-align: center;
	font-weight: bold;font-size: 24px;}
.btn2{width: 221px;height: 38px;line-height: 38px;
	color: #ac1c23;text-align: center; margin-left: 40px;
	font-weight: bold;font-size: 22px;display: block;}
.btn2:hover{background-position: 0 -38px;color:#ac1c23 }

.yuekabtn{background: url(../images/qw.png);width: 163px;height: 42px;display: block;margin-left: 280px;margin-top: 110px;}
.yuekabtn:hover{background-position: 0 -42px;}



@keyframes heartBeat {
  from {
    transform: scale(1.0);
  }
  50% {
    transform: scale(0.95);
  }
  to {
    transform: scale(1.0);
  }
}



@-webkit-keyframes rock {
		    0% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		    10% {
		        -webkit-transform: rotate(-15deg);
		        transform: rotate(-15deg)
		    }
		    20% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		    30% {
		        -webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg)
		    }
		    35% {
		        -webkit-transform: rotate(-15deg);
		        transform: rotate(-15deg)
		    }
		    40% {
		        -webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg)
		    }
		    45% {
		        -webkit-transform: rotate(-15deg);
		        transform: rotate(-15deg)
		    }
		    50% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		    100% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		}
		@keyframes rock {
		    0% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		    10% {
		        -webkit-transform: rotate(-15deg);
		        transform: rotate(-15deg)
		    }
		    20% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		    30% {
		        -webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg)
		    }
		    35% {
		        -webkit-transform: rotate(-15deg);
		        transform: rotate(-15deg)
		    }
		    40% {
		        -webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg)
		    }
		    45% {
		        -webkit-transform: rotate(-15deg);
		        transform: rotate(-15deg)
		    }
		    50% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		    100% {
		        -webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg)
		    }
		}



.h1{color: #333;font-size: 14px;text-align: center; line-height: 40px;height: 40px;position: relative;}
.h1 em{width: 80px;height: 20px;background: url(../images/zhiyin.png);display: block;position: absolute;right: 5px;top:10px; cursor: pointer;}
.h1 em:hover{background-position: 0 -20px;}
.hr{background: #fff;height: 40px; margin-bottom: 20px;}
.hr span{width: 50%;text-align: center;border-bottom: 2px solid #fff;height: 38px; line-height: 38px;font-size: 14px; display: block;float: left;cursor: pointer;}
.hr .on{border-bottom: 2px solid #333;} 
.gamebox{height: 220px;width:100%; }
.gamebox .game{display: none;}
.gamebox .sp{height: 30px;width: 135px;padding: 0 5px; display: block;float: left; border:1px solid #106da9;line-height: 30px; margin:10px 5px; border-radius: 5px;cursor: pointer;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;background: #106da9; color: #fff;}
.gamebox .sp img{vertical-align: middle; margin-right: 5px;}
.gamebox .on{border:1px solid #ee5622;background: #ee5622;color: #fff;}
.gamebox .show{display: block;width: 98%;margin: 0 auto;}
.jfbtn{width: 130px;height: 40px;line-height: 40px;display: block;margin: 0 auto;text-align: center;font-size: 22px;background: #ee5622;color: #fff;outline: none; text-decoration: none; border-radius: 10px; }
.gamebox .sel{padding: 10px 5px;}
.gamebox .sel u{margin:0 10px;cursor: pointer;}
.gamebox .sel u:hover,.gamebox .sel .on2{color: #ee5622;}
.fukapop{width: 500px; height: 400px;}
.text-amount2{width: 140px;height: 30px;border:1px solid #ddd; padding-left:10px;line-height: 30px;}
.malltcbox .zhinan{position: absolute;left: 5px;top:0;height: 40px;color: #fff;font-size: 16px; line-height: 46px;}
.malltcbox .zhinan i{display: inline-block;width: 17px;height: 16px;background: url(../images/wh.png);vertical-align: middle;}







/*底部*/
.bottom{text-align: center; font-size: 12px;color: #333;line-height: 24px;clear: both;}
.bottom a{color: #333}





.malltcbox{height: 400px;width: 500px;border:1px solid #b1b1b1; background:#eee;position: relative;color: #555; font-family: "微软雅黑"}
.malltcbox a:hover{text-decoration:none;}
.malltcbox .title{position:relative;height: 50px;   line-height:50px; background:url(../images/popbg.jpg); text-align: center;font-size: 24px;color: #fff;}
.malltcbox .title span{color: #fffd78; padding: 0 20px;}
.malltcbox .title a,.mallclose{width: 30px;height: 30px;display: block;position: absolute;right:10px;top:10px; background-image: url(../images/close.png);}
.malltcbox .title a:hover,.mallclose:hover{background-position:0 -30px;}
.malltcbox .step1{margin-top: 25px;margin-left: 25px;}
 .malltcbox .step1 td { padding-bottom: 15px;font-size: 16px;}
.malltcbox .step1 i{width: 15px;height: 15px;border-radius: 50%; background:#c50104;display: inline-block;margin-right: 10px; vertical-align: middle; }
.malltcbox .step1 .time{ float: left; color: #888;text-align: center; line-height: 28px; width: 151px;height: 28px; background: #fff;
    border:1px solid #d5d5d5;position: relative; margin-right: 3px; margin-bottom: 10px; cursor: pointer;}
.malltcbox .step1 .on{border:1px solid #970304;color: #333;}
.malltcbox .step1 .gou{width: 20px;height: 24px;background: url(../images/gou.png); position: absolute;right:-10px;bottom: 0;z-index: 5;display: none;}
.malltcbox .step1 .on .gou{display: block;}
.malltcbox .step1 .time img{position:absolute;z-index: 4;top:0px; left:0;}
.paystyle{width: 150px;height: 45px;float: left;border: 1px solid #ddd; margin-right: 3px;position: relative;background: #fff; cursor: pointer; margin-bottom: 10px;}
.malltcbox .sumtip{font-size: 14px;color: #666;}.malltcbox .sumtip a{color: #666;}
.malltcbox .mas-top{padding-left: 86px; line-height: 32px; font-size: 18px; position: relative; border-bottom: 1px dashed #888;width: 650px;margin: 20px auto;padding-bottom:10px;}
.malltcbox .mas-top .img{position:absolute;top:0px;left:10px;width: 60px;height: 60px;}

.malltcbox .iconfont{width: 30px;height: 30px;color: #8d8d8d; font-style:normal; vertical-align: middle; display: inline-block;border:1px solid #dddddd; background: #fff; text-align: center;font-size: 20px;}
.malltcbox .RIA-ipt{width: 70px;height: 30px; border:1px solid #eee; padding-left: 10px;}
.op-input{width: 146px;height: 24px;}
.malltcbox .hui{color:#8d8d8d}.malltcbox .hong{color:#d74343}
.determinebtn{vertical-align: middle;display: inline-block; }
.payinput{width: 180px;height: 28px;border:1px solid #ddd; vertical-align: middle; padding-left: 10px;}
.paddlr{padding: 0 20px;}
.ptopbott{padding: 10px 0;clear: both;}
.disabled{background: #eee;}
.stepbottom{position: absolute;bottom: 0;left: 0; text-align: center;width:100%;}
.stepbottom p{font-size: 12px; color: #999;line-height: 24px;}
.stepbottom .stepbtn{display: inline-block;width: 205px;height: 50px;text-align: center;line-height: 50px; color: #fff; font-size: 28px;}
.stepbottom .btnhui{background: #9c9c9c;}.stepbottom .btnhui:hover{background: #8d8d8d;}
.stepbottom .btnhong{background: #ed5555;}.stepbottom .btnhong:hover{background: #f75e5e;}

.step2{width: 650px;margin: 20px auto;line-height: 36px;}
.malltcbox .gou{width: 30px;height: 30px;vertical-align: middle; margin-right: 10px;}
.step2 h1{position: relative; height: 60px;line-height: 60px; text-align: center;color: #f95959; font-size: 24px;}
.step2 h1 .img{position: absolute;right:0;bottom:-90px;width: 145px;height: 183px;background: url(../images/cg1.png);}
.step2 td{padding: 10px; font-size:16px;line-height:34px;}
.step2 .td-left{vertical-align: top; color: #8d8d8d;font-size:16px;}
.step3{width: 441px;height: 211px;margin: 20px auto; text-align: center;font-size: 24px; line-height: 50px;}
.step4{text-align: center;padding: 10px; line-height: 20px; color: #777;}
.step4 .txt{color: #d10104; font-size: 20px;text-align: left;display: block;}
.step4 .ewm{width: 150px;height: 150px;margin: 10px;}
.step21{text-align: center;}
.step21 h1{position: relative; height: 80px;line-height: 80px; text-align: center;color: #f95959; font-size: 26px; padding-top: 100px;}
.step21 p {text-align: left;padding-left: 250px; }

.malltcbox  h2{color: #d10104; font-size: 20px;text-align: center;padding: 35px 0;}
.malltcbox .text{padding:100px 140px; color: #666; line-height: 42px; font-size: 18px; }
.malltcbox .tip{font-size: 12px; color: red;position: absolute;right:-130px;}