body,button,html,input,select,td,textarea,th {
    font-family: Helvetica,Tahoma,Arial,Microsoft Yahei;
    font-size: 14px;
    background-color: #fff;
    color: #343434;
    line-height: 20px
}
/* 加载动画开始 */
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    z-index: 99999;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #2e83ca;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* 加载动画结束 */
a {
    outline: none
}

a,a:visited {
    color: #343434;
    text-decoration: none
}

input,select,textarea {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ebebeb;
    line-height: 20px;
    padding: 5px 10px;
    outline: none
}

select {
    height: 30px
}

textarea {
    resize: none
}

select[disabled] {
    background-color: #f8f8f8
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    background-clip: padding-box;
    min-height: 28px;
    border-radius: 3px
}

::-webkit-scrollbar-track-piece {
    background-color: #fff
}

[v-cloak] {
    display: none
}

.clearfix {
    zoom:1}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
    height: 0
}

.warn {
    color: #e64340
}

.insipid {
    color: #999
}

.link,.link:visited {
    color: #576b95
}

.link:hover {
    color: rgba(87,107,149,.8)
}

.ellipsis {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.btn-bar {
    text-align: center;
    margin: 20px auto
}

.btn-bar .el-button {
    width: 100px
}

.empty-tip {
    padding: 30px 15px;
    text-align: center;
    color: #999
}

.sep {
    padding-left: 5px;
    padding-right: 5px;
    color: #e7e7eb
}

.pure-el-checkbox .el-checkbox__inner,.pure-el-radio .el-radio__inner {
    width: 20px;
    height: 20px
}

.pure-el-radio .el-radio__label {
    display: none
}

.pure-el-radio .el-radio__inner:after {
    width: 6px;
    height: 6px
}

.pure-el-checkbox .el-checkbox__inner:after {
    left: 6px;
    width: 5px;
    height: 11px
}

.el-radio-block {
    display: block;
    line-height: 40px
}

.el-radio-block+.el-radio-block {
    margin-left: 0
}

.el-radio-block .el-radio__label {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

.icon-success {
    width: 65px;
    height: 65px;
    display: inline-block;
    background-image: url(data:image/png;base64,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)
}

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    color: #333
}

.slide .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.slide .content {
    background-color: #fff;
    border-radius: 4px;
    width: 560px;
    padding: 30px 0;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.slide .content .icon-success {
    display: block;
    margin: 0 auto 34px
}

.slide .content .tip {
    font-size: 24px;
    margin-bottom: 12px
}

.slide .content button {
    display: block;
    margin: 36px auto 0;
    border: 1px solid #b1b1b1;
    line-height: 38px;
    padding: 0 28px;
    border-radius: 4px;
    border: none
}

@media screen and (max-width: 414px) {
    .slide .content {
        width:80%
    }
}

.top.fixed {
    padding-top: 86px
}

.head-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    -webkit-transition: top .4s;
    transition: top .4s;
    overflow: hidden
}

.head-wrapper.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: -86px;
    z-index: 9999;
    background-color: hsla(0,0%,100%,.9);
    border-bottom: 1px solid #ccc
}

.head {
    max-width: 1560px;
    min-width: 1260px;
    height: 86px;
    margin: 0 auto;
    font-size: 16px;
    padding-left: 70px;
    padding-right: 35px;
    box-sizing: border-box
}

.head:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 1400px) {
    .head {
        padding:0 20px
    }
}

.head .logo-con {
    float: left;
    height: 100%;
    position: relative;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head .logo-con .logo {
    width: 150px;
    height: 48px;
    cursor: pointer
}

.head .right {
    float: right
}

.head .right .nav {
    display: inline-block;
    margin: 0;
    padding-left: 0;
    margin-right: 56px
}

.head .right .nav .item {
    display: inline-block;
    line-height: 86px;
    position: relative;
    cursor: pointer
}

.head .right .nav .item+.item {
    margin-left: 55px
}

@media screen and (max-width: 1000px) {
    .head .right .nav .item {
        margin-left:40px
    }
}

.head .right .nav .item .hover-con {
    display: none;
    width: 150px;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: 75px;
    line-height: 48px;
    padding-top: 20px;
    z-index: 10
}

.head .right .nav .item .hover-con .cell {
    width: 100%;
    display: inline-block;
    background-color: #fff
}

.head .right .nav .item .hover-con a:link,.head .right .nav .item .hover-con a:visited {
    color: #1e1e1e
}

.head .right .nav .item .hover-con .cell:hover {
    color: #5476d7
}

.head .right .nav .item .hover-con.fixed {
    color: #fff
}

.head .right .nav .item .hover-con.fixed .cell {
    background-color: #5476d7
}

.head .right .nav .item .hover-con.fixed .cell:hover {
    color: #333
}

.head .right .nav .item .hover-con.fixed a:hover,.head .right .nav .item .hover-con.fixed a:link,.head .right .nav .item .hover-con.fixed a:visited {
    color: #fff
}

.head .right .nav .item:hover .hover-con {
    display: block
}

.head .right .nav .router-link-active {
    color: #5476d7;
    -webkit-transition: color .2s;
    transition: color .2s
}

.head .right .btn-login {
    width: 120px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    vertical-align: middle;
    background-color: #5476d7;
    color: #fff;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer
}

.slide {
    position: fixed;
    bottom: 100px;
    right: 2.5%;
    color: #999;
    text-align: center;
    line-height: 1.6;
    z-index: 10000
}

@media screen and (max-width: 1300px) {
    .slide {
        right:0
    }
}

.list {
    border: 1px solid #5476d7;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 6px;
    background-color: #fff;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.list .item {
    padding: 0 14px;
    cursor: pointer
}

.list .item .text {
    padding: 12px 0;
    margin-top: -1px
}

.list .item+.item .text {
    border-top: 1px dashed #5476d7
}

.list .item:hover,.item.hover {
    color: #fff;
    background-color: #5476d7
}

.control {
    border: 1px solid #5476d7;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    background-color: #fff
}


.control:hover {
    color: #5476d7
}

.control .icon-top {
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/icon-top.png);
    width: 22px;
    height: 18px
}

@media screen and (max-width: 768px) {
    .list {
        display:none
    }

    .control {
        padding: 10px 20px
    }
}

@media screen and (max-width: 768px) {
    /* .page-header{
        display:none
    } */
    .right {
        display:none
    }
    .slide {
        display:none
    }
    #features,#functions,#users{
        display:none
    }
    .join {
        display: flex;
    }

    .polit-popup-cont{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .polit-popup-des {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .polit-popup-btn {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-left: 20px;
    }
    .polit-popup-fixed {
        width: 85%!important;
    }
    .polit-popup-explain {
        padding-left: 20px!important;
        font-size: 15px!important;
    }
    .polit-popup-btn .polit-popup-free {
        width: 80px!important;
    }
    .polit-popup-btn>a{
        width: 80px!important;
        font-size: 15px!important;
    }
}

/* {
    box-sizing: border-box
} */

ul{
    list-style: none;
    margin: 0;
    padding: 0
}

.btn{
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 4px;
    padding-left: 19px;
    padding-right: 19px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #b1b1b1;
    font-size: 14px;
    cursor: pointer;
    outline: 0 none;
    text-align: center
}

.btn:hover {
    background-color: #f8f8f8
}

.btn--large{
    padding-left: 33px;
    padding-right: 33px;
    height: 44px;
    line-height: 42px;
    font-size: 18px
}

.btn--primary{
    border-color: #5a7ee6;
    color: #5a7ee6
}

.btn--primary:hover {
    background-color: #5a7ee6;
    color: #fff
}

.bubble{
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 4px solid #5a7ee6;
    opacity: .2
}

.bubble--medium{
    width: 26px;
    height: 26px
}

.bubble--large{
    width: 36px;
    height: 36px;
    border-width: 6px
}

.pocky{
    border-radius: 4px;
    width: 200px;
    height: 8px;
    background: #5a7ee6;
    opacity: .1
}

.pocky--large{
    border-radius: 6px;
    width: 400px;
    height: 12px
}

.pocky--left{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pocky--right{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.minisite-container{
    font-size: 16px;
    font-family: Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,sans-serif;
    line-height: 1.2;
    overflow: hidden
}

.content{
    zoom:1;width: 1200px;
    height: 800px;
    margin: 0 auto;
    position: relative
}

.content:after {
    content: "";
    display: table;
    clear: both;
    height: 0
}

.content>.title{
    padding-top: 45px;
    font-size: 30px;
    text-align: center
}

.content>.desc{
    margin: 25px 0
}

header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

header .content{
    height: 60px;
    -webkit-transition: color .5s;
    transition: color .5s
}

header nav{
    width: 1000px;
    margin: auto
}

header nav .logo{
    float: left;
    height: 60px
}

header nav .logo img{
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

header nav .logo .divider,header nav .logo h1,header nav .logo h2{
    float: left;
    height: 60px;
    line-height: 60px
}

header nav .logo h1,header nav .logo h2{
    margin: 0;
    font-weight: 400
}

header nav .logo h1{
    font-size: 24px;
    margin-left: 8px;
    color: #5a7ee6
}

header nav .logo h2{
    font-size: 16px;
    color: #aaa
}

header nav .logo .divider{
    color: #aaa;
    margin: 0 8px
}

header nav .nav-list{
    float: right
}

header nav .nav-list .nav-item{
    -webkit-transition: color .2s;
    transition: color .2s;
    float: left;
    height: 60px;
    line-height: 60px;
    margin-right: 40px;
    cursor: pointer;
    position: relative
}

header nav .nav-list .nav-item:after {
    -webkit-transition: background-color .2s,-webkit-transform .2s;
    transition: background-color .2s,-webkit-transform .2s;
    transition: background-color .2s,transform .2s;
    transition: background-color .2s,transform .2s,-webkit-transform .2s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 16px;
    left: 0;
    height: 2px;
    background-color: transparent;
    -webkit-transform: scale(0);
    transform: scale(0)
}

header nav .nav-list .nav-item:hover {
    color: #5a7ee6
}

header nav .nav-list .nav-item:hover:after {
    background-color: #5a7ee6;
    -webkit-transform: scale(1);
    transform: scale(1)
}

header nav .nav-list .signin{
    float: right;
    margin-top: 10px;
    font-size: 16px;
    border-color: transparent
}

header nav .nav-toggle{
    display: none
}

header.in-page{
    background-color: #fff
}

#banner .decorate{
    overflow: hidden
}

#banner .decorate .bubble,#banner .decorate .pocky{
    position: absolute
}

#banner .decorate .bubble{
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

#banner .decorate .bubble1{
    top: 383px;
    left: 290px
}

#banner .decorate .bubble2{
    top: 215px;
    right: 111px
}

