/* @description: 独立样式
*  @author: zjp
*  @update: zjp(2019-03-30)
*/


/*
*  header
 * */
.header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 6;
    overflow: hidden;
    width: 100%;
    height: 73px;
    line-height: 73px;
    background: url(../images/headerBg.png);
}

.header .wp{
    overflow: hidden;
}

/* logo */
.logo{
    float: left;
    margin-top: 14px;
}

.logo img{
    width: 137px;
}

/* topRight */
.topRight{
    float: right;
    overflow: hidden;
    font-family: 'fangzheng'; 
    font-size: 24px;
    color:#6a5fa1;
    /*background: url(../images/topBtn.png) no-repeat left center;*/
}

.topRight *{
    display: inline-block;
    vertical-align: middle;
}

/*.topRight em{
    margin:0 20px;
    width: 3px;
    height: 24px;
    background:#6a5fa1;
}*/

.topRight a{
    /*padding-left: 46px;*/
    font-size: 24px;
    color:#6a5fa1;
}

/*.topRight a:hover{
    opacity: .9;
}
*/

/*
*  banner
 * */
.banner{
    overflow: hidden;
    /* margin-top: 73px; */
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
}

/* banLogo */
.banLogo{
    float: left;
    margin:30px 0 0 30px;
}

.banLogo img{
    display: block;
    width: 280px;
}


/* share */
.share{
    position: relative;
    float: right;
    margin:109px 50px 0 0;
    width: 263px;
    height: 56px;
}

