.banner{
    background: url(../images/banner-bg.jpg)no-repeat center center;
    height: 656px;
    overflow: hidden;
}
.ba-tit{
    display: block;
    margin: 85px auto;
    padding-top: 78px;
}
.ba-con{
    position: relative;
}
.ba-yun{
    position: absolute;
    top: 93px;
    right: 20px;
}
.ba-p{
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    line-height: 32px;
    letter-spacing: 1px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
}
.ba-p span{
    color: #ffe479;
}
.ba-p span font{
    font-size: 20px;
}
.ba-p span em{
    font-weight: bold;
}
.ba-ren{
    display: block;
    margin: 0 auto;
    margin-top: -8px;
    position: relative;
    z-index: 1;
    left: -26px;
}
.s1{
    background: url(../images/s1-bg.jpg)no-repeat center center;
    height: 796px;
}
.s1-con{
    background-color: #ffffff;
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 18px 0px rgba(44, 36, 152, 0.3);
    width: 1000px;
    height: 773px;
}
.title{
    background-image: -moz-linear-gradient( 45deg, rgb(79,60,221) 0%, rgb(56,99,253) 100%);
    background-image: -webkit-linear-gradient( 45deg, rgb(79,60,221) 0%, rgb(56,99,253) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(79,60,221) 0%, rgb(56,99,253) 100%);
    width: 1000px;
    height: 92px;
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;
}
.title{
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    line-height: 92px;
    text-align: center;
}
.title span{
    color: #ffe36b;
    margin-left: 13px;
}
.calendar{
    width: 473px;
    float: left;
    margin: 0 18px 0 29px;
}
.calendar-box{
    background: url(../images/calendar-bg.png)no-repeat center center;
    width: 473px;
    height: 457px;
}
.calendar-tit{
    display: block;
    margin: 26px auto;
}
.calendar-box .calendar-bt{
    padding-top: 87px;
    width: 380px;
    margin: 0 auto;
}
.calendar-box .calendar-bt span.item1{
    display: block;
    float: left;
    background: url(../images/calendar-icon1.png)no-repeat center bottom;
    font-size: 18px;
    color: #b2b2b2;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
    width: 61px;
    text-indent: 10px;
    cursor: pointer;
}
.calendar-box .calendar-bt span.item1.active{
    background: url(../images/calendar-icon.png)no-repeat center bottom;  
    color: #503ee7;
}
.calendar-box .calendar-bt span.item1:hover{
    background: url(../images/calendar-icon.png)no-repeat center bottom;  
    color: #503ee7;
}
.calendar-box .calendar-bt span.item2{
    display: block;
    float: right;
    font-size: 22px;
    color: #503ee7;
    font-weight: bold;
}
.calendar-box .calendar-bt span.item2 em{
    font-weight: normal;
    font-size: 20px;
}
.calendar-box .my_table{
    width: 412px;
    margin: 0 auto;
    display: none;
}
.calendar-box .my_table th{
    text-align: center;
    font-size: 16px;
    color: #4b5156;
    height: 42px;
    line-height: 42px;
}
.calendar-box .my_table td{
    padding-bottom: 10px;
}
.calendar-box .my_table td span{
    text-align: center;
    display: block;
    width: 45px;
    height: 37px;
    margin: 0 auto;
    text-align: center;
    line-height: 37px;
    border: 1px solid #503ee7;
    font-size: 22px;
    color: #5e3cef;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}
.calendar-box .my_table td:hover span{
    background-color: #503ee7;
    color: #ffffff;
}
.calendar-box .my_table td.active span{
    background-color: #503ee7;
    color: #ffffff;
}
.calendar-box .my_table td.old_time span{
    border-color: #999999;
    color: #999999;
}


.Guess{
    float: left;
}
.Guess-tit{
    display: block; 
    margin: 26px auto 57px auto;
}
.Guess-box{
    margin: 85px 0 5px 0;
    position: relative;
}
.Guess-box input{
    border-width: 1px;
    border-color: rgb(217, 217, 217);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(120, 88, 255);
    width: 443px;
    height: 53px;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 53px;
    text-indent: 20px;
}
input::-ms-input-placeholder{
    color: #ffffff;
    font-size: 17px;
}
input::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 17px;
}
.guess-pontainer{
    position: absolute;
    top: 340px;
    left: 49px;
    animation: guess-pontainer 2s infinite;
}
@keyframes guess-pontainer {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}
@-o-keyframes guess-pontainer {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}
@-moz-keyframes guess-pontainer {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }

}
@-webkit-keyframes guess-pontainer {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }

}
.btn-box{
    width: 478px;
    margin: 0 auto;
    padding-top: 31px;
}
.btn-box a{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    width: 198px;
    height: 51px;
    border-radius: 5px;
    line-height: 51px;
    background-color: #ff5738;
    font-weight: bold;
    letter-spacing: 2px; 
    transition: all 1s;
}

