html,body {height:100%;width:100%;}
body {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Roboto","SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC",BlinkMacSystemFont,-apple-system,"Segoe UI","Microsoft Yahei","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-weight:400;}
a {-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;color:#2254f4;}
a:hover,a:focus {color:#fcbd20;text-decoration:none;}
hr {max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,0.1);}
hr.light {border-color:white;}
h1,h2,h3,h4,h5,h6 {font-weight:200;letter-spacing:1px;}
p {font-size:16px;line-height:1.5;margin-bottom:20px;}
.navbar {height:68px;min-height:68px;}
.navbar-nav > li > a {padding-top:24px;padding-bottom:24px;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {color:#333;background-color:transparent;}
.navbar-inverse .navbar-nav > li > a {color:rgba(0,0,0,.8);}
.nav li .avatar-text,.nav li .avatar-img {height:40px;width:40px;line-height:40px;}
.nav li .avatar-img img {width:40px;height:40px;border-radius:50px;}
.dropdown-menu > li > a {padding:8px 20px;}
.mk_nav li > a {font-size:15px;}
.page-header {padding-bottom:20px;}
.navbar-default {background-color:transparent;border-color:transparent;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;font-family:'Catamaran','Helvetica','Arial','sans-serif';font-weight:200;letter-spacing:1px;}
.navbar-default .navbar-header {height:68px;}
.navbar-default .navbar-header .navbar-brand {font-family:'Catamaran','Helvetica','Arial','sans-serif';font-weight:200;letter-spacing:1px;color:#2254f4;}
.navbar-default .navbar-header .navbar-brand:hover,.navbar-default .navbar-header .navbar-brand:focus {color:#fcbd20;}
.navbar-default .navbar-header .navbar-toggle {font-size:12px;color:#222222;padding:8px 10px;}
.navbar-default .navbar-toggle {border-color:#333;background:#FFF;}
.navbar-default .navbar-collapse.in .navbar-nav {background:#FFF;margin:0 -15px;}
.navbar-default .nav > li > a {text-transform:uppercase;letter-spacing:2px;font-size:15px;}
.navbar-default .nav > li > a,.navbar-default .nav > li > a:focus {color:#222222;}
.navbar-default .nav > li > a:hover,.navbar-default .nav > li > a:focus:hover {color:#2254f4;}
.navbar-default .nav > li.active > a,.navbar-default .nav > li.active > a:focus {color:#2254f4 !important;background-color:transparent;}
.navbar-default .nav > li.active > a:hover,.navbar-default .nav > li.active > a:focus:hover {background-color:transparent;}
.navbar-default .navbar-header .navbar-brand {padding-top:3px;}
@media (min-width:768px) {.navbar-default {background-color:transparent;border-color:transparent;}
.navbar-default .navbar-header .navbar-brand {color:rgba(255,255,255,0.7);}
.navbar-default .navbar-header .navbar-brand:hover,.navbar-default .navbar-header .navbar-brand:focus {color:white;}
.navbar-default .nav > li > a,.navbar-default .nav > li > a:focus {color:rgba(255,255,255,0.7);}
.navbar-default .nav > li > a:hover,.navbar-default .nav > li > a:focus:hover {color:white;}
.navbar-default.affix {background-color:white;border-color:rgba(34,34,34,0.1);}
.navbar-default.affix .navbar-header .navbar-brand {color:#222222;}
.navbar-default.affix .navbar-header .navbar-brand:hover,.navbar-default.affix .navbar-header .navbar-brand:focus {color:#2254f4;}
.navbar-default.affix .nav > li > a,.navbar-default.affix .nav > li > a:focus {color:#222222;}
.navbar-default.affix .nav > li > a:hover,.navbar-default.affix .nav > li > a:focus:hover {color:#2254f4;}
}
header {position:relative;width:100%;min-height:auto;overflow-y:hidden;background:none;color:white;}
header .header-content {text-align:center;padding:150px 0 50px;position:relative;}
header .device-container {max-width:300px;margin:0 auto 100px;}
header .device-container .screen img {border-radius:3px;}
@media (min-width:768px) {header {min-height:100%;}
header .header-content {text-align:center;padding:0;height:100vh;}
header .device-container {max-width:none;max-height:calc(0vh);margin:100px auto 0;}
}
@media (min-width:992px) {header .header-content .header-content-inner h1 {font-size:80px;}
}
@media (max-width:767px) {header .header-content .header-content-inner h1 {font-size:50px;}
}
section {padding:100px 0;overflow:hidden;}
section h2 {font-size:38px;font-weight:bold;color:#111;}
section h3 {font-size:32px;}
section p {color:#777;}
section.download {padding:150px 0;position:relative;}
section.download h2 {margin-top:0;font-size:50px;}
section.download .badges .badge-link {display:block;margin-bottom:25px;}
section.download .badges .badge-link:last-child {margin-bottom:0;}
section.download .badges .badge-link img {height:60px;}
@media (min-width:768px) {section.download .badges .badge-link {display:inline-block;margin-bottom:0;}
}
@media (min-width:768px) {section.download h2 {font-size:70px;}
}
section.features .section-heading {margin-bottom:100px;}
section.features .section-heading h2 {margin-top:0;}
section.features .section-heading p {margin-bottom:0;}
section.features .device-container,section.features .feature-item {max-width:300px;margin:0 auto;height:215px;}
section.features .device-container {margin-bottom:100px;}
@media (min-width:992px) {section.features .device-container {margin-bottom:0;}
}
section.features .feature-item {text-align:center;margin-bottom:80px;}
section.features .feature-item h3 {font-size:24px;}
section.features .feature-item i {font-size:60px;background:-webkit-linear-gradient(to left,#328944,#247cdc);background:linear-gradient(to left,#328944,#247cdc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
@media (min-width:992px) {section.features .device-container,section.features .feature-item {max-width:none;}
}
section.cta {position:relative;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url('https://img.alicdn.com/imgextra/i4/2206895874070/O1CN01jUzMEx1fw6p7aQUcE_!!2206895874070.jpg');background-attachment:fixed;height:520px;padding:0;text-align:center;color:#FFF;}
section.cta .tit1 {font-size:26px;line-height:48px;padding-top:200px;position:relative;z-index:5;text-align:center;color:#FFF;letter-spacing:5px;}
section.cta .h_icon {background:url(https://img.alicdn.com/imgextra/i1/2206895874070/O1CN01Y3KJGF1fw6p0cufg4_!!2206895874070.png) no-repeat 0px -1px transparent;width:160px;height:38px;position:absolute;left:50%;top:0;z-index:20;margin-left:-80px;}
section.cta .cta-content {position:relative;z-index:1;}
@media (min-width:768px) {section.cta .cta-content h2 {font-size:70px;}
}
section.cta .overlay {height:100%;width:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:0;left:0;}
section.contact {text-align:center;}
section.contact h2 {margin-top:0;margin-bottom:25px;}
section.contact h2 i {color:#dd4b39;}
section.contact ul.list-social {margin-bottom:0;}
section.contact ul.list-social li a {display:block;height:80px;width:80px;line-height:80px;font-size:40px;border-radius:100%;color:white;}
section.contact ul.list-social li.social-github a {background-color:#444;}
section.contact ul.list-social li.social-github a:hover {background-color:#111;}
section.contact ul.list-social li.social-qq a {background-color:#1da1f2;}
section.contact ul.list-social li.social-qq a:hover {background-color:#0d95e8;}
section.contact ul.list-social li.social-weibo a {background-color:#dd4b39;}
section.contact ul.list-social li.social-weibo a:hover {background-color:#d73925;}
footer {background-color:#222222;padding:25px 0;color:rgba(255,255,255,0.3);text-align:center;}
footer p {font-size:12px;margin:0;}
footer .copyright a{color:#888;}
footer ul {margin-bottom:0;}
footer ul li a {font-size:12px;color:rgba(255,255,255,0.3);}
footer ul li a:hover,footer ul li a:focus,footer ul li a:active,footer ul li a.active {text-decoration:none;}
.bg-primary {background:#2254f4;background:-webkit-linear-gradient(#2254f4,#fdc539);background:linear-gradient(#2254f4,#fdc539);}
.text-primary {color:#0544FF;}
.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
.btn-outline {color:white;border-color:white;border:1px solid;}
.btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.active {color:white;background-color:#0544FF;border-color:#0544FF;}
.btn {text-transform:uppercase;letter-spacing:2px;border-radius:300px;}
body {webkit-tap-highlight-color:#222222;}
.bigdata {height:300px;}
.ad_box {height:100px;}
.ad_box .text_line {position:absolute;width:1px;height:80px;border-left:1px dotted #DDD;top:10px;left:0px;}
.ad_box:first-child .text_line {border:0;}
.ad_box .text_tit {font-size:50px;font-weight:100;font-style:normal;color:#333;position:relative;display:inline-block;}
.ad_box .text_tit .count {display:inline-block;}
.ad_box .text_tit sup {position:absolute;font-size:15px;right:-25px;top:32px;}
.ad_box .text-content {color:#777;}
.product {background:#fafafa;}
.product_con {text-align:center;cursor:pointer;text-decoration:none;}
section.product .feature-item {text-align:center;margin-bottom:80px;}
.product_con a {text-decoration:none;color:#555;}
section.product .feature-item h3 {font-size:24px;text-decoration:none;}
section.product .feature-item i {font-size:38px;background:-webkit-linear-gradient(to left,#222,#222);background:linear-gradient(to left,#333,#222);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.product_con:hover .feature-item i {background:-webkit-linear-gradient(to left,#2254f4,#2254f4);background:linear-gradient(to left,#2254f4,#2254f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.product_con:hover .feature-item h3 {color:#2254f4;}
.text-tit {color:#777;font-size:14px;width:70%;margin:16px auto;}
.kfcon {width:60px;z-index:9;position:fixed;right:0;top:30%;border-radius:20px;}
.kfcon .box_con {display:block;background:#fff;text-align:center;width:60px;height:70px;border:1px solid #ededed;overflow:hidden;color:#999;margin-bottom:0px}
.kfcon .box_con.kf_box {border-top-left-radius:8px;border-top-right-radius:0px;}
.kfcon .box_con.app_part_box {border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.kfcon .box_con.wx_box,.kfcon .box_con.qq_box,.kfcon .box_con.top_box,.kfcon .box_con.app_part_box {border-top:0;}
.kfcon .box_con.wx_box {border-bottom-left-radius:8px;}
.kfcon .box_con.top_box {border-bottom-left-radius:8px;}
.kefu_part {position:relative;display:block;cursor:pointer}
.kfcon .box_con a i {width:30px;display:block;height:30px;line-height:30px;font-size:18px;margin:10px auto 5px}
.kfcon .box_con a {color:#777;text-decoration:none;cursor:pointer;}
.wx_tc {position:absolute;overflow:hidden;width:160px;height:160px;top:70px;left:-170px;display:none;background:url(../img/qwx.png) no-repeat center center;background-size:100% 100%;padding-right:8px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.wx_box:hover .wx_tc {display:block}
.kfcon .box_con:hover {background:#007fff;}
.kfcon .box_con:hover a {color:#FFFFFF}
.kfcon .introduce {width:150px;top:0px;text-align:left;right:58px;display:none;background:#FFF;border:1px solid #ededed;z-index:7;position:absolute;transition:width 0.6s;-moz-transition:width 6s;/* Firefox 4 */  -webkit-transition:width 6s;/* Safari 和 Chrome */  -o-transition:width 6s;}
.kfcon .kf_box:hover .introduce {display:block;}
.kfcon .introduce .service-ico {display:block;width:40px;height:40px;margin:20px auto 0;background:url(https://img.alicdn.com/imgextra/i3/836796077/O1CN01j4Dh5O1ulJUJ84k9H_!!836796077.png) no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;border-radius:50%;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}
.kfcon .introduce:hover .service-ico {border-radius:0%;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}
.kfcon .introduce .service-title {display:block;color:#007fff;border:1px solid #007fff;width:78px;height:22px;line-height:18px;text-align:center;margin:10px auto;border-radius:3px;font-size:12px;}
.kfcon .introduce:hover .service-title {background:#007fff;color:#FFF;cursor:pointer;}
.kfcon .introduce .service-info {padding:0 10px;}
.kfcon .introduce .service-info .ww {display:block;width:128px;text-align:center;margin:15px 0;}
.kfcon .introduce .service-info .ww img {width:16px;height:16px;margin-right:5px;margin-top:-3px;}
.kfcon .introduce .service-info .ww a {color:#333;}
.kfcon .introduce .service-info .last-child {text-align:center;border-top:1px dotted #e6e6e6;height:38px;line-height:38px;color:#333;}
.swiper-container {width:100%;height:1000px;}
.swiper-slide {text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:300ms;transform:scale(1.2);}
.swiper-container .header-content-inner {width:100%;position:absolute;top:50%;transform:translateY(-50%);margin:0;text-align:center;}
.swiper-container .header-content-inner h1 {font-size:50px;}
.swiper-container .header-content-inner .btn-xl {background:#2254f4;border:0;padding:8px 38px;margin-top:20px;font-size:16px;color:#FFF;display:inline-block;text-align:center;white-space:nowrap;border-radius:100px;text-decoration:none;background-image:linear-gradient(to right, #4403ff 0%, #034eff 100%);}
.swiper-container .header-content-inner .weex_btn{background: -webkit-linear-gradient(right,#1377e9,#6e10d7); background: linear-gradient(-90deg,#1377e9,#6e10d7);border:0;color:#FFF;}
.swiper-container .header-content-inner .weex_btn:hover{background:linear-gradient(-90deg,#0d56f9,#5e00c7);}
.swiper-container .pagination {position:absolute;left:0;text-align:center;bottom:5px;width:100%;z-index:999;}
.swiper-slide-active,.swiper-slide-duplicate-active {transform:scale(1);}
.swiper-container .swiper-slide .item {width:100%;height:100%;padding:0;padding-top:6px;z-index:99;background-size: cover;}
.swiper-container .slider_arrow_left {background:url(https://img.alicdn.com/imgextra/i3/2206895874070/O1CN01mFeM0d1fw6p8qjSBq_!!2206895874070.png) no-repeat 0px 0px;position:absolute;left:20px;top:50%;margin-top:-32px;width:64px;height:64px;z-index:999;transition:300ms;}
.swiper-container .slider_arrow_left:hover {background-position:-64px 0;transition:300ms;}
.swiper-container .slider_arrow_right {background:url(https://img.alicdn.com/imgextra/i3/2206895874070/O1CN01mFeM0d1fw6p8qjSBq_!!2206895874070.png) no-repeat -192px 0px;position:absolute;right:20px;top:50%;margin-top:-32px;width:64px;height:64px;z-index:999;outline:none;transition:300ms;}
.swiper-container .slider_arrow_right:hover {background-position:-128px 0;transition:300ms;}
.slider_pagination {text-align:center;position:absolute;left:0;text-align:center;bottom:30px;width:100%;z-index:999;}
.slider_pagination .swiper-pagination-bullet {width:10px;height:10px;display:inline-block;background:#fff;opacity:0.5;margin:0 5px;border-radius:20px;transition:opacity .5s,background-color .5s,width .5s;transition-delay:.5s,.5s,0s;}
.slider_pagination .swiper-pagination-bullet-active {opacity:1;background:#ffffff;width:36px;transition-delay:0s;}
/*brand*/
.section-full {width:100%;padding:50px 0;}
.section-full .user-comment-title {margin:120px auto 72px auto;}
.weex_title {text-align:center;margin:50px auto;}
.weex_title .title {font-size:36px;font-weight:600;line-height:1.5;color:#12141ce6;}
.weex_title .desc {font-size:18px;font-weight:400;line-height:1.5;color:#12141c80;margin-top:12px;padding:0 20px;}
.logo_wrap[data-v-6a32e916] {position:relative;width:1440px;height:580px;overflow:hidden;margin:0 auto;font-size:0;}
.logo_wrap .mask[data-v-6a32e916] {position:absolute;z-index:10;}
.logo_wrap .left_mask[data-v-6a32e916] {left:0;}
.logo_wrap .right_mask[data-v-6a32e916] {right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.logo_wrap .line_odd[data-v-6a32e916] {width:3976px;-webkit-animation:scrollToRight-data-v-6a32e916 36s linear infinite;animation:scrollToRight-data-v-6a32e916 36s linear infinite;}
.logo_wrap .line_odd .logo_img[data-v-6a32e916] {width:50%;display:inline-block;}
.logo_wrap .line_even[data-v-6a32e916] {width:3976px;-webkit-animation:scrollToRight-data-v-6a32e916 30s linear infinite;animation:scrollToRight-data-v-6a32e916 30s linear infinite;}
.logo_wrap .line_even .logo_img[data-v-6a32e916] {width:50%;display:inline-block;}
.logo_wrap .line_four[data-v-6a32e916] {width:3569px;}
@-webkit-keyframes scrollToRight-data-v-6a32e916 {from {-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}to {-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0);}}
@keyframes scrollToRight-data-v-6a32e916 {from {-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}to {-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0);}}
@keyframes scrollToRight-data-v-6a32e916 {from {-webkit-transform:translate3d(-50%,0,0);}to {-webkit-transform:translate3d(0%,0,0);}}

.tbshop{background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;padding:30px 0;}
.tbshop .title {font-size: 48px;line-height: 128px;color: #fff;text-align:center;}
@-webkit-keyframes gradient {0% {background-position:0 50%}50% {background-position:100% 50%}to {background-position:0 50%}}
@keyframes gradient {0% {background-position:0 50%}50% {background-position:100% 50%}to {background-position:0 50%}}