body { background: #f5f5f5; } .wrap .wrap-left-B { width: 890px; } .wrap .wrap-right-B { width: 300px; } .content-box { background: #fff; padding: 0 20px 20px; border-radius: 10px; border: 1px solid #ebeae8; margin-top: 10px; } .content-box.box { padding-bottom: 0; } .content-box:first-child { margin-top: 0; } .box > .hd { background: #fff; } .box > .hd .caption { margin-left: 0; } .tech-detail .turn-page > a { width: 48% } .tech-detail .turn-page > a.next { width: 48% } .tech-detail .turn-page { background: #fff; } .tutorial-list { background: #fff; padding: 20px 20px 0; border-radius: 10px; border: 1px solid #ebeae8; } .txt-dot-links-b li { width: 400px; margin-left: 0; margin-right: 40px; } .txt-dot-links-b li:nth-child(2n+2) { margin-right: 0; } .soft-img-listB.soft-img-listB-new { display: flex; flex-wrap: wrap; padding-bottom: 0; } .soft-img-listB.soft-img-listB-new li { width: 202px; height: 95px; border-radius: 9px; border: 1px solid #d1d1d1; margin-right: 10px; margin-bottom: 10px; } .soft-img-listB.soft-img-listB-new li:nth-child(4n+4) { margin-right: 0; } .soft-img-listB.soft-img-listB-new li a { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; padding-left: 10px; } .soft-img-listB.soft-img-listB-new li a img { width: 55px; height: 57px; margin-right: 10px; position: inherit; } .soft-img-listB.soft-img-listB-new li p.bold { font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:130px; } .soft-img-listB.soft-img-listB-new li p { font-size: 14px; font-weight: 400; color: #999; } .caption, .box > .hd .caption, .wjrs-title { font-size: 16px; font-weight: 500; color: #333; } .wjrs-title { margin-top: 0; } .common-bottom { background: #fff; padding: 0 20px 20px; } .tutorial .tutorial-list .tutorial-main .txt-dot-links-b li a { position: relative; } .tutorial .tutorial-list .tutorial-main .txt-dot-links-b li a::before { position: absolute; content: ' '; width: 6px; height: 6px; background: #c5c5c5; border-radius: 50%; left: 0; top: 12px; } .tutorial .tutorial-list .tutorial-main .txt-dot-links-b li a:hover::before { background: #2e89e6; } .tutorial .tutorial-list .tutorial-main .txt-dot-links-b li a:hover { color: #2e89e6; } .tutorial .tutorial-list .tutorial-main { margin-left: 0; } .game-card { width: 890px; height: 170px; background: #fff; border-radius: 6px; border: 1px solid #ebeae8; margin: 10px 0; display: flex; align-items: center; justify-content: space-between; padding: 20px; box-sizing: border-box; } .game-info { display: flex; align-items: center; } .game-card img { width: 130px; height: 130px; margin-right: 20px; } .game-card .btn-box { width: 143px; } .game-card .btn-box button { width: 143px; height: 44px; border-radius: 8px; outline: none; border: none; color: #fff; font-size: 20px; } .game-card .btn-box button.blue { background: #2e8ae6; margin-bottom: 22px; } .game-card .btn-box button.orange { background: #f87d59; } .game-card .game-msg p.bold { font-size: 22px; font-weight: 500; color: #333; margin-bottom: 25px; } .game-card .game-msg p { font-size: 14px; font-weight: 400; color: #666; margin-bottom: 6px; } .game-card .game-msg p span { margin-right: 50px; }