/* 首页弹窗 */
#servicepopup{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
z-index: 99;
transition: all .5s ease;
}

#servicepopup.on{
display: block;
}

#servicepopup .servicontent{
position: absolute;
top: 50%;
left: 50%;
width: 460px;
height: 270px;
transform: translate(-50%,-50%)
}

#servicepopup .servicontent .servicebg{
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
}

#servicepopup .servicontent .icon-jia{
position: absolute;
right: 15px;
top: 10px;
font-size: 22px;
color: #999;
z-index: 9;
transform: rotate(45deg);
cursor: pointer;
}

#servicepopup .servicontent .icon-jia:hover{
color: #ff0000;
}

#servicepopup .servicontent>a{
position: absolute;
bottom: 20px;
font-size: 16px;
width: 158px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
transition: all .5s ease;
}

#servicepopup .servicontent>a.free_register{
left: 56px;
border:1px solid #5677ff;
color: #037cfb;
}

#servicepopup .servicontent>a.free_register:hover{
background: #5677ff;
color: #fff;
}

#servicepopup .servicontent>a.free_service{
left: 256px;
color: #fff;
border:1px solid #53a3f7;
background-image: linear-gradient(to right, #3ad2fc , #3088ff);
}

#servicepopup .servicontent>a.free_service:hover{
background-image: linear-gradient(to right, #3088ff , #3ad2fc);
}