#banner .decorate .bubble3{
    left: 488px;
    top: 578px
}

#banner .decorate .bubble4{
    right: 280px;
    top: 167px
}

#banner .decorate .bubble5{
    left: 136px;
    top: 317px
}

#banner .decorate .bubble6{
    right: 263px;
    top: 510px
}

#banner .decorate .pocky{
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

#banner .decorate .pocky--left{
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#banner .decorate .pocky--right{
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

#banner .decorate .pocky1{
    width: 145px;
    top: 448px
}

#banner .decorate .pocky2{
    width: 155px;
    top: 448px
}

#banner .decorate .pocky3{
    width: 383px;
    top: 576px
}

#banner .decorate .pocky4{
    width: 302px;
    top: 412px
}

#banner .decorate.active .bubble{
    -webkit-transform: scale(1);
    transform: scale(1)
}

#banner .decorate.active .pocky--left,#banner .decorate.active .pocky--right{
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#banner .decorate .wave1{
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    transition: opacity .5s,transform .5s,-webkit-transform .5s;
    position: absolute;
    top: 524px;
    width: 100%;
    height: 87px;
    background: no-repeat url(../img/wave.9f32dc5.png);
    opacity: 0
}

#banner .decorate.active .wave1{
    opacity: 1
}

#banner .decorate .wave2{
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    transition: opacity .5s,transform .5s,-webkit-transform .5s;
    position: absolute;
    top: 600px;
    width: 100%;
    height: 87px;
    background: no-repeat url(../img/wave.9d19902.png);
    opacity: 0
}

#banner .decorate.active .wave2{
    opacity: 1
}

#banner .content{
    height: 680px
}

.no-cssgradients .banner-background1,.no-cssgradients .banner-background2,.no-cssgradients .banner-background3{
    background-color: #ececec;
    background-image: url(../img/light.00b4132.png)
}

#banner.banner-background1,#banner.banner-background2,#banner.banner-background3{
    background-repeat: no-repeat;
    background-image: url(../img/light.00b4132.png),linear-gradient(138deg,#ececec,#fff)
}

#banner .banner-content{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

#banner .banner-content .banner-main{
    position: absolute;
    top: 220px;
    left: 100px;
    font-size: 44px;
    color: #5a7ee6
}

#banner .banner-content .banner-sub{
    position: absolute;
    left: 100px;
    font-size: 20px;
    color: #aaa
}

#banner .banner-content .banner-sub.one{
    top: 310px
}

#banner .banner-content .banner-sub.two{
    top: 350px
}

#banner .banner-content .banner-img{
    position: absolute;
    height: 700px;
    background-size: contain;
    background-repeat: no-repeat
}

#banner .banner-content.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s;
    transition: all .8s
}

#banner .banner-content .halo{
    top: 0;
    right: -20px;
    width: 706px;
    background-image: url(../img/halo.37a2dff.png)
}

#banner .banner-content .cloud{
    top: 412px;
    right: 46px;
    width: 583px;
    background-image: url(../img/cloud.69be107.png)
}

#banner .banner-content .rocket1,#banner .banner-content .rocket2,#banner .banner-content .rocket3{
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0
}

