.banner{position: relative; height: 180px; background: no-repeat center / cover;}
.banner:before{content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 25%);}
.banner-wrap{position: absolute; right: 0; bottom: 0; left: 0; display: flex; height: 100%; align-items: center; justify-content: center; text-align: center;}
.banner-wrap .wrap *{position: relative; display: block; font-size: 36px; font-weight: 700; color: #fff;}
.breadcrumb{background-color: #f4f5f7; border-bottom: 1px solid #e8ebf1;}
.breadcrumb ul{list-style: none; font-size: 0; text-align: center;}
.breadcrumb ul li{display: inline-block; font-size: 14px; line-height: 40px; color: #333;}
.breadcrumb ul li:nth-last-child(2){color: #1aaa4a;}
.breadcrumb ul li+li:before{content: "|"; display: inline-block; margin: 0 5px; transform: translateY(-1px); color: #333!important;}
.breadcrumb ul li a{color: #333;}
.breadcrumb ul li:nth-last-child(2) a{color: #1aaa4a;}
@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-m{display: none;}
}
@media (min-width:768px){
    .breadcrumb ul li.breadcrumb-m{display: inline-block;}
}.menu-bar{position: absolute; top: 0; bottom: 0; right: 0; height: 40px; margin: auto;}
.menu-icon{position: relative; float: left; width: 100%; height: 100%;}
.menu-icon span{display: block; width: 22px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #1aaa4a;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 22px; height: 2px; background-color: #1aaa4a;}
.menu-icon span:after{bottom: -6px;}
.menu-icon span:before{top: -6px;}
.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative; float: left;}
.menu ul li+li{margin-left: 50px;}
.menu ul li a{display: block; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 40px; color: #333; transition: all 0.25s ease 0s;}
.menu ul li a i{margin-right: 5px;}
.menu ul li a i.fa-plane{transform: rotate(-45deg) translateY(-2px);}
.menu ul li.active > a, .menu > ul > li:hover > a{color: #1aaa4a;}
@media (min-width: 320px){
    .menu-bar{width: 40px;}
    .menu{display: none;}
}
@media (min-width: 970px){
    .menu-bar{width: auto;}
    .menu{display: block;}
    .menu-display{display: none;}
}.update{padding: 20px 0 35px;}
.update-title{margin-bottom: 30px;}
.update-title:after{content: ''; display: block; width: 100px; height: 2px; margin: auto; background-color: #007236;}
.update-title a{display: block; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center; line-height: 45px; color: #007236;}
.update-item{float: left; margin-bottom: 15px;}
.update-text{padding: 15px; background-color: #fff;}
.update-text span{color: #777;}
.update-text a{display: block; max-height: 50px; font-size: 16px; font-weight: 700; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.update-text p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #777;}
.update-item:nth-child(1) .update-img img{width: 100%; opacity: 0;}
.update-item:nth-child(1) .update-text a{margin-bottom: 15px;}
.update-item:hover .update-text a{color: #007236;}
@media (min-width:320px){
    .update-item{width: calc((100% - 15px) / 2); margin-left: 15px;}
    .update-item:nth-child(1){width: 100%; margin-left: 0;}
    .update-item:nth-child(2), .update-item:nth-child(4){margin-left: 0;}
}
@media (min-width:768px){
    .update-item{width: calc((50% - 30px) / 2); margin-left: 15px;}
    .update-item:nth-child(1){width: calc(50% - 15px); margin-right: 15px; margin-left: 0;}
    .update-item:nth-child(2), .update-item:nth-child(4){margin-left: 15px;}
}
@media (min-width:1170px){
    .xxx-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .xxx-item:nth-child(2n){margin-right: 30px;}
    .xxx-item:nth-child(3n){margin-right: 0;}
}.ve{padding: 50px 0;}
.ve-search{margin-bottom: 15px; padding: 15px; box-shadow: 0 0 7px 1px rgb(0 0 0 / 25%);}
.ve-search p{float: left; margin-right: 15px; font-weight: 600; text-transform: uppercase; line-height: 45px;}
.ve-search input[type="text"]{float: left; max-width: 400px; height: 45px; border-radius: 22.5px; text-transform: uppercase; text-indent: 15px;}
.ve-search input[type="text"]::placeholder{text-transform: none;}
.ve-list{box-shadow: 0 0 7px 1px rgb(0 0 0 / 25%); text-align: center;}
.ve-table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse;}
.ve-body{box-sizing: border-box; display: table-row-group;}
.ve-row{display: table-row;}
.ve-row.ve-head{background-color: #f5f5f5; border-color: #d7d7d7; font-weight: 600;}
.ve-row.ve-name{font-weight: 600; text-transform: uppercase; text-align: left; color: #fff;}
.ve-row.ve-name h2{width: calc(100% - 30px); padding: 12px 15px; background-color: #22ad4b; border-top: 15px solid #fff;}
.ve-cell{position: relative; box-sizing: border-box;}
.ve-cell img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: calc(100% - 30px); margin: auto;}
.ve-three *{display: block;}
.ve-three *:nth-child(2){margin: 5px 0; font-size: 12px;}
.ve-split{position: relative;}
.ve-split:after, .ve-split p{position: absolute; left: 0; width: 100%; margin: auto;}
.ve-split:after{content: ''; top: 0; bottom: 0; height: 1px; background-color: #d7d7d7;}
.ve-split p{right: 0; left: 0; display: flex; height: 50%; align-items: center; justify-content: center;}
.ve-split p:nth-child(1){top: 0; }
.ve-split p:nth-child(2){bottom: 0;}
.ve-input input[type="number"]{display: inline-block; width: 60px; border-radius: 17.5px; text-align: center; text-indent: 0;}
.ve-book{font-size: 14px; color: #e2201f;}
.ve-book a{display: block; width: 100px; margin: auto; background-color: #e2201f; border-radius: 5px; line-height: 35px; color: #fff; cursor: pointer; transition:all 0.25s ease 0s;}
.ve-book a:hover{background-color: #22ad4b;}
.ve-page{border: none;}
.ve-paging{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 15px; border-top: 1px solid #d7d7d7; font-size: 0; text-align: center;}
.ve-paging ul{list-style: none; display: inline-block; font-size: 16px; line-height: 35px; color: #22ad4b;}
.ve-paging ul li{float: left; width: 35px; margin: 0 5px; background-color: #f5f5f5; cursor: pointer; transition: all 0.25s ease 0s;}
.ve-paging ul li.inactive{background-color: #f5f5f5!important; color: #22ad4b!important; cursor: not-allowed;}
.ve-paging ul li:hover{background-color: #22ad4b; color: #fff;}
@media (min-width: 320px){
    .ve-list{padding: 0 15px 82px;}
    .ve-body:nth-child(1){display: none;}
    .ve-cell{float: left;}
    .ve-cell:nth-child(1), .ve-cell:nth-child(2){width: 50%; height: 96px; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
    .ve-cell:nth-child(2){padding: 10px 0; border-right: 1px solid #d7d7d7;}
    .ve-cell:nth-child(3), .ve-cell:nth-child(4), .ve-cell:nth-child(5){width: 63px; height: 96px; border-left: 1px solid #d7d7d7;}
    .ve-cell:nth-child(4){width: calc(100% - 126px);}
    .ve-cell:nth-child(5){border-right: 1px solid #d7d7d7;}
    .ve-cell:nth-child(6), .ve-cell:nth-child(7){width: 50%; height: 80px; padding: 10px 0; border: 1px solid #d7d7d7;}
    .ve-cell:nth-child(7){border-left: none;}
    .ve-book a{display: inline-block;}
}
@media (min-width: 410px){
    .ve{font-size: 16px;}
    .ve-cell:nth-child(6), .ve-cell:nth-child(7){height: 60px;}
}
@media (min-width: 580px){
    .ve-cell:nth-child(1), .ve-cell:nth-child(2){width: 150px; border-bottom: 0;}
    .ve-cell:nth-child(2){border-right: none;}
    .ve-cell:nth-child(4){width: calc(100% - 426px);}
}
@media (min-width: 970px){
    .ve-list{padding: 15px 15px 82px;}
    .ve-body:nth-child(1){display: table-row-group;}
    .ve-name{position: relative; height: 63px;}
    .ve-name h2{position: absolute; top: 0; left: 0;}
    .ve-cell:nth-child(1), .ve-cell:nth-child(2), .ve-cell:nth-child(3), .ve-cell:nth-child(4), .ve-cell:nth-child(5), .ve-cell:nth-child(6),
    .ve-cell:nth-child(7){float: none; display: table-cell; width: auto; height: auto; padding: 15px; border: 1px solid #d7d7d7; vertical-align: middle;}
    .ve-cell:nth-child(1){width: 150px;}
    .ve-book a{display: block;}
}.datve{padding: 50px 0 20px;}
.datve-left, .datve-right, .datve-notify{box-sizing: border-box; margin-bottom: 30px; padding: 15px; box-shadow: 0 0 7px 1px rgb(0 0 0 / 25%);}
.datve-title{position: relative; margin-bottom: 30px; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff;}
.datve-title:before{content: ''; position: absolute; top: 0; bottom: -44px; left: 0; width: 100%; height: 1px; margin: auto; background-color: #1aaa4a;}
.datve-title span{position: relative; display: inline-block; padding: 7px 10px; background-color: #1aaa4a;}
.datve-title-2{margin-bottom: 25px; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center;}
.datve-title-2:after{content: ''; display: block; width: 50px; height: 1px; margin: 5px auto 0; background-color: #333;}

.datve-tabs{float: left; width: calc(50% - 15px); margin-bottom: 30px; font-size: 0; text-align: center;}
.datve-tabs ul{list-style: none; display: inline-block; font-size: 14px; text-align: left;}
.datve-tabs ul li+li{margin-top: 5px;}
.datve-tabs ul li a{position: relative; display: block; font-size: 16px; color: #333;}
.datve-tabs ul li a:before{content: ''; display: inline-block; width: 13px; height: 13px; margin-right: 5px; border: 1px solid #d7d7d7; border-radius: 50%; transform: translateY(1px);}
.datve-tabs ul li a.active:after{content: ''; position: absolute; top: 7px; left: 3px; display: block; width: 9px; height: 9px; background-color: #777; border-radius: 50%;} 

.datve-login{float: right; width: calc(50% - 15px); padding-bottom: 5px;}
.datve-login .form-item:nth-child(3){float: left; width: 125px;}
.datve-login .login-forget{float: right;}
.datve-login .login-forget a{line-height: 35px; color: #e2201f;}

#TTLH .form-item:nth-child(7), #TKDV-form .form-item:nth-child(7){width: 125px; margin: auto;}
#DKTK .form-item:nth-child(7){width: 125px; margin: auto;}
#YCDM-form .form-item:nth-child(11){width: 150px; margin: auto;}

.datve-info{padding: 0 15px 15px;}
.datve-info p:nth-of-type(1){margin-bottom: -5px; font-size: 18px; font-weight: 700; color: #777;}
.datve-info p:nth-of-type(2){font-size: 12px;}
.datve-info p:nth-of-type(3){margin: 5px 0 15px; font-weight: 600;}
.datve-info ul{list-style: none;}
.datve-info ul li+li{margin-top: 5px;}
.datve-info ul:nth-of-type(1){margin-bottom: 15px;}
.datve-info ul:nth-of-type(1) li:nth-child(1){font-weight: 700; color: #1aaa4a;}
.datve-info ul:nth-of-type(1) li b{display: inline-block; width: 85px;}
.datve-info ul:nth-of-type(2) li span:nth-child(1){display: inline-block; width: 70px;}
.datve-info ul:nth-of-type(2) li span:nth-child(2){display: inline-block; width: calc(100% - 70px); text-align: right;}
.datve-info ul:nth-of-type(2) li:nth-child(3) b{color: #e2201f;}

.datve-notify p{padding: 0; background-color: #fff;}
.datve-notify p span{display: block; font-size: 18px; text-align: center; color: red;}
.datve-notify .datve-prev{max-width: 758px; margin: 0 auto 25px; font-size: 18px;}
.datve-notify form{max-width: 758px; margin: auto;}
.datve-notify .form-item:nth-child(4){width: 175px;}
@media (min-width: 320px){
    .datve-notify .form-item:nth-child(4){margin: auto;}
    .datve-tabs{width: calc(100% - 1px);}
    .datve-login{width: calc(100% - 1px);}
}
@media (min-width: 410px){
    #TTLH .form-item:nth-child(1), #TTLH .form-item:nth-child(3), #TKDV-form .form-item:nth-child(1), #TKDV-form .form-item:nth-child(3){float: left; width: calc(50% - 15px);}
    #TTLH .form-item:nth-child(2), #TTLH .form-item:nth-child(4), #TKDV-form .form-item:nth-child(2), #TKDV-form .form-item:nth-child(4){float: right; width: calc(50% - 15px);}
    
    #DKTK .form-item:nth-child(2), #DKTK .form-item:nth-child(4){float: left; width: calc(50% - 15px);}
    #DKTK .form-item:nth-child(3), #DKTK .form-item:nth-child(5){float: right; width: calc(50% - 15px);}
    
    #YCDM-form .form-item:nth-child(2), #YCDM-form .form-item:nth-child(4){float: left; width: calc(50% - 15px);}
    #YCDM-form .form-item:nth-child(3), #YCDM-form .form-item:nth-child(5){float: right; width: calc(50% - 15px);}
    #YCDM-form .form-item:nth-child(6), #YCDM-form .form-item:nth-child(7), #YCDM-form .form-item:nth-child(8){float: left; width: calc((100% - 60px)/3); margin-right: 30px;}
    #YCDM-form .form-item:nth-child(8){margin-right: 0;}

    .datve-notify .form-item:nth-child(1){float: left; width: calc(50% - 15px);}
    .datve-notify .form-item:nth-child(2){float: right; width: calc(50% - 15px);}
    .datve-notify .form-item:nth-child(4){margin: 0;}
}
@media (min-width: 970px){
    .datve-tabs{width: calc(50% - 15px);}
    .datve-login{width: calc(50% - 15px);}
    .datve-left{float: left; width: calc(100% - 380px);}
    .datve-right{float: right; width: 350px;}
    .datve-left-2{float: none; margin: 0 auto 30px; max-width: calc(100% - 380px);}
}
@media (min-width: 1170px){
    
}.faq{padding: 50px 0;}
.faq .wrap{max-width: 970px;}
#faq-tabs{list-style: none;}
#faq-tabs li{border: 1px solid #d7d7d7; border-bottom: 0;}
#faq-tabs li:last-child{border-bottom: 1px solid #d7d7d7;}
#faq-tabs li a{display: block; padding: 15px; background-color: #f5f5f5; font-size: 18px; font-weight: 600; color: #333; transition:all 0.25s ease 0s;}
#faq-tabs li a.active{color: #1aaa4a;}
.faq-content{padding: 15px; border-top: 1px solid #d7d7d7;}.news-list{display: flex; flex-flow: row wrap;}
.news-item{position: relative; float: left; margin-bottom: 30px; transition: all 0.25s ease 0s;}
.news-item:hover{box-shadow: 0 1px 3px rgb(0 0 0 / 25%); transform: translateY(-1px);}
.news-info{padding: 10px; border: 1px solid #d7d7d7;  border-top: 0;}
.news-name{margin-bottom: 5px;}
.news-name a, .news-prev{display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news-name a{-webkit-line-clamp: 2; font-size: 16px; font-weight: 700; color: #333; transition: all 0.25s ease 0s;}
.news-name a:hover{color: #1aaa4a;}
.news-name h1{font-size: 18px; text-transform: uppercase; color: #1aaa4a;}
.news-prev{-webkit-line-clamp: 3; color: #555;}
.news-line{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.news-time{float: left; line-height: 25px;}
.news-time i{color: #1aaa4a;}
.news-time-2{margin-bottom: 30px; float: none;}
.news-more{float: right; line-height: 25px;}
.news-more a{display: block; padding: 0 10px; background: #1aaa4a; color: #fff; transition: all 0.25s ease 0s;}
.news-more a:hover{background: #e2201f;}
@media (min-width:320px){
    .news-item{width: calc((100% - 10px)/2); margin-right: 10px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){
    .news-item{width: calc((100% - 20px)/2); margin-right: 20px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .news-item{width: calc((100% - 60px)/3);  margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 30px;}
    .news-item:nth-child(3n){margin-right: 0;}
}.fone{font-size:18px;color:red;line-height:40px;font-weight:700;padding-left:46px;margin:0 0;padding-right:10px}
.fix_tel{position:fixed;bottom:25px;left:20px;z-index:999}
.fix_tel a{text-decoration:none;display:block}
.zalo{position:fixed;bottom:100px;left:20px;z-index:999}
.tel{background:#eee;min-width:100px;height:40px;position:relative;overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc}
.ring-alo-phone{background-color:transparent;cursor:pointer;height:80px;position:absolute;transition:visibility 0.5s ease 0s;visibility:hidden;width:80px;z-index:200000!important}
.ring-alo-phone{background-color:transparent;cursor:pointer;height:80px;position:absolute;transition:visibility 0.5s ease 0s;visibility:hidden;width:80px;z-index:200000!important}
.ring-alo-phone.ring-alo-show{visibility:visible}
.ring-alo-phone.ring-alo-hover,.ring-alo-phone:hover{opacity:1}
.ring-alo-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;background-color:transparent;border:2px solid rgba(30,30,30,.4);border-radius:100%;height:70px;left:-18px;opacity:.1;position:absolute;top:12px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:70px}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle{animation:1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim!important}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle{animation:2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim!important}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone:hover .ring-alo-ph-circle{border-color:red;opacity:.5}
.zalo .ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,.zalo .ring-alo-phone:hover .ring-alo-ph-circle{border-color:#2196f3;opacity:.5}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle{border-color:#baf5a7;opacity:.5}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color:red;opacity:.5}
.zalo .ring-alo-phone.ring-alo-green .ring-alo-ph-circle{border-color:#2196f3;opacity:.5}
.ring-alo-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;background-color:#000;border:2px solid transparent;border-radius:100%;height:60px;left:-9px;opacity:.1;position:absolute;top:18px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:60px}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone:hover .ring-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:0.75!important}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:0.75!important}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:0.75!important}
.ring-alo-ph-img-circle{animation:1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;border:2px solid transparent;border-radius:100%;height:30px;left:4px;opacity:1;position:absolute;top:33px;transform-origin:50% 50% 0;width:30px}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone:hover .ring-alo-ph-img-circle{background-color:red}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle{background-color:#75eb50}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle{background-color:red}
.zalo .ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle{background-color:#2196f3}
@keyframes ring-alo-circle-anim {
 0% {
  opacity:.1;
  transform:rotate(0deg) scale(.5) skew(1deg)
 }
 30% {
  opacity:.5;
  transform:rotate(0deg) scale(.7) skew(1deg)
 }
 100% {
  opacity:.6;
  transform:rotate(0deg) scale(1) skew(1deg)
 }
}
@keyframes ring-alo-circle-img-anim {
 0% {
  transform:rotate(0deg) scale(1) skew(1deg)
 }
 10% {
  transform:rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
  transform:rotate(25deg) scale(1) skew(1deg)
 }
 30% {
  transform:rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
  transform:rotate(25deg) scale(1) skew(1deg)
 }
 50% {
  transform:rotate(0deg) scale(1) skew(1deg)
 }
 100% {
  transform:rotate(0deg) scale(1) skew(1deg)
 }
}

@keyframes ring-alo-circle-fill-anim {
 0% {
  opacity:.2;
  transform:rotate(0deg) scale(.7) skew(1deg)
 }
 50% {
  opacity:.2;
  transform:rotate(0deg) scale(1) skew(1deg)
 }
 100% {
  opacity:.2;
  transform:rotate(0deg) scale(.7) skew(1deg)
 }
}
.ring-alo-ph-img-circle a img {padding:1px 0 0 1px;width:25px;position:relative;top:-1px}
}.dh-table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse;}
.dh-body{box-sizing: border-box; display: table-row-group;}
.dh-row{display: table-row;}
.dh-row.dh-head{background-color: #f5f5f5; border-color: #d7d7d7; font-weight: 600;}
.dh-cell{box-sizing: border-box; position: relative; display: table-cell; padding: 15px; border: 1px solid #d7d7d7; vertical-align: middle;}
.dh-cell.dh-50px{width: 50px;}
.dh-cell.dh-center{text-align: center;}.user{padding: 50px 0;}
.user-hi{margin-bottom: 20px; line-height: 39px;}
.user-menu{list-style: none;}
.user-menu li a{position: relative; display: block; padding-left: 35px; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.user-menu li.active a{background-color: #f5f5f5; color: #1aaa4a;}
.user-menu li a i{position: absolute; top: 0; left: 0; width: 30px; font-size: 18px; text-align: center; line-height: 35px; color: #999;}
.user-menu li.active a i{color: #1aaa4a;}
.user-title{margin-bottom: 20px;}
.user-title h1{font-size: 26px; font-weight: normal;}
.user-white{padding: 15px; background-color: #fff; box-shadow: 0 0 7px 1px rgb(0 0 0 / 25%);}
.login-forget{text-align: right;}
.login-forget a{display: block; color: #333;}
.login-forget a:hover{text-decoration: underline;}
.login-submit{margin-bottom: 25px; padding-top: 26px;}
.login-item span{display: block; margin-bottom: 5px;}
.login-item a{display: block; background-color: #1aaa4a; text-transform: uppercase; text-align: center; line-height: 35px; color: #fff; transition: all 0.25s ease 0s;}
.login-item a:hover{background-color: #0e8942;}
.login-error,
.login-success{margin-bottom: 30px; padding-left: 15px; text-transform: uppercase; line-height: 40px; color: #fff;}
.login-error{background-color: rgb(255 0 0 / 50%); border-left: 5px solid #ff0000;}
.login-success{background-color: rgb(0 128 0 / 50%); border-left: 5px solid #008000;}
@media (min-width: 320px){
    .user-left{margin-bottom: 20px;}
    .user-menu li{float: left; width: calc(50% - 5px); margin-bottom: 10px;}
    .user-menu li:nth-child(2n){float: right;}
    .user-menu li a{background-color: #fff;}
    .login-left{margin-bottom: 5px;}
    .register-select select{margin-bottom: 10px;}
}
@media (min-width: 410px){
    .register-select select{float: left; width: calc((100% - 20px)/3); margin-right: 10px; margin-bottom: 0;}
    .register-select select:nth-last-child(2){margin-right: 0;}
}
@media (min-width: 768px){
    .user-left{float: left; width: 210px; margin-bottom: 0;}
    .user-right{float: right; width: calc(100% - 230px);}
    .user-menu li{float: none; width: auto; margin-bottom: 5px;}
    .user-menu li:nth-child(2n){float: none;}
    .user-menu li:last-child{margin-bottom: 0;}
    .user-menu li a{background-color: transparent;}
    .user-menu li a:hover{background-color: #f5f5f5;}
}
@media (min-width: 970px){
    .login-left{float: left; width: calc(50% - 15px); margin-bottom: 0;}
    .login-right{float: right; width: calc(50% - 15px);}
}