body {background-color:rgb(248, 249, 251)}
.banner {height:auto !important}
.banner .title img {margin-left:-8px}
.banner .action {margin-top:10px;margin-bottom:20px}
.banner .action .btn {padding:5px;width:auto}
.banner .tooltip-inner {background-color:rgb(78, 177, 244);padding:5px}
.banner .tooltip-arrow {border-top-color:rgb(78, 177, 244)}
.banner .demo-qrcode canvas {border:10px solid #fff}
.banner .tips {width:200px;color:rgba(255, 255, 255, 0.6);text-align:center;margin-top:5px;font-size:12px}
.download .title {text-align:center;margin-bottom:30px;color:rgb(0, 56, 98);font-weight:bold}
.download .underline {border-top:3px solid rgb(0, 56, 98);width:200px;margin-bottom:50px}
.download .item {position:relative;box-shadow:2px 2px 2px rgba(210, 210, 210, 0.42);margin:15px 0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.download .item p {line-height:1.9}
.download .item h4 {color:rgb(88, 88, 88)}
.download .item canvas {display:block}
.download .item .tooltip-inner {background-color:rgb(78, 177, 244);padding:5px}
.download .item .tooltip-arrow {border-top-color:rgb(78, 177, 244)}
.download .item .head {background-color:#F4F3F1;padding:40px 0px 40px;border-bottom:1px solid rgba(193, 192, 194, 0.7);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.download .item .body {background-color:#FFF;padding:60px 25px 30px}
.download .item .datetime {margin-bottom:20px}
.download .item .icon {color:rgb(78, 177, 244);border-radius:100px;border:2px solid rgb(78, 177, 244);position:absolute;left:50%;margin-left:-40px;width: 80px;height:80px;background-color:rgb(254, 254, 254);font-size:52px !important;z-index:1}
.download .item .iconfont {font-size:56px !important;position:relative;top:-2px}
.download .item .link {color:#D2D2D2;margin-bottom:30px}
.download .item .link a {color:rgb(78, 177, 244)}
.download .item .install .btn {width:180px;margin:10px auto}
.download .item .tips {position:absolute;bottom:0;text-align:center;width:100%;background-color:rgb(248,248,248);font-size:12px;color:rgb(138,138,138);margin:0;left:0;text-shadow:1px 1px 1px rgb(228,228,228);opacity:0}
.download .item:hover {box-shadow:2px 2px 5px rgba(209, 209, 209, 0.7)}
.download .item:hover .head {border-bottom:1px solid rgb(78, 177, 244)}
.download .item:hover .icon {-webkit-animation:glowing 2s infinite ease-in-out;animation:glowing 2s infinite ease-in-out}
.download .item:hover .tips {opacity:1}
.sdk {background-color:rgb(253, 253, 250)}
.sdk .title {color:rgb(0, 56, 98)}
.sdk .underline {border-top:3px solid rgb(0, 56, 98)}
.ios-tips {text-align:center;margin-top:30px;color:rgb(137, 137, 137);font-size:12px}
@media (max-width: 767px) {
    .banner .action {margin-top:-20px;margin-bottom:30px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner .demo-qrcode canvas {width:160px}
    .banner .tips {text-align:left}
}
@media (min-width: 768px) {
    .banner .container {margin-top:50px}
    .banner .title {margin-top:0}
    .section {padding:80px 0}
    .ios-tips {margin-top:50px}
}
@media (min-width: 1200px) {
    .download .item {margin:20px 15px}
}
@-webkit-keyframes glowing {
    from {-webkit-box-shadow: 0 0 1px rgba(78, 177, 244, 0.2);box-shadow: 0 0 1px rgba(78, 177, 244, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(78, 177, 244, 1);box-shadow: 0 0 5px rgba(78, 177, 244, 1)}
    to {-webkit-box-shadow: 0 0 1px rgba(78, 177, 244, 0.2);box-shadow: 0 0 1px rgba(78, 177, 244, 0.2)}
}
@keyframes glowing {
    from {-webkit-box-shadow: 0 0 1px rgba(78, 177, 244, 0.2);box-shadow: 0 0 1px rgba(78, 177, 244, 0.2)}
    50% {-webkit-box-shadow: 0 0 5px rgba(78, 177, 244, 1);box-shadow: 0 0 5px rgba(78, 177, 244, 1)}
    to {-webkit-box-shadow: 0 0 1px rgba(78, 177, 244, 0.2);box-shadow: 0 0 1px rgba(78, 177, 244, 0.2)}
}