/*
.btn-Guess{
	float: left;
	 display: block;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    width: 198px;
    height: 51px;
    border-radius: 5px;
    line-height: 51px;
    background-color: #ff5738;
    font-weight: bold;
    letter-spacing: 2px; 
    transition: all 1s;
	}
	.btn-zx{
		float: right;
	 display: block;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    width: 198px;
    height: 51px;
    border-radius: 5px;
    line-height: 51px;
    background-color: #ff5738;
    font-weight: bold;
    letter-spacing: 2px; 
    transition: all 1s;
		}*/
.btn-box a:hover{
    transform: translateY(-10px);
}
.btn-box a.btn-Guess{
    float: left;
}
.btn-box a.btn-zx{
    float: right;
    background-color: #ffa838;
}
.s2{
    background-color: #3764fd;
    padding-bottom: 30px;
}
.s2-con{
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 18px 0px rgba(44, 36, 152, 0.3);
    width: 1000px;
    height: 380px;  
    position: relative; 
}
.s2-icon{
    position: absolute;
    top: 164px;
    right: -460px;
}
.s2 .title{
    margin-bottom: 60px;
}
.s2 .title span{
    margin-left: 0px;
}
.jp-table{
    width: 908px;
    margin: 0 auto;
}
.jp-table td{
    padding-right: 5px;
    padding-bottom: 10px;
}
.jp-table td p{
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}
.jp-table td p font{
    color: #ff9019;
}
.jp-table td p em{
    font-weight: bold;
    color: #fa4239;
}
.s2-kt1{
    position: absolute;
    right: 38px;
    top: 18px;
}
.s2-kt2{
    position: absolute;
    right: 121px;
    top: 196px;
}
.s3{
    background-color: #3764fd;
    padding-bottom: 30px;
}
.s3 .title{
    margin-bottom: 30px;
}
.s3-con{
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 18px 0px rgba(44, 36, 152, 0.3);
    width: 1000px;
    height: 460px; 
    position: relative;    
}
.leave-list{
    background: url(../images/s3-ul-bg.png)no-repeat center 34%;
    width: 1019px;
    padding-left: 21px;
}
.leave-list li{
    display: inline-block;
    vertical-align: middle;
    margin-left: 58px;
}
.leave-list li img{
    display: block;
    margin: 0  auto;
    border: 4px solid #3760eb;
    width: 214px;
    height: 214px;
}
.leave-list li h6{
    font-size: 18px;
    color: #1a1a1a;
    text-align: center;
    line-height: 18px;
    padding: 18px 0 5px 0;
}
.leave-list li h6 em{
    color: #f62424;
}
.leave-list li p{
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    text-align: center;
}
.leave-list li p em{
    color: #f62424;
}
.leave-list li span{
    font-size: 14px;
    color: #000000;
    display: block;
    text-align: center;
    padding-top: 5px;
}
.leave-list li a{
    font-size: 14px;
    color: #ffffff;
    width: 89px;
    height: 21px;
    border-radius: 3px;
    background: #ff4141;
    display: block;
    margin: 10px auto 0 auto;
    text-align: center;
    transition: all 1s;
}
.leave-list li a:hover{
    transform: translateY(-10px);
}
.zg_cover{
    position:fixed;
    background:#000;
    opacity:0.5;
    filter: alpha(opacity=50);
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:98;
    display: none;
}
.tanchu{
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    width: 444px;
    height: 390px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -195px 0 0 -222px;
    display: none;
    z-index: 99;
}
.tanchu h6{
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #4956e7;
    width: 444px;
    height: 70px;
     font-size: 29px;
     color: #ffffff;
     text-align: center;
     line-height: 70px; 
     margin-bottom: 19px;
}
.tanchu h6 font{
    color: #ffe672;
}
.tanchu p{
    font-size: 19px;
    color: #000000;
    text-align: center;
    font-family: 'yahei';

}
.tanchu p span{
    color: #5e3cef;
}
.tanchu p em{
    color: #5e3cef;
}
.tanchu .fm_list input,select{
    border: none;
    outline: none;
    border-width: 1px;
    border-color: rgb(230, 230, 230);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(253, 253, 253);
    width: 318px;
    height: 43px;
    display: block;
    margin: 10px auto 0 auto;
    font-size: 18px;
    color: #999999;
    text-indent: 10px;
}
.tanchu .fm_list input::-webkit-input-placeholder{
    color: #999999;
}
.tanchu .fm_list input::-ms-input-placeholder{
    color: #999999;
}
.tanchu .fm_list .yzm{
    position: relative;
}
#getyzm{
    position: absolute;
    border-width: 1px;
    border-color: rgb(230, 230, 230);
    border-style: solid;
    background-color: rgb(236, 236, 236);
    width: 114px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
    top: 0px;
    right: 62px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: all .3s;
}
#getyzm:hover{
    color: #f00000;
}
#dosubmit{
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 3px;
    background-color: rgb(255, 87, 56);
    box-shadow: 0px 3px 1px 3px rgba(204, 204, 204, 0.43);
    width: 321px;
    height: 47px;
    line-height: 47px;
    transition: all 1s;  
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
}
#dosubmit::-webkit-input-placeholder{
    color: #999999;
}
#dosubmit::-ms-input-placeholder{
    color: #999999;
}
#dosubmit:hover{
    transform: translateY(-10px);
}
.close{
    position: absolute;
    right: -30px;
    top: -30px;
    transition: all 1s;
    cursor: pointer;
}
.close:hover{
    transform: rotateZ(720deg);
}
.tanchu-icon{
    position: absolute;
    right: -115px;
    top: 52px;
}