#banner .banner-content .rocket1{
    top: 169px;
    right: 123px;
    width: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAACeCAYAAAB0FIkZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAj/0lEQVR42tW9Tc8k2ZXf9zv3RkTeqJfmm4szQ/dYgCBYAHshAxRgaGXOxgYMbamPYO/8FdgD+Bt4Za+0NNh7GQIMiVpYo1k0DNBmGx7RA5rqYZPd02R310tG3HvP+XtxI7OeYhe7uqqeJsZRCGTmk1kZ53/e7znnRsJXeOhfcNK/4PRVXiN9ZcT/9AcL36bwbYp++tby/ysA0o8yD//3QmecDz8o0o/yV3Gt6faJl/GTf1Twh4WVAsC5ip/89y7piZnp7zQAfvbfLSwfF061sC0rVDjNYvvY+dl/3YH9Ni93qyok/Sjz6b8tfHpemXphUmGaC1Mv6Lzy6f9966pkt0c8xk/+yzukf3+P+ug+vd1l2lcA+unMFI9ZykPijx/ZP/rJ49u67u1J4L23Z5ZfFLpWIhVyLqRTIeXxPHLhUVrZPi7SfzPf1mVvxQaktxN/+b8U6CsThZwKzAXFCjMkE2THUmeyxl/+qyap34ZB344R//znC+vfDpeZKMS0kikQBRyYA+9Bbp0np44eNn78ZxXYXvfSr6xCkgxAP/pR5pOfF6ZSmJZCmsapvGKngp0KmlbSXIhUmFvhdLfAz4v09mur8OtL4J/8xcKvf73yZF7JvZDySpoG962OOJCywBy3To5O2yt3a+Uv/uUOnP/gErhyXz/K/Id/t+LzYbRTIS0Fm49zKiitWC4EhWSFsAKs+N2C/81rS+H1JPDu/3qibAVNhdwLYSuWCqQhAfmKAWaBZSeiIzrRG0wVPdn5i3+5vY4UXhr9hfvwTqL+HwWfhtex/JT7aVrJuWDp6UlaMSvIC9kKagW7s+J/U/T2q0vh1SXw/l8slK3AMtxls5X5YrwqiKE6CCRhBCk3knU8KsoVsYMV/ot/fuYVPdJLAXjKfYzf/tXgfmJFNvTfpoPjUZDKFQAhLDnRO7KO08he8WlHFPikSOxmvHRceDUJ/Ox/mKm/GgYaVpgO/6+0knLBrMDxWgbY8EKik2ikaHRVprbTpxXmM+/wBKhfGYAb3Af+8sQ5rcypsFjBODifhwGHVlIqkAuKYcS0wOiEdWQNoiIfEZtW+A6nVwHwCsbz48zHvxrE52VwO9mh++kw6FSQrZAGOLGCXZ4XkoaXcl9RK/S8EveKfsRLZ6ovr0If/JsF/81I1DKFzorSynQQLzu4r0GsMpiEkuOpY9ERlWSViGHEpMKnvvKAmZF73C6AZ433pwXl4Qrj0H2zwfXIK8nK8EKXeICBCZNjHOqjhqshdtxXzM+kKDxm5SW90Uuq0LuZ/ZeFORVkI1Alu+HvbZyyoTKy4fs5/n5VJw0JYUfCl4YXm+4U/euX04qXU6Gf/M8Lj2vB0srMihhSmDi4ncpVJeQH8UOEiGHEqCOrJFWklRwb8uF6qwpvMAP9qwBgTP/vCXu8ku8M/c42FiywIt0IYHYx5IIMxFAhRcPomCqootgJG14rtJKi8BsKL5FavFCFLvr/3nvvTef25sr0zUIuh+exgseK4ghecajEzfPwOFIBrUgFHY9ofE+eCvOdwulPCn/8X71UavEyNrDU/Cel579XPP1HBft6iXR3jVyGR7L5yHcOW8AK2DokcqiX5SLyis0lKCtpLcG91fPXi+f/uJyXv7d+qu+u7/7Tf/ql3emXVqFpOhfv3y49f70kUgnl1awNzpsVSyOImamIvlrKRcNLYZpCZgHWSbkLrwqr3dNKWjdRiliL863i+UGZ87wA7TYBpG2bSyx3StOdNdHXKakYuWSLIiiSrSnlIqOgVKQ0bAIIdZkpSNYicoeoZKvStItSFGXVcreE3ytR3iiLLQX4UpWLLwXgZz/72TRNvbSY1nm6W7K3Ihvuz9VXYE3kEmbFiBHIZMVGMANLkuGBdUupK1Qxq8rzLq1FrKVzd418v4TdKffu3SuSkpnFrQBw98Vday5LiShFKiUsikExcklJhZSKsBVTMesFKEJFFmYkgbmZdTE1ES1kTbbsQVnJ6zm4U7rWVbGsksp777038SVyoy8FwOzR6ZRKEXORnUrkpaTwIvmaUhoqxIgFhhfJ1hG0lDBDtCIbcSDwToqmSFUsBU5FVopRirQW2VIkFWC5NQDbNpcyWZHlYrYUj3k1+orNRViRqYhULFGUckG9GGRSRsrg5CMaN1LvEsMGfFllp81ZVqwU7FRkc7He1zfeeONLleRfCODHP/5x/va3v13MrIhcPKY121JELzAXmZVQrGa2GlYkrWaaZRkIIIGB7DxLrCJ3UBW5yuZdLEWcSjCvsqVgU9E0HXHjxccL48Cbb56zmRWbrXjYik3FmIqYiphLaFphLuKyIssn2SUIn66PIyzMJ0tzCZtX2Xyo5FJkl8dlfA+U00nl7S8R0F74gfffX+eIfXWPFUtFNh0XzCXIq2wqpFzEVEJ5FXMaxF6IPkCkE2JOoXmVTUXMR0CbV7OnxYBwrUDZNtYf/vCHL6TvhSr0rW9Ns1kqk40k7UIoyisHt0SUZFZkzNgElo66t4PsUCGNv9k+DwmmGswrNm1iKkrzYA55LEeh/PznP594QWL3QgDbdjrduzfSA5FKkNZscxnET4cBWwlSSZYgzcgSdgFgxlEGQyZkhvCilKuYdmkuwbSaje/DUnH39XQ6lU8++eSF9L34A1M7zXbnWN+yDinYwamx7hW2QspD1yfM0ljH4wfXOYg/AFjNaCow7ToIv6rjWAQVSeXevXsvLMN/oY5JMveleNiqiBWsmOWRlFkuKA91srwM4hewBdlCaMY10TUTzMjmG+8XZPk03HBedXUKaQ3ZChR3X939ha70RRKwnKPYZaV1ZJUiFyMfcUFFpCQ7IWY8MoERCgIDgUWQYiZJg2OWEZ6wqUjTqGaMTPW4RpScl9JauwUAkQcAKFxUx1KJSMWUVllasMHhGhOdjJshhJSQwEKk45wEmQ42EcGJw5tdSzJHLDmi8Qub5F8I4N13301Zbb2udbEibBW5mKUiUsEmky1Un+jM9DQRyYgI5GkU5nQDQMCMMZuByYZt5RKXKralsUyFMs96PQAPHz7Mb7xxt5AoRpQQq441r5RWszxjMy0mNk30vOCDs7g7CnsGQJboMroSMjGlBJGWiwqZXdbUA0Br9sJo/IUA7t+/n5IoktaA9akaHWV0TSmYOHtiZ8HTgkfCBREJxaFCEikgCbISUxhYsOYMWBJDmpKtulYtfGV4I/uiXtoXAti2Ld+/cyrpIHyUEK1IqRi2kBaaEpsnalromvGwA0DckMBIqFPApIQrgTpzSkwpg9LJLjZw2JtEmabp9VSotZal5ajr87RkghUxJbNEdbFFpjLjMdEt4dIBII1IfADIYXQyU2RE5hSQpwmRkmSr7BoDDml7+fM//3OD31+1/sI4cDqdklkqBoP7F0lgJ9mCGJ5n85ktLufEHvNxTmzX5wubTmw3HqtmxHIke/n0tAjG1Q5++MMfvroElmVPptONCpoVWSoiZ5GRBTWCc8z0NNNjwjlUSBcJpEMCRlJiUsZxIhJ3I8BmxARYlmwVrAqViIvNvYYKreuTqdevPxXp1ZXONvKboMvZfKKnGSfT7aYNBEceQVIiy+k4E4G70aZnANi1sndDAvDnibGweHkAKX1YTH/yVHWMAjbLTkgxOqeyASDPOIluRggihCIQCVMmyUk4WTEABASBrgASZjZfAtkA44Vf/9sTX5CR/l4A0venf/9/vr82+88Kosh0icQZy4ScIIElakxUz7hNuDgkoEMCCRQkJRKZCdHlo1xqOgBkIBNSvkg5JStEFPovisTZ7PlS+L0APvroo7L4h2WTVkGxI0OULSOXsYZIx5nZPY80IiVC4BEoNKSvIJHJEk3BrM6CDgd1AZAuruZauY7Qev64r6t4wu+plz4XgPSDzAf/W/mbeDwqBJaK8PWiPmCHew/iABHK1Mg0JVxGSDcAiKQgEcwKsqUjrb4ASEA+AKTZoESwphQl9a3w268V6dPteU3A5wJ4n/eXb328rTn1IcbDoEI5W5qAOBYmgawfIGZCmSajyfAQChht1iCPT5BNT4EbhM1DFQ8AITJ2dPW7l1O0MTT1MxaeM+31OQAS9umnj0rKueT2pNjRgDD8hC2EGYYOwh1hyBLDNPN4LTuC2WCYIcw0MlQTgY7/c0MClpEYUjuqAkYrhBdaLpy+UeC3nwPwuUD2Lt+b5l99slo/laTzmvBiI3hNwg5dzYjpCELLNRiNNcGJ4Obflqd/P7pS189e31+O70yMa3AiWUn00dn308qT+bndm88B+E8+un/KtZYlLSVpL0YrAaukfHTduRnZJXvGmAew+ca53Hg+IZuOzw1pXbJVu3z30LuZsDW0rb3H6EXnXPiHLF8IQMJK/2WxPBp1plpQPZaSo8/3rBXp6alxPv13dJak8RajUfOUAQfRNw+7fKsyRslRiymG2Fop/PaNIj075/cMgHf53jQ9flysn0oP1qReEnXUKZ8zHviFcwH63Rd6wX+4OYFoAMV0LhkV1I8psKXAs73kZwC8+eu2pFqLpalY9GK01bQXSZPxhUnh7R0aAAxfTPvRhvJCTGNo8INn1egZAHd6LeZpJfKKopi8JKsFIl/19QaIW5nZvPElur42kE/EtkZoxWMlNEbWPr2/PheA9HaaHj8q5qNdlM0L5gXtq+EGrzBK8sqgDKNl0z6KvIoxnpCXwt6L9FSNrgB+9rO/nFOqxdJciF6ix2p4SdSTqQ/b+8oI/pwIIPaUVMdqUFHofSXmQl8KP+da8LoC+Af/4DxbPTrmpoJUTFFMbTHq7+H+7Qz+2u++UmDaIdqwAdfITNFK5EL/5tUOrgAefvDL0ve+emPFfTSd8TVRZ9N++Gf73JUv7vV2iGcsC3AsNkz7CShErMiHOw1/Og15ASBhU0RZkpUpUcyiJKkYUcxaTuwg5xkXbF8N/8EwtSEB2hzSqFLoaJb3ZWX362jOIYHv57Rtw8rt0LlDjZJqNu2YGs96auO1IVylZ8+ov8WOxU5SndN1ZXYklTkVnsTKD54BwNSftNUSxTQARGg1i2LsaXBjP2Y2nnP9L3P8Pidgz74whv6bNlCdrpMtl5EGMWLCr/9ovgL4zW/Oy+K9eLcV86dDe4rVVM3YSRc7kN0gxn6vDVzTiRvni49RLzINCZhq5rrA0RgKURRqFD4+n+BIp+e9L5aiJEXBGZMjpgJxSlYJ7Rg7RjuStWfJuekFL+42WcLS0/TheZnUhedPPyFMg1lDCnuWWE1aiSikGDNIUmHv5Qpgik/HwkU2PkSUJEoynUx1fJmNL5XKU121p2RcSJuSYZaIAMIOsIYpyEoIv372xn8/JOsH8RViw6ImrjZwSEE2mi3uRcImCdv/n614j3XOTw1YoRX5KdnB/YMrIoB8dGCGCl2WLXNO5JyIsGPRMng+2mM21l1Kl5T5SryJI7Xu1+uMa1azm+pzMBfXikfhx+QJfpCMf1dyGl6HpEJoeCGL5Uo8O2bNTREizwf9VyJO2ZgmwxHOUc/i4CzCNAwum5HDjkrPTfVBEM1Up6Q9Hde1UdI8JHB0ifCD1jfJE7yX+9bWHKlgsSpsTWhFFJMviaFCWG+EqhJhoxVpl/xuTgmmhNson4+SqB32cMjnAgAxJWPyhI5ZjrEMlQMbYjK1xbRPSTvA4Hg+GJueunie/NE0fUCZvuE+JkuwYrKRRpiK4UuyGuANogpVIBRRyDYPO0icpkTKRpeRzQizg6in1m0c5XWMyYyZSyfTDntSFdpAkxme5AuxT4in86amsUeHVNhY+aM6TeW3zFP4oTIXQ1EZdXrPqG0mbyiqwX74mc0kRcQ8mduajZycDjgDQBwLmIsQRn9Ml/oFiwWz+UgDlFxiM7EZyigceRh9gpieMeKLPWQVoi3TtD2cLalE1ZqyDklQEJMRbuqbmVcjGsR+FBQ2IcK7qbc5h4+iiGWSjbXx1UyP9aQR19pQVjCrgQe9J5GXapb2QwIZ8zD1QG06JDhxSSk4VAkKj32ZcrfFe6xTUhFaD6ufhljDibahXs2iSqoCIe0QydSnaG0epTiNHnHKBG30io818qgDx1CZcJCDBUFH0+SWpgZU0D7aOhGSh10AjCNfhwXtUCtblinNtlgc6fMN4g/uRUrtjPoY1kZ1aLb2JGWFLzmazGNYbnJI0+B6ykdtdIjMvI+uvToKx7JIKSQRKXqXTRVpx2SmCNSCqM82unWAQGPkuXuZ2mdbWQ61sZvEA6boibobvaGoY+IcQexGTCj6ZO6FyBFYIghi+HX5qGBLw2GFM5lhcqbonDLMozrpyLtZqjI2CDMLT3RP1A72u936PPIhFVynqcx2OmZznvmgDc+2me270SvyZmjHBMGuFAvRPatFMUsyo2Ems1ELtzGsK8aawSzIZiScyRqrJaUILCJMc5dyJWJPCkzdjRpodyL0uepVMAw7okx9q6uh5XMVLqmbVE11N7VqaajQ8eaewk9S77jHDJKZjaJtPgBwABBmCTMnp4RFMCdnMaFwIUWSt4ioEDuEzNwtaphXP8L25zv2YmLTOlnW80vswY6xmfYKe8V6RarHlpJdRLPoHbVImE4pk1MQaXTjlY7q9GjVY4gpiWSQ4xhml8tCjrynwaANuUzuaA/T5kfu8vxkdgz3fP4wyZE1TFvSeTe1ZupVRI0Iy5b2JK/Iu0WLoTnGKRvK4Nes+/BCZpjBlEe7SQ1MDrgsPAjvojcsdhFC3TO7E/swpJAwnju58nzui0piI3w36m7aGuqVFNUkO0RdTX0ASEkwX4mckg0juvSJk0EYlgz3IzciMHUlyYnWsbkG7JMiknk23zxTDwmMdvmXBCAhNtAG7Ka6J7aarNeRUshGHPABQN0JO7qkHOex0LEBQEdqgdmBJYYKhUvhkfEWRCW0m9xNNUvnUDQfpiRhGp0DvQCAoQ5WUWyIPdF305OKWs1E7VIKtBveiN7NW5BMowcwdt4Oz3MR5vHcRo/gkngmAkUnhbtF75jXlG1D3U0tJz8HVB+i8jgY+zlj/nyDw1Ut6Uz3ixHvpicN1QpeMaUkNguv6aJClq9F9kt+lkxIcSX+smi3A0iykOhCHhatW4qKsyeLbqrZ4mEQfaiQLvnI55evvwPAZMnOSBv4kID5nuJJM+0VRU1SOkJ+teg9RXMsLgnP2HE1WqaXlcrlqw8pHB0bBciVojnyluR7mHZTb4pzzvHYk3kfNhAavbYb6evzACiiG9NQH2IDdoh94nFFe0O9CiXcd6NX896lFulIPe1S979WUi+TihcbPIz3OAmXWXPz1km9Jssbai3Hk0Q88mP9ebQWXMeWxuX3Akho+OLB/Q1jJ9gtPa6ZrRK9kSyB74RX1FuK7oMtw9c/tbLxXNeyvK7vj5bvEQe8hak1hddI2k2tJj1KwwZGdj5A+PhiPatGTwEYIrSRbCN8AzYSG6ImztX0qKLapEhJ2ix6Na8db4ezvBhpHKoSY9/PdYLxxnsEpkDqMjW36M2iVTztxL5be5jwLTAcDs54iGP9cNMXPQXgBNgGcYYYxAc7iT35uU3xWc2512yRw/tOtGrqLfXmsuGFuKjGRQIWiNHV5Fg+3uA+eBeqrt56yn3Padms7XuKT1JK/aJCNyKxAxlulNdvpM7Rwdow4HhGhbDWLH5Tia1KkVHfrfeaojeieZIFVxUKdHB57Ly6lCDjeBbj+UglwtQ7UZui1+jsFuct+ScJuWM4cQDQYcuDUcvnACSpki/Ex1ChkQ/tOXmd9dtq8agRnhGbqe+0vZvvjieZLtw/OM5FA9LB/TjsYGxqNbnkTRa7W/Save1K2sx/u+X41I7ihj9rQC6YRLNrUXQACECxg22oDeKNDTGKok5d8mcVf9Q09ZzCN9R2i14tWreYAnNhce1lXiRw0/uMdwZjTR3URwzotTHV3SK22X+z5f7QDvH5VWRxSMGuTTRdASSLGCqjDY+xx93Zma5SaPTP6pw/rvI+RbTd2l6JvdGqk7PsWCratSrqVxschF9UzI8CVhPewrx1014t+j6Zb6f20Rnt6cjFn9qAGFli1mVbwlMA7kRKdkaxkeNMsJGfqhDQJtvqKf2yyuuUo20Wdafvzbx18ylQPwge3sjkSGNBZVcDvDDVZd6gtzCvndaa5X3v+77n+rcbY7hlbB6NGwAOVhz1mnwFMKdoBJ3QBrbhhwoZO85OpmK03D6owTbhvlnve2qtyveeffaxOOmY8sG0ZyVgV5V2UMOiy6K59b3jW02x7Xb+ZJM+2kgYYzLNiZsBJESPof99BLQJICJaMnZynHEfxMOGDzfKaJLV2T5qy/bxBOtmbdvxvabemryGRRsArurTDzuMQ62Ov2kAkDdZb25eW/K2R32yn/zX28InGyt2aL1fn40McDgEfxrQhg1E7JAH98OeGvHMRmZnozFT/dEH7VQ+yPnxdzbTvlnfKm3rNs+Od5m6xiLg0HP6DQn0wXkcopGihbw6vXbzrc593ohfbihth80HcbjRY7KHsDF8ajbKM32+eqGd2c+YbUyc6VxA7NTDiCfq3XtU/+Q/TI/52mb18Z77ttNbo1c372FRMfJBaBvu8tigPZ63ceFoMu9Bb558r6md9+Z9P9XPNu5NZ5zEhLPjLATt4H70w2PqKthJDYGfsWnDfYM+uJ/YaOxM7ASNh1S+TX3jow+n7h9uc3uyqW3V2taSnzq9DTWKMGNs2h59tYtaDQCSY0N9Qr11+tasTfWktvXzZxvc2cgPEwnnPs75GEO6mFDmkMCQ0kT0OPR9Y7bB/XScxs5Ddu5S+T4VI/jRX5Pbgy1526I+2fGt0tZu3sJ6E3KkdpjNoUbSaFpQsXDMq+g16K2nuteU057i0V7uFOf8ZuVPfy0e4WScTFAPIz4h3HStGlv3RPZR1jbb6LbR2NjZ2Nj4lPH6n7DZRReA5bP/a8/7b/dUH+9W90qvfRBUZdF02e88HgcYaJgqFk30JvPhgaxvdW6fbXP77Lp71f6MzrvHtRsb+VBrZyO3DetnjI1ufZq6dTpbpW3LwsaJMxMbGzvfZrN//Pltsev+sNP2ba9sql7V7vTUm1uvomdYLt0cPzjvR+OuQg8OsG59b9THNWXtTHOw+dOu09sEsOt/JPgGYuXpxkS/JtqRZN4abMvCmZ2NiY2HbDTOzyP+ekT2FFHVvdK9qfeu7mHeNNb+7aiD1eN5GzUB76J70KOrR7OInZbGYGvLn6s82H9L4wEbZzYWNvoRZBMbYS1Bb/PMmcTGXc48HB7I/uwL9m+dkgDmnPq9Je2nlOtk2bOlSMpKjBLK5Ux5VCpSykpKSuSYUu6nKdc5Tw0UuImSn1s6OWg5c2Hy8JJnqHtaSBU7dH79EsS/d3Cqe6Dk95e0l6x2Z5layclPCZU565ShzMZpMZYJTrOxmChTinUyL5l+d5nqZDRkTvfgs997Veyf4XzKxrcOEJmNRp3OT2pd7ShkffgC4i9HTWO1YuqTpZZnq5pS15Rck4LJUhhGthEqAyBh3ZRyCpuyp5waZo1InemIeOWR+E+/pS8CoR+x8S3gY2AiJq95Z2HnP+d8KSx/4fEnRUMC5rToyJulVC3lJks+SoOQs0lJZpe1k11X9mNqHBv1J47gMMvZs/g3X3z5K4gJ40Ske+nRxvQlib9KIIsIJ9vwkZEasmaiW4SbR8idYzcQenoeWzvokCqyYeWuTs3BnvVlLm//DOe94WLTu+X5rvKLv+EctBy4OuQKaRfWJHU8HA/hLnOX3LEImXeZe+DuhppEQ1ScBrljObgzfem5MHt7xIr0j1+CeAPxwX2xZzGFQx53a5JVC9vxaPTu8h60LrWOuUuto+ZS74F7x2M0S8QOeUhg78F5Et998DIg4tXu8HRnEo9TENGBSrATXs2tynu33p3UknDDGnjHeg+8OV1d7s08Kq6KR2OiM8/OOr/0ZN7L3yDpuw/EeRKTO2GNsIqohHb13ui90ZrTW1jrQe2y1oJeg9bcvDXcx72FQjtYpatjLXjyG/HOVw0A4DyLfQpMHbeKs8t9N+873hu9d9UW9BZqTbQetO603tVbM/ed7juunU6DqXOegsezeOutl5LCywN4B7j7GzG70xkqpNgs+qbeK703vDXzAcK8uVoL9e54a7TW1FvFfcNjSAB1rAZvLIK3v2IJvPWOeDyL8xSgTotGsNP6ZtE3et/pvdFbN/dOc7feuo2/Nbzv1vtGP+qvbpWmTjs5n53+ADYA8Oki5u7UaQQjjz1632ltx3ul1XYBMc4+Hr1XWq9y3xnqNhZLqMMefHP9AwH42kk8WgIYN/zqseN9ox8SCN/VWlPzrtb7UKtBvEXfzNv4rMeOrNInhyX4zS/ED19uwvnlAfwQ8fH7gj2QOt0qwUZtm7zv5n2jtYr3ivdq47HRe8X7rtZ3mm/02KixEzYWz5yCPym/szvgxcerxYFvncS2BHjHrdF9T97P0WIjHSDo85g06wnvjved3ncLDe5X3wjfUar05nAO3n15Ul5eAgb8sgidhxHHMdbY+kZrG+6bvB067uOMfrjNg/vet8MLbfTeiNJ5Monv3P8D3WvxO/fFkxa07FhvVHbqvqWTztFis942zGdLQG+ZuEjAx7q2+Th7r3QaqzvxMPjuP/wDGfF3H4h4GFR3Gg3XTm0bex/c7XXD207znejb1W1634akfKPFhmvHrLF3x+8G73DdZvGVATAY4d7vBkUdswGg1Y19HwT2w8uEb/S2y9s+/uYbvW9xAdDZCXWm1fnaSbz1zh9IAm+9I357Ep8tAdaIqJwHYan3s1rdLPxM983cz+b9jPfN3M/RfGOP4YUiKkHnkz2GZ3v549Vv2Hv/fZG7E3Q8VXrb2OvwLq1u0YahqvdNvW/mcab6xu5bqjpTtbN7xayR7zq/Or10DHh1AD9E7F8LpuY4HfdK7Xva4xzVt9T6meab3M942+Rti9636LGldgBx38Aa++L0c/CNl48Brw7AGJ7I16Cr01Nlt40a47zYQPdNrQ73etH7GqPy1/NO90qn0+4Gf/XyLvTVAQD89IHoD4OmcQvOpp3Nt1TjHFsbOt58GHW9PMYA0djYo46ZJHe2h8GDL78Se20AV1dX7we2OkqNHpXGxja4nLrO9L4lb+fkfk7dz6nZmTMbXTsRO0qNos4ffz146x29rAt9PQm89Y749SqSO5EaOXZa2qkMPW8+QNTD9++xsWucnQ1ypdH52xL86hevvMnr9e78/acfBr047dRJuSKNCt9JWySWhBNpbMBP+/FeZaPmnaVXJjrenW8U8far7bN7dQm8jfir+6LdDSbrY32snV2jELvbMNbmG2e22Nl810bPIwJv1tjpbA9f2YBfXwIPHojt/aDf6aQ27qfebWPTlmafIwlcOTX1OKeNLR/q45U5N1Lv3L0flFcz4NeSgMFYgD/6eiB3emr02EeAYmNLG5ttaU9ntrSlyjlXziP/mXY8Ney+8/hB8NZbr2TAry8B3oY//V7wq+Kc5sZuldDg9KQ5AfTItOSc09Zr3qewndQa7dThHHzjQ/GytZRbA/A24vv3xf37zvawE62Ry060jT2POc9GxpOz521qbIR2lqmO+1Ttzl/dF//Tq2+Uff1fgHjwQHz0UfB1On2qJK9o2tjafLQUB4B+6f7HTp8aq3UefT14cO+19sm+/s+4vPWWePAgiHa04r3StOPTcJv7dKbbGWejx05MlXlq0J17v9Dr6D/cwn5OgfG970185zsz05OVXfdw3QO7S6aMe1VlP2YvHtPsETk/YvnbjYf3Kz/+sb8OgNv5GZe///eDjz4KpqmTp0qcKylPuEEiHbfCGYOCC5WK07/tr6s+cFu/BHRRo96d9KSjZR+7MWz4fbMNYsenyhM6KXX+9MN42Tro845b2RIsSHz/+4kH+0w7nTj7+FWIlhdyTrgHs1emdOYJG/u+czq111UfuL2f8xIPHohHj4LPPnPmuZFSOm5vM1SoTw0/mgVvvnmZhXvt4/Z+TOqtt8SHHwbf/KYzTY3TqTLPow8wz5XWKmadfXf++q9faQH/vOP2fs4LjB/8IPHo0cT5PNP7zDRlliVR66ijLksj5869e5133onXVR+47d/ku0hh34cUpqlRa2WaxtxNrc6Ht2O8l+PWJAA3pACZ99/P3L+fqNVYFvHw4bCP737Xb4v78FX8KuJbb43U4s03nVqdfR+Pb77pPHgQvHM7un85blUCcEMKH31kPHxobJtRirh/f3iqW+T+VwcAjLffhp/+1PjoI+PBg7F2ePtt+J3bCvydPPR0y0PS228nja3E1x00t3nc+hfeBPGci/3d5vyXBXKbx/8H3N5N0IhafKEAAAAASUVORK5CYII=)
}

