.dashboard-container-softname { display: inline-block; width: 370px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; height: 50px; }
.banner-btn { display: block; width: 277px; height: 74px; margin-bottom: 21px; line-height: 74px; border-radius: 2px; background: #2a4aeb; background: linear-gradient( 131deg, #1ba0ed 15%, #0787e2 41%, #1e96ca 91% ); box-shadow: 0px 4px 15px 0px rgba(7, 136, 205, 0.27); font-size: 24px; font-weight: bold; color: #ffffff; text-shadow: 0px 2px 10px 0px rgba(13, 88, 169, 0.4); cursor: pointer; }
.banner-btn:before { content: ''; display: inline-block; position: relative; top: 2px; display: inline-block; width: 23px; height: 25px; margin: 0 39px 0 35px; font-size: 0; background-image: url('img/t0101483c5720604d3f.png'); background-size: 100% 100%; }


.main { width: 1000px; margin: 0 auto; padding: 18px 0 10px; }
.main-title { position: relative; padding: 18px 0 18px 39px; font-size: 22px; line-height: 32px; font-weight: bold; color: #3d3d3d; }
.main-title::after { content: ""; position: absolute; top: 24px; left: 17px; width: 5px; height: 22px; border-radius: 2px; background: #06cd5a; }
.main-intro { border-radius: 2px; margin-bottom: 30px; background: #fbfdff; background: linear-gradient( 180deg, #f4f9ff 5%, #f8fcff 37%, #fbfdff 98% ); box-sizing: border-box; border: 1px solid #edf5ff; }
.main-intro-desc { margin: 0 4px; padding: 24px 28px; border-top: 1px solid #d9ebff; font-size: 14px; line-height: 24px; color: #3d3d3d; }
.main-ys { margin: 50px 0; font-size: 0; }
.main-ys-item { display: inline-block; width: 212px; height: 188px; border-radius: 2px; background: #fbfdff; background: linear-gradient( 180deg, #f4f9ff 5%, #f8fcff 37%, #fbfdff 98% ); box-sizing: border-box; border: 1px solid #edf5ff; }
.main-ys-item + .main-ys-item { margin-left: 50px; }
.main-ys-item img { display: block; width: 100px; height: 84px; margin: 22px auto; }
.main-ys-item-title { width: 100%; font-size: 20px; font-weight: 400; text-align: center; line-height: 24px; color: #3d3d3d; }
.main-flow { font-size: 0; }
.main-flow-list { position: relative; margin-top: 18px; }
.main-flow-item { position: relative; display: inline-block; width: 33.33333%; font-size: 0; }
.main-flow-circle { display: inline-block; width: 62px; height: 62px; border-radius: 62px; background-size: 100% 100%; line-height: 62px; text-align: center; font-size: 24px; font-weight: bold; letter-spacing: 0px; color: #3d3d3d; }
.main-flow-bg { position: absolute; z-index: -1; top: 8px; left: 20px; right: 0; height: 48px; background: #ecfff7; background: linear-gradient(180deg, #ffffff 0%, #ecfff7 97%); border: 1px solid; border-color: rgba(183, 227, 210, 0.2); border-image: linear-gradient( 180deg, #abe8d0 5%, rgba(183, 227, 210, 0.84) 97% ); border-radius: 29px; }
.main-flow-title { overflow: hidden; position: relative; top: 9px; display: inline-block; margin-left: 20px; font-size: 16px; font-weight: 500; line-height: 48px; color: #444444; }
.main-flow-title img { position: absolute; left: 0; bottom: -22px; width: 85px; height: 31px; }
.main-footdown-wrap { height: 101px; background: #f9f9f9; border-top: 1px solid #e8e8e8; }
.main-footdown { width: 1000px; margin: 0 auto; }
.main-footdown-text { float: left; font-size: 16px; line-height: 101px; color: #3d3d3d; }
.main-footdown-btn { float: right; width: 173px; height: 46px; margin-top: 25px; border-radius: 2px; background: #1eca86; background: linear-gradient( 131deg, #1bed77 15%, #1bdd8a 41%, #1eca86 91% ); box-shadow: 0px 4px 15px 0px rgba(7, 205, 90, 0.27); font-size: 22px; font-weight: 500; line-height: 46px; text-align: center; text-decoration: none; color: #ffffff; }
.footer-container { background: #fff; }
.dlcnheader { width: 100%; height: 64px; line-height: 64px; position: fixed; top: 0; left: 0; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06); z-index: 99999; }
.dlcnheader a { text-decoration: none; }
.dlcnheader .headerInner { width: 1152px; height: 64px; line-height: 64px; margin: 0 auto; position: relative; }
.dlcnheader .headerInner > a > .logo { position: relative; top: 10px; height: 42px; float: left; }
.dlcnheader .headerInner > div { display: inline-block; }
.dlcnheader .headerInner > ul { margin: 0 0 0 72px; display: inline-block; height: 64px; }
.dlcnheader .headerInner > ul a { display: inline-block; margin-right: 40px; vertical-align: middle; position: relative; top: -2px; }
.dlcnheader .headerInner > ul a li { display: inline-block; font-size: 16px; color: #666; position: relative; }
.dlcnheader .headerInner > ul a li.active { color: #333; font-weight: bold; }
.dlcnheader .headerInner > ul a li.active::after { content: ""; position: absolute; bottom: 10px; left: 0; background-color: #1ab956; width: 100%; height: 3px; box-shadow: 0 2px 6px 0 rgba(26, 185, 86, 0.2); border-radius: 1.5px; }
.dlcnheader .headerInner > .headerLinkGroup { float: right; }
.dlcnheader .headerInner > .headerLinkGroup a { display: inline-block; margin-right: 22px; font-size: 14px; color: #333; height: 20px; line-height: 20px; vertical-align: middle; transition: color 0.35s; }
.dlcnheader .headerInner > .headerLinkGroup a img { vertical-align: middle; position: relative; top: -2px; width: 24px; }
.dlcnheader .headerInner > .headerLinkGroup a:last-of-type { margin-right: 0; }
.dlcnheader .headerInner > .headerLinkGroup a:hover { color: #1ab956; }
.dlcnheader-wrap { display: none; padding-top: 64px; }
.app-container img { width: 100%; }