h1{font-size:48px;line-height:77px}
h2{font-size:36px;line-height:58px}
h3{font-size:28px;line-height:45px}
h4{font-size:24px;line-height:38px}
h5{font-size:20px;line-height:32px}
h6{font-size:16px;line-height:26px}
p{font-size:14px;line-height:22px}
ul,li{margin:0;padding:0;}
.product-wrap{background:#fff;}
.container-center {display: flex;justify-content: center;}
.row-item-center {display: flex;justify-content: center;margin-bottom: 20px;}
.handle-box .btn {border-radius: 5px;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:5px;border-top-right-radius:5px;}
.dropdown-menu{border-radius:2px;border:0;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:0}
.dropdown-menu li a{padding-top:10px!important;padding-bottom:10px}
.fancybox-container{z-index:99999!important}
.dropdown-menu>li>a{font-weight:400;color:#444;padding:5px 15px;padding-bottom:10px}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
 margin-right:10px;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#777;background:rgba(0,0,0,.05)}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu{margin-top:0}
.dropdown-toggle{margin-bottom:2px}
.ck-overview {
	min-height:650px;
	padding:100px;
    background-image: url(../img/sv/startup_bg.png);
    background-size: cover;
    background-position: center;
}
.ck-overview h1{margin-top:70px;font-size: 48px;color: #fff;font-weight: bold;}
.ck-overview .brief{display:block;margin:40px auto 0;max-width:760px;font-size: 18px;color: #fff;line-height:36px;}
.ck-overview .handle-box{margin:40px 0;}
.overview-slide {position: relative;height:536px;width:327px;margin:0 auto;}
.overview-slide li {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;}
.overview-slide li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.mod-hd{margin-bottom:60px;}
.mod-hd h2{font-size: 36px;color: #363F48;text-align: center;font-weight: bold;}
.mod-hd p{font-size: 16px;color: #818e9b;text-align: center;margin-top: 20px;line-height:28px;}
.main-timeline {
 overflow:hidden;
 position:relative;
}
.main-timeline:before {
 content:"";
 width:3px;
 height:100%;
 background:#d6d5d5;
 position:absolute;
 top:0;
 left:50%;
}
.main-timeline .timeline {
 padding-right:30px;
 position:relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after {
 content:"";
 display:block;
 width:100%;
 clear:both;
}
.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before {
 content:"";
 width:13px;
 height:13px;
 border-radius:50%;
 border:2px solid #d6d5d5;
 background:#fff;
 margin:0 auto;
 position:absolute;
 top:0;
 left:0;
 right:-3px;
}
.main-timeline .timeline:last-child:before {
 top:auto;
 bottom:0;
}
.main-timeline .timeline:nth-child(2n) {
 padding:0 0 0 30px;
}
.main-timeline .timeline:nth-child(2n) .year {
 border-radius:3px 0 0 3px;
 right:auto;
 left:32%;
}
.main-timeline .timeline:nth-child(2n) .year:before {
 border:18px solid transparent;
 border-right:none;
 border-left:18px solid #00A0E9;
 left:auto;
 right:-18px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content {
 float:right;
 margin:0 0 0 20px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after {
 border-left:none;
 border-right:20px solid #fff;
 right:auto;
 left:-20px;
}
.main-timeline .timeline-icon {
 width:18px;
 height:18px;
 border-radius:50%;
 background:#fff;
 border:2px solid #d6d5d5;
 box-sizing:content-box;
 margin:auto;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:-4px;
}
.main-timeline .timeline-icon:before {
 content:"";
 display:block;
 width:8px;
 height:8px;
 border-radius:50%;
 background:#00A0E9;
 margin:auto;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
}
.main-timeline .year {
 display:inline-block;
 border-radius:0 3px 3px 0;
 padding:8px 30px 8px 20px;
 margin:0;
 font-size:14px;
 color:#fff;
 background:#00A0E9;
 text-align:center;
 position:absolute;
 top:50%;
 right:31%;
 transform:translateY(-50%);
}
.main-timeline .year:before {
 content:"";
 border-right:18px solid #00A0E9;
 border-top:18px solid transparent;
 border-bottom:18px solid transparent;
 position:absolute;
 top:0;
 left:-18px;
}
.main-timeline .timeline-content {
 width:46.5%;
 padding:33px 40px;
 margin:0 20px 0 0;
 background:#fff;
 position:relative;
 -webkit-transition:-webkit-box-shadow .5s;
 transition:-webkit-box-shadow .5s;
 -o-transition:box-shadow .5s;
 -moz-transition:box-shadow .5s;
 transition:box-shadow .5s;
 transition:box-shadow .5s, -webkit-box-shadow .5s;
}
.main-timeline .timeline-content:hover{
 -webkit-transform:scale(1.01);
 -moz-transform:scale(1.01);
 -ms-transform:scale(1.01);
 -o-transform:scale(1.01);
 transform:scale(1.01);
 -webkit-box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22);
 box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22);	
	
}
.main-timeline .timeline-content:after {
 content:"";
 border-left:20px solid #fff;
 border-top:20px solid transparent;
 border-bottom:20px solid transparent;
 position:absolute;
 top:50%;
 right:-20px;
 transform:translateY(-50%);
}
.main-timeline .timeline:before {
 background:inherit;
}
.main-timeline .title {
 float:left;
 font-size:24px;
 font-weight:bold;
 color:#504f54;
 margin:0 15px 15px 0;
 line-height:1.1;
}
.main-timeline .post {
 display:inline-block;
 font-size:14px;
 color:#999;
 margin-top:6px;
}
.main-timeline .description {
 clear:both;
 font-size:14px;
 color:#7d7b7b;
 line-height:24px;
 margin:0;
}
@media only screen and (max-width:1200px) {
 .main-timeline .year {
  right:30%;
 }
 .main-timeline .timeline:nth-child(2n) .year {
  left:30%;
 }
}
@media only screen and (max-width:990px) {
 .main-timeline .year {
  right:25%;
 }
 .main-timeline .timeline:nth-child(2n) .year {
  left:25%;
 }
}
@media only screen and (max-width:767px) {
 .main-timeline:before {
  left:10px;
 }
 .main-timeline .timeline {
  padding:0 0 0 30px;
  margin-bottom:20px;
 }
 .main-timeline .timeline:last-child {
  margin-bottom:0;
 }
 .main-timeline .timeline:first-child:before,
 .main-timeline .timeline:last-child:before {
  display:none;
 }
 .main-timeline .timeline-icon {
  margin:0;
  position:absolute;
  top:7px;
  left:0;
 }
 .main-timeline .year,
 .main-timeline .timeline:nth-child(2n) .year {
  display:block;
  font-weight:bold;
  margin:0 0 32px 30px;
  z-index:1;
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  transform:none;
 }
 .main-timeline .timeline:nth-child(2n) .year:before {
  border-left:none;
  border-right:18px solid #00A0E9;
  right:auto;
  left:-18px;
 }
 .main-timeline .timeline-content {
  padding:20px;
 }
 .main-timeline .timeline-content,
 .main-timeline .timeline:nth-child(2n) .timeline-content {
  width:auto;
  float:none;
  margin:0 0 0 30px;
 }
 .main-timeline .timeline-content:after,
 .main-timeline .timeline:nth-child(2n) .timeline-content:after {
  border:none;
  border-bottom:20px solid #f2f2f2;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  top:-20px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
 }
}
@media only screen and (max-width:480px) {
 .main-timeline .title {
  float:none;
  margin:0;
 }
 .main-timeline .year,
 .main-timeline .timeline:nth-child(2n) .year {
  margin-left:20px;
 }
 .main-timeline .timeline-content,
 .main-timeline .timeline:nth-child(2n) .timeline-content {
  margin-left:10px;
 }
 .main-timeline .post {
  margin:5px 0;
 }
}
/* Accordions */
.ck-accordion .panel {
    border: 0px;
    line-height: 24px;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
}

.ck-accordion .panel-body {
    color: #888;
    border-top: 0px !important;
}

.ck-accordion .panel-heading {
    border-radius: 3px;
    padding: 10px 20px;
}
.ck-accordion .panel-title {
    color: #888;
}
#faq .panel-default > .panel-heading {
    background-color: #f5f5f5;
}
#faq .mod-bd{width:70%;margin:0 auto;}
#screenshots .swiper-slide{width:auto;margin-right:30px;height:450px}
#screenshots .swiper-slide>img{height:100%}
.screenshots-tabs a{margin:0 10px}
.screenshots-tabs a.active{box-shadow:none;background-color:#59a3fc;color:#fff}
.screenshots-container{display:none}
.screenshots-container.active{display:block}
/* 特色功能 */
#features .mod-bd{}
#features .item{margin:15px 0;border:solid 1px #eee;padding:20px 10px;border-radius:10px;}
#features .item-left, #features  .item-right, #features  .item-body {display: table-cell;vertical-align: top;}
#features .item-middle {vertical-align: middle;}
#features .item-left, #features  .item > .pull-left {padding-right: 10px;}
#features .item-body h5 {font-size: 20px;margin:0;color:#444;}
#features .item-body p {margin-top:10px;font-size: 14px;line-height: 22px;color:#888;height:66px;overflow:hidden;}
#features .item-left i {display:block;width: 80px;height: 80px;background-size: contain !important;margin-top: 10px;}
#features .item:hover{border:solid 1px #b078f9;transition: all 0.5s linear;cursor:pointer;}
#features .item:hover .item-body p{overflow:auto;}

/* 场景 */
#scene{background: #b078f9;}
#scene .mod-hd h2{color:#fff;}
#scene .mod-hd p{color:#fff;}
#scene .mod-bd{padding-bottom:40px;}
.scene-list li{width:auto;height:470px;float:left;display:inline-block;position:relative;overflow:hidden;}
.scene-list li:nth-child(4){margin-right:0;}
.scene-list li .thumb{width:100%;height:300px;background:rgba(0,0,0,0.4);overflow:hidden;z-index:5;}
.scene-list li .intro{padding:20px 0;width:100%;text-align:center;color:#fff;}
.scene-list li .intro .title {font-size: 22px;margin-bottom:10px;}
.scene-list li .intro .desc{line-height:25px;color:#999;color:#FFF;}
#scene .mod-bd .swiper-pagination{}
#scene .mod-bd .swiper-pagination-bullet{width:20px;height:5px;border-radius:0;}
#scene .mod-bd .swiper-pagination-bullet-active{background-color:#FFF;}

/* 优势 */
#superiority .mod-bd{position:relative;margin-top:20px;}
#superiority .mod-bd ul li .item{ min-height:320px;padding:20px;border: 1px solid #eee;overflow: hidden;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 -webkit-transition:-webkit-box-shadow .5s;
 transition:-webkit-box-shadow .5s;
 -o-transition:box-shadow .5s;
 -moz-transition:box-shadow .5s;
 transition:box-shadow .5s;
 transition:box-shadow .5s, -webkit-box-shadow .5s;
}
#superiority .mod-bd ul li .imgs{ display: block;width: 66px;height: 66px;margin: 0 auto; }
#superiority .mod-bd ul li .imgs img{width:66px;height:66px;}
#superiority .mod-bd ul li .remark{ margin-top:20px;text-align: center; }
#superiority .mod-bd ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 10px; }
#superiority .mod-bd ul li .remark p{ color: #999;line-height:26px;}
#superiority .mod-bd ul li .item:hover{  -webkit-transform:scale(1.01);
 -moz-transform:scale(1.01);
 -ms-transform:scale(1.01);
 -o-transform:scale(1.01);
 transform:scale(1.01);
 -webkit-box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22);
 box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22); }
/* 运营保障 */
#safeguard{background-color:#F3F3F3;}
#safeguard .mod-bd {margin-top:52px;}
#safeguard .mod-bd > .item {display:inline-table;height:100%;width:340px;vertical-align:top;}
#safeguard .mod-bd > .item p {margin:0}
#safeguard .mod-bd > .gurantee-item1 > .content {
 height:464px;
 background:url("../img/live/sg1.png") no-repeat;
 background-size:cover;
 color:#fff;
 padding:328px 0 0 35px;
 text-align:left;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
}
#safeguard .mod-bd > .gurantee-item1 > .content > .title {
 font-size:30px
}
#safeguard .mod-bd > .gurantee-item1 > .content > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:20px auto 10px 0
}
#safeguard .mod-bd > .gurantee-item1 > .content > .desc {
 font-size:16px;
 padding-right:20px
}
#safeguard .mod-bd > .gurantee-item1 > .content-label-chinese {
 margin-top:20px;
 color:#333;
 font-size:36px;
 padding-left:25px
}
#safeguard .mod-bd > .gurantee-item1 > .content-label-english {
 font-size:24px;
 color:#999;
 margin-top:20px;
 padding-left:63px
}
#safeguard .mod-bd > .gurantee-item2 {
 width:350px;
 margin-left:26px;
 height:530px;
 text-align:left;
}
#safeguard .mod-bd > .gurantee-item2 > .content-top {
 height:190px;
 background:url("../img/live/sg2.png") no-repeat;
 background-size:cover;
 padding:57px 0 0 22px;
 color:#fff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
}
#safeguard .mod-bd > .gurantee-item2 > .content-top > .title {
 font-size:30px
}
#safeguard .mod-bd > .gurantee-item2 > .content-top > .desc {
 font-size:16px;
 padding-right:20px
}
#safeguard .mod-bd > .gurantee-item2 > .content-top > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:20px auto 10px 0
}
#safeguard .mod-bd > .gurantee-item2 > .content-bottom {
 height:370px;
 margin-top:20px;
 background:url("../img/live/sg3.png") no-repeat;
 background-size:cover;
 padding:230px 0 0 22px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 color:#fff;
}
#safeguard .mod-bd > .gurantee-item2 > .content-bottom > .title {
 font-size:30px
}
#safeguard .mod-bd > .gurantee-item2 > .content-bottom > .desc {
 font-size:16px;
 padding-right:20px
}
#safeguard .mod-bd > .gurantee-item2 > .content-bottom > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:20px auto 10px 0;
}
#safeguard .mod-bd > .gurantee-item3 {
 width:450px;
 margin-left:26px;
 height:530px;
 text-align:left;
}
#safeguard .mod-bd > .gurantee-item3 > .content-top {
 height:370px;
 background:url("../img/live/sg4.png") no-repeat;
 background-size:cover;
 padding:257px 0 0 22px;
 color:#fff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
}
#safeguard .mod-bd > .gurantee-item3 > .content-top > .title {
 font-size:30px
}
#safeguard .mod-bd > .gurantee-item3 > .content-top > .desc {
 font-size:16px;
 padding-right:20px
}
#safeguard .mod-bd > .gurantee-item3 > .content-top > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:20px auto 10px 0
}
#safeguard .mod-bd > .gurantee-item3 > .content-bottom {
 height:190px;
 margin-top:20px;
 background:url("../img/live/sg5.png") no-repeat;
 background-size:cover;
 padding:76px 0 0 22px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 color:#fff;
}
#safeguard .mod-bd > .gurantee-item3 > .content-bottom > .title {
 font-size:30px
}
#safeguard .mod-bd > .gurantee-item3 > .content-bottom > .desc {
 font-size:16px;
 padding-right:20px
}
#safeguard .mod-bd > .gurantee-item3 > .content-bottom > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:20px auto 10px 0
}
/* 流量变现 */
#realize{}
#realize .mod-hd h2{}
#realize .mod-hd p{}
#realize .mod-bd{margin-top:60px;}
.realize-info .item {margin-bottom: 80px;}
.realize-info .item .title{position:relative;font-size: 24px;line-height: 28px;margin-bottom: 24px;color: #542acd;}
.realize-info .item .title::after {content: '';display: block;position: absolute;width: 48px;height: 4px;border-radius: 1px;background: #fdb055;margin-top: 7px;}
.realize-info .item .title-l::after {right:0;}
.realize-info .item .title-r::after {left:0;}
.realize-info .item .brief{color: #707070;font-size: 18px;line-height: 28px;}
.realize-info .realize-img {margin: 0 78px 50px;vertical-align: bottom;}

/* bottom */
.bottom{width: 100%;height: 300px;
display: -webkit-flex; 
display: flex;
justify-content:center;
align-items: center;
}
.bottom p{text-align: center;font-size: 32px;color: white;}
.bottom a{display: block;width: 150px;height: 40px;border: 1px solid white;text-align: center;line-height: 40px;font-size: 15px;color: white;margin:50px auto 0;}
.bottom a:hover{background-color: #fff;color:black;}