#banner .banner-content .rocket2{
    top: 233px;
    right: 514px;
    width: 72px;
    background-image: url(../img/rocket2.56836d1.png)
}

#banner .banner-content .rocket3{
    top: 153px;
    right: 261px;
    width: 150px;
    background-image: url(../img/rocket3.3cbf93c.png)
}

#banner .banner-content.active .rocket1,#banner .banner-content.active .rocket2,#banner .banner-content.active .rocket3{
    -webkit-transition: opacity 1.2s,-webkit-transform 1.2s;
    transition: opacity 1.2s,-webkit-transform 1.2s;
    transition: transform 1.2s,opacity 1.2s;
    transition: transform 1.2s,opacity 1.2s,-webkit-transform 1.2s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#banner .banner-content.active .rocket2{
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#banner .banner-content.active .rocket3{
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

#banner .banner-content.active .minicard{
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

#banner .banner-content .pad{
    top: 80px;
    right: -20px;
    width: 700px;
    background-image: url(../img/pad.f58cd5f.png)
}

#banner .banner-content .document{
    top: 294px;
    right: 510px;
    width: 88px;
    background-image: url(../img/b-document.png)
}

#banner .banner-content .location{
    top: 114px;
    right: 151px;
    width: 40px;
    background-image: url(../img/b-location.png)
}

