@charset "utf-8";

@font-face {
    font-family: 'Roboto';
    src: local('※'), url('../font/Roboto-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
}
html, body {overflow:hidden; height:100%;}
body{background: #fff; margin: 0; padding:0; position: relative; font-family: 'Roboto', sans-serif; background: #fafafa;}
#wrapper{height: 100%; overflow-y: auto;}
a:link { color: #fff; text-decoration: none;}
a:visited { color: #fff; text-decoration: none;}
a:hover { text-decoration: none;}

.header{border-bottom: solid rgba(0, 0, 0, 0.15) 1px; overflow: hidden; width: 100%; height: 40px; padding-top: 22%; background: #fafafa; position: relative;}
h1{font-size: 0; background:url('../image/logo.png') no-repeat; width: 180px; height: 100%; background-size: contain; display: block; margin-left: 20px; position: absolute; top:40%;}
.header a{position: absolute; right: 30px;top:10px; color: rgba(0, 0, 0, 0.4); font-size: 14px; text-decoration: underline;}

.container{background: #fff; box-sizing: border-box; padding:40px 30px; overflow: hidden; min-height: 30%;}
.container .title{font-size: 12px; font-weight: normal; margin-top: 0;}
.container .comment{font-size: 12px; font-weight: normal; margin-top: -10px;}
.container .download-btn{background: #2E3A57; width: calc(100% - 20px); display: block; text-align: center;  padding: 12px 10px;}
.container .download-btn span{color: #fff; font-size: 18px; text-align: center; font-weight: normal;}

.container-china{background: #fff; box-sizing: border-box; padding:0px 30px; overflow: hidden; min-height: 23%;}
.container-china .title{font-size: 12px; font-weight: normal; margin-top: 0;}
.container-china .download-btn{background: #2E3A57; width: calc(100% - 20px); display: block; text-align: center;  padding: 12px 10px;}
.container-china .download-btn span{color: #fff; font-size: 18px; text-align: center; font-weight: normal;}
.container-china .download-btn-china{background: #45629a; width: calc(100% - 20px); display: block; text-align: center;  padding: 12px 10px;}
.container-china .download-btn-china span{color: #fff; font-size: 18px; text-align: center; font-weight: normal;}

.footer{ padding: 30px 30px 10px; border-top: solid rgba(0, 0, 0, 0.15) 1px; background: #fafafa; width: 100%; box-sizing: border-box;}
.footer .txt-area{font-size:18px; color: rgba(0, 0, 0, 0.7); font-weight: normal; font-size: 13px;}
.footer p{color: rgba(0, 0, 0, 0.5); font-size: 12px;}

.popup{width: 300px; height: 224px; background: #fff; position: absolute;z-index: 100; box-sizing: border-box; padding:24px; z-index: 2001;}
.popup .pop-header{font-weight: bold; color: #000; font-size: 20px;}
.popup .pop-body{font-size: 16px; opacity: 0.8; padding: 12px 0;}
.popup .pop-btn button{border:none; background: #fff; float: right;}
.popup .pop-btn button span{color:#2A96FD; font-size: 17px;}

.popup-china{width: 300px; height: 224px; background: #fff; position: absolute;z-index: 100; box-sizing: border-box; padding:24px; z-index: 2001;}
.popup-china .pop-header{font-weight: bold; color: #000; font-size: 20px;}
.popup-china .pop-body{font-size: 16px; opacity: 0.8; padding: 12px 0;}
.popup-china .pop-btn button{border:none; background: #fff; float: right;}
.popup-china .pop-btn button span{color:#2A96FD; font-size: 17px;}


#dimmed{background: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%; z-index: 2000; top:0px; left: 0px;}