html,body {width: 100%;background-color: #000;position: relative;font: 18px / 1.5 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', tahoma, Arial;overflow-x: hidden;scroll-behavior: smooth;}
.sp{background:url(https://static.web.sdo.com/dn/pic/dn_24act/14thpre/sp.png?v1) no-repeat;background-repeat: no-repeat;}
.wrap{width: 100%;position: relative;background-image: url(https://static.web.sdo.com/dn/pic/dn_24act/14thpre/rp.jpg?v1);background-repeat: no-repeat;height: 5383px;position: relative;background-position: 50% 0;}
.container{width: 1100px;margin: 0 auto;height: 100%;position: relative;}
.head{width: 100%;height: 1056px;position: relative;}
.list-topBtn{position: fixed;top: 62px;right: 50px;z-index: 9;}
.list-topBtn li {width: 226px;margin-bottom: 6px;}
.list-topBtn li a{background-position: 0 0;width: 226px;height: 65px;transition: .3s all;}
.list-topBtn li:nth-child(2) a{background-position: 0 -72px;}
.list-topBtn li:nth-child(3) a{background-position: 0 -145px;}
.list-topBtn li:nth-child(4) a{background-position: 0 -217px;}
.list-topBtn li a:hover,.list-topBtn li.on a{transform: scale(1.06);}
.tit{width: 626px;height: 112px;margin: 0 auto;}
.login-box{width: 664px;position: absolute;left: 1114px;top: 935px;display: flex;justify-content: center;align-items: center;}
.login-box .unlogin a{background-position: -705px 0;width: 226px;height: 65px;}
.login-box .logined{display: flex;font-size: 24px;color: #2a80d9;line-height: 28px;}
.login-box .logined a{color: #000;}
/*section1*/
.section1{margin-bottom:50px;}
.tit1{background-position:0 -289px;}
.list-s1-prop{display: flex;justify-content: center;padding: 30px 0 100px;;}
.list-s1-prop li{width: 258px;position: relative;margin: 0 50px;}
.list-s1-prop li img{display: block;width: 258px;}
.list-s1-prop li p{background-position: -239px 0;width: 318px;height: 68px;position: absolute;left: 50%;margin-left: -159px;top: 256px;display: flex;justify-content: center;align-items: center;font-size: 24px;color: #fff;text-align: center;line-height: 32px;}
.list-s1-prop li:nth-child(3) p{font-size: 18px;line-height: 22px;}
.s1-tips{font-size: 28px;color: #138ee7; margin: 0 auto;}
/*section2*/
.section2{height: 1682px;}
.tit2{background-position: 0 -408px;width: 630px;height: 114px;}
.s2-tit-s{font-size: 40px;color: #138ee7;line-height: 46px;text-align: center;padding-top: 16px;}
.main-prog{width: 1018px;margin: 210px auto 0;position: relative;}
.box-prog{width: 100%;height: 18px;background-color: #fff8c1;border-radius: 9px;position: relative;}
.list-s2-prog{position: absolute;display: flex;justify-content: center;width: 100%;top: 50%;left: 0;margin-top: -19px;}
.list-s2-prog li{width: 38px;margin: 0 110px;position: relative;}
.list-s2-prog li em{background-color: #fff;border-radius: 100%;border: 3px solid #3887dc;width: 32px;height: 32px;display: block;}
.list-s2-prog li span{position: absolute;width: 200px;left: 50%;margin-left: -100px;top: 55px;font-size: 22px;color: #347cce;line-height: 24px;text-align: center;}
.prog-fig{background-image: url(https://static.web.sdo.com/dn/pic/dn_24act/14thpre/prog-pros.png?v1);background-repeat: no-repeat;width: 149px;height: 186px;left: 0;top: -186px;margin-left: -149px; transform: scale(.7);transform-origin: 100% 90%;}
.s2-tips{font-size: 30px;color: #fff;width: 572px;height: 50px;text-align: center;line-height: 50px;background-color: #5bb0ec;border: 1px solid #fff;border-radius: 10px;margin: 96px auto 0;}
.list-s2-prop{display: flex;flex-wrap: wrap;justify-content: center;padding-top: 40px;}
.list-s2-prop li{width: 439px;height: 490px;background-color: #54a2e1;border-radius: 20px;border: 3px solid #488aea;margin: 0 21px 16px;}
.tit-award{font-size: 36px;color: #ffe57c;line-height: 40px;text-align: center;padding-top: 15px;letter-spacing: 10px;}
.list-s2-prop li em{background-position: -317px -244px;width: 285px;height: 10px;margin: 16px auto 0;}
.h4-s2-tj{width: 124px;height: 28px;border: 2px solid #c1f6ff;border-radius: 10px;margin: 20px auto 0;font-size: 24px;color: #fff;line-height: 28px;text-align: center;}
.text-s2-sj{font-size: 22px;color: #d8ebff;line-height: 28px;text-align: center;padding-top: 16px;}
.box-s2-prop{width: 372px;height: 162px;margin: 20px auto 0;border: 3px solid #2f87f5;background-color: #fff;border-radius: 30px;display: flex;justify-content: center;padding-top: 28px;box-sizing: border-box;position: relative;}
.box-s2-prop div{width: 56px;margin: 0 60px;position: relative;}
.box-s2-prop div img{display: block;width: 56px;}
.box-s2-prop div span{position: absolute;width: 200px;left: 50%;margin-left: -100px;top: 85px;font-size: 16px;color: #6b2d08;line-height: 22px;text-align: center;}
.box-s2-prop div span.ts{top: 76px;}
.list-s2-prop li a{background-position: -240px -115px;width: 245px;height: 72px;margin: 22px auto 0;font-size: 28px;color: #a94d15;line-height: 56px;text-align: center;display: block;font-weight: bold;}
.list-s2-prop li a.gray{filter: grayscale(100%);}
/*section3*/
.section3{height: 848px;}
.tit3{background-position: 0 -530px;height: 116px;width: 625px;}
.s3-tit-s{font-size: 28px;color: #138ee7;line-height: 34px;width: 1012px;margin: 0 auto;padding-top: 16px;}
.s3-tips{font-size: 30px;color: #fff;width: 329px;height: 50px;text-align: center;line-height: 50px;background-color: #5bb0ec;border: 1px solid #fff;border-radius: 10px;margin: 18px auto 0;}
.list-s3-prop{display: flex;justify-content: center;flex-wrap: wrap;padding-top: 76px;}
.list-s3-prop li{background-image: url(https://static.web.sdo.com/dn/pic/dn_24act/14thpre/s3-prop-bg.png?v1);background-repeat: no-repeat;width: 192px;height: 211px;margin: 0 7px 44px;box-sizing: border-box;padding-top: 32px;}
.list-s3-prop li img{display: block;width: 62px;height: 62px;margin: 0 auto;}
.list-s3-prop li span{font-size: 16px;color: #4a81ff;line-height: 22px;text-align: center;height: 64px;display: flex;align-items: center;justify-content: center;}
.list-s3-prop li a{display: block;width: 100%;height: 58px;font-size: 24px;color: #fff0a0;line-height: 42px;text-align: center;}
.list-s3-prop li.gray{filter: grayscale(100%);}
/*section4*/
.tit4{background-position: 0 -654px;height: 109px;width: 724px;}
.s4-tit-s{font-size: 28px;color: #138ee7;line-height: 34px;width: 1012px;margin: 0 auto;padding-top: 16px;}
.s4-tips{font-size: 30px;color: #fff;width: 329px;height: 50px;text-align: center;line-height: 50px;background-color: #5bb0ec;border: 1px solid #fff;border-radius: 10px;margin: 18px auto 0;}
.list-s4-prop{display: flex;justify-content: center;padding-top: 30px;flex-wrap: wrap;}
.list-s4-prop li{width: 192px;margin: 0 7px 78px;}
.list-s4-prop li a{display: block;background-repeat: no-repeat;background-image: url(https://static.web.sdo.com/dn/pic/dn_24act/14thpre/s4-prop-bg.png?v1);width: 192px;height: 211px;position: relative;padding-top: 42px;box-sizing: border-box;}
.list-s4-prop li a img{display: block;width: 62px;height: 62px;margin: 0 auto;}
.list-s4-prop li a em{width: 66px;height: 32px;font-size: 18px;color: #fff3b2;line-height: 32px;text-align: center;right: 9px;top: 3px;background-color: #80a1ff;}
.list-s4-prop li a span{height: 54px;display: flex;justify-content: center;align-items: center;padding-top: 33px;font-size: 16px;color: #ffffff;line-height: 22px;text-align: center;}
/*.list-s4-prop li a span.ts{font-size: 20px;line-height: 24px;}*/
.list-s4-prop li a i{width: 30px;height: 30px;border: 2px solid #508cff;border-radius: 100%;left: 50%;margin-left: -17px;top: 208px;position: absolute;box-shadow: 0px 2px 2px rgba(0,0,0,.3);}
.list-s4-prop li a i b{display: none;width: 28px;height: 28px;border-radius: 100%;left: 50%;margin-left: -14px;top: 50%;margin-top: -14px;background-color: #508cff;position: absolute;}
.list-s4-prop li.on a i b{display: block;}
.btn-tb{background-position: -240px -115px;width: 245px;height: 72px;margin: 22px auto 0;font-size: 28px;color: #a94d15;line-height: 56px;text-align: center;display: block;font-weight: bold;}
.btn-tb.gray{filter: grayscale(100%);}
/*µ¯´°*/
.pop-main{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: fixed;left: 0;top: 0;z-index: 999;}
.mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.8);}
.pop-con{position: relative;background-repeat: no-repeat;box-sizing: border-box;background-image: url(https://static.web.sdo.com/dn/pic/dn_24act/14thpre/pop.png?v1);width: 722px;height: 427px;}
.pop-close{right: 0;top: 22px;background-position: -120px 0;width: 36px;height: 36px;}
.pop-con p{display: flex;justify-content: center;align-items: center;text-align: center;font-size: 36px;color: #3c60fe;line-height: 42px;width: 80%;margin: 0 auto;height: 258px;padding-top: 12px;}
.pop-con a{display: block;background-position: -541px -115px;width: 240px;height: 68px;margin: 0 auto;font-size: 40px;color: #fff;line-height: 68px;text-align: center;letter-spacing: 6px;}
.pop-con a.gray{filter: grayscale(100%);}