html{color:#000;background:#F9F9F9}
body{background:#F9F9F9}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
.fl{float:left}
.fr{float:right}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mb10{margin-bottom:10px}
.mt-30{margin-top:30px}
.pd-10{padding:10px}
.pd-20{padding:20px}
.red{color:red}
.green{color:green}
.gray{color:gray}
.theme_langs{color:#f07f7f;width:85px}
.theme_langs option{color:#666;padding:5px 10px}
.theme_langs option:checked{color:#000}
.img-flag{vertical-align:middle;margin-bottom:3px}
h1{font-size:18px}
time{color:#666}
table{border-collapse:collapse;border-spacing:0;background:#fff}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-size:inherit;font-weight:inherit;*font-size:100%}
input[type=button],input[type=submit],input[type=file],button{cursor:pointer;outline:0px;-webkit-appearance:none}
textarea{-webkit-appearance:none}
legend{color:#000}
.inner,.container{zoom:1}
.inner:before,.container:before,.inner:after,.container:after{content:"";display:table}
.inner:after,.container:after{clear:both;overflow:hidden}
a{text-decoration:none;color:#666}
a:hover{text-decoration:none;background:none;color:#0b8235;font-weight:bold}
img{vertical-align:middle;margin-right:3px;}
.flex{display:flex}
button,input,select,textarea{font-size:inherit;line-height:inherit}
.clearfix::after,.clear::after{clear:both;display:table;content:"";zoom:1}
.inner,.container{zoom:1}
.inner:before,.container:before,.inner:after,.container:after{content:"";display:table}
.inner:after,.container:after{clear:both;overflow:hidden}
.center{text-align:center!important}
tr.active td{background:#f9f9f9}
.layui-container{max-width:1200px}
#header{position:fixed;z-index:999;top:0;width:100vw;height:68px;line-height:68px;display:flex;align-items:center;background-color:#fff;box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.08)}
#header .head{display:flex;position:relative}
#header .head ul{padding:15px 10px;overflow:hidden}
#header .head ul li{float:left;height:36px;padding:0 10px;line-height:36px}
#header .head ul li a{display:block;font-size:16px;font-weight:500;margin-left:20px;padding:0 10px;background:#fff;border-radius:2px}
#header .head ul li a:hover{font-weight:bold}
#header .head ul li.act a{color:#ff6a00;font-weight:bold}
.lang-selector{position:absolute;right:5px}
.theme_langs{width:100px}
#content{padding-top:80px}
#content .exchange-box{background:#fff;border-radius:3px;padding:8px;cursor:pointer;box-shadow:0 0 1px rgba(0,0,0,.15)}
#content .exchange-box .exchange-title{margin:0 8px;white-space:nowrap}
#content .exchange-box .exchange-title .rate{color:#1f1f1f;font-weight:bold}
#content .exchange-box:hover{box-shadow:0 0 4px -1px rgba(0,0,0,.04),0 0 10px 0 rgba(0,0,0,.05),0 0 5px 0 rgba(0,0,0,.06)}
#content .exchange-box .increase-ratio{font-size:12px;max-width:60px;overflow:hidden}
#content .exchange-box .increase-ratio div{margin-top:3px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#content .converter-box{padding:15px 20px;background:#fff}
.title{margin:0;padding:10px;line-height:22px;border-radius:5px 5px 0 0;background-color:#fff;border-bottom:1px solid #eee}
.title.with-icon{position:relative;padding-left:40px}
.title .text{margin-left:3px}
@media (min-width:568px){.title{font-size:16px;font-weight:400}
}.title.with-icon .header-icon:not(.right-action){position:absolute;left:10px;top:8px;border-radius:3px;background-color:#ffb800;background-color:#40b068}
.header-icon{display:inline-block;width:25px;height:25px;background-position:center;background-repeat:no-repeat}
.header-icon svg{margin-left:3px;margin-top:3px}
.arrows{background-size:20px;background-image:url(../images/arrows.png)}
.cross{background-size:20px;background-image:url(../images/cross.png)}
.coins{background-size:20px;background-image:url(../images/coins.png)}
.price{background-size:20px;background-image:url(../images/price.png)}
.link{background-size:20px;background-image:url(../images/link.png)}
.change{background-size:20px;background-image:url(../images/change.png)}
.question{background-size:20px;background-image:url(../images/question.png)}
.pair{background-size:20px;background-image:url(../images/pair.png)}
.line-chart{background-size:20px;background-image:url(../images/line-chart.png)}
#content .currency-box{overflow:hidden}
#content .currency-box label{line-height:3rem;display:block;font-weight:600;color:#141E37;font-size:1.2rem;height:3.2rem}
#content .currency-box input,#content .currency-box select{display:block;width:100%;height:calc(2em + 0.75rem + 2px) !important;line-height:calc(2em + .75rem + 2px) !important;padding:0 0 0 1rem;background-color:#fff;border-radius:0.25rem;border:1px solid #c7c7d2;box-sizing:border-box}
.exchange-icon{border-radius:3px;color:#fff;background-color:#40b068;height:calc(2em + 0.75rem + 2px) !important}
.exchange-icon:hover{color:#fff}
.exchange-button{text-align:center}
.exchange-button button{display:inline-block;border:0;width:13rem;height:3rem;line-height:3rem;color:#fff;font-size:1.3rem;cursor:pointer;font-weight:300;transition:all .25s;border-radius:5px;background-color:#ffb800;background-color:#40b068}
.daxie-button button{display:inline-block;border:0;width:13rem;height:2.8rem;line-height:2.8rem;color:#fff;font-size:1.2rem;cursor:pointer;font-weight:300;transition:all .25s;border-radius:5px;margin-top:3rem;background-color:#40b068}
#content .converter-box .exchange-result{float:left;padding:0 0 .5rem;font-size:16px;font-weight:700;line-height:180%}
#content .converter-box .exchange-result .f{color:#5C667B;font-size:16px;font-weight:600}
#content .converter-box .exchange-result .t{font-size:22px;color:rgba(227,90,15,0.97);padding:0.6rem 0 0.6rem}
#content .converter-box .exchange-result .t .faded-digits{color:#A1A6B0}
#content .converter-box .exchange-result .e{font-weight:400;font-size:14px;color:#5C667B}
#content .converter-box .exchange-result .e a{color:#889}
@media all and (max-width:760px){#content .converter-box .exchange-result .t{font-size:1.6rem;padding:.6rem 0 .6rem}
#content .converter-box .exchange-result{line-height:220%;padding:1rem 0 0 0}
#content .converter-box .exchange-result .e{line-height:180%}
}#content .cross-rates-body{padding:10px;overflow:hidden}
#content .cross-rates-body .cross-item{overflow:hidden;padding:5px 10px 5px 10px;cursor:pointer;border-bottom:1px solid #ebebeb}
#content .cross-rates-body .cross-item:last-child{border-bottom:none}
#content .cross-rates-body .cross-item:hover{background-color:#EBEBEB}
.cross-img{margin-top:6px;display:flex}
.cross-img img,.cross-img h3{display:inline-block}
@media screen and (max-width:760px){.cross-img{margin-top:3px}
}.cross-img h3{margin-left:10px;font-size:16px;font-weight:normal}
.cross-rate{text-align:center}
.cross-foot{text-align:right}
.rt{margin-bottom:3px}
.rn{font-size:.7em;margin-top:-0.2em;margin-bottom:-1.3em!important}
.conversion-list{overflow:hidden;padding:15px}
.conversion-list-item{-webkit-box-shadow:0 1px 1px #ebebeb;cursor:pointer;text-align:center}
.conversion-list-item:nth-last-child(-n+4){-webkit-box-shadow:none}
.layui-table th,.layui-table td{text-align:left}
.bor0{border-bottom:0}
ul.daxie-list{padding:10px 0;overflow:hidden}
ul.daxie-list li{float:left;width:19.8%;font-size:18px;padding-bottom:10px;text-align:center}
ul.daxie-list li img{margin-bottom:5px}
ul.daxie-list li .red{color:#f00}
#footer{width:100%;padding-top:15px;margin-top:20px;background-color:#424040;position:relative}
#footer p.tip{margin:5px 0}
#footer .footer-box{position:relative;padding:5px 0 25px;line-height:24px;text-align:center;color:#999;border-radius:8px}
#footer .footer-box span,#footer .footer-box a{margin:0 3px;white-space:nowrap}
#footer .footer-box a{color:#999}