@charset "utf-8"; /*********flex*********/ .flex { display: flex !important; } .flex-1 { flex: 1 !important; } .flex-column { flex-direction: column !important; } .flex-row { flex-direction: row !important; } .flex-wrap { flex-wrap: wrap !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .justify-around { justify-content: space-around !important; } .justify-flex-end { justify-content: flex-end !important; } .justify-flex-start { justify-content: flex-start !important; } .align-center { align-items: center !important; } .align-flex-end { align-items: flex-end !important; } .flex-shrink { flex-shrink: 0 !important; } /*********font*********/ .f-s-w { font-weight: bold !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .f-s-15 { font-size: 15px !important; } .f-s-16 { font-size: 16px !important; } .f-s-17 { font-size: 17px !important; } .f-s-18 { font-size: 18px !important; } .f-s-19 { font-size: 19px !important; } .f-s-20 { font-size: 20px !important; } .f-s-21 { font-size: 21px !important; } .f-s-22 { font-size: 22px !important; } .f-s-23 { font-size: 23px !important; } .f-s-24 { font-size: 24px !important; } .f-s-25 { font-size: 25px !important; } .f-s-26 { font-size: 26px !important; } .f-s-28 { font-size: 28px !important; } .f-s-30 { font-size: 30px !important; } .f-s-32 { font-size: 32px !important; } .f-s-34 { font-size: 34px !important; } .f-s-36 { font-size: 36px !important; } .f-s-38 { font-size: 38px !important; } .f-s-40 { font-size: 40px !important; } .f-s-42 { font-size: 42px !important; } .f-s-44 { font-size: 44px !important; } .f-s-45 { font-size: 45px !important; } .f-s-46 { font-size: 46px !important; } .f-s-48 { font-size: 48px !important; } .f-s-50 { font-size: 50px !important; } .l-h-20 { line-height: 20px !important; } .l-h-24 { line-height: 24px !important; } .l-h-32 { line-height: 32px !important; } .f-family-Arial { font-family: Arial !important; } .f-letter-spacing { letter-spacing: 2px !important; } .f-text-underline { text-decoration: underline !important; } .f-text-center { text-align: center; } /*********margin*********/ .m-t-5 { margin-top: 5px !important; } .m-t-6 { margin-top: 6px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-t-45 { margin-top: 45px !important; } .m-t-50 { margin-top: 50px !important; } .m-t-55 { margin-top: 55px !important; } .m-t-60 { margin-top: 60px !important; } .m-t-65 { margin-top: 65px !important; } .m-t-70 { margin-top: 70px !important; } .m-t-75 { margin-top: 75px !important; } .m-t-80 { margin-top: 80px !important; } .m-t-85 { margin-top: 85px !important; } .m-t-90 { margin-top: 90px !important; } .m-t-95 { margin-top: 95px !important; } .m-t-100 { margin-top: 100px !important; } .m-t-110 { margin-top: 110px !important; } .m-t-120 { margin-top: 120px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-6 { margin-bottom: 6px !important; } .m-b-6 { margin-bottom: 6px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-b-50 { margin-bottom: 50px !important; } .m-b-55 { margin-bottom: 55px !important; } .m-b-60 { margin-bottom: 60px !important; } .m-b-65 { margin-bottom: 65px !important; } .m-b-70 { margin-bottom: 70px !important; } .m-b-75 { margin-bottom: 75px !important; } .m-b-80 { margin-bottom: 80px !important; } .m-b-85 { margin-bottom: 85px !important; } .m-b-90 { margin-bottom: 90px !important; } .m-b-95 { margin-bottom: 95px !important; } .m-b-100 { margin-bottom: 100px !important; } .m-b-110 { margin-bottom: 110px !important; } .m-b-120 { margin-bottom: 120px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-6 { margin-left: 6px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .m-l-45 { margin-left: 45px !important; } .m-l-50 { margin-left: 50px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-6 { margin-right: 6px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-r-45 { margin-right: 45px !important; } .m-r-50 { margin-right: 50px !important; } /*********padding*********/ .p-t-5 { padding-top: 5px !important; } .p-t-6 { padding-top: 6px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-12 { padding-top: 12px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } .p-t-55 { padding-top: 55px !important; } .p-t-60 { padding-top: 60px !important; } .p-t-65 { padding-top: 65px !important; } .p-t-70 { padding-top: 70px !important; } .p-t-75 { padding-top: 75px !important; } .p-t-80 { padding-top: 80px !important; } .p-t-85 { padding-top: 85px !important; } .p-t-90 { padding-top: 90px !important; } .p-t-95 { padding-top: 95px !important; } .p-t-100 { padding-top: 100px !important; } .p-t-110 { padding-top: 110px !important; } .p-t-120 { padding-top: 120px !important; } .p-t-130 { padding-top: 130px !important; } .p-t-140 { padding-top: 140px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-6 { padding-bottom: 6px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-12 { padding-bottom: 12px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-b-55 { padding-bottom: 55px !important; } .p-b-60 { padding-bottom: 60px !important; } .p-b-65 { padding-bottom: 65px !important; } .p-b-70 { padding-bottom: 70px !important; } .p-b-75 { padding-bottom: 75px !important; } .p-b-80 { padding-bottom: 80px !important; } .p-b-85 { padding-bottom: 85px !important; } .p-b-90 { padding-bottom: 90px !important; } .p-b-95 { padding-bottom: 95px !important; } .p-b-100 { padding-bottom: 100px !important; } .p-b-110 { padding-bottom: 110px !important; } .p-b-120 { padding-bottom: 120px !important; } .p-b-140 { padding-bottom: 140px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-6 { padding-left: 6px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-12 { padding-left: 12px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .p-l-45 { padding-left: 45px !important; } .p-l-50 { padding-left: 50px !important; } .p-l-80 { padding-left: 80px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-6 { padding-right: 6px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-12 { padding-right: 12px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-r-45 { padding-right: 45px !important; } .p-r-50 { padding-right: 50px !important; } .p-r-60 { padding-right: 60px !important; } /*********color*********/ .color-217efd { color: #217efd !important; } .color-006CFF { color: #006CFF !important; } .color-24344b { color: #24344b !important; } .color-000 { color: #000 !important; } .color-fff { color: #ffffff !important; } .color-666 { color: #666666 !important; } .color-aaa { color: #aaaaaa !important; } .color-9b9b9b { color: #9b9b9b !important; } .color-eee { color: #eeeeee !important; } .color-999 { color: #999999 !important; } .color-797979 { color: #797979 !important; } .color-5f5f5f { color: #5f5f5f !important; } .color-a5a5a5 { color: #a5a5a5 !important; } .back-color-fff { background: #ffffff !important; } .back-color-f5f5f5 { background: #f5f5f5 !important; } .back-color-006cff { background: #006cff !important; } .back-linear-006cff { background: linear-gradient(129deg, #006CFF, #3289FF) !important; } /*********other*********/ .scroll-auto { overflow-x: hidden; overflow-y: auto; } .ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ellipsis-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .ellipsis-4 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .transition-name { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: all 0.3s ease; } .in-w { width: 1200px; margin-left: auto; margin-right: auto; } .in-w-2 { width: 1342px; margin-left: auto; margin-right: auto; } .c-pointer { cursor: pointer !important; } .hover-opacity:hover { opacity: 0.6 !important; cursor: pointer; } .hover-underline:hover { text-decoration: underline !important; cursor: pointer !important; } .hover-color:hover { color: #217efd !important; cursor: pointer !important; } .hover-back-color:hover { background: #ffffff !important; color: #006CFF !important; cursor: pointer !important; } /* .hover-transition:hover { transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); cursor: pointer; } */ @media (max-width: 1440px) { .in-w-2 { width: 1200px; } } @media (max-width: 1200px) { .in-w, .in-w-2 { width: 100%; padding: 0 15px; float: none !important; clear: both; } .f-s-15 { font-size: 13px !important; } .f-s-44{ font-size: 22px !important; } .f-s-42{ font-size: 22px !important; } .f-s-40, .f-s-30, .f-s-32, .f-s-34, .f-s-36, .f-s-26, .f-s-25 { font-size: 18px !important; } .f-s-22 { font-size: 17px !important; } .f-s-24, .f-s-20 { font-size: 16px !important; } .f-s-16, .f-s-17, .f-s-18 { font-size: 15px !important; } .p-t-15 { padding-top: 8px !important; } .p-r-15 { padding-right: 8px !important; } .p-b-15 { padding-bottom: 8px !important; } .p-l-15 { padding-left: 8px !important; } .p-t-20 { padding-top: 10px !important; } .p-r-20 { padding-right: 10px !important; } .p-b-20 { padding-bottom: 10px !important; } .p-l-20 { padding-left: 10px !important; } .p-t-25 { padding-top: 12px !important; } .p-b-25 { padding-bottom: 12px !important; } .p-t-30 { padding-top: 15px !important; } .p-r-30 { padding-right: 15px !important; } .p-b-30 { padding-bottom: 8px !important; } .p-l-30 { padding-left: 8px !important; } .p-t-40 { padding-top: 20px !important; } .p-b-40 { padding-bottom: 20px !important; } .p-t-55, .p-t-50 { padding-top: 25px !important; } .p-b-50, .p-b-55{ padding-bottom: 25px !important; } .p-l-50 { padding-left: 25px !important; } .p-r-50 { padding-right: 25px !important; } .p-t-60, .p-t-65, .p-t-70, .p-t-80, .p-t-110, .p-t-120 { padding-top: 40px !important; } .p-t-140 { padding-top: 40px !important; } .p-b-70, .p-b-100 { padding-bottom: 40px !important; } .p-l-80 { padding-left: 40px !important; } .m-t-10 { margin-top: 5px !important; } .m-l-10 { margin-left: 5px !important; } .m-t-15, .m-t-20 { margin-top: 10px !important; } .m-t-25 { margin-top: 12px !important; } .m-t-35, .m-t-40, .m-t-45, { margin-top: 20px !important; } .m-t-50, .m-t-55, .m-t-60, .m-t-70, .m-t-75 { margin-top: 25px !important; } .m-l-40 { margin-left: 20px !important; } .m-b-50 { margin-bottom: 25px !important; } .m-t-80, .m-t-90, .m-t-100, .m-t-110 { margin-top: 35px !important; } .m-l-30 { margin-left: 15px !important; } .m-r-30 { margin-right: 15px !important; } .m-r-40 { margin-right: 20px !important; } .l-h-32{ line-height: 28px !important; } } .link{max-width: 1100px; margin: 0 auto 20px auto; margin-top: -20px; color: #eee; } .link a{color: #eee;}