html,body{color:#333;margin:0;height:100%;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}a{text-decoration:none;color:#000;}img{border:0;}body{background:#F4F5F9;color:#666;}html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td{margin:0;padding:0;}a{text-decoration:none;color:#08acee;}button{outline:0;}img{border:0;}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;outline:none;}li{list-style:none;}a{color:#666;}a:hover{color:#eee;}.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden;}.clearfix{}.case-container{width:1200px;margin:0 auto;padding:0;}.case-index-title{font-size:16px;text-align:center;padding:50px 0;}.case-index-title h2{font-size:36px;font-family:pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight:normal;}.case-index-title div{text-align:left;}.case-index-title a{width:100px;height:36px;line-height:36px;border:1px solid #DBDCE0;text-align:center;font-size:14px;display:inline-block;margin:25px auto 0;transition:all .2s;}.case-index-title a:hover{background:#F96A69;border-color:#F96A69;color:#fff;}.case-index-content{position:relative;}.case-index-content ul{margin-right:-18px;}.case-example-item{float:left;width:286px;height:315px;overflow:hidden;margin:0 18px 18px 0;text-align:center;background:#fff;position:relative;transition:all .2s;}.case-example-item a .case-pad{width:286px;height:180px;}.case-item-info{height:135px;overflow:hidden;position:absolute;left:0;right:0;bottom:0;background:#fff;transition:all .2s;}.case-info-logo{margin-top:0;margin-bottom:8px;height:80px;transition:all .2s;}.case-info-title{font-size:14px;color:#646466;margin-bottom:35px;}.case-info-text{font-size:14px;color:#666;padding:0 30px;text-align:left;line-height:1.8;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.case-info-brief{font-size:14px;color:#666;padding:0 30px;text-align:left;line-height:1.8;}.case-index-content .case-example-item:hover .case-item-info{height:315px;}.framework-topbar{position:fixed;width:100%;height:50px;z-index:101}.framework-body{position:absolute;width:100%;top:50px;bottom:0px;background-color:#000;z-index:100}.framework-container{width:auto;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:#FFF}.console-topbar{position:relative;z-index:100;clear:#000;height:50px;background:#fff;font-size:12px;min-width:990px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.console-topbar a{text-decoration:none}.console-topbar a:focus{outline:none}.console-topbar .icon-arrow-down{display:inline-block;width:18px;text-align:center;vertical-align:middle}.console-topbar .dropdown .dropdown-menu{z-index:1;font-size:12px;border-radius:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.console-topbar .dropdown .dropdown-menu a{padding:0}.console-topbar .dropdown.open .icon-arrow-down{vertical-align:text-top;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.console-topbar .topbar-wrap,.console-topbar .topbar-logo,.console-topbar .topbar-home-link,.console-topbar .topbar-nav,.console-topbar .topbar-info{height:100%}.console-topbar .topbar-left{float:left}.console-topbar .topbar-right{float:right}.console-topbar .topbar-clearfix:before,.console-topbar .topbar-clearfix:after{display:table;content:' '}.console-topbar .topbar-clearfix:after{clear:both}.console-topbar .topbar-head{height:50px;position:relative;z-index:3}.console-topbar .topbar-nav{position:relative;z-index:2;background:#09C}.console-topbar .topbar-logo{display:block;min-width:220px;font-size:18px;color:#FFF;text-align:center;line-height:50px}.console-topbar .topbar-logo span{line-height:50px;padding:auto 20px}.console-topbar .topbar-home-link{padding:0 15px;margin-right:1px;background:none}.console-topbar .topbar-btn{color:#526069;font-size:14px;line-height:50px}.console-topbar .topbar-btn.active{background:#5EB249;color:#fff}.console-topbar .topbar-info .topbar-btn{padding:0 15px;height:50px;display:block;z-index:2;}.console-topbar .topbar-info .topbar-btn:hover,.console-topbar .topbar-info .topbar-btn.topbar-btn-dark{background:#5EB249}.console-topbar .topbar-info .topbar-btn.open{position:relative}.console-topbar .topbar-info .dropdown{min-width:80px}.console-topbar .topbar-info .dropdown .dropdown-menu{width:100%;min-width:0;margin:0;border:none;padding:0}.console-topbar .topbar-info .dropdown.open .topbar-btn{color:#333;background:#fff;border-bottom:1px solid #eaedf1;position:relative}.console-topbar .topbar-info .topbar-info-btn{height:40px;border-bottom:1px solid #eaedf1}.console-topbar .topbar-info .topbar-info-btn a{line-height:39px;text-align:center;padding-left:10px;padding-right:10px;margin:0}.console-topbar .topbar-info-item{display:inline-block;margin-left:1px}.console-topbar .topbar-info-item.open .glyphicon-menu-up{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.case-info-title dd{display:inline-block;}.case-info-title dd a{display:inline-block;padding:10px;background-color:#000;color:#fff;font-size:20px;border-radius:50%;opacity:0.6}.case-info-title dd a:hover{background-color:#5EB249;}.case-info-title dd p{text-align:center;font-size:12px;margin-top:5px;}