@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
html, body { background-color: #F7F9FA; }

.case-list-banner { box-sizing: border-box; height: 240px; padding-top: 92px; text-align: center; background: url("https://img-i.gcimg.net/2020/0407/t05ocrc8blawi6vc054635.png") no-repeat center center; }

.case-list-banner p { height: 56px; line-height: 56px; text-align: center; font-size: 40px; color: #ffffff; }

.list-search-model { box-sizing: border-box; padding: 0 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.list-search-item { box-sizing: border-box; padding-left: 140px; position: relative; }

.list-search-label { width: 140px; height: 68px; line-height: 68px; color: #686F88; position: absolute; top: 0; left: 0; }

.list-search-con { padding: 16px 0; line-height: 36px; border-bottom: 1px solid #E8EDF2; position: relative; }

.list-search-con a { display: block; float: left; margin-right: 40px; color: #686F88; }

.list-search-con a.active, .list-search-con a:hover { color: #258aff; }

.f-search-slide { height: 36px; overflow: hidden; }

.f-list-serach-btn { height: 18px; line-height: 18px; padding-right: 24px; color: #9FA3B3; position: absolute; top: 25px; right: 10px; cursor: pointer; }

.f-list-serach-btn i { display: block; width: 16px; height: 16px; transform: rotate(0deg); transition: transform 0.3s linear; position: absolute; top: 1px; right: 0; }

.f-list-serach-btn.up i { transform: rotate(180deg); }

.plan-list-container { width: 1200px; margin: 22px auto 0; }

.plan-list-main { width: 890px; float: left; }

.plan-list-side { width: 290px; float: right; }

.plan-list-show-title { height: 32px; }

.plan-list-show-title dt { margin-right: 8px; line-height: 32px; font-size: 13px; color: #686F88; float: left; }

.plan-list-show-title dd { box-sizing: border-box; height: 24px; padding: 0 7px; margin: 4px 8px 0 0; color: #258aff; line-height: 22px; float: left; border: 1px solid rgba(232, 123, 43, 0.3); font-size: 12px; }

.plan-list-show-title form { box-sizing: border-box; width: 290px; height: 32px; border: 1px solid #E8EDF2; position: relative; float: right; }

.plan-list-show-title form .plan-search-input { box-sizing: border-box; width: 100%; height: 30px; line-height: 20px; padding: 5px 50px 5px 20px; line-height: 30px; outline: none; border: none; font-size: 13px; }

.plan-list-show-title form .plan-search-sub { width: 16px; height: 16px; line-height: 16px; border: none; outline: none; position: absolute; top: 7px; right: 8px; cursor: pointer; }

.plan-list-show, .server-list-show { margin-top: 20px; }

.plan-list-show li, .server-list-show li { box-sizing: border-box; width: 100%; min-height: 200px; margin-bottom: 20px; padding: 20px 20px 0 357px; position: relative; border: 1px solid #E8EDF2; background-color: #ffffff; }

.plan-list-show li:hover, .server-list-show li:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.plan-list-show li:last-child, .server-list-show li:last-child { margin-bottom: 0; }

.plan-list-show li img, .server-list-show li img { width: 313px; height: 156px; position: absolute; top: 20px; left: 20px; }

.plan-list-show li h5, .server-list-show li h5 { width: 100%; height: 25px; font-size: 18px; line-height: 25px; color: #293140; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.plan-list-show li p, .server-list-show li p { width: 100%; height: 60px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.plan-list-show li span.f-info-mobile-show, .server-list-show li span.f-info-mobile-show { display: block; width: 20px; height: 20px; background: url("https://img-i.gcimg.net/2020/0416/49xu8nzfx0e024t6035540.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 0; right: 0; }

.plan-list-show li a.plan-info-check { display: block; height: 20px; margin-top: 35px; line-height: 20px; color: #258aff; }

.server-list-show li h5 i { display: inline-block; width: 21px; height: 13px; margin-left: 5px; background-color: #000; }

.server-list-show li p { height: 20px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-list-show li dl { margin-top: 20px; }

.server-list-show li dt { padding-left: 14px; font-size: 13px; line-height: 22px; color: #686F88; position: relative; }

.server-list-show li dt::before { content: ''; display: block; width: 5px; height: 5px; border: 1px solid #258aff; border-radius: 50%; position: absolute; top: 8px; left: 0; }

.server-list-show li .server-list-link-wrap { position: absolute; bottom: 20px; right: 20px; }

.server-list-show li .server-list-link-wrap .btn { height: 32px; margin-left: 12px; line-height: 30px; padding: 0 16px; }

.server-list-show li .server-list-link-wrap .btn .iconfont { margin-right: 8px; color: #258aff; }

.plan-get-form-mini { box-sizing: border-box; width: 100%; padding: 168px 20px 30px; background: #E8EDF2 url("https://img-i.gcimg.net/2020/0417/oznn7kpr2acl726q075248.png") no-repeat center top; }

.plan-get-form-mini h5 { height: 20px; margin-bottom: 16px; line-height: 20px; }

.plan-get-form-mini h5 span { color: #E87B2B; }

.plan-get-form-mini .msg-box { line-height: 15px; position: absolute; top: 41px; left: 0; font-size: 12px; transform: scale(0.8); color: #F24949; }

.plan-get-form-mini .n-err { border-color: #F24949 !important; }

.plan-get-form-mini .get-plan-form-phone { height: 20px; margin-top: 16px; line-height: 20px; }

.plan-get-form-mini .get-plan-form-phone span { color: #E87B2B; }

.plan-get-form-mini .get-plan-form-item { margin-bottom: 15px; position: relative; }

.plan-get-form-mini .get-plan-form-item i.u-item-icon { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; top: 12px; left: 12px; color: #686F88; }

.plan-get-form-mini .get-plan-form-item .m-select-imit { width: 100%; }

.plan-get-form-mini .get-plan-form-item .m-select-panel { padding-left: 44px; }

.plan-get-form-mini .get-plan-form-item .m-select-panel span { color: #686F88; }

.plan-get-form-mini .u-input, .plan-get-form-mini .u-textarea { padding: 10px 10px 10px 44px; color: #2A3457; }

.plan-get-form-mini .u-input, .plan-get-form-mini .u-select, .plan-get-form-mini .u-textarea { width: 100%; border-color: #ffffff; }

.plan-get-form-mini .u-input::-webkit-input-placeholder, .plan-get-form-mini .u-select::-webkit-input-placeholder, .plan-get-form-mini .u-textarea::-webkit-input-placeholder { color: #686F88; }

.plan-get-form-mini .u-input::placeholder, .plan-get-form-mini .u-input::-webkit-input-placeholder, .plan-get-form-mini .u-input::-moz-placeholder, .plan-get-form-mini .u-input:-ms-input-placeholder, .plan-get-form-mini .u-select::placeholder, .plan-get-form-mini .u-select::-webkit-input-placeholder, .plan-get-form-mini .u-select::-moz-placeholder, .plan-get-form-mini .u-select:-ms-input-placeholder, .plan-get-form-mini .u-textarea::placeholder, .plan-get-form-mini .u-textarea::-webkit-input-placeholder, .plan-get-form-mini .u-textarea::-moz-placeholder, .plan-get-form-mini .u-textarea:-ms-input-placeholder { color: #686F88; }

.plan-get-form-mini .btn { display: block; width: 100%; padding: 0; margin-top: 8px; border: none; outline: none; }

.plan-recommend-model { box-sizing: border-box; margin-top: 20px; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.plan-recommend-model .btn { width: 100%; padding: 0; margin-top: 26px; text-align: center; }

.plan-recommend-head { height: 25px; padding: 0 0 20px 40px; margin: 0 -20px; line-height: 25px; font-size: 18px; border-bottom: 1px solid #E8EDF2; position: relative; }

.plan-recommend-head::before { content: ''; display: block; width: 4px; height: 16px; background-color: #E87B2B; position: absolute; top: 4px; left: 20px; }

.plan-recommend-list { margin-top: 24px; }

.plan-recommend-list a { display: block; width: 100%; height: 38px; margin-bottom: 16px; line-height: 38px; color: #2A3457; }

.plan-recommend-list a span { display: block; margin-right: 20px; font-size: 32px; color: #CFD9E6; font-weight: bold; float: left; }

.plan-recommend-list a em { display: inline-block; width: 185px; line-height: 20px; vertical-align: middle; overflow: hidden; }

.plan-recommend-list a.active, .plan-recommend-list a:hover { color: #258aff; }

.plan-recommend-list a.active span, .plan-recommend-list a:hover span { color: #258aff; }

.plan-our-service { box-sizing: border-box; margin-top: 20px; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.plan-our-service dl { margin-top: 25px; line-height: 25px; }

.plan-our-service dt { margin-bottom: 22px; }

.plan-our-service dd { margin-bottom: 5px; }

.plan-our-service dt, .plan-our-service dd { padding-left: 35px; font-size: 16px; position: relative; }

.plan-our-service dt i, .plan-our-service dd i { width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; left: 0; top: 2px; font-size: 20px; color: #258aff; }

.plan-our-service dt span, .plan-our-service dd span { color: #686F88; font-size: 14px; }

.plan-our-service-head { box-sizing: border-box; height: 104px; padding-top: 60px; background: url("https://img-i.westarcloud.com/2020/0605/4umtbr5tzb2sx244021430.jpg") no-repeat center center; background-size: 100% 100%; }

.plan-our-service-head img { display: block; width: 114px; height: 24px; margin: 0 auto; }

.plan-our-service-head p { height: 20px; line-height: 20px; color: #ffffff; text-align: center; }

.plan-our-service-wx { position: relative; width: 100%; margin-top: 20px; padding: 24px 0; background-color: #F1F4F7; }

.plan-our-service-wx img { display: block; width: 121px; height: 121px; margin: 0 auto; }

.plan-our-service-wx p { height: 22px; margin-top: 16px; line-height: 22px; text-align: center; color: #686F88; }

.team-list-show { margin-right: -21px; }

.team-list-show li { box-sizing: border-box; width: 285px; margin: 0 20px 20px 0; background-color: #ffffff; border: 1px solid #E8EDF2; float: left; position: relative; }

.team-list-show li:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.team-list-show li img { display: block; width: 100%; height: 285px; }

.team-list-show li dl { padding: 20px; }

.team-list-show li dd { margin-top: 20px; text-align: center; }

.team-list-show li dd .btn { padding: 0 30px; }

.team-list-show li h5 { height: 25px; margin-bottom: 17px; line-height: 25px; font-size: 18px; color: #262626; }

.team-list-show li p { height: 28px; width: 100%; line-height: 28px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; color: #686F88; }

.team-list-show li span { display: block; width: 16px; height: 16px; background: url("https://img-i.gcimg.net/2020/0416/49xu8nzfx0e024t6035540.png") no-repeat center center; background-size: 100% 100%; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 0; right: 0; }

.server-intro { box-sizing: border-box; width: 1200px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #E8EDF2; position: relative; }

.f-qrcode-scan { display: block; width: 134px; height: 62px; background: url("https://img-i.gcimg.net/2020/0405/36f6rxz03ptirp1d123514.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 0; right: 0; }

.server-intro-feature { width: 100%; height: 64px; line-height: 64px; background-color: #FDF4ED; }

.server-intro-feature li { box-sizing: border-box; width: 25%; padding-left: 112px; position: relative; float: left; }

.server-intro-feature li span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: 22px; left: 76px; }

.server-intro-feature li img { max-width: 20px; max-height: 20px; vertical-align: middle; }

.server-intro-container { padding: 40px 40px 60px; }

.server-intro-main { width: 740px; float: right; }

.server-intro-main h5 { height: 40px; line-height: 40px; font-size: 28px; }

.server-intro-main .server-type-wrap { margin-top: 16px; }

.server-intro-main .server-type-wrap .tag-btn { height: 25px; line-height: 25px; padding: 0 6px; margin-right: 10px; cursor: default; }

.server-intro-txt { width: 100%; height: 44px; margin-top: 24px; line-height: 22px; color: #686F88; overflow: hidden; }

.server-version-choose { height: 32px; line-height: 32px; margin-top: 24px; }

.server-version-choose em { display: block; width: 94px; color: #686F88; float: left; }

.server-version-choose a { display: block; box-sizing: border-box; height: 32px; line-height: 32px; padding: 0 20px; margin-right: 8px; border: 1px solid #CFD9E6; font-size: 13px; color: #686F88; float: left; position: relative; }

.server-version-choose a i { display: none; width: 16px; height: 16px; line-height: 16px; color: #E87B2B; position: absolute; bottom: 0; right: 0; }

.server-version-choose a.active { border-color: #E87B2B; color: #E87B2B; }

.server-version-choose a.active i { display: block; }

.server-version-choose a:hover { border-color: #E87B2B; color: #E87B2B; }

.server-intro-info { padding: 18px 0; border-bottom: 1px solid #E0E6ED; color: #686F88; line-height: 27px; }

.server-intro-info span { display: inline-block; width: 130px; }

.server-ask-wrap { height: 44px; line-height: 44px; margin-top: 40px; }

.server-ask-wrap .btn { height: 44px; line-height: 44px; float: left; }

.server-ask-wrap div { margin-left: 40px; float: left; }

.server-ask-wrap div img { display: block; width: 20px; height: 20px; float: left; margin-top: 12px; }

.server-ask-wrap div i { float: left; }

.server-ask-wrap div span { display: block; margin-left: 8px; float: left; }

.server-ask-wrap div em { display: block; float: left; margin-left: 6px; font-size: 16px; color: #E87B2B; font-weight: 600; }

.server-ask-wrap div p { width: 14px; height: 14px; line-height: 14px; text-align: center; margin: 15px 0 0 4px; float: left; }

.detail-page-slide { width: 290px; float: right; }

.server-type-ask { box-sizing: border-box; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.server-type-ask img { display: block; width: 100%; height: 128px; }

.server-type-ask p { width: 100%; max-height: 44px; margin-top: 18px; line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-type-ask p span { margin-left: 8px; color: rgba(104, 111, 136, 0.8); }

.server-type-ask .btn { display: block; height: 44px; line-height: 44px; margin-top: 16px; padding: 0; text-align: center; }

.detail-page-main { width: 890px; float: left; }

.detail-page-main .plan-get-form { width: 100%; margin: 20px auto 0; }

.detail-page-main .plan-get-form .pro-box-title { margin: 0 -40px 30px -40px; padding-left: 24px; border-bottom: 1px solid #E0E6ED; }

.detail-page-content { box-sizing: border-box; width: 100%; padding: 40px 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.detail-page-content .pro-box-title { border-bottom: none; }

.detail-page-content .detail-model-info { min-height: 100px; }

.detail-page-content .detail-model-info img { max-width: 848px; }
.detail-page-content .detail-model-info .z-big-img-zoom img { width: 848px; height: 212px; font-size: 0; }

.detail-model-info-title { height: 40px; padding: 0 0 10px 77px; line-height: 40px; border-bottom: 1px solid #E87B2B; color: #2A3457; font-size: 28px; font-weight: 600; position: relative; }

.detail-model-info-title::before { content: ''; display: block; width: 60px; height: 24px; background: url("https://img-i.gcimg.net/2020/0415/un5d33ns6sqyezxo005329.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 10px; }

.detail-info-head { box-sizing: border-box; width: 100%; height: 174px; padding-top: 40px; position: relative; }

.detail-info-head img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.detail-info-head dl { text-align: center; color: #ffffff; position: relative; z-index: 1; }

.detail-info-head dt { height: 50px; line-height: 50px; font-size: 36px; font-weight: 600; }

.detail-info-head dt span { color: #E87B2B; }

.detail-info-head dd { height: 22px; margin-top: 22px; line-height: 22px; font-size: 16px; }

.m-detail-serve-trait { padding: 40px 0 24px 38px; }

.m-detail-serve-trait dl { width: 365px; margin: 0 40px 16px 0; line-height: 25px; float: left; }

.m-detail-serve-trait dt { color: #E87B2B; font-weight: 600; font-size: 18px; }

.m-detail-serve-trait dd { height: 75px; margin-top: 16px; font-size: 16px; overflow: hidden; }

.server-detail-version { width: 100%; border: 1px solid #E8EDF2; border-bottom: none; }

.server-detail-version tr { border-bottom: 1px solid #E8EDF2; color: #686F88; }

.server-detail-version tr:nth-child(2n) { background-color: #F7F9FA; }

.server-detail-version th, .server-detail-version td { padding: 10px 0; line-height: 22px; }

.server-detail-version th { width: 74px; text-align: center; }

.detail-server-process { box-sizing: border-box; width: 100%; height: 240px; padding-top: 60px; background: url("https://img-i.gcimg.net/2020/0415/xozb2r7nrj5rephh010816.jpg") no-repeat center center; background-size: 100% 100%; text-align: center; font-size: 0; }

.detail-server-process p { display: inline-block; width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%; background-color: #E87B2B; font-size: 18px; color: #ffffff; vertical-align: middle; }

.detail-server-process span { display: inline-block; width: 35px; height: 120px; margin: 0 7px; background: url("https://img-i.gcimg.net/2020/0415/cstbf82msu08kyk3020610.png") no-repeat 0 49px; background-size: 35px 24px; vertical-align: middle; }

.detail-server-team { width: 100%; height: 208px; background: url("https://img-i.gcimg.net/2020/0417/weagmd9attgeyh8c011841.png") no-repeat center center; background-size: 100% 100%; }

.detail-server-team dl { box-sizing: border-box; height: 100%; width: 20%; padding: 64px 24px 0; float: left; }

.detail-server-team dl.odd { background-color: #2A3457; }

.detail-server-team dt { height: 25px; line-height: 25px; font-size: 18px; color: #E87B2B; font-weight: 600; }

.detail-server-team dd { margin-top: 12px; line-height: 20px; color: #ffffff; }

.detail-server-team.col-4 dl { width: 25%; }

.detail-server-power { padding: 40px 40px 20px; background-color: #F7F9FA; }

.detail-server-power li { padding-left: 100px; margin-bottom: 40px; position: relative; line-height: 33px; }

.detail-server-power li span { display: block; height: 47px; line-height: 47px; color: #E87B2B; font-weight: 600; font-size: 48px; position: absolute; top: 0; left: 0; }

.detail-server-power li h5 { font-weight: 600; font-size: 24px; color: #E87B2B; }

.detail-server-power li p { margin-top: 10px; font-size: 16px; color: #686F88; }

.detail-server-version-vs { width: 100%; }

.detail-server-version-vs tbody { border-left: 1px solid #E8EDF2; }

.detail-server-version-vs tbody tr:nth-child(2n) { background-color: #F7F9FA; }

.detail-server-version-vs th { padding: 14px 24px; line-height: 20px; font-weight: 600; color: #ffffff; text-align: center; background-color: #2A3457; }

.detail-server-version-vs td { padding: 12px 24px; line-height: 20px; color: #686F88; text-align: center; border-right: 1px solid #E8EDF2; border-bottom: 1px solid #E8EDF2; }

.detail-server-version-link { margin-top: 20px; height: 44px; line-height: 44px; }

.detail-case-promote-intro { padding: 24px 20px 0; line-height: 25px; color: #686F88; }

.detail-case-promote-intro dl { margin-bottom: 20px; }

.detail-case-promote-intro dl dt { font-size: 18px; color: #E87B2B; font-weight: 600; }

.detail-case-promote-intro dl dd { margin-top: 16px; font-size: 16px; }

.detail-case-assess { padding: 24px 20px 0; color: #686F88; line-height: 24px; }

.m-detail-tab-wrap { height: 65px; overflow: hidden; }

.m-detail-flex-tab { width: 100%; height: 65px; background-color: #ffffff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: relative; top: 0; left: 0; z-index: 999; transition: all 1s linear; }

.m-detail-flex-tab .btn { width: 250px; height: 44px; line-height: 44px; margin: 10px 0 0 40px; }

.m-detail-flex-tab.fixed { position: fixed; }

.m-detail-flex-tab.fixed .m-detail-tab { border-top-color: #ffffff; }

.m-detail-tab { box-sizing: border-box; width: 890px; height: 64px; line-height: 64px; font-size: 16px; float: left; position: relative; background-color: #ffffff; border: 1px solid #E8EDF2; border-bottom: none; }

.m-detail-tab li { box-sizing: border-box; width: 130px; text-align: center; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; float: left; position: relative; cursor: pointer; }

.m-detail-tab li::before { content: ''; display: block; width: 1px; height: 16px; background-color: #E8EDF2; position: absolute; left: -2px; bottom: 24px; }

.m-detail-tab li:first-child::before { display: none; }

.m-detail-tab li.active { color: #258aff; border-left-color: #E8EDF2; border-right-color: #E8EDF2; background-color: #ffffff; overflow: hidden; position: relative; }

.m-detail-tab li.active::after { content: ''; display: block; width: 100%; height: 4px; background-color: #258aff; position: absolute; top: 0; left: 0; }

.m-detail-tab li.active::before { display: none; }

.m-detail-tab li.active:first-child { border-left-color: #ffffff; }

.server-pro-list, .case-pro-list { box-sizing: border-box; width: 100%; padding: 23px 20px 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.server-pro-list .pro-box-title, .case-pro-list .pro-box-title { padding: 0 20px 24px 20px; margin: 0 -20px 0 -20px; }

.server-pro-list .pro-box-list li, .case-pro-list .pro-box-list li { height: auto; padding-bottom: 20px; }

.server-pro-list .pro-box-list li dl, .case-pro-list .pro-box-list li dl { width: 230px; margin: 20px 0 0 20px; }

.server-pro-list .pro-box-list li dt, .case-pro-list .pro-box-list li dt { height: 22px; line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-pro-list .pro-box-list li { width: 270px; }

.server-pro-list .pro-box-list li img { display: block; width: 270px; height: 139px; }

.server-pro-list .pro-box-list li div { padding: 20px 20px 0; }

.server-pro-list .pro-box-list li div a { padding: 0 26px; }

.case-pro-list a:hover dt { color: #E87B2B; }

.case-pro-list .pro-box-list li { width: 270px; }

.case-pro-list .pro-box-list li img { display: block; width: 270px; height: 160px; }

.case-pro-list .pro-box-list li div { display: block; padding: 12px 0 0 20px; }

.case-pro-list .pro-box-list li div .tag { height: 25px; line-height: 23px; padding: 0 6px; margin-right: 8px; float: left; font-size: 12px; cursor: default; }

.case-pro-list .pro-box-list.mini li img { height: 139px; }

.case-pro-list .pro-box-list.mini li dt { height: 44px; overflow: hidden; text-overflow: clip; white-space: normal; }

.case-detail-intro { box-sizing: border-box; width: 1200px; padding: 40px 40px 33px; margin: 0 auto; background-color: #ffffff; border: 1px solid #E8EDF2; position: relative; }

.case-detail-intro-head { min-height:189px;padding: 0 0 30px 410px; position: relative; border-bottom: 1px solid #E0E6ED; }

.case-detail-intro-head img { display: block; width: 369px; height: 189px; position: absolute; top: 0; left: 0; }

.case-detail-intro-head h5 { width: 100%; height: 40px; line-height: 40px; font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case-detail-intro-head p { height: 25px; margin-top: 16px; }

.case-detail-intro-head p .tag-btn { height: 25px; line-height: 23px; padding: 0 6px; font-size: 12px; margin-right: 12px; }

.case-detail-intro-head ul { margin-top: 20px; line-height: 27px; color: #686F88; }

.case-detail-intro-head ul span { width: 93px; }

.case-detail-intro-foot { min-height:100px;margin-top: 32px; padding-left: 200px; position: relative; }

.case-detail-intro-foot div { box-sizing: border-box; width: 160px; height: 100px; border: 1px solid #E8EDF2; text-align: center; position: absolute; top: 0; left: 0; }

.case-detail-intro-foot div img { max-width: 100%; max-height: 100%; vertical-align: middle; font-size: 12px; }

.case-detail-intro-foot h5 { width: 100%; height: 25px; margin-top: 4px; padding-top: 4px; line-height: 25px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case-detail-intro-foot p { width: 100%; height: 40px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.detail-type-tag-wrap { margin-top: 20px; }

.detail-type-tag-wrap .tag-btn { height: 25px; margin-right: 12px; line-height: 23px; font-size: 12px; cursor: default; }

.plan-detail-intro, .team-detail-intro { box-sizing: border-box; width: 1200px; margin: 0 auto; position: relative; background-color: #ffffff; }

.plan-detail-intro img, .team-detail-intro img { position: absolute; top: 40px; left: 40px; }

.plan-detail-intro h5, .team-detail-intro h5 { width: 100%; height: 40px; line-height: 40px; font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.plan-detail-intro .plan-detail-tag-wrap, .team-detail-intro .plan-detail-tag-wrap { margin-top: 16px; }

.plan-detail-intro .plan-detail-tag-wrap .tag-btn, .team-detail-intro .plan-detail-tag-wrap .tag-btn { height: 25px; line-height: 25px; padding: 0 6px; margin-right: 12px; }

.plan-detail-intro .btn, .team-detail-intro .btn { height: 44px; line-height: 44px; }

.plan-detail-intro { min-height: 285px; padding: 40px 40px 40px 480px; }

.plan-detail-intro img { width: 400px; height: 205px; }

.plan-detail-intro .plan-detail-intro-txt { width: 100%; height: 40px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.plan-detail-intro .btn { margin-top: 20px; }

.team-detail-intro { min-height: 420px; padding: 40px 40px 40px 420px; }

.team-detail-intro img { width: 338px; height: 338px; }

.team-detail-intro .btn { margin-top: 40px; }

.team-detail-intro ul { padding: 21px 0; line-height: 27px; color: #686F88; border-bottom: 1px solid #E0E6ED; }

.team-detail-intro ul span { width: 93px; }

.team-member-list { padding: 24px 0 40px; margin-right: -20px; }

.team-member-list a { display: block; box-sizing: border-box; width: 270px; margin-right: 19px; float: left; border: 1px solid #E8EDF2; position: relative; }

.team-member-list a:hover span { background-color: #258aff; color: #ffffff; }

.team-member-list img { display: block; width: 268px; height: 268px; }

.team-member-list dl { padding: 20px; }

.team-member-list dt { height: 25px; line-height: 25px; font-size: 18px; color: #262626; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.team-member-list dd { height: 20px; margin-top: 7px; line-height: 20px; color: #686F88; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.team-member-list span { display: block; box-sizing: border-box; width: 40px; height: 40px; line-height: 38px; text-align: center; color: #258aff; border: 1px solid rgba(159, 163, 179, 0.2); background-color: #ffffff; position: absolute; bottom: 25px; right: 20px; }


.pro-box-list-float-wrap .pro-box-list { display: none; margin-left: -22px; justify-content: flex-start; }

.pro-box-list-float-wrap .pro-box-list li { margin-left: 20px; float: left; }

.pro-box-list-float-wrap .pro-box-list.active { display: block; }

.pro-box-list-float-wrap .pro-box-list { display: block; }
                        
 .f-detail-wx-qrcode-scan{position: relative;}     
                        
 .u-detail-wx-qrcode {
    display: none;
    float: initial;
    margin: 0;
    width: 120px;
    position: absolute;
    padding: 20px;
    background-color: #fff;
    top: 40px;
    right: 0;
    z-index: 1;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}                       
                        
 .u-detail-wx-qrcode img {
 	width: 120px!important;
    height: 120px!important;
 }  
                        
.u-detail-wx-qrcode span {
	width: 100%;
    text-align: center;
    margin: 0;
}