#banner .banner-content .photo{
    top: 265px;
    right: 26px;
    width: 70px;
    background-image: url(../img/b-photo.png)
}

#banner .banner-content .video{
    top: 145px;
    right: 460px;
    width: 54px;
    background-image: url(../img/b-video.png)
}

#banner .banner-content .document,#banner .banner-content .location,#banner .banner-content .photo,#banner .banner-content .video{
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0
}

#banner .banner-content.active .document,#banner .banner-content.active .location,#banner .banner-content.active .photo,#banner .banner-content.active .video{
    -webkit-transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,-webkit-transform .6s;
    transition: transform .6s,opacity .6s;
    transition: transform .6s,opacity .6s,-webkit-transform .6s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#banner .banner-content.active .video{
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#banner .banner-content.active .photo{
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

#banner .banner-content.active .document{
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

#banner .banner-content .minicard{
    top: 168px;
    right: -20px;
    width: 675px;
    background-image: url(../img/pad.1.png);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
    -webkit-transition: opacity .2s,-webkit-transform .6s;
    transition: opacity .2s,-webkit-transform .6s;
    transition: transform .6s,opacity .2s;
    transition: transform .6s,opacity .2s,-webkit-transform .6s
}

#banner .banner-content .card{
    top: 260px;
    right: 64px;
    width: 54px;
    background-image: url(../img/b-card.png)
}

#banner .banner-content .talk{
    top: 248px;
    right: 534px;
    width: 61px;
    background-image: url(../img/b-talk.png)
}

#banner .banner-content .site{
    top: 168px;
    right: 214px;
    width: 84px;
    background-image: url(../img/b-site.png)
}

#banner .banner-content .program{
    top: 163px;
    right: 374px;
    width: 66px;
    background-image: url(../img/b-program.png)
}

#banner .banner-content .computer{
    top: 198px;
    right: 107px;
    width: 32px;
    background-image: url(../img/b-computer.png)
}

#banner .banner-content .card,#banner .banner-content .computer,#banner .banner-content .program,#banner .banner-content .site,#banner .banner-content .talk{
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0
}

#banner .banner-content.active .card,#banner .banner-content.active .computer,#banner .banner-content.active .program,#banner .banner-content.active .site,#banner .banner-content.active .talk{
    -webkit-transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,-webkit-transform .6s;
    transition: transform .6s,opacity .6s;
    transition: transform .6s,opacity .6s,-webkit-transform .6s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#banner .banner-content.active .program{
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#banner .banner-content.active .site{
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

#banner .banner-content.active .card{
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

#banner .banner-content.active .computer{
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

#banner .banner-tab{
    position: absolute;
    bottom: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#banner .banner-tab .banner-tab-item{
    border-radius: 4px;
    display: inline-block;
    width: 20px;
    height: 8px;
    background-color: #dfe4df;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

#banner .banner-tab .banner-tab-item:not(:first-child) {
    margin-left: 10px
}

#banner .banner-tab .banner-tab-item.active{
    background-color: #5a7ee6
}

#banner .signin{
    position: absolute;
    top: 417px;
    left: 100px
}

.intro{
    text-align: center
}

.intro .content{
    width: 1200px;
    height: auto;
    margin: 0 auto
}

.intro .content .desc{
    text-align: center;
    color: #999
}

.intro .content .intro-list{
    overflow: hidden
}

.intro .content .intro-list .intro-item{
    width: 20%;
    height: 440px;
    float: left;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.intro .content .intro-list .intro-item .item-pic{
    width: 102px;
    height: 102px;
    margin: 70px auto 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%
}

.intro .content .intro-list .intro-item .item-pic:after {
    display: block;
    content: "";
    width: 160px;
    height: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.01);
    transform: translate(-50%,-50%) scale(.01);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    border: 2px solid #fff;
    border-radius: 50%
}

.intro .content .intro-list .intro-item .item-title{
    font-size: 20px;
    margin-top: 78px
}

.intro .content .intro-list .intro-item .item-desc{
    width: 194px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    margin: 44px auto 0
}

.intro .content .intro-list .intro-item .bg{
    width: 240px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color:#5476d7;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 4px
}

.intro .content .intro-list .intro-item:hover .bg{
    opacity: 1
}

.intro .content .intro-list .intro-item:hover .item-title{
    color: #fff;
    font-weight: 700
}

.intro .content .intro-list .intro-item:hover .item-desc{
    color: #fff
}

.intro .content .intro-list .intro-item:hover .item-pic:after {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.intro .content .intro-list .intro-item:first-of-type:hover .item-pic{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABMCAYAAACf6MIyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAEyElEQVR42u3cT4hWVRjH8ZkQoTYWYow6toggXLhw07JFEJILIRcFSTJgEw3+gRkSpgmcSIQBN7VKJQQhXSlEGxHjzUVmkUIpEoG4EoYKqcXgC6MzXxf3vs0z5z3nznvvPefce+49z2bA99zze875OO+d977vfYeGYmUWsB34GnhAUl3gOjAOrKu6v1YWcAh4grluAJuq7rNVBUwzWN2JOJ7KgPIdMAXMAf9EHM+lQVkC9itjRlKMiOOjDCj7DGM3RRwPZXj6OrXGMRHHZWWc6I2/MeLYduEALwGfAR3gN+B7YBbYYjlH9/R1Kv0ZcZSFTpK8kNNVF/jQUo7xnALsizirFzjHYDVdMmfNE33EWVmYDuU2cA742RbOIChibLtxDChHlDHvAotlcPKgiGPaiWNAmTCM3VMUBziaF0Uc2y6cPCjimNw4wBaxsblQxBztwCmCIo7NhQO8ADwqiiLmaTZOGRQxR16c14GvgF0le28mjg0UMVfhc07JNTQLxyaKmDPilFyIdRQxdyg4W4F7tcFxiSIyQsEZrQWODxSRFTrORte99hrwhiIyQ8b5AXjGdaPeUUT2W6y8bgkNp9BrrEEb9IJC8pfOs4bH3ggEZxvwUPTYcdWYL5Tj6dx/A68axoSCc1L0t+CiIV8oas5Mxtja45C8Ofh/ud4sXyiLwGtrHFNrHOCi6Osvl5vlC2UJeHvAY2uJA+xVerrgarN8ouS9dF8rHPR/2u90sVm1RRFz6XDes92zJndM6f8LDcqMjaDgUMScKs5/wPO2e9fkTmCuORebFQyKmHu3MveR8rMOlHs6oqyd0RHzX7K9Bk2e7pwSUTQ5Z0TGNdvzK1mNQwHlVgiLWb+KjG9dZKQ5jURx9RbBuJLzsaOc4FEOe0SRrysAFoAXHeQEj7KZ/g+S+0IBOOAgJ2yUNGtGyZl0lKNDsf7KvxEoad5lkXMXGHaQEVEKZN4SWecdzB9RCuZeEXm/W567kShHbS/AkD2r5I5bmreRKODp804k91zKhdm4UBk8ypQG5M8KcArfv6KZK3iUHZoFTADPsfoCn3McYJjk0/ilcIJHSSc/p0w8KR4LDseA8rmDPt2hpAHzYuLrmseDwQF2alDsbdZKjluUNETWCcOYIHCAA41ASYPk26tnM8bVHgfYAPxEcs3tUwf9+EFJw66JkAXg5Yyxtcdx2Ic/lDRwTAm7B4xmjG8djneUNHRd+usfcfS5/lFE+Aj9twK0HqdSFNHEaMRZlVM9imgm4gzVDEU01WqcWqKI5ori3HCBA7wD/AvcR9ygZBun1iiiySI4G4BfbOLQf+3rS+VxWxc+648imq0UB/0Fyf2acWUvfIaDIpquBCfvZhXFCRJFNO8Vp+hm5cUJGkUswgtO2c3KwBlTxu0NHkUsximOrf/BBhyAH9N/72geCxNFLNoJju2nlQwcXYWNIhZtFcc2isgcBo5p5u5VFzhY9X5aLYs477tAUXJfIfkWjd7X0V8l+Rzb1qr30UlZwllu5NNK1VUC54/GPtfXpfLikNzK3Y0oHioDZ5sy7k36v/wgorgsA85D4ATwAXAWeBxRKigDjqkiis8i+Qrbmxkgy8AnVffZygLWAx+RvHnWO9HPA99g49uFGl5PAXWbPf34wOhrAAAAAElFTkSuQmCC)
}

