/* CSS Document */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
big,
code,
em,
img,
q,
s,
strike,
strong,
syt,
sup,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
footer,
header,
nav,
section,
audio,
video,
button,
input {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  outline: 0;
  font: inherit;
  font-weight: normal;
  font-family: "PingFang SC", "Lantinghei SC", "Siyuan", "Microsoft YaHei", "΢���ź�", SimSun, Arial;
  -webkit-font-smoothing: antialiased; }

em,
i {
  font-style: normal; }

b,
strong {
  font-weight: normal; }

img {
  border: none;
  vertical-align: top;
  max-width: 100%; }

a {
  text-decoration: none; outline:none;}

a:active {
  outline: 0; }
.clear{ clear:both;}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  box-sizing: border-box; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
body {
  background: #fff;
  font-size: 0.64rem; }
  
 /*�˵�*/
.iphone__screen {
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.iphone__content {
  position: relative;
  background-color: #D2527F;
  width: 100%;
  height: 100%;
}
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active{ overflow:hidden; height:100%; position: absolute;}
.nav--active .nav {
  opacity: 1;
  background-color: #f6f7f9;
}
.iphone-back{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative;}
.iphone-ground{ width:100%; position:absolute; top:0; left:0; z-index:1; max-height:333px;}
.iphone-img{ width:100%; height:auto; border-radius:50%; position:relative; z-index:2;}
.iphone-img img{ max-width:134px;border-radius:50%; box-shadow:0 10px 20px rgba(131,0,0,0.5); margin-top:0.6rem; margin-bottom:0.22rem; width: 17.9%;}
.iphone-top{ width:84.8%; height:1.04rem; background:#fff; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius:6px; position:relative; z-index:2; margin:0 auto; margin-top:0.46rem;}
.iphone-top span{ display:inline-block; float:left;width: 50%; text-align: center; line-height:0.52rem; margin: 0.26rem 0;}
.iphone-top span img{ margin-right:0.16rem;}
.iphone-top .fw{ border-right:1px #e3e3e6 solid; text-decoration: none;}
.iphone-top span a{ color:#f76b56 !important; font-weight:bold;}
.im03{ width:8.9%; vertical-align:middle; max-width:28px;position: relative; top: -0.04rem;}
.im04{width: 12.7%; max-width:40px;position: relative; top: 0.04rem;}
.nav-list{
	width: 92%;
	margin: 0 auto;
}
.nav-list li{
	border-bottom: 1px #e8e8e8 solid;
	text-align: left;
}
.nav-list li a{
	font-size: 0.26rem;
	color: #333;
	display: block;
	line-height: 0.9rem;
}
.nav-list li div{
	margin-top: -0.16rem;
	margin-bottom: 0.1rem;
	margin-left: 0.3rem;
}
.nav-list li div a{
	font-size: 0.22rem;
	line-height: 0.66rem;
}

.phone-page02{
	float: right;
	margin-right: 1.08rem;
	margin-top: 0.4rem;
	width: 6%;
}
.phone-page02 img{
	width: 100%
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 0.36rem;
  height: 0.25rem;
  right: 0.3rem;
  top: 0.6rem;
  z-index: 200;
}
.nav--active .nav__trigger {opacity: 0.8;}
.nav__icon {
  display: block;
  position: relative;
  width: 0.36rem;
  height: 0.04rem;
  border-radius:0.3rem;
  background-color: #999;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 0.36rem;
  height: 0.04rem;
  border-radius:0.3rem;
  position: absolute;
  background: #999;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -0.1rem;
}
.nav__icon:after {
  margin-top: 0.1rem;
}
.style-5 .nav {
  -webkit-transform: translate(100%, -100%) scale(0.5);
          transform: translate(100%, -100%) scale(0.5);
  border-radius: 100%;
}
.style-5 .nav--active .nav {
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  border-radius: 0;
  width: 100%;
  height:100%;
}
.style-5 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-5 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
		  background:#c3c1c1;
}
.style-5 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
		  background:#c3c1c1;
}
/*.style-5 .nav--active .nav__icon:before {
     margin-top: 4px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    margin-left: 1px;
    width: 23px;
}
.style-5 .nav--active .nav__icon:after {
     margin-top: -11px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    width: 24px !important;
}*/

#z_btn_more,#z_btn_more,#video_01,#video_02{ width:100%; height:auto; margin:0 auto;}
/*.layui-layer-shade{ opacity: inherit !important; filter: alpha(opacity=inherit) !important;}
.layui-layer-setwin .layui-layer-close2{ z-index:99;}*/
.star-page{ width:100%; background:#fff; position:relative; border-top:1px #ebebeb solid; border-bottom:1px #ebebeb solid; display:table;box-shadow: 0 5px 10px rgba(0,0,0,0.07); text-align: center;}
.phone-page{ float:left; margin-left:24px; position:relative; width: 30%;}
.phone-page img{ margin:0;width: 100%; max-width:169px;}
.phone-tit{ margin-left: 0.7rem; margin-top: 0.44rem; margin-bottom: 0.4rem; font-size:0.24rem; color:#383635; display:inline-block; font-weight:bold;}
.phone-name{ display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0.36rem; margin-bottom: 0.38rem;}

.and-change{ width:23%;}
.phone-and{ font-size:0.28rem; float: left;display: block; margin-left:0.3rem; line-height: 0.3rem;  margin-top: 0.45rem; margin-bottom:0;}
.phone-and em{ width:1px; height:0.28rem; background:#bbb; display:inline-block; margin-right:0.18rem; float:left;}
.phone-and img{ width: 10.1%; max-width:22px; margin-right: 0.18rem; margin-top: 0.02rem;}
.phone-and b{ font-size:0.22rem; font-weight:bold;position: relative; top: -0.02rem;}
.nav-top{ top:0.56rem;}
.swiper-container03{
	width: 92%;
	margin: 0 auto;
	margin-top: 0.4rem !important;
}
.swiper-container03 .swiper-slide{
	width: auto !important;
}
.swiper-container03 .swiper-slide a{
	font-size: 0.26rem;
	color: #333;
	padding-bottom: 0.45rem;
	display: block;
	text-align: left;
}
.swiper-container03 .swiper-slide a.thisclass{
	background: url(../images/thisclass_x.png) center 0.5rem no-repeat;
}
.swiper-container03 .swiper-slide a img{
	width: 0.11rem;
	margin-top: 0.14rem;
	margin-left: 0.08rem;
}
.a-up05{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400;
	background: rgba(0,0,0,0.61);
	visibility: hidden;
}
.a-up05.is-expanded{
	visibility: initial;
}
.a-up03{
	width: 100%;
	height: 100%;
	display: table;
}
.a-up04{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.index-up{
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.invi-close{
	width: 0.16rem;
	position: absolute;
	top: 1.3rem;
	right: 0.3rem;
	z-index: 2;
}

/*foot*/
.foot{
	width: 100%;
	height: auto;
	background-color: #222222;
	padding: 0.7rem 0;
	text-align: center;
}
.foot-flex{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.foot-flex img{
	width: 0.32rem;
	margin-right: 0.14rem;
}
.foot-flex span{
	font-size: 0.3rem;
	color: #e56767;
	font-weight: bold;
}
.foot-flex a{
	font-size: 0.22rem;
	color: #999;
	border-right: 1px #999 solid;
	padding: 0 0.12rem;
	line-height: 0.22rem;
}
.foot-flex a:last-child{
	border: none;
}
.foot p{
	font-size: 0.18rem;
	color: #999;
}

.col01{ color:#fff;}
.col02{ color:#f8ff3a;}
.col03{ color:#565656;}
.col04{ color:#333;}
.col05{ color:#f76b56;}
.col06{ color:#ababab;}
.col07{ color:#999;}
.col08{ color:#383635;}
.col09{ color:#444648;}
.col10{ color:#666;}
.fz50{ font-size:0.5rem;}
.fz22{ font-size:0.22rem;}
.fz32{ font-size:0.32rem;}
.fz28{ font-size:0.28rem;}
.fz20{ font-size:0.2rem;}
.fz34{ font-size:0.34rem;}
.fz24{ font-size:0.24rem;}
.block01{ display:block;}
.fw{ font-weight:bold;}
.pt33{ padding-top:0.33rem;}
.br01{ border-right:none !important;}
.br02{ border-bottom:none !important;}
.fl-le{ float:left;}
.fl-ri{ float:right;}
.pad60{ padding-bottom:0.6rem !important;}
.mar20{
	margin-bottom: 0.2rem;
}
.mar40{
	margin-bottom: 0.4rem;
}
.hidden{
	overflow: hidden;
}
.big-swiper{ width:96%; height:auto; margin-top: 1.08rem; background:#fff; margin-left:4%; padding-bottom: 0.23rem;}