html,body,div,ul,li,ol,h1,h2,h3,h4,h5,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,header,nav,menu,main,article,aside,footer{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
header,nav,menu,main,article,aside,footer{display:block;}
input[type="submit"],input[type="reset"],input[type="button"],input{resize:none;}
img{width:auto\9;display:block;-ms-interpolation-mode:bicubic;border:none;}
em,i{font-style:normal;}
ul,li{list-style-type:none;}
html{/* background: #f6f7f9; */background: #f8f9fa;font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling :touch;}
body{width:100%;margin:0 auto;font:1.4rem/1.5 Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;color: #505054;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,button,textarea{font-family:'Microsoft YaHei';border:none;outline:none;}
a,button{cursor:pointer;transition:all .2s;}
.clear:after,ul:after{display:table;content:"";line-height:0;clear:both}
a:link,a:active,a:visited,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
select {border: none;outline: none;background: transparent url(data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzc1NzY3OSIgZD0iTTIsNkwxMi4wMTYsMTYuMDE2LDIyLDZsMiwyTDEyLDIwLDAsOFoiLz4KPC9zdmc+Cg==) no-repeat right 1.8rem center;background-size:1.4rem;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;cursor: pointer;}

.container{width:1200px;margin:0 auto;}

nav{height: 10rem;background: #fff;line-height: 7rem;padding: 0 1.5rem;}
nav .container{display:flex;justify-content: space-between;}
.logo{float:left;}
.logo svg{width:5.6rem;height: 4.2rem;}
.logo rect{fill: #42444a;transition:all .2s;}
.logo path{fill:#fff;}
.logo:hover rect{fill:#16f}
.menu{float: left;font-size: 1.7rem;font-weight: 700;}
.menu a{display:inline-block;position:relative;padding: 0 1.6rem;color: #3f4b5d;}
.menu a.active:after,.menu a:hover:after{position:absolute;top:5rem;left:3.5rem;display:block;content: "";width:2.7rem;height:.3rem;border-radius:.2rem;background:#1838f1;opacity:.8;}
.menu a:hover:after{opacity:1;}
.language{display: none;float:right;color:#8f71ed;padding-top: .2rem;}
.language a{padding:0 1rem;color:#cabcf9;}
.language a:hover{color:#fff;text-decoration: underline;}
.language span{padding:0 1rem;color:#ede8ff;}
@media all and (max-width:760px){
  html {font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling :touch;}
  body{font-size:1.4rem;}
  .container{width:100%;margin:0;padding: 0 1.8rem;}
nav{height:8rem;line-height: 4.2rem;padding:0;background: #f8f9fa;border-bottom: 3.8rem solid #fff;}
.menu{font-size: 1.6rem;}
.menu a.active:after,.menu a:hover:after{top: 3.9rem;left: 4.1rem;width: 1rem;}
}
.section{background:#fff;padding: 0 0 4.4rem;}
.section h1{font-size:3rem;padding:0 0 1rem;color: #222;}
.section h2,.section h3{font-size: 1.7rem;padding: 4rem 0 3rem;}

.converter{display:flex;padding: 2.6rem 0 2rem;}
.converter label{display:block;line-height: 4rem;}
.converter input,.converter select{height: 5.6rem;width: 100%;box-sizing: border-box;line-height: 3.6rem;padding: 1rem 1.8rem;color: rgb(20, 30, 55);border: 1px solid #026;}
.converter .select{width: 44%;}
.converter .amount{width: 22%;padding:0 1rem 0 0;}
.converter .currency{display:flex;width:46%}
.converter input{font-size:1.7rem}
.converter .exchange,.converter .buts{display:block;vertical-align:middle;height:5.6rem;line-height:5.6rem;text-align:center;font-weight:700;border:0;box-sizing:border-box;background: #f2f3f4;}
.converter .exchange{width: 12%;margin:4rem 1rem 0;cursor: pointer;}
.converter .exchange svg{display:block;width:1.8rem;height:1.8rem;margin: 2rem auto;fill:#333;transition:all .2s;}
.converter .exchange:hover svg{fill:#16f;transform:scaleX(-1);transform:scaleX(-1) scale(1.2);}
.converter .buts{width: 12%;margin:4rem 0 0 1rem;font-size:1.8rem;color:#fff;background: #16f;}
.converter input:hover,.converter select:hover{box-shadow:inset 0 0 0 1px #16f;border-color: #16f;}
.converter input:focus,.converter select:focus{box-shadow:inset 0 0 0 1px #026;border-color: #026;}
.converter .buts:hover{background:#0043bb}
@media all and (max-width:760px){
    .section h2,.section h3{padding: 3rem 0 2rem;}
.converter{display:block;padding: 2.6rem 0 2rem;}
.converter .amount,.converter .currency{width:100%;padding:0;}
.converter .select{width:42%;}
.converter .exchange{width:16%;}
.converter .buts{width:100%;margin:2rem 0 0;}
}
.result{padding: 2rem 0 0;font-weight:700;line-height:200%;}
.result .f{font-size:1.7rem;}
.result .t{font-size: 4rem;padding: 2rem 0 2.4rem;color: #000;}
.result .e{font-weight: 400;}
.result .t span{color: #a6a8ab;}
.result .line{padding:0 1rem;color: #909094;}

.forex h1+p{padding:0 0 3rem;}
.p-t3{padding: 3rem 0 0;}
.intro p{padding:.8rem 0;}
.intro a{margin:0 .8rem;}

.row{padding: 0 0 4.4rem;}
.row h2,.row h3{font-size: 1.7rem;padding: 4rem 0 2rem;border-bottom: 1px solid #f6f6f9;}
.waihui{padding:2.3rem 3rem;text-align:center;}
.waihui h1{font-size:2.2rem;line-height:2.6em;}
.waihui p{padding:0 0 1.8rem;font-size:1.2rem;}
@media all and (max-width:760px){

.result .f{font-size:1.6rem;}
.result .t{font-size:3.6rem;padding:1.4rem 0 2.4rem;line-height:1.2em;}
}
table{width:100%;}
table,table th,table td{border-collapse:collapse;text-align: center;}
table td{border-bottom: 1px solid #f0f0f2;font-weight: 600;font-size:1.5rem;padding:2rem 0;}
table td a{color: #16f;}
table tbody tr:hover{background:#f8f9fa}
table tbody tr:hover td{color:#26f;}
table .more a{font-weight:400;color: #9d98ad;}
table th{color: #4f5463;background: #f2f3f4;padding:1.4rem 0;}
table th:first-child{text-align: left;padding-left: 3rem;}
table td:first-child{text-align: left;padding-left: 2rem;}
table caption{text-align:left;}
.trend{width:600px;height:319px;margin:1rem auto 2rem;overflow:hidden;}
.trend img{width:100%;}
@media all and (max-width:760px){
table,table th,table td{font-size:1rem;}
table td{font-size:1.2rem;}
table td a{font-size:1.2rem;}
table th:first-child,table td:first-child{text-align:center;padding-left:0;}
table .more{display:none;}
}
.currency-links{background: #42444a;padding: 3.8rem 0 4rem;line-height: 2.6rem;}
.currency-links ul{text-align: center;}
.currency-links li{display: inline-block;text-align:center;padding: 1rem .4rem;box-sizing:border-box;}
.currency-links li a{display:block;color: #fff;padding:0 1.2rem;}
.currency-links li a:hover{background:#16f;}
    .equal-width-table {
        width: 100%;
        /* 设置表格宽度为容器宽度的100% */
        table-layout: fixed;
        /* 使用固定表格布局算法 */
        border-collapse: collapse;
        /* 合并边框，使表格看起来更整洁 */
    }

    .equal-width-table th,
    .equal-width-table td {
        /* 添加边框，可选 */
        /* 添加内边距，可选 */
        width: 25%;
        /* 设置每个单元格的宽度为25%，这样四列就等宽了 */
    }

.lately li{display:inline-block;width:25%;float: left;box-sizing:border-box;}
.lately li a{display:block;line-height: 4rem;}
.lately li a:hover{color:#6035e6;}

footer{font-size:1.3rem;padding: 4rem 0 6rem;text-align: center;color: #96969e;}
footer a{color: #96969e;}
footer .tips{padding: 1.4rem;}
footer a.l{display:none;}


@media all and (max-width:760px){


.currency-links{padding:2rem 0;line-height: 2.4rem;}
.lately li{width:100%;}


footer{padding: 4rem 2rem 6rem;}
}