@media screen and (min-width: 640px) {
    html {
        font-size: 64px !important;
    }

}

@media screen and (max-width: 320px) {
    html {
        font-size: 32px !important;
    }

}

body {
    min-width: 3.7647rem;
    max-width: 10rem;
    width: 10rem;
    font-family:"Microsoft Yahei";
    margin: 0 auto !important;
    color: #343434;
    background-color: #ebebeb;
}


.header {
    display: flex;
    align-items: center;
    background-color: #FFF;
    justify-content: space-between;
}
.header .logo {
    padding: .1465rem .293rem;
}
.header .nav {
    width: 20%;
    height: 1.4648rem;
}
img {
    width: 100%;
}
.header .nav .iconfont {
    font-size: .6836rem;
    color: #0572c5;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.4648rem;
    margin-left: 40%;
}
.navs {
    visibility: hidden;
    width: 10rem;
    position:absolute;
    display: flex;
    justify-content: flex-end;
    z-index: 100;
    
}
.navs ul {
    background:rgba(255,255,255,0.6); ;
}
.navs ul li {
    height: .6836rem;
    font-size: .3906rem;
    line-height: .6836rem;
   
}
.navs ul li a {
    padding: .293rem .1953rem;
    
}


/* 在线报名 */
.zxbm,.footer,.xinxi {
    background-color: #fff;
    margin-top: .293rem;
}
.zxbm {
    padding-bottom: .293rem;
}
.zxbm h1 {
    color: #0572c5;
    text-align: center;
    font-size: .5371rem;
}
.zxbm form {
    display: flex;
    flex-direction: column;
    width: 7.8613rem;
    margin: 0 auto;
    font-size: .332rem;
}
.zxbm form div {
    display: flex;
    justify-content: space-between;
    margin-top: .1953rem;
    line-height: .7324rem;
}
.zxbm form div span {
    color: red;
}
.zxbm form input,.zxbm form select {
    width: 5.7813rem;
    height: .7324rem;
    border-radius: .0488rem;
    border: 1px solid #8a8a8a;
    padding-left: .3906rem;
}
.zxbm form select {
    width: 6.172rem;
    color: #333;
}
.zxbm form input:focus ,.zxbm form select:focus{
    outline: 0;
}
.zxbm form .sub {
    width:6.172rem;
    height: .7813rem;
    background-color: #0572c5;
    color: #fff;
    font-size: .4102rem;
    text-align: center;
    line-height:.7813rem;
    border-radius: .0488rem;
    position: relative;
    top: .1953rem;
    left: 1.6602rem;
   
}
/* footer */
.footer {
    background-color: #fff;
    text-align: center;
    font-size: .293rem;
    padding: .2441rem 0;
}
.footer p {
    padding: .0977rem 0;
}
.xinxi{
    display: flex;
    height: 1.6992rem;
    background-color: #fff;
    margin-bottom: .8789rem !important;
}
.xinxi p {
    font-size: .293rem;
    padding: .35rem .1953rem;
    line-height: .3906rem;
}
.xinxi img {
    width: 4.6875rem ;
}
/* 联系电话 */
.tel {
    height: 1.0449rem;
}
/*底部悬浮框  */

/*.com-client {
	position: fixed;
    left: 50%;
    transform:translate(-50%,-50%);
	width: 10rem;
	bottom: -.5rem;
	z-index: 800;
	background:#f3f5f4;
	font-size : .293rem;
    
}*/
.com-client .innum {
	display: block;
}
.com-client .dianzx {
	width: 33.3;
	height: .9766rem;
	border-radius:.0293rem;
	text-align:center;
	line-height:.9766rem;
	color:#FFF;
	background:#0c97ee;
	font-size:.3906rem;
}
.com-client .dianzxs {
	width: 33.3;
	height: .9766rem;
	border-radius:3px;
	line-height:.4883rem;
	text-align:center;
	color:#FFF;
	background:#0c97ee;
	background-image:url(../images/zxzxd.png);
	background-repeat:no-repeat;
    background-size:.57rem .57rem;
    background-position:.12rem .07rem;
}
.dianzx .iconfont {
    font-size: .3906rem;
    font-weight: 600;
    padding-right: .0977rem;
    
}
.user-info {
    display: flex;
}
.user-info li {
    flex: 1;
	text-align: center;
	float: left;
	display: inline;
	box-sizing: border-box;
   
}

.user-info li img {
	padding-left:.0977rem;
	width: auto;
    height:.5rem;
    float:left;
}
.margin_max {
    margin-top: .2667rem;
}