@charset "UTF-8";@media (min-width:769px){.login-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 75PX)}.login-box{width:551PX;padding:40PX 45PX 38PX 45PX;border-radius:12PX;background-color:#fff;box-shadow:0 0 32PX rgba(150,140,163,.31)}.login-box .tabs{display:flex;justify-content:center;align-items:center}.login-box .tabs .tab{flex:1;padding-bottom:5PX;font-size:24PX;font-weight:700;text-align:center;color:#000}.login-box .tabs .tab.active{color:#ff2442;border-bottom:2PX solid #ff2442}.login-box .form-list{display:flex;flex-direction:column;row-gap:28PX;margin-top:28PX}.login-box .form-list .form-item{width:100%}.login-box .form-list .form-item-content{display:flex;height:51PX;border-radius:4PX;border:1PX solid #828282}.login-box .form-list .form-item-content .form-item-input{display:flex;align-items:center;width:100%}.login-box .form-list .form-item-content .form-item-input .input{height:100%;width:100%;padding:0 12PX;font-size:20PX}.login-box .form-list .form-item-content .form-item-input .common-btn{margin:0 12PX}.login-box .form-list .form-item-content .form-item-select{position:relative;display:flex;align-items:center;padding:0 8PX 0 12PX;cursor:pointer}.login-box .form-list .form-item-content .form-item-select .icon{width:47PX;height:29PX;-o-object-fit:cover;object-fit:cover}.login-box .form-list .form-item-content .form-item-select .select{flex:1;min-width:52PX;padding-left:15PX;font-size:18PX;color:#3b3b3b}.login-box .form-list .form-item-content .form-item-select .icon-arrow-down{display:inline-block;width:17PX;height:10PX;background:url(../../resource/img/icons/icon-arrow-down.png) center/cover no-repeat}.login-box .form-list .form-item-content .form-item-select .select-drop{position:absolute;top:calc(100% + 10PX);left:-1PX;width:461PX;padding-top:10PX;border-radius:8PX;background:#fff;box-shadow:0 0 32PX rgba(150,140,163,.31)}.login-box .form-list .form-item-content .form-item-select .select-drop .select-drop-scroll{max-height:254PX;overflow-y:auto}.login-box .form-list .form-item-content .form-item-select .select-drop::before{content:"";position:absolute;display:inline-block;top:-8PX;left:60PX;width:0;height:0;border-left:8PX solid transparent;border-right:8PX solid transparent;border-bottom:8PX solid #fff}.login-box .form-list .form-item-content .form-item-select .select-drop .search-box{display:flex;align-items:center;width:437PX;height:37PX;margin:0 auto;padding:0 12PX;border-radius:5PX;background-color:#f4f4f4}.login-box .form-list .form-item-content .form-item-select .select-drop .search-box .icon-search{display:inline-block;width:23PX;height:23PX;margin-right:9PX;background:url(../../resource/img/icons/icon-search.png) center/cover no-repeat}.login-box .form-list .form-item-content .form-item-select .select-drop .search-box .search{height:100%;flex:1;font-size:20PX;line-height:1}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list{padding:15PX 0}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item{display:flex;align-items:center;height:42PX;padding:0 16PX 0 11PX;font-size:18PX;color:#5a5a5a}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item.active,.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item:hover{color:#ff2442;background-color:rgba(255,36,66,.251)}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item .name{flex:1;padding-left:24PX}.login-box .opera-box{display:flex;justify-content:space-between;align-items:center;margin-top:17PX}.login-box .opera-box .common-checkbox{margin-left:12PX;font-size:20PX}.login-box .opera-box .forget-btn{font-size:20PX;font-weight:700;color:#ff2442}.login-box .agreement{display:flex;justify-content:center;align-items:center;margin-top:45PX;font-size:18PX;font-weight:700}.login-box .agreement .agreement-link{margin:0 5PX;color:#ff2442}.login-box .btn-box{width:100%;margin-top:20PX}.login-box .btn-box .common-btn{height:65PX;font-size:26PX;font-weight:700;border-radius:8PX}.login-box .register-box{margin-top:15PX;text-align:right}.login-box .register-box a{font-size:20PX;font-weight:700;color:#ff2442}.login-box .other-box{margin-top:30PX}.login-box .other-box .title{display:flex;align-items:center;font-size:22PX;color:#5b5b5b}.login-box .other-box .title::after,.login-box .other-box .title::before{content:"";flex:1;height:2PX;background-color:#3b3b3b}.login-box .other-box .title::before{margin-right:19PX}.login-box .other-box .title::after{margin-left:19PX}.login-box .other-box .other-list{display:flex;justify-content:center;align-items:center;margin-top:18PX;-moz-column-gap:26PX;column-gap:26PX}}@media (max-width:768px){.login-box{padding:6vw 4.266667vw}.login-box .tabs{display:flex;justify-content:center;align-items:center}.login-box .tabs .tab{flex:1;padding:1.333333vw 0;font-size:4.8vw;font-weight:700;text-align:center;color:#000}.login-box .tabs .tab.active{color:#ff2442;border-bottom:.266667vw solid #ff2442}.login-box .form-list{display:flex;flex-direction:column;row-gap:5.333333vw;margin-top:5.333333vw}.login-box .form-list .form-item{width:100%}.login-box .form-list .form-item-content{display:flex;height:10vw;border-radius:.533333vw;border:1px solid #828282}.login-box .form-list .form-item-content .form-item-input{display:flex;align-items:center;width:100%}.login-box .form-list .form-item-content .form-item-input .input{height:100%;width:100%;padding:0 2.4vw;font-size:4vw}.login-box .form-list .form-item-content .form-item-input .common-btn{border-radius:.533333vw;height:6.666667vw;min-width:17.333333vw;font-size:3.733333vw;margin:0 1.6vw}.login-box .form-list .form-item-content .form-item-select{position:relative;display:flex;align-items:center;padding:0 1.6vw 0 2.133333vw;cursor:pointer}.login-box .form-list .form-item-content .form-item-select .icon{width:9.333333vw;height:5.866667vw;-o-object-fit:cover;object-fit:cover}.login-box .form-list .form-item-content .form-item-select .select{flex:1;min-width:13.866667vw;padding-left:3.2vw;font-size:4.533333vw;color:#3b3b3b}.login-box .form-list .form-item-content .form-item-select .icon-arrow-down{display:inline-block;width:3.333333vw;height:1.866667vw;background:url(../../resource/img/icons/icon-arrow-down.png) center/cover no-repeat}.login-box .form-list .form-item-content .form-item-select .select-drop{position:absolute;top:calc(100% + 1.333333vw);left:-1px;width:91.466667vw;padding-top:1.333333vw;border-radius:1.066667vw;background:#fff;box-shadow:0 0 4.266667vw rgba(150,140,163,.31)}.login-box .form-list .form-item-content .form-item-select .select-drop .select-drop-scroll{max-height:254PX;overflow:hidden;overflow-y:auto}.login-box .form-list .form-item-content .form-item-select .select-drop::before{content:"";position:absolute;display:inline-block;top:-1.066667vw;left:12.4vw;width:0;height:0;border-left:1.333333vw solid transparent;border-right:1.333333vw solid transparent;border-bottom:1.333333vw solid #fff}.login-box .form-list .form-item-content .form-item-select .select-drop .search-box{display:flex;align-items:center;width:87.2vw;height:7.466667vw;margin:0 auto;padding:0 2.4vw;border-radius:.666667vw;background-color:#f4f4f4}.login-box .form-list .form-item-content .form-item-select .select-drop .search-box .icon-search{display:inline-block;width:4.8vw;height:4.666667vw;margin-right:1.866667vw;background:url(../../resource/img/icons/icon-search.png) center/cover no-repeat}.login-box .form-list .form-item-content .form-item-select .select-drop .search-box .search{height:100%;flex:1;font-size:4vw;line-height:1}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list{padding:2.933333vw 0}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item{display:flex;align-items:center;height:8.4vw;padding:0 3.733333vw 0 2.266667vw;font-size:3.733333vw;color:#5a5a5a}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item.active,.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item:active{color:#ff2442;background-color:rgba(255,36,66,.251)}.login-box .form-list .form-item-content .form-item-select .select-drop .select-list .select-item .name{flex:1;padding-left:4.666667vw}.login-box .opera-box{display:flex;justify-content:space-between;align-items:center;margin-top:3.333333vw}.login-box .opera-box .common-checkbox{margin-left:2.4vw;font-size:4vw}.login-box .opera-box .forget-btn{font-size:4vw;font-weight:700;color:#ff2442}.login-box .agreement{display:flex;justify-content:center;align-items:center;margin-top:8.666667vw;font-size:3.733333vw;font-weight:700}.login-box .agreement .agreement-link{margin:0 1.333333vw;color:#ff2442}.login-box .btn-box{width:100%;margin-top:4vw}.login-box .btn-box .common-btn{height:12.8vw;font-size:5.066667vw;font-weight:700;border-radius:1.066667vw}.login-box .register-box{margin-top:3.333333vw;text-align:right}.login-box .register-box a{font-size:4vw;font-weight:700;color:#ff2442}.login-box .other-box{margin-top:6.666667vw}.login-box .other-box .title{display:flex;align-items:center;font-size:4.266667vw;color:#5b5b5b}.login-box .other-box .title::after,.login-box .other-box .title::before{content:"";flex:1;height:.266667vw;background-color:#3b3b3b}.login-box .other-box .title::before{margin-right:4.266667vw}.login-box .other-box .title::after{margin-left:4.266667vw}.login-box .other-box .other-list{display:flex;justify-content:center;align-items:center;margin-top:4vw;-moz-column-gap:5.866667vw;column-gap:5.866667vw}}