@charset "UTF-8";
html, body {
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: "FZQKBYSJW";
    src: url("../img/FZQKBYSJW.TTF");
    /* 方正清刻本悦宋简体 */
}
@media screen and (min-width: 750px) {
	body {
		width: 750px!important;
		margin: 0 auto;
		min-height: 100vh;
		overflow: hidden;
	}
}
body, button, input, select, textarea{
	 font-family: 'FZQKBYSJW';
}
body {
    font-family: 'FZQKBYSJW';
	background: #020129;
}

.swiper-container {
    width: 100%;
    height: 100%;
	 font-family: "FZQKBYSJW"!important;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    transition-delay: .3s;
}

.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;
}

img {
    border: 0;
}

ul, li {
    list-style: none;
}

.clear:after {
    clear: both;
    display: block;
    content: '';
}

.fll {
    float: left;
}

.flr {
    float: right;
}


.arrow {
    width: .42rem;
    height: .24rem;
    background: url(https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/arrow.png);
    background-size: cover;
    position: absolute;
    bottom: .3rem;
    left: 50%;
    z-index: 1000;
    margin-left: -.215rem;
    -webkit-animation: leader linear 1s infinite alternate;
    animation: leader linear 1s infinite alternate;
}

@-webkit-keyframes leader {
    0% {
        opacity: 1;
        -webkit-transform: translateY(10px);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateY(0);
    }
}

@keyframes leader {
    0% {
        opacity: 1;
        -webkit-transform: translateY(10px);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateY(0);
    }
}

.section {}

/* section0 start */
.section0{
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section0Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}
.section0 .logoImg{
    position: absolute;
    right: .37rem;
    bottom: .34rem;
    width: 1.17rem;
    height: 1.15rem;
}
.section0 .txtBox{
    margin-top: .37rem;
}
.section0 .txtBox .txt{
    color: #483119;
    font-family: 'FZQKBYSJW';
} 
.section0 .txtBox .txt1{
    font-size: .55rem;
    line-height: .6rem;
} 
.section0 .txtBox .txt2{
    font-size: .8rem;
    line-height: 1.1rem;
} 
.section0 .txtBox .txt3{
    font-size: .5rem;
} 
.section0 .txtBox .txt3 .line{
    display: inline-block;
    width: .36rem;
    height: .02rem;
    background: #483119;
    vertical-align: middle;
}
.section0 .txtBox .txt3 .wz{
    margin: 0 .12rem;
    vertical-align: middle;
}
.section0 .section0img1{
	width: 1.3rem;
}
.section0 .section0img2{
	width: 3.06rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 3rem;
	animation: circle linear 2.5s infinite alternate;
}
.section0 .section0img3{
	width: 1.88rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 3.5rem;
	animation: circle linear 2.5s infinite alternate;
}
.section0 .people{
	width: 2.8rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 7.4rem;
}   
.section0 .start_record{
	width: 4.54rem;
	height: 0.88rem;
	text-align: center;
	line-height: 0.88rem;
	border: 0.02rem solid #C5C4EF;
	border-radius: 0.88rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 0.36rem;
	bottom: 1rem;
	letter-spacing:0.06rem;
	cursor: pointer;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.3);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
}

@keyframes circle {
    0% {
        opacity: 1;
        transform: scale(1.3);
    }
    50% {
        opacity: 0;
        transform: scale(1);
    }
}
/* section0 end */

/* section1 start */

.section1 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section1Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}


.logo {
    position: absolute;
    width: 1.59rem;
    height: .71rem;
    background-size: cover;
    position: absolute;
    left: .28rem;
    top: .48rem;
    z-index: 10000;
}

.section1 .txtBox {
    width: 3.32rem;
	margin-top: 0.4rem;
	padding-left: 0.6rem;
	line-height: 0.6rem;
}

