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, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,main{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,main{display:block;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,input, textarea,button {display:block;}
img {width:auto\9;display:block;-ms-interpolation-mode:bicubic;}
em, i {font-style:normal;}
html {font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;background: #ffffff;}
a {color: #3a3a40;text-decoration: none;}
a:hover {color:#46e;text-decoration:none;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5 {font-size:100%;}
input::-webkit-input-placeholder {color: #666;font-size:1.6rem;}
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{-webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;}

input,button,textarea{font-family:'Microsoft YaHei',Arial,sans-serif;border:none;outline:none;background-color:rgba(0,0,0,0);}
button{background: #57e;color:#fff;border-radius: .4rem;cursor: pointer;transition: all .2s;}
button:hover{opacity:.88;}
a:link,a:active,a:visited,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.clear:after,ul:after{content:'';display:block;width:100%;visibility:hidden;height:0;clear:both;}
body{font: 1.6rem/1.5 'Microsoft YaHei', "", Tahoma, Arial, sans-serif;color: #282F3A;background: #f5f6fa;}

section{width: 960px;margin:0 auto;}

header{height: 5.6rem;line-height: 5.4rem;background: #57e;padding: 0 2rem;}
header .l{position:absolute;top:0}
header .l a{display:block;float: left;height: 5.6rem;}
header .l svg{display:block;margin: 1.5rem 0 0;width: 2.2rem;height: 2.2rem;}
header .l rect{fill: #4366e0;ry: 1rem;rx: 1rem;}
header .l path{fill: #e2e9ff;}
header h1{float: left;font-size: 1.5rem;font-weight: 300;color: #c0cdf9;margin-left: 1.8rem;}
nav{width: 100%;font-size: 1.6rem;padding: 0 2rem 0 2rem;text-align: center;}
nav a{display:inline-block;padding: 0 3rem;color:#ccf;}
nav a.active{color:#fff;background: #4f71e6;height: 5.6rem;}
header a:hover{color: #fff;}

.language{position:absolute;top:.3rem;right:-.8rem;}
.language li{position:relative;display:inline-block;font-size:1.3rem;padding:0 1rem 0 1.3rem;color:#fff;}
.language li:before{content:"";position:absolute;left:0;top:3.5rem;height:1rem;width:1px;background: #abf;}
.language li:first-child:before {width:0;}
.language a{color:#ccf}

.nav-toggle{display:none;position:absolute;top:0;right:0.8rem;padding:2.1rem;width:6rem;height:6rem}
.nav-toggle:before,.nav-toggle:after{content:' ';-webkit-transition:-webkit-transform .1s .5s;-moz-transition:-moz-transform .2s .5s;transition:transform .5s}
.nav-toggle span,.nav-toggle:before,.nav-toggle:after{display:block;width:2.2rem;height:.2rem;overflow:hidden;margin-bottom:.5rem;background:#ffffff;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.open-nav .nav-toggle:before{display:none}
.open-nav .nav-toggle span,.open-nav .nav-toggle:after{position:absolute;width:2.8rem;right:1.4rem;top:2.8rem;z-index:999}
.open-nav .nav-toggle span{-webkit-animation:fadeRotateRight .2s ease both;animation:fadeRotateRight .2s ease both}
.open-nav .nav-toggle:after{-webkit-animation:fadeRotateLeft .2s ease both;animation:fadeRotateLeft .2s ease both}
@keyframes fadeRotateRight{0%{transform:rotate(0)}
100%{transform:rotate(45deg)}
}@-webkit-keyframes fadeRotateRight{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(45deg)}
}@keyframes fadeRotateLeft{0%{transform:rotate(0)}
100%{transform:rotate(-45deg)}
}@-webkit-keyframes fadeRotateLeft{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(-45deg)}
}@keyframes tipSwitch{0%{opacity:0.1;filter:alpha(opacity=10);transform:scale(0.1)}
100%{opacity:1;filter:alpha(opacity=100);transform:scale(1)}
}@-webkit-keyframes tipSwitch{0%{opacity:0.1;filter:alpha(opacity=10);transform:scale(0.1)}
100%{opacity:1;filter:alpha(opacity=100);transform:scale(1)}
}

@media all and (max-width:760px){
  section{width:100%;margin:none;}
  header.open-nav{height: 14.2rem;padding: 5.6rem 2rem 0;}
  nav{display:none;}
  .nav-toggle{display:block;}
  .open-nav nav{display: flex;width:auto;margin: 0 -2rem;padding:1.6rem 1.6rem 2rem;background:#fff;line-height: 5rem;}
  .open-nav nav a{width: 34%;padding: 0;color:#3e3f44;text-align: center;}
  .open-nav nav a.active{height:5rem;background:#f5f6fa;color:#57e;}
  
}

main{padding: 2rem 0 0;}
.row{background:#fff;border-radius: .8rem;padding: 3rem 4rem;margin-bottom:2.3rem;}
.converter{background: #fff;border-radius: .8rem;margin-bottom:2.3rem;}


.gg {margin: 0 auto 1rem;text-align: center;}

.convert{padding: 2.4rem 4rem;line-height: 6rem;}
#convert-form{display: flex;}
#convert-form .col{width:100%;}
#convert-form .col label{height: 4rem;line-height: 2.4rem;display: block;font-size: 1.4rem;color: #57e;}
#convert-form .col input{display: block;width:100%;height: 6rem;line-height: 6rem;padding: 0 2rem;font-size: 2.3rem;background-color:#fff;border-radius: .4rem;border: .15rem solid #b9bdc7;box-sizing: border-box;}
#convert-form .col input:focus{border-color:#57e;box-shadow: 0 1px 3px 0 rgba(109, 111, 160, 0.2);}
#convert-form .btn{padding: 4rem 0 0 0.8rem;width:24rem;}
#convert-form button{width: 100%;line-height:6rem;font-size: 1.8rem;font-weight: 300;}
#convert-form .tip{padding: 1.6rem 0 .5rem;font-size: 1.2rem;color: #889;}

@media all and (max-width:760px){
  main{padding:1.6rem;}
  .row{padding: 2rem 2rem;}
  .convert{padding:1.6rem 2rem;}
  #convert-form .col{width:64%;}
  #convert-form .btn{width:36%;}
  #convert-form .col input{font-size:1.8rem;}
  #convert-form button{font-size: 1.6rem;font-weight:400;}
}


.capital-result{line-height: 4rem;padding: 0 0 2rem;}
.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 .check{display:flex;border:1px solid #b0aeb9;text-align: center;margin-top: 2rem;}
.check .head{border-right: 0px solid #b0aeb9;width: 7%;line-height: 2rem;padding: 1.2rem 0;font-size: 1.4rem;}
.check .big{width:62%;border:1.2rem solid #fff;border-left: 0;font-family:arial,"KaiTi","STKaiti","SimSun","Kaiti SC",BiauKai;font-size: 2.8rem;line-height: 4rem;
background-image:url('data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+CjxwYXRoIGZpbGw9IiNmMzAiIGQ9Ik0wLDEzNUgxMzZ2MUgwdi0xWk0wLDE1SDEzNnYxSDBWMTVaTTAsMzBIMTM2djFIMFYzMFpNMCw0NUgxMzZ2MUgwVjQ1Wk0wLDYwSDEzNnYxSDBWNjBaTTAsNzVIMTM2djFIMFY3NVpNMCw5MEgxMzZ2MUgwVjkwWm0wLDE1SDEzNnYxSDB2LTFabTAsMTVIMTM2djFIMHYtMVpNMCwwSDEzNlYxSDBWMFoiLz4KPC9zdmc+Cg==');
background-repeat: repeat-x;background-size: 4rem 4rem;background-position: center;font-weight: 700;white-space: nowrap;}
.check dl{width: 31%;position:relative;}
.check dl dt,.check dl dd{display: inline-block;float:left;width:9.09%;border-left: 1px solid #b0aeb9;height: 3.2rem;box-sizing: border-box;line-height: 3.2rem;}
.check dl dt{border-bottom: 1px solid #b0aeb9;}
.check dl dd{font-weight:700;font-family:arial,"KaiTi","STKaiti","SimSun","Kaiti SC",BiauKai;}
.check dl dd.overstep{position:absolute;left: -2.5rem;bottom: 0;border: 0;}


@media all and (max-width:760px){
  .capital-result span{letter-spacing:0;}
  .capital-result .check{display:block;}
  .check .head {display:none;}
  .check .big{width:100%;border: solid #fff;border-width: 1.2rem 1rem;line-height: 4.4rem;font-size: 2.2rem;}
  .check dl{width:100%;border-top: 1px solid #b0aeb9;}
  .check dl:after{content:'';display:block;width:100%;visibility:hidden;height:0;clear:both;}
  .check dl dt, .check dl dd {border-left:0;border-right: 1px solid #b0aeb9;}
  .check dl dt:nth-child(11),.check dl dd:last-child {border-right:0;}
}

.row h2{position:relative;font-size: 1.7rem;line-height: 1.8rem;border-left: .3rem solid #57e;padding-left:1.5rem;margin: 0 0 2rem;}
.row h2:nth-of-type(n+2){margin: 3rem 0;}
.row p,.row div,.row h3{line-height: 180%;padding:1rem 0;}
.row table{margin: 1rem 0;}
.row h2+table{margin-top:3rem;}

.table{width:100%;border-radius: .3rem;box-shadow: 0 0 0 1px #E8EBF1;border-collapse: collapse;}
.table th,.table td{font-size:1.5rem;border-right: 1px solid #E8EBF1;border-top: 1px solid #E8EBF1;border-collapse:collapse;text-align:center;line-height:300%;}
.table th{background: #fafafa;}
.table tr th:last-of-type,.table tr td:last-of-type{border-right:0;}
.table tr:first-of-type th{border-top:0;}
.info{padding: 0 4rem 2rem;font-size:1.2rem;font-weight: 300;line-height:2.2em;}


.recent ul{margin:0 -.8rem;}
.recent li{display:block;float:left;width:20%;font-size: 1.4rem;line-height:5rem;padding:0 .8rem;}
.recent li a{display:block;border-bottom: 1px solid #E8EBF1;}


footer{font-size: 1.3rem;padding: 4rem 0;text-align: center;color: #929296;line-height: 2.6rem;}
footer p:first-child{border-top:1px solid #EEEBEB;padding: 4rem 0 1rem;font-weight: 200;font-size: 1.2rem;}
footer a{color: #929296;margin:0 .8rem;}
footer .links{color: #d1d1da;}
footer .links a{color: #c7c7c7;margin:0 .8rem;}


@media all and (max-width:760px){
.recent li{display:block;width:50%;float:left;}
  footer{font-size: 1rem;}
  
}

.calendar-head{text-align:center;font-size: 2rem;padding:0 0 2rem;color: #557;}
.calendar-tab{width:100%;text-align:center;}
.calendar-tab td{line-height: 2rem;padding: 1.3rem 0 1.8rem;border: 1px solid #eef0f3;    color: #889;}
.calendar-tab td a{display:block;line-height: 4rem;font-size: 2rem;font-weight: 700;}
.calendar-tab td span{display:block;font-size: 1.2rem;}
.calendar-tab td.current{background:#fff7ec;border: 1px solid #f7ecdc;}
.calendar-tab .week td{line-height: 2rem;padding: .6rem 0;border: 1px solid #f8f8f9;background: #f8f8f9;color: #3a3a40;}
.calendar-foot {text-align:center;padding:2rem 0 0}
.calendar-foot a{display:inline-block;margin:0 1rem;background:#65f;color:#fff;padding:.5rem 1.8rem;border-radius:.4rem;}
.calendar-tab td.nbsp{background: #fcfcfc;border: 1px solid #f8f8f9;}

@media all and (max-width:760px){
  .riqi-result p{font-size: 2rem;padding: 2rem 1rem;}
  .calendar-head {font-size:1.6rem;}
  .calendar-tab td {padding: .5rem 0 .3rem;}
  .calendar-tab td a {line-height:2.2rem;font-size:1.8rem;}
  .calendar-tab td span{font-size: 1rem;}
  
}

.case{padding:3rem}
.case textarea{width:100%;height: 26rem;padding:2rem;font-size:1.4rem;background: #fff;color:#444;border-radius: .4rem;border: .15rem solid #b9bdc7;resize:vertical;}
.case textarea:hover{border-color:#80838c;}
.case textarea:focus{border-color:#57e;box-shadow: 0 0 .8rem 0 rgba(109, 111, 160, 0.4);}
.case .operates{display:flex;justify-content: left;padding: 2rem 0;width: 100%;}
.case button{line-height: 4.4rem;font-size: 1.5rem;padding: 0 2rem;margin: 0 1rem 0 0;}
.case button.clearup {background:#e66}
.case .count{background:#f5f5f7;padding:1.4rem 2rem;border-radius:.4rem;font-size: 1.4rem;}
.case .count span{font-weight:700;color:#57e;padding:0 1rem;}
.case .count i{color:#c5c6cc;padding:0 1rem;}

@media all and (max-width:760px){
 .case{padding:2rem}
.case .operates{display:block;}
.case button{display:inline-block;margin: 0 1rem 1rem 0;}
}