.banner-wrapper {

    width: 100%;

    min-width: 1200px;

}

.banner-wrapper .banner {

    height: 646px;

}

.banner-wrapper .banner .swiper-slide {

    position: relative;

}

.banner-wrapper .banner .video-wrapper {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: 1;

}

.banner-wrapper .banner .video-wrapper video {

    position: absolute;

    left: 50%;

    top: 0;

    width: 1920px;

    height: 646px;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner-wrapper .banner .text-wrapper {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 1200px;

    height: 100%;

    overflow: hidden;

    z-index: 2;

}

.banner-wrapper .banner .text {

    margin-top: 286px;

    display: inline-block;

}

.banner-wrapper .banner .text .title {

    font-size: 60px;

    font-weight: bold;

    color: #FEFEFE;

}

.banner-wrapper .banner .text .line {

    width: 60px;

    height: 2px;

    background: #FFFFFF;

}

.banner-wrapper .banner .text .line {

    width: 60px;

    height: 2px;

    background: #FFFFFF;

    margin: 23px 0 13px;

}

.banner-wrapper .banner .text .sub-title {

    font-size: 30px;

    color: #FEFEFE;

}

.banner-wrapper .login-button {

    margin-top: 58px;

    font-size: 0;

}

.banner-wrapper .login-button .item {

    display: inline-block;

    vertical-align: middle;

    width: 154px;

    margin-right: 30px;

}

.banner-wrapper .login-button .item:first-child {

    width: 169px;

}

.banner-wrapper .login-button .item:last-child {

    margin-right: 0;

}

.banner-wrapper .login-button .item a {

    background: #FFFFFF;

    width: 100%;

    border-radius: 4px;

    display: block;

}

/* .banner-wrapper .login-button .item img {

    width: 100%;

} */

.banner-pagination.swiper-pagination-bullets {

    bottom: 66px;

}

.banner-pagination .swiper-pagination-bullet {

    width: 34px;

    height: 8px;

    background: #FFFFFF;

    opacity: 0.24;

    border-radius: 4px;

}

.banner-pagination .swiper-pagination-bullet-active {

    width: 57px;

    opacity: 1;

}

.customer-wrapper {

    overflow: hidden;

    width: 100%;

    min-width: 1200px;

    background-color: #F2F9FF;

}

.customer {

    width: 1200px;

    margin: 0 auto;

    padding: 72px 0;

}

.title-wrapper {

    position: relative;

    height: 65px;

}

.title-wrapper .title {

    font-size: 40px;

    color: #212121;

    position: absolute;

    z-index: 2;

    width: 100%;

    text-align: center;

}

.title-wrapper .sub-title {

    font-size: 32px;

    color: #D6D6D6;

    position: absolute;

    z-index: 1;

    margin-top: 32px;

    width: 100%;

    text-align: center;

}

.administration .title-wrapper .title {

    color: #FFFFFF;

}

.administration .title-wrapper .sub-title {

    color: rgba(132, 219, 255, .5);

}

.customer .customer-round-wrapper {

    background: url('../../images/wkq/customer-banner2.png') no-repeat center center;

    background-size: contain;

    width: 1020px;

    margin: 0 auto;

}

.customer .customer-round-wrapper > .customer-round {

    width: 446px;

    height: 446px;

    position: relative;

    margin: 0 auto;

    padding: 60px 0;

}

.customer .customer-round .logo {

    width: 158px;

    height: 158px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 30;

    border: 2px solid #00A1E9;

    border-radius: 50%;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

}

.customer .customer-round .logo img {

    width: 104px;

    height: 104px;

}

.customer .first-line-wrapper {

    width: 266px;

    height: 266px;

    border: 2px solid #00A1E9;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 20;

}

.customer .first-line-wrapper .first-line {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .first-line-wrapper img,

.customer .second-line-wrapper img {

    width: 100%;

    height: 100%;

}

.customer .first-line-wrapper .master-round {

    position: absolute;

    top: -25%;

    left: 40%;

    box-sizing: border-box;

    width: 48px;

    height: 48px;

    background: #FFFFFF;

    border: 1px solid #00A1E9;

    border-radius: 50%;

    font-size: 14px;

    color: #00A1E9;

    align-items: center;

    justify-content: center;

}

.customer .first-line-wrapper .master-round {

    display: none;

}

.customer .first-line-wrapper .service-round {

    position: absolute;

    top: 10%;

    right: -20%;

    box-sizing: border-box;

    width: 48px;

    height: 48px;

    background: #FFFFFF;

    border: 1px solid #00A1E9;

    border-radius: 50%;

    font-size: 14px;

    color: #00A1E9;

    align-items: center;

    justify-content: center;

}

.customer .first-line-wrapper .service-round {

    display: none;

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

}

.customer .first-line-wrapper .customer-round {

    position: absolute;

    bottom: 2%;

    right: 2%;

    box-sizing: border-box;

    width: 70px;

    height: 70px;

    background: #FFFFFF;

    border: 1px solid #00A1E9;

    border-radius: 50%;

    font-size: 16px;

    color: #00A1E9;

    align-items: center;

    justify-content: center;

}

.customer .first-line-wrapper .customer-round {

    display: none;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.customer .first-line-wrapper .finance-round {

    position: absolute;

    bottom: -6%;

    left: -6%;

    box-sizing: border-box;

    width: 48px;

    height: 48px;

    background: #FFFFFF;

    border: 1px solid #00A1E9;

    border-radius: 50%;

    font-size: 14px;

    color: #00A1E9;

    align-items: center;

    justify-content: center;

}

.customer .first-line-wrapper .finance-round {

    display: none;

    -webkit-animation-delay: 1.5s;

    animation-delay: 1.5s;

}

.customer .first-line-wrapper .boss-round {

    position: absolute;

    top: 0;

    left: 0;

    box-sizing: border-box;

    width: 70px;

    height: 70px;

    background: #FFFFFF;

    border: 1px solid #00A1E9;

    border-radius: 50%;

    font-size: 16px;

    color: #00A1E9;

    align-items: center;

    justify-content: center;

}

.customer .first-line-wrapper .boss-round {

    display: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}

.customer .second-line-wrapper {

    width: 446px;

    height: 446px;

    border: 2px solid #00A1E9;

    border-radius: 50%;

    position: absolute;

    z-index: 10;

}

.customer .second-line-wrapper .second-line {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .dingding {

    position: absolute;

    top: 0;

    right: 15%;

    width: 70px;

    height: 70px;

    box-sizing: border-box;

}

.customer .second-line-wrapper .dingding .dingding-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .dingding .label {

    position: absolute;

    top: 0;

    right: 10px;

}

.customer .second-line-wrapper .dingding .label-wrapper {

    position: relative;

}

.customer .second-line-wrapper .dingding .label-wrapper::before {

    position: absolute;

    width: 30px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    transform:rotate(-45deg);

    content: '';

}

.customer .second-line-wrapper .dingding .label-wrapper::after {

    position: absolute;

    width: 60px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    content: '';

    top: -10px;

    left: 28px;

}

.customer .second-line-wrapper .dingding .label-wrapper .text {

    width: 40px;

    font-size: 20px;

    color: #181818;

    position: absolute;

    top: -20px;

    left: 92px;

}

.customer .second-line-wrapper .message {

    position: absolute;

    top: 40%;

    right: -8%;

    width: 70px;

    height: 70px;

    box-sizing: border-box;

}

.customer .second-line-wrapper .message .message-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .message .label {

    position: absolute;

    top: -10px;

    right: 20px;

}

.customer .second-line-wrapper .message .label-wrapper {

    position: relative;

}

.customer .second-line-wrapper .message .label-wrapper::before {

    position: absolute;

    width: 30px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    transform:rotate(-45deg);

    content: '';

}

.customer .second-line-wrapper .message .label-wrapper::after {

    position: absolute;

    width: 60px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    content: '';

    top: -10px;

    left: 28px;

}

.customer .second-line-wrapper .message .label-wrapper .text {

    width: 40px;

    font-size: 20px;

    color: #181818;

    position: absolute;

    top: -20px;

    left: 92px;

}

.customer .second-line-wrapper .applet {

    position: absolute;

    bottom: 6%;

    right: 6%;

    width: 70px;

    height: 70px;

    box-sizing: border-box;

}

.customer .second-line-wrapper .applet .applet-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .applet .label {

    position: absolute;

    bottom: 0px;

    right: 10px;

}

.customer .second-line-wrapper .applet .label-wrapper {

    position: relative;

}

.customer .second-line-wrapper .applet .label-wrapper::before {

    position: absolute;

    width: 30px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    transform: rotate(45deg);

    content: '';

}

.customer .second-line-wrapper .applet .label-wrapper::after {

    position: absolute;

    width: 60px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    content: '';

    top: 12px;

    left: 30px;

}

.customer .second-line-wrapper .applet .label-wrapper .text {

    width: 60px;

    font-size: 20px;

    color: #181818;

    position: absolute;

    top: 2px;

    left: 94px;

}

.customer .second-line-wrapper .enterprise-wechat {

    position: absolute;

    left: 35%;

    bottom: -8%;

    width: 70px;

    height: 70px;

    box-sizing: border-box;

}

.customer .second-line-wrapper .enterprise-wechat .enterprise-wechat-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .enterprise-wechat .label {

    position: absolute;

    bottom: 0;

    left: 0;

}

.customer .second-line-wrapper .enterprise-wechat .label-wrapper {

    position: relative;

}

.customer .second-line-wrapper .enterprise-wechat .label-wrapper::before {

    position: absolute;

    width: 30px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    transform: rotate(-45deg);

    content: '';

}

.customer .second-line-wrapper .enterprise-wechat .label-wrapper::after {

    position: absolute;

    width: 60px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    content: '';

    top: 11px;

    left: -59px;

}

.customer .second-line-wrapper .enterprise-wechat .label-wrapper .text {

    width: 80px;

    font-size: 20px;

    color: #181818;

    position: absolute;

    top: 0;

    left: -144px;

}

.customer .second-line-wrapper .wechat {

    position: absolute;

    left: -8%;

    bottom: 30%;

    width: 70px;

    height: 70px;

    box-sizing: border-box;

}

.customer .second-line-wrapper .wechat .wechat-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .wechat .label {

    position: absolute;

    top: 0;

    left: 0;

}

.customer .second-line-wrapper .wechat .label-wrapper {

    position: relative;

}

.customer .second-line-wrapper .wechat .label-wrapper::before {

    position: absolute;

    width: 30px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    transform: rotate(45deg);

    content: '';

}

.customer .second-line-wrapper .wechat .label-wrapper::after {

    position: absolute;

    width: 60px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    content: '';

    top: -12px;

    left: -58px;

}

.customer .second-line-wrapper .wechat .label-wrapper .text {

    width: 40px;

    font-size: 20px;

    color: #181818;

    position: absolute;

    top: -22px;

    left: -102px;

}

.customer .second-line-wrapper .computer {

    position: absolute;

    top: 5%;

    left: 5%;

    width: 70px;

    height: 70px;

    box-sizing: border-box;

}

.customer .second-line-wrapper .computer .computer-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

}

.customer .second-line-wrapper .computer .label {

    position: absolute;

    top: 0;

    left: 0;

}

.customer .second-line-wrapper .computer .label-wrapper {

    position: relative;

}

.customer .second-line-wrapper .computer .label-wrapper::before {

    position: absolute;

    width: 30px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    transform: rotate(45deg);

    content: '';

}

.customer .second-line-wrapper .computer .label-wrapper::after {

    position: absolute;

    width: 60px;

    height: 2px;

    border-top: 2px dashed #DBDBDB;

    content: '';

    top: -10px;

    left: -60px;

}

.customer .second-line-wrapper .computer .label-wrapper .text {

    width: 60px;

    font-size: 20px;

    color: #181818;

    position: absolute;

    top: -20px;

    left: -110px;

}

.administration-wrapper {

    background: url('../../images/wkq/beijing-1.jpg') no-repeat center center;

    background-size: cover;

    overflow: hidden;

    width: 100%;

    min-width: 1200px;

}

.administration {

    width: 1200px;

    margin: 0 auto;

    height: 486px;

    padding: 72px 0;

    box-sizing: border-box;

}

.administration .administration-list {

    margin-top: 96px;

    overflow: hidden;

}

.administration .administration-list .item {

    width: 200px;

    float: left;

    text-align: center;

}

.administration .administration-list .item .number {

    font-size: 40px;

    font-weight: bold;

    color: #FFFFFF;

}

.administration .administration-list .item .number .counter {

    font-weight: bold;

}

.administration .administration-list .item .number .plus {

	font-size: 24px;

}

.administration .administration-list .item .text {

    font-size: 18px;

    margin-top: 30px;

    color: #FFFFFF;

}

.system-wrapper {

    width: 100%;

    background: url('../../images/wkq/beijing-3.jpg') no-repeat center center;

    background-size: cover;

    overflow: hidden;

    min-width: 1200px;

}

.system {

    width: 1200px;

    margin: 0 auto;

    padding: 93px 0 112px;

    box-sizing: border-box;

}

.system .system-container {

    width: 100%;

    display: flex;

    margin-top: 20px;

}

.system .system-container .left {

    width: 543px;

    margin-top: 80px;

    overflow: hidden;

}

.system .system-container .left .btn-wrapper {

    width: 181px;

    height: 152px;

    padding: 6px 26.5px;

    box-sizing: border-box;

    float: left;

}

.system .system-container .left .btn-wrapper .btn {

    width: 100%;

    height: 100%;

    text-align: center;

    cursor: pointer;

}

.system .system-container .left .btn-wrapper .btn.active {

    background: #FFFFFF;

    box-shadow: 0px 0px 12px 0px rgba(229, 229, 229, 0.6);

}

.system .system-container .left .btn-wrapper .btn img {

    width: 45px;

    height: 46px;

    display: block;

    margin: 0 auto;

    padding-top: 25px;

}

.system .system-container .left .btn-wrapper .btn .text {

    margin-top: 18px;

    font-size: 14px;

    color: #212121;

}

.system .system-container .right {

    padding-left: 86.5px;

    box-sizing: border-box;

    width: calc(100% - 543px);

}

.system .system-container .right .nav-container img {

    display: block;

    width: 375px;

    margin: 0 auto;

    position: relative;

}

.system-prev,

.system-next {

    width: 36px;

    height: 36px;

    background:#00A1E9;

    color: #ffffff;

    border-radius: 50%;

    opacity: 1!important;

    outline: none;

}

.system-prev.swiper-button-disabled, 

.system-next.swiper-button-disabled {

    background: #b4b4b4;

}

.system-prev::after, 

.system-next::after {

    font-size: 20px;

}

.system-prev::after {

    margin-right: 2px;

}

.system-next::after {

    margin-left: 4px;

}

.system-prev {

    left: .4rem;

}

.system-next {

    right: .4rem;

}

.customer-pain-points-wrapper {

    width: 100%;

    min-width: 1200px;

    background: #ffffff;

}

.customer-pain-points-wrapper .customer-pain-points {

    width: 1200px;

    margin: 0 auto;

    padding: 72px 0;

    box-sizing: border-box;

}

.customer-pain-points .list {

    margin-top: 42px;

    font-size: 0;

}

.customer-pain-points .list .item-wrapper {

    display: inline-block;

    width: 280px;

    height: 280px;

    margin-right: 26px;

    margin-top: 20px;

    perspective: 1000;

    transform-style: preserve-3d;

    cursor: pointer;

}



.customer-pain-points .list .item-wrapper:nth-child(4n) {

    margin-right: 0;

}

.customer-pain-points .list .item-wrapper:nth-child(-n+4){

    margin-top: 0;

}

.customer-pain-points .list .item {

    width: 100%;

    height: 100%;

    background: #FFFFFF;

    box-shadow: 0px 0px 11px 1px rgba(20, 150, 236, 0.1);

    border-radius: 6px;

    text-align: center;

    position: relative;

    transition: .6s;

    transform-style:preserve-3d;

}

.customer-pain-points .list .item .positive,

.customer-pain-points .list .item .reverse {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    backface-visibility:hidden;

    font-weight: normal;

}

.customer-pain-points .list .item .reverse {

    text-align: center;

    padding: 0 20px;

    font-size: 16px;

    color: #666666;

    line-height: 32px;

    box-sizing: border-box;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    align-items: center;

    z-index: 1;

    transform: rotateY(-180deg);

}

.customer-pain-points .list .item-wrapper:hover .item {

    transform:rotateY(180deg);

}

.customer-pain-points .list .item img {

    display: block;

    margin: 71px auto 0;

    width: 59px;

}

.customer-pain-points .list .item .text {

    margin-top: 40px;

    font-size: 18px;

    color: #212121;

}

.solution-wrapper {

    width: 100%;

    min-width: 1200px;

    background: #F2F9FF;

}

.solution {

    width: 1200px;

    margin: 0 auto;

    padding: 72px 0;

    box-sizing: border-box;

}

.solution .solution-container-wrapper {

    position: relative;

}

.solution .solution-container {

    width: 1000px;

}

.solution .solution-container .swiper-wrapper {

    padding: 110px 0 144px;

    box-sizing: border-box;

}

.solution .solution-container .item {

    width: 286px;

    height: 300px;

    background: #FFFFFF;

    border-radius: 6px;

    margin: 0 auto;

    cursor: pointer;

}

.solution .solution-container .item .title {

    height: 107px;

    line-height: 107px;

    background: linear-gradient(180deg, #84D9FF, #00A1E9);

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    font-size: 20px;

    color: #FFFFFF;

    text-align: center;

}

.solution .solution-container .item .content {

    height: 193px;

    font-size: 14px;

    font-weight: 400;

    color: #666666;

    line-height: 23px;

    padding: 0 24px;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    justify-content: center;

}

.solution-prev,

.solution-next {

    width: 36px;

    height: 36px;

    background:#00A1E9;

    color: #ffffff;

    border-radius: 50%;

    opacity: 1!important;

    outline: none;

}

.solution-prev.swiper-button-disabled, 

.solution-next.swiper-button-disabled {

    background: #b4b4b4;

}

.solution-prev::after, 

.solution-next::after {

    font-size: 20px;

}

.solution-prev::after {

    margin-right: 2px;

}

.solution-next::after {

    margin-left: 4px;

}

.solution-pagination {

    text-align: center;

    position: unset;

}

.solution-pagination .swiper-pagination-bullet {

    width: 34px;

    height: 8px;

    background: #000000;

    opacity: 0.24;

    border-radius: 4px;

    margin: 0 4px;

}

.solution-pagination .swiper-pagination-bullet-active {

    width: 57px;

    opacity: 1;

    background: #00A1E9;

}

.solution .solution-container .swiper-slide {

    transition: transform .3s;

}

.solution .solution-container .swiper-slide-active,

.solution .solution-container .swiper-slide-duplicate-active {

    transform: scale(1.39);

}

.our-advantages-wrapper {

    width: 100%;

    min-width: 1200px;

    background: url('../../images/wkq/beijing-4.jpg') no-repeat center center;
    

    background-size: cover;

    overflow: hidden;

}

.our-advantages {

    width: 1200px;

    margin: 0 auto;

    padding: 72px 0;

    box-sizing: border-box;

}

.our-advantages .list {

    margin-top: 42px;

    font-size: 0;

}

.our-advantages .list .item {

    display: inline-block;

    width: 372px;

    height: 244px;

    background: #FFFFFF;

    border-radius: 6px;

    text-align: center;

    margin-right: 40px;

    margin-top: 50px;

    cursor: pointer;

    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    position: relative;

    top: 0;

    left: 0;

}

.our-advantages .list .item:hover {

    box-shadow: 10px 12px 0px 0px rgba(255, 255, 255, 0.4);

    top: -12px;

    left: -12px;

}

.our-advantages .list .item:nth-child(3n) {

    margin-right: 0;

}

.our-advantages .list .item:nth-child(-n+3) {

    margin-top: 0;

}

.our-advantages .list .item img {

    width: 114px;

    height: 114px;

    display: block;

    margin: 0 auto;

    padding-top: 24px;

}

.our-advantages .list .item .title {

    margin-top: 12px;

    font-size: 24px;

    color: #00A1E9;

}

.our-advantages .list .item .desc {

    margin-top: 16px;

    font-size: 16px;

    color: #999999;

}

.our-advantages .title-wrapper .title {

    color: #FFFFFF;

}

.our-advantages .title-wrapper .sub-title {

    color: rgba(109, 212, 255, 0.8);

}

.dynamics-wrapper {

    width: 100%;

    min-width: 1200px;

    background: #F6F6F6;

}

.dynamics {

    width: 1200px;

    margin: 0 auto;

    padding: 72px 0 72px;

    box-sizing: border-box;

}

.dynamics-list {

    width: 1200px;

    margin-top: 42px;

    overflow: hidden;

}

.dynamics-list .item {

    width: 50%;

    float: left;

    box-sizing: border-box;

    margin-top: 10px;

    display: block;

}

.dynamics-list .item:nth-child(-n+2){

    margin-top: 0;

}

.dynamics-list .item:nth-child(odd){

    padding-right: 30px;

}

.dynamics-list .item:nth-child(even){

    padding-left: 30px;

}

.dynamics-list .item-wrapper {

    width: 100%;

    min-height: 180px;

    background: transparent;

    box-sizing: border-box;

    padding: 20px 18px;

}

.dynamics-list .item .title {

    font-size: 24px;

    color: #333333;

}

.dynamics-list .item .describe {

    font-size: 16px;

    color: #666666;

    line-height: 32px;

    margin-top: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.dynamics-list .item .describe.active {

    overflow: unset;

    display: block;

    -webkit-box-orient: unset;

    -webkit-line-clamp: unset;

}

.dynamics-list .item .bottom {

    margin-top: 12px;

    font-size: 16px;

    color: #999999;

    overflow: hidden;

}

.dynamics-list .item .bottom > span:last-child {

    color: #00A1E9;

    float: right;

    line-height: 16px;

}

.dynamics-list .item.active .item-wrapper {

    background: #1496EC;

    box-shadow: 0px 0px 11px 1px rgba(20, 150, 236, 0.3);

    border-radius: 6px;

}

.dynamics-list .item.active .title,

.dynamics-list .item.active .describe,

.dynamics-list .item.active .bottom,

.dynamics-list .item.active .bottom > span:last-child {

    color: #FFFFFF;

}

.more {

    width: 180px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #00A1E9;

    border-radius: 20px;

    display: block;

    margin: 0 auto;

    font-size: 20px;

    color: #00A1E9;

    margin-top: 42px;

    text-align: center;

}

.yuyue-wrapper {

    background: url('https://cdn.weilaba.com/images/wlb/beijing-2.jpg') no-repeat center center;

    background-size: cover;

    overflow: hidden;

    width: 100%;

    min-width: 1200px;

    display: block;

}

.yuyue {

    width: 1200px;

    margin: 72px auto;

    font-size: 0;

}

.yuyue .left,

.yuyue .right {

    display: inline-block;

    vertical-align: top;

    width: 50%;

}

.yuyue .left .logo {

    width: 208px;

    height: 58px;

    margin: 58px 0 73px;

}

.yuyue .left .title-wrapper .title {

    color: #FFFFFF;

}

.yuyue .left .title-wrapper .sub-title {

    color: rgba(132, 219, 255, .5);

}

.yuyue .left .code {

    width: 120px;

    height: 120px;

    display: block;

    margin: 70px auto 6px;

}

.yuyue .left .text {

    font-size: 14px;

    color: #FFFFFF;

    text-align: center;

}

.yuyue .right .item {

    margin-top: 25px;

    font-size: 0;

}

.yuyue .right .item:first-child {

    margin-top: 0;

}

.yuyue .right .item .label {

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

    color: #FFFFFF;

    width: 100px;

    text-align: right;

}

.yuyue .right .item .input {

    display: inline-block;

    vertical-align: middle;

    width: 442px;

    margin-left: 30px;

}

.yuyue .right .item .input.message {

    width: 267px;

}

.yuyue .right .item .input input {

    font-size: 16px;

    width: 100%;

    height: 40px;

    border-radius: 6px;

    color: #333333;

    padding: 12px 15px;

    box-sizing: border-box;

    outline: none;

}

input:-ms-input-placeholder {

    color: #CACACA;

}

input::-webkit-input-placeholder {

    color: #CACACA;

}

input::-moz-placeholder {

    color: #CACACA;

}

input:-moz-placeholder {

    color: #CACACA;

}

.yuyue .right .item .code-btn {

    width: 156px;

    height: 40px;

    background: #07CDFE;

    border-radius: 6px;

    font-size: 16px;

    color: #FFFFFF;

    border: 0;

    vertical-align: middle;

    margin-left: 19px;

    outline: none;

	cursor: pointer;

}

.yuyue .right .item > img {
    width: 156px;

    height: 40px;

    margin-left: 19px;

    vertical-align: middle;
    
    object-fit: cover;

	cursor: pointer;
}

.yuyue .right .submit {

    width: 185px;

    height: 42px;

    background: #07CDFE;

    border-radius: 6px;

    font-size: 16px;

    color: #FFFFFF;

    border: 0;

    display: block;

    margin: 51px auto 0;

	cursor: pointer;

}

@keyframes scaleDraw {

    0% {

        transform: scale(1);

    }

    25% {

        transform: scale(.9);

    }

    50% {

        transform: scale(1);

    }

    75% {

        transform: scale(.9);

    }

    100% {

        transform: scale(1);

    }

}

.scaleDraw {

    animation-name: scaleDraw;

	-webkit-animation-name: scaleDraw;

    animation-timing-function: ease-in-out;

    -webkit-animation-timing-function: ease-in-out;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    animation-duration: 3s;

    -webkit-animation-duration: 3s;

}

.customer-round .round3 .boss-round img {

    display: none;

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

}

.customer-round .round3 .service-round img {

    display: none;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.customer-round .round3 .master-round img {

    display: none;

    -webkit-animation-delay: 1.5s;

    animation-delay: 1.5s;

}

.customer-round .round3 .customer-round img {

    display: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}

.customer-round .round3 .finance-round img {

    display: none;

    -webkit-animation-delay: 2.5s;

    animation-delay: 2.5s;

}