.site-header{overflow:hidden;position:relative;height:300px;padding:70px 0}.site-header:before{background-color:rgba(8,25,43,.45);z-index:1;content:""}.site-header .slider,.site-header:before{position:absolute;top:0;left:0;width:100%;height:100%}.site-header .slider{overflow:hidden}.site-header .slider .hero__link{position:absolute;bottom:10px;left:10px;z-index:2;color:#fff;text-decoration:none;font-weight:700;font-size:12px}.site-header .slider img,.site-header .slider video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.site-header .logo{overflow:hidden;position:absolute;top:20px;right:20px;width:120px;z-index:2}.site-header .logo img{width:100%;height:100%;display:block}.site-header .container{max-width:1440px;text-align:center;margin:0 auto;position:relative;z-index:2;color:#fff;padding-top:20px}.site-header .container .hero_content{max-width:768px;position:relative;margin:auto;z-index:2}.site-header .container .text{font-size:38px}.site-header .container .content{font-size:20px;padding:20px 0;margin-bottom:10px}.site-header .container .search{background-color:#fff;height:50px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.site-header .container .search .popover{overflow:hidden;position:relative;height:50px;display:flex;justify-content:center;align-items:center}.site-header .container .search .popover:before{position:absolute;top:50%;left:0;width:1px;height:60%;transform:translateY(-50%);background-color:#cfd9e0;content:""}.site-header .container .search .popover span{display:block;min-width:180px;max-width:180px;height:50px;border:none;color:#374957;background-color:transparent;position:relative;line-height:50px;text-align:right;text-overflow:ellipsis;white-space:nowrap;padding-right:20px}.site-header .container .search .popover span:after{position:absolute;top:50%;left:20px;transform:translateY(-50%);height:0;width:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #374957;content:""}.site-header .container .search input{width:570px;outline:none;height:48px;border:0;padding:0 10px;font-size:18px;color:#374957}.site-header .container .search input::-webkit-input-placeholder{font-size:16px}.site-header .container .example-keywords{color:hsla(0,0%,100%,.5);overflow:hidden;display:flex;justify-content:center;align-items:center;height:50px;padding-top:10px}.site-header .container .example-keywords span{color:#fff;padding:0 5px}.site-header .container .horizontal_button{overflow:hidden;display:flex;justify-content:center;align-items:center;padding-top:20px}.site-header .container .horizontal_button .popularButton{background-color:#1273eb;min-width:110px;max-width:110px;text-align:center;color:#fff;border-radius:3px;display:block;height:45px;line-height:45px;margin:5px;text-decoration:none}.site-header .container .horizontal_button .popularButton:hover{background-color:#0161cd}.site-header .container .horizontal_button .popularButton.new{background-color:hsla(0,0%,100%,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.site-header .container .horizontal_button .popularButton.new:hover{background-color:hsla(0,0%,100%,.1)}.g-wrap{width:100%;margin:0 auto}.demo{overflow:hidden;min-height:calc(100vh - 130px);margin:-5px 5px}.fleximage-item{float:right;margin:5px;position:relative;cursor:pointer;overflow:hidden;border-radius:3px}.fleximage-item .info{overflow:hidden;background:linear-gradient(rgba(8,25,43,0),rgba(8,25,43,.85)) top;position:absolute;bottom:0;right:0;left:0;z-index:1;display:none;color:#fff;padding:10px;transition:all .3s ease}.fleximage-item .info .name{overflow:hidden;height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}.fleximage-item .info .userInfo{overflow:hidden;display:flex;justify-content:space-between;align-items:center}.fleximage-item .info .userInfo .user{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.fleximage-item .info .userInfo .user .avatar{width:24px;height:24px;border-radius:50%;background-color:#fff}.fleximage-item .info .userInfo .user .avatar img{width:100%;height:100%;border-radius:50%;display:block}.fleximage-item .info .userInfo .user .username{margin-right:5px;overflow:hidden}.fleximage-item .info .userInfo a{color:#fff;text-decoration:none}.fleximage-item:hover .info{display:block;transition:all .3s ease}.fleximage-item .premium{position:absolute;top:10px;left:10px;z-index:1;padding:7px;border-radius:3px;background-color:rgba(8,25,43,.65);cursor:pointer}.fleximage-item .premium:before{width:14px;height:14px;background-size:14px 14px;display:block;background:url(../img/pro.acc50f60.svg) 50% no-repeat;background-size:16px 16px;content:""}.fleximage-item img{border-radius:3px}.btn-box{margin:20px 0;height:40px;text-align:center}.btn-box button{display:inline-block;background:#1273eb;color:#fff;padding:0 20px;line-height:36px;cursor:pointer;border:none;border-radius:3px}.nav{border-bottom:1px solid #cfd9e0;overflow:auto;display:grid;margin-bottom:20px}.nav ul{display:flex;flex-wrap:nowrap;height:50px;max-width:700px;margin:0 auto}.nav ul .item{flex:1 0 auto;height:49px;padding:0 30px;cursor:pointer;color:#5f7d95;font-weight:500;line-height:49px}.nav ul .item.current{color:#374957;border-bottom:1px solid #cfd9e0;border-color:#374957}.loginModal{overflow:hidden;background-color:rgba(0,0,0,.5);top:0;left:0;bottom:0;right:0;z-index:5;justify-content:center;align-items:center}.loginMain,.loginModal{position:fixed;display:flex}.loginMain{width:1086px;height:534px;background-color:#353535;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:6;justify-content:space-between;border-radius:4px}.loginMain .right{overflow:hidden;width:443px;padding:58px 50px 57px;background-color:#fff;border-bottom-right-radius:4px;border-top-right-radius:4px}.loginMain .right .textTitle{overflow:hidden;font-size:20px;margin-bottom:88px}.loginMain .right .image{width:200px;height:200px;margin:0 auto}.loginMain .right .image img{border-radius:50%;width:100%;height:100%;display:block}.loginMain .right .registerText{margin-top:93px;color:#2f8be6;font-size:12px}.loginMain .left{overflow:hidden;width:543px;height:100%}.loginMain .left .user{overflow:hidden;width:448px;margin:130px auto -40px auto}.loginMain .left .user .input{width:100%;height:70px;margin:0 0 40px 0;background:#2a2a2a;box-sizing:border-box;border:2px solid rgba(42,42,42,0);border-radius:2px;position:relative;direction:ltr}.loginMain .left .user .input input{width:100%;height:100%;outline:none;border:0;padding:0 20px 0 20px;background:none;color:#fff;font-size:14px;box-sizing:border-box}.loginMain .left .user .button{height:54px;background:none}.loginMain .left .user .button button{width:100%;border:0;padding:0 20px;height:45px;display:inline-flex;justify-content:center;align-items:center;background-image:linear-gradient(-180deg,#3db96d,#1b904e);border-radius:4px;color:#fff;letter-spacing:.4px;outline:none;text-transform:uppercase;font-size:11px;cursor:pointer}.loginMain .left .user .button button:hover{background:#2aa461}.loginMain .left .user .forgot-link{color:#a2a2a2;font-size:12px;line-height:1;padding-top:13px;text-align:center}.loginMain .left .user .forgot-link span{cursor:pointer}