html { color:#000; 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 }
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 }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
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-family:inherit; 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 }
html { height:100% }
body { height:100%; font-family: Helvetica,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; font-size:14px; color:#333; }
a { text-decoration:none; color:#666 }
a:hover { text-decoration:none; color:#006bb7 }
img { vertical-align:middle }
button, input, select, textarea { font-family:Tahoma, Arial, Helvetica, "微软雅黑"; font-size:inherit; line-height:inherit }
.wrapper { position:relative; background:#fff; min-height:100% }
.inner { position:relative; max-width:1070px; padding:0 15px; margin:0 auto }
.J_link { cursor:pointer }
.clearfix::after, .clear::after{clear:both;display:table;content:"";zoom:1}
.center {text-align: center;}

tr.active td {background: #f9f9f9;}

.red {color: red;}
.green {color: green;}

.header {margin-bottom: 15px;}

.module { background:#fff; margin-bottom:15px; border:1px solid #e2e2e2; border-radius:8px;box-shadow:0 0 1px rgba(0, 0, 0, .15);}
.module .hd { padding:10px; line-height:20px; border-bottom:1px solid #e2e2e2 }
.module .hd .title { position:relative; display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold }
.module .hd .title:before { display:inline-block; content:''; width:4px; height:16px; margin-top:-2px; margin-right:10px; background:#006bb7; vertical-align:middle; border-radius:3px }

.mod-breadcrumbs { margin:-15px 0 0 0; line-height:36px; color:#666 }
.mod-breadcrumbs span, .mod-breadcrumbs a, .mod-breadcrumbs strong { margin-right:4px }
.mod-breadcrumbs a { color:#666 }
@media screen and (min-width: 800px) {
    .hidden-xs{display:none!important}
}
@media screen and (max-width: 799px) {
    .inner {
        padding:0
    }
    .container .inner, .footer .inner {
        padding:0 10px
    }

    .visible-xs{display:none!important}

    .mod-head .menu{
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 16px;
        height: 16px;
        margin: 17px 16px;
    }
    .mod-head .menu span{
        display: block;
        width: 16px;
        height: 3px;
        background: #fff;
        -webkit-transition: all;
        -moz-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    .mod-head .menu span:nth-child(2){
        margin:4px 0;
    }
    .status-show .mod-head .menu span:first-child{
        transform: translateX(4px) translateY(12px) rotate(-45deg);
        -webkit-transform: translateX(4px) translateY(12px) rotate(-45deg);
    }
    .status-show .mod-head .menu span:last-child{
        transform: translateX(4px) translateY(-12px) rotate(45deg);
        -webkit-transform: translateX(4px) translateY(-12px) rotate(45deg);
    }
}
.mod-head { }
.mod-head .bd { 
    position: relative;
    min-height: 64px; /* 使用最小高度替代固定高度 */
    background: #276cae;
    overflow: visible; /* 允许内容溢出 */
}

.mod-head .bd .logo { 
    float: left;
    height: 64px;
    overflow: hidden;
    margin-left: 15px; /* 左侧内边距 */
}

.mod-head .bd .logo img {
    height: 100%; /* 确保logo高度正确 */
}

/* 桌面视图菜单 */
.mod-head .bd ul {
    position: static; /* 移除绝对定位 */
    display: flex;
    flex-wrap: wrap; /* 允许菜单项换行 */
    padding: 5px 10px;
    margin: 0;
    list-style: none;
    overflow: visible;
    max-width: 100%; /* 菜单最大宽度为容器宽度 */
}

.mod-head .bd ul li {
    flex-shrink: 0; /* 防止菜单项被压缩 */
    height: 25px;
    padding: 0 10px;
    line-height: 36px;
    color: #fff;
}

.mod-head .bd ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap; /* 防止菜单项文本换行 */
}

/* 移动端视图 */
@media screen and (max-width: 799px) {
    .mod-head {
        margin-bottom: 10px;
    }
    
    .mod-head .bd {
        height: auto; /* 自动高度适应内容 */
    }
    
    .mod-head .bd .logo {
        float: left;
        display: block;
        width: 125px;
        height: 50px;
        text-align: center;
        margin-left: 0;
    }
    
    .mod-head .bd .hwrap {
        float: none;
        display: block;
        width: auto;
        height: 50px;
        text-align: center;
    }
    
    .mod-head .bd .logo img {
        margin: 0;
        width: 125px;
        height: 50px;
    }
    
    .mod-head .bd ul {
        display: none;
        flex-wrap: wrap;
        padding: 0;
        background: #fff;
        border-bottom: 1px solid #e2e2e2;
        max-width: 100%;
    }
    
    /*.status-show .bd ul {display: flex;}*/
    
    .mod-head .bd ul li {
        float: left;
        width: 33.33%;
        height: 36px;
        padding: 0;
        line-height: 36px;
        text-align: center;
    }
    
    .mod-head .bd ul li a {
        position: relative;
        left: -1px;
        top: -1px;
        padding: 0 8px;
        border-left: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        font-size: 13px;
        color: #444;
    }

    a.goback_butn{ width:44px; height:44px; line-height:50px; position:absolute; left:0; top:3px;}
    i.goback{display: inline-block; border-bottom: 1px solid #fff;  border-right: 1px solid #fff;  -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 14px; height: 14px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left:10px;}

    div.headtitle{ width:66%; margin:0 auto; position:absolute; top:0; left:17%; text-align:center; padding:6px;}
    div.headtitle p.exchangelist{ font-size:18px; height: 38px; line-height:38px; color:#fff; font-weight: bold;}
    div.headtitle p.exchangename{ font-size:16px; line-height:22px; color:#fff;}
    div.headtitle p.englishname{font-size:12px; line-height:16px; color:rgba(255, 255, 255, 0.8);}
}
.mod-foot { position:relative; padding:5px 0 25px; line-height:24px; text-align:center; color:#999; border-radius:8px }
.mod-foot span, .mod-foot a { margin:0 3px; white-space:nowrap }
.mod-foot a { color:#999 }
.mod-link .bd { padding:15px 20px; line-height:24px }
.mod-link .bd a { white-space:nowrap; margin:0 10px; color:#666 }
/*
.mod-link .bd a:hover { text-decoration:underline }
 */
@media screen and (max-width: 799px) {
    .mod-link .bd {
        padding:15px 10px
    }
}
.mod-login .mask { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity:0; z-index:999; _position:absolute }
.mod-login .dialog { width:350px; min-height:380px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -175px; border:1px solid #ebebeb; background:#fff; color:#757575; z-index:9999; overflow:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; _position:absolute; _height:360px }
.mod-login a { text-decoration:none; color:#757575 }
.mod-login .panel .hd { padding:15px 0; font-size:20px; color:#212121; text-align:center }
.mod-login .panel .hd .close { position:absolute; top:7px; right:7px; width:20px; height:20px; background:url(../images/login_icon.png) 3px 3px no-repeat; cursor:pointer }
.mod-login .panel .bd { width:274px; margin:0 auto; padding-bottom:10px }
.mod-login .panel p { position:relative; line-height:20px; *zoom:1
}
.mod-login .panel label { display:inline-block; padding-left:20px; background:url(../images/login_icon.png) 0 -46px no-repeat; cursor:pointer; -moz-user-select:-moz-none; -ms-user-select:none; -webkit-user-select:none }
.mod-login .panel label.checked { background-position:0 -94px }
.mod-login .panel label input { display:none }
.mod-login .panel label a { color:#017cb5 }
.mod-login .panel .error { height:20px; margin-bottom:6px; color:#d34242; font-size:12px }
.mod-login .panel .error span { display:inline-block; height:20px; padding-left:20px; background:url(../images/login_icon.png) 0 -238px no-repeat; line-height:20px }
.mod-login .panel .captcha { position:absolute; top:1px; right:4px }
.mod-login .panel .captcha img { height:38px }
.mod-login .panel .getcode { position:absolute; top:0; right:0; width:102px; line-height:40px; background:#017cb5; color:#fff; text-align:center; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px }
.mod-login .panel .disable { background-color:#b0afaf; font-size:12px; cursor:default }
.mod-login .panel .auto { top:-10px; font-size:12px }
.mod-login .panel .forget { float:right }
.mod-login .panel .separate { margin:15px 0 }
.mod-login .panel .line { display:block; border-top:1px solid #ebebeb }
.mod-login .panel .or { position:absolute; top:-8px; left:50%; width:24px; margin-left:-12px; background:#fff; text-align:center; font-size:12px; color:#bdbdbd }
.mod-login .panel .btn { margin-bottom:15px }
.mod-login .panel .switch { display:inline-block; width:100%; height:40px; line-height:40px; border:medium none; background:#309e11; text-align:center; color:#fff; cursor:pointer; -webkit-appearance:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.mod-login .login p { margin-bottom:20px }
.mod-login .reg p { margin-bottom:10px }
.mod-login .js-error .input-text { border-color:#d34242 }
.mod-login .toggle { position:absolute; top:5px; right:5px; width:30px; height:30px; background:url(../images/login_icon.png) 7px -137px no-repeat }
.mod-login .toggle-open { background-position:7px -184px }
.mod-login .input-text { width:256px; height:20px; line-height:20px; padding:9px 8px; border:1px solid #ebebeb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; outline:none }
.mod-login .input-text:focus { border-color:#7688a9 }
.mod-login .input-submit { display:inline-block; width:100%; height:40px; line-height:40px; border:medium none; background:#017cb5; text-align:center; color:#fff; cursor:pointer; -webkit-appearance:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.mod-login input[type="number"]::-webkit-outer-spin-button, .mod-login input[type="number"]::-webkit-inner-spin-button {
    display:none
}
.mod-login input[type=number] { -moz-appearance:textfield }
.mod-login input::-webkit-input-placeholder {
    color:#757575
}
.mod-login input:-moz-placeholder {
    color:#757575
}
.mod-login input::-moz-placeholder {
    color:#757575
}
.mod-login input:-ms-input-placeholder {
    color:#757575
}
.mod-login-show .mask { opacity:.5; -moz-animation:opacity 0.6s 0s ease both; -webkit-animation:opacity 0.6s 0s ease both; animation:opacity 0.6s 0s ease both }
.mod-login-show .dialog { -moz-animation:bounce-down 0.6s 0s ease both; -webkit-animation:bounce-down 0.6s 0s ease both; animation:bounce-down 0.6s 0s ease both }


.mod-panel { margin:0 auto 15px }
.mod-panel .hd { padding:25px 0; margin-bottom:10px; text-align:center }
.mod-panel .hd h1 { line-height:36px; font-weight:bold; font-size:20px }
.mod-panel .hd p { line-height:24px; color:#666 }
.mod-panel .select-box { position:relative; margin-bottom:20px; text-align:center }
.mod-panel .select-box select { width:250px; height:240px; padding:10px 0; border:1px solid #ebebeb; text-indent:0.5em; vertical-align:middle; outline:none }
.mod-panel .select-box option { padding:5px 0; vertical-align:middle }
.mod-panel .select-box label { display:inline-block }
.mod-panel .select-box span.title { position:relative; display:block; padding-left:15px; margin-bottom:5px; line-height:30px; font-weight:bold; font-size:16px; text-align:left }
.mod-panel .select-box span.title:before { position:absolute; left:0; top:50%; display:inline-block; width:4px; height:18px; content:''; margin:-9px 2px 0; vertical-align:middle; background:#006bb7; border-radius:2px }
.mod-panel .input-button { width:64px; height:36px; margin:0 15px; border:medium none; background:#006bb7; vertical-align:middle; border-radius:4px; line-height:32px; font-size:16px; color:#fff; outline:none; cursor:pointer }
.mod-panel .input-button:hover { background:#065994 }
.mod-panel .search { position:relative; width:100%; max-width:600px; margin:0 auto 20px; text-align:center }
.mod-panel .search .input-text { display:inline-block; width:60%; width:calc(100% - 124px); height:20px; border:1px solid #ebebeb; padding:10px 8px 10px 8px; border-radius:4px; vertical-align:middle; line-height:20px; outline:none }
.mod-panel .search .input-submit { display:inline-block; width:100px; height:42px; padding:0 15px; background:#4bae4f; border:medium none; line-height:42px; vertical-align:middle; text-align:center; font-size:16px; color:#fff; cursor:pointer; outline:none; box-sizing:border-box; border-radius:4px }
.mod-panel .search .input-submit:hover { background:#47a04b }
.mod-panel .ft table { width:100%; table-layout:fixed }
.mod-panel .ft table caption { line-height:36px; text-align:center; font-weight:bold; font-size:16px }
.mod-panel .ft table caption span{ color: #276cae;}
.mod-panel .ft table caption a { float:right; font-weight:normal; font-size:13px; color:#2095f2 }
.mod-panel .ft table caption .title { margin:0 100px }
.mod-panel .ft table th, .mod-panel .ft table td { padding:8px; border:1px solid #e2e2e2; line-height:20px; text-align:center }
.mod-panel .ft table th { white-space:nowrap }
.mod-panel .ft table thead { background:#f5f5f5 }
.mod-panel .ft table b { font-weight:bold; color:#fc9000 }
.mod-panel p.title { line-height:36px; text-align:center; font-weight:bold; font-size:16px }

/*
.mod-panel .ft table a:hover { text-decoration:underline; color:#006bb7 }
 */
.mod-panel .ft .more { padding:15px 0; text-align:center }
.mod-panel .ft .more a { display:inline-block; width:30%; height:48px; background:#f9f9f9; border:1px dotted #e2e2e2; line-height:48px; text-align:center; border-radius:5px }
.mod-banner { margin-bottom:20px; text-align:center }
.mod-rate { margin-bottom:20px }
.mod-rate .bd ul { overflow:hidden }
.mod-rate .bd li { float:left; width:25% }
.mod-rate .bd li a { display:block; background:#f9f9f9; margin:0 1px 2px; padding:0 12px; line-height:32px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.mod-rate .bd li a:hover { background:#e9f4ff }
.mod-list { position:relative }
.mod-list .bd { padding:10px 15px }
.mod-list .bd ul { overflow:hidden }
.mod-list .bd li { float:left; width:16.6%; height:48px; line-height:48px; text-align:center }
.mod-list .bd a { display:block; padding:0 15px; text-align:left; border-radius:5px }
.mod-list .bd a:hover { background:rgba(0, 0, 0, 0.03) }
.mod-list .bd a img { margin:0 auto; background:#fff }
.mod-list .bd a span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.mod-recommend { position:relative }
.mod-recommend .hd { position:relative }
.mod-recommend .hd a { position:absolute; right:10px; bottom:6px }
.mod-recommend .bd { padding:10px; position:relative; z-index:1; line-height:20px }
.mod-recommend .bd table { width:100%; font-size:15px }
.mod-recommend .bd table thead { background:#f9f9f9; border-radius:4px }
.mod-recommend .bd table tbody tr { border-bottom:1px dotted #e2e2e2 }
.mod-recommend .bd table tbody tr:last-child { border-bottom:none }
.mod-recommend .bd table th, .mod-recommend .bd table td { padding:8px 12px; line-height:22px }
.mod-recommend .bd table th { font-weight:bold }
.mod-recommend .bd .icon { float:left; width:75px }
.mod-recommend .bd .country { margin-left:80px }
.mod-recommend .bd .country p.name { font-weight:bold }
.mod-recommend .bd .country p.code { color:#999999 }
.mod-img { position:relative }
.mod-img .bd { padding:20px 15px 20px }
.mod-img .bd ul { overflow:hidden }
.mod-img .bd li { float:left; width:16.6%; margin-bottom:5px }
.mod-img .bd a { display:block; padding:10px 0 5px; margin:0 10px; line-height:30px; text-align:center; border-radius:5px }
.mod-img .bd a:hover { background:rgba(0, 0, 0, 0.03) }
.mod-img .bd a img { display:block; margin:0 auto }
.mod-img .bd a span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.mod-img .bd a .bank { background:#fff; border:1px solid #f0f0f0; margin:0 auto; overflow:hidden }
.mod-intro .bd { padding:20px }
.mod-intro .bd p { margin-bottom:10px; line-height:24px; /*text-indent:2em*/ }
@media screen and (max-width: 799px) {
    .mod-panel .hd {
        padding:10px 0
    }
    .mod-panel .select-box select {
        width:132px;
        height:36px;
        padding:0;
        border-radius:5px
    }
    .mod-panel .select-box .input-button {
        width:60px;
        margin:0
    }
    .mod-panel .search .input-text {
        padding:7px 8px
    }
    .mod-panel .search .input-submit {
        height:36px;
        line-height:36px
    }
    .mod-panel .ft table {
        table-layout:auto;
        font-size:13px
    }
    .mod-panel .ft table th, .mod-panel .ft table td {
        padding:6px
    }
    .mod-banner img {
        max-width:100%;
        height:auto
    }
    .mod-rate .bd li {
        width:50%
    }
    .mod-list .bd {
        padding:10px 0
    }
    .mod-list .bd li {
        width:33.33%;
        height:36px;
        line-height:36px
    }
    .mod-list .bd a {
        padding:0 8px;
        font-size:13px
    }
    .mod-list .bd a img {
        zoom:0.75
    }
    .mod-recommend .hd a img {
        zoom:0.75
    }
    .mod-recommend .bd table {
        font-size:14px
    }
    .mod-recommend .bd table th, .mod-recommend .bd table td {
        padding:6px 5px;
        line-height:18px;
        white-space:nowrap
    }
    .mod-recommend .bd table th .icon, .mod-recommend .bd table td .icon {
        width:40px
    }
    .mod-recommend .bd table th .icon img, .mod-recommend .bd table td .icon img {
        width:48px;
        height:30px
    }
    .mod-recommend .bd table th .country, .mod-recommend .bd table td .country {
        margin-left:54px
    }
    .mod-img .bd {
        padding:15px 10px
    }
    .mod-img .bd li {
        width:33.33%
    }
    .mod-img .bd a {
        margin:0 6px
    }
}
@media screen and (max-width: 359px) {
    .mod-panel .select-box select {
        width:118px;
        font-size:13px
    }
    .mod-panel .select-box .input-button {
        width:56px;
        margin:0
    }
    .mod-list .bd a {
        padding:0 5px
    }
}

 .entry-head {
	margin-bottom: 1px;
}
.entry-title {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 24px;
	font-size: 2rem;
	line-height: 1.4;
    text-align: center;
}
.entry-info {
	padding-bottom: 1px;
	color: #999;
	 text-align: center;
}
/* converter start*/
#from, #to {width: 100%;}

*, ::after, ::before {
    box-sizing: border-box;
}
button, input, optgroup, select, textarea { margin:0; font-family:inherit; font-size:inherit; line-height:inherit }

[type=search] {
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

.converter{
    position:relative;width:100%;
    border-radius: 8px;
}
.converter .row{z-index:999;padding: .5rem 2rem 1rem;}
.convert{display: flex;line-height: 6rem;margin-bottom: 1rem;}
.converter .col{width:100%;}
.converter .col label{line-height:3rem;height:3.6rem;display:block;font-weight:600;color:#141E37;font-size:1.2rem;}
.converter .col input,.converter .col select{display: block;width:100%;height:calc(2em + .75rem + 2px) !important;line-height:calc(2em + .75rem + 2px) !important;padding: 0 1.6rem;background-color:#fff;border-radius:.25rem;border: 1px solid #c7c7d2;box-sizing: border-box;}
.converter .col input:focus,.converter .col select:focus{outline:none;border-color:#80bdff;box-shadow: 0 1px 3px 0 rgba(0, 123, 155, 0.2);}
.converter .buts button{background:#65f;border:0;width: 100%;line-height:5.6rem;color:#fff;font-size: 1.8rem;border-radius: .2rem;cursor: pointer;font-weight: 300;transition: all .3s;}
.converter .buts{padding: 3.6rem 0 0 0.8rem;width:16rem;}
.converter .tip{padding: 1.6rem 0 .5rem;font-size: 1.2rem;color: #889;}
@media all and (max-width:760px){
    .converter{padding: 0;box-sizing: border-box;/}
    .converter .row{padding: 1.6rem;box-shadow:none;border-radius: 0;margin: 0;}
    .convert{display: flex;}
    .converter .col input,.converter .col select{box-shadow: inset 0 1px 1px rgba(0,0,0,.01);}
    .converter .buts{padding: 0;width: 40%;}
    .converter .buts button {height: 6rem;line-height: 6rem;border-radius: 0;font-size: 1.5rem;}
}

.currency .col{width:32%;}
.currency .col label{height:3.2rem;}
.currency .select{padding-left:1rem;}

select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;cursor: pointer;}
select::-ms-expand { display: none; }
select{border: none;outline: none;background: transparent url('data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzc1NzY3OSIgZD0iTTIsNkwxMi4wMTYsMTYuMDE2LDIyLDZsMiwyTDEyLDIwLDAsOFoiLz4KPC9zdmc+Cg==') no-repeat 91% center;background-size: .8em;}

.currency .exchange{text-align:center;color:#006CF4; margin:3.2rem 0 0 1rem;width:4%;height:calc(2em + .75rem + 2px) !important;line-height: calc(2em + .75rem + 2px) !important;}
.kDuZbJ{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:none;border:1px solid #ddd;border-radius:50%;padding:12px;}/*!sc*/
.currency .exchange button:hover{background:none;}
.fZJuOo{width:16px;height:16px;color:#276cae;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}/*!sc*/
@media (min-width:576px){.fZJuOo{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}}/*!sc*/

.currency-buts{float: right; padding:1rem 0 0;font-size: 1.2rem;color: #889;}
.currency-buts .but{float:right;display:inline-block;background:#276cae;border:0;width: 13rem;text-align:center;line-height:3rem;color:#fff;font-size: 1.6rem;border-radius: .5rem;cursor: pointer;font-weight: 300;transition: all .25s;}
.currency-buts .but:hover{background:#0071EB;}
.currency-buts h1{display:inline-block;font-weight:300;font-size:1rem;}
.converter button:hover{background:#43f;}

.converter .result{float: left;padding: 1rem 0 .5rem;font-size:16px;font-weight:700;line-height:180%;}
.converter .result .f {color: #5C667B; font-size:16px; font-weight: 600;}
.converter .result .t{font-size:30px; color: #2E3C57; padding: 1.0rem 0 2rem;}
.converter .result .t .faded-digits{color: #A1A6B0;}
.converter .result .e{font-weight: 400;font-size:14px;color: #5C667B;}
.converter .result .e a{color: #889;}

@media all and (max-width:760px){
    .currency{display:block;}
    .currency .col{width:100%;}
    .converter .col label{display:none;}
    .currency .select{padding-left:0;width:100%;padding-top: .5rem;}
    .currency .exchange{width:100%;margin: .5rem 0 0 0;background: #fff;border-radius: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.02);}
    .currency-buts{float: none;clear:both;padding: 0;}
    .currency-buts .but{width: 100%;line-height: 3rem;border-radius: .3rem;}
    .currency-buts h1,.currency-buts span{display: none;}
    .converter .result .t {
        font-size: 1.6rem;
        padding: .6rem 0 .6rem;
    }
    .converter .result {line-height: 220%; padding: 1rem 0 0 0;}
    .converter .result .e {line-height: 180%;}
}

.capital-result{line-height: 4rem;}
.capital-result h2{font-size:1.6rem;font-weight:300;padding: .6rem 0;}
.capital-result p{font-size:3rem;line-height: 3.6rem;letter-spacing: .1rem;text-align: center;padding: 2rem;color: #f20;border: 1px solid #b0aeb9;}
.capital-result p i{padding: 0 .5rem;color:#555;}
.capital-result p i:last-child{padding: 0 0 0 .5rem;}
.capital-result .simplified{padding: 1rem 0;border-bottom: 1px dotted #b0aeb9;}
.capital-result .format{padding: 1rem 0;border-bottom: 1px dotted #b0aeb9;}
.capital-result span{font-weight:400;letter-spacing:2px;color: #f20;}
.capital-result h1{font-size:12px;font-weight:300;}
.capital-result .money_form{text-align:left;font-weight:600;font-size:16px;padding:9px 0 0;color: #464248;}
.capital-result .money_to{text-align:left;font-weight:600;font-size:30px;padding:0;}
.capital-result .url{text-align:left;font-size:14px;padding:25px 0 0;}
.capital-result .tip{text-align:left;font-size:12px;color: #464248;padding:20px 1px 15px;}

.capital-result .check{display:flex;border:1px solid #b0aeb9;text-align: center;margin-top: 2rem;}
/* converter end */

.table-inner {
    overflow-x:auto
}

.mod-chart {height:400px;overflow:hidden;border-bottom: 12px solid #fff;margin-bottom: 20px;}
.mod-chart #chart-container {width:100%;height:400px;}
@media all and (max-width:760px) {
    .mod-chart {height: 250px; border-bottom: 0;}
    .mod-chart #chart-container {width:100%;height:250px;}
}

/*daxie*/
.col100 {width:100% !important;}
/*.lh2 th, .lh2 td {line-height: 1.6!important;}*/

.article-wrap {background: #fff; padding: 20px;}
.article-wrap .article-info { padding-bottom: 15px; border-bottom: 1px dashed #dee2e6}
.article-wrap .article-info h1 {font-size:1.8rem; font-weight: bold;color:#212529;}
.article-wrap .article-info p{margin-top: 10px;font-size: 14px;color: #666;}
.article-wrap .article-info p span {padding-right: 20px;}

@media all and (max-width:760px) {
    .article-wrap {background: #fff; padding: 1rem;}
    .article-wrap .article-info { padding-bottom: .9375rem; border-bottom: .0625rem dashed #e0e0e0}
    .article-wrap .article-info h1 {font-size:1.8rem; font-weight: bold;}
    .article-wrap .article-info p{margin-top: .625rem; font-size: .875rem;color: #666;}
    .article-wrap .article-info p span {padding-right: 1.25rem;}
}

.article-content {font-size: 16px;height: auto;display: block;overflow: hidden;position: relative;margin:0; padding-top: 20px;}
.article-content p {overflow: hidden;font-size: 16px;color: #4c4c4c;line-height: 28px;margin:0px auto 10px ;display: inline-block; width: 100%;}
.article-content h3{width: auto; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold; color: #276cae; border-left: 3px solid #276cae;
    background: #fafafa; text-indent: 14px; display: block; overflow: hidden; margin: 10px 0 10px;}
.article-content p img {display: block;margin: 0 auto; max-width:80%; max-height: 450px;}
.article-content a { color:#276cae;text-decoration: underline; margin: 0; }
.article-content a:hover { color:#f60; }

.article-content table{margin:0 auto 6px;border-collapse:collapse;background-color:#fff; color:#212529;width: 100%;}
.article-content table th, .article-content table td {line-height:200%;padding:.3rem;}
.article-content table th {vertical-align: bottom; border-bottom: 1px solid #dee2e6;font-size:16px; font-weight: bold;}
.article-content table td{border-bottom:1px dashed #dee2e6;text-align:left;font-size:16px; vertical-align: middle;;}
.article-content table p {margin: 0;display: block;}

@media all and (max-width:760px) {
    .article-content p img { max-width:100%; }
}