.root-header-wrap{height:65px;background-color:#fff;color:#000;font-size:16px;z-index:20;position:relative;border-bottom:1px solid #eee}.root-header-wrap.is-fixed{position:fixed;left:0;right:7px;box-shadow:0 1px 5px 1px rgba(0,0,0,.1);border-bottom:none}.root-header-wrap>div{height:100%;display:flex!important;align-items:center;justify-content:space-between}.root-header-wrap>div>.logo{width:240px;height:50px}.root-header-wrap>div>.logo>img{width:100%;height:100%;cursor:pointer}.root-header-wrap>div>.menus{flex:1;display:flex;margin-left:25px}.root-header-wrap>div>.menus>li{margin-left:40px;cursor:pointer;transition:color .3s ease}.root-header-wrap>div>.menus>li:hover{color:#00ad4d}.root-header-wrap>div>.menus>li.course .ivu-poptip-rel>span{display:flex;align-items:center}.root-header-wrap>div>.menus>li.course .ivu-poptip-rel>span>i{color:#c6c6c6;display:inline-block;transition:transform .3s ease;margin-left:3px}.root-header-wrap>div>.menus>li.course:hover .ivu-poptip-rel>span>i{transform:rotate(180deg)}.root-header-wrap>div>.menus>li.course .ivu-poptip-body{padding:26px 32px;cursor:default}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div{min-height:100px}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div>.tips{color:#999;font-size:14px}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div>.items>.item{margin-top:16px}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div>.items>.item>.title{font-size:16px;color:#333;line-height:22px;font-weight:600}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div>.items>.item>.children{display:flex;align-items:center;flex-wrap:wrap}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div>.items>.item>.children>.child-item{color:#333;background-color:rgba(0,0,0,.04);width:120px;height:32px;line-height:32px;border-radius:16px;text-align:center;margin:9px 12px 2px 0;transition:background-color .3s ease,color .3s ease;cursor:pointer}.root-header-wrap>div>.menus>li.course .ivu-poptip-body .ivu-poptip-body-content>div>.items>.item>.children>.child-item:hover{color:#00c758;background-color:rgba(0,199,88,.1)}.root-header-wrap>div>.menus>li.downloadApp .ivu-poptip-body{padding:5px}.root-header-wrap>div>.right{display:flex;align-items:center}.root-header-wrap>div>.right>.search{width:247px;border:1px solid #00c758;border-radius:16px;overflow:hidden}.root-header-wrap>div>.right>.search>input{border:none;box-shadow:none;padding:4px 10px}.root-header-wrap>div>.right>.search>.ivu-input-group-append{border:none;border-radius:0;background-color:#00c758;color:#fff;padding:4px 12px;cursor:pointer}.root-header-wrap>div>.right>.user-info-wrap{display:flex;align-items:center}.root-header-wrap>div>.right>.user-info-wrap>.home{color:#333;font-size:16px;margin:0 30px;cursor:pointer}.root-header-wrap>div>.right>.user-info-wrap>.home:hover{color:#00ad4d}.root-header-wrap>div>.right>.user-info-wrap>.image>.ivu-dropdown-rel{display:flex;align-items:center;cursor:pointer}.root-header-wrap>div>.right>.user-info-wrap>.image>.ivu-dropdown-rel>img{width:30px;height:30px;border-radius:50%}.root-header-wrap>div>.right>.user-info-wrap>.image>.ivu-dropdown-rel>i{margin-left:5px;zoom:.8;margin-top:3px;display:inline-block;color:#c6c6c6;transition:transform .3s ease}.root-header-wrap>div>.right>.user-info-wrap>.image:hover>.ivu-dropdown-rel>i{transform:rotate(180deg)}.root-header-wrap>div>.right>.login-button-wrap{margin-left:43px;font-size:14px;color:#000;cursor:pointer;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.root-header-wrap>div>.right>.login-button-wrap:hover{color:#00ad4d}.root-footer-wrap{background-color:#272727;border-top:1px solid #272727;height:247px;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.root-footer-wrap.header-fixed{margin-top:95px}.root-footer-wrap>.top{display:flex!important;justify-content:space-between}.root-footer-wrap>.top>.left>img{height:37px}.root-footer-wrap>.top>.left>p{line-height:20px;color:#999;font-size:12px;margin-top:8px}.root-footer-wrap>.top>.right{display:flex}.root-footer-wrap>.top>.right>.block{margin-left:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.root-footer-wrap>.top>.right>.block>.label{font-size:16px;margin-bottom:16px;color:#ccc}.root-footer-wrap>.top>.right>.block>.text{display:inline-flex;flex-direction:column}.root-footer-wrap>.top>.right>.block>.text+.text{margin-left:15px}.root-footer-wrap>.top>.right>.block>.text>span{color:#999;cursor:pointer;font-size:12px;transition:color .3s ease;line-height:22px}.root-footer-wrap>.top>.right>.block>.text>span:hover{color:#00ad4d}.root-footer-wrap>.top>.right>.block>.image{display:inline-flex;color:#fff;border:1px solid #fff;width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.root-footer-wrap>.top>.right>.block>.image+.image{margin-left:15px}.root-footer-wrap>.top>.right>.block>.image:nth-child(2):hover{border-color:#00cc7e;color:#00cc7e}.root-footer-wrap>.top>.right>.block>.image:nth-child(3):hover{border-color:#f8142d;color:#f8142d}.root-footer-wrap>.bottom{margin-top:20px;text-align:center}.root-footer-wrap>.bottom>p{color:#666;font-size:12px;line-height:20px}.root-footer-wrap>.bottom>p>span{cursor:pointer;transition:color .3s ease}.root-footer-wrap>.bottom>p>span:hover{color:#00ad4d}.layout-footer-image-transfer-class .ivu-poptip-body{padding:5px}.root-layout-wrap .w12{display:block;width:1200px;margin:0 auto}.root-layout-wrap>.body{position:relative;z-index:9;height:100vh;overflow-y:auto;background-color:#f7f7f7}.root-layout-wrap>.body>.content-wrap.header-fixed{position:relative;z-index:1;top:65px}