html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;border:none;}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}

body{width:7.5rem;margin:0 auto;}
.fixedhack.sticky{max-width:7.5rem;}
.banner{position: absolute;left:0;top:0;width:100%;}
.b-logo{
	width:2.28rem;padding:.25rem 0 .2rem;
	animation:fadeInLeft 1s;
	-webkit-animation:fadeInLeft 1s
}
.b-theme{
	animation:zoomIn 1s;
	-webkit-animation:zoomIn 1s	
}

.enroll{width:5.7rem;padding:.7rem .9rem .6rem;background:url(images/bg5.jpg) no-repeat center top;background-size: cover;}
.myform .check{margin-top:.4rem;position:relative;}
.myform .check span{position: absolute;right:.3rem;top:.35rem;width:.15rem;height:.15rem;background:url(images/i_star.png) no-repeat;background-size:contain;}
.myform .check input{
	display:block;box-sizing:border-box;width:100%;height:.9rem;border-radius:.45rem;border:1px solid #72019e;padding:0;text-indent:.4rem;
	font-size:.32rem;line-height:.9rem;color:#666;outline:none;background:#fff;
}
.myform .btn-submit{
	width:100%;
	height:1rem;
	margin:.6rem 0;
	padding:0;
	border:none;
	border-radius:.5rem;
	font-size:.38rem;
	line-height:1rem;
	text-align:center;
	color:#fff;
	background-image: -webkit-linear-gradient(left, #4b0184, #9e01bb);
	background-image: linear-gradient(to right, #4b0184, #9e01bb);
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 2px 10px #a370ae;
	box-shadow: 0px 2px 10px #a370ae;
}
.btn-detail{
	display:block;
	width:2rem;
	height:.7rem;
	margin:0 auto;
	box-sizing:border-box;
	border:1px solid #ff4800;
	border-radius:.1rem;
	font-size:.32rem;
	line-height:.7rem;
	text-align:center;
	color:#ff4800;
	-webkit-box-shadow: 0 0 10px #e98d69;
	box-shadow: 0 0 10px #e98d69;
}

.service{padding-top:.4rem;text-align:center;}
.service dt{font-size: .36rem;line-height:.6rem;font-weight:bold;color:#494949;}
.service dt b{display:inline-block;vertical-align:middle;width:.48rem;margin-right: .2rem;font-size:.2rem;line-height: .3rem;font-weight:normal;}
.service dd{font-size:.2rem;line-height:.4rem;color:#494949;}

.popbox{display:none;position: fixed;left:0;top:0;z-index:998;width:100%;height:100%;}
.popbox .popmask{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.popbox .popcon{position: relative;width:5.26rem;margin:20% auto 0;}
.popbox .popclose{position: absolute;right:-.32rem;top:-.32rem;width:.65rem;height:.65rem;background:url(images/i_popclose.png);background-size:contain;}
.detail-list{height:4.7rem;padding:1.04rem .30rem 0;background:url(images/bg_detail.png) no-repeat center top;background-size:contain;}
.detail-list p{padding-top:.25rem;font-size: .2rem;line-height:.36rem;text-align:justify;}
.detail-list .tip{color:#ff0000;}
.enroll-ok{height:2.0rem;padding-top:4.0rem;background:url(images/bg_enroll_ok.png);background-size:contain;}
.enroll-ok p{font-size:.24rem;line-height:.40rem;text-align:center;}
.enroll-ok .btn-ok{
	width:4.30rem;
	height:.80rem;
	margin: .30rem auto 0;
	border-radius:.1rem;
	font-size: .30rem;
	line-height:.80rem;
	text-align:center;
	color:#fff;
	background-image: -webkit-linear-gradient(left, #4b0184, #9e01bb);
	background-image: linear-gradient(to right, #4b0184, #9e01bb);
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 2px 10px #a370ae;
	box-shadow: 0px 2px 10px #a370ae;
}


@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}