@charset "utf-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
body{ background:#0a0e1a; color:#e0e6f0; font-family: "Microsoft YaHei","PingFang SC",sans-serif; font-size: .1rem; overflow-x: hidden; }
li{ list-style-type:none;}
@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#00c8ff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#1a6fff; text-decoration: none!important}

html,body{height: 100%;}
.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
 .clearfix:after {
	clear: both
}
.pulll_left{float:left;}
.pulll_right{float:right;}

/* Modern Scrollbar */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { background: #1e3a6e; border-radius: 4px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }

.loading{position:fixed; left:0; top:0; font-size:.3rem; z-index:100000000;width:100%; height:100%; background:#0a0e1a; text-align:center;}
.loadbox{position:absolute; width:160px;height:150px; color: #00c8ff; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px; opacity: 0.8;}

.copyright{ line-height:.3rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(106,138,184,0.5); font-size: .12rem; position: absolute; left: 0; width: 100%; letter-spacing: 1px;}

.head{ min-height: .9rem; background: linear-gradient(180deg, rgba(13,27,62,0.82) 0%, rgba(10,14,26,0.18) 100%); border-bottom: 1px solid rgba(30,58,110,0.5); position: relative; padding: 0.02rem 0.12rem; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: .03rem .12rem; align-items: stretch;}
.head-panel{ display:flex; align-items:center; }
.head-left{ grid-row: 1; grid-column: 1; justify-content: flex-start; z-index: 2; align-self: center; }
.head-center{ grid-row: 2; grid-column: 1; justify-content: flex-start; z-index: 3; align-self: center; }
.head-right{ grid-row: 1 / 3; grid-column: 2; justify-content: space-between; z-index: 2; flex-direction: column; align-items: flex-end; }
.head h1{ color:#fff; text-align: left; font-size: .22.2rem; font-weight: 800; letter-spacing: 4px; text-shadow: 0 0 10px rgba(0,200,255,0.5); margin: 0; line-height: .24rem; white-space:nowrap;}
.head h1 span{display:block; margin-left:0; margin-top:.04rem; font-size:.085rem; color:rgba(140,180,220,0.75); letter-spacing:1px; font-weight:400;}

.head-filters{ display:flex; align-items:center; justify-content:flex-start; flex-wrap:nowrap; gap:.04rem; width: 100%; }
.search-control{
    display:flex;
    align-items:center;
    gap:.05rem;
    background: linear-gradient(180deg, rgba(16,30,58,0.92), rgba(8,16,34,0.95));
    border: 1px solid rgba(55,106,182,0.6);
    border-radius: 6px;
    padding: .03rem .06rem;
    min-height: .3rem;
    box-shadow: inset 0 0 10px rgba(0,200,255,0.06);
    flex: 0 0 auto;
}
.search-control.search-date{ width: 4.6rem; }
.search-control.search-market{ width: 2.52rem; }
.search-control.search-subcategory{ width: 1.72rem; }
.search-control.search-keyword{ width: 2.18rem; }
.search-control label{
    color:#9ab7e4;
    font-size:.12rem;
    white-space:nowrap;
    letter-spacing: 1px;
}
.search-control select,
.search-control input{
    height:.26rem;
    background: rgba(5,12,24,0.95);
    border: none;
    color:#fff;
    border-radius: 4px;
    padding: 0 .06rem;
    font-size: .12rem;
    outline: none;
    transition: all .2s ease;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}
.search-control select{ color: #fff; }
.search-control select option{ color: #fff; background: rgba(16,30,58,0.95); }
.search-control select:focus,
.search-control input:focus{
    border-color: rgba(0,200,255,0.75);
    box-shadow: 0 0 10px rgba(0,200,255,0.18);
}
.search-control select:disabled{ opacity: .5; cursor: not-allowed; }
.search-btn{
    height:.3rem;
    min-width:.68rem;
    border:1px solid rgba(0,200,255,0.42);
    background: linear-gradient(180deg, rgba(0,200,255,0.26), rgba(26,111,255,0.16));
    color:#fff;
    border-radius:6px;
    cursor:pointer;
    padding:0 .1rem;
    font-size:.12rem;
    letter-spacing: 1px;
    box-shadow: inset 0 0 10px rgba(0,200,255,0.08);
    transition: all .2s ease;
}
.search-btn.secondary{
    border-color: rgba(106,138,184,0.45);
    background: linear-gradient(180deg, rgba(29,45,76,0.9), rgba(17,28,51,0.9));
    color:#c8d8f0;
}
.search-btn:hover{
    border-color:#00c8ff;
    transform: translateY(-1px);
    box-shadow: 0 0 12px rgba(0,200,255,0.14);
}

.head-userbar{ display:flex; align-items:stretch; justify-content:flex-end; gap:.03rem; width:100%; }
.user-panel{
    width: auto;
    min-width: 1.12rem;
    text-align: left;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:.44rem;
    padding: .04rem .08rem;
    background: rgba(13,21,37,0.72);
    border: 1px solid rgba(30,58,110,0.75);
    border-radius: 8px;
    box-shadow: inset 0 0 20px rgba(26,111,255,0.1);
    position: relative;
}
.logout-btn{
    height: auto;
    min-height:.44rem;
    align-self: stretch;
}
.time-panel{
    padding: .02rem .06rem;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    width: auto;
    min-width: 1.2rem;
    text-align: right;
}
.user-panel{
    width: auto;
    min-width: 1.12rem;
    text-align: left;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height: .28rem;
    padding:0 .06rem;
    border:1px solid rgba(0,200,255,.38);
    border-radius:6px;
    background:linear-gradient(180deg, rgba(25,52,95,.9), rgba(12,26,48,.95));
    box-shadow: none;
    letter-spacing:1px;
}
.user-label{
    color: rgba(154,183,228,0.72);
    font-size: .1rem;
    letter-spacing: 1px;
    line-height: .16rem;
    margin-bottom: .03rem;
}
.user-name{
    color: rgba(235,244,255,0.96);
    font-size: .12rem;
    line-height: .18rem;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0 8px rgba(0,200,255,0.16);
}
.time-date{
    color: rgba(0,200,255,0.88);
    font-size: .18rem;
    letter-spacing: 1px;
    line-height: .26rem;
    margin-bottom: .02rem;
    font-family:electronicFont;
}
.time{ line-height: 0.22rem; color:rgba(0,200,255,0.88); font-size: .18rem; font-family:electronicFont; letter-spacing: 1px;}
.logout-btn{
    height:.31rem;
    min-width:.62rem;
    padding:0 .08rem;
    border:1px solid rgba(0,200,255,.38);
    border-radius:6px;
    background:linear-gradient(180deg, rgba(25,52,95,.9), rgba(12,26,48,.95));
    color:#d9eeff;
    font-size:.11rem;
    letter-spacing:1px;
    cursor:pointer;
    box-shadow: inset 0 0 10px rgba(0,200,255,.08);
    transition:all .2s ease;
}
.logout-btn:hover{
    border-color:rgba(0,200,255,.72);
    box-shadow:0 0 12px rgba(0,200,255,.16);
    transform:translateY(-1px);
}

.mainbox{ padding:0 .05rem; height:calc(100% - .82rem); margin-top: .02rem; }
.mainbox>ul{ margin-left:-.05rem; margin-right:0; height:100%; display: flex;}
.mainbox>ul>li{ padding: 0 .05rem; height:100%; width: 17%}
.mainbox>ul>li:nth-child(2){ width: 56%}
.mainbox>ul>li:nth-child(3){ width: 27%; padding-right: 0; }

/* 移除 mainbox2 相关样式或屏蔽 */
.mainbox2{ display: none; }

.boxall{ 
    background: rgba(13,21,37,0.7); 
    border: 1px solid rgba(30,58,110,0.8); 
    padding: .1rem .15rem .15rem .15rem; 
    position: relative; 
    margin-bottom: .1rem; 
    z-index: 10;
    border-radius: 4px;
    box-shadow: inset 0 0 20px rgba(26,111,255,0.1);
}
.boxall:before{ 
    content: ""; 
    position: absolute; 
    top: -1px; left: -1px; 
    width: 15px; height: 15px; 
    border-top: 2px solid #00c8ff; 
    border-left: 2px solid #00c8ff; 
    border-top-left-radius: 4px;
}
.boxall:after{ 
    content: ""; 
    position: absolute; 
    top: -1px; right: -1px; 
    width: 15px; height: 15px; 
    border-top: 2px solid #00c8ff; 
    border-right: 2px solid #00c8ff; 
    border-top-right-radius: 4px;
}
.boxfoot{ position:absolute; bottom: -1px; width: 100%; left: 0; height: 15px;}
.boxfoot:before{ 
    content: ""; 
    position: absolute; 
    bottom: 0; left: -1px; 
    width: 15px; height: 15px; 
    border-bottom: 2px solid #00c8ff; 
    border-left: 2px solid #00c8ff; 
    border-bottom-left-radius: 4px;
}
.boxfoot:after{ 
    content: ""; 
    position: absolute; 
    bottom: 0; right: -1px; 
    width: 15px; height: 15px; 
    border-bottom: 2px solid #00c8ff; 
    border-right: 2px solid #00c8ff; 
    border-bottom-right-radius: 4px;
}

.alltitle{ 
    font-size:.18rem; 
    color:#fff; 
    line-height: .4rem; 
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.alltitle::before{
    content: "";
    display: block;
    width: 4px;
    height: 16px;
    background: linear-gradient(180deg, #1a6fff, #00c8ff);
    border-radius: 2px;
}
.boxnav{height: calc(100% - .5rem);}

.barnav{position: absolute; width: 100%; z-index: 100; top: 0.1rem;}
.bar{background: rgba(10,20,45,0.8); padding: .0.8rem; border-radius: 8px; border: 1px solid rgba(30,58,110,0.5); backdrop-filter: blur(10px);}
.barbox li,.barbox2 li{ width:33.33333%; text-align: center; position: relative;}

.barbox li:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,0.1); right: 0; top: 25%;}
.barbox li:last-child:before{ display: none; }

.barbox{ position: relative; }
.barbox li{ font-size: .48rem; color: #ffeb7b; padding: .05rem 0; font-family: electronicFont; font-weight: bold; text-shadow: 0 0 15px rgba(255,235,123,0.3);}
.barbox2 li{ font-size: .16rem; color: rgba(200,216,240,0.8); letter-spacing: 1px; font-weight: 500;}

.mapbox{height: 100%; width: 100%; position: relative; padding-top: 1.1rem;}
.map{ position:relative; height: 100%; z-index: 9; width: 100%; background: radial-gradient(circle at center, rgba(26,111,255,0.1) 0%, rgba(10,14,26,0) 70%);}
.map4{ width: 200%; height:100%; position: absolute; left: -50%; top: 0; z-index: 5;}

.map1{ width:6.43rem; z-index: 2;top:.45rem; left: 50%; margin-left: -3.2rem; opacity: 0.2; animation: myfirst2 15s infinite linear;}
.map2{ width:5.66rem; top:.85rem; left: 50%; margin-left: -2.8rem; z-index: 3; opacity: 0.05; animation: myfirst 10s infinite linear;}
.map3{ width:5.18rem; top:1.07rem; left: 50%; margin-left: -2.6rem; z-index: 1; transform: scale(.8); opacity: .2}

.map1,.map2,.map3{ position:absolute;}

.wrap{ overflow: hidden; padding-top: 10px;}
.wrap li{ line-height:.42rem; height:.42rem; margin-bottom: .08rem; }
.wrap li p{ 
    background: rgba(26,111,255,0.05); 
    border: 1px solid rgba(30,58,110,0.3); 
    border-radius: 4px;
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0 15px;
    transition: all 0.3s;
}
.wrap li p:hover{
    background: rgba(26,111,255,0.1);
    border-color: rgba(0,200,255,0.5);
}
.wrap li p span{ color: #c8d8f0; text-align: center; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 25%; font-size: .14rem;}
.wrap li p span:first-child{ width: 40%; text-align: left; color: #fff; font-weight: 600;}
.wrap li p span:last-child{ width: 20%; text-align: right; color: #00c8ff;}

.sycm ul{ padding: .1rem 0; width: 100%; display: flex; flex-wrap: wrap;}
.sycm li{ width: 50%; text-align: center; position: relative; padding: .1rem 0;}
.sycm li::after{ content: ""; position: absolute; right: 0; top: 25%; height: 50%; width: 1px; background: rgba(30,58,110,0.5);}
.sycm li:nth-child(2n)::after{ display: none; }

.sycm li h2{ font-size:.32rem; color: #00c8ff; padding-bottom: .05rem; font-family: electronicFont; text-shadow: 0 0 10px rgba(0,200,255,0.2);}
.sycm li span{ font-size:.14rem; color: #6a8ab8; letter-spacing: 1px;}

.sycm2 li{ width: 33.33%; padding: .08rem 0;}
.sycm2 li h2{ color: #22c55e; text-shadow: 0 0 10px rgba(34,197,94,0.2);}

.amount-chart,
.quantity-chart{
    width: 100%;
    height: calc(100% - .5rem);
    min-height: 2rem;
}
.amount-empty,
.quantity-empty{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: rgba(154,183,228,0.65);
    font-size: .14rem;
    pointer-events: none;
}

.btbox{ height: 100%; display: flex; justify-content: space-around; align-items: center;}
.btbox li{ height:100%; flex: 1; display: flex; align-items: center; justify-content: center;}

@keyframes myfirst2
{
from {transform: rotate(0deg) scale(.8);}
to {transform: rotate(359deg) scale(.8);}
}

@keyframes myfirst
{
from {transform: rotate(0deg) scale(.8);}
to {transform: rotate(-359deg) scale(.8);}
}


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	width:100%;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}


.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


.alltitle .pulll_right a{color: #fff;}
.alltitle .pulll_right a em{ font-style: normal; color: rgba(255,255,255,.9); }

@media screen and (max-width: 1680px){
    .head{ min-height: 1.1rem; padding: 0.06rem 0.2rem; gap: .04rem .15rem; }
    .head h1{ font-size: .19rem; }
    .head h1 span{ font-size: .075rem; }
    /* 日期区含「年+月」×起止 共 4 个下拉，宽度需 ≥ 4.1rem，否则结束月份框会被压缩显示不全 */
    .search-control.search-date{ width: 4.3rem; }
    .search-control.search-market{ width: 2.28rem; }
    .search-control.search-subcategory{ width: 1.56rem; }
    .search-control.search-keyword{ width: 1.96rem; }
    .search-btn{ min-width: .62rem; padding: 0 .08rem; }
    .time-panel{ min-width: 1.4rem; }
    .user-panel{ min-width: 1rem; }
    .logout-btn{ min-width: .56rem; padding: 0 .06rem; }
}

@media screen and (max-width: 1366px){
    .head{ min-height: 1rem; padding: 0.06rem 0.15rem; gap: .04rem .1rem; }
    .head h1{ font-size: .17rem; line-height: .22rem; }
    .head h1 span{ font-size: .07rem; margin-left: 0; }
    .head-filters{ flex-wrap: wrap; justify-content: flex-start; }
    .filter-panel{ padding: .06rem .1rem; }
    /* 该断点 head-filters 已 flex-wrap，但日期区自身仍需容纳 4 个下拉 */
    .search-control.search-date{ width: 4.3rem; }
    .search-control.search-market{ width: 2.36rem; }
    .search-control.search-subcategory{ width: 1.62rem; }
    .search-control.search-keyword{ width: 2rem; }
    .time-panel{ min-width: 1.3rem; }
    .user-panel{ min-width: .96rem; }
    .user-name{ font-size: .11rem; }
    .mainbox{ height:calc(100% - 1.52rem); }
}
.alltitle .pulll_right a span{ display: inline-block; background: #58c485; width: .16rem; height: .16rem; vertical-align: middle; border-radius: 50%; margin: 0 .05rem 0 .1rem;}
.alltitle .pulll_right a:nth-child(2) span{ background: #ea7231;}
.alltitle .sebtn a{ opacity: .6; display: inline-block; padding: 0 .1rem}
.alltitle .sebtn a.active{ opacity:1}

/* Clean sci-fi dashboard theme: high contrast, low glare */
body{
    background:
        radial-gradient(circle at 50% 44%, rgba(0,113,188,.16) 0%, rgba(5,12,27,0) 42%),
        linear-gradient(180deg, #061225 0%, #08182f 50%, #040c1a 100%);
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        linear-gradient(90deg, rgba(55,180,255,.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(55,180,255,.03) 1px, transparent 1px);
    background-size:.42rem .42rem;
    mask-image:radial-gradient(circle at center, rgba(0,0,0,.82), transparent 72%);
}
.sci-bg{
    position:fixed;
    inset:0;
    pointer-events:none;
    overflow:hidden;
    z-index:0;
}
.sci-grid{
    position:absolute;
    inset:-20%;
    background:
        linear-gradient(115deg, transparent 0 48%, rgba(0,219,255,.045) 49%, transparent 50%),
        linear-gradient(65deg, transparent 0 48%, rgba(38,100,255,.04) 49%, transparent 50%);
    background-size:1.7rem 1.7rem;
    transform:perspective(700px) rotateX(58deg) translateY(8%);
    transform-origin:50% 100%;
    opacity:.14;
}
.sci-stars{
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle, rgba(128,238,255,.6) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(255,235,123,.45) 0 1px, transparent 1.5px);
    background-size:1.2rem 1rem, 1.8rem 1.35rem;
    background-position:.2rem .12rem, .9rem .5rem;
    opacity:.12;
}
.head,
.mainbox,
.copyright{
    position:relative;
    z-index:3;
}
.head{
    min-height:.72rem;
    background:linear-gradient(180deg, rgba(10,31,63,.92), rgba(5,13,29,.42));
    border-bottom-color:rgba(58,184,232,.34);
    box-shadow:inset 0 -1px 0 rgba(80,204,255,.24);
}
.head:before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:7.2rem;
    height:.14rem;
    transform:translateX(-50%);
    background:linear-gradient(90deg, transparent, rgba(52,218,255,.45), rgba(255,235,123,.55), rgba(52,218,255,.45), transparent);
    clip-path:polygon(5% 0, 95% 0, 88% 100%, 12% 100%);
}
.head:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-1px;
    width:64%;
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg, transparent, rgba(59,230,255,.68), rgba(255,235,123,.58), rgba(59,230,255,.68), transparent);
}
.head h1{
    color:#eaf8ff;
    text-shadow:0 0 8px rgba(0,190,255,.45);
}
.head h1 span{
    color:#8feeff;
}
.filter-panel{
    width:100%;
    padding:.02rem .04rem;
    border: none;
    background: none;
    clip-path: none;
}
.search-control,
.bar,
.boxall{
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:inset 0 0 0 1px rgba(80,204,255,.05);
}
.search-control{
    border-color:rgba(51,226,255,.34);
    background:linear-gradient(180deg, rgba(13,38,76,.68), rgba(4,13,30,.82));
}
.search-control select,
.search-control input{
    background:rgba(1,11,28,.9);
    border-color:rgba(88,223,255,.3);
}
.search-btn{
    border-color:rgba(0,200,255,.58);
    background:linear-gradient(180deg, rgba(0,175,220,.28), rgba(31,100,255,.18));
    box-shadow:none;
}
.search-btn:hover{
    transform:none;
    border-color:rgba(133,234,255,.84);
    box-shadow:0 0 0 1px rgba(0,200,255,.28);
}
.time-panel{
    padding:.02rem .06rem;
    background: none;
    border: none;
    clip-path: none;
}
.time-date,
.time{
    color:#b8f7ff;
    text-shadow:none;
}
.boxall{
    overflow:hidden;
    background:linear-gradient(180deg, rgba(7,25,53,.86), rgba(3,11,27,.9));
    border-color:rgba(70,190,238,.42);
}
.boxall:before,
.boxall:after,
.boxfoot:before,
.boxfoot:after{
    border-color:rgba(78,218,255,.86);
    filter:none;
}
.boxall .alltitle{
    color:#f4fbff;
    letter-spacing:1px;
    text-shadow:none;
}
.boxall .alltitle:after{
    content:"";
    height:1px;
    flex:1;
    min-width:.2rem;
    background:linear-gradient(90deg, rgba(0,200,255,.4), transparent);
}
.comparison-title-text{
    display:block;
    min-width:0;
    max-width:100%;
    color:#f4fbff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.bar{
    background:linear-gradient(180deg, rgba(7,27,58,.94), rgba(4,13,30,.9));
    border-color:rgba(70,190,238,.42);
}
.barbox li{
    color:#fff06a;
    text-shadow:0 0 8px rgba(255,229,75,.5);
}
.barbox2 li{
    color:#d7f6ff;
}
.map{
    background:radial-gradient(circle at 50% 48%, rgba(0,123,197,.12) 0%, rgba(5,16,34,0) 65%);
}
.map:before{
    content:"";
    position:absolute;
    left:50%;
    top:54%;
    width:8.1rem;
    height:5.3rem;
    transform:translate(-50%,-50%);
    border:1px solid rgba(91,224,255,.12);
    border-radius:50%;
    opacity:.26;
}
.map1,
.map2,
.map3,
.map4{
    filter:none;
}
.map1{ opacity:.18; }
.map2{ opacity:.06; }
.map3{
    opacity:.16;
}
.wrap li p{
    background:rgba(8,27,56,.72);
    border-color:rgba(72,191,238,.28);
    box-shadow:none;
}
.wrap li p:hover{
    transform:none;
    background:rgba(9,38,79,.86);
    border-color:rgba(115,224,255,.58);
    box-shadow:none;
}
.amount-chart,
.quantity-chart,
.boxnav{
    filter:none;
}