.section1 .txt {
    width: 6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
	text-align: left;
	letter-spacing: 0.04rem;
	font-family:'FZQKBYSJW';
    /* writing-mode: vertical-rl; */
}
.swiper-slide .txt span{
	color: #FF6D0C;
	font-size: 0.38rem;
}
.section1 .txt span{
   color: #FF6D0C;
font-size: 0.38rem;
}

.section1 .txt1 {
    /* margin-top: .9rem; */
}

.section1 .txt2 {}
.section1 .white_ball{
	width: 4.4rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 5.64rem;
	animation:  ball 3s linear infinite;
}
.section1 .orange_ball{
	width: 4.43rem;
	position: absolute;
	left: 0;
	top: 5.44rem;
	animation:  ball1 3s linear infinite;
}
.section1 .blue_ball{
	width: 6rem;
	position: absolute;
	right: 0;
	top: 5.74rem;
	animation:  ball 3s linear infinite;
}
@keyframes ball{
	0%{
    /* opacity: 0.8; */
		transform: translate(0,0);
	}
	50%{
    /* opacity: 1; */
		transform: translate(5px,35px);
	}
	100%{
    /* opacity: 0.8; */
		transform: translate(0,0);
	}
}
@keyframes ball1{
	0%{
    /* opacity: 0.8; */
		transform: translate(5px,35px);
	}
	50%{
    /* opacity: 1; */
		transform: translate(0,0);
	}
	100%{
    /* opacity: 0.8; */
		transform: translate(5px,35px);
	}
}
/* section1 end */

.section2 {
    overflow: hidden;
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section2Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}
.section2 .sun{
    position: absolute;
    left:0;
    top: 0;
    width: 3.32rem;
    height: 3.6rem;
    background: url('http://files.cn-healthcare.com/annual_h5/img/sun.png');
    background-size: 100% 100%;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 6s; /*动画所花费的时间*/
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}




/* .section2 .sleepIcon:nth-child(2) {
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.section2 .sleepIcon:nth-child(3) {
    -moz-animation-delay: 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
} */

@-webkit-keyframes sleep {
    0% {
     
    }
    1% {
        opacity: 0;
    }
    3% {
        opacity: 1;
    }
    50% {
        -moz-transform: translate(90%, -50%) scale(0.65);
        -ms-transform: translate(90%, -50%) scale(0.65);
        -webkit-transform: translate(90%, -50%) scale(0.65);
        transform: translate(90%, -50%) scale(0.65);
    }
    75% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(180%, -100%) scale(1);
        -ms-transform: translate(180%, -100%) scale(1);
        -webkit-transform: translate(180%, -100%) scale(1);
        transform: translate(180%, -100%) scale(1);
        opacity: 0;
    }
}

@keyframes sleep {
    0% {
        -moz-transform: translate(0, 0) scale(0.6);
        -ms-transform: translate(0, 0) scale(0.6);
        -webkit-transform: translate(0, 0) scale(0.6);
        transform: translate(0, 0) scale(0.6);
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    3% {
        opacity: 1;
    }
    50% {
        -moz-transform: translate(90%, -50%) scale(0.8);
        -ms-transform: translate(90%, -50%) scale(0.8);
        -webkit-transform: translate(90%, -50%) scale(0.8);
        transform: translate(90%, -50%) scale(0.8);
    }
    75% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(180%, -100%) scale(1);
        -ms-transform: translate(180%, -100%) scale(1);
        -webkit-transform: translate(180%, -100%) scale(1);
        transform: translate(180%, -100%) scale(1);
        opacity: 0;
    }
}

/* section2 start */

.section2 .txtBox {
    line-height: .6rem;
    font-size: .28rem;
    color: section2;
    letter-spacing: 0.04rem;
    text-align: left;
    /* position: absolute; */
    margin-top: 0.6rem;
	color: #fff;
	margin-left:0.6rem;
}
.section2 .txtBox:nth-child(2){
	margin-top: 0.6rem;
}

.section2 .txtBox .txt .active {
    color: #003a40;
}