.s5_bg {
    background: #181a1f;
    padding: 0 0 50px 0;
	width: 100%;
min-width: 1200px;
clear: both;
}

.w11 {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.title33 {
    color: #f03138;
    padding-bottom: 27px;
    font-size: 46px;
    color: #fff;
    line-height: 46px;
    padding: 88px 0 106px;
    text-align: center;
}

#addressiframe {
    margin-top: 40px;
}

.zg_foot {
    height: 100%;
    width: 100%;
    background: #2b2a3a;
}


.riqi input {
    border-width: 1px;
    border-color: rgb(217, 217, 217);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(120, 88, 255);
    width: 443px;
    height: 53px;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 53px;
    text-indent: 20px;
}
.calendar-box img{
	padding-top:100px;
	}
	.riqi{
		margin-top:50px;	}
		
		
		
.Guess-box p{
	font-size:20px;
	font-weight:blod;
	padding-top:20px;
	
	}
	.teshu{
		padding-top:0px!important;
		}
	
	.Guess-box a {
    color: #fff;
    font-size: 18px;
    display: initial;
    padding: 7px 26px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    background-color:rgb(120, 88, 255);
    margin: 0 auto;
}
.Guess-box input {
	margin-top:20px;
	}
	
.xzshengfen{
	border-radius: 5px;
background-color: rgb(120, 88, 255);
width: 443px;
height: 53px;
border: none;
outline: none;
color: #ffffff;
font-size: 20px;
text-align: center;
line-height: 53px;
text-indent: 20px;
margin-top:20px;
	}
	
	
.ycxfC {
    width: 38px;
    height: 112px;
    z-index: 999;
    position: fixed;
    top: 35%;
    right: 20px;
    text-align: center;
    font: normal 20px/25px 'Microsoft Yahei';
    color: #fff;
    padding: 8px 0 0 0;
    background: url(../images/bkzd_pic02.png) no-repeat center;
        background-size: auto;
    background-size: 100% 100%;
    cursor: pointer;
	display:none;
}