@font-face {
  font-family: "youshe";
  src: url('https://cdn-www.wjbrain.com/css/fonts/youshe.ttf') format('truetype');
}
.youshe{
	font-family:"youshe";
	font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
body{
	background:#FFF;text-align:left;
	font-family:Microsoft YaHei, sans-serif;
}

/** 框架 **/
#Container{
	display:block;margin:0;padding:0;
}
.container{
	position:relative;display:block;margin:0 auto;width:160rem;
}
@media only screen and (max-width: 768px) {
	.container{
		width:100%;
	}
}

#m_sidebar{
	display:none;position:fixed;top:0;right:0;bottom:0;z-index:90;width:0;text-align:left;overflow:hidden;
}
.side-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:91;background:#02091b;opacity:.95;
}
.side-cls-btn, .side-con{
	position:absolute;z-index:92;
}
.side-cls-btn{
	top:1rem;left:1rem;width:6rem;height:6rem;
}
.side-cls-btn:before, .side-cls-btn:after{
	content:'';position:absolute;top:50%;left:2rem;width:3rem;height:.2rem;background:#FFF;border-radius:.1rem;
}
.side-cls-btn:before{
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.side-cls-btn:after{
	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.side-con{
	top:8rem;left:0;padding:1rem 1rem;width:100%;
}
.side-nav-itm h2, .side-nav-itm > a{
	display:block;padding-left:3rem;line-height:5rem;
	font-size:1.6rem;color:#FFF;
	overflow:hidden;white-space:nowrap;
}
.side-nav-itm h2{
	position:relative;
}
.side-nav-itm h2:after{
	content:'';position:absolute;top:50%;right:20px;width:6px;height:6px;
	margin-top:-2px;border-top:1px solid #FFF;border-right:1px solid #FFF;
	-webkit-transition:-webkit-transform .2s ease-in-out;-ms-transform:-ms-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	-webkit-transform-origin:60%;-ms-transform-origin:60%;-o-transform-origin:60%;transform-origin:60%;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.side-nav-itm h2.on:after{
	-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
.side-nav-itm h2 a{
    color:#FFF;
}
.side-nav-itm ul{
	display:none;
    margin-inline-start:0;
}
.side-nav-itm li{
	position:relative;
}
.side-nav-itm li:before{
	content:'';position:absolute;top:50%;left:4.4rem;
	margin-top:-.3rem;width:.5rem;height:.5rem;line-height:.5rem;
	border-radius:.3rem;background:#FFF;
}
.side-nav-itm li a{
	display:block;padding-left:6rem;line-height:3.6rem;
	font-size:1.4rem;color:#FFF;
	overflow:hidden;white-space:nowrap;
}
.side-lang{
	margin-top:4rem;padding-left:2rem;line-height:2rem;
}
.side-lang a{
	font-size:1.6rem;color:#999;
}
.side-lang a.cur{
	color:#FFF;
}
.side-lang span{
	margin:0 1rem;font-size:1.6rem;color:#666;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** 顶部 ******************************************************/
#Header{
	position:relative;
}
.head{
	position:absolute;top:3rem;left:0;right:0;z-index:9;text-align:center;
}
.logo{
	position:absolute;top:0;left:0;height:5rem;
}
.nav{
	display:inline-block;height:5rem;
}
.nav-link{
	position:relative;display:inline-block;margin:0 4rem;height:5rem;line-height:5rem;
}
body.en .nav-link{margin:0 2rem;}
a.nav-link-t{
	font-size:2.4rem;color:#FFF;
}
.nav-link ul{
    opacity:0;
    position:absolute;top:100%;left:0;
    padding:.4rem 0;
}
.nav-link li a{
    display:block;height:4.4rem;line-height:4.4rem;
    font-size:2rem;color:#FFF;
    white-space:nowrap;
}
.nav-link:hover ul{
    opacity:1;
    transition:ease all 0.3s;
}
.lang{
	position:absolute;top:0;right:0;
	line-height:5rem;
	/*display: none; !* 20210902 Fox 等英文ready后再显示 *!*/
}
.lang a{
	font-size:2.4rem;color:#999;
}
.lang a.cur{
	color:#FFF;font-weight:500;
}
.lang span{
	margin:0 1.2rem;font-size:2rem;color:#979797;
}

.head-m{
	position:absolute;top:0;left:0;right:0;z-index:9;
	height:6rem;text-align:center;
}
.logo-m{
	position:absolute;top:2.5rem;left:2.5rem;height:3.3rem;
}
.top-m-menu-btn{
	display:block;position:absolute;top:.6rem;right:1rem;
	width:6rem;height:6rem;
}
.top-m-menu-btn em, .top-m-menu-btn:before, .top-m-menu-btn:after{
	content:'';position:absolute;left:2.2rem;
	width:3rem;height:.2rem;
	background:#FFF;border-radius:.1rem;
}
.top-m-menu-btn em{
	top:3.3rem;
}
.top-m-menu-btn:before{
	top:2.2rem;
}
.top-m-menu-btn:after{
	top:4.4rem;
}

.banner{
	height:50rem;
}
.banner h1{
	padding-top:23rem;line-height:7rem;
	font-size:6rem;color:#FFF;text-align:center;
}
.banner h2{
	margin-top:2.5rem;line-height:3rem;
	font-size:2rem;color:#FFF;font-style:italic;letter-spacing:.2rem;text-align:center;
}
@media only screen and (max-width: 768px) {
	.banner{
		height:27.5rem;
	}
	.banner h1{
		padding-top:12rem;line-height:5rem;
		font-size:3.2rem;
	}
	.banner h2{
		margin-top:1rem;line-height:2rem;
		font-size:1.4rem;letter-spacing:.1rem;
	}
}

/******************************************** 底部 ******************************************************/
#Footer{
	padding:6rem 0 4.5rem;
}
.foot-share{
	float:left;
}
.foot-share .logo-f{
	display:block;height:5rem;
}
.foot-share .share{
	position:relative;margin-top:18rem;padding-left:10rem;height:2.2rem;
}
.foot-share .share span{
	position:absolute;left:0;top:0;line-height:2.2rem;
	font-size:1.8rem;color:#111;
}
.wechat{
	position:relative;display:inline-block;
}
#privacy_policy{
	font-size:1.8rem;color:#111;vertical-align:middle;
}
.foot-ico{
	display:inline-block;margin-right:2rem;vertical-align:middle;
}
.foot-ico img{
	display:block;height:2.2rem;
}
.qrcode{
	position:absolute;bottom:3.5rem;left:-6rem;z-index:9;
	display:none;padding:1rem 0 0;width:15rem;height:15rem;
	border:.1rem solid #CCC;border-radius:.8rem;background:#FFF; 
	text-align:center;
}
.qrcode img{
	width:12.8rem;height:12.8rem;
}
.qrcode i{
	position:absolute;bottom:-1.1rem;left:6rem;z-index:998;
	display:block;width:0;height:0;border:1.1rem solid transparent;border-top:1.1rem solid #CCC;border-bottom:0;
}
.qrcode i:after{
	position:absolute;bottom:.1rem;left:-1rem;z-index:999;
	content:"";display:block;width:0;height:0;border:1rem solid transparent;border-top:1rem solid #FFF;border-bottom:0;
}
a.wechat:hover .qrcode{
	display:block;
}
.foot-com{
	margin-top:8rem;line-height:3rem;
	font-size:1.4rem;color:#333;text-align:center;
}
.foot-com span{
	margin:0 .5rem;
}
.copy{
	margin-top:1rem;line-height:3rem;
	font-size:1.4rem;color:#333;text-align:center;
}
.copy a{
	font-size:1.4rem;color:#333;
}
.foot-nav{
	float:right;
}
.foot-nav-itm{
	display:inline-block;margin-left:9.8rem;vertical-align:top;
}
.foot-nav-itm:first-child{
	margin:0;
}
.foot-nav-itm h4{
	padding-top:1.2rem;line-height:2.5rem;
}
.foot-nav-itm h4 a{
	font-size:1.8rem;color:#333;font-weight:550;
}
.foot-nav-itm li{
	margin-top:1.8rem;line-height:2.2rem;
}
.foot-nav-itm li a{
	font-size:1.6rem;color:#333;
}
@media only screen and (max-width: 768px) {
	#Footer{
		padding:5rem 0 4.5rem;
	}
	.foot-share{
		float:none;text-align:center;
	}
	.foot-share .logo-f{
		display:inline-block;height:3.3rem;
	}
	.foot-share .share{
		margin-top:6rem;padding-left:0;height:3rem;
		text-align:center;
	}
	.foot-share .share span{
		position:static;margin-right:2rem;line-height:2.2rem;
		font-size:1.4rem;vertical-align:middle;
	}
	#privacy_policy{
		font-size:1.4rem;
	}
	.foot-ico img{
		height:1.6rem;
	}
	.qrcode i{
		bottom:-1.1rem;left:6rem;
		border:1.1rem solid transparent;border-top:1.1rem solid #CCC;border-bottom:0;
	}
	.qrcode i:after{
		bottom:.2rem;left:-1rem;
		border:1rem solid transparent;border-top:1rem solid #FFF;border-bottom:0;
	}
	.foot-com{
		margin-top:4rem;line-height:2.2rem;
		font-size:1.2rem;
	}
	.foot-com span{
		display:block;margin:0;text-align:center;
	}
	.copy{
		margin-top:4rem;line-height:2.2rem;
		font-size:1.2rem;
	}
	.copy a{
		font-size:1.2rem;
	}
	.copy span{
		display:block;text-align:center;
	}
	.foot-nav{
		display:none;
	}
}

