h1,h2,h3{font-size:14px}
::-webkit-input-placeholder{color:#999}
.site-home{width:100%;height:100%;background:url('../images/banner_2.jpg') #014063 no-repeat top center;background-size:cover;}
.site-inline{font-size:0}
.site-tree,.site-content{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:14px}
.site-tree{width:220px;min-height:300px;padding:5px 0 20px}
.site-content{width:899px;min-height:300px;padding:20px 0 10px 20px}
.lefe{float:left}
.right{float:right}
.center{text-align:center}
.header{height:59px;border-bottom:1px solid #02366A;background-color:#183159}
.logo{position:absolute;left:0;top:0px;color:rgba(255,255,255,.8);font-size:24px;line-height:55px;font-family:"webfont-desc" !important}
.logo img{height:45px}.logo:hover{color:#fff}
.header .layui-nav{position:absolute;right:0;top:0;padding:0;background:none}
.header .layui-nav .layui-nav-item{margin:0 5px}
.header .layui-nav .layui-nav-item[mobile]{display:none}
.header .layui-container .logo{left:10px}
.header .layui-container .layui-nav{right:10px}
.header .layui-nav .layui-badge,.header .layui-nav .layui-badge-dot{right:0}
.header-index{}
.header-index .site-banner-bg{}
.header-index[spring]{border:none;background-color:#0D1206}
.header-index[summer]{border:none;background-color:#0A0E11}
.header-index[autumn]{border:none;background-color:#100903}
.header-index[winter]{border:none;background-color:#110F25}
.footer{width:100%;padding:15px 0;line-height:24px;text-align:center;color:#fafafa;font-size:14px;display:block;overflow:hidden;background:rgba(0,0,0, 0.6);position: fixed;bottom: 0}
.footer a{padding:0 5px;color:#fafafa}
.site-union{color:#999}
.site-union>*{display:inline-block;vertical-align:middle}
.site-union a[sponsor] img{width:80px}
.site-union span{position:relative;top:5px}
.site-union span a{padding:0;display:inline;color:#999}
.site-union span a:hover{text-decoration:underline}
.site-union .site-union-desc{display:block;margin-bottom:10px}
.footer-demo p,.footer-demo .site-union,.footer-demo .site-union p{display:inline-block;vertical-align:middle;padding-right:10px}
.footer-demo .site-union{position:relative;top:-5px}
.footer-demo .site-union .site-union-desc{margin-bottom:0;padding-right:0}
.footer-demo .site-union a[sponsor] img{position:relative;top:3px}
.site-banner{position:relative;min-height:640px;text-align:center;overflow:hidden;background-color:#393D49}
.site-banner-bg,.site-banner-main{width:100%;height:100%}
.site-banner-bg{background-position:center 0}
.site-banner .language{position:absolute;top:20px;right:10%;color:#fff}
.site-banner .language a{color:#fff}
.site-zfj{padding-top:25px;height:150px;text-align:center;margin-top:50px;}
.site-zfj img{width:130px}
.site-zfj i{position:absolute;left:50%;top:50px;width:130px;height:130px;margin-left:-75px;font-size:180px;color:#c2c2c2}
@keyframes site-zfj{0%{opacity:1;transform:translate3d(0,0,0) rotate(0deg) scale(1)}
10%{opacity:0.8;transform:translate3d(-100px,0px,0) rotate(10deg) scale(0.7)}
35%{opacity:0.6;transform:translate3d(100px,0px,0) rotate(30deg) scale(0.4)}
50%{opacity:0.4;transform:translate3d(0,0,0) rotate(360deg) scale(0)}
80%{opacity:0.2;transform:translate3d(0,0,0) rotate(720deg) scale(1)}
90%{opacity:0.1;transform:translate3d(0,0,0) rotate(3600deg) scale(6)}
100%{opacity:1;transform:translate3d(0,0,0) rotate(3600deg) scale(1)}
}@keyframes site-desc{0%{transform:scale(1.1)}
100%{transform:scale(1)}
}.site-zfj-anim i{-webkit-animation-name:site-zfj;animation-name:site-zfj;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.web-font-desc{font-size:16px;text-align:center}
.choose{width:96%;margin:20px auto;margin:bottom:50px;padding:10px;background-color:rgba(255,255,255,0.8);border-radius:5px}
.hybox{text-align:center;cursor:pointer;border:1px #2EB2FC solid;border-radius:3px;padding:5px;margin:8px;background-color:rgba(255,255,255,0.8);display:block;overflow:hidden;}
.hybox img{max-height:60px}.hybox i{font-size:56px;}
.hytitle {height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cur{border:2px #23C6C8 solid;}
.site-desc{margin-top:20px}
.site-desc .web-font-desc{color:#fff;color:rgba(255,255,255,.8);font-size:16px}
.site-desc-anim{-webkit-animation-name:site-desc;animation-name:site-desc}
.site-desc cite{position:absolute;bottom:-40px;left:0;width:100%;color:#c2c2c2;font-style:normal}
.site-download{margin-top:80px;font-size:0}
.site-download a{position:relative;padding:0 55px 0 95px;height:65px;line-height:65px;border:1px solid #c2c2c2;border-color:rgba(255,255,255,.2);font-size:24px;color:#ccc;transition:all .5s;-webkit-transition:all .5s}
.site-download a:hover{border-color:rgba(255,255,255,.3);color:#fff;background-color:rgba(255,255,255,.05);border-radius:30px}
.site-download a cite{position:absolute;left:55px;top:2px;font-size:30px}
.site-version{position:relative;margin-top:15px;color:#ccc;font-size:12px}
.site-version span{padding:0 3px}
.site-version *{font-style:normal}
.site-version a{color:#e2e2e2;text-decoration:underline}
.site-banner-other{position:absolute;left:0;bottom:35px;width:100%;text-align:center;font-size:0}
.site-banner-other iframe{border:none}
.site-banner-other a{display:inline-block;vertical-align:middle;height:28px;line-height:28px;margin:0 6px;padding:0 10px;border-radius:2px;color:#c2c2c2;color:rgba(255,255,255,.8);border:1px solid #c2c2c2;border-color:rgba(255,255,255,.2);font-size:14px;transition:all .5s;-webkit-transition:all .5s}
.site-banner-other a:hover{color:#fff;background-color:rgba(255,255,255,.1)}
.site-fix .site-tree{position:fixed;top:0;bottom:0;z-index:666;min-height:0;overflow:auto;background-color:#fff}
.site-fix .site-content{margin-left:220px}
.site-fix-footer .site-tree{}
.site-title{margin:30px 0 20px}
.site-title fieldset{border:none;padding:0;border-top:1px solid #eee}
.site-title fieldset legend{margin-left:20px;padding:0 10px;font-size:22px;font-weight:300}
.site-text a{color:#01AAED}
.site-h1{margin-bottom:20px;line-height:60px;padding-bottom:10px;color:#393D49;border-bottom:1px solid #eee;font-size:28px;font-weight:300}
.site-h1 .layui-icon{position:relative;top:5px;font-size:35px;margin-right:10px}
.site-text{position:relative}
.site-text p{margin-bottom:10px;line-height:22px}
.site-text em{padding:0 3px;font-weight:500;font-style:italic;color:#666}
.site-text code{margin:0 5px;padding:3px 10px;border:1px solid #e2e2e2;background-color:#fbfbfb;color:#666;border-radius:2px}
.site-table{width:100%;margin:10px 0}
.site-table thead{background-color:#f2f2f2}
.site-table th,.site-table td{padding:6px 15px;min-height:20px;line-height:20px;border:1px solid #ddd;font-size:14px;font-weight:400}
.site-table tr:nth-child(even){background:#fbfbfb}
.site-block{padding:20px;border:1px solid #eee}
.site-block .layui-form{margin-right:200px}
.site-doc-color{font-size:0}
.site-doc-color li{display:inline-block;vertical-align:middle;width:180px;margin-left:20px;margin-bottom:20px;padding:20px 10px;color:#fff;text-align:center;border-radius:2px;line-height:22px;font-size:14px}
.site-doc-color li p[tips]{opacity:0.8;font-size:12px}
.site-doc-necolor li{width:108px;margin-top:15px;margin-left:0;border-radius:0}
.site-doc-bgcolor li{padding:10px}
.site-doc-icon{margin-bottom:50px;font-size:0}
.site-doc-icon li{display:inline-block;vertical-align:middle;width:127px;height:105px;line-height:25px;padding:20px 0;margin-right:-1px;margin-bottom:-1px;border:1px solid #e2e2e2;font-size:14px;text-align:center;color:#666;transition:all .3s;-webkit-transition:all .3s}
.site-doc-anim li{height:auto}
.site-doc-icon li .layui-icon{display:inline-block;font-size:36px}
.site-doc-icon li .doc-icon-name,.site-doc-icon li .doc-icon-code{color:#c2c2c2}
.site-doc-icon li .doc-icon-fontclass{height:40px;line-height:20px;padding:0 5px;font-size:13px;color:#333}
.site-doc-icon li:hover{background-color:#f2f2f2;color:#000}
.grid-demo{padding:10px;line-height:50px;text-align:center;background-color:#79C48C;color:#fff}
.grid-demo-bg1{background-color:#63BA79}
.grid-demo-bg2{background-color:#49A761}
.grid-demo-bg3{background-color:#38814A}
@media screen and (max-width:768px){
.site-banner-main{margin-bottom:150px;}
.layui-main{width:auto;margin:0 10px;font-size:12px;}
.site-zfj img{width:80px}
.logo,.header-demo .logo{left:10px;font-size:14px}
.component{display:none}
.header .layui-nav-child{left:auto!important;right:0!important}
.site-demo-overflow{overflow:auto}
.site-nav-layim{display:none !important}
.header .layui-nav .layui-nav-item{margin:0}
.header .layui-nav .layui-nav-item a{padding:0 20px}
.header .layui-nav .layui-nav-item[pc]{display:none}
.header .layui-nav .layui-nav-item[mobile]{display:inline-block}
.site-banner-bg{background-size:cover}
.site-banner .language{top:10px;right:5%}
.layui-row .layui-col-xs2{width:50%}.hybox p{font-size:12px;}
.hybox{padding:5px;margin:5px;}
.site-zfj{height:100px;padding-top:5px}
.site-zfj i{top:10px;width:100px;height:100px;margin-left:-50px;font-size:100px}
.site-desc{background-size:70%;margin:0}
.site-desc .web-font-desc{padding-top:0px;}
.site-desc cite{display:none}
.site-download{margin-top:0}
.site-download a{height:40px;line-height:40px;padding:0 25px 0 60px;border-radius:30px;color:#fff;font-size:16px}
.site-download a cite{left:20px}
.site-banner-other{bottom:10px}
.site-idea{margin:20px 0}
.site-idea li{margin:0 0 20px 0;width:100%;height:auto;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important}
.site-hengfu img{max-width:100%}
.site-block .layui-form{margin-right:0}
.layui-layer-dir{display:none}
.site-tree{position:fixed;top:0;bottom:0;min-height:0;overflow:auto;z-index:1000;left:-260px;background-color:#fff;transition:all .3s;-webkit-transition:all .3s}
.site-content{width:100%;padding:0;overflow:auto}
.site-content img{max-width:100%}
.site-tree-mobile{display:block!important;position:fixed;z-index:100000;bottom:15px;left:15px;width:50px;height:50px;line-height:50px;border-radius:2px;text-align:center;background-color:rgba(0,0,0,.7);color:#fff}
.site-home .site-tree-mobile{display:none!important}
.site-mobile .site-tree-mobile{display:none !important}
.site-mobile .site-tree{left:0}
.site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:999}
.site-tree-mobile i{font-size:20px}
.layui-code-view{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.layui-layout-admin .layui-side{position:fixed;top:0;left:-260px;transition:all .3s;-webkit-transition:all .3s;z-index:10000}
.layui-body{position:static;bottom:0;left:0}
.site-mobile .layui-side{left:0}
.site-mobile .layui-side-child{top:50%;left:200px;height:300px;margin-top:-100px}
body .layui-layout-admin .footer-demo{position:static;height:auto;padding:15px 0;line-height:30px}
.choose{width:92%;}
.footer{margin-top: 0}
.footer-demo p,.footer-demo .site-union{height:auto;padding-right:0}
.footer-demo .site-union{top:0}
.footer-demo .site-union span{top:}
.site-demo-area,.site-demo-editor,.site-demo-result,.site-demo-editor textarea,.site-demo-result iframe{position:static;width:100%}
.site-demo-editor textarea{height:350px}
.site-demo-zanzhu{display:none}
.site-demo-btn{bottom:auto;top:370px}
.site-demo-result iframe{height:500px}
.site-demo-laytpl textarea,.site-demo-laytpl div span{margin:0}
.site-demo-tplres .site-demo-tplh2,.site-demo-tplres .site-demo-tplview{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.site-demo-title{position:static;left:0}
body .layui-layout-admin .site-demo{position:static}
}@-webkit-keyframes site-anim-closeup{from{-webkit-transform:translate3d(0,0,0) scale(1);opacity:1}
to{-webkit-transform:translate3d(0,400px,0) scale(2);opacity:0.5}
}@keyframes site-anim-closeup{from{transform:translate3d(0,0,0) scale(1);opacity:1}
to{transform:translate3d(0,400px,0) scale(2);opacity:0.5}
}