.market_wrap:after {display:block; content:''; clear:both;}
.market_wrap .inner {padding-top:50px; margin:0 auto; width:1400px;}
.market_wrap .cont {padding:0 20px;}
.market_wrap .summary {margin-bottom:80px; text-align:center;}
.market_wrap .summary h2 {margin-bottom:30px; font-size:45px;}
.market_wrap .summary p {margin-top:8px; color:#627597; font-size:15px;}
.gem_list {display:flex; flex-direction:row; flex-wrap:wrap; column-gap:30px; row-gap:30px; justify-content:center;}
.gem_list .item {position:relative; display:flex; width:300px; height:470px; flex-direction:column; align-items:center; border-radius:14px; background:#060e23 url('/images/market/gem/bg.png') no-repeat;}
.gem_list .item.random {box-shadow:rgba(146,27,230, 0.2) 6px 6px 20px 4px, rgba(146,27,230,0.2) -6px -6px 12px, rgba(146,27,230,0.2) 2px 2px 4px inset;}
.gem_list .item:hover {text-decoration:none;}
.gem_list .item:hover .image {transform:scale(1.05);}
.gem_list .item:before {position:absolute; content:''; left:0; top:0; margin:-2px; width: calc(100% + 4px); height:100%; z-index:-1; border-radius:14px;}
.gem_list .item:before {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #ae01e0 100%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ae01e0 100%, rgba(255, 255, 255, 0) 100%);}
.gem_list .image {position:relative; z-index:5; transition:all 0.2s linear;}
.gem_list .image .gem_img {display:block; width:300px; height:300px; background-size:300px 300px !important;}
.gem_list .grade {margin:0 0 5px 0; text-align:center;}
.gem_list .grade .name {font-size:15px; font-weight:normal; color:#fff;}
.gem_list .grade .gr {font-size:30px; font-weight:200; letter-spacing:-1px; color:#d389f9;}
.gem_list .info {padding:0 50px; width:100%; box-sizing:border-box;}
.gem_list .info {padding:10px 10px 15px 10px; border-radius:5px; text-align:center; }
.gem_list .info:after {display:block; content:''; clear:both;}
.gem_list .info dt {height:25px; line-height:25px; font-weight:normal;}
.gem_list .info dd {height:25px; line-height:25px;}
.gem_list .info .num {font-weight:200; color:#35e9c5;}
.gem_list .info .num span {font-weight:100; font-size:19px;}
.gem_list .info .num .ori {position:relative; margin-right:5px; color:#627597;}
.gem_list .info .num .ori:after {position:absolute; content:''; top:50%; left:-2px; right:-2px; margin-top:1px; clear:both; height:1px; background-color:#627597;}
.gem_list .info .num .per {margin-left:5px; font-size:13px;}
.gem_list .hero i {margin-right:5px;}
.gem_list .hero em {font-weight:200;}
.gem_list .hr {margin-top:10px; width:200px; height:2px; background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ae01e0 50%, rgba(255, 255, 255, 0) 100%);}
.gem_list .best {position:absolute; padding:0 10px; top:0; right:0; height:25px; line-height:23px; font-size:12px; border-top-right-radius:13px; border-bottom-left-radius:13px; text-align:center; background-color:#ae01e0 ; z-index:100; color:#eee; font-weight:200;}
.gem_list .gem_img.g315 {background:url('/images/market/gem/gem315.png?v') no-repeat;}
.gem_list .gem_img.g660 {background:url('/images/market/gem/gem660.png?v') no-repeat;}
.gem_list .gem_img.g2100 {background:url('/images/market/gem/gem2100.png?v') no-repeat;}
.gem_list .gem_img.g3750 {background:url('/images/market/gem/gem3750.png?v') no-repeat;}
.gem_list .gem_img.g8400 {background:url('/images/market/gem/gem8400.png?v') no-repeat;}
.gem_list .gem_img.random {background:url('/images/market/gem/gem_random.png?v') no-repeat;}

.gem_list .item.random .gem_img {animation:floating 2.5s infinite ease-in-out;}

@keyframes floating {from {transform:translate(0, 0);} 65% {transform:translate(0, 15px);} to {transform:translate(0, -0);}}