.online-loading-component{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex}.online-loading-component .loading-box{width:360px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:32px 16px;background:#fff;margin:0 auto;-ms-flex-item-align:center;align-self:center;border-radius:2px;text-align:center;position:relative}.online-loading-component .loading-box .close-btn-box{position:absolute;width:16px;height:16px;top:19px;right:19px;cursor:pointer}.online-loading-component .loading-box .close-btn-box .close-btn{position:absolute;top:8px;left:0;width:18px;height:2px;background:#0f294d;line-height:0;font-size:0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.online-loading-component .loading-box .close-btn-box .close-btn:after{content:"/";display:block;width:18px;height:2px;background:#0f294d;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.online-loading-component .loading-box .loading-icon{height:68px;background:url(//pic.c-ctrip.com/picaresonline/ibu/trip-component-platform/components/assets/10b43977a483395f73904eead91674a7.10b43977.gif) 50%/68px 68px no-repeat}.online-loading-component .loading-box .title{font-size:18px;color:#0f294d;line-height:24px;margin:16px 0 8px}.online-loading-component .loading-box .subTitle{font-size:14px;color:#0f294d;line-height:18px;margin:0}