.section2 .sleepIcon1 {
    width: 4.93rem;
    position: absolute;
    right: 0;
	top: 1.5rem;
	animation:  ball 3s linear infinite;
}

.section2 .sleepIcon2 {
    width: .21rem;
    height: .27rem;
    left: 2.75rem;
    bottom: 1.6rem;
}

.section2 .sleepIcon3 {
    width: .21rem;
    height: .24rem;
    left: 2.5rem;
    bottom: 1.26rem;
}

.section2 .cloud {
    position: absolute;
    animation: cloundMove1 20s linear 2s infinite alternate;
}

.section2 .cloud1 {
    width: 2.54rem;
    height: 1.36rem;
    right: 0;
    top: .46rem;
    background: url(http://files.cn-healthcare.com/annual_h5/img/cloud1.png);
    background-size: cover;
}

.section2 .cloud2 {
    width: 2.8rem;
    height: 1.35rem;
    right: .95rem;
    top: 25%;
    background: url(http://files.cn-healthcare.com/annual_h5/img/cloud2.png);
    background-size: cover;
    animation: cloundMove1 20s linear 2s infinite alternate;
}

@keyframes cloundMove1 {
    0%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(-62px);
    }
    50%{
        transform: translateX(-124px);
    }
    75%{
        transform: translateX(-62px);
    }
    100%{
        transform: translateX(0);
    }
}

/* section2 end */

/* section3 start */

.section3 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section1Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
    overflow: hidden;
}

.section3 .txtBox {
    margin-top: 0.63rem;
    line-height: .5rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: .1em;
    text-align: left;
    margin-left: .28rem;
}
.section3 .txtBox:nth-child(2){
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	bottom: 1rem;
	z-index: 99999;
	
}
.section3 .txtBox .txt .active {
    color: #003a40;
}


.section3 .txtBox .txt .active {
    color: #4a1c00;
}
.section3 .txtBox .txt4{
	/* position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto; */
	z-index: 99999;
}
.section3 .txtBox ul{
	color: #5780FF;
	font-size: 0.28rem;
	display: none;
	position: absolute;
	z-index: 99999;
	
}


.section3 .white_ball{
	width: 2.21rem;
	position: absolute;
	left: 1.34rem;
	top: 3.21rem;
	animation:  ball 3s linear infinite;
}
.section3 .orange_ball{
	width: 4.54rem;
	position: absolute;
	right: 0.5rem;
	top: 4.26rem;
}
.section3 .blue_ball{
	width: 4.45rem;
	position: absolute;
	left: 0;
	top: 5.26rem;
}
/* section3 end */

/* section4 start */