/******************************************** 位置 ******************************************************/
.location{
	padding:4.5rem 0 0;height:7.5rem;line-height:3rem;
}
.location a{
	font-size:1.8rem;color:#333;
}
.location span{
	position:relative;display:inline-block;margin:0 1.5rem;
	width:1rem;height:3rem;vertical-align:middle;
}
.location span:after{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-.5rem;width:.8rem;height:.8rem;
	border-top:.1rem solid #333;border-right:.1rem solid #333;
	transform-origin:60%;transform:rotate(45deg);
}
@media only screen and (max-width: 768px) {
	.location{
		padding:2rem 3rem 0;height:5rem;line-height:3rem;
	}
	.location a{
		font-size:1.4rem;
	}
	.location span{
		margin:0 1rem;
	}
}

/******************************************** 分页 ******************************************************/
.pagination{
	line-height:6rem;text-align:center;
}
.pagination .page-item{
	position:relative;display:inline-block;margin:0 1rem;
	vertical-align:middle;overflow:hidden;
}
.pagination .page-item span, .pagination .page-item a{
	display:block;width:3rem;height:3rem;line-height:3rem;
	font-size:1.6rem;color:#666;
}
.pagination .page-item.active span{
	background: linear-gradient(to right, #66b2ff, #5accda);
	border-radius:1.5rem;color:#FFF;
}
.pagination .page-item:first-child span, .pagination .page-item:first-child a,
.pagination .page-item:last-child span, .pagination .page-item:last-child a{
	position:relative;z-index:2;text-indent:-40rem;
}
.pagination .page-item:first-child:before, .pagination .page-item:last-child:before{
	content:"";position:absolute;z-index:1;top:.8rem;width:1.4rem;height:1.4rem;
	border-color:#666;border-style: solid;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.pagination .page-item:first-child:before{
	left:1rem;border-width: 0 0 .2rem .2rem;
}
.pagination .page-item:last-child:before{
	right:1rem;border-width: .2rem .2rem 0 0;
}

@media only screen and (max-width: 768px) {
	.pagination{
		line-height:4rem;
	}
	.pagination .page-item{
		margin:0 .4rem;
	}
	.pagination .page-item span, .pagination .page-item a{
		width:2.4rem;height:2.4rem;line-height:2.4rem;
		font-size:1.4rem;
	}
	.pagination .page-item.active span{
		border-radius:1.2rem;
	}
	.pagination .page-item:first-child:before, .pagination .page-item:last-child:before{
		top:.9rem;width:.7rem;height:.7rem;
	}
	.pagination .page-item:first-child:before{
		left:1rem;
	}
	.pagination .page-item:last-child:before{
		right:1rem;
	}
}

/******************************************** 公共 ******************************************************/
/****** 两列 ******/
.row-2{
	display:table;width:100%;border-spacing:0;border-collapse:collapse;margin-bottom: 5rem;
}
.row-2 .row-col{
	position:relative;display:table-cell;width:50%;vertical-align:top;
}
.row-col-mobile{
	display:none;
}
@media only screen and (max-width: 768px) {
	.row-2{
		display:block;
	}
	.row-2 .row-col{
		display:block;width:100%;
	}
	.row-col-pc{
		display:none;
	}
}

/****** 按钮 ******/
.cm-btn{
	display:inline-block;width:20rem;height:5rem;line-height:4.6rem;
	border-radius:2.5rem;
	font-size:2rem;text-align:center;
}
.btn-more-a{
	border:.2rem solid #50caff;color:#50caff;
}
.btn-more-b{
	background: linear-gradient(-19deg, #5accda, #66b2ff);color:#FFF;
}
.btn-more{
	position:relative;
	border:.1rem solid transparent;background:rgba(19, 31, 65, .9);;
	color:#50caff;
}
.btn-more:after{
	content:'';position: absolute;top: -.2rem; bottom: -.2rem;left: -.2rem; right: -.2rem;z-index: -1;
	background: linear-gradient(19deg, #66b2ff, #5accda);border-radius:2.5rem;
}
@media only screen and (max-width: 768px) {
	.cm-btn{
		width:14rem;height:3.4rem;line-height:3.2rem;
		border-radius:1.6rem;
		font-size:1.4rem;
	}
	.btn-more-a{
		border:.1rem solid #50caff;
	}
}

/****** 分段标题 ******/
.sct-top-title h2{
	position:relative;display:inline-block;line-height:6.4rem;
	font-size:4.5rem;color:#333;
}
.sct-top-title h2 img{
	position:absolute;top:0;height:6.4rem;
}
.sct-top-p{
	line-height:4rem;
}
.sct-top-p span{
	display:block;
	font-size:2rem;color:#333;letter-spacing:.1rem;
}

.sct-top-left, .sct-top-right{
	margin-bottom:7rem;
}
.sct-top-left .sct-top-title, .sct-top-left .sct-top-p{
	float:left;
}
.sct-top-left .sct-top-title h2{
	padding-left:8rem;
}
.sct-top-left .sct-top-title h2 img{
	left:0;
}
.sct-top-left .sct-top-p{
	margin-left:10rem;
	text-align:left;
}
.sct-top-right .sct-top-title, .sct-top-right .sct-top-p{
	float:right;
}
.sct-top-right .sct-top-title h2{
	padding-right:8rem;
}
.sct-top-right .sct-top-title h2 img{
	right:0;
}
.sct-top-right .sct-top-p{
	margin-right:10rem;
	text-align:right;
}

.sct-top-idx h2{
	line-height:7rem;
	font-size:6rem;
}
.sct-top-idx h2 img{
	height:7rem;
}
@media only screen and (max-width: 768px) {
	.sct-top-title{
		text-align:center;
	}
	.sct-top-title h2{
		line-height:4rem;
		font-size:3.2rem;
	}
	.sct-top-title h2 img{
		height:4rem;
	}
	.sct-top-p{
		margin-top:3rem;line-height:3rem;
	}
	.sct-top-p span{
		display:inline;font-size:1.4rem;
	}
	
	.sct-top-left, .sct-top-right{
		margin-bottom:4rem;padding:0 3rem;
	}
	.sct-top-left .sct-top-title, .sct-top-left .sct-top-p{
		float:none;display:block;
	}
	.sct-top-left .sct-top-title h2{
		padding-left:4rem;
	}
	.sct-top-left .sct-top-p{
		margin-left:0;
	}
	.sct-top-right .sct-top-title, .sct-top-right .sct-top-p{
		float:none;display:block;
	}
	.sct-top-right .sct-top-title h2{
		padding-left:4rem;padding-right:0;
	}
	.sct-top-right .sct-top-title h2 img{
		right:unset;left:0;
	}
	.sct-top-right .sct-top-p{
		margin-right:0;text-align:left;
	}
	
	.sct-top-idx h2{
		line-height:3.5rem;
		font-size:3.2rem;
	}
	.sct-top-idx h2 img{
		height:3.5rem;
	}
}

/****** 产品列 ******/
.p-col-1, .p-col-2{
	margin-right:4.99rem;
}
.p-col-1:last-child{
	margin-right:0;
}
.p-row-3 .p-col-1{
	width:50rem;
}
.p-row-2a .p-col-1{
	width:50rem;
}
.p-row-2a .p-col-2{
	width:105rem;
}
.p-row-2 .p-col-1{
	width:77.5rem;
}
.p-row-mtop{
	margin-top:5rem;
}
@media only screen and (max-width: 768px) {
	.p-col-1, .p-col-2{
		margin-top:4rem;margin-right:0;
	}
	.p-row-3, .p-row-2a, .p-row-2{
		padding:0 3rem;
	}
	.p-row-3 .p-col-1{
		width:100%;
	}
	.p-row-2a .p-col-1{
		width:100%;
	}
	.p-row-2a .p-col-2{
		width:100%;
	}
	.p-row-2 .p-col-1{
		width:100%;
	}
	.p-row-mtop{
		margin-top:4rem;
	}
}

/****** 产品项 ******/
.p-itm{
	position:relative;float:left;overflow:hidden;
}
.p-itm-img img{
	display:block;width:100%;
}
.p-itm-mask{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(14, 31, 55, .5));
	-moz-transition:background .5s;-webkit-transition:background .5s;transition:background .5s;
}
.p-itm-title{
	position:absolute;left:0;right:0;z-index:2;
	line-height:5rem;font-size:4rem;color:#FFF;
	-moz-transition:top .5s;-webkit-transition:top .5s;transition:top .5s;
}
.p-itm-title:after{
	content:'';position:absolute;bottom:-3rem;width:6rem;height:.6rem;
	background: linear-gradient(to right, #5accda, #66b2ff);opacity:0;
	-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;
	-moz-transition-delay: .3s; -webkit-transition-delay: .3s;transition-delay: .3s;
}
.p-itm-intro{
	position:absolute;left:0;right:0;z-index:2;
	line-height:4rem;
	font-size:2rem;color:#FFF;letter-spacing:.1rem;opacity:0;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-moz-box-orient:vertical;
	-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;
	-moz-transition-delay: .2s; -webkit-transition-delay: .2s;transition-delay: .2s;
}
.p-itm-more{
	display:none;position:absolute;left:0;right:0;z-index:2;opacity:0;
	-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;
	-moz-transition-delay: .2s; -webkit-transition-delay: .2s;transition-delay: .2s;
}
.p-itm-more span{
	display:inline-block;line-height:3rem;
	font-size:1.8rem;color:#50caff;
}
.p-itm.active .p-itm-mask{
	top:0;background:#131f41;opacity:.9;
}
.p-itm.active .p-itm-title:after, .p-itm.active .p-itm-intro, .p-itm.active .p-itm-more{
	opacity:1;
}
.p-itm.active .p-itm-more{
	display:block;
}
@media only screen and (max-width: 768px) {
	.p-itm{
		float:none;
	}
	.p-itm-title{
		line-height:3.2rem;font-size:2.4rem;
	}
	.p-itm-title:after{
		bottom:-2rem;width:4rem;height:.3rem;
	}
	.p-itm-intro{
		line-height:3rem;
		font-size:1.4rem;
	}
	.p-itm-more span{
		line-height:3rem;
		font-size:1.4rem;
	}
}

/****** 新闻卡片 ******/
.cm-card{
	display:block;background:#FFF;box-shadow:0 0 1rem rgba(124, 125, 137, .1);
}
.cm-card-img{
	overflow:hidden;
}
.cm-card-img-bg{
	padding-top:60%;height:0;
	background-repeat:no-repeat;background-size:cover;
}
.cm-card-con{
	padding:2.6rem 3rem 3.8rem;
}
.cm-card-inf{
	line-height:2rem;
}
.cm-card-inf span{
	font-size:1.4rem;color:#00adff;
}
.cm-card-inf em{
	margin:0 1.2rem;font-size:1.4rem;color:#CCC;font-style:normal;
}
.cm-card-title{
	margin-top:1.4rem;height:6rem;line-height:3rem;
	font-size:2rem;color:#333;letter-spacing:.1rem;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-moz-box-orient:vertical;-webkit-line-clamp:2;
}
.cm-card-summary{
	margin-top:1.4rem;height:6rem;line-height:3rem;
	font-size:1.4rem;color:#666;letter-spacing:.1rem;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-moz-box-orient:vertical;-webkit-line-clamp:2;
}

.cm-card:hover{
	transform:translateY(-.4rem);transition:ease all 0.3s;
}
.cm-card-img:hover .cm-card-img-bg{
	transform:scale(1.05);transition:ease all 0.3s;
}
@media only screen and (max-width: 768px) {
	.cm-card-con{
		padding:2rem 2rem 2rem;
	}
	.cm-card-inf{
		line-height:2rem;
	}
	.cm-card-inf span{
		font-size:1.2rem;
	}
	.cm-card-inf em{
		font-size:1.2rem;
	}
	.cm-card-title{
		margin-top:1rem;height:auto;line-height:2.4rem;
		font-size:1.6rem;
	}
	.cm-card-summary{
		margin-top:1.2rem;height:4.8rem;line-height:2.4rem;
		font-size:1.4rem;
	}
}

.cm-navs{
	height:5rem;line-height:5rem;
	text-align:center;
}
.cm-navs a{
	display:inline-block;margin:0 1.5rem;width:20rem;height:5rem;line-height:4.6rem;
	border:.2rem solid #50caff;border-radius:2.5rem;
	font-size:1.8rem;color:#50caff;text-align:center;
}
.cm-navs a.active{
	border:.2rem solid transparent;background: linear-gradient(-19deg, #5accda, #66b2ff);color:#FFF;
}
@media only screen and (max-width: 768px) {
	.cm-navs{
		padding:0 3rem;height:auto;line-height:4rem;text-align:left;
	}
	.cm-navs a{
		margin:0 1.5rem 1.5rem 0;width:10rem;height:3rem;line-height:2.8rem;
		border:.1rem solid #50caff;border-radius:2.5rem;
		font-size:1.2rem;
	}
	.cm-navs a.active{
		border:.1rem solid transparent;
	}
}


/******************************************** 登录 ******************************************************/

.top-user{
	position:absolute;top:1rem;right:0;height:3rem;line-height:3rem;
}
.top-user a, .top-user span{
	display:inline-block;vertical-align:top;
}
.top-user a{
	position:relative;font-size:1.8rem;color:#FFF;
}
.top-user span{
	margin:0 1rem;padding-top:1rem;width:0;height:3rem;border-left:.1rem solid #CCC;
}

#pop_bg{
	position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:rgba(0,0,0,.6);
}
#pop_wrapper{
	position:fixed;top:50%;left:50%;z-index:9999;
	margin-top:-300px;margin-left:-200px;width:400px;
	background:#eaf4fd;text-align:left;box-sizing:border-box;
}
#pop_close{
	position:absolute;top:5px;right:16px;width:8px;height:8px;
	font-size:14px;color:#b0b8bf;font-family:Microsoft Yahei, sans-serif;cursor:pointer;
}
.pop-login, .pop-reg{
	display:block;margin:0 auto;padding-top:60px;width:330px;height:360px;
}
.pop-reg{
	height:450px;
}
.pop-head{
	position:relative;height:48px;line-height:48px;border-bottom:1px solid #000;
}
.pop-head h2{
	line-height:40px;font-size:30px;color:#000;
}
.pop-head span{
	position:absolute;bottom:4px;right:0;line-height:30px;font-size:15px;color:#000;
}
.pop-head span a{
	margin-left:10px;color:#EB9316;
}
.pop-msg{
	padding:10px 0;line-height:20px;font-size:14px;color:#DD0000;
}
.pop-form-input{
	display:block;margin-top:10px;padding:6px 12px;width:100%;height:40px;line-height:40px;
	background:#FFF;border:1px solid #CCC;
	font-size:14px;color:#454545;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pop-form-input:focus{
	border:1px solid #66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:0;
}
#btn_login, #btn_reg{
	margin-top:20px;height:40px;line-height:38px;
	background:#37b664;border:1px solid #4cae4c;
	font-size:14px;color:#FFF;text-align:center;touch-action:manipulation;
}
#btn_login{
	/* display:inline-block;padding:0 12px;width:100px; */
    display:block;width:100%;
}
#btn_reg{
	display:block;width:100%;
}
#btn_login:hover, #btn_reg:hover{
	background:#449d44;border:1px solid #398439;
}
#btn_login:active, #btn_reg:active{
	outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}
