.back-gray{background-color: #f6f6f6;}
.font-orange{color: #ffaf4c;}
.font-blue{color: #19b5ed;}
.font-red{color: #ed461a;}
.font-green{color: #9cc942;}
.clear{clear: both;width: 0;height: 0;}

.header{background-color: #19b5ed;height: 1.6rem;position: relative;}
.header div img{position: absolute;width: 5.373333rem;height: 0.58667rem;left: 0.2667rem;bottom: 0.506667rem;}
.header div a{position: absolute;width: 0.53334rem;height: 0.53334rem;right: 0.26667rem;bottom: 0.506667rem;
                background: url(../img/menu.png) no-repeat;background-size: contain;background-position: 50% 50%;}
.header ul{position: absolute;left: 0;top: 1.586667rem;z-index: 100;width: 100%;background-color: #2fc5fb;padding-bottom: 0.24rem;display: none;}
.header ul li a{height: 1.30667rem;line-height: 1.30667rem;display: block;color: #fff;font-size: 16px;
        box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 0.48rem;border-bottom: 1px solid #43a8cc;}
[data-dpr="2"] .header ul li a{font-size: 32px;}
[data-dpr="3"] .header ul li a{font-size: 48px;}
.slider{height: 4.0267rem;position: relative;}
.slider img{width: 100%;height: 4.0267rem;}
.slider .slider-header{position: absolute;left: 1.28rem;top: 1.28rem;}
.slider .slider-header .slider-header-cn{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 0.186667rem;}
[data-dpr="2"] .slider .slider-header .slider-header-cn{font-size: 40px;}
[data-dpr="3"] .slider .slider-header .slider-header-cn{font-size: 60px;}
.slider .slider-header .slider-header-en{font-weight: bold;color: #fff;margin-bottom: 0.08rem;}
.slider .slider-header .slider-header-sign{width: 0.68rem;height: 0.08rem;background-color: #1cb2ed;}
.wrap{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.data-container{padding: 0.506667rem 0 0.77333rem;}
.wrap-data{background-color: #f6f6f6;}
.wrap-data .data-header{font-size: 16px;text-align: center;line-height: 0.53333rem;}
.wrap-data .data-header span{font-weight: blod;}
.data-info{padding: 0 2rem;font-size: 0;} 
.data-info p{display: inline-block;margin-bottom: 0.5333rem;width: 50%;font-size: 14px;color: #929292;}
.data-info p span{display: block;}
.data-info p strong{font-weight: bold; font-size: 26px;}
[data-dpr="2"] .data-info p{font-size: 28px;}
[data-dpr="3"] .data-info p{font-size: 42px;}
[data-dpr="2"] .data-info p strong{font-size: 52px;}
[data-dpr="3"] .data-info p strong{font-size: 78px;}
[data-dpr="2"] .wrap-data .data-header{font-size: 34px;}
[data-dpr="3"] .wrap-data .data-header{font-size: 51px;}
.container{padding: 0 0.267rem;}

.module-title{font-weight: bold;font-size: 18px;color: #454545;margin-top: 0.733rem;margin-bottom:  0.667rem;}
[data-dpr="2"] .module-title{font-size: 36px;}
[data-dpr="3"] .module-title{font-size: 54px;}
.module-title span{display: inline-block;background-color: #1ab5ed;width: 0.107rem;height: 0.613rem;margin-right: 0.133rem;margin-bottom: -0.05333rem;}
.module-header{margin-bottom: .373rem; color: #ffaf4c;font-weight: bold;text-align: center;font-size: 17px;}
[data-dpr="2"] .module-header{font-size: 34px;}
[data-dpr="3"] .module-header{font-size: 50px;}
.module-info{text-align: center;}
.module-info p{text-align: left;line-height: .48rem;color: #606060;}
[data-dpr="2"] .module-info p{font-size: 26px;}
[data-dpr="3"] .module-info p{font-size: 39px;}
.module-info img{margin: .427rem auto .56rem;}
.module-intro{text-indent: .747rem;font-size: 14px;line-height: .507rem;color: #606060;}
[data-dpr="2"] .module-intro{font-size: 28px;}
[data-dpr="3"] .module-intro{font-size: 42px;}

.functions{border: 1px solid #d7d7d7;padding:.133rem .973rem .493rem;font-size: 0;}
.functions ul li{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: inline-block;
       width: 50%;margin-top: .36rem;text-align: center;}
.functions ul li img{width: 1.387rem;height: 1.387rem;margin-bottom: .24rem;}
.functions ul li span{color: #606060;display: block;font-size: 13px;}
[data-dpr="2"] .functions ul li span{font-size: 26px;}
[data-dpr="3"] .functions ul li span{font-size: 40px;}
.footer .contacts{padding: 1.013rem .2rem 0 1.5rem;}
.footer .icon1{display:inline-block; width: .4rem; height: .4rem;margin-right: 0.08rem; vertical-align: middle; background: url("../img/icon_contact.png") no-repeat; background-size: .4rem 1.56rem;}
.footer .icon1-1{background-position: 0 0;}
.footer .icon1-2{background-position: 0 -0.6rem;}
.footer .icon1-3{background-position: 0 -1.2rem;}
.footer div{color: #606060;}
.footer .contacts{font-size: 14px;}
[data-dpr="2"] .contacts{font-size: 30px;}
[data-dpr="3"] .contacts{font-size: 45px;}
footer .contacts div{ line-height: 1rem;}
.footer .copyright{padding: .427rem 0; text-align: center;border-top: 1px solid rgba(96, 96, 96, 0.3);}
.footer .copyright a{color:#606060;}
.footer .copyright p{margin-top: 8px;}

.guide{position: fixed;right: 0.26667rem;top: 5rem;width: 1.70666rem;border-radius: 0.066667rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
                -webkit-border-radius: 0.066667rem;-moz-border-radius: 0.066667rem;border: 1px solid #1ab5ed;padding:0.26667rem 0.13333rem;background-color: #fff;}
.guide .guide-title{color: #454545;text-align: center;}
.btn{display: block;line-height: 0.69333rem;height: 0.69333rem;background-color: #1ab5ed;color: #fff;font-size: 10px;text-align: center;
                border-radius: 0.1333rem;-webkit-border-radius: 0.1333rem;-moz-border-radius: 0.1333rem;margin-top: 0.26667rem;}
.btn:link{text-decoration: none;}
[data-dpr="2"] .btn{font-size: 22px;}
[data-dpr="3"] .btn{font-size: 33px;}
.contactus{display: none;position: fixed;right: 0.1rem;top: 50%;margin-top: -1.8rem;border-radius: 0.1333rem;-webkit-border-radius: 0.1333rem;-moz-border-radius: 0.1333rem;width: 1.8rem;height: 3.6rem;
                background-color: #1ab5ed;font-size: 0;opacity: 0.9;}
.contactus a{display: block;width: 100%;height: 50%;position: relative;font-size: 15px;color: #fff;}
.contactus a:link{text-decoration: none;}
[data-dpr="2"] .contactus a{font-size: 30px; }
[data-dpr="3"] .contactus a{font-size: 45px;}
.contactus a span{display: inline-block;position: absolute;width: 0.666667rem;height: 0.666667rem;left: 0.56667rem;top: 0.25333rem;}
.icon-customer-service{background: url(../img/message.png) no-repeat;background-size: contain;background-position: 50% 50%;}
.icon-telphone{background: url(../img/call.png) no-repeat;background-size: contain;background-position: 50% 50%;}
.contactus-split{background-color: #fff;width: 1.6rem;height: 0.05rem;position: absolute;top: 1.78rem;left: 0.1rem;}
.contactus a em{font-style: normal;display: block;text-align: center; padding-top: 1rem;}

.case .case-title{font-size: 18px; color: #454545; text-align: center;font-weight: bold;margin: 0.7733333rem auto 0.2rem;}
.case .case-sign{width: 1.04rem;height: 0.08rem;background-color: #1cb2ed;margin: 0 auto 0.4rem;}
.case .case-voice{font-weight: normal;font-size: 14px;margin: 0 auto 1rem;}
[data-dpr="2"].case .case-voice{font-size: 28px;}
[data-dpr="3"].case .case-voice{font-size: 42px;}
[data-dpr="2"] .case .case-title{font-size: 36px;}
[data-dpr="3"] .case .case-title{font-size: 54px;}

.intro-container{display: none;}
.case-intro{margin-top: 1rem;}
.case-intro p{text-align: center;line-height: 0.56rem;color: #454545;font-size: 13px;}
[data-dpr="2"] .case-intro p{font-size: 26px;}
[data-dpr="3"] .case-intro p{font-size: 39px;}
.case-intro-icon{width: 0.32rem; height: 0.2rem;}
.case-intro-icon-left{background: url(../img/case/intro_left.png) no-repeat;margin-bottom: 0.21333rem;background-size: contain;background-position: 50% 50%;}
.case-intro-icon-right{background: url(../img/case/intro_right.png) no-repeat;margin-top: 0.21333rem;float: right;background-size: contain;background-position: 50% 50%;}
.case-customer{border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;padding: 0.16rem 0.733333rem 0.69333rem;font-size: 0;margin-top:  0.693333rem;}
.case-customer ul li{display: inline-block;width: 33.3333%;
        margin-top: 0.533333rem;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.case-customer ul li img{height: 0.906667rem;width: 2.13333rem;border: 1px solid #efefef;}

.abouts-back{background-color: #f6f6f6;border-bottom: 1px solid #dcdcdc;}
.abouts .abouts-title{font-size: 18px; color: #454545; text-align: center;font-weight: bold;padding: 0.7733333rem 0 0.1466667rem;}
[data-dpr="2"] .abouts .abouts-title{font-size: 36px;}
[data-dpr="3"] .abouts .abouts-title{font-size: 54px;}
.abouts .abouts-sign{width: 0.68rem;height: 0.08rem;background-color: #1cb2ed;margin: 0 auto 0.5066667rem;}
.abouts .abouts-intro{color: #454545;font-size: 14px;line-height: 0.56rem;text-indent: 0.746667rem;}
[data-dpr="2"] .abouts .abouts-intro{font-size: 28px;}
[data-dpr="3"] .abouts .abouts-intro{font-size: 42px;}
.abouts-course-intro{text-align: center;color: #19b5ed;font-size: 13px;font-weight: bold;}
[data-dpr="2"] .abouts-course-intro{font-size: 26px;}
[data-dpr="3"] .abouts-course-intro{font-size: 39px;}
.abouts-course-intro1{text-align: center;color: #606060;font-size: 12px;margin: 0.226667rem auto 0.76rem;}
[data-dpr="2"] .abouts-course-intro1{font-size: 24px;}
[data-dpr="3"] .abouts-course-intro1{font-size: 36px;}
.abouts-split{border-top: 1px solid #d7d7d7;}
.credentials{border-bottom: 1px solid #d7d7d7;padding-bottom: 0.16rem;font-size: 0;}
.credentials ul li{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: inline-block;
       width: 25%;margin-bottom: .48rem;text-align: center;}
.credentials ul li img{width: 2.24rem;height: 1.2rem;}
.credentials ul li span{color: #3e3a39;display: block;line-height: 0.426667rem;font-size: 12px;}
[data-dpr="2"] .credentials ul li span{font-size: 24px;}
[data-dpr="3"] .credentials ul li span{font-size: 36px;}

.histroy{padding: 0 0 0.773333rem 0.66667rem;}
.histroy .histroy-node{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.histroy-node-split{width: 0.026667rem;background-color: #1ab5ed;margin-left: 1.13333rem;}
.histroy-node-info{position: relative;}
.histroy-node-info span{display: inline-block;position: absolute;}
.histroy-node-info .time{font-size: 14px;color: rgba(96, 96, 96, 0.75);left: 0;top: 0;margin-top: -0.04rem;}
[data-dpr="2"] .histroy-node-info .time{font-size: 28px;}
[data-dpr="3"] .histroy-node-info .time{font-size: 42px;}
.histroy-node-info .node{background: url(../img/abouts/node.png) no-repeat;background-size: contain;width: 0.346667rem;height: 0.346667rem;
                background-position: 50% 50%;margin-right:0.16rem;top: 0;left: 0.96rem;}
.histroy-node-info .info{font-size: 13px;line-height: 0.48rem;color: #454545;top: 0;left: 1.466667rem;margin-top: -0.06667rem;}
.histroy-node-info .info2{top: 0.48rem !important;}
[data-dpr="2"] .histroy-node-info .info{font-size: 26px;}
[data-dpr="3"] .histroy-node-info .info{font-size: 39px;}
.height-53{height: 0.706667rem;}
.height-82{height: 1.093333rem;}
.height-98{height: 1.306667rem;}
.height-102{height: 1.36rem;}
.height-118{height: 1.57333rem;}

.codrops-demos{height:60px;text-align:center;}
.codrops-demos a{display:inline-block;margin:10px;color:#333;font-weight:700;line-height:30px;border-bottom:4px solid transparent;text-decoration:none;}
.codrops-demos a:hover{color:#883d59;border-color:#883d59;}
.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#aaa;border-color:#aaa;}
.demo{margin:0 auto;height:4.266rem;width:9.4rem;}
.demo li{position: absolute;height:2.9333rem;width:2.66665rem;background-color:#ccc;text-align:center;cursor:pointer;}
.demo li.roundabout-in-focus{cursor:default;}
.demo li span{display:block;padding-top:6em;}
.demo li img{width: 100%;height: 100%;background-position: 50% 50%;background-size: contain;}

.roate-transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.news h2{font-size: 26px; text-align: center;margin: 0.8rem 0 0.25rem 0;}
.news p{text-indent: 0.8rem; line-height: .48rem;margin-bottom: .3rem;color: #606060;}
[data-dpr="2"] .news h2{font-size: 32px;}
[data-dpr="3"] .news h2{font-size: 36px;}
[data-dpr="2"] .news p{font-size: 26px;}
[data-dpr="3"] .news p{font-size: 32px;}
.news img{width: 100%;margin-bottom: .3rem;}

@media screen and (max-width: 740px) {
    [data-dpr="2"] .data-info p span{font-size: 24px;}
    [data-dpr="2"] .contactus a em{font-size: 24px; }
    [data-dpr="2"] .module .module-info p{font-size: 20px;}
    [data-dpr="2"] .case-intro .intro-container p{font-size: 22px;}
    [data-dpr="2"] .abouts .abouts-intro{font-size: 26px !important;}
    [data-dpr="2"] .histroy-node .histroy-node-info .info{font-size: 24px;}
    [data-dpr="2"] .credentials ul li span{font-size: 20px !important;}
}

@media (min-width: 740px) and ( max-width: 768px ) {
   [data-dpr="2"] .module .module-info p{font-size: 24px;}
   [data-dpr="2"] .case-intro .intro-container p{font-size: 24px;}
}

.download .box-1{text-align: center;}
.download .box-1 .title{margin-left: 14px;margin-top: 20px;text-align: left;font-family: MicrosoftYaHei-Bold;font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 14px;letter-spacing: 0px;color: #454545;}
.download .box-1 .item{height: 5.36rem; position: relative;margin: 0 auto;}
.download .box-1 .item-1{margin-top: 8px;}
.download .box-1 .item-2{margin-top: 14px;}
.download .button .btn-font{width: 110px;font-size: 15px;font-weight: normal;font-stretch: normal;}
.download .box-2 .title{padding-left: 14px;padding-top: 16px;text-align: left;font-family: MicrosoftYaHei-Bold;font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 16px;letter-spacing: 0px;color: #454545;background-color: #f9f9f9;}
.download .item{text-align: center;padding-top: 0.507rem;height: 5.36rem; position: relative;}
.download .item .photo{height: 1.6rem;}
.download .item .version{font-size: 14px;color: #333;margin: 0.16rem auto 0.08rem;}
.download .item .stand{font-size: 12px;color: #999;margin-bottom: 0.28rem;}
.download .item .button{display: inline-flex; align-items: center; width: 140px;height: 1.173rem; line-height: 1.173rem; cursor: pointer; text-align: center; color: #fff; font-size: 16px; border-radius: 0.6rem;-webkit-border-radius: 0.6rem;padding: 0 0.4rem;}
.download .button-wrap{position: absolute;bottom: .5rem; width: 100%;}
[data-dpr="2"] .download .item .version{font-size: 28px;}
[data-dpr="3"] .download .item .version{font-size: 42px;}
[data-dpr="2"] .download .item .stand{font-size: 24px;}
[data-dpr="3"] .download .item .stand{font-size: 36px;}
[data-dpr="2"] .download .item .button{font-size: 32px;}
[data-dpr="3"] .download .item .button{font-size: 48px;}
.download .item .button:hover{text-decoration: none;}
.download .item .button:active{text-decoration: none;}
.download .item .button-ios{background-color: #333; box-shadow: 0 0 0.1333rem rgba(51, 51, 51, 0.2);-webkit-box-shadow: 0 0 0.1333rem rgba(51, 51, 51, 0.2);}
.download .item .button-android{background-color: #74c043; box-shadow: 0 0 0.1333rem rgba(116, 192, 67, 0.2);-webkit-box-shadow: 0 0 0.1333rem rgba(116, 192, 67, 0.2);}
.download .item .button-pc{background-color: #2e91f3; box-shadow: 0 0 0.1333rem rgba(46, 145, 243, 0.2);-webkit-box-shadow: 0 0 0.1333rem rgba(46, 145, 243, 0.2);}

.download .item .icon{display: inline-block; width: 0.64rem; height: 0.64rem; margin-right: 0.1rem; background-size: 100%;vertical-align: middle;}
.icon-ios{background-image: url('../img/download/ios.png');}
.icon-android{background-image: url('../img/download/android.png');}
.icon-pc{background-image: url('../img/download/windows.png');}

/* chat ICON */
.animated {
    animation-duration: 0.2s;
    animation-fill-mode: both
}
@keyframes zoomIn {
    0% {
        display: inline-block;
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    animation-name: zoomIn
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
    to {
        display: none;
        opacity: 0
    }
}
.zoomOut {
    animation-name: zoomOut
}

#chatIcon {
    display: none;
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 100000;
    width: 100px;
    height: 100px;
    background: url("../img/wap_chat_icon@2x-8cb10a9b82.png") center center no-repeat;
    background-size: 100% 100%;
}
#chatTips {
    display: none;
    position: absolute;
    top: 20px;
    left: 63px;
    height: 22px;
    min-width: 16px;
    padding: 0 3px;
    line-height: 20px;
    background: url("../img/wap_chat_unread@2x-f3e15f4ca7.png") center center no-repeat;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
@media screen
and (-webkit-min-device-pixel-ratio: 2)
and (-webkit-device-pixel-ratio: 3) {
    #chatIcon {
        background: url("../img/wap_chat_icon@3x-855e107c83.png") center center no-repeat;
        background-size: contain;
    }
    #chatTips {
        background: url("../img/wap_chat_unread@3x-e9901bdddd.png") center center no-repeat;
        background-size: contain;
    }
}
.live800_chat_nav,
.live800_mobile_message_box {
    display: none!important;
}