.section4 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section4Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
    overflow: hidden;
}
.section4img1{
	animation:  ball 3s linear infinite;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.section4 .txtBox {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   bottom:1.6rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
    text-align: center;
}
.section4 .txtBox ul{
	color: #5780FF;
	font-size: 0.28rem;
	width: 5rem;
	margin: 0 auto;
	line-height: 0.5rem;
	margin-top: 0.2rem;
}
.section4 .one_care{
	width: 2.62rem;
	height: 0.68rem;
	margin: 0 auto;
	line-height: 0.68rem;
	border-radius: 0.34rem;
	background: rgba(93, 18, 19, 0.6);
	margin-top: 0.46rem;
	cursor: pointer;
}
.section4 .txtBox ul li{
	display: flex;
	justify-content: space-between;
}
.section4 .txtBox .txt3{
    display: none;
	
}
.section4 .txtBox .txt .active {
    color: #FF6D0C;
}



@keyframes myfirst1
{
    /* 0%{
        opacity: 1;
        top: 0rem;
    }
    50% {
        opacity:0.5;
         top: 0.4rem;
    }
    80%{
        opacity:0.2;
        top: 0.6rem; 
    }
    100% {
        opacity:0;
        top: 0.8rem;
    } */
    0%{
        opacity: 0;
        top: 0rem;
    }
    100% {
        opacity:1;
        top: 0.3rem;
    }
}

@-webkit-keyframes myfirst1 /* Safari 和 Chrome */
{
    0%{
        opacity: 0;
        top: 0rem;
    }
    100% {
        opacity:1;
        top: 0.3rem;
    }
}


@keyframes myfirst2
{
    0%{
        opacity: 0;
        top: 0.25rem;
    }
    100% {
        opacity:1;
        top: 0.5rem;
    }
}

@-webkit-keyframes myfirst2 /* Safari 和 Chrome */
{
    0%{
        opacity: 0;
        top: 0.25rem;
    }
    100% {
        opacity:1;
        top: 0.5rem;
    }
}

/* section4 end */
.section5 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section5Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
    overflow: hidden;
}
.section5 .section5img1{
  position: absolute;
  right: 0;
  width: 100%;
  animation:  ball 3s linear infinite;
 
}
.section5 .txtBox{
  	color: #FEFEFE;
	font-size: 0.28rem;
	position: absolute;
	left: 0;
	text-align: left;
	margin-top: 0.64rem;
	padding-left: 0.6rem;
	line-height: 0.6rem;
	letter-spacing: 0.04rem;
}
.section5 .section5_box{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	/* bottom: 2.38rem; */
	bottom: 1rem;
	text-align: center;
	line-height: 0.6rem;
}
.section5 .section5_box>div{
	color: #FEFEFE;
	font-size: 0.28rem;
	
}
.section5 .section5_box ul li{
	color: #5780FF;
	font-size: 0.28rem;
}
.section5 .section5_box>div span{
	font-size: 0.38rem;
}
.section5 .txtBox div span{
	color:#FF6D0C;
	font-size: 0.38rem;
}
.section6 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section4Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
    overflow: hidden;
}
.section6img1{
	animation:  ball 3s linear infinite;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -0.45rem;
}

.section6 .txtBox {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   /* bottom:2.19rem; */
   bottom:1rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
    text-align: center;
}
.section6 .txtBox span{
	color: #FF6D0C;
	font-size: 0.38rem;
}
.section6 .txtBox .txt2{
	color: #5780FF;
}
.section7 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section5Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
    overflow: hidden;
}
.section7img1{
	animation:  ball 3s linear infinite;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.section7 .txtBox {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   bottom:1rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
    text-align: center;
}
.section7 .txtBox span{
	color: #FF6D0C;
	font-size: 0.38rem;
}
.section7 .txtBox .txt2{
	color: #5780FF;
}


.section8 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section8Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}

.section8 .txtBox {
    width: 3.32rem;
	margin-top: 0.6rem;
	padding-left: 0.6rem;
	line-height: 0.6rem;
}

.section8 .txt {
    width: 6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
	text-align: left;
    /* writing-mode: vertical-rl; */
}
.section8 .section8Bgimg1{
	position: absolute;
	width: 2.5rem;
	right: 0;
	top: 3.36rem;
}
.section8 .section8Bgimg2{
	position: absolute;
	width: 3.2rem;
	right: 1.24rem;
	top: 3.96rem;
}
.section8 .section8Bgimg3{
	position: absolute;
	width: 2.70rem;
	right: 3.1rem;
	top: 5.23rem;
}
.section8 .section8Bgimg4{
	position: absolute;
	width: 2.64rem;
	right: 4.81rem;
	top: 6.58rem;
}
.section8 .txtTips{
	position: absolute;
	right: 0.43rem;
	bottom: 1rem;
	text-align: right;
	color: #FEFEFE;
	font-size: 0.28rem;
}
.section8 .txtTips p{
	color: #FF6D0C;
	font-size: 0.38rem;
	line-height: 0.6rem;
}

