body { font-size: 14px; /* line-height: 150%; */ line-height: 1.5; min-width: 1200px; } .container { min-width: 1200px !important; width: 1200px !important; padding-left: 0; padding-right: 0; } .site-main-left { width: 850px; position: relative; min-height: 1px; float: left; padding-right:2rem; } .site-main-right { width: 320px; position: relative; min-height: 1px; float: right; } /* 底部 */ .site-footer { margin-top: 45px; } .sun-con{ width: 1200px; /* height: 339px; */ position: absolute; top:20px; left:50%; margin-left:-600px; background: no-repeat; background-size: cover; } .sun-con1-warning{ position: absolute; /* top:-17px; */ top:-11px; z-index: 10; right:-14px; } .sun-con1{ padding:40px 40px 0 40px; /* background: #fff; */ /* background: linear-gradient(131deg, rgb(255, 102, 0) 0%, rgb(255, 187, 72) 100%); */ } .sun-con1-info{ display: flex; justify-content: space-between; } .sun-con1-left{ display: flex; } .sun-con1-logo{ width: 160px; height: 160px; box-sizing: border-box; border-radius: 8px 8px 8px 8px; /* border: 1px solid #d9dadf; */ background-color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .sun-con1-logo img{ width: 150px; height:150px; border-radius: 50%;; } .sun-con1-right{ display: flex; align-items: flex-end; position: relative; z-index: 99999; } .con-line{ /* background: #eaebee; */ height:1px; margin-top:24px; width: 100%; } .sun-con1-right-p1{ width: 160px; height: 40px; cursor: pointer; /* background: #1890ff; */ color: #fff; border: 1px solid #fff; border-radius: 3px 3px 3px 3px; font-size: 14px;; display: flex; align-items: center; justify-content: center; margin-top: 25px;; } .con1-w1{ font-size: 24px; font-family: pingfang sc-bold, pingfang sc; font-weight: bold; color: #222222; color: #fff; display: flex; align-items: center; } .con1-w1:hover{ color:#fff !important; } .con1-w1 span{ font-size: 13px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; /* color: #1890ff; border: 1px solid #1890ff; */ line-height: 13px; color: #fff; border: 1px solid #fff; border-radius: 3px; margin-left:10px; padding:2px 6px; } .con1-w2{ display: flex; align-items: center; font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; color: #fff; line-height: 16px; margin-top:10px; } .con1-w2 img{ width: 16px; height: 16px; margin-right: 5px; margin-top: -4px;; } .con1-w3{ font-size: 16px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; color: #fff; display: flex; width:100%; margin-top:15px; } .con1-w4{ width:400px; flex-shrink: 0; } .con1-w4 img{ width: 14px; height: 14px; margin-right: 8px; margin-top:-4px; opacity: 0.6; } .con2-w2-1{ font-size: 40px; font-family: pingfang sc-heavy, pingfang sc; font-weight: 800; color: #222222; } .con2-w2-2{ width: 152px; margin-left:40px; } .con2-w2-3{ font-size: 13px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; } .con2-w2-4{ font-size: 13px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #a7a7a7; } .con2-p2{ width: 100%; height: 8px; background: #f0f5f9; border-radius: 11px 11px 11px 11px; overflow: hidden; } .con2-p2-c1{ background: #ff9607; height: 100%; } .con2-p2-c2{ background: #1890ff; height: 100%; } .con2-p2-c3{ background: #27bf84; height: 100%; } .con2-p1{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;; } .sun-con2{ display: flex; } .sun-con2-video{ position: relative; } .sun-con2-video video { width: 370px; height: 208px; } .sun-con2-video .con2-img1{ width: 370px; height: 208px; } .con2-img-bg{ position: absolute; top:0; bottom: 0; width: 370px; height: 208px; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; } .sun-con2-info{ background: #fff; margin-left:16px; padding:0 20px 10px 20px; } .sun-con2-info .con2-w1{ font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; } .con2-w2{display: flex;align-items: center;} .con2-w3{ font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; line-height: 24px; margin-top:20px; } .con1-title-list ul{ display: flex; /* padding:20px 0; */ justify-content: space-between; } .con1-title-list ul li{ /* border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding:0 40px; color: #222222; */ width: 170px; height: 46px; background: hsla(0,0%,100%,.22); border-radius: 3px 3px 0 0; overflow: hidden; font-size: 16px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; } .con1-title-list ul li a{ display: inline-block; width: 100%; height: 100%; line-height: 46px; text-align: center; color: #fff; } .con1-title-list ul .active a{ /* color: #1890ff; */ color: #ff6602; background: #fff; } .active .active-line{ display: block; width:20px; margin:5px auto 0; height: 3px; background: #1890ff; } .con1-title-list ul li:first-child{ border-left: none; } .con1-title-list ul li:last-child{ border-right: none; } .sun-con5 table{ width: 100%; } .txt-hidden1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .sun-con5 thead th { background: #f8faff; padding:14px; text-align: center; font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; } .sun-con5 tbody tr>td{ padding:14px; font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; text-align: center; } .sun-con5 tr>td,.sun-con5 th{ border: 1px solid #f3f3f3; } .category-swiper img{height:100%;margin: auto;} .con5-img1 img{width: 200px;height:133px;} .sun-video video{ width: 262px; height: 152px; margin-right: 20px; } .sun-video:last-child{ margin-right: 0; } .short-box-i1 { display: block; margin-bottom: 15px; cursor: pointer; } .short-box-i1:hover .short-box-i1-w2 { color: #0072e2; } .short-box-i1-left { float: left; margin-right: 12px; } .short-box-i1-left img { width: 105px; height: 70px; } .short-box-i1-w1 { font-size: 13px; font-weight: 400; color: #a5a7a9; } .short-box-i1-w2 { font-size: 15px; font-weight: 400; color: #222222; margin-top: 5px; line-height: 1.5; } .short-box-container { margin-top: 28px; } .short-box-list { margin-bottom: 15px; display: block; cursor: pointer; } .short-box-list:hover .short-box-list-right { color: #0072e2; } .short-box-list-left { float: left; margin-right: 10px; } .short-box-list-left-p1 { width: 3px; height: 3px; background: #cccccc; border-radius: 50%; margin-top: 10px; } .short-box-list-right { font-size: 14px; font-weight: 400; line-height: 1.5; color: #787878; } .nav5-con{ display: flex; } .nav5-con-img1{ margin-right:16px; } .nav5-con-img1 img{ width: 56px; height: 56px; border-radius: 50%; overflow: hidden; } .nav5-con-w3{ display: flex; align-items: center; justify-content: space-between; } .nav5-con-w1{ font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; } .nav5-con-w2{ font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; line-height: 22px; margin:10px 0; } .nav5-con-w4{ font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #cdcccd; } .nav5-con-w5{ font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; } .nav5-line{ height: 1px; width: 100%; background: #f6f6f6; margin-top: 16px;; } .nav5-con-list { display: flex; margin-bottom:15px;; } .nav5-show-list{ display: none; } .mt-28{ margin-top:20px; } /* 模态弹出框 */ .price-none{ display: none; } .price-box{ position: absolute; z-index: 999; top: 0; left: 50%; transform: translate(-50%); } .price-box .content{ width: 500px; background-color: #999999; border-radius: 20px; padding: 0 20px 40px; } .price-box .content .title{ text-align: center; line-height: 60px; font-size: 16px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff; } .price-box .content .des{ margin-top: 40px; max-height: 200px; overflow-y: auto; } .price-box .content .des table{ width: 100%; } .price-box .content .des thead th{ color: #8f8f8f; border: 1px solid #a3a3a3; background-color: #fff; } .price-box .content .des tbody td{ color: #8f8f8f; border: 1px solid #a3a3a3; background-color: #fff; } .price-box .del{ position: absolute; top: 10px; right: 20px; font-weight: bold; } .righthz { display: none !important; } #zdrobotdom { display: none !important; } .out-zs-box { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 9999; background: rgba(0, 0, 0, .6); display: none; align-items: center; justify-content: center; } .out-zs-box-main { width: 937px; height: 663px; background: #000000; } /* ai机器人 */ #zdrobotdom { position: fixed; z-index: 9999; left: 50%; top: 50% !important; margin-left: 600px; } .download-btn { border: 1px solid #2468f2; padding: 4px 10px; color: #2468f2; color: #2468f2 !important; align-items: center; justify-content: center; } .see-mode { cursor: pointer; display: inline-block; color: #4d7fd0; margin-left: 10px; padding-left: 19px; background: no-repeat 0; background-size: 14px; } .show-mode2 { display: none } .zsjz-item { display: flex; align-items: center; justify-content: space-between; } .zsjz-item-w1 { font-size: 18px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; } .zsjz-item-w2 { font-size: 16px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #a7a7a7; } .zsjz-line { background: #efefef; height: 1px; width: 100%; margin: 20px 0; } .td-school { width: 100%; height: 30px; line-height: 30px; background-color: #169bd5; border-radius: 5px; text-align: center; color: #fff; cursor: pointer; } .zszs { background: ; background-size: 100% 100%; width: 100%; padding: 14px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .zszs-i1 { width: 280px; display: block; margin: 10px auto; cursor: pointer; } .zszs-main { background: ; width: 100%; padding: 30px 0; } .zszs-imgbox { width: 517px; margin: 20px auto; } .zszs-imgbox img { width: 100%: } .zszs-imgbox-w1 { font-size: 18px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; margin-bottom: 15px; text-align: center; } .panel-default > .panel-heading { background-color: #f7f7f7; } .panel-default > .panel-heading .panel-collapse > .panel-body { color: #666 } .upimg { width: 14px; } .collapsed .upimg { transform: rotate(180deg) } .tnyx-box { width: 202px; height: 180px; background: #ffffff; border-radius: 4px 4px 4px 4px; opacity: 1; border: 1px solid #ececec; display: flex; flex-direction: column; align-items: center; justify-content: center; } .outwarningw1 { font-size: 16px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; text-align: center; margin-top: 14px; } .tnyx-b1 { width: 46px; height: 180px; background: #f6f6f6; border-radius: 4px 4px 4px 4px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } .tnyx-b1 img { width: 12.5px; } .tnyx-container { height: 180px; } .tnyx-prev { margin-right: 16px; } .tnyx-box-w1 img { width: 80px; height: 80px; } .tnyx-box-w2 { font-size: 18px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #222222; margin-top: 12px; margin-bottom: 3px; max-width: 90%; } .tnyx-box-w3 { font-size: 14px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; } .adviser-img-wrap { height: auto !important; } .con1-w4 { width: 320px; } .outwarningw2 { font-size: 16px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #787878; text-align: center; } .outwarningw3 { width: 160px; height: 40px; background: #e63131; border-radius: 2px 2px 2px 2px; margin: 40px auto 0; font-size: 16px; font-family: pingfang sc-regular, pingfang sc; font-weight: 400; color: #ffffff; text-align: center; line-height: 40px; cursor: pointer; } .close-out-box { width: 48px; height: 48px; background: rgba(0, 0, 0, .5); border-radius: 50%; position: absolute; right: -60px; top: -20px; color: #fff; display: flex; justify-content: center; font-size: 24px; line-height: 42px; cursor: pointer; }