li a h3 { width: 100%; height: 34px; line-height: 34px; font-size: 14px; font-size: 1.4rem; font-weight: normal; color: #fff; text-indent: 12px; text-shadow: 1px 1px 2px #000; background: rgba(0,0,0,0.5); background-size: 414px; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 10; } /*PPshow*/ .PPshow { width: calc(100% - 20px); height: 70px; margin-top: 10px; padding: 0 10px; } .PPshow .data-inner { width: 100%; margin-top: 0; padding-bottom: 0; } .PPshow .data-scroller { padding: 0; } .PPshow .item { float: left; display: block; margin-right: 12px; width: 50px!important; height: 71px; } .PPshow .item a { display: block; float: left; width: 50px; } .PPshow .item mip-img { display: block; width: 50px; height: 50px; } .PPshow .item img { display: block; width: 50px; height: 50px; border-radius: 15px; background: #f9f9f9; overflow: hidden; } .PPshow .item p { display: block; margin-top: 5px; width: 100%; height: 16px; line-height: 16px; font-size: 12px; font-size: 1.2rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*background-position*/ .headerTop .back a,.headerTop .menu,.box-mod .hd .more i,.app-list li .btn,.pub-list li .btn { background: url(https://www.c-e-m.com/static/image/icons-1.png) no-repeat; } /**頂部**/ .headerTop { width: 100%; } .headerTop .navTop { width: 100%; height: 50px; height: 50px; background: #71B63B; position: relative; } .headerTop .logo { width: 120px; height: 30px; position: absolute; top: 11px; left: 10px; z-index: 1; } .headerTop .logo a { display: block; width: 120px; height: 30px; background: url(https://www.c-e-m.com/static/image/logo.png) no-repeat 0px 0px; background-size: 120px 30px; } .headerTop .search { position: absolute; top: 11px; left: 140px; z-index: 1; width: calc(100% - 190px); height: 30px; line-height: 30px; border-radius: 2px; background: #fff; overflow: hidden; } .headerTop .mip-layout-container { height: 30px; line-height: 30px; } .headerTop mip-form form { position: static; display: block; width: 100%; height: 100%; } .headerTop .txt-input { float: left; display: block; width: calc(100% - 33px); padding: 0 5px; height: 30px; line-height: 30px; border: none; font-size: 12px; font-size: 1.2rem; color: #666; vertical-align: middle; } .headerTop .search-btn { float: left; margin-top: 1px; display: block; width: 28px; height: 28px; border: none; background: url(https://www.c-e-m.com/static/image/searchbtn.png) 0 0 no-repeat; background-size: 28px; overflow: hidden; font-size: 0; text-indent: -9999px; cursor: pointer; } .headerTop .menu { position: absolute; top: 16px; right: 8px; z-index: 1; width: 30px; height: 20px; background-position: 0px 0px; background-size: 100px 100px; cursor: pointer; font-size: 0; overflow: hidden; text-indent: -999px; } .headerTop .subTop { width: 100%; background: #fff; position: absolute; left: 0px; top: 50px; z-index: 9999; box-shadow: 0px 3px 3px #ccc; display: none; } .subtop-list { width: 100%; overflow: hidden; } .subtop-list li { float: left; width: 33.3%; height: 118px; border-bottom: 1px solid #F0F0F0; } .subtop-list li a { display: block; width: 99%; height: 118px; text-align: center; border-left: 1px solid #F0F0F0; } .subtop-list li a i { display: block; margin: 18px auto 0; width: 60px; height: 60px; line-height: 60px; border: 1px solid #71B63B; border-radius: 50%; text-align: center; font-size: 24px; font-size: 2.4rem; color: #71B63B; } .subtop-list li a span { display: block; height: 18px; line-height: 18px; overflow: hidden; margin-top: 5px; } .menuNav { width: 100%; height: 37px; border-bottom: 1px solid #F2F2F2; } .menuNav .inner { width: 100%; height: 37px; } .menuNav .box-inner { width: 100%; height: 37px; } .menuNav .item { width: 51px !important; height: 37px; } .menuNav .item a { float: left; display: block; width: 100%; height: 37px; line-height: 35px; font-size: 16px; color: #333333; text-decoration: none; text-align: center; } .menuNav .item a.cur { height: 37px; border-bottom: 2px solid #71B63B; color: #71B63B; } .count-stats { margin: 0 auto; width: 0px; height: 0px; overflow: hidden; display: none } .count-stats img { width: 0px; height: 0px } /*底部*/ footer.bottom { width: 100%; padding: 6px 0; background: #ebebeb; text-align: center; } footer.bottom p { line-height: 24px; font-size: 13px; font-size: 1.3rem; } footer.bottom p a { padding: 0 10px; } /*subNav*/ .subNav { width: 100%; } .subNav .hd { width: 100%; height: 49px; line-height: 49px; border-bottom: 1px solid #F0F0F0; } .subNav .hd h2 { margin-left: 2%; } .subNav .inner { width: 100%; background: #F6F6F6; padding-bottom: 13px; } .subNav .sub-list { width: 100%; overflow: hidden; } .subNav .sub-list li { float: left; width: 22%; height: 30px; margin: 10px 0px 0px 2%; } .subNav .sub-list li a { display: block; width: 100%; height: 28px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #DFDDE6; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .subNav .sub-list li.cur a,.subNav .sub-list li a.hover { background: #71B63B; border: 1px solid #71B63B; color: #FFFFFF; } /*等級*/ .star0,.star1,.star2,.star3,.star4,.star5,.stars1,.stars2,.stars3,.stars4,.stars5 { display: block; width: 84px; height: 13px; background: url(https://www.c-e-m.com/static/image/stars.png) no-repeat; } .star1,.stars1 { background-position: 0 -26px; } .star2,.stars2 { background-position: 0 -52px; } .star3,.stars3 { background-position: 0 -78px; } .star4,.stars4 { background-position: 0 -104px; } .star5,.stars5 { background-position: 0 -130px; } /*box-mod*/ .box-mod { padding: 10px 0; background-color: #fff; border-bottom: 10px solid #EAEAEA; } .box-mod .hd { padding: 0 10px; overflow: hidden; } .box-mod .hd h2 { float: left; height: 25px; padding-left: 10px; border-left: 4px solid #71B63B; } .box-mod .hd small { display: block; margin-top: 5px; margin-left: 10px; float: left; font-size: 12px; font-size: 1.2rem; color: #999; } .box-mod .hd .more { float: right; color: #999; font-size: 14px; font-size: 1.4rem; } .box-mod .hd .more i { float: left; display: block; margin: 7px 6px 0px 0px; width: 8px; height: 8px; background-position: 0px -30px; background-size: 100px 100px; } .box-mod .inner { clear: both; padding: 0 10px; overflow: hidden; } .box-mod .tabsMenu { float: right; height: 27px; border: 1px solid #71B63B; border-radius: 5px; } .box-mod .tabsMenu a { float: left; display: block; padding: 0 8px; height: 25px; line-height: 27px; text-align: center; color: #333333; text-decoration: none; } .box-mod .tabsMenu a.active { background: #71B63B; color: #FFFFFF; } .box-mod .swiper-container { padding: 0 10px; height: 380px; overflow: hidden; } .box-mod .swiper-wrapper { height: 100%; } .bt10 { border-top: 10px solid #EAEAEA; } .bb10 { border-bottom: 10px solid #EAEAEA; } .top-mod { position: relative; } .top-mod .hd { position: absolute; top: 10px; left: 0px; z-index: 1; poverflow: hidden; } .top-mod .hd h2 { float: left; height: 25px; padding-left: 10px; border-left: 4px solid #71B63B; } .top-mod .mip-vd-tabs .mip-vd-tabs-row-tile { width: 180px; text-align: right; float: right; } .top-mod .mip-vd-tabs { padding: 0 10px; } .top-mod mip-vd-tabs .mip-vd-tabs-nav { height: 25px; line-height: 25px; font-size: 16px; font-size: 1.6rem; } .top-mod mip-vd-tabs .mip-vd-tabs-nav-li { display: inline-block; height: 25px; line-height: 25px; } .top-mod mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected { border-bottom: 1px solid #71B63B; color: #71B63B; } .top-mod .inner { clear: both; padding-top: 10px; overflow: hidden; } /**首頁菜單**/ .home-menu { width: 96%; margin: 0 auto; overflow: hidden; } .home-menu li { float: left; width: 20%; margin: 6px 0; text-align: center; } .home-menu li a { display: block; width: 100%; } .home-menu li i { display: block; margin: 0 auto; width: 45px; height: 45px; line-height: 45px; background: #6CD47D; border-radius: 50%; text-align: center; font-size: 2.4px; font-size: 2.4rem; color: #fff; } .home-menu li .fa-android { background: #97C03E; } .home-menu li .fa-desktop { background: #68A0FE; font-size: 26px; font-size: 2.6rem; } .home-menu li .fa-gamepad { background: #FF8245; } .home-menu li .fa-file-text-o { background: #FF97CF; } .home-menu li .fa-tasks { background: #C299FB; } .home-menu li .fa-tags { background: #6A6AFF; } .home-menu li .fa-list { background: #FF6599; } .home-menu li .fa-sitemap { background: #00A2ED; } .home-menu li .fa-qq { background: #EC121E; } .home-menu li .fa-apple { background: #9695A3; } .home-menu li .fa-android,.home-menu li .fa-apple { font-size: 26px; font-size: 2.4rem; } .home-menu li span { display: block; width: 100%; height: 18px; line-height: 18px; overflow: hidden; margin-top: 5px; } /*首頁專題*/ .home-special { margin-top: -10px; border-bottom: none; background-color: #EAEAEA; overflow: hidden; } .home-special .inner { padding: 0 10px 2px; overflow: hidden; } .home-special-list { margin-right: -10px; overflow: hidden; } .home-special-list li { float: left; display: block; margin-top: 10px; margin-right: 10px; width: calc(50% - 10px); } .home-special-list a { display: block; text-align: center; position: relative; } .home-special-list a img { display: block; width: 100%; } .home-special-list a span { position: absolute; left: 0px; bottom: 0px; z-index: 2; display: block; width: 100%; height: 26px; line-height: 26px; background-color: rgba(0,0,0,0.6); text-align: center; font-size: 14px; font-size: 1.4rem; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /**友情鍊接**/ .friend-link { margin-top: 2px; } .friend-link li { float: left; border: 1px solid #D9D9D9; border-radius: 100px; margin-top: 8px; margin-right: 8px; } .friend-link li a { display: block; padding: 0px 6px; height: 26px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333; } /*默認列表*/ .text-list { clear: both; overflow: hidden; } .text-list li { clear: both; float: none; margin-bottom: 0; width: 100%; text-align: left; border-top: 1px solid #eee; position: relative; padding: 12px 0; overflow: hidden; } .text-list li:first-child { border-top: 0 } .text-list li:hover { background: #f8f8f8 } .text-list li a { display: block; padding-left: 105px; min-height: 60px } .text-list li h3 { font-size: 16px; font-size: 1.6rem; height: 44px; line-height: 22px; margin-bottom: 2px; overflow: hidden; color: #444; font-weight: normal } .text-list li .pic { position: absolute; left: 0; top: 12px; width: 94px; height: 64px; padding: 1px; border: 1px solid #ededed; overflow: hidden; background: #f8f8f8; -webkit-background-size: 35px 35px; -moz-background-size: 35px 35px; background-size: 35px 35px } .text-list li .pic img { width: 90px; height: 60px; } .text-list li .info { height: 16px; line-height: 16px; color: #aaa; font-size: 12px; font-size: 1.2rem; overflow: hidden } .text-list li .info span { margin-right: 8px } .text-list li .info i { margin-right: 3px } .text-list li .info .author i { color: #afafaf } .text-list li .fa-heart-o { font-size: 13px; font-size: 1.3rem } .text-list .feeds-right .pic { left: auto; right: 0 } .text-list .feeds-right a { padding-left: 0; padding-right: 105px } /*文字列表*/ .art-list { clear: both; overflow: hidden; } .art-list li { clear: both; width: 100%; height: 38px; line-height: 38px; text-align: left; border-bottom: 1px solid #F0F0F0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .art-list li:last-child { border-bottom: none; } .art-list li a { font-size: 16px; font-size: 1.6rem; overflow: hidden; color: #444; font-weight: normal } .art-list li .dot { margin-right: 4px; display: inline-block; width: 4px; height: 4px; background-color: #eee; border-radius: 1px; vertical-align: middle; } /*APP列表*/ .applist-col { clear: both; overflow: hidden; } .applist-col li { float: left; width: 25%; padding-top: 10px; text-align: center; overflow: hidden; } .applist-col li:last-child { border-bottom: none; } .applist-col li .ico,.applist-col li .title,.applist-col li .btn { display: block; margin: 0 auto; text-align: center; font-size: 13px; font-size: 1.3rem; } .applist-col li .ico { width: 60px; height: 60px; border-radius: 12px; background-color: #f9f9f9; } .applist-col li .title { display: block; width: 96%; height: 26px; line-height: 26px; color: #444; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .applist-col li .filesize { display: block; font-size: 12px; font-size: 1.2rem; text-align: center; color: #aaa; } .applist-col li .btn { width: 60px; height: 22px; line-height: 22px; border: 1px solid #71B63B; border-radius: 5px; color: #65B90A; font-size: 14px; font-size: 1.4rem; } .applist-col li a:hover .btn { background-color: #71B63B; color: #fff; } /*排行*/ .top-list { clear: both; width: calc(100% - 20px); overflow: hidden; } .top-list li { clear: both; float: none; margin-top: 0; margin-bottom: 0; width: 100%; height: 38px; line-height: 38px; text-align: left; border-bottom: 1px dotted #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .top-list li:last-child { border-bottom: none; } .top-list li a { font-size: 16px; font-size: 1.6rem; overflow: hidden; color: #444; font-weight: normal } .top-list li .num { margin-right: 6px; display: inline-block; width: 18px; height: 18px; line-height: 19px; background: #879299; border-radius: 1px; color: #fffefe; font-size: 12px; font-size: 1.2rem; text-align: center; font-family: georgia,STHeiti,"Microsoft YaHei",simsun,sans-serif,Arial; vertical-align: middle; } .top-list li .n1 { background: #fa4e57 } .top-list li .n2 { background: #fa7a53 } .top-list li .n3 { background: #fbc258 } /*通用列表*/ .pub-list { clear: both; overflow: hidden; } .pub-list li { clear: both; float: none; margin-bottom: 0; width: 100%; text-align: left; border-bottom: 1px solid #eee; position: relative; padding: 12px 0; overflow: hidden; } .pub-list li:last-child { -border-bottom: 0 } .pub-list li a { display: block; padding-left: 80px; height: 70px; } .pub-list li h3 { height: 24px; line-height: 24px; font-size: 15px; font-size: 1.5rem; color: #444; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pub-list li .ico,.pub-list li .btn { position: absolute; z-index: 1; } .pub-list li .ico { left: 0; top: 12px; width: 70px; height: 70px; overflow: hidden; background: #f8f8f8; border-radius: 10px; } .pub-list li .ico img { width: 100%; height: 100%; } .pub-list li div.stars { margin-top: 6px; width: 84px; height: 13px; } .pub-list li .att { margin-top: 9px; height: 14px; line-height: 14px; font-size: 12px; font-size: 1.2rem; color: #888; } .pub-list li .att i { margin-right: 3px } .pub-list li .fa-heart-o { font-size: 13px; font-size: 1.3rem } .pub-list li .line { padding: 0 4px; font-size: 12px; font-size: 1.2rem; color: #eee; } .pub-list li .btn { display: block; width: 35px; height: 35px; position: absolute; right: 2px; top: 40px; z-index: 1; overflow: hidden; text-indent: -20em; font-size: 0; background-position: 0px -50px; background-size: 100px 100px; } .pub-list li.art h3 { height: 46px; line-height: 22px; white-space: normal; } .pub-list li.art .att { margin-top: 5px; } /*軟件應用列表*/ .app-list { clear: both; overflow: hidden; } .app-list li { clear: both; float: none; margin-bottom: 0; width: 100%; text-align: left; border-bottom: 1px solid #eee; position: relative; padding: 12px 0; overflow: hidden; } .app-list li:last-child { -border-bottom: 0 } .app-list li a { display: block; padding-left: 80px; height: 70px } .app-list li h3 { height: 24px; line-height: 24px; font-size: 15px; font-size: 1.5rem; color: #444; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-list li .ico { position: absolute; z-index: 1; left: 0; top: 12px; width: 70px; height: 70px; overflow: hidden; background: #f8f8f8; border-radius: 10px; } .app-list li .ico img { width: 100%; height: 100%; } .app-list li div.stars { margin-top: 6px; width: 84px; height: 13px; } .app-list li .att { margin-top: 10px; height: 14px; line-height: 14px; font-size: 12px; font-size: 1.2rem; color: #888; } .app-list li .att i { margin-right: 3px } .app-list li .att .fa-heart-o { font-size: 13px; font-size: 1.3rem } .app-list li .line { padding: 0 5px; font-size: 12px; font-size: 1.2rem; color: #eee; } .app-list li .btn { display: block; width: 35px; height: 35px; position: absolute; right: 2px; top: 40px; z-index: 1; overflow: hidden; text-indent: -20em; font-size: 0; background-position: 0px -50px; background-size: 100px 100px; } /*專題列表頁*/ .special-list { margin-right: -10px; overflow: hidden; } .special-list li { float: left; margin-right: 10px; width: calc(50% - 10px); } .special-list li img { display: block; width: 100%; } .special-list li span { display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-align: center; } .special-list li a:hover span { text-decoration: underline; color: #c00; } /*網站地圖*/ .map-list { overflow: hidden; margin-right: 6px; } .map-list li { float: left; margin-top: 10px; width: 25%; height: 28px; text-align: center; overflow: hidden; } .map-list li a { display: block; height: 26px; line-height: 26px; border: 1px solid #ccc; background-color: #f6f6f6; margin-left: 6px; border-radius: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*軟件基本信息*/ .down-basic { width: 100%; padding: 0 10px 15px 10px; background: #F7F7F7; overflow: hidden; } .down-basic .ico { float: left; width: 72px; margin-top: 10px; margin-right: 10px; } .down-basic .ico img { width: 72px; height: 72px; border-radius: 15px; } .down-basic .att { overflow: hidden; } .down-basic .att h1 { margin-top: 13px; display: block; line-height: 24px; overflow: hidden; font-size: 17px; font-size: 1.7rem; color: #333; } .down-basic .att p { margin-top: 7px; height: 18px; line-height: 18px; overflow: hidden; color: #999; font-size: 12px; font-size: 1.2rem; } .down-basic .att p a { display: inline-block; padding: 0px 5px; height: 18px; border-radius: 5px; color: #fff; text-decoration: none; } .down-basic .att p a.c1 { background: #F5A0B3; } .down-basic .att p a.c2 { background: #777197; } .down-basic .att p a.c3 { background: #3EBFAD; } .down-basic .att p a.c4 { background: #2198DC; } .down-basic .btn { clear: both; margin-top: 10px; } .down-basic .btn a { display: block; width: 100%; height: 35px; line-height: 35px; overflow: hidden; background: #71B63B; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; text-decoration: none; border-radius: 20px; } .down-basic .disable { clear: both; margin-top: 10px; } .down-basic .disable .btn { display: block; width: 100%; height: 35px; line-height: 35px; overflow: hidden; background: #bbb; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; text-decoration: none; border-radius: 20px; } .down-basic .disable .tip { margin-top: 10px; font-size: 14px; font-size: 1.4rem; color: #f60; text-align: center; } /*文章内容頁*/ .article { clear: both; padding: 6px 10px 10px; border-bottom: 10px solid #EAEAEA; overflow: hidden; } .article .hd { margin-top: 10px; width: 100%; padding: 0 0px; overflow: hidden; } .article .hd h2 { float: left; height: 25px; line-height: 25px; overflow: hidden; border-left: 4px solid #71B63B; padding-left: 10px; font-size: 20px; font-size: 2rem; } .article h1 { line-height: 1.3; font-size: 18px; font-size: 1.8rem; font-weight: 600; color: #333; } .article .att { margin-top: 10px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #999; } .article .att span { margin-right: 10px; } .article .art-content { margin-bottom: 10px; line-height: 1.6; font-size: 16px; font-size: 1.6rem; color: #555; overflow: hidden; } .article .art-content p { margin-top: 10px; margin-bottom: 10px; } .article .art-content .keylink { color: #70B63A; border-bottom: dotted 1px #70B63A; } .article .art-content img { width: auto; max-width: 100%; height: auto; text-align: center } .article .art-content h1,.article .art-content h2,.article .art-content h3,.article .art-content h4,.article .art-content h5,.article .art-content h6 { border-left: 3px solid #F85959; margin: 15px 0; padding-left: 10px; line-height: 1; } .article .art-content h1 { font-size: 20px; font-size: 2rem } .article .art-content h2 { font-size: 19px; font-size: 1.9rem } .article .art-content h3 { font-size: 18px; font-size: 1.8rem } .article .art-content h4 { font-size: 17px; font-size: 1.7rem } .article .art-content h5 { font-size: 16px; font-size: 1.6rem } .article .art-content h6 { font-size: 15px; font-size: 1.5rem } .article #pages,.article .pages { margin-top: 10px } .article .tags { margin-top: 2px; overflow: hidden } .article .tags i { float: left; display: block; margin-top: 5px; margin-right: 3px; height: 22px; line-height: 22px; color: #70B63A; font-size: 18px; font-size: 1.8rem; } .article .tags a { float: left; display: block; margin-top: 5px; margin-right: 3px; height: 22px; line-height: 22px; padding: 0 5px; background: #eee; border-radius: 1px; font-size: 14px; font-size: 1.4rem; color: #666; } .article .param-list { padding: 15px 0 15px 15px; border-top: 1px solid #eee; overflow: hidden; } .article .param-list li { float: left; width: 50%; line-height: 26px; height: 26px; color: #333; font-size: 14px; font-size: 1.4rem; } .article .param-list li.one { clear: both; float: none; width: 100%; } .article .param-list li span { color: #999 } .article .param-list li a { color: #65B90A; } .article .param-list li .star { display: inline-block; } .article .show-toggle { position: absolute; bottom: 0px; z-index: 2; width: 100%; padding: 10px 0; height: 50px; background: url(https://www.c-e-m.com/static/image/show-toggle-bg.png) left -20px; } .article .show-toggle .spread,.show-toggle .shrink { display: block; margin: 0 auto; width: 120px; height: 30px; line-height: 30px; background: #71B63B; color: #fff; border-radius: 3px; box-shadow: 0 0 1px 0px #eee; text-align: center; text-indent: 0; font-size: 14px; font-size: 1.4rem; cursor: pointer; } .article .show-toggle .shrink { display: none; } .article .mip-showmore-btn { display: block; margin: 0 calc(50% - 60px) 20px; padding: 0; border: none; width: 120px; height: 30px; line-height: 30px; background: #71B63B; color: #fff; border-radius: 3px; text-align: center; text-indent: 0; font-size: 14px; font-size: 1.4rem; cursor: pointer; } /*内容頁相關專題*/ .RelSpecial { width: 100%; color: #999; font-size: 14px; font-size: 1.4rem; } .RelSpecial a { display: inline-block; margin-top: 6px; margin-right: 5px; height: 20px; line-height: 22px; border-radius: 8px; padding: 0px 5px; color: #fff; } .RelSpecial .c1 { background: #F5A0B3; } .RelSpecial .c2 { background: #777197; } .RelSpecial .c3 { background: #3EBFAD; } /**特色标簽**/ .tagShow { margin-top: 5px; overflow: hidden; } .tagShow li { float: left; margin-top: 8px; margin-right: 8px; } .tagShow li a { display: block; padding: 0px 6px; height: 26px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #fff; border-radius: 100px; } .tagShow li .c1 { background: #C299FB; } .tagShow li .c2 { background: #6CD47D; } .tagShow li .c3 { background: #FF6F6F; } .tagShow li .c4 { background: #37AFFF; } .tagShow li .c5 { background: #777197; } .tagShow li .c6 { background: #FF8B62; } .tagShow li .c7 { background: #FF99FF; } .tagShow li .c8 { background: #FFBC53; } /*标簽列表*/ .tags-list { margin-right: -10px; overflow: hidden } .tags-list li { float: left; width: calc(33.33% - 10px); margin-right: 10px; margin-top: 10px; overflow: hidden; } .tags-list li a { display: block; width: 100%; height: 28px; line-height: 28px; padding: 0 3px; background: #eee; border-radius: 2px; font-size: 14px; font-size: 1.4rem; color: #444; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*tagContent*/ .tagContent { padding: 0 10px 10px; } .tagContent img { display: block; width: 100%; } .tagContent .title { margin-top: 15px; } .tagContent .title h1 { display: inline-block; line-height: 1; font-size: 18px; font-size: 1.8rem; font-weight: 700; } .tagContent .title small { margin-left: 8px; display: inline-block; line-height: 1; font-size: 14px; font-size: 1.4rem; color: #999; } .tagContent .content { margin-top: 10px; line-height: 1.6; font-size: 16px; font-size: 1.6rem; color: #444; } /*訂單*/ .buyOrder { clear: both; height: 54px; padding-left: 6px; background-color: #f4f4f4; position: relative; overflow: hidden; } .buyOrder span { display: block; } .buyOrder .title { margin-top: 8px; height: 16px; line-height: 16px; color: #666; } .buyOrder .pp { height: 28px; line-height: 28px; overflow: hidden; } .buyOrder .pp span { float: left; margin-right: 8px; } .buyOrder .cp { height: 28px; line-height: 28px; color: #ff6f00; font-weight: bold; font-size: 17px; font-size: 1.7rem; } .buyOrder .cp em { font-size: 10px; font-size: 1.0rem; font-weight: normal; } .buyOrder .discount { margin-top: 5.5px; padding: 0 3px; height: 16px; line-height: 15px; border: 1px solid #ff5722; border-radius: 2px; color: #ff5722; font-size: 12px; font-size: 1.2rem; } .buyOrder .op { margin-top: 5px; height: 16px; line-height: 16px; text-decoration: line-through; color: #999; font-size: 14px; font-size: 1.4rem; } .buyOrder .coupon { margin-top: 1px; margin-left: 3px; padding: 0 4px; height: 22px; line-height: 23px; background-image: linear-gradient(to right, #FFC500, #FF9402); border: 0px solid #ff5722; border-radius: 2px; color: #ff5722; font-size: 14px; font-size: 1.4rem; } .buyOrder .coupon a { display: block; color: #fff; } .buyOrder .buyBtn { padding: 0 10px 0 13px; height: 54px; line-height: 54px; position: absolute; top: 0px; right: 0px; z-index: 1; background-image: linear-gradient(to right, #FF7A00, #FE560A); border-radius: 27px 0 0 27px; text-align: center; font-size: 15px; font-size: 1.5rem; } .buyOrder .buyBtn a { display: block; color: #fff; } .buyOrder-dox { margin-top: -5px; height: 74px; background-color: #fff; border-radius: 5px; border-bottom: 10px solid #F7F7F7; border-left: 10px solid #F7F7F7; border-right: 10px solid #F7F7F7; } .buyOrder-dox .title { margin-top: 12px; } .buyOrder-dox .pp { margin-top: 4px; } .buyOrder-dox .buyBtn { top: 5px; }