@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, form, table, caption, article, footer, header, menu, nav, section, button, ul, li, p, textarea{
    margin:0;padding:0;border:0;font-weight:normal;vertical-align:baseline;text-decoration:none;
}
*{word-wrap:break-word;}
*, :after, :before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height:100%}
body{min-height:100%;position:relative;color:#333;font:14px "Microsoft YaHei";}
a{text-decoration:none;cursor:pointer;}
ol, ul{list-style:none;}
ol:before, ul:before, ol:after, ul:after{content:" ";display:table;}
li{outline:none;}
table{border-collapse:collapse;}
a:hover, a:focus{opacity:0.9;}
label, button, input[type="checkbox"]{cursor:pointer;}
button:active{opacity:0.9;}
.background{background:#fff url("../images/login-bg.jpg") no-repeat center top;background-size:100% 100%;}
.hide{display:none;}
.wide{width:1200px;margin:0 auto;}
.wide, .clear{clear:both;}
.wide:after, .clear::after{content:'';clear:both;display:table;}
.red{color:red;}
.green{color:limegreen;}
.blue{color:dodgerblue;}
.gray{color:lightslategrey;}
.orange{color:coral;}
.strong{font-weight:bold;}
.vc{vertical-align:middle;}
.cursor{cursor:pointer;}
.underline{text-decoration:underline;}
.font-mini{font-size:12px;}
.float-right{float:right;}
.float-left{float:left;}
.mb-mini{margin-bottom:5px;}
.ml-mini{margin-left:5px;}
.mr-mini{margin-right:5px;}
.mt-middle{margin-top:10px;}
.ml-middle{margin-left:10px;}
.mr-middle{margin-right:10px;}
.input-text, .textarea, .select-box{width:85%;}
.select-box{background-color:#fff;border-radius:2px;}
.input-text:disabled{background-color:#eee;}
.input-text:read-only{background-color:#fff;}
.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.iconfont{line-height:1;}
/*加载*/
.icon-loading, .icon-refresh{margin-right:0.3rem;display:inline-block;}
.icon-spin{-webkit-animation:icon-spin 1.4s infinite linear;animation:icon-spin 1.4s infinite linear;}
@-webkit-keyframes icon-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes icon-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
/*首页*/
.header{height:80px;}
.header .wide{width:80%;}
.header .logo{float:left;color:#fff;font-size:20px;padding:20px 0;}
.header .logo a{color:#fff;}
.header .logo a:hover{opacity:1;}
.header .logo .iconfont,
.header .logo span{display:inline-block;vertical-align:middle;line-height:1;}
.header .logo span{letter-spacing:2px;}
.header .logo .iconfont{font-size:20px;margin-right:6px;background-color:#00a0e9;border-radius:3px;padding:2px;color:#fff;}
.header .right{float:right;color:#bfbfbf;padding:30px 0;}
.header .right a{color:#fff;}
.header .right a:hover{opacity:0.9;}
.background-text{background:url("../images/login-text.png") no-repeat center bottom;width:682px;height:183px;margin:100px auto 0;}
.guide-button{margin-top:100px;text-align:center;}
.guide-button a{display:inline-block;padding:12px 30px;background-color:#0fa1e4;border-radius:5px;font-size:16px;margin:0 10px;color:#fff;}
.guide-button a .iconfont, .btns a span{display:inline-block;vertical-align:middle;}
.guide-button a .iconfont{font-size:34px;margin-right:15px;}
.chat-container{margin:30px auto 0;text-align:center;background-color:rgba(200, 200, 200, 0.1);border-radius:20px;display:inline-block;
    max-width:400px;color:#fff;padding:10px 20px;position:relative;}
.chat-container.hide{display:none;}
.chat-container label{margin:0 10px;}
.chat-container .icon{position:absolute;left:0;width:100%;text-align:center;top:-20px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.chat-container .icon .iconfont{font-size:30px;color:rgba(200, 200, 200, 0.1);}
/*登录*/
.login-wrap{position:absolute;width:100%;left:0;top:100px;bottom:0;right:0;}
.login-box{position:absolute;width:520px;border-radius:5px;left:50%;top:50%;z-index:1;margin-left:-260px;margin-top:-274px;
    padding-bottom:50px;background:rgba(200, 200, 200, 0.15);overflow:hidden;}
.login-box .col-xs-3{width:20%;}
.login-box .col-xs-offset-3{margin-left:20%;}
.login-box .login-title{padding:15px 10px;font-size:20px;text-align:center;background:#225789;color:#fff;}
.login-box .form-horizontal .form-label{margin-top:0;padding:5px 0 0 0;}
.login-box .form-horizontal .form-label .iconfont{font-size:30px;color:#fff;}
.login-box .tip{text-align:center;color:#fff;margin:30px 100px 30px 120px;border-left:1px #57647d solid;border-right:1px #57647d solid;padding:0 10px;}
.login-box .row{margin:30px auto 0;}
.login-box .row:first-child{margin-top:50px;}
.login-box .captcha-container{width:146px;display:inline-block;}
.login-box .captcha-container button{border-radius:3px;}
.login-box .captcha-container img{border-radius:3px;cursor:pointer;}
.login-box .input-text{width:300px;border-radius:3px;}
.login-box .btn-success{width:300px;}
.login-box .btn-verify{margin-left:2px;width:143px;}
.login-box .btn{padding:8px 0;}
/*接口*/
.api{background-color:#f5f5f5;}
.api .header{background-color:#fff;color:#333;}
.api .header .wide{width:1200px;}
.api .header .right{color:#666;}
.api .header .logo a{color:#333;}
.api .header .right a{color:#0e90d2;}
.api .table{width:100%;border-collapse:collapse;text-align:center;margin:30px 0;background-color:#fff;}
.api .table tr td.menu{width:180px;border-right:1px #eee solid;vertical-align:top;text-align:left;}
.api .table tr td.menu h3{padding:16px 10px;font-weight:bold;font-size:16px;border-bottom:1px #eee solid;text-indent:20px;color:#666;}
.api .table tr td.menu ul{list-style:none;display:block;margin-top:10px;}
.api .table tr td.menu ul li{display:block;text-indent:30px;padding:5px 0;margin-top:12px;line-height:1;border-left:3px #fff solid;}
.api .table tr td.menu ul li a{color:#666;text-decoration:none;display:inline-block;width:80%;text-indent:0;}
.api .table tr td.menu ul li.active{border-left:3px #0e90d2 solid;}
.api .table tr td.menu ul li:hover a,
.api .table tr td.menu ul li.active a{color:#0e90d2;}
.api .table tr th, .api .table tr td{padding:5px 20px;text-align:left;}
.api .table tr th{font-weight:bold;padding-top:20px;}
.api .table tr th.text-c, .api .table tr td.text-c{text-align:center;}
.api .table tr th.text-l, .api .table tr td.text-l{text-align:left;}
.api .table tr td{line-height:1.5;}
.api .table tr td.padding-bottom{padding-bottom:20px;}
.api .table tr th.padding-top{padding-top:20px;}
.api .table tr td .blue, .api .table tr td a{color:#0e90d2;text-decoration:underline;}
.api .table tr td .red{color:#ff4500;}
.api .table tr td h3{margin-top:10px;font-size:14px;}
.api .table tr td .code{width:980px;background-color:#fafafa;padding:10px;word-break:break-all;margin-top:10px;}
.api .table tr td .params{width:100%;margin-top:10px;}
.api .table tr td .params tr td{border:1px #f1f1f1 solid;}