@media (hover: hover) {#lic_radio label:hover{box-shadow: 4px 4px 0 rgb(0 0 0 / 6%); transform: translateY(-2px); } #short-nav span a:hover{color: #000; } #short-nav span a:hover:before{width: 100%; transition: 400ms ease all; } #short-nav span .smoothmenu_language ul li ul li a:hover{background: #f6f7f8; } } @media (prefers-color-scheme: dark) {html{filter: invert(1) hue-rotate(0.5turn); } #topbar li.the4 a,.softinfo dd a,.softinfo dd a.info_buynow,.price-miaosha,.result7.gallery span.price-miaosha,.banner_flash_miaosha,.askbutton,.sitelogo,#short-nav span a.sitelogo,#mess_bar,img{filter: invert(1) hue-rotate(0.5turn); } } body{background: #fcfcfa; color: #444; font: 16px/1.75 -apple-system, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; white-space: normal; margin: 0 auto; } .lucide-icon{display: inline-block; width: 1.2em; height: 1.2em; vertical-align: -0.2em; stroke: currentColor; margin-right: 6px; } .icon-green{color: #69a443 } .icon-gold{color: #f59e0b } .icon-blue{color: #7C4DFF } .icon-mango{color:#ff7a1a } .icon-none{stroke:none } .icon-gray{color: #999 } @media screen and (min-width: 979px) {.topshare {float: left; width: 99.8%; margin-bottom: 10px; } #bottom-text1{width: 100%; line-height: 26px; padding-top: 15px; color: #676767; margin: 10px auto 0 auto; min-width: 940px; min-height: 320px; background: #fff; float: left; } .lic_title i{margin: 0 5px 0 0; } .tableshow_buynow_code_info{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #short-nav{float: left; width: 100%; min-width: 940px; display: flex; align-items: center; flex-wrap: wrap; margin: 1px 0 5px 0; background: #fff; box-shadow: 0 2px 4px 0 #f5f5f5; } #short-nav span{margin: 0; padding: 0; float: none; font-size: 14px; line-height: 64px; height: 63px; z-index: 99; max-width: 2220px; width: 100%; background: #fff; } #short-nav span a{margin: 0 1%; color: #6e6361; float: left; position: relative; } #short-nav span a:before{content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 0; background: #ff7a1a; transition: 600ms ease all; } #short-nav span a b{float: left; } #main_nav ul.new a{position: relative; right: -120px; top: -60px; float: left; } #main_nav{margin: 0 auto; width: 100%; min-width: 979px; max-width: 1330px; } #main_nav ul li.the2 a{color: #505050; } #main_nav ul li.the2 img{width: 20px; } #main_nav ul li a{color: #6c6c6c; } #main_nav ul li a:hover,#main_nav ul li:hover a{color: #fff; text-decoration: none; } #main_nav ul li{float: left; margin: 0; padding: 4px 10px; } #main_nav ul.new li{padding: 0; font-size: 15px; display: none; } #main_nav ul.new li a{padding: 5px 20px; float: left; } #main_nav ul.new li.checked{padding: 4px 40px; color: #fff; background: #0078d7; line-height: 22px; } #main_nav ul li:hover{background: #0078d7; } #main{max-width: 1366px; min-width: 940px; width: 100%; margin: 0 auto; } .topshare.the1{width: 960px; } .topshare.the2{height: 98px; margin: 0 0 0 15px; position: relative; } .rightimg.the1 label{float: left; width: 100%; text-align: center; font-size: 12px; color: #777; height: 18px; } .rightimg.the1 label.fontgray{color: #aeaeae; } .info_holiday{width: auto; position: absolute; left: 102px; bottom: -5px; z-index: 9; } .info_holiday .dealTimer{float: none; padding: 0; margin: 0 auto; border-radius: 6px; border: 1px solid #eee; } .info_holiday .dealTimer .dealTimerNumbers{color: #0a8800; background: #fff; line-height: 28px; border-radius: 6px 6px 0 0; height: 28px; padding: 0 5px; font-size: 13px; } .category{float: left; margin: 0 0 15px 0; border-left: none; width: 100%; } .category dl{float: left; line-height: 20px; padding: 0; margin: 1px 0; width: 100%; } .category dl.the1 dt,.category dl.the1 dd{width: 188px; } .category dl dt{float: left; width: 238px; border-top: 1px #eee solid; border-bottom: 1px #eee solid; padding: 0 0 0 9px; color: #666; font-weight: 600; } .category dl dt strong.fontred{font-weight: 600; } .category dl strong.fontred{font-size: 13px; padding: 4px 0 4px 5px; color: #e6682e; } .category b{font-weight: 600; } .category dl dt a:hover,.category dl dd.the1 a{color: #f55a58; } .category dl dd{float: left; width: 100%; margin: 3px 0; padding: 0; line-height: 20px; color: #9b9b9b; position: relative; font-size: 14px; font-weight: 400 } .category dl dd a{display: block; padding: 5px 8px; border-radius: 6px; } .category dl dd a.href_del{color: #ff7a1a; background: #fff8f3 } .category dl dd a.href_del label{color: #ff7a1a} .category label{color: #aaa; font-weight: 400; font-size: 11px; float: right; } .result11 a.info_buynow{padding: 13px 0; font-size: 16px; text-align: center; border-radius: 6px; color: #fff; width: 140px; float: left; font-weight: 600; background: #ff7a1a17; color: #d86311; border: 1px dashed; } .result11 .tableshow_buynow a.info_buynow{padding: 8px 3px 10px 3px; line-height: 16px; } .result11 a.info_buynow.buynew{width: 148px; } .result11 a.info_download::before,.result11 a.info_buynow::before{content: none; } .result11 a.info_buynow:hover{opacity: 0.8; transition: all 0.5s; border: 1px dashed; } .result11 a.info_download{color: #7d7d7d; padding: 10px 21px; font-size: 13px; text-align: center; border-radius: 2px; text-decoration: none; transition: all 0.2s ease-in-out; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); opacity: 1; float: left; font-weight: 600; background: #fff; } #topbar{background: #fff; opacity: 0; transition: opacity 0.4s ease; border-bottom: 1px solid #ccc; position: fixed; top: 0; z-index: 100; width: 100%; text-align: center; display: none; box-shadow: 0 2px 6px rgba(150, 150, 150, 0.5); font-size: 13px; } #topbar.visible{opacity: 1; } #topbar ul{margin: 0 auto; max-width: 1330px; width: 100%; } #topbar ul li.the1 img{max-height: 52px; max-width: 56px; } #topbar ul li.the1{padding: 0; border: none; width: 56px; margin-left: 52px; } #topbar ul li.the2{border-left: 1px solid #ddd; } #topbar ul li.the4{border: none; } #topbar ul li.the4{margin: 0 3% 0 0; padding: 0; float: right; } #topbar ul li.the5{border: none; text-align: left; overflow: hidden; margin-left: 1%; } #topbar li.the4 a.info_download{color: #fff; background: #ff8d25; padding: 3px 30px; font-size: 15px; border-radius: 0; } #topbar a.info_buynow::before{font: normal normal normal 16px/1 FontAwesome; } .topcontrol_new{position: fixed; bottom: 290px; right: calc(50% - 720px); display: inline-block; box-sizing: border-box; height: 45px; transition: max-width 0.5s, min-width 0.5s; z-index: 101; width: 45px; } .topcontrol_new i.fa-share-alt{bottom: 0; } .topcontrol_new i.fa-comments{bottom: 46px; } .topcontrol_new i.fa-arrow-up{display: none; } .topcontrol_new i{position: absolute; display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 40px; width: 40px; height: 40px; text-align: center; font-size: 16px; z-index: 1; background: #f9f9f9; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 20px; border: 1px solid rgba(0, 0, 0, 0.06) } .fa-arrow-up{display: none; opacity: 0; transition: opacity 0.4s ease } .fa-arrow-up.visible{opacity: 1 }} .shopallcate{display: flex; padding: 10px 0 0 5px; color: #bbb; font-size: 13px; cursor: pointer } .shopallcate label{cursor: pointer; margin: -4.5px 0 0 0 } .shopallcate svg{margin-right: 10px } .shopallcate:hover,.shopallcate label:hover,#catetite a:hover{color: #f55a58; text-decoration: none } .ddsmoothmenu ul li{margin: 0; } .ddsmoothmenu ul li ul li ul li b{padding: 0; margin: 0; font-size: 14px; color: #0a8800; font-weight: 700; } .ddsmoothmenu ul li ul li b{color: #505050; font-weight: 400; } #smoothmenu1{margin: 0; float: left; } #smoothmenu1 h3{margin: 3px; font-size: 16px; font-weight: 700; float: left; width: calc(100% - 6px); background: #eee; } #smoothmenu1 h3.the1{padding: 13px 26px; width: calc(100% - 52px); margin: 3px 0; } #c-toggle-menu > li > a.new_menu{background: #eee; padding: 10px 20px 10px 25px; } #smoothmenu1 > ul > li > ul#c-toggle-menu{position: fixed; background: #fff; left: -100%; top: 0; width: 340px; height: 100vh; opacity: 0; visibility: hidden; transform: none; overflow-y: auto; border-radius: 0; z-index: 9999; transition: left 0.3s ease, opacity 0.3s ease; max-width: 70%; } #smoothmenu1 > ul > li > ul#c-toggle-menu.mobile-active{left:0; opacity:1; visibility:visible } #c-toggle-menu li ul.menuitem.the1 li > a{font-weight: 400; } #c-toggle-menu li > a{color: #505050; display: flex; justify-content: space-between; align-items: center; padding: 12px 20px 12px 29px; font-size: 13px; font-weight: 500; } #c-toggle-menu li > a:hover{background: #eee; } #c-toggle-menu li > a .fa-chevron-right{transition: transform 0.2s; } #c-toggle-menu li.active > a svg{transform: rotate(90deg); } #c-toggle-menu .menuitem{display: block; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; padding: 0; margin-top: 0; width: calc(100% - 2px); transition: max-height 0.3s ease, opacity 0.2s ease, visibility 0.2s step-end, margin-top 0.2s ease, padding-top 0.2s ease, padding-bottom 0.2s ease; } #c-toggle-menu li.active > .menuitem{max-height: 1000px; opacity: 1; visibility: visible; margin-top: 5px; } .menuitem li{float: none; width: 100%; padding: 0; } .menuitem li a{float: none; display: block; width: calc(100% - 50px); color: #505050; padding: 5px 0 5px 10px; } .menuitem{position: static; width: 100%; min-width: auto; opacity: 0; max-height: 0; visibility: hidden; transform: none; box-shadow: none; padding: 0 20px; flex-direction: column; margin-top: 0; overflow: hidden; transition: all 0.3s ease; } .mobile-overlay{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 9998; transition: background 0.3s ease; } .mobile-overlay.active{display: block; background: rgba(0, 0, 0, 0.5); } .site-support{position: fixed; font-size: 30px; bottom: 25px; right: 30px; } .site-support a{color: #ff7a1a; } #mess_bar{background: #ff7a1a; color: #fff; text-align: center; line-height: 26px; font-size: 14px; float: left; width: 100%; margin: -1px 0 0 0; } #mess_bar a{color: #fff; } strong,b{font-weight: 600; } #lic_radio input[type="radio"]:checked + label:before{content: ""; position: absolute; top: -1px; right: -1px; border-color: #f28b4b transparent transparent transparent; border-style: solid; border-width: 30px 0 0 30px; z-index: 3; } #lic_radio input[type="radio"]:checked + label:after{font: normal normal normal 12px/1 FontAwesome; content: "\f00c"; color: #fff; position: absolute; top: 2px; right: 2px; z-index: 3; } #lic_radio input[type="radio"]:checked + label{border: 1px solid #ffca9a; } #dld-ad1{width: 800px; text-align: left; margin: 0 auto; padding: 0; display: none; height: 100px; top: 100px; position: absolute; left: calc(50% - 400px); background: #fdf7f2; border-radius: 6px; } .setprivacy{position: fixed; bottom: 0; width: calc(100% - 8px); z-index: 999; background: #333; text-align: center; opacity: 0.9; line-height: 26px; color: #fff; display: none; border-top: 1px solid #fff; padding: 4px; } .setprivacy button{background: #fff; border: none; margin-left: 12px; padding: 3px 25px; } .setprivacy a{color: #fff; font-weight: 600; text-decoration: underline; } a{color: #3e7696; text-decoration: none; outline: none; } .info_spotlight dd a:hover,.info_spotlight dd a.qinfo_author:hover,.info_spotlight li a.qinfo_author:hover,a:hover{text-decoration: none; cursor: pointer; opacity: 0.8; } a.the1{color: #444; border-bottom: 1px dashed #999; } .couponvalid a.the1{border-bottom: 1px dashed #ccc; } .couponvalid a:hover{text-decoration: underline; } a.the1.icon{border-bottom: none; } select{background: none; } del,s{color: #ccc; } .linethrough{text-decoration: line-through; font-size: 13px; margin: 0 5px; color: #bbb; } .article_catalog a:hover{text-decoration: none; cursor: pointer; } a.the4{color: #505050; } a.the5{color: #505050; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; border: 1px solid #eee; border-bottom-color: #a2a2a2; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; padding: 2px 6px 2px 6px; } a.the5:hover{text-decoration: none; color: #505050; background: #eee; } .underline{text-decoration: underline; } .underline{border-bottom: red solid 1px; } ul{list-style: none; margin: 0; padding: 0; } li{list-style-type: none; margin: 3px; } img{border: 0; max-width: 100%; } h3{font-size: 14px; font-weight: 400; display: inline; } h1{font-size: 15px; display: inline; } h1.the1{font-size: 20px; } .leftspan{float: right; cursor: pointer; margin-right: 10px; } .leftspan::before{content: ""; display: inline-block; width: 13px; height: 13px; margin-left: 4px; vertical-align: -1px; opacity: .72; background-color: currentColor; -webkit-mask: url(/skin/svg-icon/minus.svg) no-repeat center; mask: url(/skin/svg-icon/minus.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .leftspan.plusthick::before{-webkit-mask: url(/skin/svg-icon/plus.svg) no-repeat center; mask: url(/skin/svg-icon/plus.svg) no-repeat center; } .leftspan.the1{float: left; } .plusthick{background-position: 4px 2px; } #catetite ul li.nav_t,.nav_t{color: #b3b3b3; font-size: 14px; line-height: 30px; } .value-added-service .catecenter1 div.dealTimerNumbers.green,.green{color: #00b67a; } .red{color: red; } .fontblack{color: #505050; } .fontgreen{color: #666; font-weight: 300; } .fontred-color,.showpages strong{color: #f27013; } .title,.title3,.title1{line-height: 25px; height: 25px; float: left; margin: 5px 1px; padding: 0 0 0 6px; width: calc(100% - 7px); font-weight: 600; color: #666; } .left1 span.title3 a{color: #3e9fca; } .left1 span.title3 a:hover{color: #f55a58; } .faqtitle{line-height: 25px; height: 25px; float: left; margin: 1px; padding: 0 0 0 8px; font-weight: 600; font-size: 15px; color: #3e9fca; width: 99%; height: auto; } .faqtitle.the1:hover{color: #f55a58; } .faq img{max-width: 98%; } .title.the1{color: #ccc; } .faqtitle,.title1{cursor: pointer; } .title1{background: none; font-weight: 600; border-bottom: 1px dotted #ddd; text-transform: uppercase; } .title h2,h4{font-size: 13px; font-weight: 400; } .title a{text-decoration: underline; } .inputsearch{color: #505050; border: 1px #ddd solid; height: 44px; margin: 24px 0; float: left; padding-left: 10px; width: 675px; border-radius: 6px; font-size: 17px; } .inputsearch:focus{outline: 0; box-shadow: 0 0 2px #777; } .left1{width: 240px; float: left; margin: 0 4px 4px 0; line-height: 23px; padding: 10px; background: #fff; font-weight: 300; box-shadow: 0 1px 3px #eee; min-height: 110px; border-radius: 6px; } .left1 a{color: #777; } .left1 a:hover{color: #ff7a1a; background: #fff8f3; } .spotlight img{border: 0; text-align: center; vertical-align: middle; float: none; max-height: 100px; max-width: 100px; margin: 3px; } .spotlight{width: 224px; float: left; margin: 0 0 15px; border-left: none; background: #fff; } .spotlight a{width: 220px; float: left; text-align: center; margin: 5px 0 10px; } .spotlight.the1 a{text-align: left; margin-left: 7px; width: 206px; } .spotlight li{float: left; border-top: 1px solid #fff; } .spotlight hr{width: 210px; float: left; text-align: center; height: 1px; vertical-align: middle; } .catecenter{width: 98%; float: left; padding-left: 8px; margin-top: 8px; } .catecenter h3{width: 560px; line-height: 26px; vertical-align: middle; float: left; font-size: 18px; font-weight: 400; margin: 10px 0 0 0; padding: 0 0 0 4px; } .catecenter.the2 h3{margin-bottom: 6px; margin-top: 6px; } .catecenter ul{float: left; min-width: 500px; width: 100%; } .catecenter ul li{width: 301px; line-height: 22px; padding: 4px; float: left; height: 110px; font-size: 12px; } .catecenter.the2 ul li{padding-top: 16px; width: 146px; height: 70px; text-align: center; margin: 0 0 0 84px; position: relative; } .catecenter.the2 ul li span{width: 140px; color: #666; padding: 2px 0 0 2px; } .catecenter ul li span{float: left; } .catecenter ul li label{float: right; } .catecenter dl{width: 682px; float: left; line-height: 18px; margin: 0 0 8px; } .catecenter dd{float: left; margin: 5px; } .catecenter dt{width: 646px; float: left; } .catecenter dt span{text-align: center; float: left; } .catecenter dt span.the4{float: right; font-weight: 400; } .catecenter1{float: left; margin-top: 8px; width: 100%; } .catecenter1.the1{width: 100%; } .catecenter1 img{max-width: 700px; } .catecenter.the1{width: 692px; } #catetite{line-height: 40px; float: left; width: 94%; margin: 0; padding: 0 0 0 4%; background: #fff; font-size: 12px; border-bottom: 1px dashed #ddd; } #catetite a{color: #bbb; margin: 0 0 0 30px; text-decoration: underline; } #catetite a:first-child{margin: 0 0 0 215px; } #catetite ul li a{margin: 0 30px; float: left; position: relative; } #catetite ul li strong,#catetite ul li a:first-child{margin: -1px 1px; text-decoration: none; } #catetite ul li{float: left; margin: 0 10px; font-size: 13px; } #catetite b{font-weight: 400; } .toplist h1,#catetite h1{margin-left: 8%; width: auto; } #catetite span.nav{margin: 0 5px 0 5px; color: #ccc; float: none; } .catelist{max-width: 1100px; min-width: 670px; float: right; width: calc(100% - 290px); padding: 0; margin: 0 4px 0 0; } .catelist.new{max-width: 1180px; min-width: 730px; width: calc(100% - 330px); font-size: 15px; background: #fff; float: left; box-shadow: 0 1px 3px #f6f6f6; border-radius: 6px; margin: 15px 0 0 0; color: #524a49; padding: 5px; } .catelist.the1{padding: 7px; } .catelist.the2{border: 1px solid #cce2f4; box-shadow: 1px 1px 4px rgba(150, 150, 150, 0.3); } .catelist span{float: left; width: 100%; } .comment_rightinfo{float: right; line-height: 15px; color: #aaa; text-align: right; margin: -7px 0 3px 0; } .newtoplist div.toplist{width: 100%; } .toplist{float: left; margin: 0 0 15px 0; padding: 0; display: flex; align-items: center; } .toplist.the1{width: calc(100% - 16px); } .toplist h1{float: left; width: auto; margin: 0; display: flex; align-items: center; font-weight: 600; font-size: 1.8rem; } .toplist span{float: left; font-size: 24px; width: auto; } .toplist dl{margin: 1px 0 0 10px; float: left; max-width: 950px; } .toplist dl a{float: left; } .toplist dl dt{float: left; background: #fff; color: #524a49; padding: 5px 10px; border-radius: 6px; font-weight: 400; border: 1px solid #ddd; font-size: 16px; } .toplist_new_button a::after,.toplist dl dt::after{content: ""; display: inline-block; width: 13px; height: 13px; margin-left: 4px; vertical-align: -1px; opacity: .72; background-color: currentColor; -webkit-mask: url(/skin/svg-icon/delete.svg) no-repeat center; mask: url(/skin/svg-icon/delete.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .toplist dl dd{color: #fff; float: left; margin: 0 20px 0 1px; background: #666 url("/images/delete_bac.png") no-repeat; height: 20px; width: 18px; } .result7{width: 100%; float: left; line-height: 18px; } .listeach div.offer_code{float: left; margin-top: 5px; padding: 0 5px 0 0; border-radius: 6px; } .result7.gallery span{margin: -3px 0 0 4px; } .result7 span{margin: -3px 0 0 4px; } .result7 span b{color: #666; font-weight: 600; } .result7 img{max-width: 120px; max-height: 85px; border-radius: 6px; } .result7.gallery img{max-width: 120px; margin-top: 0; } .result7 img.the1{margin: 2px 0 2px 0; float: left; } .result7 dt{text-align: center; float: left; margin-right: 15px; padding: 0; width: 140px; } .catecenter1 div.result7 dt{border: none; } .result7 dl{float: left; margin: 0; display: flex; align-items: center; position: relative; width: calc(100% - 30px); padding: 0 0 0 15px; min-height: 80px; flex-wrap: wrap; } .listeach.gallery.bestselling div.result7.gallery dl{width: calc(100% - 10px); padding: 0 0 0 10px; } .listeach.lictable{margin: 0 0 10px 0; padding: 15px 0; border-bottom: none; border-radius: 0; flex-wrap: wrap } .listeach.lictable .result11{background: none; padding: 5px 0; } .listeach.lictable .result7 dt{border: none; } .listeach.lictable div.result7 dl{width: calc(100% - 130px); padding: 0 0 0 105px; } .catelist .lictable .result11{border-radius: 0; } .catelist .lictable .result7{width: 81%; } .catelist .lictable .result11::before,.catelist .lictable .result11::after{display: none; } .listroot .result7 dl{display: block; } .result7 dd{margin: 0; } .result7 dd ul li{list-style: disc; margin-left: 19px; font-size: 13px; } .result7 dd.the1{width: 370px; position: relative; } .result7 dd.the2{color: #9b9b9b; } .result7 dd.the4{width: 280px; } .result7 dd .list_softname{margin: 0; } .result7 dd .list_softname.gallery b.fontgray{min-width: 222px; } .result7 dd .list_softname b.fontgray{color: #bbb; min-width: 340px; } .list_softname b.fontred-color{padding: 0 4px; border-radius: 6px; position: absolute; right: 26%; bottom: 19%; width: 82px; height: 70px; line-height: 70px; text-align: center; font-weight: 700; overflow: hidden; font-size: 25px; } .list-discount{color: #C96A2B; font-weight: 600; } .list-discount-2{font-size: 16px; } .result7.gallery dd .list_softname{height: 66px; overflow: hidden; margin: 30px 0 0 0; float: left; width: 68%; } .result7.gallery dd .list_softname.the1{margin: 0; height: 20px; line-height: 20px; width: 100%; } .result7 dd .list_softname.gallery.the1 a{font-size: 16px; float: none; } .list_softname a b.fontgreen{color: #ddd; } .list_softname a b.fontgreen.true{color: #0a8800; font-size: 14px; } .result7 dd h2 a,.result7 dd .list_softname a{color: #6e6361; font-size: 17px; float: left; max-height: 48px; overflow: hidden; font-weight: 600; line-height: 22px; } .producttitle1.the1 .productname a:hover,.item_main_lin1 a h2:hover,.banner_flash_name a:hover,.topbanner a:hover,.softcompany a:hover,.result7 dd h2 a:hover,.result7 dd .list_softname a:hover,.result7 dd .list_softname a:hover > b.fontgray{color: #f55a58; transition: all 0.2s; } .result7.gallery.free,.result7.gallery{width: 100%; overflow: hidden; height: 250px; border-radius: 6px; box-shadow: 0 1px 3px #bcbcbc; } .softinfo dd.the2 img{max-width: 88px; max-height: 51px; } .inputsearch::placeholder{color: #dedede; } .result7.gallery.the1{height: 265px; } .result7.gallery.the1 img{float: none; max-height: 105px; max-width: 200px; display: inherit; width: auto; } .result7.gallery.the1 dt{height: 107px; width: 100%; margin: 5px 0 0 0; } .result7.gallery.the1 dd{color: #b3b3b3; width: 100%; } .result7.gallery.the1 dl{float: none; } .list_softname.gallery.the1{min-width: 200px; font-size: 12px; } .result7.gallery dt{height: 100px; width: 100%; float: left; padding: 0; text-align: center; border: none; } .result7.gallery dd{float: left; margin-top: 0; overflow: hidden; width: 100%; padding: 0; } .result7 h3{display: none; } .list_no{float: left; margin: 0 4px 0 4px; } .list_softname{margin: 0 4px 0 0; float: left; width: 99%; } .list_no{font-size: 17px; font-weight: 600; color: #202124; margin: 0 20px 0 0; } .list_br.gallery{display: inline; } .list_br{font-size: 1rem; } .list_br sup{font-size: 11px; } .result7.gallery dd.the2{display: none; border-left: none; } .list_boxshot.gallery{height: 130px; margin: 0; float: left; } .list_boxshot.gallery.the1{float: none; height: 170px; } .list_softname.gallery{min-width: 229px; margin: 0; } #listmain{background-color: #fff; float: left; margin: 0 auto; width: 100%; } .index_body #listmain{background: none; float: left; width: 100%; } #listmain.the1{background-color: #eee; } #listeach,.listeach{float: left; width: calc(100% - 5px); line-height: 24px; margin: 0 0 1px 0; color: #999; min-height: 80px; position: relative; background: #fff; padding: 8px 0; display: flex; align-items: center; transition: box-shadow 0.35s, -webkit-box-shadow 0.35s; flex-wrap: revert; box-shadow: 0 1px 3px #eee; border-radius: 6px; } .catelist.top .listeach:hover,#listeach:hover,.listeach:hover{-webkit-box-shadow: 0 6px 16px -8px rgb(0 0 0 / 8%), 0 9px 28px 0 rgb(0 0 0 / 5%), 0 12px 48px 16px rgb(0 0 0 / 3%); box-shadow: 0 6px 16px -8px rgb(0 0 0 / 8%), 0 9px 28px 0 rgb(0 0 0 / 5%), 0 12px 48px 16px rgb(0 0 0 / 3%); z-index: 1; } .listeach.gallery{width: 235px; padding: 35px 1px 20px 5px; height: 360px; margin: 4px 4px 50px 4px; } .salestotal{margin-top: 1px; } .catecenter1.the1 div.listeach.gallery.the2{width: 17.5%; margin-left: 1%; } .listeach.gallery.the2{width: 23.5%; text-align: center; font-size: 12px; height: 265px; margin: 0 1.5% 5px 0; border: none; box-shadow: none; padding: 0; min-width: 200px; } #listeach b.the1,.listeach b.the1{font-weight: 700; } .coupon h2,.couponvalid h2{line-height: 32px; font-size: 13px; } .work_100 dt,.coupon dd,.couponvalid dt{font-weight: 700; font-size: 19px; border-left: 6px #69a443 solid; border-radius: 2px; padding: 7px 10px; width: calc(100% - 9px); margin: 4px 0 8px 0; float: left; } .couponvalid img{max-width: calc(100% - 2px); } .couponvalid table{line-height: 30px; } .work_100 dd,.coupon dt,.couponvalid dd{float: left; width: 98%; margin: 8px 0 15px 0; padding: 0 1%; } .softinfo i.fa-shopping-bag{margin: 0 2px 0px 10px; font-size: 15px; } #topbar li.the4 a,.softinfo dd a{border-radius: 2px; text-decoration: none; transition: all 0.2s ease-in-out; float: left; color: #fff; } .softinfo table td.the1{text-align: right; } .softinfo table td.the2{width: 260px; } .softdesc{width: 98%; line-height: 180%; float: left; margin: 0 0 8px; padding: 10px 0 10px 0.5%; position: relative; } .softdesc.the1{width: 962px; margin: 17px 10px 0 10px; background: none; border: none; } .softdesc.the1 a{color: #36b; text-decoration: none; } .softdesc.editor_reiview{margin-left: 1%; width: 96%; } .softdesc.editor_reiview li{list-style-type: disc; margin: 3px 3px 3px 18px; } .softdesc.editor_reiview label{float: right; color: #777; } .softdesc.editor_reiview i{color: #777; font-size: 11px; } .softdesc strong{color: #f60; } .softdesc img{max-width: 100%; } .mediainfo{width: 96%; float: left; margin: 0 4px 15px 16px; } .mediainfo.the1{margin: 0 0 10px 4%; } .mediainfo.the1 svg{margin:0 6px; } .mediainfo ul{margin-left: 20px; } .mediainfo ul li{margin: 0 6px 0 6px; padding: 0px; float: left; line-height: 32px; height: 32px; min-width: 350px; } .mediainfo ul li img{float: left; } .mediainfo i.fa{float: left; font-size: 24px; margin: 2px 5px 0 0; } .score{width: 42%; float: left; margin: 16px 0 0 30px; padding: 4px 0; } .score{padding-left: 5%; } .socre_star i.fa-star,.socre_star i.fa-star-half-o,.socre_star i.fa-star-o,.score i.fa-star,.score i.fa-star-half-o,.score i.fa-star-o{color: #ee741d; font-size: 1.2rem; float: left; margin: 4px 4px 0 0; } .myscore_new svg{float: left; width: 2rem; height: 2rem; } .score cite{font-weight: 600; float: left; height: 30px; line-height: 30px; margin-right: 5px; } .myscore_new span{font-size: 2rem; margin: 8px 12px; font-weight: 700; padding: 0 0 0 37px; } .myscore_new strong{font-size: 1.2rem; line-height: 26px; margin: 4px 0 0 10px; float: left; } .myscore_new{float: left; width: 80%; line-height: 30px; margin: 10px 0 20px 100px; } .myscore_new label{font-size: 27px; float: left; margin:-2px 7px 0 0; line-height: 32px; } .softdesc span.coupon,.couponvalid{float: left; width: calc(99% - 5px); padding: 0 7px 0 0; line-height: 1.75; } .couponvalid{margin-left: 5px; } .couponvalid.the1{padding: 0 0 8px 10px; margin: 17px 10px 0 10px; } .couponvalid.the1 a{color: #36b; text-decoration: none; } .couponvalid.the1 span{width: 914px; } .couponvalid li{list-style-type: disc; margin: 5px 0 5px 10px; } .softdesc span.coupon a img,.couponvalid.the1 a img{margin: -12px 0 0 700px; float: left; max-width: 900px; } .couponvalid a img.the1{margin: -26px 0 0 700px; float: left; } .softcompany{border-top: 1px #cce2f4 dashed; width: 97%; float: left; line-height: 20px; margin: 8px 0 8px 4px; padding: 4px; color: #666; content-visibility: auto; } .softcompany ul li{list-style-image: url(li.gif); margin: 0 0 6px 16px; } .softcompany.the1{border: none; } .softcompany.the1 ul li{margin: 20px 1% 6px 0; text-align: center; float: left; width: 24%; list-style-image: none; } .softcompany.the1 ul li a img{max-height: 100px; max-width: 200px; } .softcompany dl,.softcompany dd,.softcompany dt{float: left; } .softcompany dl dd{width: 950px; margin: 0; float: 0; } .softcompany dl dt{float: left; margin-left: 15px; border-right: 1px dashed #fbae15; padding-right: 10px; } .softcompany a{font-weight: 400; color: #505050; } a.the2{font-style: italic; } .newrelease{width: 976px; } .googlesearch ul{display: flex; justify-content: center; flex-wrap: wrap; background: #fbfbfb; margin: 0 10px; border-radius: 6px} .titlespan{float: left; text-align: center; width: 100%; } .article{width: 960px; line-height: 22px; float: left; margin: 4px; padding: 4px; } .showpages{width: calc(100% - 13px); float: left; margin: 0 0 5px 0; color: #9b9b9b; padding: 0 3px 3px 0; } .showpages.bottom{margin: 5px 0; } .showpages b{color: #6e6361; } .showpages span{float: left; margin: 0; width: auto; } .recommend{background-image: url(recommendBackground.gif); background-position: left center; background-repeat: no-repeat; color: #ab0226; padding-left: 5px; padding-right: 5px; } .mainbox{width: 95%; float: left; margin: 4px; padding: 10px 1%; background: #fff; box-shadow: 0 1px 3px #eee; border-radius: 6px; } .mainbox h2{font-size: 18px; float: left; margin: 20px 0 5px 0; float: left; width: 99%; } h4,h2{font-size: 13px; display: inline; font-weight: 400; } #catetite img,.softinfo dd img{vertical-align: middle; } .os{color: #69f; font-weight: 400; } .fontred{color: #f27013; } b.the2{color: #6e6361; font-weight: 600; } b.freeware{color: #f55a58; font-weight: 400; font-size: 15px; } .title a:hover{color: #f55a58; font-weight: 400; } .fontgray,.catecenter ul li label{color: #ccc; } #searchbanner span input,.score img,.score strong{float: left; } #searchbanner{float: left; width: 100%; } .pages{float: right; line-height: 24px; font-size: 12px; } .pages a,.pages b,.pages label,.pages a:hover{border: #ddd 1px solid; display: block; height: 24px; padding: 0 8px; float: left; margin-right: 5px; transition: all linear 0.2s; color: #4d4d4d; border-radius: 50%; } .pages b{padding: 0px 10px; } .pages a.showpage_b,.pages a.showpage_b:hover{background: none; border: none; color: #4d4d4d; } .pages a.showpage_b:hover{text-decoration: underline; } .pages b,.pages a:hover{text-decoration: none; background: #fff8f3; color: #ff7a1a; border: 1px solid #ff7a1a; } .pages label{color: #ddd; } .dealTimer{text-align: center; float: left; margin-left: 15px; min-width: 140px; } .dealTimerNumbers{color: #f60; padding: 0; } .catecenter1 div.dealTimerNumbers{background: #666; color: #fff; float: left; text-align: center; width: 100%; font-weight: 400; margin-top: 20px; } .clicktocopy{float: left; font-size: 1rem; line-height: 28px; } .clicktocopy.the1{margin: 0; } .clicktocopy.the4{float: right; } .clicktocopy.the2{margin-left: 414px; } .clicktocopy b{float: left; margin-right: 3px; } .clicktocopy label{display: none; position: absolute; padding: 4px; margin-top: -6px; margin-left: 4px; border: 1px solid #fc0; background: #ffc; color: #505050; float: none; width: 210px; z-index: 1; font-size: 13px; } .clicktocopy label.the1{margin: 25px -150px; } .clicktocopy label.the2{margin: 30px -170px; } .clicktocopy .coupon-code.the1{color: #36b; margin-left: 3px; } .clicktocopy .coupon-code{float: left; color: #d86311; padding: 0 4px; margin: 0; font-size: 1.2rem; position: relative; background: #fff; border: 1px solid #eee; min-width: 120px; } .clicktocopy .coupon-code.activate{text-align: center; } .clicktocopy .coupon-code:hover{opacity: 0.8; } .tableShow{border: 0.0625rem solid #ddd; font-size: 14px; } .tableShow.the1{background: #eee; } .tableShow s,.tableShow span.linethrough{color: #9b9b9b; } .tableShow a{color: #fff; font-size: 14px; background: #dc5b00; padding: 10px 15px; line-height: 20px; border-radius: 6px; } .tableShow.holiday tr td:nth-child(1){text-align: center; } .tableShow.holiday td{padding: 1px 5px; text-align: left; } .tableShow.holiday td a{background: none; border: none; color: #3e7696; padding: 0 0 0 5px; } .tableShow tr td:nth-child(1){width: 420px; text-align: left; } .tableShow tr:nth-child(even){background-color: #efeae447; } .tableShow tr:hover,.tableShow tr:nth-child(even):hover,.tableShow.holiday tr:nth-child(even):hover{background: #f4f1e7; } .tableShow.holiday tr td:nth-child(1){width: auto; } .tableShow td{padding: 5px; text-align: center; min-width: 90px; border-top: 1px solid #ddd; } .tableShow td del{font-weight: 400; } .softinfo.the1 section ul,.softinfo.the1 dt ul{border-top: 1px solid #ddd; } .softinfo.the1 section ul li,.softinfo.the1 dt ul li{list-style-type: disc; margin: 0 0 0 18px; width: 500px; } .softinfo.the1 ul li.the1{padding: 5px 0; margin: 10px 0 17px 0; border-top: none; min-height: 22px; float: left; position: relative; color: #707174; } .softinfo.the1 h2{color: #0a8800; } .topinfo i.fa-youtube-play{color: #ddd; } .topinfo i.fa-youtube-play:hover{color: #f55a58; } .couponvalid.the2{border: none; margin: 0 0 18px 10px; } .result9.gallery{position: absolute; bottom: 60px; right: 25px; } .result9{margin: 10px 0 0 0; float: left; } .result7.gallery.the4{height: 262px; } .result7.gallery.the4 img{float: none; } .listeach.gallery.the4:hover{background: #ffc; } .listeach.gallery.the4{border: none; height: 255px; text-align: center; padding: 20px 0 10px 0; margin: 3px 0 3px 5px; border: 1px solid #ccc; } .search_top{padding: 0; margin: 0 0 0 6%; } .search_top form{margin: 4px; } .catelist div.topshare span{float: none; } .hr{width: 100%; margin: 10px 0; } .hr.the1{margin: 15px 0; } .info_success100 div.dealTimerNumbers{font-size: 11px; color: #fff; font-weight: 400; } .info_success100 div.dealTimer{margin: 0 5px; width: auto; height: auto; } .couponcode_offer{position: absolute; bottom: 0; width: 100%; overflow: hidden; text-align: center; } .couponcode_offer b.list_br{color: #f27013; background: #fff9f4; } .couponcode_offer strong{color: #666; width: 100%; text-align: center; font-size: 17px; } .couponcode_offer .fontred,.couponcode_offer .clicktocopy a{font-size: 15px; font-weight: 400; } .listeach.gallery div.offer_code{position: absolute; bottom: 70px; } .showpages select{font-weight: 600; border: 1px solid #ccc; padding: 3px 1px; } #topbar ul li{height: 36px; line-height: 36px; float: left; padding: 0 10px; border-right: 1px solid #ddd; margin: 2px 0 0 0; } .category dl dd.sub_filter{margin-left: 0px; padding-left: 6px; color: #0a8800; border-bottom: 1px solid #0a8800; font-weight: 600; } .menuitemv dl li.sub_filter{background: #eee; } .comment{margin: 5px 0; float: left; background: #fbfbfb; border-radius: 6px; } .comment_main{margin: 0; float: left; } .comment_main.reply{width: 100%; margin-left: 3px; background-color: #f7f7f7; border: 1px dashed #ddd; padding-left: 10px; } .comment_main.reply:after{border-bottom-color: #eee; left: 10px; } .catecenter.the2.index{width: 99%; padding-left: 6px; } .catecenter.the2.index ul li{margin: 5px 3% 0 6%; width: 120px; height: 100px; } .catecenter.the2.index ul li span{width: 120px; } .result11{position: absolute; bottom: 29%; right: 1.8%; text-align: left; min-width: 64px; } .listeach.gallery div.result11{top: 0; left: 0; text-align: left; width: auto; height: 26px; } .result11 a.free{opacity: 1; padding: 7px 10px; border: 1px solid #ccc; color: #888; } .result11 a.free:hover{background: #505050; color: #fff; } .result11 a:hover{opacity: 1; border: none; } .result9.the1{display: flex; align-items: center; flex-wrap: wrap; width: 80px; justify-content: normal; } .result9 s,.result9 span.linethrough{color: #bbb; float: none; } .result9.the1.gallery{bottom: 25px; right: 10px; } .softinfo.the1 b.fontred{font-size: 1rem; } .list-icon{width: 20px; height: 20px; position: absolute; left: -10px; top: -3px; font-size: 13px; color: #fff; text-align: center; line-height: 21px; background: #ccc; border-radius: 10px; } .catelist .result11.free{background: none; } .listeach.gallery div.result11.free{top: 80%; width: auto; left: 20%; } .qtips{float: left; margin: 0 0 0 5px; } .offer_code b.fontred{color: #900; } .result7.free{width: 856px; } .result9.the1 b.freeware{float: left; margin: 4px 0 0 0; } /*.softinfo.the1 ul li.the1 div.addthis_sharing_toolbox span{float:right}*/ h2.producttitle{font-family: "Poppins", Arial, Helvetica; } .catalog_system{display: none; } .catalog_system img{max-height: 18px; filter: Gray; -webkit-filter: grayscale(100%); opacity: 0.4; } .listeach.gallery div.catalog_system{display: none; } .externallink:after{content:""; display:inline-block; width:13px; height:13px; margin-left:4px; vertical-align:-1px; opacity:.72; background-color:currentColor; -webkit-mask:url("/skin/svg-icon/external-link.svg") no-repeat center; mask:url("/skin/svg-icon/external-link.svg") no-repeat center; -webkit-mask-size:contain; mask-size:contain; } .newtoplist{float: left; width: 98%; margin: 15px 0 10px 0; position: relative; line-height: 29px; } .newtoplist div.newtoplist{width: 100%; } #topbar img{max-width: 165px; } #topbar img:hover{opacity: 0.85; } .toplist_new{position: relative; } .toplist_new h1{margin: 0 0 15px 0; font-size: 32px; line-height: 1; font-weight: 700; display: block } .toplist_new h1 span{color: #ff7300 } b.yes{color: #f27013; } b.no{color: #ff0000; } .result7.gallery div.re_tags{display: none; } .overlay{margin: 0; padding: 0; width: 99%; position: absolute; height: 100px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 0, white 85%, white 100% ); bottom: 50px; } .softdesc div.overlay{width: 98%; } .maintips{overflow: hidden; position: relative; font-size: 14px; line-height: 22px; } .info_overview{line-height: 180%; } .info_overview a{color: #2c131b; text-decoration: underline; } .info_overview dl{float: left; border: 1px solid #f1f1f1; width: 99%; margin: 0 0 7px 4px; } .info_overview dt{background: #f2f2f2; color: #fff; padding: 5px 10px; font-size: 14px; } .info_overview dt,.info_overview dd{float: left; margin: 0; width: 98%; } .info_overview dd{margin: 10px; } .info_overview dd span{float: left; padding: 0 5px; margin: 0 10px 10px 0; font-size: 12px; width: auto; border: 1px solid #ddd; } .catecenter1 div.result7.gallery{background: #fff; } .left1 a img:hover{opacity: 0.3; transition: all 0.5s; } .left1 div.ddsmoothmenu-v{border-left: none; border-right: none; border-bottom: none; } .comment.reply{width: calc(100% - 53px); } .softinfo.the1 dt ul.rel_products{float: left; width: 100%; margin: 10px 0; border: none; font-size: 14px; } .softinfo.the1 dt ul.rel_products li{list-style-type: none; float: left; width: auto; padding: 0; background: #fff; margin: 10px 8px 0 0; position: relative; font-size: 14px; font-weight: 600; } .softinfo.the1 dt ul.rel_products li.selected{padding: 5px 10px; border: 1px #0a8800 solid; color: #0a8800; background: #0a880014; border-radius: 3px; } .softinfo.the1 dt ul.rel_products li a{color: #6e6361; padding: 5px 10px; float: left; border: 1px solid #ccc; border-radius: 3px; } .softinfo.the1 dt ul.rel_products li a:hover{border: 1px #0a8800 solid; color: #0a8800; } .top-share-coll{bottom: 0; width: 255px; height: 45px; position: absolute; transition: left 0.6s ease; } .couponvalid i.fa{font-size: 16px; margin: 7px 5px 0 0; float: left; } .searchSubmitBtn_new{background: none; font-size: 15px; height: 42px; padding: 0 10px; margin: 25px 0 0 -60px; cursor: pointer; border: none; width: 60px; color: #777; border-left: 1px solid #ddd; } .searchSubmitBtn_new:hover{opacity: 0.8; border-left: 1px solid #ddd; } .rate_img{float: left; margin: -2px 3px 0 3px; line-height: 18px; font-size: 14px; } .stars::before{font-size: 17px; color: #ee741d; letter-spacing: 3px; font-weight: 600; } .stars.stars-1::before{content: "★☆☆☆☆"; } .stars.stars-2::before{content: "★★☆☆☆"; } .stars.stars-3::before{content: "★★★☆☆"; } .stars.stars-3_5::before{content: "★★★☆☆"; } .stars.stars-4::before{content: "★★★★☆"; } .stars.stars-4_5::before{content: "★★★★☆"; } .stars.stars-5::before{content: "★★★★★"; } .list_bottom .stars::before{content: "★"; color: #777; font-weight: 600; } .list_bottom .info_ratingsum{margin: 4px 0 0 -49px; } .softinfo.the1 li.the1 img{float: left; } .softinfo dd a.info_download{color: #202124; padding: 10px 20px; font-size: 17px; text-align: center; border: 1px solid #ccc; box-shadow: 0 3px 0 #dfdfdf; border-radius: 6px; } .softinfo dd a.info_download:hover{box-shadow: none; transform: translate(1px, 1px); } .info_buynow_top,#topbar li.the4 a.info_buynow{background: #ff7a1a; padding: 2px 16px; font-size: 16px; border-radius: 0; position: relative; } .info_buynow_top:hover,#topbar li.the4 a.info_download:hover,#topbar li.the4 a.info_buynow:hover,.result11 a.info_download:hover,.tableShow td a:hover{opacity: 0.8; cursor: pointer; } .softinfo dd a:hover{border-color: #dfdfdf; cursor: pointer; } .info_success100{font-size: 15px; float: left; line-height: 28px; font-weight: 600; margin: 0 0 0 5px; } .softinfo.the1 div.clicktocopy .coupon-code{background: #fcfcfc; border: 1px dashed #ddd; padding: 3px 10px; margin: 0 8px; position: relative; border-radius: 3px; cursor: pointer; } .info_success100::before{color: #0a8800; font: normal normal normal 14px/1 FontAwesome; content: "\f0a3"; margin: 0 6px; } .listeach.gallery div.offer_code b{display: none; } .href_selected{color: #f55a58; font-weight: 400; display: block; padding: 3px 0 4px 20px; } .href_selected:before{content: "\f192"; font: normal normal normal 14px/1 FontAwesome; color: #f55a58; position: absolute; left: 6px; top: 8.5px; } .outofpoints{width: 85%; text-align: center; color: #666; margin: 0 0 10px 0; font-weight: 600; font-size: 16px; } .catetitle_shell{width: 100%; left: 0; min-width: 940px; position: relative; } .catetitle_shell #catetite{border: none; line-height: 38px; float: none; background: none; padding-top: 0; margin: 1px auto; color: #666; max-width: 1330px; min-width: 920px; } .catetitle_shell #catetite ul{margin: -27px 0 0 35px; height: 35px; float: left; min-width: 60%; line-height: 35px; } .fa-long-arrow-right{float: left; margin: 11px 0 0 0; font-size: 18px; color: #ccc; } .catetitle_shell #catetite i.fa-long-arrow-right{float: left; margin: 10.5px 6px 0 8px; font-size: 18px; color: #666; } .ddsmoothmenu i.fa-caret-down{margin-left: 10px; } .info_spotlight{float: right; width: 303px; position: relative; border-radius: 6px; margin: 10px 2px 0 0; padding: 5px 0; } .info_spotlight span.title3{width: calc(100% - 16px); text-align: center; font-weight: 600; padding: 6.5px 8px; margin: 4px 0 0 0; } .info_spotlight img{max-width: 160px; } .info_spotlight dd{margin:10px 0 50px 0; text-align: center; float: left; width: 100%; list-style: none; } #topbar_nav ul.ui-widget-header{border: none; background: #fff; border-bottom: 1px solid #eee; } #topbar_nav .ui-widget-header a{float: left; height: 36px; font-size: 13px; } #carousel{min-height: 45px; } .sub_title{font-size: 16px; float: left; width: 99%; margin: 8px 0 5px 0; line-height: 18px; color: #777; font-weight: 300; } .list_middle{float: left; width: 100%; line-height: 18px; margin: 2px 0; font-size: 14px; } .result7 dd.the1new{width: calc(100% - 160px); } .list_bottom{float: left; width: 68%; margin: 0; color: #999; } .list_bottom span{margin: 0; font-size: 0.8rem; width: auto; } .list_bottom span.salestotal{margin: 0; width: 120px; text-align: center; } .list_bottom span.expris{position: absolute; right: 25px; top: 3%; color: #008000bf; } .list_bottom div.rate_area{margin: 1px 8px 0 0; } .info_buynow{position: sticky; } .result11 a.info_buynow.activein{width: 148px; } .list_bottom_rate,.list_bottom_used{float: left; } .list_bottom_rate{width: 225px; margin: 3px 0 0 0; } .list_bottom_rate .quicktips1{color: #777; font-size: 14px; line-height: 15px; } .catelist .info_buynow span{margin: 0; font-size: 15px; } .listeach .the1new div.re_tags span.tag{margin: 3px 5px 0 0; width: auto; text-decoration: underline; border: none; } .sitelogo,#short-nav span a.sitelogo{background: url("/skin/colormango.svg") no-repeat; width: 120px; height: 60px; float: left; background-size: 100%; margin: 0 3%; padding: 0; } .sitelogo:hover:before,#short-nav span a.sitelogo:hover:before{width: 0; } #short-nav span button:hover{cursor: pointer; } .top-search{padding: 24px 15px 20px 10px; background: none; border: none; float: right; margin: 0 2% 0 0; } .top-search i{font-size: 16px; } .info_area{font-size: 1.1rem; padding: 20px 1%; width: 98%; float: left; line-height: 1.4rem; background: #fff; margin: 15px 0 0 0; } .info_area strong{color: #f60; } .info_area img{max-width: 100%; border-radius: 6px; } .securelink{color: #9b9b9b; } .index_body .inputsearch{background: #fff; } .index_body .listeach.gallery.the2,.index_body #main,.index_body .productname,.index_body{background: #fcfcfa; } .index_body #main{max-width: 1366px; } .index_body.sitedefaultbody #main{max-width: 1680px; padding: 0px 5px; width: calc(100% - 10px) } .article-author{float: left; color: #2c131b; margin: 0 0 0 10px; } .author-name img{border-radius: 50%; float: left; width: 24px; max-height: 24px; } .author-name{float: left; position: absolute; } .q_c_link,.q_c_link:hover,.article_catalog a{color: #707174; opacity: 1; } .annotation{font-size: 9px; } #catetite ul li.margin_l_r_20{margin: 0 20px; } .salestotal{font-weight: 400; } .lic_front_select{color: #999; margin: 5px 0 0 0; font-size: 13px; float: left; width: calc(100% - 10px); } #lic_radio label.lic_compare::before{content: ""; } .lic_compare_div{width: 97%; float: left; } .catelist .result11.for_mobile,.ddsmoothmenu ul li ul li.for_mobile,.displaynone,.for_mobile,.mobile_bottom{display: none; } .softdesc_note{padding: 0; width: 100%; line-height: 1.75; float: left; margin:0 0 30px 0; } .softdesc_note span{padding: 0 1%; width: 98%; } .softdesc_note img{margin: 5px 0; border: 1px solid #ddd; max-height: 370px; } .adv_input{min-width: 350px; } .quickinfo fieldset{border: none; padding: 0; width: 100%; float: left; margin: 0; } .quickinfo dl{float: left; width: 99%; } .quickinfo dt{float: left; border-bottom: 1px solid #eee; } .comment_count:before{content: "\f27b"; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px; } .comment_count{font-size: 0.8rem; float: left; } #lic_radio input{float: left; margin: 24px 5px 0 0; transform: scale(1.6); } .tableshow_buynow_copycode{font-size: 11px; font-weight: 400; } .tableshow_buynow_code{font-size: 13px; font-weight: 600; } .fancybox-content{border-radius: 6px; } .productname.the1{background: #f7f7f7; } .catelist .result7{width: calc(100% - 266px) } .catelist .result11{width: calc(17% - 1.5px); position: static; border-left: 1px dashed #ddd; display: flex; align-items: center; justify-content: center; padding: 23px 0; } .article_content img{max-width: 100%; } .toplist_new_button{width: 100%; float: left; margin:20px 0 10px 0; } .toplist_new_button a{padding: 6px 15px; border-radius: 6px; margin: 0 15px 0 0; color: #ff7a1a; background: #fff8f3; font-weight: 500; border: 1px solid #ffd2b0; } @media print {#main_nav{display: none; } } @media screen and (max-width: 1440px) {.toph1info h1 {font-size: 17px; line-height: 20px; margin: 5px 0; float: left; width: 100%; } .tableshow_buynow a {font-size: 16px; } .softinfo.the1 dt div.lic_new_select li:nth-child(2){width: calc(58% - 88px); } .softinfo.the1 dt div.lic_new_select li:nth-child(3){width: 11%; } .softinfo.the1 dt div.lic_new_select li:nth-child(5){width: calc(24% - 9px); } .site-support,.softinfo.the1 dt div.lic_new_select li del{display: none; } .catelist .result11{width: calc(22% - 1.5px); } .catelist .result7{width: 78%; } #main{max-width: 1280px; } .softdesc_note_d{font-size: 15px; line-height: 19px; } .myscore_new span{font-size: 1.5rem; } .softdesc.editor_reiview h3{font-size: 16px; } .sitelogo,#short-nav span a.sitelogo{margin: 0 3% 0 8px; } .couponvalid .producttitle1{margin: 0 3px 5px 0; } .info_spotlight .quickinfo dl{font-size: 14px; } .couponvalid h3{font-size: 16px; } .softdesc_note{line-height: 24px; } #short-nav span{padding: 0; } .social-share{display: none; } .softinfo.the1 dt div.lic_new_select li:nth-child(2){font-size: 14px; } .softinfo.the1 dt div.lic_new_select ul.row-front li{font-size: 12px; } .lic_new_select i{margin: 0 5px 0 0; } .catecenter.the2.index ul li{margin: 5px 2% 0 5%; } .softcompany.the1 ul li a img{max-width: 160px; } .catetitle_shell #catetite ul{margin-left: 8%; } .tableShow td a{padding: 6px; } #main_nav{display: none; } .extra_logo{font-size: 9px; } .article_catalog{position: static; margin: 5px auto 0 auto; box-shadow: none; max-width: initial; } .listeach.gallery.the2.display{display: none; } #topbar ul li.the5.forfr{width: 9%; } .list_softname b.fontred-color{right: 22%; } .softinfo.the1 ul li{margin: 0; } .result9.the1{display: none; } .result7 dd .list_softname a,.result7 dd h2 a{font-size: 14px; } .value-added-service.box5 .listeach.gallery.the2{width: 23.5%; } .catecenter1.the1 div.listeach.gallery.the2:last-child{display: none; } } @media screen and (max-width: 979px) {#catetite ul li.nav_t,.nav_t{line-height: 13px} .listeach.gallery.bestselling div.result7.gallery dl{width: 100%; padding: 0; } .catelist .lictable .result7{width: 100%; } .catelist .result11 .tableshow_buynow a{margin: 0px 1%; font-size: 14px; width: 98%; float: left; text-align: center; padding: 3px 0; } .catelist .result11 .tableshow_buynow_code{font-size: 14px; line-height: 16px; } .catelist .result11 a.info_buynow.activein,.catelist .result11 .tableshow_buynow{margin: -5px 0 0 0; width: 100%; } .catelist .result11{width: 100%; border: none; margin: 0; padding: 0; display: block; } .result11 a.info_buynow{font-size: 16px; float: left; text-align: center; background: #ff7a1a17; color: #d86311; padding: 5px 0; border: 1px dashed; border-radius: 6px; margin: 0; width: 100%; } .shopallcate{color: #202124; font-size: 22px; padding: 0 0 0 5px; } #smoothmenu1{margin: -42px 0 10px 0; float: left; } .holiday_title{float: left; } .holiday_name{font-size: 13px; line-height: 16px; margin: 5px 0; } .softdesc_note_b,.work_100 dt,.coupon dd,.couponvalid dt{font-size: 16px; } .softdesc_note_fa:before{margin: 0 8px 0 0; } .body{font-size: 14px; } .tableshow_buynow_copycode{line-height: 11px; font-size: 9px; } .c-button-toggle-menu{cursor: pointer; font-size: 28px; padding: 0 8px; float: left; margin: 0 5px; } .c-color_main_nav_mobile nav{position: absolute; top: 76px; bottom: 0; left: 0; background: #fff; width: 100%; transform: translateX(-100%); will-change: transform; z-index: 1; height: 640px; } .c-color_main_nav_mobile nav ul{list-style: none; padding: 20px 0; margin: 0; } .c-color_main_nav_mobile nav ul li{padding: 0 10px; line-height: 42px; text-align: left; font-size: 15px; font-weight: 400; } .c-edu_item_catalog_mobile a{color: #6e6361; width: 100%; float: left; border-bottom: 1px solid #ddd; } .c-color_main_nav_mobile{float: left; margin: 0 0 0 1px; } #searchbanner{width: 12%; } .softinfo dd a.info_buynow{float: none; background: #dc5b00; padding: 8px 30px; font-size: 22px; min-width: 160px; text-align: center; box-shadow: 0 4px 0 0 #c14c00; border-radius: 6px; position: relative; } #dld-ad1{background: #fff; box-shadow: 0 2px 4px 0 #eee; float: left; padding: 10px 0; height: auto; width: 100%; position: initial; } .setprivacy{padding: 10px; width: calc(100% - 20px); } .setprivacy button{padding: 8px 30px; } .commentText{color: #6e6361; line-height: 19px; } #lic_radio input{margin: 16px 5px 0 0; } .catelist .result11::before,.catelist .result11::after,.salestotal,.catalogpolls,.list_bottom span.expris,.showpages span,.value-added-service.box3 .listeach:last-child,.childCatalog span,.childCatalog ul.the1,.the1new .re_tags,#re_tags,.article-center.bloglist .author-name,.article-row p,.info_ratingsum,.company_offer,.company_count,.qtips,.for_desk,#bottom-text1,.bottom-area1,.desk_cate,.social-share,.list_softname b.fontred-color,.listeach.lictable table.tableShow,.main_nav_shell,.score_votes,.myscore_new,.topcontrol_new,.article-center.limitedoffer,.softinfo dd.the2,.catalog_system,.catetite,#topbar ul,#topbar,.info_overview,.requirements,#bottom,.softinfo.the1 ul li.the1,#main_nav,#short-nav{display: none; } .softinfo.the1 dt ul.rel_products li{display: inline-block; float: none; } .info_success100{float: none; margin: 0; } .copy-button{background-color: #ff9300; font-size: 15px; padding: 10px; margin-left: -3px; border: 1px solid #888; color: #fff; cursor: pointer; font-weight: 700; } .softinfo.the1 dt ul.rel_products li a{float: none; padding: 9px 6px; border-radius: 0; line-height: 38px; } .catelist .result11.for_mobile,.ddsmoothmenu ul li ul li.for_mobile,.for_mobile{display: block; } .ddsmoothmenu ul li ul li.for_mobile{margin-bottom: 80px; } #dld-ad1{display: flex; align-items: center; } .catecenter .topbanner,.topbanner dl{width: 48%; min-height: 175px; padding: 0; } .showpages{width: 98%; padding: 0 0 5px 1%; margin: 5px 0; } .company-info{padding: 5px 0; margin: 0 0 10px 0; line-height: 18px; } .company-info a{font-size: 1.2rem; } .company-rate{padding-top: 10px; } .tipsimg{max-width: 150px; } .list-icon{margin-left: 10px; } .cataloglistip .list-step span{margin-left: 25px; width: calc(100% - 25px); font-size: 1rem; line-height: 1.6rem; } .list-step{padding: 0; margin: 0; } #lic_radio label.lic_compare.new{float: right; padding: 10px 5px; min-height: 10px; width: 140px; background: #fff; } .list_bottom span.expris{top: 38px; } .info_ratingsum dt,.ratingsum dt,.softinfo.the1 div.info_ratingsum dt{min-height: 14px; line-height: 14px; } .ratingsum.the1 div.pgressbar span,.ratingsum.the1 div.pgressbar{height: 14px; } .fontblack{font-size: 0.7rem; } .fontblack dd{font-size: 0.9rem; line-height: 1.4rem; } .ratingsum.the1 dd{line-height: 17px; } .childCatalog ul{width: 100%; min-width: 100px; } .childCatalog{padding: 6px 1%; width: 96%; } .catalog{width: 98%; margin: 0 1%; } .catecenter1 div.result7.gallery dd .list_softname.the1{height: 22px; overflow-y: hidden; } .catecenter1 div.result7 dd .list_softname.gallery.the1 a{font-size: 0.8rem; } .catecenter{width: 100%; padding: 0; } .catecenter.the2 ul li{margin: 0; height: auto; width: 47%; } .catetitle_shell #catetite i.fa-long-arrow-right{margin: 0 5px; } .listeach.gallery.the2.display{display: block; } .index_body .catetitle_shell #catetite ul,.index_body .catetitle_shell{margin: 0; } .catetitle_shell{min-width: 100px; } .catetitle_shell #catetite{padding: 5px 0; min-width: 100px; float: left; width: 100%; margin: 6px 0; } .article-center.bloglist .article-row h3{margin: 0; font-size: 15px; line-height: 1.1rem; padding: 8px 2%; width: 96%; } .article-row{width: 100%; padding: 0 0 20px 0; margin: 0 0 -1px 0; } .article-center.bloglist .article-row{padding: 0 0 15px 0; width: 100%; } .article-center.bloglist .article-row dd a img{width: 100%; } .article-center.bloglist .article-row section,.article-center.bloglist .article-banner{width: 100%; } #catetite ul li{line-height: 17px; font-size: 13px; margin:0 5px; } #catetite ul li a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: calc(50vw - 22px); } #catetite ul li:first-child{display: none; } .catetitle_shell #catetite ul{margin: 0; height: auto; } .value-added-service.the1,.value-added-service{background: none; box-shadow: none; padding: 0; width: 100%; } .value-added-service .listeach.gallery.the2 .list_boxshot.gallery.the1{height: 110px; } .clicktocopy,.clicktocopy b,.clicktocopy .coupon-code{float: none; } .article-banner img{height: auto; width: 100%; } .article-row section{width: 98%; margin: 10px 1% 20px 1%; } .article-row dt{left: 66%; bottom: 8px; } #re_tags{margin: 29px 0 20px 15px; } .company_about{margin: 0 5px 5px 5px; } .toplist_new h1{font-size: 18px; margin: 10px 0 0 0; display: block; width: 100%; } .toplist_new h1.rootcat,.toplist_new.forblog h1{margin: 20px 0 5px 1%; } .maintips{font-size: 0.8rem; } .result7 dt{border: none; } .left1{box-shadow: none; width: 100%; padding: 3px 0; text-align: center; margin: 0; } .search_top form{margin: 0; padding: 0; display: flex; align-items: center; } .searchSubmitBtn_new{border: none; margin: 0 0 0 -60px; height: 28px; } .search_top{width: 60%; margin: 0 0 0 5%; float: left; } #dld-ad1 span{margin: -1px 0 0 45px; } .info_spotlight{width: 100%; margin: 6px 0; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: none; border-left: none; padding: 0; } .info_spotlight .quickinfo{padding: 0 5px; box-shadow: none; margin: 10px 0; width: calc(100% - 10px); } .info_spotlight .quickinfo dd,.info_spotlight .quickinfo dt{width: auto; float: none; text-align: center; min-width: auto; padding: 5px; line-height: 19px; } .catecenter ul{min-width: 100px; min-height: 100px; } .catecenter.the2.index ul li{width: 48%; float: left; margin: 0; } .banner_flash.the2,.banner_flash.the1,.banner_flash,.value-added-service.box3 .listeach.gallery.the2,.catecenter1.the1 div.listeach.gallery.the2,.value-added-service .listeach.gallery.the2,.value-added-service.box5 .listeach.gallery.the2{width: 47%; float: left; height: auto; min-width: 280px; margin: 0 0 10px 2%; border-radius: 6px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); } .info_spotlight .quickinfo dl{width: 30.5%; } .socre_star i.fa-star,.socre_star i.fa-star-half-o,.socre_star i.fa-star-o,.score_new{float: none; } .rate_main{padding: 0; text-align: center; margin: 0 1%; width: 98%; } .googlesearch li.comment,.googlesearch li.comment.reply,.comment.reply,.comment{width: 100%; margin: 5px 0; border-radius: 6px } .result7 img{width: 100%; } .softopinion input{width: 90%; } #main,#dld-ad1{min-width: 100px; } #main{float: left; width: 97%; padding: 0 1.5%; } .rightimg img{max-width: 97%; } .catecenter1.the1,.catecenter1{margin: 5px 0; } .catecenter1.the1,.article-banner{width: 100%; } .listeach.lictable .result7 img{max-width: 100%; max-height: 100px; width: auto; } .softopinion{width: 98%; margin: 4px 1% 0 1%; padding: 0; } .ratingsum.the1 div.pgressbar{width: 68%; } .softinfo dd{margin: 5px 0 0 0; } .softinfo.the1 ul li{width: 100%; margin: 0; float: left; line-height: 26px; } .comm_author span.stars{left: 30%; } .inputsearch{width: 96%; height: 26px; margin: 0; border: 1px solid #666; } .softinfo h1{font-size: 1.1rem; font-weight: 400; } .socre_point{font-size: 3rem; line-height: 3rem; } .softinfo div.info-cert ul li{display: initial; margin: 0 10px 0 0; font-size: 0.6rem; text-align: left; } .softinfo div.info-cert ul li i{float: none; } .sitelogo.pt,.sitelogo.fr,.sitelogo.de,.sitelogo.ja,.sitelogo{background: url("/skin/colormango.svg") no-repeat; width: 56px; height: 29px; background-size: 56px; float: left; margin: 0; } .result7 dd.the1new{width: 100%; float: left; text-align: center; } .work_100 dt,.coupon dd,.couponvalid dt,.softdesc_note_b{width: calc(100% - 27px); } .softinfo dd{width: 100%; float: left; display: flex; justify-content: center; } .catelist.new,.catelist{min-width: 100px; float: left; width: 100%; margin: 5px 0; padding: 0; } .qaarea,.softdesc.editor_reiview{width: calc(100% - 24px); padding: 0 12px; margin: 0; word-break: break-word; overflow-y: hidden; font-size: 14px; line-height: 20px; } .softdesc{width: 100%; padding: 10px 0; } .value-added-service .result7.gallery dd .list_softname.the1{margin: 0; height: 45px; } .value-added-service .result7.gallery.the1 img{max-height: 100px; } .result7.gallery.the1 dt,.value-added-service .result7.gallery.the1 dt{height: auto; } .value-added-service .result7.gallery.the1{height: auto; min-height: 132px; } .catecenter1.listroot .listeach.gallery{width: 48%; min-width: 100px; } .catecenter1.listroot .result7.gallery.the1{height: 220px; } .listeach.gallery.the2.giveaway div.result7.gallery.the1 dd,.newtoplist div.toplist,.listeach.gallery.bestselling,.listeach.gallery.the2,.listeach.gallery{float: left; width: 100%; line-height: 20px; min-height: 115px; position: relative; height: auto; padding: 0; margin: 0; border-left: none; border-right: none; border-top: none; margin: 0 0 16px 0; padding: 10px; width: calc(100% - 20px); break-inside: avoid; border: 1px solid #e6e6e6; page-break-inside: avoid; -webkit-column-break-inside: avoid; float: left; display: inline-block; } #listmain.list_masonry{column-gap: 8px; padding: 0; background: none; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); margin: 10px 0 0 0; } #listmain.list_masonry.the1{grid-template-columns: repeat(1, 1fr) } .listeach.lictable,.listeach{border: 1px solid #e6e6e6; margin: 0 0 8px 0; padding: 10px; width: calc(100% - 20px); break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; position: relative; float: left; display: inline-block; } .catelist .result7,.catecenter1 div.result7.gallery{width: 100%; float: left; padding: 5px 0; box-shadow: none; } .result7.gallery.the1 dt{margin: 0; } .catelist .listeach.lictable div.result7 dl,.listeach.lictable div.result7 dl,.result7 dl,.result7.gallery.the1 dl{float: left; margin: 0 auto; padding: 0; width: 100%; display: flex; } .result7 img,.result7.gallery.the1 img{max-width: 100%; max-height: 100px; width: auto; } .result7 dt.list_boxshot{min-height: 80px; padding: 0; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; margin: 5px 0 0 0; } .result7 dd,.result7.gallery.the1 dd{margin: 5px auto; padding: 0; width: 100%; text-align: center; display: block; } .result7 dd .list_softname{line-height: 20px; } .result7 dt{width: auto; } .result7.gallery.the1 dd .list_softname a,.result7 dd h2 a,.result7 dd .list_softname a{color: #6e6361; max-height: 48px; overflow: hidden; } .listeach.gallery.bestselling.no1 div.result7.gallery dd,.listeach.gallery.bestselling div.result7.gallery dd,.result7.gallery dd .list_softname.the1{width: 100%; height: auto; margin: 0; min-width: 100px; } .dealTimerNumbers,.catecenter1 div.dealTimerNumbers{height: 24px; line-height: 24px; font-size: 0.8rem; color: #50699b; padding-left: 1px; background: none; margin: 0; } .catecenter.the2.index{width: 98%; background: #fff; } .listeach div.result9.the1{display: none; } .listeach .offer_code{display: none; } .listeach div.result7 dd.the1{width: 100%; text-align: center; padding: 0; } .result7 dd h2 a,.result7 dd .list_softname a{float: left; font-size: 0.9rem; width: 100%; } .toplist.the1,.toplist{text-align: center; width: calc(100% - 15px); background: none; margin: 2px 0 0 5px; } .list_middle{width: 100%; margin: 0 0 10px 0; line-height: 14px; font-size: 12px; } .list_bottom{width: 100%; margin: 0; position: relative; } .listeach.lictable div.list-discount,.list-discount{position: inherit; padding: 0; background: none; float: left; } .list-discount-1,.list-discount-2{font-size: 0.9rem; float: left; margin: 0 5px 0 0; } .toplist h1{float: left; margin: 0; font-size: 18px; width: calc(100% - 34px); } .list_boxshot.gallery.the1{height: 120px; } .main_topimg img{margin: 0; height: 100%; } .main_article h1{font-size: 20px; line-height: 24px; margin: 15px 0; } .adv_input{min-width: 100px; width: 94%; } .advsearch{width: 100%; margin: 8px 0; } .list_bottom_rate{width: auto; } .list_bottom_used{top: 0; } #mess_bar{font-size: 10px; margin: 0; } } /* Restored product rules also present in critical-product.css. */ @media (prefers-color-scheme: dark)  {.tableshow_buynow a {filter: invert(1) hue-rotate(0.5turn); } } #lic_radio input[type="radio"] {display: none; } .rightimg {text-align: center; width: 350px; margin: 20px 15px 0 15px; float: left; } .softinfo {line-height: 26px; width: 640px; float: right; margin: 0 0 0 10px; min-height: 200px; } .softinfo dl,.coupon-active-list {float: left; margin: 0; width: 100%; position: relative; } .googlesearch {background: #fff; text-align: center; float: left; padding: 10px 0; max-width: 1360px; min-width: 994px; width: 100%; box-shadow: 0 1px 3px #eee; margin: 15px 0 0 0; display: flex; justify-content: center; flex-wrap: wrap; } .softinfo.the1 {min-width: 300px; width: calc(100% - 376px); margin: 0 0 0 5px; float: right; } .softinfo.the1 section,.softinfo.the1 dt {line-height: 26px; width:100% } .topinfo {float: left; max-width: 1330px; min-width: 910px; width: calc(100% - 52px); margin: 0; padding: 10px 25px 30px 25px; background: #fff; box-shadow: 0 1px 3px #f6f6f6; border-radius: 6px; } .producttitle1 {width: calc(100% - 120px); float: left; font-size: 18px; padding: 10px 10px 5px 0; margin: 10px 3px 5px 4px; background: url("/skin/line1.webp") 0 60% no-repeat; } .producttitle1.the1 {background: none; } .productname {float: left; background: #fff; padding: 0 10px; border-left: 6px solid #ff7a1a; font-size: 19px; font-weight: 700; color: #666; } .producttitle1.the1 .productname {border: none; padding: 0 10px 0 0; font-size: 1.3rem; font-weight: 500; font-style: inherit; } .rightimg img.zoom-in {cursor: zoom-in; max-height: 600px; border-radius: 18px; overflow: hidden; } #lic_radio {float: left; width: 100%; margin: 5px 0 10px 0; border: none; padding: 0; } #lic_radio label {width: 90%; padding: 12px 4px 17px 2%; font-size: 14px; float: left; border: 1.5px solid #e6e7e8; border-radius: 0; cursor: pointer; position: relative; margin: 5px 6px 5px 0; border-radius: 6px; transition: all 0.2s ease-in-out; border: 1px solid #aaa; } #lic_radio span img,#lic_radio span {float: left; text-align: left; margin-left: 5px; font-weight: 600; font-size: 15px; } #lic_radio .lic_more span {line-height: 16px; max-width: calc(100% - 60px); } #lic_radio label.lic_more {width: calc(48% - 13px); } .img_mobile,.mobile_product_endtime {display: none; } @media screen and (max-width: 979px)  {.img_mobile img {max-width: 280px; max-height: 420px; border-radius: 6px; } .lic_code {float: left; margin: 5px 0; font-weight: 500; width: calc(100% - 40px); text-align: left; border: 1px dashed; padding: 11px 20px; border-radius: 6px; background: #d8631117; color: #d86311; display: flex; align-items: center; font-weight: 600; } #lic_radio label.expired .lic_code {background: #aaaaaa17; color: #aaa; border: 1px dashed #aaa; } #lic_radio label.expired .lic_radio_tags {color: #aaa; background: #ddd; } .lic_code:before {content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 4px; vertical-align: -1px; opacity: .72; background-color: currentColor; -webkit-mask: url(/skin/svg-icon/copy.svg) no-repeat center; mask: url(/skin/svg-icon/copy.svg) no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .coupon_tick.top {top: 40%; clip-path: inset(0 57% 0 0); right: -8px; background: #f7f7f7; display: none; } .coupon_tick.bottom {top: 40%; clip-path: inset(0 0 0 57%); left: -8px; background: #f7f7f7; display: none; } #lic_radio label {transition: none; } #lic_radio label a {color: #524a49; padding: 10px; float: left; width: calc(100% - 10px); border-radius: 10px; } #lic_radio label button {color: #524a49; border: none; background: #fff; border-radius: 10px; padding:10px; width: 100% } .toph1_rate,.rightimg.the1,.topshare {display: none; } #lic_radio .lic_more span,#lic_radio span {margin: 0 0 7px 5px; width: calc(100% - 5px); line-height: 17px; justify-content: space-between; display: flex; } #lic_radio span div {display: flex; align-items: center } #lic_radio .lic_more span b,#lic_radio span b {display: contents; font-weight: 700; } .lic_more .lic_back,.lic_back {float: left; width: calc(100% - 5px); margin:0 0 0 5px; line-height: 24px; } .productname {font-style: initial; font-size: 15px; font-weight: 600 } .mobile_product_endtime {float: left; width: 100%; margin:0; text-align: center; font-size: 12px; color: #999; display: block; line-height: 20px; } .mobile_product_endtime label {color: green; } .img_mobile {display: block; } .softinfo.the1 dt {width: 100%; text-align: center; } #lic_radio {margin: 0 0 10px 0; padding: 0 0 0 1%; width: 99%; position: relative; } #lic_radio label.lic_more,#lic_radio label {width: calc(100% - 4px); padding: 0; font-size: 14px; margin: 5px 0; color: #524a49; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); display: flex; align-items: center; border-radius: 10px; min-height: 100px; border: none; } .producttitle1 {width: 96%; margin: 10px 3px 10px 4px; } .googlesearch,.topinfo {min-width: 100px; } .softinfo.the1 {min-width: 100%; float: left; width: 100%; margin: 5px 0 0 0; min-height: auto; } .softinfo.the1 dt {line-height: 25px; margin: 0 0 10px 0; padding: 0; } .topinfo {height: auto; text-align: center; width: 99%; } .topinfo {height: auto; min-width: 100px; width: calc(100% - 10px); padding: 15px 5px 25px 5px; } .googlesearch {border: none; background: none; box-shadow: none; } }