.download{position:relative;padding-top:100px;background:url(../images/bg.png) no-repeat;background-size:cover; }
.download .download-wrapper{width:1200px;margin:auto;padding-bottom: 80px;}
.download .download-box{background:#fff;border-radius:10px;padding:30px;margin-bottom:20px;position:relative}
.download .box-header{display:flex;height:70px;margin-bottom:30px;align-items:center}
.download .box-header .header-img{width:70px;height:70px}
.download .box-header .header-text{flex:1;display:flex;flex-direction:column;margin-left:20px}
.download .box-header .header-text .text-title{font-style:normal;font-weight:600;font-size:24px;line-height:38px;color:#272e3b}
.download .box-header .header-text .text-desc{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#86909c;margin-top:4px}
.download .box-body{display:flex}
.download .box-body .body-item{width:560px;height:278px;background:#f6f7ff;border-radius:4px;padding:30px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}
.download .box-body .body-item .coming{width:64px;height:24px;background:#fef3e6;border-radius:0 4px;position:absolute;right:0;top:0;text-align:center;font-size:12px;line-height:20px;color:#ed7b2f}
.download .box-body .body-item:last-child{margin-left:20px}
.download .body-item .item-header{display:flex}
.download .body-item .item-header .header-text{flex:1}
.download .body-item .item-header .header-text .text-title{font-style:normal;font-weight:600;font-size:20px;line-height:28px;color:#272e3b}
.download .body-item .item-header .header-text .text-tags{margin-top:8px}
.download .body-item .item-header .header-text .text-tags span{min-width:60px;height:24px;display:inline-block;font-style:normal;font-weight:400;font-size:12px;line-height:24px;text-align:center;border-radius:3px;margin-right:8px;margin-bottom:30px;padding:0 7px;box-sizing:border-box}
.download .body-item .item-header .header-text .text-tags span.android{background:#e8f8f2;border:1px solid #00a870;color:#00a870}
.download .body-item .item-header .header-text .text-tags span.ios{background:#eef0fe;border:1px solid #5369f8;color:#5369f8}
.download .body-item .item-header .header-text .text-tags span.windows{background:#ecf5ff;border:1px solid #0b7bff;color:#0b7bff}
.download .body-item .item-header .header-text .text-tags span.wxapp{background:#f5eeff;border:1px solid #9b4dff;color:#9b4dff}
.download .body-item .item-header .header-img img{width:125px}
.download .body-item .item-desc{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#4e5969;margin-bottom:6px}
.download .body-item .item-buttons{margin-top:auto;align-content:space-between;display:flex}
.download .body-item .item-buttons .disabled{cursor:no-drop;border-color:#bac3fc;color:#bac3fc;pointer-events:none}
.download .body-item .item-buttons a{ display:block;background:#2e8bff;border:1px solid #2e8bff;border-radius:4px;color:#FFF;height:38px;line-height:38px;font-size:14px;text-align:center; padding:0 30px;}
.download .body-item .item-buttons a.block{width:100%;margin-left:0!important}
.download .body-item .item-buttons a:not(:first-child){margin-left:16px}
.download .item-down{margin-top:auto;align-content:space-between;display:flex}
.download .item-down li{   position: relative; margin-right: 20px;}
.download .item-down li a{ display:block;background:#2e8bff;border:1px solid #2e8bff;border-radius:4px;color:#FFF;height:38px;line-height:38px;font-size:14px;text-align:center; padding:0 30px; }
.download .item-down li .ewms{ display:none; position:absolute; left:0; top:100%; z-index:9999}
.download .item-down li .ewms img{ width:200px;}
.download .item-down li:hover .ewms{ display: block;}

.miniprogram-pop{padding:20px;position:absolute;transition:transform .2s ease-in-out .1s;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;transform-origin:top center;z-index:1000;left:0;top:100%;display:none}
.miniprogram-pops{padding:20px;position:absolute;transition:transform .2s ease-in-out .1s;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;transform-origin:top center;z-index:1000;left:0;bottom:90px;top:auto;display:none}
.miniprogram-pop .miniprogram-pop-item{width:240px;background:#f6f7ff;padding:20px;font-size:14px;line-height:22px;color:#86909c;box-sizing:border-box}
.miniprogram-pop .miniprogram-pop-item .title{font-weight:600;font-size:20px;line-height:28px;color:#272e3b}
.miniprogram-pop .miniprogram-pop-item .version{margin-top:6px}
.miniprogram-pop .miniprogram-pop-item a{color:#5369f8;margin:0 12px}
.miniprogram-pop .miniprogram-pop-item>img{height:200px;width:200px;margin-top:16px;display:block}
.miniprogram-pop .miniprogram-pop-item .tips{text-align:center;margin-top:12px}
.miniprogram-pop .miniprogram-pop-item .btn{width:200px;height:38px;background:#5369f8;border-radius:4px;font-size:14px;line-height:22px;color:#fff;margin-top:20px;cursor:pointer}
.miniprogram-pop .miniprogram-pop-item .btn img{width:16px;height:16px;margin-right:4px}
.download .body-item.cur .miniprogram-pop{display:flex}
.download .body-item.cur .miniprogram-pops{display:flex}
.miniprogram-pop:before{content:'';width:15px;height:15px;position:absolute;top:-4px;left:50%;transform:translateX(-50%) rotate(45deg);background:#FFF}
.miniprogram-pops:before{top:auto; bottom:-4px;}