/*-- 全局ajax特效 --*/
            /*-- 浮动框 --*/
            .abk_global{/*position: absolute;*/position: fixed;left: 50%;top: 50%;/*margin: -40px 0 0 -40px;*/background-color: rgba(0,0,0,0.7);padding: 20px;border-radius: 5px;z-index: 99999;color: #fff;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
            /*-- loading动画效果 --*/
            .sk-fading-circle{/*margin: 40px auto;*/width: 40px;height: 40px;position: relative;}
            .sk-fading-circle .sk-circle{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
            .sk-fading-circle .sk-circle:before{content: '';display: block;margin: 0 auto;width: 15%;height: 15%;/*background-color: #26bb1d;*/background-color: #fff;border-radius: 100%;-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;}
            .sk-fading-circle .sk-circle2{-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
            .sk-fading-circle .sk-circle3{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
            .sk-fading-circle .sk-circle4{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
            .sk-fading-circle .sk-circle5{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
            .sk-fading-circle .sk-circle6{-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg);}
            .sk-fading-circle .sk-circle7{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
            .sk-fading-circle .sk-circle8{-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg);}
            .sk-fading-circle .sk-circle9{-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
            .sk-fading-circle .sk-circle10{-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
            .sk-fading-circle .sk-circle11{-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
            .sk-fading-circle .sk-circle12{-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg);}
            .sk-fading-circle .sk-circle2:before{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
            .sk-fading-circle .sk-circle3:before{-webkit-animation-delay: -1s;animation-delay: -1s;}
            .sk-fading-circle .sk-circle4:before{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
            .sk-fading-circle .sk-circle5:before{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
            .sk-fading-circle .sk-circle6:before{-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
            .sk-fading-circle .sk-circle7:before{-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
            .sk-fading-circle .sk-circle8:before{-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
            .sk-fading-circle .sk-circle9:before{-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
            .sk-fading-circle .sk-circle10:before{-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
            .sk-fading-circle .sk-circle11:before{-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
            .sk-fading-circle .sk-circle12:before{-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
            @-webkit-keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity: 0;}40%{opacity: 1;}}
            @keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity: 0;}40%{opacity: 1;}}
            /*-- 全局签到特效 --*/
            @-moz-keyframes spin{0%{-moz-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-moz-transform: rotate(360deg);}}
            @-webkit-keyframes spin{0%{-webkit-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg);}}
            @-o-keyframes spin{0%{-o-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-o-transform: rotate(360deg);}}
            @-ms-keyframes spin{0%{-ms-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{-ms-transform: rotate(360deg);}}
            @keyframes spin{0%{transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}100%{transform: rotate(360deg);}}
            /*-- 碎片动画0 --*/
            @-moz-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
            @-webkit-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
            @-o-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
            @-ms-keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
            @keyframes spic0{0%{left: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 35%;top: 20%;opacity: 0;}}
            /*-- 碎片动画1 --*/
            @-moz-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
            @-webkit-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
            @-o-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
            @-ms-keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
            @keyframes spic1{0%{right: 50%;top: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 20%;top: 20%;opacity: 0;}}
            /*-- 碎片动画2 --*/
            @-moz-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
            @-webkit-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
            @-o-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
            @-ms-keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
            @keyframes spic2{0%{right: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{right: 35%;bottom: 15%;opacity: 0;}}
            /*-- 碎片动画3 --*/
            @-moz-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
            @-webkit-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
            @-o-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
            @-ms-keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
            @keyframes spic3{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 10%;bottom: 0;opacity: 0;}}
            /*-- 碎片动画4 --*/
            @-moz-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
            @-webkit-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
            @-o-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
            @-ms-keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
            @keyframes spic4{0%{left: 50%;bottom: 50%;opacity: 0;} 50%{opacity: 1;} 100%{left: 0;bottom: 15%;opacity: 0;}}
            /*-- 大图以及文字动画 --*/
            @-moz-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
            @-webkit-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
            @-o-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
            @-ms-keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
            @keyframes bpic{0%{opacity: 0;} 100%{opacity: 1;}}
            div#mask_qd{position: absolute;left: 0;top: 0;z-index: 100000;background:rgba(0,0,0,0.8);width:100%;}
            div.img_bg{/*position: absolute;*/position: fixed;left: 0;/*top: 15%;*/top: 50%;z-index: 100001;width:100%;-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
            div.img_bg img{width: 100%;}
            div.img_bg span.pic{display: block;-moz-animation: spin 5s infinite linear;-o-animation: spin 5s infinite linear;-webkit-animation: spin 5s infinite linear;animation: spin 5s infinite linear;}
            div.img_success{/*position: absolute;*/position: fixed;left: 0;top: 50%;/*top: 5%;*/z-index: 100002;width:100%;-webkit-transform: translate(0, -55%); -moz-transform: translate(0, -55%); -ms-transform: translate(0, -55%); -o-transform: translate(0, -55%); transform: translate(0, -55%);}
            div.img_success span.bpic{display: block;opacity: 0;/*opacity: 0;animation-name:bpic;animation-duration:1s;animation-timing-function:1;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;*//*-moz-animation: bpic 1s 1 1.8s 1 normal;-o-animation: bpic 1s 1 1.8s 1 normal;-webkit-animation: bpic 1s 1 1.8s 1 normal;animation: bpic 1s 1 1.8s 1 normal;*/-moz-animation: bpic 0.5s 0s 1 linear;-o-animation: bpic 0.5s 0s 1 linear;-webkit-animation: bpic 0.5s 0s 1 linear;animation: bpic 0.5s 0s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success span.bpic img{width: 100%;}
            div.img_success span.spic_0{display: block;position: absolute;opacity: 0;-moz-animation: spic0 1s 0s 1 linear;-o-animation: spic0 1s 0s 1 linear;-webkit-animation: spic0 1s 0s 1 linear;animation: spic0 1s 0s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success span.spic_0 img{width: 30px;}
            div.img_success span.spic_1{display: block;position: absolute;opacity: 0;-moz-animation: spic1 1s 0.2s 1 linear;-o-animation: spic1 1s 0.2s 1 linear;-webkit-animation: spic1 1s 0.2s 1 linear;animation: spic1 1s 0.2s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success span.spic_1 img{width: 40px;}
            div.img_success span.spic_2{display: block;width: 40px;position: absolute;opacity: 0;-moz-animation: spic2 1s 0.4s 1 linear;-o-animation: spic2 1s 0.4s 1 linear;-webkit-animation: spic2 1s 0.4s 1 linear;animation: spic2 1s 0.4s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success span.spic_2 img{width: 40px;}
            div.img_success span.spic_3{display: block;position: absolute;opacity: 0;-moz-animation: spic3 1s 0.6s 1 linear;-o-animation: spic3 1s 0.6s 1 linear;-webkit-animation: spic3 1s 0.6s 1 linear;animation: spic3 1s 0.6s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success span.spic_3 img{width: 60px;}
            div.img_success span.spic_4{display: block;position: absolute;opacity: 0;-moz-animation: spic4 1s 0.8s 1 linear;-o-animation: spic4 1s 0.8s 1 linear;-webkit-animation: spic4 1s 0.8s 1 linear;animation: spic4 1s 0.8s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success span.spic_4 img{width: 35px;}
            div.img_success_txt{position: absolute;left: 0;bottom: 10%;z-index: 100003;width:100%;text-align: center;font-size: 2.4rem;color: #fff0a9;letter-spacing: 3px;opacity: 0;-moz-animation: bpic 0.5s 0s 1 linear;-o-animation: bpic 0.5s 0s 1 linear;-webkit-animation: bpic 0.5s 0s 1 linear;animation: bpic 0.5s 0s 1 linear;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
            div.img_success_txt span.white{color: #fff;}
            section{
                width:100%;
                height:100%;
            }
            body{
                width:100%;
                height:100%;
            }
            .swiper_content{
                width: 100%;
                height: 100%;
            }

            .swiper-wrapper{
                width: 100%;
                height: 100%;
            }

            .bg{
                width:100%;
                height:100%;
            }

            .bg img{
                width:100%;
                height:100%;
            }

            .swiper-slide{
                width: 100%;
                height: 100%;
                overflow:hidden;
                position: relative;
            }

            .nextYe{
                animation:mymove 1s infinite;
                -webkit-animation:mymove 1s infinite;
            }

            @-webkit-keyframes mymove {
                0% {
                    bottom:5%;
                }
                100% {
                    bottom:2%;
                }
            }

            @keyframes mymove {
                0% {
                    bottom:5%;
                }
                100% {
                    bottom:2%;
                }
            }
            
            .dian{
                position: absolute;
                width:6%;
            }

            .di{
                width:25%;
                position: absolute;
            }

            .di img{
                width:100%;
                pointer-events: none; 
                -webkit-touch-callout:none;
                -webkit-user-select:none;
                -khtml-user-select:none;
                -moz-user-select:none;
                -ms-user-select:none;
                user-select:none;
                -o-user-select:none;
            }

            .dian1{
                top:16%;
                right:35%;
            }

            .di1{
                top: 6%;
                right: 25.5%;
            }

            .dian2{
                top: 26%;
                right: 9%;
            }

            .di2{
                top: 16%;
                right: -0.5%;
            }

            .dian3{
                top: 34%;
                right: 43%;
            }

            .di3{
                top:21%;
                right:33.2%;
            }

            .dian4{
                top: 45%;
                right: 31%;
            }

            .di4{
                top:33%;
                right:21.2%;
            }

            .dian5{
                top: 48%;
                right: 8%;
            }

            .di5{
                top:38%;
                right:-1.5%;
            }

            .dian6{
                top: 50%;
                right: 24%;
            }

            .di6{
                top: 55%;
                right: 14.5%;
            }

            .dian7{
                top: 50%;
                left: 40%;
            }

            .di7{
                top:40%;
                left:30.5%;
            }

            .dian8{
                top: 54%;
                left: 15%;
            }

            .di8{
                top:44%;
                left:5.5%;
            }

            .dian9{
                top: 65%;
                left: 30%;
            }

            .di9{
                top:55%;
                left:20.5%;
            }

            .dian10{
                top: 75%;
                left: 10%;
            }

            .di10{
                top:65%;
                left:0.5%;
            }

            .dian11{
                top: 85%;
                right: 45%;
            }

            .di11{
                top:75%;
                right:35.5%;
            }

            .workImg{
                width:100%;
            }

            .workImg img{
                width:100%;
                display: block;
                max-height: 6rem;
            }

            .workInfo{
                width:100%;
                height:4rem;
                background: #fff;
                overflow: hidden;
                border-bottom-left-radius: 0.15rem;
                border-bottom-right-radius: 0.15rem;
            }

            .workInfoScroll{
                width:80%;
                height:3.6rem;
                margin:0.2rem auto;
                overflow-y: scroll;
            }

            .workInfoScroll li{
                width:100%;
                margin-bottom: 0.2rem;
            }

            .workInfoScroll li p:nth-of-type(1){
                font-size:0.4rem;
                font-weight: 600;
                padding-bottom: 0.1rem;
            }

            .workInfoScroll li p:nth-of-type(2){
                font-size:0.37rem;
            }

            .guanbi{
                width:20%;
                margin:0 auto;
                margin-top:1rem;
            }

            .guanbi img{
                width:100%;
            }

            .animated {
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both
            }

            @-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
                }
            }

            .zoomIn {
                -webkit-animation-name: zoomIn;
                animation-name: zoomIn
            }

            @-webkit-keyframes rotateIn {
                0% {
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: rotate3d(0, 0, 1, -200deg);
                    transform: rotate3d(0, 0, 1, -200deg);
                    opacity: 0
                }
                100% {
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: none;
                    transform: none;
                    opacity: 1
                }
            }

            @keyframes rotateIn {
                0% {
                    -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: rotate3d(0, 0, 1, -200deg);
                    -ms-transform: rotate3d(0, 0, 1, -200deg);
                    transform: rotate3d(0, 0, 1, -200deg);
                    opacity: 0
                }
                100% {
                    -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: none;
                    -ms-transform: none;
                    transform: none;
                    opacity: 1
                }
            }

            .rotateIn {
                -webkit-animation-name: rotateIn;
                animation-name: rotateIn
            }

            @-webkit-keyframes bounceInDown {
                0%,
                100%,
                60%,
                75%,
                90% {
                    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
                    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
                }
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, -3000px, 0);
                    transform: translate3d(0, -3000px, 0)
                }
                60% {
                    opacity: 1;
                    -webkit-transform: translate3d(0, 25px, 0);
                    transform: translate3d(0, 25px, 0)
                }
                75% {
                    -webkit-transform: translate3d(0, -10px, 0);
                    transform: translate3d(0, -10px, 0)
                }
                90% {
                    -webkit-transform: translate3d(0, 5px, 0);
                    transform: translate3d(0, 5px, 0)
                }
                100% {
                    -webkit-transform: none;
                    transform: none
                }
            }

            @keyframes bounceInDown {
                0%,
                100%,
                60%,
                75%,
                90% {
                    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
                    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
                }
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, -3000px, 0);
                    -ms-transform: translate3d(0, -3000px, 0);
                    transform: translate3d(0, -3000px, 0)
                }
                60% {
                    opacity: 1;
                    -webkit-transform: translate3d(0, 25px, 0);
                    -ms-transform: translate3d(0, 25px, 0);
                    transform: translate3d(0, 25px, 0)
                }
                75% {
                    -webkit-transform: translate3d(0, -10px, 0);
                    -ms-transform: translate3d(0, -10px, 0);
                    transform: translate3d(0, -10px, 0)
                }
                90% {
                    -webkit-transform: translate3d(0, 5px, 0);
                    -ms-transform: translate3d(0, 5px, 0);
                    transform: translate3d(0, 5px, 0)
                }
                100% {
                    -webkit-transform: none;
                    -ms-transform: none;
                    transform: none
                }
            }

            .bounceInDown {
                -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown
            }

            @-webkit-keyframes slideInDown {
                0% {
                    -webkit-transform: translateY(-100%);
                    transform: translateY(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            @keyframes slideInDown {
                0% {
                    -webkit-transform: translateY(-100%);
                    -ms-transform: translateY(-100%);
                    transform: translateY(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            .slideInDown {
                -webkit-animation-name: slideInDown;
                animation-name: slideInDown
            }

            @-webkit-keyframes slideInLeft {
                0% {
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes slideInLeft {
                0% {
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            .slideInLeft {
                -webkit-animation-name: slideInLeft;
                animation-name: slideInLeft
            }

            .opcity{
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-animation-name: opcity;
                animation-name: opcity
            }

            @-webkit-keyframes opcity {
                0% {
                    opacity:1;
                }
                50% {
                    opacity:0.5;
                }

                100% {
                    opacity:1;
                }
            }

            @keyframes opcity {
                0% {
                    opacity:1;
                }
                50% {
                    opacity:0.5;
                }

                100% {
                    opacity:1;
                }
            }

            .bigSmall{
                animation:bigSmall 1s infinite;
                -webkit-animation:bigSmall 1s infinite;
            }

            @-webkit-keyframes bigSmall {
                0% {
                    width:100%;
                }
                50% {
                    width:120%;
                }

                100% {
                    width:100%;
                }
            }

            @keyframes bigSmall {
                0% {
                    width:100%;
                }
                50% {
                    width:120%;
                }

                100% {
                    width:100%;
                }
            }
        .joinBiao p{
            font-weight: 600;
            color:#fff;
            font-size:0.6rem;
        }

        .joinBiao div{
            height: 0.8rem;
            margin-bottom: 0.5rem;
        }

        .joinBiao div span{
            color: #fff;
            font-weight: 600;
            font-size: 0.37rem;
            float: left;
            margin-left: 2rem;
            line-height: 0.8rem;
            width: 20%;
        }

        .joinBiao div input{
            height: 100%;
            border: 0;
            border-radius: 0.15rem;
            width: 40%;
            text-indent: 1em;
            font-size: 0.4rem;
        }