.intro .content .intro-list .intro-item:nth-of-type(2):hover .item-pic{
    background-image: url(data:image/png;base64,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)
}

.intro .content .intro-list .intro-item:nth-of-type(3):hover .item-pic{
    background-image: url(data:image/png;base64,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)
}

.intro .content .intro-list .intro-item:nth-of-type(4):hover .item-pic{
    background-image: url(data:image/png;base64,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)
}

.intro .content .intro-list .intro-item:nth-of-type(5):hover .item-pic{
    background-image: url(data:image/png;base64,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)
}

.intro .intro1{
    background-image: url(../img/intro1.png)
}

.intro .intro2{
    background-image: url(../img/intro2.png)
}

.intro .intro3{
    background-image: url(../img/intro3.png)
}

.intro .intro4{
    background-image: url(../img/intro4.png)
}

.intro .intro5{
    background-image: url(../img/intro5.png)
}

#versions .desc{
    text-align: center;
    color: #999
}

#versions .version{
    float: left;
    position: relative
}

#versions .version__frame{
    background-position: 50%;
    background-repeat: no-repeat
}

#versions .version__frame__content{
    width: 184px;
    height: 460px;
    overflow: hidden;
    text-align: center;
    background-color: rgba(36,36,36,.7);
    -webkit-transition: width .5s,background-color .5s;
    transition: width .5s,background-color .5s;
    color: #fff
}

#versions .version__frame__content__name{
    -webkit-transition: top .5s,left .5s,-webkit-transform .5s;
    transition: top .5s,left .5s,-webkit-transform .5s;
    transition: top .5s,left .5s,transform .5s;
    transition: top .5s,left .5s,transform .5s,-webkit-transform .5s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 200px;
    left: 50%;
    white-space: nowrap;
    font-size: 24px;
    font-weight: 700
}

#versions .version__frame__content__name:after {
    -webkit-transition: width .2s;
    transition: width .2s;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff
}

#versions .version__frame__content__price,#versions .version__frame__content__trial{
    position: absolute;
    left: 0;
    right: 0;
    font-size: 16px
}

#versions .version__frame__content__price{
    -webkit-transition: bottom .5s;
    transition: bottom .5s;
    bottom: 265px
}

#versions .version__frame__content__price .num{
    -webkit-transition: font-size .5s;
    transition: font-size .5s
}

#versions .version__frame__content__trial{
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    bottom: 100px;
    opacity: 0
}

#versions .version__frame__content__detail{
    opacity: 0;
    list-style: disc;
    padding: 80px 20px 0 40px
}

#versions .version__frame__content__detail>li{
    text-align: left;
    line-height: 24px
}

#versions .version__frame__content__detail>li+li{
    margin-top: 20px
}

#versions .version.singlepage .version__frame{
    background-image: url(../img/ver1.png)
}

#versions .version.corppage .version__frame{
    background-image: url(../img/ver2.png)
}

#versions .version.news .version__frame{
    background-image: url(../img/ver3.png)
}

#versions .version.products .version__frame{
    background-image: url(../img/ver4.png)
}

#versions .version.services .version__frame{
    background-image: url(../img/ver5.png)
}

#versions .version.all .version__frame{
    background-image: url(../img/ver6.png)
}

#versions .version .btn{
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    margin: 30px auto 0;
    width: 140px;
    opacity: 0;
    box-sizing: border-box;
}

#versions .version.active .version__frame__content{
    background-color: rgba(108, 142, 243, 0.9);
    width: 280px
}

#versions .version.active .version__frame__content__name{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    top: 20px;
    left: 20px;
    font-weight: 400
}

#versions .version.active .version__frame__content__name:after {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    width: 97px
}

#versions .version.active .version__frame__content__price{
    bottom: 130px
}

#versions .version.active .version__frame__content__price .num{
    font-size: 36px
}

#versions .version.active .version__frame__content__trial{
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    bottom: 100px;
    opacity: 1
}

#versions .version.active .version__frame__content__detail{
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1
}

#versions .version.active .btn{
    opacity: 1
}

#versions .wxacode{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 30px 20px;
    width: 560px;
    height: 540px;
    background-color: #fff;
    text-align: center;
    border-radius: 4px
}

#versions .wxacode-mask{
    background-color: rgba(0,0,0,.5);
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#versions .wxacode h4{
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 400
}

#versions .wxacode__img{
    width: 250px;
    height: 250px
}

#versions .wxacode__text{
    padding: 32px 0;
    line-height: 1.5
}

#versions .wxacode .btn{
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px
}

#versions .wxacode-enter,#versions .wxacode-leave-to{
    opacity: 0
}

#versions .wxacode-enter-active,#versions .wxacode-leave-active{
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

#features{
    background-image: url(../img/background-feature.efbcb8e.png);
    background-color: #fbfbfb;
    background-position: center 0;
    background-size: auto 100%
}

#features .content{
    height: 700px;
    padding-top: 70px
}

#features .text,#features img{
    float: left;
    margin-left: 130px
}

#features .text{
    margin-top: 50px
}

#features .text .title{
    font-size: 30px
}

#features .text .title+.desc{
    margin: 20px 0 75px
}

#features .text .desc{
    color: #999;
    margin-top: 15px
}

#features .text .feat{
    margin-top: 45px
}

#features .text .feat .f-title{
    font-size: 18px;
    color: #5a7ee6
}

#functions{
    background-image: linear-gradient(180deg,#5476d7,#6c8ef3);
    color: #fff
}

.no-cssgradients #functions{
    background-color: #5a7ee6
}

#functions .content{
    padding: 0 100px;
    background-image: url(../img/background-iphone6s.c39dcc8.png);
    background-position: bottom;
    background-repeat: no-repeat
}

#functions .desc{
    text-align: center
}

#functions ul{
    margin-top: 15px
}

#functions ul li{
    width: 330px;
    padding-left: 75px;
    margin-top: 80px;
    line-height: 1.6;
}

#functions ul li:nth-child(odd) {
    float: left;
    clear: left
}

#functions ul li:nth-child(2n) {
    float: right;
    clear: right
}

#functions ul li .name{
    font-size: 18px;
    position: relative
}

#functions ul li .name:before {
    content: "";
    position: absolute;
    left: -75px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    
    background-image: url(../img/f2_icns.png?20180717);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    background-position: -70 -1950px
}

#functions ul li .desc{
    margin-top: 8px;
    color: #fff;
    text-align: left
}

#functions ul li.visual-editing div:nth-child(0){
    background-image: url(../img/f2_icns.png?20180717);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
}

#functions ul li.visual-editing .name:before {
    background-color: #fff;
    background-position: -65px -3675px
}

#functions ul li.visual-editing.active .name:before {
    background-color: royalblue;
    background-position: -0px -3675px
}

#functions ul li.easy-editing .name:before {
    background-color: #fff;
    background-position: -65px -1950px
}

#functions ul li.easy-editing.active .name:before {
    background-color: royalblue;
    background-position: 0px -1950px
}

#functions ul li.sync-setting .name:before {
    background-color: #fff;
    background-position: -65px -3075px
}

#functions ul li.sync-setting.active .name:before {
    background-color: royalblue;
    background-position: 0px -3075px
}

#functions ul li.columns div:nth-child(0){
    background-image: url(../img/f2_icns.png?20180717);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
}


#functions ul li.columns .name:before {
    background-color: #fff;
    background-position: -65px -3375px
}

#functions ul li.columns.active .name:before {
    background-color: royalblue;
    background-position: -0px -3375px
}

#functions ul li.share .name:before {
    background-color: #fff;
    background-position: -65px -1200px
}

#functions ul li.share.active .name:before {
    background-color: royalblue;
    background-position: -0px -1200px
}

#functions ul li.manager .name:before {
    background-color: #fff;
    background-position: -65px -75px
}

#functions ul li.manager.active .name:before {
    background-color: royalblue;
    background-position: -0px -75px
}

#functions .screen{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-42%);
    transform: translate(-50%,-42%);
    width: 225px;
    height: 400px;
    overflow: hidden
}

#functions .screen img{
    width: 100%;
    height: 100%
}

#functions .screen .screen-enter-active{
    -webkit-transition: all .3s;
    transition: all .3s
}

#functions .screen .screen-leave-active{
    -webkit-transition: all .1s;
    transition: all .1s
}

#functions .screen .screen-enter,#functions .screen .screen-leave-to{
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

#users{
    background-image: url(../img/background-feature.efbcb8e.png);
    background-color: #fbfbfb;
    background-position: center 0;
    background-size: auto 100%
}

#users .desc{
    text-align: center;
    color: #999;
    line-height: 24px
}

#users .types{
    margin-top: 70px;
    border-bottom: 1px solid #dadada;
    height: 65px;
    padding: 0 100px;
    font-size: 18px
}

#users .types .type{
    float: left;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #333;
    opacity: .5;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#users .types .type img{
    vertical-align: text-bottom;
    margin-right: 5px
}

#users .types .type.selected{
    color: #000;
    opacity: 1;
    border-bottom: 4px solid #5a7ee6
}

#users .company-list{
    zoom:1;width: 1000px;
    margin: 55px auto
}

#users .company-list:after {
    content: "";
    display: table;
    clear: both;
    height: 0
}

#users .company-list .company{
    width: 206px;
    height: 145px;
    margin: 20px -webkit-calc((25% - 206px)/2);
    margin: 20px calc((25% - 206px) / 2);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    float: left
}

#users .company-list .company .bg-img{
    width: 100%;
    height: 100%
}

#users .company-list .company .mask{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #e6e6e6;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

#users .company-list .company .mask .logo{
    height: 112px;
    margin: 0 20px;
    background-position: 50%,50%;
    background-repeat: no-repeat
}

#users .company-list .company .mask .name{
    font-size: 14px;
    color: #5a7ee6;
    text-align: center
}

