/** * Copyright (c) 2020 Oracle and/or its affiliates. All rights reserved. */ /* This additional font load is needed for the FileList iFrame */ @font-face { font-family: "San Francisco"; font-weight: 500; src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff"); } a {text-decoration:none; color: #666775;} .scs-image .scs-image-image {width: auto !important;max-width: 100% !important; height:auto;} .scs-container-styles { overflow:visible !important} .sl-slider-buttons-wrapper { margin-left:80px !important; float: left;} .scs-image-style-13 { width:34px; height:34px;} .scs-image-style-13 img { width:34px !important; height:34px !important;} /** * --------------------------------------- * Image Component * --------------------------------------- */ .sl-tabs li.sl-tabs-inactive { background: #FFF !important; border:1px solid #DEE1EF; border-radius:30px; margin-right:8px; margin-bottom: 8px;} .sl-tabs li.sl-tabs-active { background: none; border-radius:30px; border: 1px solid transparent; margin-right:8px; margin-bottom: 8px;background-clip: padding-box, border-box !important;background-origin: padding-box, border-box !important;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #8813EF, #3B54EE) !important; overflow: hidden;} .sl-tabs li.sl-tabs-active span {background: -webkit-linear-gradient(left, #8813EF, #3B54EE); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} .sl-tabs li.sl-tabs-tab.sl-tabs-active>a {background-image: radial-gradient(circle at center, #eef1fd, #fff) !important;} .sl-tabs .sl-tabs-tab>a { display: block;width: 140px;height: 60px;line-height: 60px; padding: 0px !important; text-align: center;} .sl-tabs .sl-tabs-tab {width: 140px !important;height: 60px !important;line-height: 60px;} .scs-title-style-5 {font-size: 72px;font-weight: bold;color: #2E314D;} .scs-title-style-6 {font-size: 46px;font-weight: bold;color: #2E314D;} .scs-title-style-7 {font-size: 36px;font-weight: bold;color: #2E314D;} .scs-title-style-8 {font-size: 36px;font-weight: bold;background: linear-gradient(to right, #8813EF, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-9 {font-size: 18px;font-weight: bold;background: linear-gradient(to right, #8813EF, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-8 .scs-title-text {background: linear-gradient(to right, #8813EF, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-9 .scs-title-text {background: linear-gradient(to right, #8813EF, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-10 {font-size: 28px;font-weight: bold;color: #FFFFFF;} .scs-title-style-11 {font-size: 56px;font-weight: bold;color: #3B54EE;} .scs-title-style-12 {font-size: 36px;font-weight: bold;color: #DFE0E9;} .scs-title-style-13 {font-size: 22px; font-weight: bold;line-height: 30px;} .scs-title-style-14 {font-size: 14px;font-weight: 400; margin-top: 10px;line-height: 22px;} .scs-title-style-15 {font-size: 14px;font-weight: 500;color: #8813EF; text-align: center;border-radius: 15px;background: rgba(157,124,255,0.2); width: 80px; height: 30px; line-height: 30px;} .scs-title-style-16 {font-size: 14px;font-weight: 500;color: #77A1FF; text-align: center;border-radius: 15px;background: rgba(151,208,255,0.2); width: 80px; height: 30px; line-height: 30px;} .scs-title-style-17 {font-size: 14px;font-weight: 500;color: #55D2BB; text-align: center;border-radius: 15px;background: rgba(145,238,221,0.2); width: 80px; height: 30px; line-height: 30px;} .scs-title-style-18 {font-size: 16px;font-weight: bold;background: linear-gradient(to right, #8813EF, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-18 .scs-title-text {background: linear-gradient(to right, #8813EF, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-19 {font-size: 36px;font-weight: bold;background: linear-gradient(to right, #8813EF, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-19 .scs-title-text {background: linear-gradient(to right, #8813EF, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-title-style-20 {font-size: 110px;font-weight: bold;color: #bdddff;opacity: 0.6;} .scs-title-style-21 {font-size: 22px;font-weight: 500;color: #2E314D; padding-top:33px; padding-left: 50px;} .scs-title-style-22 {font-size: 24px;font-weight: 500;color: #2E314D; line-height: 32px;} .scs-title-style-23 {font-size: 16px;font-weight: 500;color: #6B6C7A; line-height: 30px;} .scs-title-style-24 {font-size: 36px;font-weight: bold;color: #2E314D;} .scs-title-style-25 {font-size: 24px;font-weight: 500;color: #CAE7FF;} .scs-title-style-26 {font-size: 24px;font-weight: 500;color: #E1D7FF;} .scs-title-style-27 {font-size: 24px;font-weight: 500;color: #B1E4DA;} .scs-title-style-28 {font-size: 14px;font-weight: 400;color: #77A1FF;} .scs-title-style-29 {font-size: 14px;font-weight: 400;color: #AB72F4;} .scs-title-style-30 {font-size: 14px;font-weight: 400;color: #55D2BB;} .scs-title-style-31 {font-size: 72px;font-weight: bold;color: #2E314D;} .scs-title-style-32 {font-size: 18px;font-weight: 500;color: #2E314D; padding-top:36px; padding-left: 50px;} .scs-title-style-33 { font-size: 64px;font-weight: bold;color: #C8DBF0;} .scs-title-style-34 { font-size: 18px;font-weight: 400;color: #cfd4eb;} .scs-title-style-35 {font-size: 24px;font-weight: bold;color: #2E314D;} #fe7fa5e0-112f-4acf-8f82-1333d5ca9bd7grid .scs-gallerygrid-columns .scs-image .scs-image-container { padding-top: 0 !important;} .scs-componentgroup-style-1 { margin: 10px; padding: 40px; box-shadow: 0px 10px 24px 0px rgba(43,85,118,0.12); border-radius:8px; background: #fff; overflow: hidden;} .scs-componentgroup-style-2 { margin: 10px; padding: 40px; box-shadow: 0px 10px 24px 0px rgba(43,85,118,0.12); border-radius:8px; background: #fff; overflow: hidden;} .scs-componentgroup-style-3 { box-shadow: 0px 10px 24px 0px rgba(43,85,118,0.12); border-radius:5px; padding: 10px; background: #fff;cursor: pointer;border-bottom: 2px solid transparent;} .scs-componentgroup-style-3::before{content: ""; position: absolute;border-radius:5px; top: 0; left: 0;/*靠最左边开始*/ border-bottom: 4px solid #099DFD;/*设置底部边颜色*/ width: 0;/*宽度为0，这里的宽度是相对与li的宽度*/ height: 100%;/*设置高度使它和li等高*/ } .scs-componentgroup-style-3:hover::before{/*鼠标hover，状态发生改变*/ width: 100%; transition: 0.2s all linear;/*设置过度时间*/ transition-delay: 0.1s;/*过度延时*/ } .scs-componentgroup-style-3:hover img { transform:scale(1.2);transition: 0.3s all linear;} .scs-componentgroup-style-4 { line-height: 122px; background: #FFFFFF;border: 1px solid #EEEEEE; float: left;display: flex;align-items: center;text-align:center; margin-left: -1px; margin-top: -1px;} .scs-componentgroup-style-4 img {vertical-align: middle !important;} .scs-componentgroup-style-5 {border:1px solid #E5EDF6;border-radius: 8px; overflow: hidden; background: #ffffff; max-width: 1200px; margin: 0 auto;} .scs-componentgroup-style-6 {height: 48px; line-height: 48px; background: #E5EDF6; max-width: 1200px; margin: 0 auto;} .scs-componentgroup-style-7 { background: #ffffff; padding: 14px 0px 14px 0px;transition: all 0.3s ease 0s; margin: 0 auto;} .scs-componentgroup-style-8 { background: #FAFBFC; padding: 14px 0px 14px 0px;transition: all 0.3s ease 0s; margin: 0 auto;} .scs-componentgroup-style-7:hover { background: #EDF6FF;transition: 0.3s all linear;} .scs-componentgroup-style-7:hover .scs-button-button { visibility: visible; background: #099DFD; cursor: pointer;transition: 0.3s all linear;} .scs-componentgroup-style-8:hover { background: #EDF6FF;transition: 0.3s all linear;} .scs-componentgroup-style-8:hover .scs-button-button { visibility: visible; background: #099DFD; cursor: pointer;transition: 0.3s all linear;} .scs-componentgroup-style-9 {min-height: 424px;background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;overflow: hidden;} .scs-componentgroup-style-10 {height: 64px;background: #E5EDF6;font-weight: 400;color: #242F3D;border-radius: 16px 16px 0px 0px;font-size: 20px;line-height: 64px; padding-left: 40px;} .scs-componentgroup-style-11 {height: 64px;background: #0B7CEB;font-weight: 400;color: #FFFFFF;border-radius: 16px 16px 0px 0px;font-size: 20px;line-height: 64px; padding-left: 40px;} .scs-componentgroup-style-12 { padding: 40px;} .scs-componentgroup-style-13 { max-width: 660px; margin: 0 auto;} .scs-componentgroup-style-14 {transition: all 0.3s ease 0s; min-height:300px; margin: 20px; padding: 40px; background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;} .scs-componentgroup-style-15 {transition: all 0.3s ease 0s; min-height:300px; margin: 20px; padding: 40px; background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;} .scs-componentgroup-style-14:hover {box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);transition: 0.3s all linear;} .scs-componentgroup-style-14:hover .scs-image-style-2 {transform:scale(0.7,0.7);transition: 0.3s all linear;} .scs-componentgroup-style-14:hover .scs-componentgroup-style-16 {transition: 0.3s all linear; margin-top: 0px !important;} .scs-componentgroup-style-14:hover .scs-componentgroup-style-17 {transition: 0.3s all linear; margin-top: 0px !important;;} .scs-componentgroup-style-15:hover {box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);transition: 0.3s all linear;} .scs-componentgroup-style-15:hover .scs-image-style-3 {transform:scale(0.7,0.7);transition: 0.3s all linear;} .scs-componentgroup-style-15:hover .scs-componentgroup-style-16 {transition: 0.3s all linear; margin-top: 0px !important;} .scs-componentgroup-style-15:hover .scs-componentgroup-style-17 {transition: 0.3s all linear; margin-top: 0px !important;;} .scs-componentgroup-style-14 .scs-image-image {width: 72px !important;height: 72px !important;border: 2px solid #C7E9FF; border-radius:72px;} .scs-componentgroup-style-15 .scs-image-image {width: 72px !important;height: 72px !important;border: 2px solid #C7E9FF; border-radius:72px; margin: 0 auto;} .scs-componentgroup-style-16 { font-size: 20px; margin-top: 20px;transition: all 0.3s ease 0s;} .scs-componentgroup-style-17 { font-size: 14px; margin-top: 20px;transition: all 0.3s ease 0s;} .scs-componentgroup-style-18 {transition: all 0.3s ease 0s; min-height:320px; margin: 20px; padding: 40px; background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;} .scs-componentgroup-style-19 {transition: all 0.3s ease 0s; min-height:320px; margin: 20px; padding: 40px; background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;} .scs-componentgroup-style-18:hover {box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);transition: 0.3s all linear;} .scs-componentgroup-style-18:hover .scs-image-style-2 {transform:scale(0.7,0.7);transition: 0.3s all linear;} .scs-componentgroup-style-18:hover .scs-componentgroup-style-16 {transition: 0.3s all linear; margin-top: 0px !important;} .scs-componentgroup-style-18:hover .scs-componentgroup-style-17 {transition: 0.3s all linear; margin-top: 0px !important;;} .scs-componentgroup-style-19:hover {box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);transition: 0.3s all linear;} .scs-componentgroup-style-19:hover .scs-image-style-3 {transform:scale(0.7,0.7);transition: 0.3s all linear;} .scs-componentgroup-style-19:hover .scs-componentgroup-style-16 {transition: 0.3s all linear; margin-top: 0px !important;} .scs-componentgroup-style-19:hover .scs-componentgroup-style-17 {transition: 0.3s all linear; margin-top: 0px !important;;} .scs-componentgroup-style-18 .scs-image-image {width: 72px !important;height: 72px !important;border: 2px solid #C7E9FF; border-radius:72px;} .scs-componentgroup-style-19 .scs-image-image {width: 72px !important;height: 72px !important;border: 2px solid #C7E9FF; border-radius:72px; margin: 0 auto;} .scs-componentgroup-style-20 {min-height:300px; margin: 20px; padding: 40px; background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px; overflow: hidden;} .scs-componentgroup-style-21 { width:100px; height:100px;overflow: hidden;} .scs-componentgroup-style-22 {min-height: 424px; margin: 20px;background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;overflow: hidden;} .scs-componentgroup-style-23 {transition: all 0.3s ease 0s; height:130px; margin: 20px; padding: 20px; background: #FFFFFF;border: 2px solid #edf2f7;border-radius: 8px; overflow: hidden;} .scs-componentgroup-style-24 {transition: all 0.3s ease 0s;} .scs-componentgroup-style-23:hover {box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);transition: 0.3s all linear;} .scs-componentgroup-style-23:hover .scs-componentgroup-style-24 {transition: 0.3s all linear; margin-top: -50px;} .scs-componentgroup-style-25 { max-width: 1200px; margin: 20px auto;padding: 20px 0;} .scs-componentgroup-style-26 { max-width: 1199px; margin: 0 auto; border-left: 1px solid #E5EAF0;} .scs-componentgroup-style-26 img { max-height:500px;} .scs-componentgroup-style-27 { max-width: 1200px; margin: 0 auto; margin-top: -120px; z-index: 66;} .scs-componentgroup-style-28 { max-width: 1200px; margin: 0 auto; border-radius:16px; overflow:hidden; background: #fff;} .scs-componentgroup-style-29 { max-width: 1198px; border: 1px solid #E5EAF0; border-radius:8px;transition: 0.3s all linear;} .scs-componentgroup-style-29:hover {transition: 0.3s all linear;background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);} .scs-componentgroup-style-30 {width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 36px;background: #F8FAFC;transition: all 0.3s ease 0s; cursor: pointer; margin-left: 25px;} .scs-componentgroup-style-29:hover .scs-componentgroup-style-30 { background: #E8FAFF;} .scs-componentgroup-style-31 {width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 36px;background: #F8FAFC;transition: all 0.3s ease 0s; cursor: pointer; float: right; margin-right: 25px;} .scs-componentgroup-style-29:hover .scs-componentgroup-style-31 { background: #E8FAFF;} .scs-componentgroup-style-32 {background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px;transition: 0.3s all linear;} .scs-componentgroup-style-32:hover { background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);border-radius: 16px;} .scs-componentgroup-style-33 {border-radius: 0px 16px 16px 0px; background: #007aff;} .scs-componentgroup-style-34 { margin: 10px; padding: 25px; box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06); border-radius:8px; background: #fff;} .scs-componentgroup-style-35 { margin-top: -38px;} .scs-componentgroup-style-36 { margin: 10px; padding: 10px; box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06); border-radius:8px; background: #fff;transition: all 0.3s ease 0s;} .scs-componentgroup-style-36:hover { background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);border-radius:8px;transition: 0.3s all linear;} .scs-componentgroup-style-37 { max-width: 1200px; margin: 0 auto; margin-top: -60px;} .scs-componentgroup-style-38 { max-width: 1200px; margin: 0 auto;} .scs-componentgroup-style-39 { margin-top: 60px;} .scs-componentgroup-style-40 { margin-top: 70px;} .scs-componentgroup-style-41 {max-width: 960px;margin: 0 auto;height: auto;padding: 24px; margin-bottom: 70px; background: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.45) 100%);box-shadow: 0px 8px 24px 0px #000E4B;border-radius: 24px;border: 1px solid #d6d9eb;backdrop-filter: blur(8px);} .scs-componentgroup-style-42 { margin-top: 100px;} .scs-componentgroup-style-43 {background: #FFFFFF;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 16px; padding: 20px; margin: 20px;transition: 0.3s all linear;} .scs-componentgroup-style-43:hover {box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.17);transition: 0.3s all linear; margin-top: 0px;} .scs-componentgroup-style-44 { max-width: 1200px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px; border-radius:8px;} .scs-componentgroup-style-44 .scs-container-styles { overflow: hidden !important;} .scs-componentgroup-style-45 { max-width: 1200px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px;} .scs-componentgroup-style-45 .scs-image-image {max-width: 100% !important; height:auto;} .scs-componentgroup-style-46 { width:48px; height: auto; position: fixed !important; z-index: 6666; right: 60px; bottom: 80px;} .scs-componentgroup-style-47 {width: 36px;height: 36px;border-radius: 30px; margin: 0 auto;} .scs-componentgroup-style-47:hover {background: #F2F5F8;} .scs-componentgroup-style-47 .sl-two-columns-left{width: 36px;height: 36px; background:url(/views/assets/img/2023/zxkfh.png) center no-repeat; } .scs-componentgroup-style-47:hover .sl-two-columns-left { background:url(/views/assets/img/2023/zxkfl.png) center no-repeat;} .scs-componentgroup-style-48 {width: 36px;height: 36px;border-radius: 30px; margin: 0 auto;} .scs-componentgroup-style-48:hover {background: #F2F5F8;} .scs-componentgroup-style-48 .sl-two-columns-left{width: 36px;height: 36px; background:url(/views/assets/img/2023/znkfh.png) center no-repeat; } .scs-componentgroup-style-48:hover .sl-two-columns-left { background:url(/views/assets/img/2023/znkfl.png) center no-repeat;} .scs-componentgroup-style-49 {width: 36px;height: 36px;border-radius: 30px; margin: 0 auto;} .scs-componentgroup-style-49:hover {background: #F2F5F8;} .scs-componentgroup-style-49 .sl-two-columns-left{width: 36px;height: 36px; background:url(/views/assets/img/2023/TOPh.png) center no-repeat; } .scs-componentgroup-style-49:hover .sl-two-columns-left { background:url(/views/assets/img/2023/TOPl.png) center no-repeat;} .scs-componentgroup-style-50 { margin-bottom: 24px;} .scs-componentgroup-style-51 { width:48px; height: auto;background: #fff; padding-bottom: 8px; padding-top: 8px;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border-radius: 30px;} .scs-componentgroup-style-52 { position: fixed !important; bottom: 0; z-index: 665;} .scs-componentgroup-style-53 { text-align: center;} .scs-componentgroup-style-53 .sl-tabs-tablist { max-width: 1200px; margin: 0 auto; padding-bottom: 0px; height:47px;} .scs-componentgroup-style-53 li.sl-tabs-inactive {font-weight: 400;color: #505E72 !important; font-size: 16px; background: none !important; padding: 0px 10px 10px 10px;} .scs-componentgroup-style-53 li.sl-tabs-inactive a {font-weight: 400;color: #505E72 !important; font-size: 16px; background: none !important;} .scs-componentgroup-style-53 li.sl-tabs-active {font-weight: 400;color: #099DFD !important; font-size: 16px; background: none !important; padding: 0px 10px 10px 10px; border-bottom:3px solid #099DFD;} .scs-componentgroup-style-53 li.sl-tabs-active a {font-weight: 400;color: #099DFD !important; font-size: 16px; background: none !important;} .scs-componentgroup-style-53 .sl-tabs ul { width:auto !important; margin: 0 auto; display: table;} .scs-componentgroup-style-54 { text-align: center;} .scs-componentgroup-style-54 .sl-tabs-tablist { width: 1200px; margin: 0 auto; padding-bottom: 0px; height:35px;} .scs-componentgroup-style-54 li.sl-tabs-inactive {font-weight: 400;color: #505E72 !important; font-size: 16px; background: none !important; padding: 0px 10px 5px 10px;} .scs-componentgroup-style-54 li.sl-tabs-inactive a {font-weight: 400;color: #505E72 !important; font-size: 16px; background: none !important;} .scs-componentgroup-style-54 li.sl-tabs-active {font-weight: 400;color: #099DFD !important; font-size: 16px; background: none !important; padding: 0px 10px 5px 10px; border-bottom:3px solid #099DFD;} .scs-componentgroup-style-54 li.sl-tabs-active a {font-weight: 400;color: #099DFD !important; font-size: 16px; background: none !important;} .scs-componentgroup-style-54 .sl-tabs ul { width:auto !important; margin: 0 auto; display: table;} .scs-componentgroup-style-55 { text-align: center;} .scs-componentgroup-style-55 .sl-tabs-tablist { max-width: 1190px; margin: 0 auto; background: #f4fbff; padding: 5px;border-radius: 21px;} .scs-componentgroup-style-55 li.sl-tabs-inactive {font-weight: 400;color: #505E72 !important; font-size: 16px; background: none !important; padding: 0px 10px 0px 10px; line-height: 24px;} .scs-componentgroup-style-55 li.sl-tabs-inactive a {font-weight: 400;color: #505E72 !important; font-size: 16px; background: none !important;} .scs-componentgroup-style-55 li.sl-tabs-active {border-radius: 21px;border: 1px solid #099DFD;font-weight: 400;color: #099DFD !important; font-size: 16px; background: #fff !important; padding: 0px 10px 0px 10px; line-height: 22px;} .scs-componentgroup-style-55 li.sl-tabs-active a {font-weight: 400;color: #099DFD !important; font-size: 16px; background: none !important;} .scs-componentgroup-style-55 .sl-tabs ul { width:auto !important; margin: 0 auto; display: table;} .scs-componentgroup-style-56 { max-width:1200px; margin: 0 auto; padding: 50px 0px 20px 0px; border-top: 1px solid #E5EAF0; margin-top: -11px; z-index: -1;} .scs-componentgroup-style-57 { width:320px; height: auto;background: #FFFFFF; padding: 16px 24px 16px 24px;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border: 1px solid #EBF0F9; position: fixed !important; z-index: 6666; right: 120px; bottom: 180px; border-radius:10px;} .scs-componentgroup-style-58 { width:320px; height: auto;background: #FFFFFF; padding: 16px 24px 16px 24px;box-shadow: 0px 6px 25px 0px rgba(75,79,116,0.06);border: 1px solid #EBF0F9; position: fixed !important; z-index: 6666; right: 120px; bottom: 125px; border-radius:10px;} .scs-componentgroup-style-59 { position: absolute !important; margin-left: 10px; margin-top: 10px; z-index: 60; width: 150px; height:150px;} .scs-componentgroup-style-59 .scs-image-container { width: 150px; height:150px;} .scs-componentgroup-style-60 { position: absolute !important; background: #000e4b; width:700px; height:35px; color: #fff; text-align: center; z-index: 60; margin-left: -300px; margin-top: -10px;} .scs-componentgroup-style-61 {max-width:1864px; margin: 0 auto; padding: 15px;} .scs-componentgroup-style-62 {width:100%;height: 410px; background: #ffffff;border: 1px solid #D6DAEB;border-radius: 40px; float: left; overflow: hidden;} .scs-componentgroup-style-62:hover { background: url("/views/assets/img/2023/lb-bg.png") no-repeat bottom center; background-size:100% 100%;} .scs-componentgroup-style-62:hover .scs-title-text {background: linear-gradient(to right, #8813EF, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-componentgroup-style-63 {border-radius: 40px; border: 2px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #9babcc, #7af4f2, #c0f07b, #88a4bc, #97a5d7, #97a5d7, #97a5d7); overflow: hidden !important;} .scs-componentgroup-style-64 {width:100%; height:400px; background: url("/views/assets/img/2023/dhbg.png") no-repeat center; background-size: 100% 100%;border-radius: 40px; overflow: hidden;} .scs-componentgroup-style-65 { width:100%; margin-top:50px; height:370px} .scs-componentgroup-style-65 .scs-image-image { width:100% !important; height: 100% !important;} .scs-componentgroup-style-66 { padding: 40px 20px 60px 20px;border-radius: 0px 0px 40px 40px; margin-top: -190px;position: relative;background: url("/views/assets/img/2023/zhezhao.png") no-repeat bottom; background-size: 100% 100%; text-align: left; color: #ffffff;} .scs-componentgroup-style-67 { height: 90px;border-radius: 80px 80px 0px 0px; border-top: 5px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #99ffc6, #7af4f2, #c0f07b, #b8fefd, #b8fefd, #b8fefd); background-size: 100% 400px;} .scs-componentgroup-style-68 { padding:20px;height: auto; background: #fff; position: relative;border-radius: 80px 80px 0px 0px; margin-top: -90px;} .scs-componentgroup-style-69 { margin: 0 auto; margin-top: -80px; z-index: 60;} .scs-componentgroup-style-70 { height: 500px; padding: 32px 50px 32px 50px; background: #fff;border: 1px solid #D6DAEB;border-radius: 40px; overflow: hidden; text-align: left;} .scs-componentgroup-style-70:hover {border: 1px solid #3B54EE;background: linear-gradient(180deg, #889bff, rgba(255,255,255,0.6));} .scs-componentgroup-style-70:hover .scs-title-style-7 { color: #8813EF;} .scs-componentgroup-style-70:hover .scs-title-style-12 .scs-title-text{background: linear-gradient(to right, #8813EF, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-componentgroup-style-70:hover .scs-image-style-12 { display: block;} .scs-componentgroup-style-71 { height: 500px; padding: 32px 50px 32px 50px; background: #fff;border: 1px solid #D6DAEB;border-radius: 40px; overflow: hidden; text-align: left;} .scs-componentgroup-style-71:hover {border: 1px solid #4e85ff;background: linear-gradient(180deg, #a4d0ff, rgba(255,255,255,0.6));} .scs-componentgroup-style-71:hover .scs-title-style-7 { color: #4e85ff;} .scs-componentgroup-style-71:hover .scs-title-style-12 .scs-title-text{background: linear-gradient(to right, #8813EF, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-componentgroup-style-71:hover .scs-image-style-12 { display: block;} .scs-componentgroup-style-72 { height: 500px; padding: 32px 50px 32px 50px; background: #fff;border: 1px solid #D6DAEB;border-radius: 40px; overflow: hidden; text-align: left;} .scs-componentgroup-style-72:hover {border: 1px solid #55D2BB;background: linear-gradient(180deg, #91eedd, rgba(255,255,255,0.6));} .scs-componentgroup-style-72:hover .scs-title-style-7 { color: #55D2BB;} .scs-componentgroup-style-72:hover .scs-title-style-12 .scs-title-text{background: linear-gradient(to right, #8813EF, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-componentgroup-style-72:hover .scs-image-style-12 { display: block;} .scs-componentgroup-style-73 { height: 450px;} .scs-componentgroup-style-70 .scs-title-text a { color: #2E314D;} .scs-componentgroup-style-70 .scs-title-text a:hover { color: #8813EF;} .scs-componentgroup-style-70 .scs-paragraph-text a { color: #666775;} .scs-componentgroup-style-70:hover .scs-title-text a { color: #8813EF;} .scs-componentgroup-style-71 .scs-title-text a { color: #2E314D;} .scs-componentgroup-style-71 .scs-title-text a:hover { color: #77A1FF;} .scs-componentgroup-style-71 .scs-paragraph-text a { color: #666775;} .scs-componentgroup-style-71:hover .scs-title-text a { color: #77A1FF;} .scs-componentgroup-style-72 .scs-title-text a { color: #2E314D;} .scs-componentgroup-style-72 .scs-title-text a:hover { color: #55D2BB;} .scs-componentgroup-style-72 .scs-paragraph-text a { color: #666775;} .scs-componentgroup-style-72:hover .scs-title-text a { color: #55D2BB;} .scs-componentgroup-style-74 .scs-title-text a { color: #DFE0E9;} .scs-componentgroup-style-74 { width:100%; height:50px;} .scs-componentgroup-style-74 .scs-row { display: flex; justify-content: center; align-items: center;} .scs-componentgroup-style-75 {background: rgba(255,255,255,0.95);border: 1px solid #DEE1EF;border-radius: 40px; padding:80px;} .scs-componentgroup-style-75 .scs-title-style-8 .scs-title-text {background: linear-gradient(to right, #8813EF, #4761ff, #4761ff, #4761ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .scs-componentgroup-style-75 a {color: #403C38;} .scs-componentgroup-style-75 .scs-title-text a {color: #DFE0E9;} .scs-componentgroup-style-76 { margin-top: -100px;} .scs-componentgroup-style-76 .sl-tabs li.sl-tabs-inactive { float: right;} .scs-componentgroup-style-76 .sl-tabs li.sl-tabs-active { float: right;} .scs-componentgroup-style-76 .sl-tabs-tablist { overflow: hidden;} .scs-componentgroup-style-77 {background: url("/views/assets/img/2023/kpbg.png") no-repeat bottom; background-size: 100% 100%; padding: 30px; } .scs-componentgroup-style-78 { padding: 15px;} .scs-componentgroup-style-78 .scs-componentgroup-style-63 { margin-bottom: 20px;} .scs-componentgroup-style-79 { margin-top: 150px;} .scs-componentgroup-style-80 {} .scs-componentgroup-style-81 {width:100%; height: auto; padding-top:150px; padding-bottom: 60px; background: linear-gradient(to top, #fff, #beddff);} .scs-componentgroup-style-82 { width:100%; height: auto; background: #EFF1FA;border-radius: 20px; overflow: hidden !important;} .scs-componentgroup-style-82 img { width:100%;} .scs-componentgroup-style-82:hover { background: url("/views/assets/img/2023/dhbg.png") no-repeat center; background-size: 100% 100%;} .scs-componentgroup-style-83 {background: rgba(255,255,255,0.95);border: 1px solid #DEE1EF;border-radius: 40px; min-height: 1100px;} .scs-componentgroup-style-84 { padding: 50px;border-bottom: 1px solid #DEE1EF;} .scs-componentgroup-style-85 {border-left: 1px solid #DEE1EF;border-bottom: 1px solid #DEE1EF;} .scs-componentgroup-style-86 {width: 9px;height: 9px;background: #DEE1EF;border-radius: 5px; position: absolute !important; margin-top: 46px; margin-left: -5px;} .scs-componentgroup-style-87 { padding: 30px 50px 30px 50px;} .scs-componentgroup-style-88 { border-left: 1px solid #DEE1EF;} .scs-componentgroup-style-89 { padding: 40px;border-bottom: 1px solid #DEE1EF;} .scs-componentgroup-style-90 { padding: 30px;} .scs-componentgroup-style-91 { padding: 50px 50px 100px 50px; background: rgba(255,255,255,0.95);border: 1px solid #DEE1EF;border-radius: 40px;} .scs-componentgroup-style-92 { width:100%; height: auto; background: #EFF1FA;border-radius: 20px; overflow: hidden !important;} .scs-componentgroup-style-93 { padding: 40px;background: rgba(255,255,255,0.95);border: 1px solid #DEE1EF;border-radius: 40px;} .scs-componentgroup-style-94 {background: rgba(255,255,255,0.95);border: 1px solid #DEE1EF;border-radius: 40px; height: auto;} .scs-componentgroup-style-87 a { color: #6B6C7A;} .scs-componentgroup-style-89 a { color: #2E314D;} .scs-componentgroup-style-90 a { color: #6B6C7A;} /* Image Default Style: Empty */ .sl-three-columns { display: flex; max-width: 1600px; margin: 0 auto; } .sl-horizontal-row { display: flex; max-width: 1600px; margin: 0 auto; } .sl-two-columns { display: flex; max-width: 1600px; margin: 0 auto; } /* Image Style 2: Hairline */ .scs-image-style-2 { float: left;} .scs-image-style-3 { margin: 0 auto; text-align: center;} .scs-image-style-4 img { width:100%; max-height: 150px;} .scs-image-style-5 img { width:100px !important; height: 100px !important;} .scs-image-style-6 img { width:260px !important; height: 160px !important;} .scs-image-style-7 {} .scs-image-style-8 img { width:320px !important; height: 180px !important;} .scs-image-style-9 img { margin-top: -50px;} .scs-image-style-10 { } .scs-image-style-11 {} .scs-image-style-12 { display: none;} .scs-paragraph-style-9 { line-height:24px;} .scs-paragraph-style-9 p{ line-height:24px;} .scs-paragraph-style-9 li{ line-height:24px;} .scs-paragraph-style-10 { line-height:30px;} .scs-paragraph-style-10 p{ line-height:30px;} .scs-paragraph-style-10 li{ line-height:30px;} .scs-paragraph-style-11 {width: auto !important; padding-left: 8px !important; padding-right: 8px !important; line-height:30px; float: left; background: #E8FAFF; color: #099DFD; border-radius:4px;} .scs-paragraph-style-12 { min-height:180px; line-height: 24px;} .scs-gallery-style-15 .scs-component-content:before, .scs-gallery-style-15 .scs-component-content:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /** * --------------------------------------- * Common Components * --------------------------------------- */ /* Common Style 2: hairline */ .scs-map-style-2 .scs-component-content, .scs-gallery-style-2 .scs-component-content, .scs-document-style-2 .scs-component-content, .scs-socialbar-style-2 .scs-component-content, .scs-video-style-2 .scs-component-content, .scs-component-style-2 > .scs-component-content, .scs-app-style-2 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-2 .scs-component-content iframe { border: 1px solid #999999; box-sizing: border-box; padding: 5px; } /* Common Style 8: Frame SM */ .scs-map-style-8 .scs-component-content, .scs-gallery-style-8 .scs-component-content, .scs-document-style-8 .scs-component-content, .scs-socialbar-style-8 .scs-component-content, .scs-video-style-8 .scs-component-content, .scs-component-style-8 > .scs-component-content, .scs-app-style-8 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-8 .scs-component-content iframe { border: 2px solid #333333; box-sizing: border-box; padding: 5px; } .scs-video-style-15 { margin-top:-220px; position: relative; z-index: -10;} /* Common Style 9: Frame LG */ .scs-map-style-9 .scs-component-content, .scs-gallery-style-9 .scs-component-content, .scs-document-style-9 .scs-component-content, .scs-socialbar-style-9 .scs-component-content, .scs-video-style-9 .scs-component-content, .scs-component-style-9 > .scs-component-content, .scs-app-style-9 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-9 .scs-component-content iframe { border: 5px solid #333333; box-sizing: border-box; padding: 5px; } /* Common Style 10: Shadow Left Soft */ .scs-map-style-10 .scs-component-content, .scs-gallery-style-10 .scs-component-content, .scs-document-style-10 .scs-component-content, .scs-socialbar-style-10 .scs-component-content, .scs-video-style-10 .scs-component-content, .scs-component-style-10 > .scs-component-content, .scs-app-style-10 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-10 .scs-component-content iframe { box-shadow: -5px 5px 5px 0px rgba(51, 51, 51, 0.3); box-sizing: border-box; } /* Common Style 11: Shadow Right Soft */ .scs-map-style-11 .scs-component-content, .scs-gallery-style-11 .scs-component-content, .scs-document-style-11 .scs-component-content, .scs-socialbar-style-11 .scs-component-content, .scs-video-style-11 .scs-component-content, .scs-component-style-11 > .scs-component-content, .scs-app-style-11 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-11 .scs-component-content iframe { box-shadow: 5px 5px 5px 0px rgba(51, 51, 51, 0.3); box-sizing: border-box; } /* Common Style 12: Shadow Left Hard */ .scs-map-style-12 .scs-component-content, .scs-gallery-style-12 .scs-component-content, .scs-document-style-12 .scs-component-content, .scs-socialbar-style-12 .scs-component-content, .scs-video-style-12 .scs-component-content, .scs-component-style-12 > .scs-component-content, .scs-app-style-12 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-12 .scs-component-content iframe { box-shadow: -5px 5px 0px 0px rgba(51, 51, 51, 0.3); box-sizing: border-box; } /* Common Style 13: Shadow Right Hard */ .scs-map-style-13 .scs-component-content, .scs-gallery-style-13 .scs-component-content, .scs-document-style-13 .scs-component-content, .scs-socialbar-style-13 .scs-component-content, .scs-video-style-13 .scs-component-content, .scs-component-style-13 > .scs-component-content, .scs-app-style-13 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-13 .scs-component-content iframe { box-shadow: 5px 5px 0px 0px rgba(51, 51, 51, 0.3); box-sizing: border-box; } .scs-video-style-14 { position: relative !important; z-index: -10;} /* Common Style 14: outer glow */ .scs-map-style-14 .scs-component-content, .scs-gallery-style-14 .scs-component-content, .scs-document-style-14 .scs-component-content, .scs-socialbar-style-14 .scs-component-content, .scs-component-style-14 > .scs-component-content, .scs-app-style-14 .scs-component-content .scs-app-iframe-wrapper, .scs-youtube-style-14 .scs-component-content iframe { box-shadow: 0 0 8px 0px rgba(51, 51, 51, 0.8); box-sizing: border-box; } /** * --------------------------------------- * Divider Component * --------------------------------------- */ /* Divider Style 2: Empty */ /* Divider Style 2: center gradient */ .scs-divider-style-2 hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); } /* Divider Style 3: dotted SM */ .scs-divider-style-3 hr { border-top: 1px dotted #333; } /* Divider Style 4: dotted LG */ .scs-divider-style-4 hr { border-top: 3px dotted #333; } .scs-divider-style-5 hr {width: 20px;height: 1px;background: #EBF0F9; border:#EBF0F9; border-radius: 1px;} /** * --------------------------------------- * Button Component * --------------------------------------- */ /* Button Default Style: Empty */ /* Button Style 1: Alta */ .scs-button-style-1 .scs-button-button { text-decoration: none; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 4px 8px; margin: 0; text-align: center; background-color: #ffffff; color: #000000; font-size: 14px; line-height: 20px; background: none; border: 1px solid #c4ced7; color: #000000; box-shadow: inset 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; border-radius: 2px; background-image: -ms-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: -moz-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: -o-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E3E7E9), color-stop(0.5, #E7EBED), color-stop(1, #F1F3F3)); background-image: -webkit-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: linear-gradient(to top, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); } .scs-button-style-1 .scs-button-button:hover { background: #f7f8f9; border: 1px solid #c4ced7; color: #0572ce; box-shadow: inset 0 1px 0 #f7f8f9; text-shadow: 0 1px 0 #f7f8f9; } .scs-button-style-1 .scs-button-button:active { background: #0572ce; border: 1px solid #0572ce; color: #fff; box-shadow: inset 0 1px 0 #0572ce; text-shadow: 0 1px 0 #0572ce; } .scs-button-style-1 .scs-button-button:focus { outline: 1px dotted #4f4f4f; } .scs-button-style-1 .scs-button-text { color: #000000; } /* Button Style 2: Alta Large */ .scs-button-style-2 .scs-button-button { text-decoration: none; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 4px 8px; margin: 0; text-align: center; font-size: 20px; line-height: 28px; padding: 8px 16px; background: none; border: 1px solid #c4ced7; color: #000000; box-shadow: inset 0 2px 0 #fff; text-shadow: 0 2px 0 #fff; border-radius: 3px; background-image: -ms-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: -moz-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: -o-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E3E7E9), color-stop(0.5, #E7EBED), color-stop(1, #F1F3F3)); background-image: -webkit-linear-gradient(bottom, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); background-image: linear-gradient(to top, #E3E7E9 0%, #E7EBED 50%, #F1F3F3 100%); } .scs-button-style-2 .scs-button-button:hover { background: #f7f8f9; border: 1px solid #c4ced7; color: #0572ce; box-shadow: inset 0 2px 0 #f7f8f9; text-shadow: 0 2px 0 #f7f8f9; } .scs-button-style-2 .scs-button-button:active { background: #0572ce; border: 1px solid #0572ce; color: #fff; box-shadow: inset 0 2px 0 #0572ce; text-shadow: 0 2px 0 #0572ce; } .scs-button-style-2 .scs-button-button:focus { outline: 1px dotted #4f4f4f; } .scs-button-style-2 .scs-button-text { color: #000000; } /* Button Style 3: Simple (high contrast) */ .scs-button-style-3 .scs-button-button { text-decoration: none; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 4px 8px; margin: 0; text-align: center; font-size: 16px; line-height: 24px; padding: 6px 12px; background-color: #ffffff; border: 2px solid #000000; color: #000000; } .scs-button-style-3 .scs-button-button:hover { background: #FFFFFF; border: 2px solid #0572ce; color: #0572ce; } .scs-button-style-3 .scs-button-button:active { background: #0572ce; border: 2px solid #0572ce; color: #fff; } .scs-button-style-3 .scs-button-text { color: #000000; } .scs-button-button { padding:0px;} .scs-button-style-4 .scs-button-button { cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px; color: #fff; background: #099DFD;border-radius: 8px; font-size: 16px;} .scs-button-style-4 .scs-button-button:hover {transition: 0.3s all linear;background: #35B4FD;} .scs-button-style-4 .scs-button-button:active {transition: 0.3s all linear;background: #0679D1;} .scs-button-style-5 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #fff; background: #099DFD;border-radius: 4px; font-size: 14px;} .scs-button-style-5 .scs-button-button:hover {transition: 0.3s all linear; background: #35B4FD;} .scs-button-style-5 .scs-button-button:active {transition: 0.3s all linear; background: #0679D1;} .scs-button-style-6 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #fff; background: #099DFD;border-radius: 4px; font-size: 14px;} .scs-button-style-6 .scs-button-button:hover {transition: 0.3s all linear;background: #35B4FD;} .scs-button-style-6 .scs-button-button:active {transition: 0.3s all linear;background: #0679D1;} .scs-button-style-7 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #fff; background: #099DFD;border-radius: 4px; font-size: 12px;} .scs-button-style-7 .scs-button-button:hover {transition: 0.3s all linear;background: #35B4FD;} .scs-button-style-7 .scs-button-button:active {transition: 0.3s all linear;background: #0679D1;} .scs-button-style-8 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px;font-weight: 400; font-size: 16px; color: #505E72; background: #fff;border-radius: 8px;border: 1px solid #D6DBE2;} .scs-button-style-8 .scs-button-button:hover {transition: 0.3s all linear;color: #099DFD;border: 1px solid #35B4FD;} .scs-button-style-8 .scs-button-button:active {transition: 0.3s all linear;color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-9 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px;font-weight: 400; font-size: 14px; color: #505E72; background: #fff;border-radius: 4px;border: 1px solid #D6DBE2;} .scs-button-style-9 .scs-button-button:hover {transition: 0.3s all linear; color: #099DFD;border: 1px solid #35B4FD;} .scs-button-style-9 .scs-button-button:active {transition: 0.3s all linear;color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-10 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px;font-weight: 400; font-size: 14px; color: #505E72; background: #fff;border-radius: 4px;border: 1px solid #D6DBE2;} .scs-button-style-10 .scs-button-button:hover {transition: 0.3s all linear; color: #099DFD;border: 1px solid #35B4FD;} .scs-button-style-10 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-11 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px;font-weight: 400; font-size: 12px; color: #505E72; background: #fff;border-radius: 4px;border: 1px solid #D6DBE2;} .scs-button-style-11 .scs-button-button:hover {transition: 0.3s all linear; color: #099DFD;border: 1px solid #35B4FD;} .scs-button-style-11 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-12 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px;font-weight: 400; font-size: 16px; color: #099DFD; background:none;border-radius: 8px;border: 1px solid #099DFD;} .scs-button-style-12 .scs-button-button:hover {transition: 0.3s all linear; color: #35B4FD;border: 1px solid #35B4FD;} .scs-button-style-12 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-13 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px;font-weight: 400; font-size: 14px; color: #099DFD; background: none;border-radius: 4px;border: 1px solid #099DFD;} .scs-button-style-13 .scs-button-button:hover {transition: 0.3s all linear; color: #35B4FD;border: 1px solid #35B4FD;} .scs-button-style-13 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-14 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px;font-weight: 400; font-size: 14px; color: #099DFD; background: none;border-radius: 4px;border: 1px solid #099DFD;} .scs-button-style-14 .scs-button-button:hover {transition: 0.3s all linear; color: #35B4FD;border: 1px solid #35B4FD;} .scs-button-style-14 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-15 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px;font-weight: 400; font-size: 12px; color: #099DFD; background: none;border-radius: 4px;border: 1px solid #099DFD;} .scs-button-style-15 .scs-button-button:hover {transition: 0.3s all linear; color: #35B4FD;border: 1px solid #35B4FD;} .scs-button-style-15 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;border: 1px solid #0679D1;} .scs-button-style-16 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px; font-weight: 400;color: #099DFD; font-size: 24px;} .scs-button-style-16 .scs-button-button:hover {transition: 0.3s all linear;color: #35B4FD;} .scs-button-style-16 .scs-button-button:active {transition: 0.3s all linear;color: #0679D1;} .scs-button-style-17 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; font-weight: 400;color: #099DFD; font-size: 16px;} .scs-button-style-17 .scs-button-button:hover {transition: 0.3s all linear;color: #35B4FD;} .scs-button-style-17 .scs-button-button:active {transition: 0.3s all linear;color: #0679D1;} .scs-button-style-18 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; font-weight: 400;color: #099DFD; font-size: 14px;} .scs-button-style-18 .scs-button-button:hover {transition: 0.3s all linear;color: #35B4FD;} .scs-button-style-18 .scs-button-button:active {transition: 0.3s all linear;color: #0679D1; } .scs-button-style-19 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; font-weight: 400;color: #099DFD; font-size: 14px;} .scs-button-style-19 .scs-button-button:hover {transition: 0.3s all linear;color: #35B4FD;} .scs-button-style-19 .scs-button-button:active {transition: 0.3s all linear;color: #0679D1;} .scs-button-style-20 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px; font-weight: 400;color: #fff; font-size: 16px;background: linear-gradient(135deg, #5CC9FF 0%, #099DFD 100%);border-radius: 8px;} .scs-button-style-20 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-20 .scs-button-button:active {transition: 0.3s all linear;background: linear-gradient(135deg, #33B4FF 0%, #0079D6 100%);box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-21 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; font-weight: 400;color: #fff; font-size: 14px;background: linear-gradient(135deg, #5CC9FF 0%, #099DFD 100%);border-radius: 8px;} .scs-button-style-21 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-21 .scs-button-button:active {transition: 0.3s all linear;background: linear-gradient(135deg, #33B4FF 0%, #0079D6 100%);box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-22 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; font-weight: 400;color: #fff; font-size: 14px;background: linear-gradient(135deg, #5CC9FF 0%, #099DFD 100%);border-radius: 8px;} .scs-button-style-22 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-22 .scs-button-button:active {transition: 0.3s all linear;background: linear-gradient(135deg, #33B4FF 0%, #0079D6 100%);box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-23 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #fff; background: #FD3636;border-radius: 4px; font-size: 16px;} .scs-button-style-23 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-23 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-24 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #fff; background: #FD3636;border-radius: 4px; font-size: 14px;} .scs-button-style-24 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-24 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-25 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #fff; background: #FD3636;border-radius: 4px; font-size: 14px;} .scs-button-style-25 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-25 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-26 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #FD3636; background: #fff;border: 1px solid #FD3636;border-radius: 4px; font-size: 16px;} .scs-button-style-26 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-26 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-27 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #FD3636; background: #fff;border: 1px solid #FD3636;border-radius: 4px; font-size: 14px;} .scs-button-style-27 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-27 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-28 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #FD3636; background: #fff;border: 1px solid #FD3636;border-radius: 4px; font-size: 14px;} .scs-button-style-28 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-28 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-29 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #FD3636; background: #fff;border-radius: 4px; font-size: 16px;} .scs-button-style-29 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-29 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-30 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #FD3636; background: #fff;border-radius: 4px; font-size: 14px;} .scs-button-style-30 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-30 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-31 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #FD3636; background: #fff;border-radius: 4px; font-size: 14px;} .scs-button-style-31 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-31 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-32 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #fff; background: #FAAD15;border-radius: 4px; font-size: 16px;} .scs-button-style-32 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-32 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-33 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #fff; background: #FAAD15;border-radius: 4px; font-size: 14px;} .scs-button-style-33 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-33 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-34 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #fff; background: #FAAD15;border-radius: 4px; font-size: 14px;} .scs-button-style-34 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-34 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-35 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #FAAD15; background: #fff;border: 1px solid #FAAD15;border-radius: 4px; font-size: 16px;} .scs-button-style-35 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-35 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-36 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #FAAD15; background: #fff;border: 1px solid #FAAD15;border-radius: 4px; font-size: 14px;} .scs-button-style-36 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-36 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-37 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #FAAD15; background: #fff;border: 1px solid #FAAD15;border-radius: 4px; font-size: 14px;} .scs-button-style-37 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-37 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-38 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #FAAD15; background: #fff;border-radius: 4px; font-size: 16px;} .scs-button-style-38 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-38 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-39 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #FAAD15; background: #fff;border-radius: 4px; font-size: 14px;} .scs-button-style-39 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-39 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-40 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #FAAD15; background: #fff;border-radius: 4px; font-size: 14px;} .scs-button-style-40 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-40 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-41 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #fff; background: #06C633;border-radius: 4px; font-size: 16px;} .scs-button-style-41 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-41 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-42 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #fff; background: #06C633;border-radius: 4px; font-size: 14px;} .scs-button-style-42 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-42 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-43 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #fff; background: #06C633;border-radius: 4px; font-size: 14px;} .scs-button-style-43 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-43 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-44 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #06C633; background: #fff;border: 1px solid #06C633;border-radius: 4px; font-size: 16px;} .scs-button-style-44 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-44 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-45 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #06C633; background: #fff;border: 1px solid #06C633;border-radius: 4px; font-size: 14px;} .scs-button-style-45 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-45 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-46 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #06C633; background: #fff;border: 1px solid #06C633;border-radius: 4px; font-size: 14px;} .scs-button-style-46 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-46 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-47 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #06C633; background: #fff;border-radius: 4px; font-size: 16px;} .scs-button-style-47 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-47 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-48 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #06C633; background: #fff;border-radius: 4px; font-size: 14px;} .scs-button-style-48 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-48 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-49 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; color: #06C633; background: #fff;border-radius: 4px; font-size: 14px;} .scs-button-style-49 .scs-button-button:hover {transition: 0.3s all linear;} .scs-button-style-49 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-50 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px; color: #099DFD; background: #FFFFFF;border-radius: 8px; font-size: 14px;} .scs-button-style-50 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #005EB0;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-50 .scs-button-button:active {transition: 0.3s all linear;} .scs-button-style-51 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #099DFD; background: #FFFFFF;border-radius: 4px; font-size: 14px;} .scs-button-style-51 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-51 .scs-button-button:active {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-52 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #099DFD; background: #FFFFFF;border-radius: 4px; font-size: 14px;} .scs-button-style-52 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-52 .scs-button-button:active {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-53 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px; color: #FFFFFF; background: none; border:1px solid #ffffff;border-radius: 8px; font-size: 14px;} .scs-button-style-53 .scs-button-button:hover {transition: 0.3s all linear; color: #099DFD;background: #FFFFFF;box-shadow: 0px 2px 12px -2px #005EB0;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-53 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1;background: #FFFFFF;} .scs-button-style-54 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 40px; line-height: 40px; color: #FFFFFF; background: none; border:1px solid #ffffff;border-radius: 4px; font-size: 14px;} .scs-button-style-54 .scs-button-button:hover {transition: 0.3s all linear; color: #099DFD; background: #FFFFFF; box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-54 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1; background: #FFFFFF;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-55 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 32px; line-height: 32px; color: #FFFFFF; background: none; border:1px solid #ffffff;border-radius: 4px; font-size: 14px;} .scs-button-style-55 .scs-button-button:hover {transition: 0.3s all linear; color: #099DFD; background: #FFFFFF;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-55 .scs-button-button:active {transition: 0.3s all linear; color: #0679D1; background: #FFFFFF;box-shadow: 0px 2px 12px -2px #005EB0;} .scs-button-style-56 .scs-button-button {cursor: pointer; width: auto; padding-left: 20px !important; padding-right: 20px !important; height: 32px; line-height: 32px; text-align: center;border-radius: 4px; color: #ffffff; margin-top: 10px; visibility: hidden;transition: all 0.3s ease 0s; font-size: 14px;} .scs-button-style-57 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 48px; line-height: 48px; font-weight: 400;color: #fff; font-size: 16px;background: linear-gradient(135deg, #5CC9FF 0%, #099DFD 100%);border-radius: 8px; font-size: 14px;} .scs-button-style-57 .scs-button-button:hover {transition: 0.3s all linear;box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-57 .scs-button-button:active {transition: 0.3s all linear;background: linear-gradient(135deg, #33B4FF 0%, #0079D6 100%);box-shadow: 0px 2px 12px -2px #5CC9FF;} .scs-button-style-58 .scs-button-button {cursor: pointer; transition: all 0.3s ease 0s;width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 30px; line-height: 30px;font-weight: 400; font-size: 18px; color: #377cfd; background: none;border-radius: 4px;border: 1px solid #377cfd; font-size: 14px;} .scs-button-style-58 .scs-button-button:hover {transition: 0.3s all linear; color: #fff; background: #377cfd;border: 1px solid #377cfd;} .scs-button-style-58 .scs-button-button:active {transition: 0.3s all linear; color: #fff; background: #377cfd;border: 1px solid #377cfd;} .scs-button-style-59 .scs-button-button {cursor: pointer; width: auto; padding-left: 20px !important; padding-right: 20px !important;height: 24px; line-height: 24px; float: left; text-align: center; color: #fff; background: #099DFD;border-radius: 0px 4px 4px 0px; font-size: 14px;} .scs-button-style-60 {cursor: pointer; background: #099DFD; text-align: center; width:100%; color: #fff; text-align: center; font-size: 14px; line-height: 40px; border-radius:4px;} .scs-button-style-61 { width:160px; height: 60px; margin: 0 auto !important; border-radius:30px;line-height: 60px; text-align: center; color: #ffffff;background: linear-gradient(135deg, #8813EF 0%, #3B54EE 100%); } .scs-button-style-61 a { color:#FFFFFF !important;} .scs-button-style-61 a:link { color:#FFFFFF !important;} .scs-button-style-61 a:hover { color:#FFFFFF !important;} .scs-button-style-61 a:visited { color:#FFFFFF !important;} .scs-button-style-61 a:active { color:#FFFFFF !important;} .scs-button-style-61:hover a { color:#FFFFFF !important;} /** * --------------------------------------- * Title Component * --------------------------------------- */ /* Title Default Style: Empty */ /* Flat */ .scs-title-style-1 { color: #333333; display: block; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: normal; } /* Highlight */ .scs-title-style-2 { background-color: #DEF300; color: #333333; font-family: adobe-clean, sans-serif; padding-top: 2em; padding-bottom: 2em; } /* Divider */ .scs-title-style-3 { font-size: 20px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Segoe UI", "Helvetica", "Arial", "Sans Serif"; color: #3a4249; text-align: left; border-top: 1px solid #999999; padding-top: 1em; } /** * --------------------------------------- * Paragraph Component * --------------------------------------- */ /* Paragraph Default Style: Empty */ /* Flat */ .scs-paragraph-style-1 { font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: normal; color: #333333; } /* Note */ .scs-paragraph-style-2 { background-color: #FFCCD8; color: #333333; font-family: "Lucida Grande", "Verdana", "Helvetica", "Arial", sans-serif; border: 1px solid #dddddd; border-radius: 5px; } /* Highlight */ .scs-paragraph-style-3 { background-color: #DEF300; color: #333333; font-size: larger; } /* Footer Divider */ .scs-paragraph-style-4 { font-size: 70%; color: #0088cc; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding-top: 1em; padding-bottom: 1em; } /* Footer Frame */ .scs-paragraph-style-5 { font-size: 80%; font-weight: bold; color: #666666; border: 1px solid #999999; border-radius: 5px; padding-top: 1em; padding-bottom: 1em; } /* Footer Background */ .scs-paragraph-style-6 { font-family: source-sans-pro, sans-serif; color: #333333; background-color: #E5E5E5; box-sizing: border-box; padding-top: 2em; padding-bottom: 2em; } /** * --------------------------------------- * Document Component * --------------------------------------- */ /* setup base styles for title/page number can be overriden in styles */ .scs-document-cap { position: absolute; bottom: 0px; left: 0px; width: 100%; color: #FFFFFF; } .scs-document-title { position: relative; z-index: 2; padding: 0.5em; opacity: 0.54; background-color: #000000; } .scs-document-desc { font-style: italic; font-size: 12px; color: #CCCCCC; padding-top: 2px; } .scs-document-capb { position: absolute; left: 0px; top: 0px; width: 100%; height: 0%; z-index: 1; opacity: 0.5; background-color: #000000; } /** * --------------------------------------- * Social Bar Component * --------------------------------------- */ /* Social Bar styles */ .scs-socialbar-default-style { background-color: transparent; } /** * --------------------------------------- * Sample Custom Component * --------------------------------------- */ .news-article-default-style .scs-image { border: 1px solid #0572CE; box-sizing: border-box; padding: 5px; font-size: 16px; color: #333333; } .news-article-style-1 .scs-image { border: 1px solid #ff0000; box-sizing: border-box; padding: 5px; font-size: 18px; color: #333333; } .my-custom-component .scs-title .scs-title-text a, .my-custom-component .scs-paragraph .scs-paragraph-text a { text-decoration: none; } .my-custom-component .scs-component-content { display: inherit; } .my-custom-component .scs-title .scs-title-text, .my-custom-component .scs-paragraph .scs-paragraph-text { overflow-x: initial; overflow-y: initial; } /** * --------------------------------------- * Title Component * --------------------------------------- */ /* Title */ .scs-title-style-base, .scs-title-style-title, .scs-title-style-sub-title, .scs-title-style-heading-xl, .scs-title-style-heading-l, .scs-title-style-heading-m, .scs-title-style-heading-s { padding: 0; margin-top: 0em; margin-right: 0em; margin-bottom: 0.5em; margin-left: 0em; } .scs-title-style-title { font-weight: bold; font-size: 1em; line-height: 1.4em; text-align: center; text-transform: uppercase; } .scs-title-style-sub-title { font-style: italic; font-weight: normal; font-size: 0.8333em; line-height: 1.4em; text-align: center; } .scs-title-style-heading-xl { font-weight: bold; font-size: 1em; line-height: 1.4em; } .scs-title-style-heading-l { font-style: italic; font-weight: normal; font-size: 0.8333em; line-height: 1.4em; } .scs-title-style-heading-m { font-weight: bold; font-size: 0.6666em; line-height: 1.4em; } .scs-title-style-heading-s { font-style: italic; font-weight: normal; font-size: 0.5em; line-height: 1.4em; } /** * --------------------------------------- * Paragraph Component * --------------------------------------- */ /* Paragraph */ .scs-paragraph-style-base, .scs-paragraph-style-heading-xl, .scs-paragraph-style-heading-l, .scs-paragraph-style-heading-m, .scs-paragraph-style-heading-s, .scs-paragraph-style-heading-xs, .scs-paragraph-style-body-l, .scs-paragraph-style-body-m, .scs-paragraph-style-body-s, .scs-paragraph-style-code, .scs-paragraph-style-quote, .scs-paragraph-style-cite { padding: 0; margin-top: 0.3em; margin-right: 0em; margin-bottom: 0.3em; margin-left: 0px; } .scs-paragraph-style-heading-xl { font-weight: bold; font-size: 2em; line-height: 1.4em; } .scs-paragraph-style-heading-l { font-style: italic; font-weight: normal; font-size: 1.5em; line-height: 1.4em; } .scs-paragraph-style-heading-m { font-weight: bold; font-size: 1.125em; line-height: 1.4em; } .scs-paragraph-style-heading-s { font-style: italic; font-weight: normal; font-size: 1em; line-height: 1.4em; } .scs-paragraph-style-heading-xs { font-weight: bold; font-size: 0.8125em; line-height: 1.4em; } .scs-paragraph-style-body-l { font-size: 1.125em; line-height: 1.4em; } .scs-paragraph-style-body-m { font-size: 1em; line-height: 1.4em; } .scs-paragraph-style-body-s { font-size: 0.8125em; line-height: 1.4em; } .scs-paragraph-style-code { padding-left: 1.5em; font-family: monospace, serif; font-size: 0.8125em; line-height: 1.3em; border: 1px solid silver; } .scs-paragraph-style-quote { padding-left: 1.5em; font-style: italic; font-size: 0.8125em; line-height: 1.3em; border-left: 1px solid silver; } .scs-paragraph-style-cite { font-size: 0.8125em; } .scs-facebook-icon { background-image: url("/views/assets/img/2023/facebook.png"); } .scs-twitter-icon { background-image: url("/views/assets/img/2023/twitter.png"); } .scs-linkedin-icon { background-image: url("/views/assets/img/2023/linkedin.png"); } .scs-googleplus-icon { background-image: url("/views/assets/img/2023/googleplus.png"); } .scs-youtube-icon { background-image: url("/views/assets/img/2023/youtube.png"); } .scs-flickr-icon { background-image: url("/views/assets/img/2023/flickr.png"); } /** rss styles **/ .rss-caption-heading-default-style .rss-caption-heading { background: #be2c12; color: #fff; font-family: Verdana; font-size: 15px; } .rss-caption-heading-custom-style-1 .rss-caption-heading { background: #0f9633; color: #fff; font-family: Verdana; font-size: 15px; } .rss-caption-heading-custom-style-2 .rss-caption-heading { background: #746763; color: #fff; font-family: Verdana; font-size: 15px; } /** * --------------------------------------- * Cookie Consent * --------------------------------------- */ .scs-cookie-consent { border: 1px solid #d9d9d9; border-bottom: none; border-radius: 8px 8px 0 0; background-color: #f0f0f0; align-items: center; font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif; font-size: 16px; font-weight: 300; color: #262626; line-height: 1.4; box-sizing: border-box; padding: 20px 70px 20px 15px; margin-left: 10px; display: inline-block; position: fixed; bottom: 0px; left: 0px; z-index: 99999; } .scs-cookie-consent a { color: #006598 !important; font-weight: 700; text-decoration: none; -webkit-transition: color .2s; transition: color .2s; } .scs-cookie-consent .scs-cookie-consent-close { display: block; float: right; margin: 0; background-color: #000; border-radius: 100px; position: absolute; right: 6px; top: 6px; cursor: pointer; width: 36px; height: 36px; color: white; text-align: center; background-image: url(/views/assets/img/2023/x-close.png); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; } .scs-cookie-consent a:hover { color: red !important; } /* FileList iFrame Specific Styles */ .scs-file-list-container li { padding-bottom: 0; } .scs-file-list-left-col { flex: none; align-self: center; } .scs-file-list-mid-col { order: -1; /*max-width: 350px;*/ } .scs-file-list-container > div:nth-child(1) { margin-bottom: 1px; padding: 6px; background-color: #402416; } .scs-file-list-folder-title { font-family: 'San Francisco'; color: #ffffff; } .scs-file-list-line-separator { border-bottom: none; margin-top: 0; margin-bottom: 0; } .scs-file-list-row { padding-left: 6px; } .scs-file-list-file-title { font-size: 18px; font-family: 'San Francisco'; margin-bottom: 0; } .scs-file-list-file-desc { font-family: 'San Francisco'; } .scs-file-list-cust { overflow-y: hidden; } .scs-componentgroup-style-1001 h3{ padding:0; margin:0; } .scs-componentgroup-style-1002{ padding-top: 10px;padding-left: 0;background-image: linear-gradient(to top, rgb(229, 229, 229) 0%, rgb(229, 229, 229) 50%, transparent 50%);background-size: 1px 18px;background-repeat: repeat-y;position: sticky;width: 100%;top: calc(25% - 100px);padding-bottom: 10px; } .scs-componentgroup-style-1002 .scs-component-container { height: 26px;margin: 20px 0;padding-left: 20px;list-style: none;cursor: pointer; } .scs-componentgroup-style-1002 .scs-component-container.current{border-left: 3px solid rgb(9 157 253);color: #099DFD;} .scs-componentgroup-style-1005{ } .scs-componentgroup-style-1005{width:100%} .scs-componentgroup-style-1005 .scs-row{position:relative;width:200px;height:310px;float:left;background:#fff;z-index: 666;} .scs-componentgroup-style-1005 .scs-row:first-child{margin-left:0} .scs-componentgroup-style-1005 .scs-row{-webkit-transition:width .6s linear;-o-transition:width .6s linear;-moz-transition:width .6s linear;transition:width .6s linear} .scs-componentgroup-style-1005 .scs-row.active{z-index:9; width:600px; height:310px; background: url("/views/assets/img/2023/qhnrbj.png") left top no-repeat; overflow: hidden;} .scs-componentgroup-style-1007{ position: relative; width: 1040px; height: auto; overflow: hidden; padding: 10px; background-size: 100% 100%; border-radius: 8px; margin: 0 auto; } .sl-two-columns, .sl-three-columns{ column-gap: 15px; } .scs-paragraph .scs-paragraph-text, .scs-title .scs-title-text { overflow: hidden !important;} @media screen and (max-width: 1700px) { .scs-componentgroup-style-77 { margin: 15px;} } @media screen and (max-width: 1600px) { .scs-componentgroup-style-77 { margin: 15px;} .scs-componentgroup-style-64 { height: 330px;} .scs-componentgroup-style-66 { padding:40px 20px 80px 20px; margin-top:-280px;} } @media screen and (max-width: 1500px) { .scs-title-style-12 { font-size: 32px;} } @media screen and (max-width: 1400px) { .scs-title-style-12 { font-size: 28px; line-height: 40PX;} } @media screen and (max-width: 1350px) { .scs-paragraph-style-9 p { font-size: 12px;} .scs-componentgroup-style-64 { height: 280px;} .scs-componentgroup-style-65 { margin-top:20px;} .scs-componentgroup-style-66 { padding:40px 20px 80px 20px; margin-top:-300px;} .scs-title-style-13 { font-size: 16px;} .scs-title-style-14 { font-size: 12px;} .scs-componentgroup-style-93 .scs-title-style-35 { font-size: 18px;} .scs-componentgroup-style-93 .scs-title-style-9 { font-size: 16px;} } } @media screen and (max-width: 1200px) { .scs-title-style-6 { font-size: 36px;} .scs-title-style-7 { font-size: 28px;} .scs-title-style-12 { font-size: 20px;} .scs-componentgroup-style-75 { margin: 15px; margin-top: 40px;} .scs-componentgroup-style-61 { margin: 15px;} .scs-componentgroup-style-79 { margin-top: 130px !important;} .scs-title-style-13 { font-size: 12px; line-height: 20px;} .scs-title-style-14 { font-size: 10px; line-height: 16px;} .scs-componentgroup-style-64 { height: 230px;} .scs-componentgroup-style-65 { margin-top:0px;} .scs-componentgroup-style-66 { padding:40px 20px 80px 20px; margin-top:-300px;} .scs-title-style-32 { font-size:16px;} .scs-title-style-21 { font-size:16px;} } @media screen and (max-width: 1100px) { .scs-componentgroup-style-77 { margin: 15px;} .scs-componentgroup-style-79 img { width:50%} .scs-componentgroup-style-91 .scs-title-style-33 { font-size: 42px;} .scs-componentgroup-style-93 .scs-title-style-35 { font-size: 16px;} .scs-componentgroup-style-93 .scs-title-style-9 { font-size: 14px;} } @media screen and (max-width: 1000px) { .scs-title-style-6 { font-size: 30px;} .scs-title-style-7 { font-size: 22px;} .scs-title-style-12 { font-size: 16px; line-height: 40PX;} .scs-paragraph-style-10 p { font-size:12px;} .scs-paragraph-style-9 p { font-size: 10px;} .scs-componentgroup-style-62 { height: 240px;margin-bottom: 15px;} .scs-title-style-20 { font-size: 80px;} .scs-componentgroup-style-79 { margin-top: 100px !important;} .scs-componentgroup-style-91 .scs-paragraph-style-10 p { font-size: 16px;} } @media screen and (max-width: 920px) { .scs-componentgroup-style-70 { height: auto; padding:10px; margin-bottom: 15px;} .scs-componentgroup-style-71 { height: auto; padding:10px; margin-bottom: 15px;} .scs-componentgroup-style-72 { height: auto; padding:10px; margin-bottom: 15px;} .scs-componentgroup-style-73 { height: auto;} .scs-componentgroup-style-75 { padding:20px;} .scs-title-style-21 { font-size: 16px;} .scs-title-style-32 { font-size: 16px;} .scs-title-style-22 { font-size: 18px;} .scs-componentgroup-style-81 { padding-top:100px; padding-bottom: 50px;} .scs-componentgroup-style-91 .scs-title-style-33 { font-size: 45px;} } @media screen and (max-width: 800px) { .scs-componentgroup-style-62 { height: 330px;margin-bottom: 15px;} .scs-componentgroup-style-79 { margin-top: 20px !important; padding:15px;} .scs-title-style-6 { font-size: 26px;} .scs-componentgroup-style-91 { padding: 30px 30px 70px 30px;} .scs-componentgroup-style-91 .scs-title-style-33 { font-size: 24px;} .scs-componentgroup-style-91 .scs-title-style-8 { font-size: 24px;} .scs-componentgroup-style-91 .scs-title-style-34 { font-size: 14px;} .scs-componentgroup-style-91 .scs-paragraph-style-10 p { font-size: 14px;} .scs-componentgroup-style-93 .scs-title-style-34 { font-size: 12px;} .scs-componentgroup-style-93 .scs-title-style-13 { font-size: 12px;} } @media screen and (max-width: 700px) { .scs-componentgroup-style-80 { padding-left: 15px; padding-right: 15px;} .scs-componentgroup-style-64 { height: 400px;} .scs-componentgroup-style-65 { margin-top:50px;} .scs-componentgroup-style-66 { padding:40px 20px 60px 20px; margin-top:-170px;} .scs-title-style-13 { font-size: 22px; line-height: 30px;} .scs-title-style-14 { font-size: 16px; line-height: 24px;} .scs-title-style-31 { font-size: 60px;} .scs-componentgroup-style-81 { padding-top:80px; padding-bottom: 20px;} } @media screen and (max-width: 610px) { .scs-title-style-32 { font-size: 14px; padding-left:30px;} .scs-title-style-21 { font-size: 14px; padding-left:30px;} .scs-title-style-22 { font-size: 16px;} .scs-title-style-23 { font-size: 12px;} .scs-componentgroup-style-84 { padding:30px;} .scs-componentgroup-style-89 { padding:30px;} } @media screen and (max-width: 600px) { .scs-componentgroup-style-62 { height: auto;margin-bottom: 15px;} .scs-title-style-7 { font-size: 18px;} .scs-button-style-61 { width: auto;} .scs-title-style-19 { font-size: 22px;} .scs-title-style-20 { font-size: 50px;} .scs-title-style-31 { font-size: 40px;} .scs-componentgroup-style-84 .scs-title-style-8 { font-size: 24px;} .scs-componentgroup-style-84 .scs-image .scs-image-image { width:50px !important;} .scs-componentgroup-style-91 { padding: 20px 20px 30px 20px;} .scs-componentgroup-style-91 .scs-title-style-33 { font-size: 16px;} .scs-componentgroup-style-91 .scs-title-style-8 { font-size: 16px;} .scs-componentgroup-style-91 .scs-title-style-34 { font-size: 12px;} .scs-componentgroup-style-91 .scs-paragraph-style-10 p { font-size: 12px;} } @media screen and (max-width: 460px) { .scs-title-style-25 {font-size: 16px; line-height: 36px; padding-left: 5px;} .scs-title-style-26 {font-size: 16px; line-height: 36px; padding-left: 5px;} .scs-title-style-27 {font-size: 16px; line-height: 36px; padding-left: 5px;} .scs-componentgroup-style-92 { margin-bottom: 20px;} } @media screen and (max-width: 440px) { .scs-title-style-19 { font-size: 18px;} .scs-button-style-61 { height:45px; line-height: 45px;} .scs-title-style-20 { font-size: 30px;} } @media screen and (max-width: 410px) { .scs-componentgroup-style-62 { height: auto;margin-bottom: 15px;} .scs-componentgroup-style-81 { padding-top:70px; padding-bottom: 0px;} .scs-componentgroup-style-75 { padding:10px;} }