.kr-overseas-sit{position:fixed;overflow:auto;height:100%;width:100%}.kr-overseas{position:absolute;height:100%;width:100%;min-width:1280px;min-height:500px;background:#fff url(//staticx.36krcdn.com/36kr-web/static/bg.38e6b5a0.jpg) no-repeat 50%;background-size:cover;overflow:hidden;transition:transform .5s}.kr-overseas.overseas-away{transform:translateY(-100%)}.kr-overseas .mask{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%}.kr-overseas .overseas-header{position:absolute;width:100%;top:0;z-index:1000}.kr-overseas .overseas-header .header-conent{width:1280px;height:60px;margin:0 auto}.kr-overseas .overseas-header .header-conent .overseas-logo{float:left;height:41px;width:156px;margin:9px 0 0 50px;background:url(//staticx.36krcdn.com/36kr-web/static/overseas.344a3176.png) no-repeat 0 0;background-size:386px 428px}.kr-overseas .overseas-header .header-conent .overseas-tab{display:flex;height:60px;float:right}.kr-overseas .overseas-header .header-conent .overseas-tab>.tab-item{margin-right:50px}.kr-overseas .overseas-header .header-conent .overseas-tab .tab-item{position:relative;line-height:60px;font-size:14px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kr-overseas .overseas-header .header-conent .overseas-tab .tab-item:after{content:" ";position:absolute;left:50%;top:45px;transform:translateX(-50%);width:0;height:2px;background:url(//staticx.36krcdn.com/36kr-web/static/overseas.344a3176.png) no-repeat 0 -41px;background-size:386px 428px;transition:.5s ease}.kr-overseas .overseas-header .header-conent .overseas-tab .tab-item.active:after,.kr-overseas .overseas-header .header-conent .overseas-tab .tab-item:hover:after{width:25px}.kr-overseas .overseas-header .header-conent .tab-item-child .child-tab{position:absolute;left:50%;top:60px;transform:translateX(-50%);width:150px;background-color:rgba(29,33,57,.6);text-align:center;border-radius:2px;height:0;transition:.5s ease;overflow:hidden}.kr-overseas .overseas-header .header-conent .tab-item-child:hover .child-tab{height:120px}.kr-overseas .overseas-footer{position:absolute;left:0;bottom:0;padding-bottom:10px;width:100%}.kr-overseas .overseas-footer .change-btn{width:16px;height:50px;margin:0 auto;cursor:pointer}.kr-overseas .overseas-footer .change-btn.change-btn-last{transform:rotate(180deg)}.kr-overseas .overseas-footer .change-btn .circle{position:relative;height:26px;border:1px solid #fff;border-radius:8px}.kr-overseas .overseas-footer .change-btn .circle .point{position:absolute;left:0;top:8px;right:0;margin:auto;height:10px;width:1px;background-color:#fff;box-shadow:0 0 2px #fff;-webkit-animation:overseas1 1s ease-out infinite alternate;animation:overseas1 1s ease-out infinite alternate}.kr-overseas .overseas-footer .change-btn .circle .point:after{content:" ";position:absolute;display:block;bottom:-20px;left:50%;height:8px;width:8px;border:1px solid #fff;border-top:0;border-right:0;-webkit-animation:overseas2 1s ease-out infinite alternate;animation:overseas2 1s ease-out infinite alternate}.kr-overseas .overseas-wrapper{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%}.kr-overseas .overseas-wrapper .animate-word{-webkit-animation:overseas3 1s ease-in-out forwards;animation:overseas3 1s ease-in-out forwards}.kr-overseas .overseas-wrapper .overseas-introduce{width:720px;font-size:18px;line-height:26px;text-align:center;color:#fff}.kr-overseas .overseas-wrapper .overseas-introduce .introduce-logo{height:143px;width:165px;margin:0 auto;background:url(//staticx.36krcdn.com/36kr-web/static/overseas.344a3176.png) no-repeat 0 -43px;background-size:386px 428px}.kr-overseas .overseas-wrapper .overseas-introduce .p1{margin:40px 0 20px}.kr-overseas .overseas-wrapper .overseas-overseasSite{display:flex;align-items:center;position:relative;height:518px;width:700px}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-image{position:absolute;top:0;left:260px;z-index:2;height:518px;width:1160px;background:no-repeat 50%;background-size:cover}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main{position:relative;z-index:4;width:565px;color:#fff}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-logo{height:24px;background:url(//staticx.36krcdn.com/36kr-web/static/overseas.344a3176.png) no-repeat;background-size:386px 428px}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-logoline{margin-top:10px;width:18px;height:2px;background-color:#f6a623}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-title{height:35px;margin-top:10px;background:url(//staticx.36krcdn.com/36kr-web/static/overseas.344a3176.png) no-repeat;background-size:386px 428px}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-desc{margin-top:24px;background:rgba(0,0,0,.5);padding:25px 25px 20px 0;font-size:14px;line-height:24px}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-company{margin-top:24px;font-size:14px}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-companyline{margin:5px 0;width:18px;height:2px;background-color:#f6a623}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-email,.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-website{font-size:14px}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-link{display:inline-block;position:relative;height:30px;line-height:30px;font-size:13px;background-color:#d88f17;border-radius:2px;margin-top:30px;padding:0 25px 0 10px;color:#fff}.kr-overseas .overseas-wrapper .overseas-overseasSite .overseasSite-main .overseasSite-link:after{content:" ";display:block;position:absolute;right:10px;top:50%;border:5px solid transparent;border-left-color:#fff;transform:translateY(-50%)}@-webkit-keyframes overseas1{0%{height:7px}to{height:10px}}@keyframes overseas1{0%{height:7px}to{height:10px}}@-webkit-keyframes overseas2{0%{transform:translateX(-50%) rotate(-45deg) scale(.7)}to{transform:translateX(-50%) rotate(-45deg) scale(1)}}@keyframes overseas2{0%{transform:translateX(-50%) rotate(-45deg) scale(.7)}to{transform:translateX(-50%) rotate(-45deg) scale(1)}}@-webkit-keyframes overseas3{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes overseas3{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}