.app-details .details-top.my-apps-detail-top { padding: 36px 20px 36px 30px; display: flex; align-items: center; justify-content: space-between; } .app-details .my-apps-detail-top .upload-icon-common { width: 72px; height: 72px; border-radius: 18px; flex-shrink: 0; } .app-details .my-apps-detail-top .information dt { margin-bottom: 10px; } .app-details .my-apps-detail-top .information dt .i-tit { line-height: 26px; height: 26px; display: block; } .app-details .my-apps-detail-top .information dt .text { color: rgba(21, 21, 21, 1); font-family: Arial; font-weight: 700; font-size: 24px; line-height: 23px; margin-right: 13px; } .app-details .my-apps-detail-top .information dt .version { background: rgba(255, 116, 41, 1); width: 63px; height: 26px; border-radius: 6px; top: -4px; line-height: 26px; left: 0; position: relative; display: inline-block; } .app-details .my-apps-detail-top .information dd { color: rgba(143, 149, 159, 1) !important; font-family: Source Han Sans SC; font-weight: 400; font-size: 13px; line-height: 13px; margin-top: 4px !important; } .app-details .my-apps-detail-top .information dd span { margin-right: 20px !important; } .app-details .my-apps-detail-top .information dd span.iconfont { margin-right: 2px !important; width: 14px; height: 14px; background: url(/static/index/image/my-app/icon-android.svg) no-repeat center center; background-size: 100% 100%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; position: relative; top: -2px !important; } .app-details .my-apps-detail-top .information dd span.iconfont::before { content: ''; } .app-details .my-apps-detail-top .information dd span.iconfont.icon-android { background-image: url(/static/index/image/my-app/icon-android.svg); margin-right: 0; } .app-details .my-apps-detail-top .information dd span.iconfont.icon-iphone { background-image: url(/static/index/image/my-app/icon-ios.svg); top: -1px !important; } .app-details .my-apps-detail-top .details-upload-new-version, .app-details .my-apps-detail-top .details-preview, .app-details .my-apps-detail-top .details-merge { width: unset; background: rgba(33, 104, 251, 1); /* width: 154px; */ height: 40px; border-radius: 4px; color: rgba(255, 255, 255, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 16px; line-height: 40px; padding: 0 20px; } .app-details .my-apps-detail-top .details-merge { background: rgba(255, 116, 41, 1); } .app-details .my-apps-detail-top .information { flex: 1; margin: 0 20px; min-width: 0; /* 防止内容溢出 */ } .app-details .my-apps-detail-top .d-right { width: 399px; margin-top: 0; flex-shrink: 0; } .my-apps-detail-top .iconfont { background: url(/static/index/image/inner-nav/icon1.svg) no-repeat center center; background-size: 100% 100%; width: 24px; height: 24px; display: inline-block; vertical-align: middle; position: relative; top: -3px !important; } .my-apps-detail-top .d-right .iconfont::before { content: ''; } .my-apps-detail-top .icon-upload1 { background-image: url(/static/index/image/inner-nav/icon1.svg); margin-right: 0; } .my-apps-detail-top .icon-preview { background-image: url(/static/index/image/inner-nav/icon2.svg); } .my-apps-detail-top .icon-merge { background-image: url(/static/index/image/inner-nav/icon3.svg); } .my-apps-detail-top .iconfont+.text { position: relative; top: -1px !important; margin-left: 6px; } @media (min-width: 768px) and (max-width: 1199px) { .app-details .my-apps-detail-top .d-right { width: 230px; } .app-details .my-apps-detail-top .d-right>button, .app-details .my-apps-detail-top .d-right>a { width: 67px; } .my-apps-detail-top .iconfont+.text { font-size: 0; margin-left: 0; } }