#users .company-list .company .mask .weapp-code{
    position: absolute;
    top: 82px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 138px;
    height: 138px;
    border-radius: 43%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#users .company-list .company:hover .mask{
    background-color: hsla(0,0%,100%,.8)
}

#users .company-list .company:hover .mask .logo,#users .company-list .company:hover .mask .name{
    opacity: 0
}

#users .company-list .company:hover .mask .weapp-code{
    opacity: 1;
    z-index: 1
}

#users .company-list .company:hover .mask:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: #fff
}

#users .company-list-enter,#users .company-list-leave-to{
    opacity: .5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

#users .company-list-enter-active,#users .company-list-leave-active{
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.boutique{
    text-align: center
}

.boutique .content{
    width: 1350px;
    margin: 0 auto
}

.boutique .content .desc{
    color: #999
}

.boutique .content .list-con{
    background-color: #fbfbfb;
    padding: 0 120px
}

.boutique .content .bou-list{
    overflow: hidden;
    padding-top: 50px
}

.boutique .content .bou-list .bou-item{
    float: left;
    position: relative;
    margin-right: 50px;
    width: 240px;
    height: 500px;
    cursor: pointer
}

.boutique .content .bou-list .bou-item .item-img-con{
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: relative
}

.boutique .content .bou-list .bou-item .item-img{
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.boutique .content .bou-list .bou-item:last-of-type {
    margin-right: 0
}

.boutique .content .bou-list .bou-item .name{
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 30px
}

.boutique .content .bou-list .bou-item:after {
    display: block;
    content: "";
    width: 40px;
    height: 10px;
    background-color: #5476d7;
    position: absolute;
    top: 460px;
    left: 100px;
    -webkit-transition: opacity .2s,-webkit-transform .3s;
    transition: opacity .2s,-webkit-transform .3s;
    transition: transform .3s,opacity .2s;
    transition: transform .3s,opacity .2s,-webkit-transform .3s;
    -webkit-transform: translate(-40px);
    transform: translate(-40px);
    opacity: 0
}

.boutique .content .bou-list .bou-item:hover:after {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.boutique .content .bou-list .bou-item:hover .name{
    display: none
}

.boutique .content .bou-list .bou-item:hover .hover-con{
    opacity: 1
}

.boutique .content .bou-list .bou-item:hover .hover-con .hover-img,.boutique .content .bou-list .bou-item:hover .hover-con .text{
    -webkit-transform: translate(0);
    transform: translate(0)
}

.boutique .content .bou-list .bou-item:hover .item-img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.boutique .content .bou-list .bou-item .hover-con{
    width: 100%;
    height: 100%;
    background-color: rgba(108, 142, 243, 0.9);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.boutique .content .bou-list .bou-item .hover-con .hover-img{
    width: 114px;
    height: 114px;
    margin-top: 94px;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.boutique .content .bou-list .bou-item .hover-con .text{
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.boutique .content .bou-list .bou-item .hover-con .c-name{
    font-size: 24px;
    margin-top: 50px
}

.boutique .content .bou-list .bou-item .hover-con .type{
    font-size: 16px;
    margin-top: 14px
}

.join{
    height: 686px;
    padding-top: 106px;
    background-image: url(../img/contact-bg.81f9c09.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.join .content{
    width: 1200px;
    height: 100%;
    padding: 0 20px;
    margin: 0 auto
}

.join .content .title{
    font-size: 28px;
    line-height: 72px;
    border-bottom: 1px solid #7d7d7d;
    position: relative;
    margin-bottom: 44px
}

.join .content .title:after {
    display: block;
    content: "";
    border-top: 1px solid #fff;
    width: 115px;
    position: absolute;
    left: 0;
    bottom: -1px
}

.join .content .title small{
    margin-left: 14px;
    position: relative;
    bottom: -4px;
    font-size: 16px;
    vertical-align: middle
}

.join .contact{
    float: left
}

.join .contact .contact-item{
    margin-top: 32px;
    font-size: 18px;
    overflow: hidden;
    line-height: 34px
}

.join .contact .contact-item .label{
    float: left;
    margin-right: 14px
}

.join .contact .contact-item .label-for{
    float: left;
    width: 232px
}

.join .contact .qurcode{
    margin-top: 36px
}

.join .contact .qurcode img{
    width: 100px;
    height: 100px;
    margin-right: 70px
}

.join .contact .tip{
    font-size: 14px;
    margin-top: 14px
}

.join .form{
    float: left;
    margin-left: 150px;
    width: 640px;
    font-size: 16px
}

.join .form input,.join .form textarea{
    border: none;
    outline: none;
    border-radius: 5px;
    line-height: 50px;
    height: 50px;
    background-color: hsla(0,0%,100%,.35);
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    color: #fff
}

.join .form input:-ms-input-placeholder {
    color: #fff
}

.join .form input::-webkit-input-placeholder {
    color: #fff
}

.join .form textarea:-ms-input-placeholder {
    color: #fff
}

.join .form textarea::-webkit-input-placeholder {
    color: #fff
}

.join .form .input__name{
    width: 290px;
    margin-right: 15px;
    float: left
}

.join .form .input__phone{
    width: 335px;
    float: left
}

.join .form .input__note{
    height: 160px;
    line-height: 1.4;
    padding-top: 14px
}

.join .form .button-con{
    margin-top: 8px
}

.join .form .button-con .btn-submit{
    border: none;
    background-color: #5476d7;
    border-radius: 2px;
    color: #fff;
    line-height: 44px;
    width: 216px;
    font-size: 18px
}

.join .form .button-con small{
    position: relative;
    bottom: -12px;
    font-size: 16px;
    margin-left: 10px
}

.join .icon{
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 20px
}

.join .icon-p{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAB+ElEQVQ4y62Uz4uNURjHP+dmMsy9QzQuMbg2szGK2BkXDcJKTdJYUFYWlhaUyE7yF9iMYm3HpEQWU5qVaErUlR81fhRGJHfufCzueet6e++9r5pvnc7P5/uc5/s85wQyoK4EdgCjwCZgHTAArALmgc/AJ+AD8AJ4HEJ4Rieop9VJ9bv/j5p6U92dJj2gTucg+JXT0S21HNRTwESbYKaAe8A0UIsy9ANbgCFgBBgHlmbY1lAbbbxfJQfUjerTLIKg/gF6UjZvQgiVaHwdqCZcsS/ExF4MITxSR4AnKY4fqHMZTl9F4iNdtP0Wz+3K2JsrtIm2N/aHu6iyQi3FfKRRKAClOFkAJoELwNG4tiGH7NtDCF+ACnAGuBPX+1CvqOPqYCpRYznrfUotpmwr6ol2FXA2Zz0nmFHLeUrrUjT4qO5X99l8fTfUqnrf5oOrqidbHMyqQ/+IniK+BiT13QA2x9YDrI7jErAsary+xbwMPFf3ZN14IhVqXX0fW139qr5Tf6q/4/psG5lGW4kPZhx4qfarxajpObVXva0+VJer29qQL9j8WSHqaYeDrdEkmO+S5L2J5gMZua0BW2N7DVwGhoG7ND+0YeBQh9roWxIHazM2S8AYzcfVD+wE6jGRJeAYsKYDeTFEWd4Cgywuzic3fwAcX0TiBjDzF8G6DN4IAPqnAAAAAElFTkSuQmCC)
}

.join .icon-e{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABGUlEQVQ4y72SLUvDURxGz71MxGGwGuw2V6wGX8BiMKjFaLIImm1+Ah0YBINNm19ArIKI2bgJFsGJBhHlWO5gyjbv5v4+cOH39jyn3ACgrgBLDFaPwG5JXQVOBxzeVCUC6wWFA0xH4KVAQCMCn6k5AKaAjz+G7gOTqS7HlsUCcB9CGAKu+gxfDiFsAWupf0c98bs2ANQ983WnltWSet0yr7UDqJ4lSEV9+yX8ON3OttnVOwFUH9TxZL7scLOY9tUO+66ApjZTyHbL7FYdSe+mizcLoHqeIHNqNdXzGb5sgOqTOpHCjzI99VIPX3AMqKmNVGcp5h7+AGWrH0BP+hdAkZAQgdECAcMRuCgQ8BoA1ENgBggDDH8Gdr4AOXgng6ITKp8AAAAASUVORK5CYII=)
}

.join .icon-a{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABzklEQVRIx52TMUhcQRCG/71wlRqJeEbsBCsxQlRMYSSFCDYWlhFSBEyROl06C4sgNiI2YiFJWittAlYJimAOYmIQkXBVRAwGPDEEwc/CdzAOb313N9W++f/53uzsbtAdAfRIeiypS1KzpGNJB5K+hhBKqjaACWCHu2MdGMgCNSTGWmIuBisAB5GiPeAz8Cuir6YBi850ArwFHjnfEDCfAl2ypmknFoG2jPE8Bc5d3bCAPHBpksdArsrD63fAfQGvXXLcFT0DVoEtYBnocPqsqb0S8MkO35nHUmZ1Cjw0nk6jlQX8NIlFY7wHHEVO9b37cYVxlpPUaLQ/Zt0sqT0yvjH3vVtZ5CSVjdBk1mVJFxFg0X132nY/mK1sua28imy523gKJv9fwKAz9znoVHLCJW6e5YjT35jaf5XkoUn+iNy5kJJrAf6a2o8V4bnrckUZAbQB311dhzV8c+ImMOo7AxqBF9y8dRvLkhSMcUjSl5RmSpL2JJ1LKkjqldTqPBeSCiGE27cieVr1xGRsLnngd42wtaxhP6kBdgY8yDpAATNVAkczYQa6nQF7VzUsAd5PtpQWGzXBDLQ/BXYC5OsCJtCXDthdN8xAFxLYRJb3GuveGRMquYraAAAAAElFTkSuQmCC)
}

#contacts{
    background-color: #383c41;
    color: #fff;
    font-size: 14px
}

#contacts .content{
    height: 240px;
    padding: 0 20px
}

#contacts nav{
    float: left;
    margin-top: 40px
}

#contacts nav .logo{
    height: 40px
}

#contacts nav .logo img{
    float: left;
    height: 100%
}

#contacts nav .logo span{
    float: left;
    height: 100%;
    line-height: 40px;
    font-size: 16px
}

#contacts nav .logo span.site{
    font-size: 24px;
    margin-left: 8px
}