.section9 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section9Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}
.section9 .section9_img img:nth-child(1){
	position: absolute;
	top: 9.66rem;
	left: 0.24rem;
	width: 1.73rem;
}
.section9 .section9_img img:nth-child(2){
	position: absolute;
	top: 8.17rem;
	left: 2.14rem;
	width: 1.2rem;
}
.section9 .section9_img img:nth-child(3){
	position: absolute;
	top: 10.15rem;
	left: 3.99rem;
	width: 1.19rem;
}
.section9 .section9_img img:nth-child(4){
	position: absolute;
	top: 6.84rem;
	left: 4.85rem;
	width: 1.26rem;
}
.section9 .section9_img img:nth-child(5){
	position: absolute;
	top: 8.36rem;
	right: 0rem;
	width: 0.81rem;
}
.section9 .txtBox {
    width: 3.32rem;
	margin-top: 0.6rem;
	padding-left: 0.6rem;
	line-height: 0.6rem;
}

.section9 .txt {
    width: 6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
	text-align: left;
    /* writing-mode: vertical-rl; */
}
.section9 .txt3{
	color: #5780FF;
	margin-top: 0.6rem;
}
.section9 .txt span{
	color: #EE6614;
	font-size: 0.38rem;
}



.section10 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section8Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}
.section10 .txtBox {
    /* width: 3.32rem; */
	margin-top: 0.6rem;
	padding-left: 0.6rem;
	line-height: 0.6rem;
}
.section10 .txt {
    width: 6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
	text-align: left;
    /* writing-mode: vertical-rl; */
}
.section10 .txt3{
	color: #5780FF;
	/* margin-top: 0.6rem; */
}
.section10 .txt span{
	color: #EE6614;
	font-size: 0.38rem;
}
.section10 .section10img1{
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}


.section11 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section8Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}
.section11 .txtBox {
    /* width: 3.32rem; */
	margin-top: 0.6rem;
	padding-left: 0.6rem;
	line-height: 0.6rem;
}
.section11 .txt {
    width: 6rem;
    font-size: .28rem;
    color: #FEFEFE;
    letter-spacing: 0.04rem;
	text-align: left;
    /* writing-mode: vertical-rl; */
}
.section11 .txt span{
	color: #EE6614;
	font-size: 0.38rem;
}
.section11 .txt3{
	color: #EE6614;
	font-size: 0.38rem;
}
.section11 .section10img1{
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.section12 {
    background: url('https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section12Bg.png') no-repeat;
    background-size: 100%;
	background-position: top;
}
.section12 .section12title{
	color: #FEFEFE;
	font-size: 0.28rem;
	text-align: center;
	margin-top: 0.4rem;
}
.section12 .section12title p{
	font-size: 0.58rem;
}
.section12 .section12_box{
	background: url(https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/section12box-new.png) no-repeat;
	background-size: 100% 100%;
	/* width: 6.04rem; */
	margin: 0 auto;
	height: 8.4rem;
	position: relative;
}
.section12 .section12_box ul{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 8.4rem;
	overflow-y: scroll;
	color: #131457;
	font-size: 0.28rem;
	padding-top: 2rem;
}
.section12 .section12_box ul li{
	height: 0.6rem;
	display: flex;
	align-items: center;
	width: 46%;
	float: left;
}
.section12 .section12_box ul li:nth-child(2n){
	width: 51%;
}
.section12 .section12_box ul li i{
	width: 0.3rem;
	height: 0.3rem;
	border: 0.03rem solid #131356;  
	border-radius: 0.08rem;
	margin-left: 0.4rem;
	margin-right: 0.2rem;
	position: relative;
}
.section12 .section12_box ul li i img{
	width: 0.5rem;
	position: absolute;
	left: -0.04rem;
	top: -0.2rem;
}
.section12 .share_flag{
	width: 4.54rem;
	height: 0.88rem;
	border: 0.02rem solid #C5C4EF;
	border-radius: 0.44rem;
	text-align: center;
	line-height: 0.88rem;
	color: #FC6C0D;
	font-size: 0.36rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0.4rem;
	cursor: pointer;
}
.posterShadow{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background:	rgba(0, 0, 0, 0.8);
	z-index: 99999;
	display: none;

}
.posterShadow #poster{
	width: 7.5rem;
	height: 13.34rem;
	margin: 0 auto;
	background: url('../img/posterbg.jpg') no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -120vw;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.section12 .section12title{
		margin-top: 2.2rem;
	}
}
.posterShadow .poster1_box{
	width: 5.6rem;
	height: 11rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.posterShadow .poster1_box p{
	color: #666;
	font-size: 0.28rem;
	text-align: center;
	margin-top: 10.4rem;
}
.posterShadow #poster1{
	width: 5.6rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: 0.3rem;
	display: none;
}
.posterShadow #poster .poster_title{
	color:#131457;
	font-size: 0.56rem;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 2.4rem;
}
.posterShadow #poster ul{
	color:#FC6C0D;
	font-size: 0.45rem;
	position: absolute;
	left: 1.2rem;
	top: 4.8rem;
	width: 5.2rem;
}
.posterShadow #poster .poster_time{
	color: #131457;
	font-size: 0.36rem;
	position: absolute;
	bottom: 4.7rem;
	right: 1.3rem;
}
.posterShadow .poster_save{
	width: 4.53rem;
	height: 0.87rem;
	line-height: 0.87rem;
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0.3rem;
	background: #DF6829;
	border: 1px solid #FFFFFF;
	border-radius: 0.4rem;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.36rem;
	text-align: center;
	margin: 0 auto;
	display: none;
}