#btn_forgot{
	float:right;margin-right:8px;padding-top:22px;line-height:40px;font-size:14px;color:#000;
}

@media only screen and (max-width: 768px) {
	#pop_wrapper{
		margin-top:-220px;margin-left:-160px;width:320px;
	}
	.pop-login, .pop-reg{
		padding-top:50px;width:280px;height:320px;
	}
	.pop-reg{
		height:410px;
	}
	.pop-head h2{
		font-size:24px;
	}
	.pop-head span{
		font-size:13px;
	}
	.pop-msg{
		font-size:12px;
	}
}

.ppp-tabs{
	position:relative;margin:6rem 0 0;height:6rem;
}
.ppp-tabs:after{
	position:absolute;bottom:0;left:0;right:0;
	width:100%;height:.1rem;
	background:#000;
}
.ppp-tab-itm{
	float:left;width:25%;height:6rem;line-height:6rem;
	font-size:1.8rem;color:#999;text-align:center;cursor:pointer;
}
.ppp-tab-itm.active{
	background:#172238;
	font-size:2.4rem;color:#FFF;
}
@media only screen and (max-width: 768px) {
	.ppp-tabs{
		margin:3rem 0 0;height:8rem;
	}
	.ppp-tabs:after{
		display:none;
	}
	.ppp-tab-itm{
		width:50%;height:4rem;line-height:4rem;
		font-size:1.4rem;
	}
	.ppp-tab-itm.active{
		font-size:1.6rem;
	}
}