#contacts nav .logo span.divider{
    margin: 0 10px
}

#contacts nav .nav-list{
    margin-top: 20px
}

#contacts nav .nav-list .nav-item{
    display: inline-block;
    position: relative
}

#contacts nav .nav-list .nav-item:not(:first-child) {
    margin-left: 70px
}

#contacts nav .nav-list .nav-item:not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    left: -35px;
    bottom: 0;
    width: 1.5px;
    background-color: #999
}

#contacts nav .nav-list .nav-item:hover {
    cursor: pointer
}

#contacts nav .links{
    margin-top: 15px
}

#contacts nav .links .link{
    color: #878a8d;
    display: inline-block
}

#contacts nav .links .link:not(:first-child) {
    margin-left: 10px
}

#contacts .contact{
    float: right;
    margin-top: 45px
}

#contacts .contact .contact-title{
    font-size: 20px
}

#contacts .contact .tel{
    margin-top: 20px;
    color: #878a8d
}

#contacts .contact .email{
    margin-top: 18px;
    color: #878a8d
}

#contacts address{
    float: left;
    clear: both;
    margin-top: 35px;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #4c5055;
    color: #878a8d;
    font-style: normal
}

#contacts address .item{
    /* display: inline-block */
}

#contacts address .item+.item{
    margin-left: 45px
}

#contacts address a{
    color: #878a8d
}

#contacts address a:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    header .content{
        width:100%;
        height: 44px
    }

    header nav{
        width: 90%
    }

    header nav .logo{
        height: 44px
    }

    header nav .logo img{
        width: 24px
    }

    header nav .logo .divider,header nav .logo h1,header nav .logo h2{
        height: 44px;
        line-height: 44px;
        font-size: 20px
    }

    header nav .logo .divider,header nav .logo h2{
        font-size: 14px
    }

    header nav .nav-list{
        position: absolute;
        top: 44px;
        right: -150px;
        background-color: #f5f5f5;
        -webkit-transition: right .3s,background-color .5s;
        transition: right .3s,background-color .5s
    }

    header nav .nav-list.show{
        right: 0;
        box-shadow: 0 1000px 0 1000px rgba(0,0,0,.5)
    }

    header nav .nav-list.show:after {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    header nav .nav-list .nav-item{
        float: none;
        position: relative;
        z-index: 1;
        text-align: center;
        margin: 0;
        width: 150px;
        height: 45px;
        line-height: 45px
    }

    header nav .nav-list .nav-item:after {
        display: none
    }

    header nav .nav-list .signin{
        display: block;
        width: 100%;
        position: relative;
        z-index: 1
    }

    header nav .nav-toggle{
        display: block;
        position: absolute;
        top: 8px;
        right: 5%;
        font-size: 24px
    }

    header.in-page nav .nav-list{
        background: #fff
    }

    header.in-page nav .nav-list .nav-item:hover:after {
        background-color: #5a7ee6
    }

    #banner .decorate .bubble1,#banner .decorate .bubble3,#banner .decorate .bubble5{
        display: none
    }

    #banner .decorate .bubble2{
        top: 160px
    }

    #banner .decorate .bubble4{
        top: 87px
    }

    #banner .decorate .bubble6{
        top: 363px;
        right: 27px
    }

    #banner .decorate .pocky1,#banner .decorate .pocky2{
        width: 100px;
        top: 308px
    }

    #banner .decorate .pocky3{
        width: 300px;
        top: 446px
    }

    #banner .decorate .pocky4{
        width: 200px;
        top: 272px
    }

    #banner .decorate .wave{
        top: 378px
    }

    #banner .content{
        width: 100%;
        height: 480px
    }

    #banner .content .banner-img{
        display: none
    }

    #banner .content .banner-main,#banner .content .banner-sub{
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 280px
    }

    #banner .content .banner-main{
        top: 120px;
        text-align: center;
        font-size: 28px
    }

    #banner .content .banner-sub{
        font-size: 18px
    }

    #banner .content .banner-sub.one{
        top: 180px
    }

    #banner .content .banner-sub.two{
        top: 210px
    }

    #banner .content .signin{
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 330px
    }

    .intro .content{
        width: 100%
    }

    .intro .content .intro-list .intro-item{
        width: 240px;
        float: none;
        margin: 0 auto;
        overflow: hidden
    }

    #versions .content{
        width: 100%;
        height: auto
    }

    #versions .desc{
        padding-left: 20px;
        padding-right: 20px
    }

    #versions .version{
        float: none;
        margin: 0 20px
    }

    #versions .version__frame{
        background-size: cover
    }

    #versions .version__frame__content{
        background-color: rgba(46,178,80,.9);
        width: 100%!important
    }

    #versions .version__frame__content__name{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        top: 20px;
        left: 20px;
        font-weight: 400
    }

    #versions .version__frame__content__name:after {
        width: 50px
    }

    #versions .version__frame__content__price{
        bottom: 130px
    }

    #versions .version__frame__content__price .num{
        font-size: 36px
    }

    #versions .version__frame__content__trial{
        bottom: 100px;
        opacity: 1
    }

    #versions .version__frame__content__detail{
        opacity: 1
    }

    #versions .version .btn{
        opacity: 1;
        margin-top: 20px;
        margin-bottom: 20px
    }

    #versions .wxacode{
        border-radius: 0;
        width: 100%;
        height: 100%
    }

    #features .content{
        width: 100%;
        height: auto;
        padding: 40px 20px
    }

    #features .content img{
        display: none
    }

    #features .content .text,#features .content img{
        float: none;
        margin: 0
    }

    #functions .content{
        width: 100%;
        height: auto;
        padding: 40px 20px;
        background: none
    }

    #functions .content .title{
        display: none
    }

    #functions .content>.desc{
        margin-top: 0;
        font-size: 30px
    }

    #functions .content ul li{
        width: auto;
        float: none!important;
        margin-top: 40px
    }

    #functions .content ul li .name:before {
        -webkit-transform: none;
        transform: none
    }

    #functions .content .screen{
        display: none
    }

    #users .content{
        width: 100%;
        height: auto
    }

    #users .content .desc{
        padding-left: 20px;
        padding-right: 20px
    }

    #users .types{
        padding: 0;
        font-size: 10px
    }

    #users .types .type{
        position: relative
    }

    #users .types .type img{
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-5px);
        transform: translate(-50%,-5px)
    }

    #users .company-list{
        width: 100%
    }

    #users .company-list .company{
        float: none;
        margin: 20px;
        width: auto;
        height: auto
    }

    #users .company-list .company .mask .logo{
        margin-top: 50px
    }

    .boutique .content{
        height: auto;
        width: 100vw
    }

    .boutique .content .list-con{
        padding: 0
    }

    .boutique .content .list-con .bou-list .bou-item{
        float: none;
        margin: 0 auto
    }

    .join{
        height: auto
    }

    .join .content{
        width: 100vw;
        display: flex;
    }

    .join .contact{
        display: none
    }

    .join .form{
        margin-left: 0;
        padding: 0 30px;
        width: 100%
    }

    .join .form .input__name,.join .form .input__phone{
        width: 100%
    }

    .join .form .button-con .btn-submit{
        margin-bottom: 30px
    }

    .join .form .button-con small{
        display: none
    }

    #contacts .content{
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px
    }

    #contacts .links,#contacts .logo,#contacts nav .nav-list{
        display: none
    }

    #contacts .contact{
        float: none;
        margin-top: 0
    }

    #contacts address{
        margin-top: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        display: flex;
        width: 88%;
        flex-direction: column;
    }

    #contacts address .item+.item{
        margin-left: 0
    }
}
.polit-popup-fixed {
    overflow: hidden;
    position: fixed;
    width: 460px;
    height: 170px;
    bottom: -200px;
    z-index: 600;
    left: 30px;
    background:rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 45px 0 rgba(90,97,127,.2);
    border-radius: 10px
}

.polit-popup-logo {
    float: left;
    width: 80px;
    height: 100%;
    margin: 9px 5px 0;
    position: relative
}

.polit-popup-f1 {
    z-index: 400;
    background: url(../img/triangle.png) center no-repeat;
    -webkit-animation: rotate 2s cubic-bezier(.4,.1,.4,1) infinite;
    -o-animation: rotate 2s cubic-bezier(.4,.1,.4,1) infinite;
    animation: rotate 2s cubic-bezier(.4,.1,.4,1) infinite
}

.polit-popup-f1,.polit-popup-f2,.polit-popup-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px
}

.polit-popup-f2 {
    background: url(../img/circular.png) center no-repeat;
    -webkit-animation: rotate 2s cubic-bezier(.4,.1,.4,1) 1s infinite;
    -o-animation: rotate 2s cubic-bezier(.4,.1,.4,1) 1s infinite;
    animation: rotate 2s cubic-bezier(.4,.1,.4,1) 1s infinite;
    z-index: 420
}

.polit-popup-head {
    z-index: 430;
    background: url(../img/head.png) center no-repeat
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.polit-popup-cont {
    height: 100%
}

.polit-popup-des {
    float: left;
    height: 100%;
    width: 370px
}

.polit-popup-explain,.polit-popup-tel {
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 34px
}

.polit-popup-explain {
    margin-top: 16px;
    color: #7a7a8f
}

.polit-popup-tel {
    font-weight: 700;
    color: #1d0000
}

.polit-popup-btn {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    cursor: pointer;
    overflow: hidden
}

.polit-popup-btn>a {
    font-weight: 700;
    float: left;
    display: block;
    width: 165px;
    font-size: 18px;
    border-radius: 4px
}

.polit-popup-btn .polit-popup-consult,.polit-popup-btn .polit-popup-free {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.polit-popup-btn .polit-popup-free {
    background-color: #4572ff;
    height: 46px;
    width: 160px;
    line-height: 46px;
    margin-right: 20px;
    color: #fff
}

.polit-popup-btn .polit-popup-consult {
    background: #fff;
    border: 1px solid #5a7ee6;
    height: 46px;
    width: 160px;
    line-height: 46px;
    border-radius: 4px;
    color: #5a7ee6
}

.polit-popup-consult:hover {
    border-color: #4572ff;
    background-color: #5476d7;
    color: #fff
}

.polit-popup-free:hover {
    background-color: #5476d7;
    color: #fff
}

.polit-popup-close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 650;
    cursor: pointer
}