﻿@charset "utf-8";
.erx-scoreplus-spread{background:rgba(0,0,0,.08);padding:1em;}
.erx-scoreplus-spread p{position:relative;;margin:.5em 0 !important;}
.erx-scoreplus-spread input{width:100%;height:32px;border:0;padding:0 1em;box-sizing:border-box;}
.erx-scoreplus-spread .e-copy{position:absolute;top:0;right:0;height:100%;line-height:32px;font-size:12px;background:#0077B5;color:#fff;cursor:pointer;padding:0 9px;}
.erx-scoreplus-spread .e-copy:hover{background:#005580;}
.e-copy-tips{display:none;position:absolute;top:2px;right:70px;font-size:14px;color:#693;background:#fff;padding:1px 3px;}
.e-exchange-box{display:none;position:absolute;bottom:0;left:120%;width:320px;max-width:70vw;padding:8px;background:#ced6e0;border-radius:6px;box-sizing:border-box;}
.e-exchange-box.erxshow{display:block;}
.erx-playscore-front.e-srt .e-exchange-box{left:auto;right:120%;}
.e-exchange-box::after{content:'';position:absolute;bottom:9px;left:-3px;width:6px;height:6px;background:#ced6e0;transform:rotate(-45deg);}
.erx-playscore-front.e-srt .e-exchange-box::after{left:auto;right:-3px;}
.e-exchange-box .e-p{display:flex;justify-content:flex-end;align-items:baseline;margin:0;padding:8px 0 0;}
.e-exchange-box .e-p a{margin-right:1.5em;color:#fff;}
.e-exchange-box button{color:#fff;background:#ff7f50;padding:4px 12px;border:0;cursor:pointer;border-radius:6px;}
.e-exchange-box h3{font-size:15px;text-align:center;padding:5px 0;}
.exchange-items{display:flex;flex-wrap:wrap;justify-content:space-between;}
.exchange-items::after{content:"";display:block;width:31%;}
.exchange-items li{position:relative;width:31%;margin:5px 0;text-align:center;background:#fff;cursor:pointer;padding:5px 5px 25px;border-radius:5px;box-sizing:border-box;overflow:hidden;}
.exchange-items li.cu, .exchange-items li:hover{color:#f60;}
.exchange-items li span{font-size:14px;}
.exchange-items li em{position:absolute;right:0;bottom:0;width:100%;background:#b8c3d1;color:#fff;padding:2px 0;}
.exchange-items li.cu em, .exchange-items li:hover em{background:#f90;}
@font-face {
  font-family: "ecpiconfont";
  src: url('font/iconfont.woff2?t=1749740918387') format('woff2'),
       url('font/iconfont.woff?t=1749740918387') format('woff'),
       url('font/iconfont.ttf?t=1749740918387') format('truetype');
}
.icon-Exchange:before {
    font-family: "ecpiconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e684";
}