.Shadownodata{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background:	rgba(0, 0, 0, 0.6);
	z-index: 99999;
	display: none;

}
.Shadownodata>div{
	width: 5.78rem;
	height: 4.49rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.Shadownodata>div>div:nth-child(1){
	color: #2C53FA;
	font-size: 0.58rem;
	margin-top: 0.7rem;
}
.Shadownodata>div p{
	width: 4.85rem;
	margin: 0 auto;
	color: #333333;
	font-size: 0.32rem;
	margin-top: 0.3rem;
}
.Shadownodata>div .start_btn{
	width: 4.87rem;
	height: 0.92rem;
	line-height: 0.92rem;
	background: #2C53FA;
	border-radius: 0.1rem;
	margin: 0 auto;
	color: #FEFEFE;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.92rem;
	margin-top: 0.5rem;
}
/* canvas start */
.canvasBg{
    background-size: 100% 100%;
}
/* canvas end */

/* music start*/
#music{ 
    width: .58rem;
    height: .58rem;
    background:url(https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/music.png) no-repeat;
    background-size:cover; position:absolute;
    right: .29rem;
    top: .79rem;
    z-index:10000;
}
#music.active{ 
    -webkit-animation:2s infinite rotateMusic linear; 
    animation:2s infinite rotateMusic linear;
}
#music.pause{
    opacity: 0.7;
	background:url(https://files.cn-healthcare.com//skin/default/images/speciallist/annual_2020/img/musicstop.png) no-repeat;
	background-size:cover; position:absolute;
}
@-webkit-keyframes rotateMusic{
    0%{ -webkit-transform:rotate(0);}
    100%{ -webkit-transform:rotate(360deg);}
}
@keyframes rotateMusic{
    0%{ transform:rotate(0);}
    100%{ transform:rotate(360deg);}
}

.musicSymbolBox .musicSymbol{
    position: absolute;
    width: .16rem;
    height:.19rem;
    z-index: 10001;
    right: .28rem;
    top: .56rem;
    z-index: 9999;
    animation:3s infinite musicOut ease;
    -webkit-animation:3s infinite musicOut ease; 
}
.musicSymbolBox .musicSymbol1{
    right: .38rem;
    top: .56rem;
}
.musicSymbolBox .musicSymbol2{
    right: .56rem;
    top: .32rem;
    opacity: 0.4;
}
.musicSymbolBox .musicSymbol3{
    right: .26rem;
    top: .04rem;
    opacity: 0.2;
}

