a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

address,cite,dfn,em,var {
    font-style: normal
}

code,kbd,pre,samp {
    font-family: couriernew,courier,monospace
}

small {
    font-size: 12px
}

ol,ul {
    list-style: none
}

a,a:active,a:focus,a:hover {
    text-decoration: none;
    color: #333
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset,img {
    border: 0
}

button,input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input::-webkit-input-placeholder {
    color: #ccc
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    line-height: 1.15
}

body {
    overflow-x: hidden;
    background: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    font-size: 14px
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

textarea {
    resize: none
}

button,input,textarea {
    font-family: inherit
}

input:focus,select:focus,textarea:focus {
    outline: 0
}

input[type=button],input[type=submit],input[type=text],textarea {
    outline: 0;
    -webkit-appearance: none;
    vertical-align: middle
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    background-color: rgba(255,255,255,0)!important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
    background-image: none;
    color: #000
}

select::-ms-expand {
    display: none
}

:-moz-placeholder {
    color: #93939e
}

::-moz-placeholder {
    color: #93939e
}

input:-ms-input-placeholder {
    color: #93939e
}

input::-webkit-input-placeholder {
    color: #93939e;
    letter-spacing: 1px
}

input:focus::-webkit-input-placeholder {
    color: #93939e
}

*,a,form,input,label,span {
    -webkit-tap-highlight-color: transparent
}

input[disabled] {
    color: #333;
    opacity: 1
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=range],input[type=tel],input[type=text],input[type=url],select,textarea {
    font-family: "Microsoft yahei"
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #aaa
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::selection {
    background: #9c0;
    color: #fff
}

q:after,q:before {
    content: ""
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

@font-face {
    font-family:iconfont;src:url(../fonts/iconfont.ttf) format('truetype')
}

.iconfont {
    font-family: iconfont;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

#page {
    height: 100%;
    background: #fff
}

.index-user-comments {
    display: none;
}

@media screen and (max-width:768px) {
    .citySelector {
        left: 0
    }

    .index-user-comments {
        display: block !important;
    }
}

a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

.footer_box a {
    height: auto;
    border-radius: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.footer_box a:hover {
    text-decoration: none;
    color: #ffffff;
!important;
}

.section-city img {
    border-radius: 14px;
}

.section-list .pure-u-1 {
    padding-left: 5px;
}

.section-list .pure-u-1 img {
    border-radius: 14px;
}

/*
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

*,:after,:before {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

body {
	font-family: -apple-system,"Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei",SimSun,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #6F7479;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

ul,li,dd,dl {
	list-style: none;
}

a {
	text-decoration: none;
}

p,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,a {
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}*/

.bgW_emscar{
    background: #fff;
}

.benefit-block .ba-caption:before{
    content: '';
    position: absolute;
    width: 64px;
    height: 18px;right: -67px;
    top: 7px;
    /*background: url(../images/bene-t0118.png);*/
    background-size: 100% 100%;

}
.benefit-block .titleBar{
    text-align: center;
}
.section_emscar{
    padding: 50px 0;
}
.section-w {
    max-width: 1200px;
    clear: both;
    margin: 0 auto;
}
.benefit-block .ba-caption{
    font-size: 28px;
    color: #FFFFFF;
    line-height: 36px;
    display: inline-block;
    position: relative;
}
.process-block .ba-caption{
    margin-bottom: 0;
}

.ba-caption{
    font-size: 36px;
    color: #252B3A;
    line-height: 46px;
    text-align: center;
    margin-bottom: 30px;
}
.process-block .record-content ul{
    width: 100%;
}
.process-block .record-content ul li{
    text-align: center;
    position: relative;
    width: 20%;
    float: left;
}
.process-block .record-content ul li .proce-time{
    position: absolute;
    right: -11%;
    top: 12%;
    font-size: 12px;
    color: #666A75;
    line-height: 18px;
}
.process-block .record-content ul li .proce-img{
    width: 60px;
    height: 60px;
    display: inline-block;
}


.video-block .record-content{
    position: relative;
}

.map-text em{
    color: #e41f2b;
    font-weight: bold;
    margin-right: 4px;
    font-style: inherit;
}

.mapMain {
    padding: 20px 0;
}
#map {
    width: 65%;
    height: 591px;
    float: left;
}

#map .province path,
#map text {
    cursor: pointer
}

.map-content {
    float: left;
    /*width: 39%;*/
    width: 32%;
    padding-left: 30px
}


.tab-content {
    display: none;
}
.tab-content h4 {
    font-size: 18px;
    color: #252B3A;
    margin: 0 0 10px;
}

.tab-content .detail_emscar dt {
    font-size: 0;
    position: relative;
}


.menuItem-type {
    display: inline-block;
    color: #333;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

.type-checked {
    border-color: #5182F6;
    background: #5182F6;
    color: #fff;
    border-radius: 2px;
}

.type-content {
    max-height: 500px;
    padding-top: 20px;
    overflow-y: auto;
    display: none;
}
.type-content>ol {
    margin: 0;
    padding: 14px 10px 12px 15px;
}
.type-content>ol li{
    font-size: 12px;
    color: #666A75;
    text-align: justify;
    line-height: 18px;
    margin-bottom: 8px;
}

.tab-on,
.type-on {
    display: block !important;
}

.tab-title_emscar{
    font-size: 14px;
    color: #252B3A;
    line-height: 18px;
    position: relative;
    padding-left: 15px;
}
.tab-title_emscar:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #A0A2A8;
}

.province path {
    stroke: #fff;
    stroke-width: 1px;
    transition: .2s;
}

.province path.hover,
.province path:hover {
    fill: rgb(168, 193, 251);
}

.province path.active {
    fill: rgb(168, 193, 251);
    stroke: rgb(81, 130, 246);
}


 .yanhua-body {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 99999;

    }

    .pyro > .before,
    .pyro > .after {
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
        -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
        -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
        -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
        -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
        animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    }

    .pyro > .after {
        -moz-animation-delay: 1.25s, 1.25s, 1.25s;
        -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
        -o-animation-delay: 1.25s, 1.25s, 1.25s;
        -ms-animation-delay: 1.25s, 1.25s, 1.25s;
        animation-delay: 1.25s, 1.25s, 1.25s;
        -moz-animation-duration: 1.25s, 1.25s, 6.25s;
        -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
        -o-animation-duration: 1.25s, 1.25s, 6.25s;
        -ms-animation-duration: 1.25s, 1.25s, 6.25s;
        animation-duration: 1.25s, 1.25s, 6.25s;
    }

    @-webkit-keyframes bang {
        to {
            box-shadow: 170px -340.66667px #ff1100,
            -186px -28.66667px #ff1100,
            186px -137.66667px #ff1100,
            116px -95.66667px #ff1100,
            50px -278.66667px #ff1100,
            -193px -371.66667px #ff1100,
            27px -164.66667px #ff1100,
            110px 35.33333px #ff1100,
            121px -100.66667px #ff1100,
            81px 51.33333px #ff1100,
            83px -253.66667px #ff1100,
            -42px -173.66667px #ff1100,
            -133px -279.66667px #ff1100,
            75px 81.33333px #ff1100,
            158px -292.66667px #ff1100,
            -56px -298.66667px #ff1100,
            124px -158.66667px #ff1100,
            -71px -308.66667px #ff1100,
            141px -170.66667px #ff1100,
            201px -306.66667px #ff1100,
            -107px 30.33333px #ff1100,
            102px -297.66667px #ff1100,
            21px -281.66667px #ff1100,
            165px -241.66667px #ff1100,
            202px -183.66667px #ff1100,
            101px -54.66667px #ff1100,
            93px -46.66667px #ff1100,
            99px -376.66667px #ff1100,
            203px -175.66667px #ff1100,
            -15px -203.66667px #ff1100,
            -230px -375.66667px #ff1100,
            -170px -155.66667px #ff1100,
            -49px -308.66667px #ff1100,
            -18px -218.66667px #ff1100,
            -122px 21.33333px #ff1100,
            -153px -149.66667px #ff1100,
            150px 52.33333px #ff1100,
            175px -217.66667px #ff1100,
            -249px 81.33333px #ff1100,
            -49px -403.66667px #ff1100,
            -92px -353.66667px #ff1100,
            -23px -31.66667px #ff1100,
            155px -272.66667px #ff1100,
            -64px -307.66667px #ff1100,
            51px -232.66667px #ff1100,
            129px 43.33333px #ff1100,
            -73px 58.33333px #ff1100,
            -213px 18.33333px #ff1100,
            14px 80.33333px #ff1100,
            -121px -338.66667px #ff1100,
            103px -75.66667px #ff1100;
        }
    }

    @-moz-keyframes bang {
        to {
            box-shadow: 170px -340.66667px #ff1100,
            -186px -28.66667px #ff1100,
            186px -137.66667px #ff1100,
            116px -95.66667px #ff1100,
            50px -278.66667px #ff1100,
            -193px -371.66667px #ff1100,
            27px -164.66667px #ff1100,
            110px 35.33333px #ff1100,
            121px -100.66667px #ff1100,
            81px 51.33333px #ff1100,
            83px -253.66667px #ff1100,
            -42px -173.66667px #ff1100,
            -133px -279.66667px #ff1100,
            75px 81.33333px #ff1100,
            158px -292.66667px #ff1100,
            -56px -298.66667px #ff1100,
            124px -158.66667px #ff1100,
            -71px -308.66667px #ff1100,
            141px -170.66667px #ff1100,
            201px -306.66667px #ff1100,
            -107px 30.33333px #ff1100,
            102px -297.66667px #ff1100,
            21px -281.66667px #ff1100,
            165px -241.66667px #ff1100,
            202px -183.66667px #ff1100,
            101px -54.66667px #ff1100,
            93px -46.66667px #ff1100,
            99px -376.66667px #ff1100,
            203px -175.66667px #ff1100,
            -15px -203.66667px #ff1100,
            -230px -375.66667px #ff1100,
            -170px -155.66667px #ff1100,
            -49px -308.66667px #ff1100,
            -18px -218.66667px #ff1100,
            -122px 21.33333px #ff1100,
            -153px -149.66667px #ff1100,
            150px 52.33333px #ff1100,
            175px -217.66667px #ff1100,
            -249px 81.33333px #ff1100,
            -49px -403.66667px #ff1100,
            -92px -353.66667px #ff1100,
            -23px -31.66667px #ff1100,
            155px -272.66667px #ff1100,
            -64px -307.66667px #ff1100,
            51px -232.66667px #ff1100,
            129px 43.33333px #ff1100,
            -73px 58.33333px #ff1100,
            -213px 18.33333px #ff1100,
            14px 80.33333px #ff1100,
            -121px -338.66667px #ff1100,
            103px -75.66667px #ff1100;
        }
    }

    @-o-keyframes bang {
        to {
            box-shadow: 170px -340.66667px #ff1100,
            -186px -28.66667px #ff1100,
            186px -137.66667px #ff1100,
            116px -95.66667px #ff1100,
            50px -278.66667px #ff1100,
            -193px -371.66667px #ff1100,
            27px -164.66667px #ff1100,
            110px 35.33333px #ff1100,
            121px -100.66667px #ff1100,
            81px 51.33333px #ff1100,
            83px -253.66667px #ff1100,
            -42px -173.66667px #ff1100,
            -133px -279.66667px #ff1100,
            75px 81.33333px #ff1100,
            158px -292.66667px #ff1100,
            -56px -298.66667px #ff1100,
            124px -158.66667px #ff1100,
            -71px -308.66667px #ff1100,
            141px -170.66667px #ff1100,
            201px -306.66667px #ff1100,
            -107px 30.33333px #ff1100,
            102px -297.66667px #ff1100,
            21px -281.66667px #ff1100,
            165px -241.66667px #ff1100,
            202px -183.66667px #ff1100,
            101px -54.66667px #ff1100,
            93px -46.66667px #ff1100,
            99px -376.66667px #ff1100,
            203px -175.66667px #ff1100,
            -15px -203.66667px #ff1100,
            -230px -375.66667px #ff1100,
            -170px -155.66667px #ff1100,
            -49px -308.66667px #ff1100,
            -18px -218.66667px #ff1100,
            -122px 21.33333px #ff1100,
            -153px -149.66667px #ff1100,
            150px 52.33333px #ff1100,
            175px -217.66667px #ff1100,
            -249px 81.33333px #ff1100,
            -49px -403.66667px #ff1100,
            -92px -353.66667px #ff1100,
            -23px -31.66667px #ff1100,
            155px -272.66667px #ff1100,
            -64px -307.66667px #ff1100,
            51px -232.66667px #ff1100,
            129px 43.33333px #ff1100,
            -73px 58.33333px #ff1100,
            -213px 18.33333px #ff1100,
            14px 80.33333px #ff1100,
            -121px -338.66667px #ff1100,
            103px -75.66667px #ff1100;
        }

    }

    @-ms-keyframes bang {
        to {
            box-shadow: 170px -340.66667px #ff1100,
            -186px -28.66667px #ff1100,
            186px -137.66667px #ff1100,
            116px -95.66667px #ff1100,
            50px -278.66667px #ff1100,
            -193px -371.66667px #ff1100,
            27px -164.66667px #ff1100,
            110px 35.33333px #ff1100,
            121px -100.66667px #ff1100,
            81px 51.33333px #ff1100,
            83px -253.66667px #ff1100,
            -42px -173.66667px #ff1100,
            -133px -279.66667px #ff1100,
            75px 81.33333px #ff1100,
            158px -292.66667px #ff1100,
            -56px -298.66667px #ff1100,
            124px -158.66667px #ff1100,
            -71px -308.66667px #ff1100,
            141px -170.66667px #ff1100,
            201px -306.66667px #ff1100,
            -107px 30.33333px #ff1100,
            102px -297.66667px #ff1100,
            21px -281.66667px #ff1100,
            165px -241.66667px #ff1100,
            202px -183.66667px #ff1100,
            101px -54.66667px #ff1100,
            93px -46.66667px #ff1100,
            99px -376.66667px #ff1100,
            203px -175.66667px #ff1100,
            -15px -203.66667px #ff1100,
            -230px -375.66667px #ff1100,
            -170px -155.66667px #ff1100,
            -49px -308.66667px #ff1100,
            -18px -218.66667px #ff1100,
            -122px 21.33333px #ff1100,
            -153px -149.66667px #ff1100,
            150px 52.33333px #ff1100,
            175px -217.66667px #ff1100,
            -249px 81.33333px #ff1100,
            -49px -403.66667px #ff1100,
            -92px -353.66667px #ff1100,
            -23px -31.66667px #ff1100,
            155px -272.66667px #ff1100,
            -64px -307.66667px #ff1100,
            51px -232.66667px #ff1100,
            129px 43.33333px #ff1100,
            -73px 58.33333px #ff1100,
            -213px 18.33333px #ff1100,
            14px 80.33333px #ff1100,
            -121px -338.66667px #ff1100,
            103px -75.66667px #ff1100;
        }
    }

    @keyframes bang {
        to {
            box-shadow: 170px -340.66667px #ff1100,
            -186px -28.66667px #ff1100,
            186px -137.66667px #ff1100,
            116px -95.66667px #ff1100,
            50px -278.66667px #ff1100,
            -193px -371.66667px #ff1100,
            27px -164.66667px #ff1100,
            110px 35.33333px #ff1100,
            121px -100.66667px #ff1100,
            81px 51.33333px #ff1100,
            83px -253.66667px #ff1100,
            -42px -173.66667px #ff1100,
            -133px -279.66667px #ff1100,
            75px 81.33333px #ff1100,
            158px -292.66667px #ff1100,
            -56px -298.66667px #ff1100,
            124px -158.66667px #ff1100,
            -71px -308.66667px #ff1100,
            141px -170.66667px #ff1100,
            201px -306.66667px #ff1100,
            -107px 30.33333px #ff1100,
            102px -297.66667px #ff1100,
            21px -281.66667px #ff1100,
            165px -241.66667px #ff1100,
            202px -183.66667px #ff1100,
            101px -54.66667px #ff1100,
            93px -46.66667px #ff1100,
            99px -376.66667px #ff1100,
            203px -175.66667px #ff1100,
            -15px -203.66667px #ff1100,
            -230px -375.66667px #ff1100,
            -170px -155.66667px #ff1100,
            -49px -308.66667px #ff1100,
            -18px -218.66667px #ff1100,
            -122px 21.33333px #ff1100,
            -153px -149.66667px #ff1100,
            150px 52.33333px #ff1100,
            175px -217.66667px #ff1100,
            -249px 81.33333px #ff1100,
            -49px -403.66667px #ff1100,
            -92px -353.66667px #ff1100,
            -23px -31.66667px #ff1100,
            155px -272.66667px #ff1100,
            -64px -307.66667px #ff1100,
            51px -232.66667px #ff1100,
            129px 43.33333px #ff1100,
            -73px 58.33333px #ff1100,
            -213px 18.33333px #ff1100,
            14px 80.33333px #ff1100,
            -121px -338.66667px #ff1100,
            103px -75.66667px #ff1100;
        }
    }

    @-webkit-keyframes gravity {
        to {
            transform: translateY(200px);
            -moz-transform: translateY(200px);
            -webkit-transform: translateY(200px);
            -o-transform: translateY(200px);
            -ms-transform: translateY(200px);
            opacity: 0;
        }
    }

    @-moz-keyframes gravity {
        to {
            transform: translateY(200px);
            -moz-transform: translateY(200px);
            -webkit-transform: translateY(200px);
            -o-transform: translateY(200px);
            -ms-transform: translateY(200px);
            opacity: 0;
        }
    }

    @-o-keyframes gravity {
        to {
            transform: translateY(200px);
            -moz-transform: translateY(200px);
            -webkit-transform: translateY(200px);
            -o-transform: translateY(200px);
            -ms-transform: translateY(200px);
            opacity: 0;
        }
    }

    @-ms-keyframes gravity {
        to {
            transform: translateY(200px);
            -moz-transform: translateY(200px);
            -webkit-transform: translateY(200px);
            -o-transform: translateY(200px);
            -ms-transform: translateY(200px);
            opacity: 0;
        }
    }

    @keyframes gravity {
        to {
            transform: translateY(200px);
            -moz-transform: translateY(200px);
            -webkit-transform: translateY(200px);
            -o-transform: translateY(200px);
            -ms-transform: translateY(200px);
            opacity: 0;
        }
    }

    @-webkit-keyframes position {
        0%, 19.9% {
            margin-top: 10%;
            margin-left: 40%;
        }
        20%,
        39.9% {
            margin-top: 40%;
            margin-left: 30%;
        }
        40%,
        59.9% {
            margin-top: 20%;
            margin-left: 70%;
        }
        60%,
        79.9% {
            margin-top: 30%;
            margin-left: 20%;
        }
        80%,
        99.9% {
            margin-top: 30%;
            margin-left: 80%;
        }
    }

    @-moz-keyframes position {
        0%, 19.9% {
            margin-top: 10%;
            margin-left: 40%;
        }
        20%,
        39.9% {
            margin-top: 40%;
            margin-left: 30%;
        }
        40%,
        59.9% {
            margin-top: 20%;
            margin-left: 70%;
        }
        60%,
        79.9% {
            margin-top: 30%;
            margin-left: 20%;
        }
        80%,
        99.9% {
            margin-top: 30%;
            margin-left: 80%;
        }
    }

    @-o-keyframes position {
        0%, 19.9% {
            margin-top: 10%;
            margin-left: 40%;
        }
        20%,
        39.9% {
            margin-top: 40%;
            margin-left: 30%;
        }
        40%,
        59.9% {
            margin-top: 20%;
            margin-left: 70%;
        }
        60%,
        79.9% {
            margin-top: 30%;
            margin-left: 20%;
        }
        80%,
        99.9% {
            margin-top: 30%;
            margin-left: 80%;
        }
    }

    @-ms-keyframes position {
        0%, 19.9% {
            margin-top: 10%;
            margin-left: 40%;
        }
        20%,
        39.9% {
            margin-top: 40%;
            margin-left: 30%;
        }
        40%,
        59.9% {
            margin-top: 20%;
            margin-left: 70%;
        }
        60%,
        79.9% {
            margin-top: 30%;
            margin-left: 20%;
        }
        80%,
        99.9% {
            margin-top: 30%;
            margin-left: 80%;
        }
    }

    @keyframes position {
        0%, 19.9% {
            margin-top: 10%;
            margin-left: 40%;
        }
        20%,
        39.9% {
            margin-top: 40%;
            margin-left: 30%;
        }
        40%,
        59.9% {
            margin-top: 20%;
            margin-left: 70%;
        }
        60%,
        79.9% {
            margin-top: 30%;
            margin-left: 20%;
        }
        80%,
        99.9% {
            margin-top: 30%;
            margin-left: 80%;
        }
    }





















