.pic-bannerA { font-size: 0; width: 1200px; margin: 0 auto 10px; } .pic-bannerA a { float: left; } .pic-bannerA a + a { margin-left: 10px; } .sd-top { height: 192px; border-radius: 8px; } .sd-top-w { top: 0; left: 0; width: 100%; height: 100%; padding: 10px 16px; } .sd-top-bg { top: 0; left: 0; margin-top: -30%; width: 100%; /* height: 100%; */ z-index: -1; border-radius: 8px; filter: blur(20px); } .bg-layer { top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 8px; } .cfbc41b { color: #fbc41b; } .tags { margin: 8px 0 0 18px; } .tags > a { float: left; padding: 0 10px; line-height: 24px; background-color: rgba(255, 255, 255, 0.47); border-radius: 4px; color: #fff; display: inline-block; } .tags > a:not(:first-child) { margin-left: 10px; } .jrzq-btn { margin: 6px 0 0 40px; padding: 0 10px; line-height: 28px; background-color: #f29f18; border-radius: 4px; } .sd-top-body { margin-top: 15px; } .sd-img { width: 110px; height: 110px; background-color: #eee; border-radius: 18px; } .stb-main { margin-left: 130px; } .info-list { } .info-list > span { } .info-list > span:not(:first-child) { margin-left: 30px; } .app-features { margin-top: 6px; } .app-features > span { padding-left: 22px; line-height: 16px; } .app-features > span:not(:first-child) { margin-left: 20px; } .guan { background: url('../../images/android/guan.png') no-repeat left center; background-size: 16px; } .safe { background: url('../../images/android/safe.png') no-repeat left center; background-size: 16px; } .noad { background: url('../../images/android/noad.png') no-repeat left center; background-size: 16px; } .net { background: url('../../images/android/net.png') no-repeat left center; background-size: 16px; } .download-btns { margin-top: 18px; display: flex; } .download-btns a { padding: 0 12px 0 34px; float: left; line-height: 40px; /* background-color: #2e8ae6; */ border-radius: 3px; color: #fff; } .qrcode-box { position: relative; width: 116px; } .qrcode-box .qrcode { display: none; position: absolute; width: 110px; /* height: 110px; */ top: 42px; left: -7.5px; border-radius: 10px; padding: 10px; background-color: #fff; z-index: 999; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); } .qrcode-box .qrcode img { width: 110px; height: 110px; } a.yxj { padding: 0 12px; background-color: #ccc; cursor: not-allowed; } .apple { background: url('../../images/android/apple.png') no-repeat 10px center; background-size: 20px; } .android { background: url('../../images/android/android.png') no-repeat 10px center; background-size: 20px; } .pc { background: url('../../images/android/pc.svg') no-repeat 10px center; background-size: 20px; } .bc2e8ae6 { background-color: #2e8ae6; } .bc0cb23f { background-color: #0cb23f; } .bc0bb1a3 { background-color: #0bb1a3; } .download-btns .qrcode-box:not(:first-child) { margin-left: 16px; } .ewm { margin: 35px 0 0 140px; } .ewm-img { margin-bottom: 10px; display: block; width: 91px; height: 91px; background-color: #ffffff; border-radius: 2px; } .score { margin: 24px 0 0 130px; padding-top: 30px; width: 133px; height: 128px; background: url('../../images/android/score.png') no-repeat center; background-size: 100%; font-size: 41px; color: #b54a00; } .w840 { width: 840px; } .w340 { width: 340px; } .sec-tab { line-height: 50px; background-color: #f5f5f5; } .sec-tab > a { float: left; padding: 0 25px; color: #333333; } .sec-tab > a.cur { color: #2e8ae6; font-weight: bold; } .sec-tab > a.cur::after { display: block; margin: 0 auto; content: ''; width: 27px; height: 4px; background-color: #2e8ae6; border-radius: 8px; } .yyjj { text-align: justify; } .introTit, .sideNavigationTitle { display: block; height: 38px; line-height: 38px; margin: 0; color: #333; font-size: 14px; border-bottom: 1px solid #e3e3e3; position: relative; padding: 0; font-weight: 700; } .folded { overflow: hidden; /* text-overflow: ellipsis; */ /*display: -webkit-box;*/ /*-webkit-line-clamp: 8;*/ /*-webkit-box-orient: vertical;*/ max-height: 800px; } .check-more { display: block; width: 160px; height: 30px; line-height: 30px; margin: 12px auto 20px; text-align: center; border-radius: 6px; background: #2e8ae6; color: #fff; cursor: pointer; } .check-more::after { content: ''; display: inline-block; width: 10px; height: 10px; margin: 0 0 10px 8px; border: 1px solid #2e8ae6; transform: rotate( -135deg); -webkit-transform: rotate( -135deg); border-left: 1px solid #fff; border-top: 1px solid #fff; vertical-align: middle; } .swiper-slide { width: auto; } .swiper-slide > img { /* width: 270px; */ height: 300px; } .swiper-slide > img:not(:first-child) { margin-left: 15px; } .lh24 { line-height: 24px; } .recommend-soft { height: 252px; background-color: #d8d8d8; border-radius: 10px; } .recommend-soft > img { display: block; width: 100%; height: 100%; } .rs-bottom { padding: 7px 10px; bottom: 0; width: 100%; height: 65px; background-color: rgba(0, 0, 0, 0.5); } .rsb-img { width: 50px; height: 50px; background-color: #d8d8d8; border-radius: 4px; } .rsb-info { margin-left: 60px; } .rsb-btn { margin-top: 8px; width: 84px; line-height: 36px; background-color: #ffffff; border-radius: 4px; color: #2e8ae6; } .versions { } .versions > li { line-height: 52px; border-bottom: 1px solid #f5f5f5; } .ver-name { width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ver-date { margin-left: 20px; } .ver-btn { margin-top: 11px; width: 82px; line-height: 30px; border-radius: 4px; border: solid 1px #2e8ae6; color: #2e8ae6; } .app-list { } .app-list > li { width: 405px; line-height: 50px; border-bottom: 1px solid #f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .app-list > li::before { margin: 20px 6px 0 0; content: ''; float: left; width: 6px; height: 6px; background-color: #666666; border-radius: 50%; } .app-list > li:nth-child(odd) { float: left; } .app-list > li:nth-child(even) { float: right; } .sec-head { line-height: 42px; border-bottom: solid 1px #ededed; } .sec-head-tab { margin: 0 0 0 48px; } .sec-head-tab > a { float: left; color: #333333; max-width: 192px; } .sec-head-tab > a.cur { font-size: 16px; color: #2e8ae6; font-weight: bold; } .sec-head-tab > a.cur::after { content: ''; display: block; margin: 0 auto; width: 50px; height: 2px; background-color: #2e8ae6; border-radius: 2px; } .sec-head-tab > a:not(:first-child)::before { margin: 14px 20px 0; content: ''; float: left; width: 1px; height: 15px; background-color: #d8d8d8; } .topic-img { width: 268px; height: 158px; background-color: #d8d8d8; border-radius: 4px; } .topic-des { margin-left: 288px; } .topic-des-text { line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ml40 { margin-left: 40px; } .topic-app-list { } .topic-app-list > a { float: left; width: 25%; margin-bottom: 20px; } .tal-img { float: left; width: 66px; height: 66px; background-color: #f5f5f5; border-radius: 10px; } .tal-des { margin-left: 78px; } .topic-app-name { max-width: 100px; font-size: 14px; color: #333333; } .topic-app-btn { display: inline-block; margin-top: 12px; padding: 0 18px; line-height: 30px; background-color: #2e8ae6; border-radius: 4px; font-size: 14px; color: #ffffff; } .rec-link-img { width: 100%; height: 104px; background-color: #d8d8d8; border-radius: 6px; } .cnxh-list { width: 863.333px; } .cnxh-list > li { margin-right: 23.333px; float: left; width: 100px; } .cnxh-inner { display: block; margin: 0 auto; padding: 11px 0; width: 100px; height: 140px; /* background-color: #c4e2ff; */ border-radius: 10px; } .cnxh-inner:hover { background-color: #c4e2ff; } .cnxh-img { display: block; margin: 0 auto; width: 80px; height: 80px; background-color: #d8d8d8; border-radius: 10px; } .cnxh-name { margin-top: 8px; } .cnxh-link { display: none; margin-top: 10px; width: 66px; line-height: 28px; background-color: #2e8ae6; border-radius: 3px; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; } .cnxh-link:hover { color: #fff; background-color: #1374d4; } .cnxh-inner:hover .cnxh-name { display: none; } .cnxh-inner:hover .cnxh-link { display: inline-block; } .hot-search { width: 856px; } .hot-search > a { overflow: hidden; margin: 0 16px 16px 0; width: 198px; float: left; height: 36px; line-height: 36px; background-color: #f5f5f5; border-radius: 4px; } .hs-text { display: inline-block; width: 154px; overflow: hidden; } .sub-sec-head { border-bottom: solid 1px #ededed; } .ssh-title { margin-bottom: 5px; } .dev-apps { } .dev-apps > a { display: block; padding: 16px 0; } .dev-apps > a:not(:last-child) { border-bottom: dashed 1px #ededed; } .da-img { width: 70px; height: 70px; background-color: #d8d8d8; border-radius: 10px; } .da-des { margin: 0 66px 0 86px; } .da-size, .star { margin-top: 6px; } .star { width: 89px; height: 16px; background: url('../../images/star-gray.png') no-repeat left center; background-size: 89px 16px; } .star-full { height: 16px; background: url('../../images/star-full.png') no-repeat left center; background-size: 89px 16px; } .da-btn { margin: 20px 10px 0 0; width: 50px; line-height: 30px; background-color: #2e8ae6; border-radius: 4px; font-size: 14px; color: #ffffff; } .yxph-list { } .yxph-list > a { display: block; padding: 16px 0; border-bottom: solid 1px #ededed; } .yxph-num { margin: 33px 0 0 0; width: 18px; line-height: 18px; background-color: #eeeeee; border-radius: 4px; } .yxph-list > a:nth-child(1) .yxph-num, .yxph-list > a:nth-child(2) .yxph-num, .yxph-list > a:nth-child(3) .yxph-num { background-color: #eb4945; color: #fff; } .yxph-img { margin-left: 16px; width: 80px; height: 80px; background-color: #d8d8d8; border-radius: 10px; } .yxph-des { margin-left: 20px; width: 100px; } .yxph-name { margin-top: 18px; } .yxph-hot { padding-left: 16px; background: url('../../images/android/hot.png') no-repeat left center; background-size: 12px 14px; } .yxph-btn { margin: 25px 10px 0 0; width: 50px; line-height: 30px; background-color: #2e8ae6; border-radius: 4px; font-size: 14px; color: #ffffff; } .ml15 { margin-left: 15px; } .jpzt-list > a { margin-bottom: 10px; padding: 16px; box-sizing: border-box; display: block; height: 144px; border-radius: 4px; } .jpzt-list > a:nth-child(3n + 1) { background-image: linear-gradient(93deg, #92ad83 0%, #1a84a0 100%); } .jpzt-list > a:nth-child(3n + 2) { background-image: linear-gradient(93deg, #8bac66 0%, #198f49 100%); } .jpzt-list > a:nth-child(3n + 3) { background-image: linear-gradient(93deg, #c09883 0%, #ba7d5c 99%); } .jpzt-imgs { width: 325px; } .jpzt-imgs > img { margin-right: 15px; float: left; width: 50px; height: 50px; background-color: #ffffff; border-radius: 8px; } .h146 { height: 146px; } .rec-link > img { display: block; width: 100%; } .tlyy-list { width: 360px; } .tlyy-list > a { margin: 0 20px 16px 0; width: 70px; float: left; } .tlyy-img { display: block; width: 70px; height: 70px; background-color: #d8d8d8; border-radius: 10px; } .tlyy-name { margin-top: 4px; } .h198 { height: 198px; } .side-menu { top: 300px; /* right: 0; */ left: 50%; margin-left: 605px; width: 60px; background-color: #f6fcff; border-radius: 2px; border: solid 1px #dbeaf6; font-size: 14px; line-height: 20px; color: #222f38; z-index: 9; } .side-menu > li { transition: all 0.2s linear; } .side-menu > li:not(:first-child)::before { margin: 0 auto; content: ''; display: block; width: 33px; height: 2px; background: url('../../images/line.png') no-repeat center; } .sm-link { display: block; padding-bottom: 6px; /* padding: 10px 16px; */ } .sm-link-top { padding-top: 21px; background: url('../../images/arrow_zhiding.png') no-repeat center 9px; color: #2e8ae6; } .sm-img { margin: 10px auto 4px; width: 20px; height: 20px; } .sm-img-jj { background: url('../../images/android/jianjie.png') no-repeat center; background-size: 100%; } .sm-img-xg { background: url('../../images/android/xg.png') no-repeat center; background-size: 100%; } .sm-img-xz { background: url('../../images/android/dw.png') no-repeat center; background-size: 100%; } .swiper-button-prev { left: 0; width: 28px; height: 48px; background: url('../../images/android/left.png') no-repeat center; background-size: 100%; } .swiper-button-next { right: 0; width: 28px; height: 48px; background: url('../../images/android/right.png') no-repeat center; background-size: 100%; } .recommends { margin: 20px 0 15px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .recommends > a { margin: 0 16px 0 0; color: #2e8ae6; } .recommends > a:hover { color: #1f53e7; text-decoration: underline; } /* 2023年08月31日09:59:13 新增帮助 */ .sd-top-bg-box{ width:100%; height: 192px; } #dlArea .sd-top-body .pc:hover #help{ display: block; } #help{ display:none; box-sizing: border-box; font-size: 0; line-height: 0; width: 338px; height: 375px; background: #fff; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.06); border-radius: 10px; position:absolute; z-index:99; right:-352px; top:10px; padding:12px; } #help::before{ content:''; display: block; width:0; height:0; border:10px solid transparent; border-right-color: #fff; position:absolute; left:-19px; top:16px; } #help .help-title{ font-size: 14px; color: #E55656; line-height: 16px; } #help img{ width: 314px; height: 181px; margin:10px auto 20px; } #help .help-step{ font-size: 14px; color:#000; line-height: 16px; margin-bottom:10px; } #help .help-btn{ width: 128px; height: 34px; background: #2e8ae6; border-radius: 6px 6px 6px 6px; line-height: 34px; text-align: center; font-size: 18px; color:#fff; margin:16px auto 0; } .minit { width: 100%; height: 28px; background: #eee; position: relative; margin: 20px 0 15px 2px; } .minit:before { content: ''; display: block; float: left; width: 87px; height: 31px; text-align: center; line-height: 34px; font-size: 14px; color: #fff; margin: -4px 0 0 -2px; background: #fff url(images/img-a.png) no-repeat; background-position: -38px -90px; } .bt { float: left; height: 28px; background: #2e8ae6; color: #fff; position: absolute; left: 4px; top: -1px; line-height: 28px; font-size: 14px; padding: 0 10px; }