@keyframes musicOut{
    0%{ 
        right: .28rem;
        top: .56rem;
    }
    100%{ 
        right: .25rem;
        top: .04rem;
        opacity: 0.2;
    }
}
/* music end */
/* mask start*/
.layer-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20000;
}
.share-tips-wrapper{
    display: none;
}
.layer-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 20001;
}
.share-tips-layer {
    position: fixed;
    z-index: 20002;
    width: 100%;
    height: 100%;
}
.share-tips-img {
    width: 4.6rem;
    position: absolute;
    right: 5%;
    top: 5%;
}
.knowBtn{
    width: 3.02rem;
    height: .9rem;
    background: url('http://files.cn-healthcare.com/annual_h5/img/knowBtn.png');
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* mask end*/

/* canvas start */
#canvasLabelTxt{
    font-family: 'FZQKBYSJW';
}
/* canvas end */
/* loading start */
.spinner {
    position: absolute;
    z-index: 88;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  #loading{
      display: block;
      width: 100%;
      height: 100%;
      background:#fff;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 999999;
  }
  #colorfulPulse {
    width: 100px;
    height: 50px;
    margin:0 auto;
  }  
  #colorfulPulse span {
    display: inline-block;
    width: 10px;
    height: 40px;
    animation-name: scale;
    -webkit-animation-name: scale;
    -moz-animation-name: scale;
    -ms-animation-name: scale;
    -o-animation-name: scale;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
  }
  span.item-1 {
    background: #2ecc71;
  }
  span.item-2 {
    background: #3498db;
  }
  span.item-3 {
    background: #9b59b6;
  }
  span.item-4 {
    background: #e67e22;
  }
  span.item-5 {
    background: #c0392b;
  }
  span.item-6 {
    background: #e74c3c;
  }
  span.item-7 {
    background: #e74c8c;
  }
  
  .item-1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s;
  }
  
  .item-2 {
    animation-delay: -0.9s;
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -ms-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
  }
  
  .item-3 {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -ms-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
  }
  
  .item-4 {
    animation-delay: -0.7s;
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
    -ms-animation-delay: -0.7s;
    -o-animation-delay: -0.7s;
  }
  
  .item-5 {
    animation-delay: -0.6s;
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    -ms-animation-delay: -0.6s;
    -o-animation-delay: -0.6s;
  }
  
  .item-6 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
    -ms-animation-delay: -0.5s;
    -o-animation-delay: -0.5s;
  }
  
  .item-7 {
    animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    -ms-animation-delay: -0.4s;
    -o-animation-delay: -0.4s;
  }
  
  @-webkit-keyframes scale {
    0%, 40%, 100% {
      -moz-transform: scaleY(0.2);
      -ms-transform: scaleY(0.2);
      -o-transform: scaleY(0.2);
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
    }
  
    20%, 60% {
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  @-moz-keyframes scale {
    0%, 40%, 100% {
      -moz-transform: scaleY(0.2);
      -ms-transform: scaleY(0.2);
      -o-transform: scaleY(0.2);
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
    }
  
    20%, 60% {
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  @-ms-keyframes scale {
    0%, 40%, 100% {
      -moz-transform: scaleY(0.2);
      -ms-transform: scaleY(0.2);
      -o-transform: scaleY(0.2);
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
    }
  
    20%, 60% {
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  @keyframes scale {
    0%, 40%, 100% {
      -moz-transform: scaleY(0.2);
      -ms-transform: scaleY(0.2);
      -o-transform: scaleY(0.2);
      -webkit-transform: scaleY(0.2);
      transform: scaleY(0.2);
    }
  
    20%, 60% {
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }
  }
  #loadingProgress{
      font-size: .26rem;
      color: #666;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 999999;
	  /* display: none; */
  }
/* loading end */