header{position:relative;width:100%;background-color:#0050d2;box-sizing:border-box;font-size:0;z-index:30}header .content{position:relative;display:inline-block;box-sizing:border-box;width:calc(100vw - 301px);min-width:1289px;height:100%}header .content .logo{position:absolute;left:40px;top:12px;background:url("/static/suobo/style/images/careertalk2018/shuobo.png") no-repeat;background-size:130px 40px;width:139px;height:45px}header .content .city-name{position:relative;left:-28px}header .content .selectedStation{position:absolute;left:240px;top:20px;font-size:16px;color:white;font-weight:100}header .content nav{position:absolute;top:0;left:260px;font-size:0;font-weight:600;font-family:"Microsoft YaHei";color:white;height:64px;line-height:64px}header .content nav a{position:relative;display:inline-block;box-sizing:border-box;width:80px;height:100%;font-size:14px;text-align:center}header .content nav a:after{content:"";position:absolute;right:0;width:2px;height:72px;background:url("/static/suobo/style/images/careertalk2018/line-header.png") right center no-repeat;background-size:2px 22px}header .content nav a.current{background:#f6ab00}header .content nav a.current:after{background:none}header .content nav a.current:before{content:"";position:absolute;left:-2px;height:64px;width:2px;background:#f6ab00}header .content nav a:last-child:after{background:none}header .content .search{position:absolute;right:40px;top:12px;transition:all 1s}@media screen and (max-width: 1466px){header .content .search{top:18px}}@media screen and (max-width: 1320px){header .content .search{top:18px;right:200px}}header .content .search input[name="keyword"]{width:300px;height:42px;border:none;background:url("/static/suobo/style/images/careertalk2018/search.png") 0 4px no-repeat;background-size:240px 36px;font-size:14px;line-height:36px;padding-left:18px;color:white;outline:none}@media screen and (max-width: 1466px){header .content .search input[name="keyword"]{background:url("/static/suobo/style/images/careertalk2018/search.png") no-repeat;background-size:180px 30px;font-size:12px;line-height:30px;height:30px}}@media screen and (max-width: 1466px) and (max-width: 1398px){header .content .search input[name="keyword"]{position:absolute;right:-170px}}header .content .search .fake-submit{width:60px;height:40px;position:absolute;top:0;right:50px;border:none;background:url("/static/suobo/style/images/careertalk2018/transparent.png") center center no-repeat;outline:none;z-index:10}@media screen and (max-width: 1466px){header .content .search .fake-submit{right:100px}}@media screen and (max-width: 1398px){header .content .search .fake-submit{right:-50px}}header .tip{position:absolute;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;right:0;width:251px;height:100%;padding-left:30px;overflow:hidden}@media screen and (max-width: 1398px){header .tip{visibility:hidden}}header .tip button{width:74px;height:28px;border:none;color:#fff;font-size:12px}header .tip button:first-child{background:#f6ab00;margin-right:20px}header .tip button:last-child{background:transparent;border:1px solid #fff}header .tip button a{display:inline-block;width:100%;height:100%;line-height:26px}header .tip:before{content:"";width:1px;height:100%;position:absolute;left:0;top:0;background:#225bac;border-left:1px solid #02429d;border-right:1px solid #7fa7e8;box-shadow:0 0 3px #225bac}header .logout{position:absolute;right:20px;top:25px;width:50px;height:50px;font-size:14px;color:white}.right-detail .right-content .QRCode-content,.guess,.schoolEnrollment{display:block;width:100%;height:500px;background:white;border:1px solid #edeeee}.right-detail .right-content .QRCode-content .content-header,.guess .content-header,.schoolEnrollment .content-header{display:block;width:100%;height:40px;line-height:40px;background:#f4f6f9;border-bottom:1px solid #e6e7e8;text-align:left;text-indent:20px}.right-detail .right-content .QRCode-content,.guess,.schoolEnrollment{display:block;width:100%;height:500px;background:white;border:1px solid #edeeee}.right-detail .right-content .QRCode-content .QRCode{width:110px;height:110px;background:url("/static/suobo/style/images/careertalk2018/QRCode.png") no-repeat;background-size:100px 100px;margin-top:10px}.right-detail{position:absolute;right:0;top:64px;width:250px;height:100%;font-size:14px;z-index:10;transition:width 1s}@media screen and (max-width: 1398px){.right-detail{overflow:hidden;width:0}.right-detail p{visibility:hidden}}.right-detail .right-content{width:100%}.right-detail .right-content .QRCode-content{height:250px;text-align:center;margin-bottom:9px}.right-detail .right-content .QRCode-content .stress{color:#0050D2;font-size:16px;font-weight:600}.right-detail .right-content .QRCode-content .QRCode{background-size:110px 110px;margin:20px auto}.guess{margin-bottom:10px}.guess .main-content{padding:20px;height:320px}.guess .main-content .image-content{display:inline-block;margin:0 4px 18px 0;text-align:center}.guess .main-content .image-content .image{display:inline-block;width:60px;height:60px;border:1px solid #ededed;border-radius:14px;overflow:hidden}.guess .main-content .image-content .image img{width:60px;height:60px;transition:all 1s}.guess .main-content .image-content .name{display:block;width:60px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.guess .main-content .image-content:hover .image img{transform:scale(1.4)}.schoolEnrollment{margin-bottom:100px}.schoolEnrollment .main-content{padding:20px;height:320px}.schoolEnrollment .main-content .image-content{display:inline-block;margin:0 4px 18px 0;text-align:center}.schoolEnrollment .main-content .image-content .image{display:inline-block;width:60px;height:60px;border:1px solid #ededed;border-radius:50%;overflow:hidden}.schoolEnrollment .main-content .image-content .image img{width:60px;height:60px;transition:all 1s}.schoolEnrollment .main-content .image-content .name{display:block;width:60px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.schoolEnrollment .main-content .image-content:hover .image img{transform:scale(1.4)}.decoration{width:100%;background:white;border:1px solid #edeeee;position:relative;top:-90px}.new-footer{width:800px;height:200px;margin:170px auto 40px auto;text-align:center;font-size:14px}@media screen and (max-width: 1364px){.new-footer{margin-left:70px}}.level1{position:relative;justify-content:space-around;width:700px;margin:20px auto;font-size:16px;line-height:40px;padding:0 30px}.level1 a{display:inline-block;width:80px;height:40px;text-align:center}.level1:after{content:"";width:100%;height:1px;position:absolute;left:0;top:40px;background:#fdfdfd;border-top:1px solid #cacbcb;border-bottom:1px solid #edeeef;box-shadow:0 0 3px #edeeef}