/* Desktop products: retained page structure and states. */
.main-page { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: hidden; }
.product-top { width: 100%; justify-content: space-between; }
.top-title { color: rgb(255, 255, 255); }
.product-top .dets, .main-page .case-item { position: relative; }
.main-page .case-item .linkds { width: 48%; float: left; text-decoration: none; color: rgb(51, 51, 51); display: flex; height: 305px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(255, 255, 255); margin: 0px auto 20px; }
.main-page .case-item .linkds:nth-child(2n) { float: right; }
.main-page .case-item .linkds .right-box { height: 100%; }
.main-page .case-item .linkds .right-box .link-title { font-weight: bold; color: rgb(51, 51, 51); position: relative; }
.main-page .case-item .linkds .right-box span { display: block; font-size: 12px; color: rgb(102, 102, 102); padding: 5px 0px; }
.main-page .case-item .linkds .right-box .link-title::before { content: attr(data-text); left: 0px; top: 100%; }
.main-page .case-item .linkds .right-box .link-text { width: 100%; }
.main-page .case-item .linkds .right-box .show-detail { display: block; text-decoration: none; border-width: 1px; border-style: solid; border-image: none; text-align: center; }
.main-page .switch-type .links { display: block; text-align: center; text-decoration: none; }
.pagination { background-color: rgb(255, 255, 255); border-radius: 36px; padding: 0px 20px; margin-bottom: 0px; }
.pagination li a { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(46, 47, 50); font-size: 16px; }
.pagination li a { height: 20px; min-width: 20px; padding: 0px; margin: 13px; border-radius: 36px; text-align: center; }
.pagination li a.active { background-color: rgb(255, 186, 0); color: rgb(255, 255, 255); }