.download {    position: relative;    padding-top:60px;    padding-bottom:100px;    background: url('../images/bg_fe1a90fc9b4d4f9d9dd01ec6c4d38752.png') no-repeat;    background-size: cover;}.download .download-wrapper {    width:1200px;    margin:auto;}.download .download-box {    background: #FFFFFF;    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: 0px 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: inline-block;    background: #FFFFFF;    border: 1px solid #5369F8;    border-radius: 4px;    color:#5369F8;    height:38px;    line-height:38px;    font-size:14px;    text-align: center;    width: 242px;}.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 .body-item .item-buttons a:hover {*//*    background: #5369F8;*//*    color:#fff;*//*}*/.miniprogram-pop{    padding: 15px;    position: fixed;    transition: transform 0.2s ease-in-out 0.1s;    background: #fff;    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);    border-radius: 8px;    transform: translateX(-50%) scale(0);    transform-origin: top center;    z-index: 1000;}.miniprogram-pop .miniprogram-pop-item{    width: 180px;    background: #F6F7FF;    padding: 15px;    font-size: 12px;    line-height: 18px;    color: #86909C;    box-sizing: border-box;}.miniprogram-pop .miniprogram-pop-item .title{    font-weight: 600;    font-size: 16px;    line-height: 22px;    color: #272E3B;}.miniprogram-pop .miniprogram-pop-item .version{    margin-top: 4px;}.miniprogram-pop .miniprogram-pop-item a{    color:#5369F8 ;    margin: 0 8px;}.miniprogram-pop .miniprogram-pop-item >img{    height: 150px;    width: 150px;    margin-top: 10px;    display: block;}.miniprogram-pop .miniprogram-pop-item .tips{    text-align: center;    margin-top: 8px;}.miniprogram-pop .miniprogram-pop-item .btn{    width: 200px;    height: 38px;    background: #5369F8;    border-radius: 4px;    font-size: 14px;    line-height: 22px;    color: #FFFFFF;    margin-top: 20px;    cursor: pointer;}.miniprogram-pop .miniprogram-pop-item .btn img{    width: 16px;    height: 16px;    margin-right: 4px;}.miniprogram-pop:hover{    transform: translateX(-50%) scale(1) !important;}.miniprogram-pop:before{    content: '';    width: 15px;    height: 15px;    position: absolute;    top: -4px;    left: 50%;    transform: translateX(-50%) rotate(45deg);    background: #fff;}