/*
* 维图小伙伴
* qq:327755832
* http://www.v2my.com
*/

/* 20200701 */
@font-face {font-family:'ADM';src:url('../font/adm.ttf');font-weight:normal;font-style:normal;}
body {background:#253240;padding:20px 0px 70px;margin:0;color:#eee;font:12px/1.6 Microsoft YaHei,-apple-system,BlinkMacSystemFont,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
ul,li,p,span,h1,h2 {margin:0;padding:0;border:0;}
ul,li {list-style:none;}
em,i {font-style:normal;}
a {color:#eee;text-decoration:none;}
.stock {width:1040px;height:382px;margin:20px auto 40px;}
.stock h1 {height:34px;padding-bottom:8px;font-weight:400;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.stock h1 span {height:34px;float:left;display:inline-block;line-height:34px;font-size:24px;color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.stock h1 em {display:inline-block;position:absolute;top:16px;right:0px;font-size:12px;line-height:18px;color:#ccc;background:#253240;}
.stock h1 i {margin-right:8px;}
.stock ul {float:left;width:488px;height:336px;overflow:hidden;}
.stock li {width:240px;height:64px;background:#1E2833;background:rgba(0,0,0,0.2);margin:0px 4px 4px 0px;float:left;color:#fff;text-align:center;cursor:default;}
.stock li:hover {background:#1A232D;background:rgba(0,0,0,0.3);}
.stock li span {display:block;height:30px;line-height:30px;font-size:22px;margin:6px 0px 2px;font-family:'ADM';}
.stock li p {height:22px;color:#aaa;}
.stock li.r,.stock span.r {color:#FC4331;}
.stock li.g,.stock span.g {color:#5DA415; /*#08b99a*/}
.stock .kline {float:right;width:552px;height:336px;position:relative;}
.stock .kbutton {width:40px;position:absolute;right:-46px;top:0px;}
.stock .kbutton span {display:block;width:40px;height:40px;border-radius:0px 50% 50% 50%;margin-bottom:6px;background:#1E2833;background:rgba(0,0,0,0.2);text-align:center;line-height:38px;font-size:14px;color:#888;cursor:pointer;overflow:hidden;}
.stock .kbutton span.on {color:#fff;font-weight:;font-size:16px;background:#1A232D;background:rgba(0,0,0,0.3);}
.stock .kimg {height:300px;width:545px;background:#1E2833;padding:18px 2px 18px 5px;}
.stock .kimg:hover {background:#fff;}
.stock .kimg img {display:none;height:300px;width:545px;}
.stock .kimg img.on {display:block;}
.search {height:40px;padding:10px 0px;position:fixed;bottom:0px;left:0px;z-index:999;width:100%;background:#1E2833;background:rgba(30,40,51,0.5); backdrop-filter: blur(10px);}
.sbox {width:1040px;height:40px;margin:0px auto;position:relative;}
.form {width:600px;height:40px;padding-right:440px;position:relative;}
.form .input {width:100%;height:40px;line-height:30px;padding:5px 10px;border:1px solid #111;background:#1B242D;background:rgba(0,0,0,0.1);color:#fff;font-size:14px;outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.form .input::-webkit-input-placeholder {color:#aaa;}
.form .input::-moz-placeholder {color:#aaa;}
.form .input::-ms-input-placeholder {color:#aaa;}
.form .input:focus {border-color:#FC4331 !important;background:#1A232D;background:rgba(0,0,0,0.3);}
.form .rightlink {width:440px;height:40px;position:absolute;top:0px;right:-10px;}
.rightlink .ck {width:100px;height:40px;float:left;margin-right:10px;line-height:40px;text-decoration:none;display:block;background:#FC4331;color:#fff;font-size:16px;text-align:center;border:none;border-radius:0px;padding:0px;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(153,0,0,0.0);tap-highlight-color:rgba(153,0,0,0.0);}
.rightlink span sup {display:inline-block;position:relative;top:-4px;margin-left:1px;line-height:14px;}
.rightlink .button:active,.rightlink span:active {background:#900;}
.nodata {margin:10px 0px;font-size:14px;text-align:center;color:#f00;letter-spacing:2px;}
.mobile {width:100%;height:auto;}
.mobile ul {float:none;padding:0.5%;width:auto;height:auto;}
.mobile li {width:49%;margin:0.5%;}
.mobile h1 {margin:0px 1%;padding:0px 0px 8px;}
.mobile_search .sbox {width:100%;}
.mobile_search .form {width:100%;padding:0px 36% 0px 1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mobile_search .rightlink {right:1%;width:34%;}
.mobile_search .rightlink .button {width:48.6%;margin:0px;}
.mobile_search .rightlink .cz {width:48.6%;margin:0px;float:right;}
.mobile_search .rightlink .sz,.mobile_search .rightlink .sh {display:none;}
.refresh {display:block;width:20px;height:20px;position:absolute;right:-37px;top:10px;cursor:pointer;}
.refresh input {opacity:0;display:none;}
.refresh i {display:block;width:16px;height:16px;border-width:2px;border-style:solid;border-color:#555;border-radius:50%;position:relative;}
.refresh i:after {content:"";display:block;background:#555;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:3px;overflow:hidden;}
.refresh input:checked + i {width:20px;height:20px;border:none;-moz-animation:rotates 4s linear infinite;-webkit-animation:rotates 4s linear infinite;animation:rotates 4s linear infinite;}
.refresh input:checked + i:after {content:"";display:block;background:#FC4331;box-shadow:0 0 2px rgb(30,41,52,0.3 );border-radius:50%;width:8px;height:8px;top:6px;left:6px;z-index:2;overflow:hidden;}
.refresh input:checked + i:before {content:"";display:block;width:0px;height:0px;position:absolute;top:-1px;left:-1px;border-radius:50%;border-style:solid;border-width:11px;border-color:rgba(252,67,49,0.2) transparent;-moz-animation:flash 4s linear infinite;-webkit-animation:flash 4s linear infinite;animation:flash 4s linear infinite;}
@-webkit-keyframes rotates {from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotates {from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
@keyframes rotates {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
@-webkit-keyframes flash {0% {border-color:rgba(252,67,49,0.2) transparent;}
50% {border-color:rgba(252,67,49,0.7) transparent;}
100% {border-color:rgba(252,67,49,0.2) transparent;}
}
@-moz-keyframes flash {0% {border-color:rgba(252,67,49,0.2) transparent;}
50% {border-color:rgba(252,67,49,0.7) transparent;}
100% {border-color:rgba(252,67,49,0.2) transparent;}
}
@keyframes flash {0% {border-color:rgba(252,67,49,0.2) transparent;}
50% {border-color:rgba(252,67,49,0.7) transparent;}
100% {border-color:rgba(252,67,49,0.2) transparent;}
}
/* 20200701 */