.cuna{cursor: not-allowed;} .pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;} .bgf{background-color: #fff;} .bgf1{background-color: #f1f1f1;} .bgf5{background-color: #f5f5f5;} .bge{background-color: #eee;} @-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}} @keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}} .fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;} @-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}} @keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}} .dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;} @-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}} @keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}} .AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;} @-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}} @keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}} .AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;} @-webkit-keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}} @keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}} .AniShiny{-webkit-animation-name: AniShiny; animation-name: AniShiny;} @-webkit-keyframes animateStay{0, 100%{opacity: 1;}} @keyframes animateStay{0, 100%{opacity: 1;}} .animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;} @-webkit-keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}} @keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}} .AniNone{-webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1;} @-webkit-keyframes AniCalmdown{} @keyframes AniCalmdown{} .AniCalmdown{-webkit-animation-name: AniCalmdown; animation-name: AniCalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none;} /* baseCss */ .en{word-break: keep-all;} .tdu{text-decoration: underline;} .oh{position: relative; overflow: hidden;} .ma{margin-left: auto; margin-right: auto;} .dib{display: inline-block; vertical-align: top;} .vab{vertical-align: bottom;} .vat{vertical-align: top;} .unsel{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .insel{-webkit-user-select: normal ; -moz-user-select: normal ; -ms-user-select: normal ; user-select: normal ;} .op0{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */} .op1{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;} .taps a, .tapList a, .tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .tapList .link{display: block;} .lhd5{height: .5em;} .reject{cursor: not-allowed;} .poss{position: static !important;} .ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;} .tsn{-webkit-transition: none !important; transition: none !important;} .emptyList{text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold;} .hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;} .viewport{position: relative;} .hScroll{white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;} .hScroll .scrollBox, .hScroll .overview{display: inline-block; vertical-align: top;} .vScroll{font-size: 0; overflow-y: auto; overflow-x: hidden;} .invisible{visibility: hidden; position: absolute !important; z-index: -1;} .ensp{display: inline-block; vertical-align: middle; width: .5em; height: 1px;} .cnsp{display: inline-block; vertical-align: middle; width: 1em; height: 1px;} ._pen{pointer-events: none !important;} .pa100.link{z-index: 8;} .bgct{background-color: transparent !important;} .enter, .reset{position: relative; overflow: hidden;} .enter .iptBtn, .reset .iptBtn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} /* resetEnd */ .c1{color: #2778be;} .bgc1{background-color: #2778be;} .c2{color: #2296c8;} .bgc2{background-color: #2296c8;} .c3{color: #38bab1;} .bgc3{background-color: #38bab1;} .c4{color: #76aadc;} .bgc4{background-color: #76aadc;} .ca{color: #333333;} .cb{color: #666666;} .cs{color: #999999;} .vmbox{font-size: 14px; line-height: 1.4333; font-family: 'Source Han Sans CN Regular';} .info{font-size: 14px; line-height: 1.7143;} .imax{line-height: 1.67777;} @media screen and (max-width: 1024px){.imax{line-height: 1.5;}} ::-moz-selection{background: #1e5d94; color: #fff; text-shadow: none;} ::selection{background: #1e5d94; color: #fff; text-shadow: none;} .pc ::-webkit-scrollbar{position: absolute; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.1);} .pc ::-webkit-scrollbar-thumb{width: 4px; height: 4px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.25);} .pc ::-webkit-scrollbar-track{background: #ababa7;} .pc ::-webkit-scrollbar-corner{background: transparent; height: 0; width: 0;} .loading{background-image: url(../images/loading.gif);} .loading-m{background-image: url(../images/loading-m.gif);} .load-error{background-image: url(../images/error.gif);} .more, .btn, .link, .ctr{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .fz60, .sInvestment-stock .sdd .price{font-size: 60px;} @media screen and (max-width: 1440px){.fz60, .sInvestment-stock .sdd .price{font-size: 52px;}} @media screen and (max-width: 1024px){.fz60, .sInvestment-stock .sdd .price{font-size: 48px;}} @media screen and (max-width: 768px){.fz60, .sInvestment-stock .sdd .price{font-size: 40px;}} .fz48, .sNews-list .item .time .d{font-size: 48px;} @media screen and (max-width: 1440px){.fz48, .sNews-list .item .time .d{font-size: 44px;}} @media screen and (max-width: 1024px){.fz48, .sNews-list .item .time .d{font-size: 42px;}} @media screen and (max-width: 768px){.fz48, .sNews-list .item .time .d{font-size: 30px;}} @media screen and (min-width: 1025px){.pc-hide{display: none !important;}} @media screen and (max-width: 1024px){.m-hide{display: none !important;}} .fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2, .sInvestment-contact .map{font-size: 40px;} @media screen and (max-width: 1440px){.fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2, .sInvestment-contact .map{font-size: 36px;}} @media screen and (max-width: 1024px){.fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2, .sInvestment-contact .map{font-size: 32px;}} @media screen and (max-width: 768px){.fz40, .index-about .dt p, .index-video, .index-hr .dt .hr, .index-hr .dd .icoImg, .footer-t .dt .hr, .subpage-banner, .sAbout-section2 .btn .icoImg, .sCourse-list .item .dt, .sContact-section2, .sInvestment-contact .map{font-size: 26px;}} .fz36, .sInvestment-stock .sdf .col .param{font-size: 36px;} @media screen and (max-width: 1440px){.fz36, .sInvestment-stock .sdf .col .param{font-size: 32px;}} @media screen and (max-width: 1024px){.fz36, .sInvestment-stock .sdf .col .param{font-size: 30px;}} @media screen and (max-width: 768px){.fz36, .sInvestment-stock .sdf .col .param{font-size: 24px;}} .fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 32px;} @media screen and (max-width: 1440px){.fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 28px;}} @media screen and (max-width: 1024px){.fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 26px;}} @media screen and (max-width: 768px){.fz32, .header, .index-head .dt, .index-hr .dt h1, .footer-t .dt h1, .sCulture-item .dt, .sHonor-tab .head, .sBranch-list .item .pic:after, .sBranch-list .item h3, .sNews-relative .dt, .sStrategy .dd .col .sdt, .sRecruit-form .dt{font-size: 22px;}} .fz28, .sContact-section1 .head, .sInvestment-section .dt span, .sInvestment-stock .sdd .unit{font-size: 28px;} @media screen and (max-width: 1440px){.fz28, .sContact-section1 .head, .sInvestment-section .dt span, .sInvestment-stock .sdd .unit{font-size: 26px;}} @media screen and (max-width: 1024px){.fz28, .sContact-section1 .head, .sInvestment-section .dt span, .sInvestment-stock .sdd .unit{font-size: 24px;}} @media screen and (max-width: 768px){.fz28, .sContact-section1 .head, .sInvestment-section .dt span, .sInvestment-stock .sdd .unit{font-size: 20px;}} .fz24, .index-about .dt h1, .index-video .btn s, .subpage-banner .subpage-w .l1, .sAbout-section1 h1, .sCulture-item .dd, .view-head h1, .sWelfare-item .dd .txt .sdt, .sRecruit-statment .dt, .sProduct-list .item{font-size: 24px;} @media screen and (max-width: 1440px){.fz24, .index-about .dt h1, .index-video .btn s, .subpage-banner .subpage-w .l1, .sAbout-section1 h1, .sCulture-item .dd, .view-head h1, .sWelfare-item .dd .txt .sdt, .sRecruit-statment .dt, .sProduct-list .item{font-size: 20px;}} @media screen and (max-width: 1024px){.fz24, .index-about .dt h1, .index-video .btn s, .subpage-banner .subpage-w .l1, .sAbout-section1 h1, .sCulture-item .dd, .view-head h1, .sWelfare-item .dd .txt .sdt, .sRecruit-statment .dt, .sProduct-list .item{font-size: 18px;}} .fz20, .index-news-switch .item h3, .index-news-list .item h3, .footer-t .dd .col dt, .subpage-nav .overview .link, .sHonor-tab .Tg .btn.on span, .sContact-list .dt, .sContact-list .dd .col .sdt, .sContact-form .item.yzm .enter, .sNews-stick .item .txt h3, .sNews-list .item, .sNews-relative .dd .item, .sStrategy .dt, .sWelfare-item .dt, .sDevelop .dt, .sRecruit-statment, .sRecruit-list .item, .sRecruit-list .item .show h3, .sRecruit-list .item .hide .btn, .sRecruit-form .formItem .enter, .sProduct-table, .sInvestment-notice .item, .sInvestment-stock .sdd .range{font-size: 20px;} @media screen and (max-width: 1440px){.fz20, .index-news-switch .item h3, .index-news-list .item h3, .footer-t .dd .col dt, .subpage-nav .overview .link, .sHonor-tab .Tg .btn.on span, .sContact-list .dt, .sContact-list .dd .col .sdt, .sContact-form .item.yzm .enter, .sNews-stick .item .txt h3, .sNews-list .item, .sNews-relative .dd .item, .sStrategy .dt, .sWelfare-item .dt, .sDevelop .dt, .sRecruit-statment, .sRecruit-list .item, .sRecruit-list .item .show h3, .sRecruit-list .item .hide .btn, .sRecruit-form .formItem .enter, .sProduct-table, .sInvestment-notice .item, .sInvestment-stock .sdd .range{font-size: 18px;}} @media screen and (max-width: 1024px){.fz20, .index-news-switch .item h3, .index-news-list .item h3, .footer-t .dd .col dt, .subpage-nav .overview .link, .sHonor-tab .Tg .btn.on span, .sContact-list .dt, .sContact-list .dd .col .sdt, .sContact-form .item.yzm .enter, .sNews-stick .item .txt h3, .sNews-list .item, .sNews-relative .dd .item, .sStrategy .dt, .sWelfare-item .dt, .sDevelop .dt, .sRecruit-statment, .sRecruit-list .item, .sRecruit-list .item .show h3, .sRecruit-list .item .hide .btn, .sRecruit-form .formItem .enter, .sProduct-table, .sInvestment-notice .item, .sInvestment-stock .sdd .range{font-size: 16px;}} .fz18, .index-head .dd, .index-product-tab .Tg .btn span, .sLeader .imax, .sProduct-warn, .sInvestment-stock .sdt{font-size: 18px;} @media screen and (max-width: 1440px){.fz18, .index-head .dd, .index-product-tab .Tg .btn span, .sLeader .imax, .sProduct-warn, .sInvestment-stock .sdt{font-size: 16px;}} @media screen and (max-width: 1024px){.fz18, .index-head .dd, .index-product-tab .Tg .btn span, .sLeader .imax, .sProduct-warn, .sInvestment-stock .sdt{font-size: 14px;}} .fz16, .imax, .index-about .dd p, .index-news-switch .item .time, .index-news-switch .item p, .index-news-list .item .time .y, .index-hr .dt p, .index-hr .dd .col, .sCourse-list .item .dd, .sHonor-tab .Tg .btn, .sHonor-tab .Tt .txt p, .sBranch-list .item p, .sBranch-list .item .df > span, .sContact-list .dd .col .sdd, .sContact-form .item, .sNews-stick .item, .sNews-stick .item .txt .time, .sNews-stick .item .txt p, .sNews-list .item .time .ym, .sNews-list .item p, .sNews-relative .dd .item p, .view-head p, .view-foot, .sStrategy .dd, .sWelfare-item .dd .txt .sdd, .sRecruit-statment .dd, .sRecruit-list .item .show p, .sRecruit-list .item .hide .btn span, .sRecruit-form .formItem, .sProduct-table th, .sProduct-table td, .sProduct-list .item li{font-size: 16px;} @media screen and (max-width: 1440px){.fz16, .imax, .index-about .dd p, .index-news-switch .item .time, .index-news-switch .item p, .index-news-list .item .time .y, .index-hr .dt p, .index-hr .dd .col, .sCourse-list .item .dd, .sHonor-tab .Tg .btn, .sHonor-tab .Tt .txt p, .sBranch-list .item p, .sBranch-list .item .df > span, .sContact-list .dd .col .sdd, .sContact-form .item, .sNews-stick .item, .sNews-stick .item .txt .time, .sNews-stick .item .txt p, .sNews-list .item .time .ym, .sNews-list .item p, .sNews-relative .dd .item p, .view-head p, .view-foot, .sStrategy .dd, .sWelfare-item .dd .txt .sdd, .sRecruit-statment .dd, .sRecruit-list .item .show p, .sRecruit-list .item .hide .btn span, .sRecruit-form .formItem, .sProduct-table th, .sProduct-table td, .sProduct-list .item li{font-size: 14px;}} .fz14, .footer-t .dd, .footer-b, .sRecruit-list .item .hide .imax, .sRecruit-list .item .hide .df{font-size: 14px;} @media screen and (max-width: 1440px){.fz14, .footer-t .dd, .footer-b, .sRecruit-list .item .hide .imax, .sRecruit-list .item .hide .df{font-size: 12px;}} @media screen and (max-width: 768px){.subpage-wrap{padding-top: 30px; padding-bottom: 30px;}} /* sInvestment */ .subpage-w{position: relative; padding-left: 10%; padding-right: 10%;} @media screen and (max-width: 1440px){.subpage-w{padding-left: 6%; padding-right: 6%;}} @media screen and (max-width: 1024px){.subpage-w{padding-left: 4.6875%; padding-right: 4.6875%;}} .sInvestment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .sInvestment:after { display: none; } @media screen and (max-width: 1024px) { .sInvestment { display: block; } } .sInvestment-section { width: 45%; min-width: 420px; } .sInvestment-section:nth-child(1n+3) { margin-top: 5%; } .sInvestment-section .dt { color: #333333; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sInvestment-section .dt:after { display: none; } .sInvestment-section .dt .more { font-size: 14px; line-height: 20px; padding: 8px 0; color: #333333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; border-bottom: 1px solid #333; } .sInvestment-section .dd { margin-top: 4%; } @media screen and (max-width: 1024px) { .sInvestment-section { width: 100%; min-width: 0%; } .sInvestment-section:nth-child(1n+2) { margin-top: 30px; } .sInvestment-section .dd { margin-top: 20px; } } .sInvestment-notice .item { position: relative; padding: .6em 10px .6em 0; border-bottom: #cccccc solid 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; } .sInvestment-notice .item:after { content: " "; position: absolute; bottom: -1px; left: 100%; width: 0; border-bottom: #2778be solid 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; } .sInvestment-notice .item:nth-child(1n+2) { margin-top: 15px; } .sInvestment-notice .item:nth-child(1n+6) { display: none; } .sInvestment-notice .item .pa100 { text-indent: -9999999px; overflow: hidden; } .sInvestment-notice .item h3 { position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; height: 20px; line-height: 20px; color: #333333; } .sInvestment-notice .item .date { position: absolute; right: 0; top: .6em; } .sInvestment-notice .item .date span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; } @media screen and (min-width: 1025px) { .sInvestment-notice .item:hover:after { left: 0; width: 100%; -webkit-transition: left 0ms ease 0s, width 420ms ease 0s; transition: left 0ms ease 0s, width 420ms ease 0s; } .sInvestment-notice .item:hover h3 { color: #2778be; } } @media screen and (max-width: 1024px) { .sInvestment-notice .item:nth-child(1n+2) { margin-top: 10px; } .sInvestment-notice .item:active:after { left: 0; width: 100%; -webkit-transition: all 0ms ease 0s; transition: all 0ms ease 0s; } .sInvestment-notice .item:active h3 { color: #2778be; } } .sInvestment-stock .sdt { padding-bottom: 4%; line-height: 1; color: #666666; } .sInvestment-stock .sdd { line-height: 1; } .sInvestment-stock .sdd .price { display: inline-block; vertical-align: bottom; font-weight: bold; color: #fc0505; } .sInvestment-stock .sdd .unit { display: inline-block; vertical-align: bottom; color: #666666; } .sInvestment-stock .sdd .range { display: inline-block; vertical-align: bottom; padding: 5px; margin-left: 20px; background-color: #fc0505; color: #ffffff; text-align: center; } .sInvestment-stock .sdd .edittime { padding-top: 3%; line-height: 1; font-size: 12px; color: #666666; } .sInvestment-stock .sdf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; padding-top: 1%; } .sInvestment-stock .sdf:after { display: none; } .sInvestment-stock .sdf .col { padding-top: 5%; width: 50%; line-height: 1; } .sInvestment-stock .sdf .col .ppty { font-size: 14px; color: #666666; } .sInvestment-stock .sdf .col .param { padding-top: .5em; color: #333333; } @media screen and (max-width: 1024px) { .sInvestment-stock .sdt { padding-bottom: 20px; } .sInvestment-stock .edittime { padding-top: 10px; } .sInvestment-stock .sdf { padding-top: 5px; } .sInvestment-stock .sdf .col { padding-top: 15px; } } .sInvestment-contact .list .line { position: relative; padding-left: 4.4em; line-height: 20px; font-size: 14px; width: 100%; height: auto; margin-bottom: 0; } .sInvestment-contact .list .line:nth-child(1n+2) { margin-top: 10px; } .sInvestment-contact .list .line .sdt { position: absolute; left: 0; top: 0; } .sInvestment-contact .list .line .sdd { line-height: 20px; } .sInvestment-contact .map { margin-top: 4%; position: relative; background-color: #f7f7f7; height: 6em; } .sInvestment-contact .map .tap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; } .sInvestment-contact .map #dituContent { width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0; } .sInvestment-contact .map #dituContent .BMap_bubble_title { font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #2778be; } .sInvestment-contact .map #dituContent .BMap_bubble_content { width: auto; font-size: 14px; line-height: 18px; } .sInvestment-contact .map #dituContent img { max-width: none; } ._pen .sInvestment-contact .map { pointer-events: none; } @media screen and (max-width: 1024px) { .sInvestment-contact .map { height: 10em; } }