.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; overflow: hidden; height: 23px; display: inline-block; max-width: calc(100% - 100px); text-overflow: ellipsis; white-space: nowrap; } .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; line-height: 40px; padding: 0 15px; } .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: 364px; margin-top: 0; flex-shrink: 0; display: flex; } .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: 0; font-size: 15px; } @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; } } @media screen and (max-width: 767px) { .app-details .my-apps-detail-top .information dt .i-tit { line-height: 0.46rem; height: 0.46rem; display: block; } .app-details .details-top.my-apps-detail-top { padding: 0.4rem 0.32rem 0.4rem 0.32rem; flex-wrap: wrap; } .app-details .my-apps-detail-top .upload-icon-common { width: 1.2rem; height: 1.2rem; border-radius: 0.24rem; } .app-details .my-apps-detail-top .information { margin: 0 0 0 0.32rem; } .app-details .my-apps-detail-top .information dt .text { font-family: Arial; font-weight: 700; font-size: 0.4rem; line-height: 0.46rem; margin-right: 0.4rem; height: 0.46rem; } .app-details .my-apps-detail-top .information dt .version { top: -0.14rem; left: -0.1rem; font-weight: 500; font-size: 0.26rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.12rem; width: 1.08rem; } .app-details .my-apps-detail-top .information dt { margin-bottom: 0.16rem; } .app-details .my-apps-detail-top .information dd { margin-top: 0 !important; } .app-details .my-apps-detail-top .information dd span.iconfont { margin-right: 0.01rem !important; width: 0.28rem; height: 0.28rem; top: -0.01rem !important; margin-bottom: 0; } .app-details .my-apps-detail-top .information dd span { font-family: Source Han Sans SC; font-weight: 400; font-size: 0.24rem; line-height: 0.26rem; margin-right: 0.48rem !important; margin-bottom: 0.16rem; } .my-apps-detail-top .iconfont+.text { font-size: 0.28rem; } .my-apps-detail-top .iconfont { width: 0.4rem; height: 0.4rem; top: -0.14rem !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 { padding: 0 0.20rem; font-size: 0; box-shadow: unset; height: 0.68rem; line-height: 0.68rem; } .my-apps-detail-top .iconfont+.text { margin-left: 0.08rem; } .app-details .my-apps-detail-top .d-right { width: unset; } .release-app2 .aside-right .app-details .details-top .fr { margin: 0.36rem auto 0; } .app-details2 .app-information { padding: 0 16px; } .app-details .details-bottom { padding: 0.4rem 0 0.66rem 0; } .release-app2 .aside-right .app-details .details-bottom .table-responsive { overflow-y: hidden; } .app-details .details-bottom table th .th-line { font-weight: 500; font-size: 0.28rem; line-height: 0.46rem; } .release-app2 .aside-right .app-details .details-bottom table { margin-bottom: 0.32rem; } .release-app2 .aside-right .app-details .details-bottom table:last-child { margin-bottom: 0; } .release-app2 .aside-right .app-details .details-bottom table th { padding: 0 0.1rem 0 0; } .release-app2 .aside-right .app-details .details-bottom table td { padding: 0 0.1rem 0 0; } .app-details2 .app-information .more-wrap img { width: 1rem; height: 1rem; left: 1.64rem; top: -0.44rem; } .table-responsive { margin-bottom: 0; } .app-details2 .app-information .more-wrap img:hover { width: 2.5rem; height: 2.5rem; left: 1.4rem; top: -2.2rem; } .info-container { display: flex; } .info-container:not(:last-child) { margin-bottom: 0.32rem; } .info-label { height: 0.46rem; display: inline-block; padding-left: unset; color: rgba(21, 21, 21, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.28rem; line-height: 0.46rem; display: block; } .info-value { padding: 0; font-family: Source Han Sans SC; font-weight: 500; font-size: 0.28rem; line-height: 0.46rem; vertical-align: middle; color: rgba(143, 149, 159, 1); } .info-copy { color: rgba(33, 104, 251, 1); font-family: Source Han Sans SC; font-weight: 500; font-size: 0.26rem; line-height: 0.46rem; border: unset; background: unset; margin-left: 0; } }