@keyframes move_wave {
     0% {
         transform: translateX(0) translateZ(0) scaleY(1) 
    }
     50% {
         transform: translateX(-25%) translateZ(0) scaleY(0.55) 
    }
     100% {
         transform: translateX(-50%) translateZ(0) scaleY(1) 
    }
}
 .videotop {
     max-width: 90%;
}
.videocen {
    max-width: 90%;
}

 .videofooter {
     max-width: 90%;
     margin-top: -5px;
}
 .videobt {
     position: relative;
     max-width: 90%;
     z-index: 10;
}
 .wide1190-mob {
     background: url(../assets/img/bt/mobile/11bg_01.jpg) no-repeat top center;
     background-size: cover;
     padding-top: 60px;
}
 .shiwaicloudInner {
     position: absolute;
     width: 100%;
     overflow: hidden;
     height: 110px;
     bottom: -2px;
}
 .bgTop {
     opacity: 0.5;
}
 .linux-config {
     width: 100%;
     padding-bottom: 130px;
     background: url(../assets/img/bt/mobile/linux-bg2.jpg) no-repeat bottom center #f4fffa;
     background-size: contain;
}
 .bgMiddle {
    /*z-index: 10;
    */
     opacity: 0.75;
}
 .bgBottom {
    /*z-index: 5;
    */
}
 .wave {
     position: absolute;
     left: 0;
     width: 200%;
     height: 110px;
     background-repeat: repeat no-repeat;
     background-position: 0 bottom;
     transform-origin: center bottom;
}
 .waveTop {
     background-size: 50% 100px;
     background-image: url('../assets/img/bt/mobile/wave-top.png') 
}
 .waveAnimation .waveTop {
     animation: move_wave 20s linear infinite;
}
 .waveMiddle {
     background-size: 50% 120px;
     background-image: url('../assets/img/bt/mobile/wave-top.png');
}
 .waveAnimation .waveMiddle {
     animation: move_wave 10s linear infinite;
}
 .waveBottom {
     background-size: 50% 100px;
     background-image: url('../assets/img/bt/mobile/wave-top.png');
}
 .waveAnimation .waveBottom {
     animation: move_wave 15s linear infinite;
}
 .function {
     padding-top: 60px;
     min-width: 1040px;
     background-position: top center;
     background-repeat: repeat-x 
}
 .function .title {
     margin-bottom: 20px;
     color: #20a53a;
     text-align: center;
     font-weight: 400;
     font-size: 30px 
}
 .function .subinfo {
     color: #666;
     text-align: center;
     font-size: 16px 
}
 .onekeycon, .onekeycon-more {
     float: left;
     padding-top: 90px;
     padding-bottom: 10px 
}
 .onekeycon ul li, .onekeycon-more ul li {
     position: relative;
     float: left;
     margin-bottom: 60px;
     width: 260px;
     height: 160px;
     text-align: center 
}
 .onekeycon ul li span {
     display: block;
     margin: 0 auto 20px;
     width: 158px;
     height: 158px;
     border-radius: 79px;
     background-color: #20a53a;
     color: #fff;
     font-size: 30px;
     line-height: 158px 
}
 .onekeycon ul li p {
     color: #858585;
     text-align: center;
     font-size: 16px 
}
 .onekeycon-more ul li span {
     display: block;
     margin: 0 auto;
     width: 158px;
     height: 158px;
     border: #cacad9 1px solid;
     border-radius: 79px;
     background-color: #fff;
     color: #444;
     font-size: 30px;
     line-height: 158px 
}
 .onekeycon-more ul li p {
     position: absolute;
     top: 0;
     left: 50px;
     display: none;
     margin: 0 auto;
     padding: 55px 20px 20px;
     width: 118px;
     height: 83px;
     border: 1px solid #cacad9;
     border-radius: 79px;
     background-color: #20a53a;
     color: #fff;
     font-size: 16px 
}
 .tab-tit {
     padding-bottom: 50px;
     text-align: center 
}
 .tab-tit span {
     margin: 0 30px;
     padding-bottom: 5px;
     color: #666;
     font-size: 20px;
     cursor: pointer 
}
 .tab-tit span.on {
     border-bottom: #20a53a 2px solid;
     color: #20a53a 
}
 .tab-wrap {
     padding-bottom: 60px 
}
 .tab-wrap .tab-con {
     display: none 
}
 .tab-con-info {
     margin-bottom: 20px;
     color: #666;
     text-align: center;
     font-size: 16px;
     line-height: 26px 
}
 .qtitle {
     padding: 30px 0 20px;
     color: #444;
     font-size: 20px 
}
 .qtitle a {
     margin-left: 20px;
     color: #20a53a;
     font-size: 14px 
}
 .faq {
     margin-bottom: 20px;
     padding-left: 15px;
     border-left: 5px #ddd solid;
     font-size: 14px 
}
 .faq p {
     line-height: 30px 
}
 .faq p .link {
     color: #20a53a 
}
 .code {
     display: inline-block;
     margin-top: 6px;
     padding: 8px 10px;
     border: #ddd 1px solid;
     background-color: #f0f0f0;
     font-size: 15px 
}
 .tab-con-img {
     text-align: center 
}
 .clear {
     clear: both;
     width: 100%;
     height: 1px 
}
 .btlayout {
     margin: 0 auto;
     width: 1189px 
}
 .btlayout:after, .row:after {
     clear: both;
     display: table;
     content: "" 
}
 .cy-container {
     position: relative;
     width: 100%;
     min-width: 1220px;
     text-align: center 
}
 .cy-install {
     position: relative;
     margin-top: 4%;
     width: 100%;
     min-width: 1220px 
}
 .cy-white {
     background-color: #fff 
}
 .title {
     margin-bottom: 20px;
     color: #20a53a;
     text-align: center;
     font-weight: 400;
     font-size: 30px 
}
 .cy-btlayout {
     margin: 0 auto;
     width: 1040px 
}
 .cy-onekeycon {
     float: left;
     padding-top: 50px;
     padding-bottom: 10px 
}
 .tips {
     width: 135px;
     height: 50px;
     background-color: #fff;
     border: 1px solid #ccc;
     position: fixed;
     top: 30%;
     line-height: 45px;
     text-align: center;
     display: none;
}
 .tips img {
     width: 45px;
}
 .linux-banner {
     position: relative 
}
 .linux-banner .wide1190 {
     position: absolute;
     top: 0;
     left: 0;
     right: 0 
}
 .linux-banner .banner-title {
     padding-top: 50px;
     font-size: 55px;
     color: #333;
     text-align: center;
     font-weight: 700;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .linux-banner .banner-title span {
     margin-left: 10px;
     display: inline-block;
     line-height: 20px;
     background: #189137;
     border-radius: 4px;
     font-size: 14px;
     color: #ffffff;
     padding: 3px 7px;
     font-weight: 500;
}
 .linux-banner .banner-txt {
     color: #333;
     padding-top: 5px;
     font-size: 20px;
     color: #ceecd6;
     text-align: center 
}
 .linux-banner .banner-img {
     width: 1400px;
     margin: 39px auto;
}
 .linux-banner .banner-btn {
     padding-top: 30px;
     text-align: center 
}
 .linux-banner .banner-btn a {
     display: inline-block;
     width: 240px;
     height: 56px;
     line-height: 56px;
     border-radius: 10px;
     border: 1px solid #08b74a;
     box-sizing: border-box;
     font-size: 20px;
     text-align: center;
     box-shadow: 0 6px 10px rgba(0, 110, 21, 0.3);
     transition: all 0.25s;
}
 .linux-banner .banner-btn a.install-btn {
     background: linear-gradient(#36bd89, #20a53a);
     color: #fff!important;
}
 .linux-banner .banner-btn a.demo-btn {
     margin-left: 25px;
     color: #42cf5c 
}
 .linux-banner .banner-btn a.demo-btn::before {
     content: '';
     display: inline-block;
     border-top: 5px solid transparent;
     border-left: 8px solid #36a33b;
     border-bottom: 5px solid transparent;
     vertical-align: middle;
     margin-top: -2px;
     margin-right: 6px 
}
 .linux-banner .banner-btn a:hover {
    /*opacity: .9*/
     -webkit-filter: brightness(120%);
     transition: all 0.25s;
}
 .linux-banner .banner-bg1 {
     height: 815px;
     background: url('../assets/img/bt/mobile/11bg_01.jpg') no-repeat top center;
     background-size: cover;
}
 .linux-page .linux-title {
     font-size: 30px;
     color: #333;
     text-align: center 
}
 .linux-page .linux-title::before, .linux-page .linux-title::after {
     content: "";
     display: inline-block;
     width: 220px;
     height: 1px;
     background: #e5e5e5;
     vertical-align: middle 
}
 .linux-page .linux-title::before {
     margin-right: 22px 
}
 .linux-page .linux-title::after {
     margin-left: 22px 
}
 .linux-page .linux-title-small {
     padding-top: 4px;
     font-size: 16px;
     color: #999;
     text-align: center 
}
 .linux-page .linux-manage {
     width: 100%;
     padding-top: 200px;
     padding-bottom: 130px;
     background: url(../assets/img/bt/mobile/linux-bg1.jpg) no-repeat bottom center;
     background-size: contain;
     margin-top: 155px;
}
 .linux-page .linux-manage .linux-manage-list {
     margin: 50px auto;
     width: 1189px;
}
 .linux-page .linux-manage .linux-manage-list li {
     float: left;
     width: 25%;
     text-align: center 
}
 .linux-page .linux-manage .linux-manage-list li .lml-svga {
     display: inline-block;
     width: 74px;
     height: 74px;
     position: relative 
}
 .linux-page .linux-manage .linux-manage-list li .lml-svga .J-svga {
     width: 100%;
     height: 100% 
}
 .linux-page .linux-manage .linux-manage-list li p {
     font-size: 16px;
     color: #515151 
}
 .linux-page .linux-config .linux-config-list li {
     margin-top: 40px;
     float: left;
     width: 25%;
     height: 200px;
     text-align: center 
}
 .linux-page .linux-config .linux-config-list li .lcl-svga {
     display: inline-block;
     width: 94px;
     height: 94px;
     position: relative 
}
 .linux-page .linux-config .linux-config-list li .lcl-svga .J-svga {
     width: 100%;
     height: 100% 
}
 .linux-page .linux-config .linux-config-list li .lcl-title {
     padding-top: 10px;
     font-size: 20px;
     color: #333 
}
 .linux-page .linux-config .linux-config-list li p {
     padding-top: 6px;
     font-size: 16px;
     color: #666 
}
 .linux-page .linux-tab {
     text-align: center;
     font-size: 0 
}
 .linux-page .linux-tab li .item {
     padding: 0 36px 12px;
     font-size: 24px;
     border-bottom: 1px solid #ddd 
}
 .linux-page .linux-tab li .item.active {
     background: 0 0;
     border-bottom: 2px solid #08b74a;
     color: #08b74a;
     padding-bottom: 6px;
     position: relative 
}
 .linux-page .linux-tab li .item.active::before {
     content: '';
     display: inline-block;
     border-top: 5px solid #08b74a;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     position: absolute;
     bottom: -7px;
     left: 50%;
     margin-left: -5px 
}
 .linux-page .linux-tab li.active {
     background: 0 0 
}
 .linux-page .linux-tab-content {
     text-align: center 
}
 .linux-page .linux-tab-content p {
     padding: 20px 0;
     font-size: 16px;
     color: #999 
}
 .linux-page .linux-explain {
     width: 100%;
     margin-top: -20px;
     padding-top: 40px;
     padding-bottom: 40px;
     background: url(../assets/img/bt/mobile/linux-bg3.jpg) no-repeat top center #f5fbfe;
}
 .linux-page .linux-explain .linux-explain-title {
     padding-top: 30px;
     font-size: 20px;
     color: #333 
}
 .linux-page .linux-explain .linux-explain-title img {
     margin-right: 6px;
     vertical-align: middle;
     margin-top: -2px 
}
 .linux-page .linux-explain p {
     padding-top: 6px;
     font-size: 14px;
     color: #333 
}
 .linux-page .linux-explain p span {
     display: inline-block;
     border: 1px solid #e5e5e5;
     background: #fff;
     line-height: normal;
     padding: 4px 6px;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     -khtml-user-select: none;
     user-select: none 
}
 .linux-banner-mobile {
     display: none;
}
 @media (max-width: 750px) {
     .videobt {
         display: none;
     }
     .linux-banner .banner-img {
         width: 100%;
         margin: 0px auto;
    }
     .linux-banner, .linux-page {
         display: none;
    }
     .shiwai-mbbox {
         width: 160px;
    }
     .linux-banner-mobile {
         display: block;
    }
     #shiwai-banner {
         display: block;
         margin-top: 30px;
         height: auto;
         margin-bottom: 30px;
    }
     #shiwai-script-install {
         display: block;
        margin-bottom: 30px;
    }
}
 .banner-title-mobile {
     font-size: 26px;
     font-weight: 700;
     text-align: center;
}
 .banner-txt-mobile {
     font-size: 15px;
     text-align: center;
}
 .banner-btn-mobile {
     display: flex;
     justify-content: space-between;
     width: 280px;
     margin: 15px auto;
}
 .banner-btn-mobile a {
     padding: 9px 30px;
     background-color: #08b74a;
     color: #fff!important;
     background: linear-gradient(#36bd89, #20a53a);
     border-radius: 10px;
}
 .linux-banner-mobile .banner-bg1 {
     height: 500px !important;
}
 .linux-banner-mobile .banner-img {
     margin-top: 22px;
     padding: 0 10px;
}
 .shiwai-banner>div {
     display: flex;
     text-align: center;
     justify-content: space-around;
}
 .shiwai-banner {
     display: none;
     width: 100%;
     height: 120vw;
    /* background-color: #f40;
     */
}
 .shiwai-banner>.shiwai-banner-title {
     text-align: center;
     font-size: 18px;
     margin-bottom: 20px;
     font-weight: 700;
}
 .shiwai-banner>div img {
     width: 10vw;
}
 .shiwai-banner .shiwai-small-title {
     font-size: 12px;
}
/* 移动端脚本部分 */
 .shiwai-script-install {
     display: none;
     background-color: #edf6ef;
     height: auto;
     padding: 10px 0 35px;
}
 .shiwai-script-install p:first-child, .script .script-title, .system-ask {
     margin-top: 10px;
     margin-left: 10px;
     font-weight: 700;
     font-size: 19px;
     padding-left: 10px;
     border-left: 3px solid #20a53a;
}
 .shiwai-script-install p:nth-child(2) {
     margin-left: 10px;
     width: 90%;
     color: #ff0000;
     font-size: 14px;
}
 .shiwai-script-install p:nth-child(3) {
     margin-left: 10px;
     width: 90%;
}
 .shiwai-script-install p:nth-child(3) a {
     color: #20a53a;
}
 .shiwai-script-install-flex {
     display: flex;
     width: 90%;
     margin: 0 auto;
}
 .script .script-content {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .shiwai-script-install .script .script-left {
     width: 70%;
     height: auto;
     border-radius: 5px;
     background-color: #20202f;
     color: #fff;
     padding: 5px 6px;
     font-size: 13px;
     overflow: hidden;
}
 .script .script-content .script-right {
     background-color: #f2fff4;
     border: 1px solid #abdbb4;
     height: 45px;
     padding: 7px 9px;
     border-radius: 8px;
     margin-left: 10px;
}
 .system-ask-title, .system-ask-footer {
     width: 90%;
     margin: 0 auto;
}
 .system-ask-content {
     color: #f40;
     width: 90%;
     margin: 8px auto;
}
 .shiwai-banner .tips-mobile {
     display: none;
}