.share .item{
    position: absolute;
    top: 0;
    width: 54px;
    height: 54px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.share .icn{
    border-radius: 50%;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
}

.share .icn:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.share .wx{
    left: 0;
}

.share .xl{
    left: 69px;
}

.share .qq{
    left: 138px;
}

.share .kj{
    right: 0;
}

.share .box{
    position: absolute;
    top: 100%;
    left: 50%;
    padding-top: 15px;
    display: none;
}

.share .box2{
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #f1ebff;
}

.share .wx .box{
    margin-left: -45px;
}

.share .box span{
    position: absolute;
    left: 50%;
    top: 7px;
    margin-left: -5px;
    width: 10px;
    height: 9px;
    background: url(../images/arrow.png) no-repeat;
}

.share .box .img{
    overflow: hidden;   
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;

}

.share .box .img img{
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.share .qq .box{
    right: 0;
    left: auto;
    width: 205px;
    padding-top:15px;
}

.share .qq .box{
    padding: 10px;
}

.share .qq .box span{
    right: 20px;
    left: auto;
}

.share .qq p{
    height: 30px;
    line-height: 30px;
}

.share .qq em{
    vertical-align: middle;
    color: #6a5fa1;
    text-align: center;
    line-height: 24px;
}

.share .qq a{
    border: 1px solid #6a5fa1;
    width: 60px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    color: #6a5fa1;
    text-align: center;
    line-height: 24px;
    margin-right: 3px;
}

.serverAppint{
	position:absolute;
	z-index:5;
	left:0;
	top:620px;
	width:100%;
}


/*
*  container
 * */
 .container{
    position: relative;
    height: 2676px;
    background: url(../images/bg.png) no-repeat center bottom;
 }

 /* petal */
 .petal{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/petal.png) no-repeat center -200px;
 }

/* content */
 .content{
    position: relative;
    z-index: 3;
    overflow: hidden;
 }


/* actTime */
.actTime{
    margin: 37px 0 110px;
    overflow: hidden;
    height: 30px;
    font-family: 'fangzheng';
    font-size: 24px;
    line-height: 30px;
    color:#6a5fa1;
    text-align: center;
}


/* newTheServer */
.newTheServer{
    position: relative;
	float:left;
    margin:40px auto 0;
    width: 842px;
    height: 329px;
    background: url(../images/newTheSeaver.png) no-repeat;
}

.newTheServerTxt{
    float: left;
    margin:15px 0 0 50px;
    overflow: hidden;
    width: 370px;
    height: 300px;
    text-align: center;
}

.newTheServerTxt h3{
    margin-top: 34px;
    overflow: hidden;
    font-family: 'simhei'; 
    font-size: 36px;
    height: 50px;
    line-height: 50px;
    color:#347E8C;
}

.newTheServerTxt .time *{
    display: inline-block;
    margin:0 11px;
    overflow: hidden;
    font-family: 'fangzheng'; 
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
}

.newTheServerTxt .time em{
    overflow: hidden;
    width: 131px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color:#fff;
    background: url(../images/text.png) no-repeat;    
}

.newTheServerTxt .time span{
    font-size: 24px;
    color:#383561;
}

.newTheServerTxt .con{
    margin:20px auto 53px;
    padding: 0 18px;
    overflow: hidden;
    width: 208px;
    height: 75px;
    font-family: sans-serif;
    font-size: 36px;
    /*color:#1e79d6;*/
    color: #ffffff;
    text-align: center;
    font-family: 'simhei'; 
    line-height: 70px;
    background: url(../images/serverTit.png) no-repeat ;
    background-size: 100%;
    /*-webkit-text-shadow:1px 0 5px rgba(0,0,0,.5);*/
    /*text-shadow:1px 0 5px rgba(0,0,0,.5);*/
}

.newTheServerImg{
    position: absolute;
    left: 453px;
    top: -15px;
    overflow: hidden;
    width: 290px;
    height: 343px;
    border: none;
    background: url(../images/ewmBox.png) no-repeat;
}

.newTheServerImg .img{
    margin:74px auto 44px;
    width: 140px;
    height: 140px;
}

.newTheServerImg .img img{
    width: 140px;
    height: 140px;
}

.newTheServerImg p{
    overflow: hidden;
    height: 30px;
    font-family: 'simhei';
    line-height: 30px;
    font-size: 20px;
    color:#fff;
    text-align: center;
}

/* appointment */
.appointment{
    position: relative;
	float:right;
    margin:138px 0 0;
    height: 119px;
    text-align: center;
    background: url(../images/yuyue.png) no-repeat center;
}

.appointment a{
    position: relative;
    z-index: 3;
    display: inline-block;
    overflow: hidden;
    width: 410px;
    height: 119px;
    font-family: 'simhei';
    line-height: 119px;
    font-size: 60px;
    color:#fff;
    text-shadow:1px 0 5px rgba(0,0,0,.5);
}

.appointment a:hover{
    color:#ffe6a5;
}

.appointment .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* reward */
.reward{
	clear:both;
    margin: 270px 0 80px;
    height: 985px;
    background: url(../images/reward.png) no-repeat bottom;
    /*background-size: 100%;*/
}

.reward .item{
    margin-bottom: 178px;
}

.c{
    clear: both;
}

.reward .tit{
    margin-bottom: 52px;
    overflow: hidden;
    height: 40px;
    font-family: 'simhei'; 
    font-size: 36px;
    text-align: center;
    line-height: 40px;
    color:#447275;
}

.reward .tit1{
    position: relative;
    top: -12px;
}

.rewardLet{
    float: left;
    margin-left: 85px;
    width: 151px;
    font-family: 'fangzheng'; 
}

@keyframes mymove{
    0% {
        transform: translateY(0px);
    }

    100%{
        transform: translateY(-10px);
    }

}

.rewardLet:hover h3{
    -webkit-animation:mymove .5s infinite alternate ease-in-out;
    animation:mymove .5s infinite alternate ease-in-out;
}

.rewardLet h3{
    margin:0 auto 16px;
    padding-top: 25px;
    width: 130px;
    height: 121px;
    text-align: center;
    color:#fff;
    background: url(../images/yuyue2.png) no-repeat;
    background-size: 100%;
}

.rewardLet h3.h3{
    background-image:  url(../images/yuyue3.png) ;
}

.rewardLet h3 *{
    -webkit-text-shadow:1px 0 5px rgba(0,0,0,.5);
    text-shadow:1px 0 5px rgba(0,0,0,.5);
}

.rewardLet h3 strong{
    font-size: 60px;
    font-weight: normal;
}

.rewardLet h3 em{
    font-size: 30px;
}

.rewardLet p{
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color:#fff;
    border-radius: 32px;
    background:#70C1C2;
}

.rewardRight{
    position: relative;
    float: right;
    margin:0 84px 0 0;
    overflow: hidden;
    width: 900px;
}

.rewardRight .line{
    position: absolute;
    left: 50%;
    top: 19px;
    margin-left: -377px;
    width: 784px;
    height: 20px;
}

.rewardRight .icn{
    overflow: hidden;
    height: 100%;
    background: url(../images/probar1.png) no-repeat;
}

.rewardRight .icn em{
    display: block;
    margin-top: 9px;
    height: 5px;
    background: url(../images/probar2.png) repeat-x;
}

.rewardRight2 .line{
    top: 15px;
    margin-left: -315px;
    width: 640px;
}

.rewardRight2 .icn{
    display: block;
    margin-top: 3px;
    background: url(../images/probar5.png) no-repeat;
}

/* list_pic */
.list_pic{
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-left: -31px;
}

.list_pic li{
    float: left;
    margin-left: 31px;
    width: 155px;
    text-align: center;
}

.list_pic div{
    position: relative;
    margin:0 auto;
    width: 48px;
    height: 63px;
}

.list_pic em{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
}

.list_pic .em1{background-image: url(../images/probar3.png); background-size: 100%;}
.list_pic .em2{background-image: url(../images/probar4.png); background-size: 100%;}

.list_pic .yes .em1{
    display: block;
}

.list_pic .on .em2{
    display: block;
}

.list_pic p{
    margin-bottom: 6px;
    overflow: hidden;
    height: 40px;
    font-family: 'fangzheng'; 
    line-height: 40px;
    font-size: 20px;
    color:#68a3a3;
}

.list_pic .yes p,
.list_pic .on p{
    color:#c7915b;
}

.list_pic img{
    display: block;
    width: 155px;
    height: 155px;
    cursor: pointer;
}

.rewardRight2 li{
    width: 279px;
}

.rewardRight2 li img{
    width: 279px;
    height: 201px;
}

/* m_tit */
.m_tit1{
    overflow: hidden;
    height: 69px;
    font-family: 'simhei'; 
    font-size: 36px;
    line-height: 69px;
    text-align: center;
    color:#fff;
    background: url(../images/tit1.png) no-repeat center;
}

.m_tit2{
    overflow: hidden;
    height: 69px;
    font-family: 'simhei'; 
    font-size: 36px;
    line-height: 69px;
    text-align: center;
    color:#fff;
    background: url(../images/tit2.png) no-repeat center;
}

/* activityFlow */
.activityFlow{
    position: relative;
    margin:45px auto 100px;
    overflow: hidden;
    width: 1255px;
    height: 375px;
    text-align: center;
    background: url(../images/tecPro.png) no-repeat;
}

.activityFlow .img{
    margin-left: 122px;
    margin-top: 32px;
    width: 1017px;
    height: 315px;
}

.activityFlow ul{
    position: absolute;
    left: 115px;
    top: 63px;
    overflow: hidden;
    margin-left: -135px;
}

.activityFlow li{
    float: left;
    margin-left: 137px;
    width: 153px;
}

.activityFlow li:hover .num,
.activityFlow li:hover  p{
    /*color:#cca449;*/
}

.activityFlow .num{
    /*margin-bottom: 146px;*/
    overflow: hidden;
    height: 57px;
    line-height: 45px;
    font-family: 'simhei'; 
    font-size: 30px;
    color:#fff;
    -webkit-transition:.3s;
    transition:.3s;
}

.activityFlow img{
    display: block;
    margin:34px auto;
    width: 80px;
    height: 80px;
}

.activityFlow p{
    overflow: hidden;
    margin-top: 145px;
    height: 30px;
    font-family: 'fangzheng'; 
    line-height: 30px;
    font-size: 24px;
    color:#6E481D;
    -webkit-transition:.3s;
    transition:.3s;
}

/* activityRules */
.activityRules{
    margin:58px auto 0;
    padding: 0 122px;
    overflow: hidden;
    width: 716px;
    height: 369px;
    line-height: 369px;
    background: url(../images/rule.png) no-repeat;
}

.activityRules ul{
    display: inline-block;
    width: 100%;
    font-family: 'fangzheng'; 
    vertical-align: middle;
}

.activityRules li{
    overflow: hidden;
}

.activityRules li em{
    float: left;
    width: 31px;
    height: 32px;
    line-height: 34px;
    font-size: 15px;
    color:#fff;
    text-align: center;
    background: url(../images/num.png) no-repeat;
    background-size: 100%;
}

.activityRules p{
    padding-left: 40px;
    font-size: 18px;
    line-height: 35px;
    color:#2c5454;
}


/*
*  弹框
 * */
/* popBg */
.popBg{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: none;
    background:#000;
    opacity: .7;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 70)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

/* pop */
.pop{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
}

.pop .close{
    position: absolute;
    right: -27px;
    top: 10px;
    width: 61px;
    height: 61px;
    cursor: pointer;
    background: url(../images/close.png) no-repeat;
    /*-webkit-transition:.8s;*/
    /*transition:.8s;*/
}

.pop .close:hover{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}


/* popCon */
.popCon{

}

/* popTit */
.popBox1 .popTit{
    margin:0 auto;
    overflow: hidden;
    /*width: 311px;*/
    height: 69px;
    font-family: 'simhei'; 
    line-height: 69px;
    color:#fff;
    font-size: 32px;
    text-align: center;
    background: url(../images/popTit1.png) no-repeat;
}

.popBox2 .popTit{
    margin:0 auto;
    overflow: hidden;
    /*width: 311px;*/
    height: 69px;
    font-family: 'simhei'; 
    line-height: 69px;
    color:#fff;
    font-size: 32px;
    text-align: center;
    background: url(../images/popTit2.png) no-repeat;
}

/* popForm */
.popForm{
    padding-top: 72px;
}

.popForm li{
    overflow: hidden;
    padding-bottom: 33px;
}

.popForm li .let{
    float: left;
    overflow: hidden;
    width: 200px;
    height: 45px;
    font-family: 'simhei'; 
    line-height: 45px;
    font-size: 30px;
    color:#3b6d6d;
    text-align: right;
}

.popForm .rig{
    margin-left: 222px;
    overflow: hidden;
}

.popForm .inp{
    float: left;
    width: 343px;
    height: 45px;
    background: url(../images/txt1.png) no-repeat;
}

.popForm .inp2{
    width: 191px;
    background-image:  url(../images/txt2.png);
}

.popForm .inp input{
    padding: 0 25px;
    width: 293px;
    height: 45px;
    font-family: 'fangzheng'; 
    line-height: 45px;
    font-size: 18px;
    background:none;
    border:0;
    color:#649494;
}

.popForm .yzm{
    float: left;
    margin:0px 0 0 15px;
    overflow: hidden;
    width: 137px;
    height: 46px;
    font-family: 'simhei'; 
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color:#fefeff;
    background: url(../images/btn1.png) no-repeat;
}

.popForm .inp input::-webkit-input-placeholder {
   color:#919191;
}

.popForm .inp input::-moz-placeholder { 
   color:#919191;  
}

.popForm .inp input::-ms-input-placeholder {  
   color:#919191;  
}

.popForm2{
    padding-top: 0;
}

.formShareTxt{
    padding-bottom: 20px;
}

.newDisTime{
    padding: 16px 0 54px;
    text-align: center;
}

.newDisTime .let{
    margin-right: 13px;
    width: 131px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color:#fff;
    font-family: 'fangzheng'; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    background: url(../images/text2.png) no-repeat;
}

.newDisTime .right{
    text-align: left;
    font-size: 24px;
    line-height: 36px;
}

.newDisTime .right p{
    font-family: 'simhei'; 
    color:#c7915b;
}

.newDisTime .right em{
    margin-right: 15px;
    font-family: 'fangzheng'; 
    color:#69a4a4;    
}

.newDisTime .let,
.newDisTime .right{
    display: inline-block;
    vertical-align: top;
}

.popBtn{
    text-align: center;
}

.popBtn .btn{
    display: inline-block;
    width: 176px;
    height: 60px;
    font-family: 'simhei'; 
    font-size: 30px;
    color:#fff;
    line-height: 58px;
    text-align: center;
    background: url(../images/formBtn1.png) no-repeat;
}

.popBtn2 .btn{
    width: 194px;
    height: 60px;
    line-height: 58px;
    background-image: url(../images/formBtn2.png);
}

.formShareIcon{
    text-align: center;
}

.formShareIcon img{
    margin:8px 0 0;
    width: 75px;
    height: 75px;
    vertical-align: bottom;
}

.formShareIcon p{
    padding: 18px 0 14px;
    font-family: 'fangzheng'; 
    font-size: 18px;
    color:#c7915b;
}

.formShareTxt{
    margin:0 auto;
    width: 400px;
    font-size: 18px;
    line-height: 24px;
    color:#3b6d6d;
}

.popList{
    padding: 12px 70px 0;
}

.popList li{
    clear: both;
    margin-top: 68px;
}

.popList .let{
    float: left;
    width: 120px;
    font-family: 'fangzheng'; 
    text-align: center;
    font-size: 18px;
    color:#c7915b;
}

.popList .rig{
    position: relative;
    margin-left: 135px;
}

.popList .icn{
    position: absolute;
    right: -16px;
    top: -57px;
    width: 39px;
    height: 52px;
    line-height: 42px;
    text-align: center;
    color:#fff;
    font-family: 'fangzheng'; 
    background: url(../images/yuyue4.png) no-repeat;
    -webkit-text-shadow:1px 0 5px rgba(0,0,0,.5);
    text-shadow:1px 0 5px rgba(0,0,0,.5);
}

.popList .icn strong{
    font-size: 24px;
    font-weight: normal;
}

.popList .icn em{
    font-size: 12px;
}

.popList .line{
    position: relative;
    top: 8px;
    width: 393px;
    height: 8px;
    background: url(../images/line1.png) no-repeat;
}

.popList .line .on{
    position: relative;
    height: 100%;
    border-radius: 32px;
    /*background:#cca54a;*/
    background: url(../images/line2.png) repeat-x;
    background-size: 100% 100%;
}

.popewm{
    padding-top: 23px;
    text-align: center;
}

.popewm img{
    display: inline-block;
    width: 548px;
    height: 183px;
    vertical-align: middle;
}

.popBox3 .popTit{
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
    width: 199px;
    height: 44px;
    font-family: 'simhei'; 
    font-size: 24px;
    line-height: 44px;
    background: url(../images/tit3.png) no-repeat center;
    color: #3b6d6d;
}

.popBox1{
    padding: 30px 0 0 0;
    width: 673px;
    height: 562px;
    background-image: url(../images/popbg1.png);
    background-size: 100%;
}

.popBox2{
    padding-top: 30px;
    width: 673px;
    height: 854px;
    background-image: url(../images/popbg2.png);
    background-size: 100%;
}

.popBox3{
    padding: 0 30px;
    width: 205px;
    height: 305px;
    background-image: url(../images/popbg3.png);
    background-size: 100%;
}

.list_imgtxt{
    margin-top: 18px;
    overflow: hidden;
    height: 223px;
    background: url(../images/popline.png) no-repeat center;
}

.list_imgtxt li{
    margin-bottom: 2px;
    padding: 3px 13px;
    overflow: hidden;
}

.list_imgtxt .img{
    float: left;
    width: 37px;
    height: 37px;
    background: url(../images/imgBox.png) no-repeat;
}

.list_imgtxt .img img{
    width: 33px;
    height: 37px;
}

.list_imgtxt p{
    margin-left: 53px;
    overflow: hidden;
    height: 37px;
    font-size: 18px;
    font-family: 'fangzheng'; 
    color:#465555;
    line-height: 37px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.fixed_pop{
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 10;
    display: none;
    margin-left: -500px;
    width: 1300px;
    height: 221px;
    background: url(/Public/home/imgs/fixed.png) no-repeat center;
    background-size: 100%;
}

.fixed_pop.on{
	z-index:8;
}



.fixed_pop .renwu{
    position: absolute;
    left: 10px;
    bottom: 33px;
    width: 308px;
}

.fixed_pop .close{
    position: absolute;
    right: -46px;
    top: -46px;
    width: 61px;
    height: 61px;
    background: url(../images/close.png) no-repeat center;
}
.fixed_pop .closea{
    position: absolute;
    right: -34px;
    top: -32px;
    width: 61px;
    height: 61px;
    background: url(../images/close.png) no-repeat center;
}
.fixed_pop ul{
	position:relative;
	z-index:3;
    overflow: hidden;
    margin: 50px 0 0 222px;
}

.fixed_pop li{
    float: left;
    margin:0 12px;
}

.fixed_pop li img{
    display: block;
    width: 130px;
    height: 130px;
}

.fixed_pop li a{
    display: block;
    margin-top: 24px;
    overflow: hidden;
    width: 280px;
    height: 81px;
    line-height: 81px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    text-shadow: 1px 0 5px rgba(0,0,0,.5);
    background: url(../images/yuyue.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.fixed_pop li a:hover{
    color:#ffe6a5;
}