/* 首页区块-下载 --------------------------------------------------------------------------------------------------------------------*/ #met-langlist-dropdown .dropdown-item{text-align: left;} #met-langlist-dropdown .dropdown-item {padding-left: 20px;} #ok_index_id1 { width: 100%; display: flex;overflow: hidden; position: relative; } #ok_index_id1 .botton_arrow { opacity: 0; position: absolute; top:50%; transform: translateY(-50%); } #ok_index_id1 .botton_arrow_left {left: 20px; cursor: pointer; transition: .8s } #ok_index_id1 .botton_arrow_right { right: 20px; cursor: pointer; transition: .8s } #ok_index_id1 #cc_kylin0 {margin: 0 auto; height: 420px; overflow: hidden; color: #FFF; width: 100%; } #ok_index_id1 #cc_kylin0 .container { position: relative; height: 100% } #ok_index_id1 #cc_kylin0 h1 { text-align: center; color: #FFF; font-size: 5.7rem; font-weight: bold; margin-top: 0; height: 350px; padding: 130px 0; } #ok_index_id1 ul { overflow: auto; border-top: 1px solid; width:100%; border-color: rgba(255, 255, 255, 0.3); padding: 0; position: absolute; bottom: 0px;margin-bottom: 0 } #ok_index_id1 ul li { float: left;width: 33.333%; text-align: center; height: 60px; line-height: 60px;list-style: none; background: url(../../upload/202204/1649063800217831.png) center right no-repeat } .containerul{position:relative;margin: 0 auto;height: 80px;margin-top: 340px} #ok_index_id1 ul li:last-child { background: none } #ok_index_id1 ul li a { color: #FFF; font-size: 1.6rem; width: 100%; height: 100%; display: block } #okservice-fixed { width: 60px; position: fixed; top: 40%; right: 0px; z-index: 30000; box-shadow: 2px 0 20px #ccc; padding: 10px 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #okservice-fixed a { display: inline-block; width: 100%; text-align: center; margin-bottom: 15px;} #okservice-fixed a p{color:#666;font-size:1.2rem} #ok_index_id1 ul li a:hover { background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: saturate(180%) blur(31px); -ms-backdrop-filter: saturate(180%) blur(31px); -moz-backdrop-filter: saturate(180%) blur(6px); -o-backdrop-filter: saturate(180%) blur(31px); backdrop-filter: saturate(180%) blur(31px); } #okservice-fixed a:first-child {margin-top: 13px;} #okservice-fixed a:last-child {margin-bottom: 2px;} @media (max-width:768px) { #ok_index_id1 #cc_kylin0 .cc_kylin0_center { padding-top: 0rem; } #ok_index_id1 #cc_kylin0 { background-size: cover; height: auto } #ok_index_id1 #cc_kylin0 h1 { padding: 130px 0;height: 280px; font-size: 3.8rem; margin-right: 0px;} #ok_index_id1 #cc_kylin0 .container { width: 100% } #ok_index_id1 ul li { height: 40px; line-height: 40px; } #ok_index_id1 .containerul{height: 80px;margin-top: 210px;} #okservice-fixed{display: none;} } /* 1.0下载 */ #ok_dowload10 .downloadc100 {} #ok_dowload10 .downloadc100 .container{position: relative;padding:60px 0 80px 0;} #ok_dowload10 .downloadc100 .download100_c{width:100%;background: linear-gradient(#ECF4FF,#FFF);overflow: auto;position: absolute; bottom: 80px ;left: 0;z-index: 2000;} #ok_dowload10 .downloadc100 .download100_c .download100_c_left{width: 45%;padding:40px 60px;} #ok_dowload10 .downloadc100 .download100_c .download100_c_left p{text-align: justify;} #ok_dowload10 .downloadc100 .download100_video{width: 45%;float: right;margin-right: 60px;position: relative; z-index: 2001;} #ok_dowload10 .downloadc100 .download100_video img{width:100%} #ok_dowload10 .downloadc100 .download100_c .download100_c_left h2.index_h{margin: 0;font-size: 2.8rem;line-height: 30px;margin-bottom: 40px;} .dowload10{display: flex;flex-wrap: wrap;} #ok_dowload10 .downloadc101 {background: #F8F9FB;} #ok_dowload10 .downloadc101 .dowli{width: 32%;margin-right:1.5%;background: linear-gradient(#ECF4FF,#FFF);padding:40px 60px;margin-bottom: 2%;float: left;} #ok_dowload10 .downloadc101 .dowli:last-child{margin-right:0;} #ok_dowload10 .downloadc101 .dowli h5{line-height: 24px;font-size: 2rem;font-weight: bold;} ul.md510,ul.xinghao10,ul.xiazai10{width:100%;overflow: hidden;margin: 0;padding:0;} ul.xiazai10 li{list-style: none;float: left;margin:0 4% 4% 0;width:48%;} ul.xiazai10 li:nth-child(2n){margin-right: 0;} ul.xiazai10 li:last-child{margin-right: 0;} ul.xiazai10 li a,a.cxeua{display: block;height: 34px;line-height:34px;background: #0C7BEB;text-align: center;color: #FFF;font-size: 1.4rem;} ul.xiazai10 li a:hover,a.cxeua:hover{background:#236DE6;color: #FFF;} ul.xinghao10{margin-bottom: 20px;} ul.xinghao10 li{float: left;list-style-type:none;background:url("../../upload/202306/1687663002223842.png") no-repeat 0rem 0.3rem; padding-left:1.8rem;background-size:1.2rem 1.2rem;margin-right: 20px;font-size: 1rem;background-position: left center;} ul.xinghao10 li:last-child{margin-right: 0;} ul.md510{margin-bottom: 20px;} ul.md510 li{float: left;list-style:none;margin-right: 10px;} ul.md510 li:last-child{margin-right: 0;} .azzn{font-size: 1rem;} .azzn img{width:1.6rem;margin-right: 5px;vertical-align: middle;} a.cxeua{width:160px;margin-bottom: 20px;background:none;border:2px solid #0C7BEB;color: #0C7BEB;font-weight: bold;margin: 0 auto; } p.da{font-size: 1.2rem;} @media (max-width:1298px) { #ok_dowload10 .downloadc101 .dowli { width: 100%;} #ok_dowload10 .downloadc100 .container{ padding: 40px 0 40px 0;} #ok_dowload10 .downloadc100 .download100_c { width: 100%; position: relative; bottom: 0px;} #ok_dowload10 .downloadc100 .download100_c .download100_c_left { width: 100%;padding: 30px;} #ok_dowload10 .downloadc100 .download100_video { width: 100%; margin-right: 0px;margin-top: 40px;} a.cxeua{margin-bottom: 40px;} } @media (max-width: 600px){ .downloadfootre ul li:last-child{display: none;} } /* 镜像站 */ #ok_mirror{padding:60px 0} #ok_mirror h6{font-weight: bold;} .ok_mirror_tb {width:100%;padding:30px;border:solid 1px #CCC;background:#f5f5f5} .ok_mirrorlist{width:100%; border: 1px solid #C5C5C5;margin-bottom: 10px;} .ok_mirrorlist tr{height: 50px;line-height: 50px;text-align: center;font-size: 1.4rem;} .ok_mirrorlist tr:nth-child(odd){background: #F3F3F3;} .ok_mirrorlist tr th{text-align: center;background: #181818;color: #FFF;} table.ok_mirrorlist td { border: 1px solid #C5C5C5; border-bottom: 0px; border-top: 0px;} table.ok_mirrorlist tr td img.mirror_p{height: 18px;margin-right: 12px;vertical-align: middle;} table.ok_mirrorlist td:first-child img{height: 40px;} table th {white-space: nowrap;} .ok_mirror_footer{width:100%;background: url(../../upload/202306/1687773851772054.png) no-repeat;;padding:40px 0} .ok_mirror_footer {text-align: center;color: #FFF;background-size: cover;} .ok_mirror_footer h3{font-size: 2.6rem;font-weight:bold;color: #FFF;line-height: 3.8rem;} .ok_mirror_footer p{margin-bottom: 40px;} .ok_mirror_footer a{font-size: 1.4rem;width: 152px;height: 40px;background: #0C7BEB;display: block;color:#FFF;line-height: 40px;text-align: center;margin: 0 auto;} .ok_mirror_footer a:hover{background:#236DE6} @media (max-width:900px) { .ok_mirrorlist {width: 1000px; } } /* 首页区块-了解社区 --------------------------------------------------------------------------------------------------------------------*/ #cc_kylin2 { overflow: hidden; } #cc_kylin2 .cc_kylin2_c{width:100%;height: auto;overflow: hidden;position: relative;color: #FFF;} #cc_kylin2 .cc_kylin2_c .cc_kylin2_left{width:40%;position:absolute;top: 0;left: 0;z-index: 1001; overflow: hidden;background:url("../../public/images/cckylin/index_about_bg1.png");padding: 40px 15% 40px 40px;height: 100%} #cc_kylin2 .cc_kylin2_c .cc_kylin2_right{width:70%;position: relative;top: 25px;left: 30%;z-index: 1002;overflow: auto;padding: 0} #cc_kylin2 .cc_kylin2_c .cc_kylin2_left h3.cl1{position: relative;top: 0;left: 0;z-index: 1003; font-size:3.6rem;color: #FFF;margin-bottom: 75px;border-left: solid 8px #FFF;padding-left: 16px;line-height: 35px;font-weight: bold} #cc_kylin2 .cc_kylin2_c .cc_kylin2_left p{text-align: justify} #cc_kylin2 .cc_kylin2_c .cc_kylin2_left h3.cl2{position: absolute;top: 30px;left: 60px;z-index: 1004;font-size: 6.8rem;color: #FFF;opacity: 0.15;font-weight: bold} ul.cc_kylin2_right li{float:left;background:url("../../public/images/cckylin/index_about_bg2.png");list-style: none;width:22%;color: #FFF;margin-top: 40px} ul.cc_kylin2_right li a{display:block;padding: 40px 20px 65px 20px;} ul.cc_kylin2_right li:hover{transform: translateY(-40px);transform-origin: top; transition: all 0.2s;} ul.cc_kylin2_right li:first-child,ul.cc_kylin2_right li:last-child{width:28%} ul.cc_kylin2_right li:nth-child(2n){background: rgba(43, 96, 255, 0.9)} ul.cc_kylin2_right li:nth-child(2n) a{padding-bottom: 130px} ul.cc_kylin2_right li h5{font-size: 4.5rem;color: #FFF;font-weight: bold} ul.cc_kylin2_right li span{width:40px;height:8px ;background:#FFF;display: block;margin-bottom:80px;} ul.cc_kylin2_right li a p{color:#FFF;text-decoration: none} @media (max-width:1500px){ #cc_kylin2 .cc_kylin2_c .cc_kylin2_left{ padding: 40px 12% 40px 20px;} ul.cc_kylin2_right li h5 { font-size: 3.6rem;} } @media (max-width:1100px){ #cc_kylin2 .cc_kylin2_c{height:420px} ul.cc_kylin2_right li h5 { font-size: 2.8rem;} ul.cc_kylin2_right li:nth-child(2n) a{padding:0} ul.cc_kylin2_right li a { padding: 0;} #cc_kylin2 .cc_kylin2_c {height:320px;} #cc_kylin2 .cc_kylin2_c .cc_kylin2_left{display: none} #cc_kylin2 .cc_kylin2_c .cc_kylin2_right { width: 100%; position: initial;} ul.cc_kylin2_right li{width:50%; padding: 20px;margin-top: 5px;} ul.cc_kylin2_right li:nth-child(2n){width:50%;padding-bottom: 20px} ul.cc_kylin2_right li:first-child,ul.cc_kylin2_right li:last-child{width:50%} ul.cc_kylin2_right li:hover { transform: translateY(0px);} ul.cc_kylin2_right li span{margin-bottom: 20px;} ul.cc_kylin2_right li h5 { font-size: 3.4rem;} ul.cc_kylin2_right li:nth-child(3){background:url("../../public/images/cckylin/index_about_bg1.png");} ul.cc_kylin2_right li:nth-child(4){background: url("../../public/images/cckylin/index_about_bg2.png");} } @media (max-width:768px){ ul.cc_kylin2_right li h5 { font-size: 2.8rem!important; } } @media (max-width:350px){ ul.cc_kylin2_right li h5 { font-size: 2.6rem!important; } } /* 首页区块-参与流程 --------------------------------------------------------------------------------------------------------------------*/ #cc_i_kylin2 { overflow: auto; padding-bottom: 80px;background:#F7F9FF} #cc_i_kylin2 .ul_about{overflow: hidden;width: 100%;margin: 40px 0 0 0;padding: 0;padding: 0px; background-size: 100%;display: flex} #cc_i_kylin2 .ul_about li:hover{cursor:pointer;} #cc_i_kylin2 .ul_about img{height:20px;margin-top: 50px} #cc_i_kylin2 .ul_about li a{width:100%;height: 100%;padding-top: 130px;display: block;color: #383838} #cc_i_kylin2 .ul_about li a p{line-height: 24px} #cc_i_kylin2 .ul_about li a p:first-child{font-size: 2.4rem} #cc_i_kylin2 .ul_about li a p:last-child{font-size: 1.4rem} #cc_i_kylin2 .ul_about li:hover a p{color:#226EE9} #cc_i_kylin2 .ul_about li{width:25%; list-style: none;text-align: center;display: block;float:left;text-align: center;} #cc_i_kylin2 .ul_about li:first-child{background: url(../../public/images/cckylin/index_join_1.png) no-repeat top center;} /*#cc_i_kylin2 .ul_about li:first-child:hover{background: url(../../public/images/cckylin/comu_li1_hover.png) no-repeat top center;} */ #cc_i_kylin2 .ul_about li:nth-child(2){background: url(../../public/images/cckylin/index_join_2.png) no-repeat top center;} /*#cc_i_kylin2 .ul_about li:nth-child(2):hover{background: url(../../public/images/cckylin/comu_li2_hover.png) no-repeat top center;} */ #cc_i_kylin2 .ul_about li:nth-child(3){background: url(../../public/images/cckylin/index_join_3.png) no-repeat top center;} /*#cc_i_kylin2 .ul_about li:nth-child(3):hover{background: url(../../public/images/cckylin/comu_li3_hover.png) no-repeat top center;} */ #cc_i_kylin2 .ul_about li:last-child{background: url(../../public/images/cckylin/index_join_4.png) no-repeat top center;} /*#cc_i_kylin2 .ul_about li:last-child:hover{background: url(../../public/images/cckylin/comu_li4_hover.png) no-repeat top center;} */ /* 整站移入特效 */ .gunlun{opacity: 0;top: 300px;} .gunlun.okgunluncenter {position: relative; animation: fadein 0.5s ease forwards;} @keyframes fadein { 100%{top:0;opacity: 1;} } @-webkit-keyframes swing{ from{ -webkit-transform:translateX(3px) rotate(2deg); transform:translateX(3px) rotate(2deg); } 20%{ -webkit-transform:translateX(-3px) rotate(-2deg); transform:translateX(-3px) rotate(-2deg); } 40%{ -webkit-transform:translateX(3px) rotate(2deg); transform:translateX(3px) rotate(2deg); } 60%{ -webkit-transform:translateX(-3px) rotate(-2deg); transform:translateX(-3px) rotate(-2deg); } 80%{ -webkit-transform:translateX(3px) rotate(2deg); transform:translateX(3px) rotate(2deg); } to{ -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); } } #cc_i_kylin2 .ul_about li:hover{animation:swing .6s both;} @media (max-width:1500px){ #cc_i_kylin2 .ul_about {background-position: 0px 2rem;} } @media (max-width:1000px){ #cc_i_kylin2 .ul_about{ margin: 50px 0 0 0;} } @media (max-width:768px){ #cc_i_kylin2 .ul_about li{ background-size: 60%!important;} #cc_i_kylin2 .ul_about li a { padding-top: 90px;} #cc_i_kylin2{padding-bottom: 50px;} #cc_i_kylin2 h2.th2{margin-top:1rem!important} #cc_i_kylin2 .ul_about {background-position: 0px 1.5rem;margin: 0} #cc_i_kylin2 .ul_about li a p:first-child { font-size: 1.8rem;} #cc_i_kylin2 .ul_about li a p { line-height: 16px;} #cc_i_kylin2 .ul_about img{margin-top:15px} #cc_i_kylin2 .ul_about li a p:last-child { display: none;} .o-font20 { font-size: 1.8em !important; } } @media (max-width: 500px){ #cc_i_kylin2 .ul_about li a { padding-top: 75px;} } /* 首页区块-SIG会议 --------------------------------------------------------------------------------------------------------------------*/ a.index_more_news { display:inline-block;color: #3D3D3D!important;font-size: 1.4rem;padding: 10px 48px;margin: 0 auto;margin-top:20px;border:1px solid #3D3D3D} a.index_more_news:hover{ background:#0C7BEB;color: #FFF!important;border-color:#0C7BEB } #cc_kylin4{ overflow: auto; margin-bottom: 80px;position: relative;padding-top: 100px;} #cc_kylin4_ul{width:100%;overflow: auto} #cc_kylin4 ul{width:30%;float: left;margin-right: 5%;min-height: 120px;} #cc_kylin4 ul.meeting1{background:url(../../public/images/cckylin/index_meeting_bg.png) no-repeat;background-size: 100%;padding: 56px 50px} #cc_kylin4 ul:last-child{margin-right: 0} #cc_kylin4 ul li{text-align:left!important;list-style: none;font-size: 1.4rem;line-height: 3.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #cc_kylin4 ul li:first-child{font-weight:bold} #cc_kylin4 ul li a{text-decoration: none;padding: 8px 24px;background: #0C7BEB;color: #FFF;font-size: 1.2rem;} #cc_kylin4 ul li a:hover{background: #0B74DE} #cc_kylin4 ul li a.stop,#cc_kylin4 ul li a.stop:hover{background: #D8D8D8;cursor: default;pointer-events: none;} #cc_kylin4 ul li img{margin-right:12px} #cc_kylin4 ul li:last-child{margin-top:30px} #cc_kylin4 a.index_more_news{margin-bottom:0;margin-top: 20px;} .new_more {width:100%;margin: 0 auto;text-align: center;margin-top: 10px} @media (max-width:1600px){ #cc_kylin4 ul.meeting1 {padding: 40px 40px;} #cc_kylin4 ul li:last-child { margin-top: 10px;} } @media (max-width:1100px){ #cc_kylin4 ul.meeting1 {padding: 20px 20px;} } @media (max-width:1000px){ #cc_kylin4 ul { width: 32%; margin-right: 1%;} } @media (max-width:768px){ #cc_kylin4{padding:0;box-shadow: none;margin-top:40px;margin-bottom: 20px} #cc_kylin4 ul{width:100%;margin-bottom: 10px;min-height: 100px;} #cc_kylin4 h2.th2 { margin: 20px 0 40px 0;} a.index_more_news { line-height: 2.8rem; font-size: 1.6rem; padding: 0.5rem 3rem; margin-bottom: 20px!important; } #cc_kylin4 ul li:first-child { font-size: 1.6rem;} #cc_kylin4 a.index_more_news{margin-top: 0px;} #cc_kylin4 ul.meeting1{background-size: cover; padding: 26px 50px;} #cc_kylin4 ul li:last-child { margin-top: 20px;} } /* 首页区块-理事单位 --------------------------------------------------------------------------------------------------------------------*/ #cc_kylin10 { overflow: auto;color: #FFF;background: url(../../public/images/cckylin/cc_index_company.png) top center no-repeat;background-size:cover} #cc_kylin10 h2.index_h{color:#FFF} .cyt{width:100%;height: auto;border-bottom:1px solid;border-color:rgb(255,255,255,0.2)} #cc_kylin10 ul.company_ul{overflow: auto;display: table;text-align: center;margin: 0 auto;padding: 0} #cc_kylin10 ul.company_ul li{float:left;list-style: none;line-height: 3.8rem;padding: 0;} #cc_kylin10 ul.company_ul li a{color:#FFF;display: block;font-size: 1.8rem;font-weight: bold;padding: 0 40px;} #company1{display:block} #company2,#company3{display:none} .div_company1 {text-align:center;padding: 0px 0 40px 0;} .div_company1 ul{overflow: auto;display: table; text-align: center;margin: 0 auto;padding: 0;width:100%} .div_company1 ul li{float:left;list-style: none;width:13%;margin-right:1.5%;margin-bottom: 1.5%; text-align: center;} .div_company1 ul li a{display:block;width: 100%;height: 100%;} .div_company1 ul li:nth-child(7n){margin-right:0} .div_company1 ul li img{ vertical-align: top;height:auto;width: 100%} .div_company p{margin-top:20px} #cc_kylin10 ul.company_ul li a.lihover,#cc_kylin10 ul.company_ul li a:hover{border-bottom: 4px solid #0C7BEB} @media (max-width:768px){ #cc_kylin10 ul.company_ul li{padding: 0 15px; } #cc_kylin10 h2.index_h, h2.index_h{font-size:2.6rem} .div_company1 { padding: 20px 0 20px 0; height: auto;} .div_company1 p{display: none} #cc_kylin10 ul.company_ul li a{padding: 0 10px;font-size: 1.6rem;} } @media (max-width:500px){ #cc_kylin10 h2.index_h, h2.index_h{font-size:2rem} } /* 首页区块-底部信息.................................................................................................................... */ .cc_kylin_foot{ margin: 0 auto;overflow: auto; padding-top: 0px; padding-bottom: 30px; background:#181818!important } #cc_kylin5{margin: 0 auto;overflow: auto;color: #FFF} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul{overflow:auto;margin-bottom: 3rem;padding-left: 0} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li{float: right;width: 8%;overflow: auto;list-style: none;margin-right: 3%} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li a{display:block} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li p{line-height: 3.5rem;font-size: 1.2rem} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li img{width:100%;} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:first-child{float: left;width: 25%;text-align: left!important} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:first-child img{width:70%;} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:nth-child(2){margin-right:0} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul{width:100%;overflow: auto;padding: 32px 0;border-bottom: 1px solid;border-color:rgba(255,255,255,0.2);margin-bottom: 90px;} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li{width:33.33%;text-align: center;float:left;line-height: 16px;height: 16px; border-right: 1px solid #FFF;list-style: none} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li:last-child{border-right: none} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li a{color: #FFF;display:block} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li a:hover{color:#0C7BEB} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li img{margin-right:15px} #cc_kylin6 {width:100%;padding-top:1.85rem;color:#FFF} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul {overflow: auto;padding-left: 0} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li{float:left;list-style: none;width: 33%;text-align: left;height: 20px;line-height: 20px;vertical-align: middle;overflow: hidden;} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li img{width: 14px;margin-right: 10px;float: left;margin-top: 3px} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li span{float:left;} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li a{color:#FFF} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li a:hover{text-decoration: underline} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li:nth-child(2){text-align: center} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li:last-child{text-align: right;width: 34%} @media (max-width:1000px){ #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li{width:12%} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:first-child{width:30%} a.index_more_news {margin-bottom: 60px;} #cc_kylin4 ul li { width: 100%;} } @media (max-width:768px){ #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul{margin-bottom:0} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li{width:30%} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:nth-child(2),#cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:nth-child(3),#cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:nth-child(4){display: none} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:first-child { width: 50%;} /* #cc_kylin4 { padding: 40px 0 50px 0;}*/ .cc_kylin_foot { padding-top: 0px!important; margin-top: 00px!important;} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul{ padding: 15px 0;margin-bottom: 50px} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li:first-child img { width: 50%;} #cc_kylin5 .cc_kylin5_1 .cc_foot1_ul li p{font-size:12px} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li:nth-child(2){display:none} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li:last-child { width: auto!important; float: right!important;} #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li{ width: auto!important;} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li img { margin-right: 5px; height: 20px;} #cc_kylin5 .cc_kylin5_1 .cc_foot0_ul li { width: 33%;} } @media (max-width:470px){ #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li:last-child { } #cc_kylin6 .cc_kylin5_2 .cc_foot2_ul li:first-child a{display: none} } /* 下载首页 ---------------------------------------------------------------------------------------------------------------------------*/ #cc_dowload{ overflow: auto;} #cc_dowload a.message{color:#FFF;text-decoration: underline} .cc_dowload .container{padding:0 20px;} .version {width:100%;overflow: auto;margin:0 auto;} .version1{margin-top:100px;} .version2{margin:120px 0;width:100%;overflow: auto} .version .version_left{width:49%;float:left;} .version1.version .version_right{width:47%;float:right} .version1 .version_ukylin h3{font-size: 3.4rem;line-height: 3.8rem;font-weight: bold;margin-top: 0} .version .version_ukylin a.a_do{height:4rem;line-height: 4rem;margin-top: 20px ;margin-bottom: 20px ; width:65%;text-align: center;display: block;display: block; background:#0C7BEB;color:#FFF;font-size: 1.4rem} .version .version_ukylin a.a_do:hover{background:#0B74DE;} .version .version_ukylin a.a_disable{ background:linear-gradient(#999,#DDD);} .version .version_ukylin a.a_disable:hover{ background:linear-gradient(#999,#DDD);} .version .version_ukylin p{line-height:2.4rem} .version .version_ukylin ul.co{padding:0;overflow: auto;margin-top:40px;} .version .version_ukylin ul.co li{list-style:none;float:left;margin-right:8%;text-align: center} .version .version_ukylin ul.co li:last-child{margin-right:0} .version .version_ukylin ul.co li img{float:left;height: 20px;vertical-align: middle} .version .version_ukylin ul.co li h6{float:left;font-size:1.2rem;line-height: 20px;margin: 0;margin-left: 8px} .version .version_ukylin ul.co li h6:hover{color:#0B74DE} .version .version_ukylin ul.co li a{display:block} .version h6{font-size:1rem;line-height: 18px;} .version h6.lll{background:url(../../upload/202204/1650874483783406.png) left bottom no-repeat;line-height: 40px} .downloadfootre {margin-top: 80px; margin-bottom: 40px;} .downloadfootre h2{text-align:center;font-size:3rem;line-height: 38px;margin-bottom: 40px;font-weight: bold} .downloadfootre h2 img{vertical-align:middle} .downloadfootre ul li{float:left;list-style: none;width:18.3%;background:rgb(244,247,255,0.35);border:1px solid rgb(56,56,56,0.1);margin-right:2%;margin-bottom:20px;text-align: center} .downloadfootre ul{overflow:auto;padding: 0} .downloadfootre ul li:nth-child(5n){margin-right:0} .downloadfootre ul li a{width:100%;height: 100%; display:block;padding:10px;} .downloadfootre ul li a img{height: 50px; } .version00{background:url(../../upload/202204/1649040754243643.png) #0C7BEB top center; padding:20px 0;height: 200px;margin-top:100px;} .version00 .piliang{overflow: auto;color: #FFF} .version00 .piliang .piliang1{padding-left:10%} .version00 .piliang h1{color:#FFF;margin-bottom: 40px;font-size: 2.4rem;} .version00 .piliang a{display: block; font-size: 1.4rem; width: 160px; height: 40px; line-height: 40px; color: #FFF; text-align: center; text-decoration: none; border: solid; } .version00 .piliang a:hover{color:#0B74DE;border-color: #FFF;background: #FFF} #ul_download1,#ul_download3{display: none;} .ul_download,ul.ul095{width:100%;overflow:auto;padding:0;margin: 0;} .ul_download{margin-top:40px;} ul.ul095{height: 130px;overflow: hidden;} .ul_download li{width:33.333%;text-align: center;line-height: 48px;border: 1px solid #DDD;list-style: none;padding: 0;margin: 0;float: left;font-size: 1.6rem;font-weight: bold;cursor: pointer;} .oselect,.ul_download li:hover{background: #0C7BEB;color: #FFF;} ul.ul095 li{width:100%;line-height: 38px;border: 1px solid #DDD;list-style: none;padding: 0;margin: 0;padding: 0 60px;font-size: 1.4rem;} ul.ul095 li a{text-decoration: underline;} ul.ul095 li:first-child{border-top:0} ul.ul095 li:nth-child(2n){background:#f9f9f9} ul.ul095 li span{float:right;font-size: 1.2rem;} @media (max-width:1600px){ .downloadfootre ul li a img { height: 40px;} } @media (max-width:1450px){ .version h6{ margin: 0;} .version .version_ukylin ul.co{margin-top: 0;} } @media (max-width:1360px){ .version .version_right{padding:0;width:50%;} .downloadfootre ul li a img { height: 30px;} .ul_download { margin-top: 0px;} ul.ul095 li{padding: 0 10px;} } @media (max-width:1100px){ .version .version_ukylin a.a_do{ margin-top: 10px; margin-bottom: 10px;} } @media (max-width:1000px){ .version .version_right{padding:0;float: left;width:100%} .version .version_left { width: 100%;} .version .version_ukylin a.a_do { height: 3.8rem; line-height: 3.8rem;display:inline-block} .version h6.lll { background: url(../../upload/202204/1650874483783406.png) center bottom no-repeat;} .version1 .version_ukylin h3{ margin-top: 60px; text-align: center;} .version h6{text-align:center} .version .version_ukylin ul.co { text-align: center;} .version .version_ukylin ul.co li { text-align: center; display: inline-block;float:none} .version .version_ukylin ul.co li h6{font-size:1.2rem} .version1.version .version_right { width: 100%;} .downloadfootre { margin-top: 30px; margin-bottom: 0px;} .ul_download { margin-top: 40px;} } @media (max-width:780px){ .downloadfootre ul li,.downloadfootre ul li:nth-child(5n){width:22%;margin-right:3%} .downloadfootre ul li:nth-child(4n){margin-right:0} .downloadfootre ul li a {padding:5px} .version00{padding: 20px 0;} .version1.version .version_right{width:100%} .version .version_right img { height: 50px;} .version2{display:none} .version1 { margin-top: 60px;} .version .version_ukylin a.a_do{width:50%} } @media (max-width:600px){ .downloadfootre ul li,.downloadfootre ul li:nth-child(5n),.downloadfootre ul li:nth-child(4n){width:30%;margin-right:5%;} .downloadfootre ul li:nth-child(3n){margin-right:0} .version00 .piliang a { width: 100px; height: 30px; line-height: 30px;} .version00 .piliang .piliang1 { padding-left: 0%;} } @media (max-width:510px){ .version1 .version_ukylin h3 { font-size: 2.5rem;} .version .version_ukylin ul.co li { margin-right: 3%; } .version00 .piliang h1 { font-size: 2.2rem;} } @media (max-width:400px){ .version00 .piliang h1 { font-size: 2rem;} } /* 适配认证---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #ok_top_compaty{ overflow: auto;} #ok_top_compaty a.message{color:#FFF;text-decoration: underline} #ok_nav{width: 100%;overflow: auto;background:#FFF;} #ok_content{padding:60px 0 80px 0;width: 100%;overflow: auto;background:#F8F8F8;} #ok_compaty table { border-collapse: collapse; border-spacing: 0;width:100%;background: #FFF;} #ok_compaty .pure-table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 2px solid #EDEDED;} #ok_compaty .pure-table caption { color: #000; padding: 1em 0; text-align: center;} #ok_compaty .pure-table td,#ok_compaty .pure-table th { border-left: 0px solid #EDEDED; border-width: 0 0 1px 0px; margin: 0; overflow: visible; padding: 16px 10px;color: #181818;} #ok_compaty .pure-table th{font-size: 1.4rem;border-bottom: 0!important;background-color: #F4F4F4; border-bottom: 2px solid #EDEDED !important;} #ok_compaty .pure-table thead { color: #000; text-align: left; vertical-align: bottom;} #ok_compaty .pure-table td { background-color: transparent;font-size: 1.2rem!important;} #ok_compaty .pure-table th:last-child,#ok_compaty .pure-table td:last-child{text-align: right;} #ok_compaty .pure-table td:first-child, #ok_compaty .pure-table th:first-child{padding-left: 50px;} #ok_compaty .pure-table td:last-child, #ok_compaty .pure-table th:last-child{padding-right: 50px;} #ok_compaty table tr:hover{background:rgba(97,125,225,0.08); } #ok_compaty .pure-table td.zp img{width: 52px;height: auto;} #ok_nav ul {margin-bottom: 0;margin-top:20px;padding: 0;} #ok_nav ul li{list-style: none;float: left;line-height: 60px;margin-right: 80px;} #ok_nav ul li a{display: block;font-size: 1.8rem;color: #181818;} #ok_nav ul li a.select,#ok_nav ul li a:hover{border-bottom:solid 4px #0C7BEB;font-weight: bold;color: #181818;} a.shipei{width:140px;display: block;background:#f5aa4e ;border-radius: 20px;text-align: center;line-height: 38px;color: #FFF;} a.shipei:hover{background:#fb9d2a ;} #compa_s1{display:table;} #compa_s2,#compa_s3{display: none;} @media (max-width:768px){ #ok_compaty { padding: 40px 0 40px 0;} /* #ok_compaty .pure-table {min-width: 600px;max-width: 100%;} */ #ok_compaty .pure-table td,#ok_compaty .pure-table th { padding: 5px 2px;} #ok_compaty .pure-table th{font-size: 1.2rem;} #ok_compaty .pure-table td { font-size: 1rem!important;} #ok_compaty .pure-table td:nth-child(2) ,#ok_compaty .pure-table th:nth-child(2) ,#ok_compaty .pure-table td:nth-child(4) ,#ok_compaty .pure-table th:nth-child(4),#ok_compaty .pure-table td:nth-child(5) ,#ok_compaty .pure-table th:nth-child(5) { display: none!important;} #ok_compaty .pure-table td:first-child, #ok_compaty .pure-table th:first-child{padding-left: 10px;} #ok_compaty .pure-table td:last-child, #ok_compaty .pure-table th:last-child{padding-right: 10px;} #ok_nav ul li {margin-right: 20px;} #ok_content { padding: 0px 0 5px 0;} } /* 安全漏洞---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* .met-download{background:#FFF} */ .met-download .met-download-body { box-shadow:0 0px 0px rgba(0,0,0,0.1);;} #ok_patch{ overflow: auto;} #ok_patch a.message{color:#FFF;text-decoration: underline} #ok_patchcontent {padding:0px 0 50px 0} #ok_patchcontent table { border-collapse: collapse; border-spacing: 0;width;width:100%;} #ok_patchcontent .pure-table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 2px solid #EDEDED;} #ok_patchcontent .pure-table caption { color: #000; padding: 1em 0; text-align: center;} #ok_patchcontent .pure-table td,#ok_patchcontent .pure-table th { border-left: 0px solid #EDEDED; border-width: 0 0 1px 0px; margin: 0; overflow: visible; padding: 30px 10px;color: #181818;} #ok_patchcontent .pure-table th{font-size: 1.4rem;border-bottom: 0!important;background-color: #F4F4F4; border-bottom: 2px solid #EDEDED !important;} #ok_patchcontent .pure-table thead { color: #000; text-align: left; vertical-align: bottom;} #ok_patchcontent .pure-table td { background-color: transparent;font-size: 1.2rem!important;} #ok_patchcontent .pure-table th:last-child,#ok_patchcontent .pure-table td:last-child{text-align: right;} #ok_patchcontent .pure-table td:first-child, #ok_patchcontent .pure-table th:first-child{padding-left: 30px;} #ok_patchcontent .pure-table td:last-child, #ok_patchcontent .pure-table th:last-child{padding-right: 30px;} /* #ok_patchcontent .pure-table-odd td { background-color: #f2f2f2;} */ #ok_patchcontent .pure-table td:nth-child(3) span{ height: 28px; line-height: 28px;text-align:center;color:#FFF;border-radius: 5px;display:inline-block;padding: 0 10px;;} #ok_patchcontent .pure-table td:nth-child(3) span.patch_sh{background:#EB4141;} #ok_patchcontent .pure-table td:nth-child(3) span.patch_h{background:#FFA900;} #ok_patchcontent .pure-table td:nth-child(3) span.patch_m{background:#2788EA;} #ok_patchcontent .pure-table td:nth-child(3) span.patch_s{background:#3D6B80;} #ok_patchcontent .pure-table td:nth-child(4) span{ width: 8px; height: 8px; border-radius: 8px; display: block; float: left; margin-top: 8px; margin-right: 5px; } #ok_patchcontent .pure-table td:nth-child(4) span.state_o{background:#32B357;} #ok_patchcontent .pure-table td:nth-child(4) span.state_m{background:#FFA900;} #ok_patchcontent .pure-table td:nth-child(4) span.state_n{background:#EB4141;} #ky_app1,#ky_app2,#ky_app3,#ggtitle1,#ggtitle2,#ggtitle3{display:none} @media (max-width:768px){ #ok_patchcontent { padding: 40px 0 40px 0;overflow: auto;} #ok_patchcontent .pure-table {min-width: 650px;max-width: 100%;} #ok_patchcontent .pure-table td,#ok_patchcontent .pure-table th { padding: 5px 2px;} #ok_patchcontent .pure-table th{font-size: 1.2rem;} #ok_patchcontent .pure-table td { font-size: 1rem!important;} #ok_patchcontent .pure-table td:nth-child(3) span { width: 40px; height: 20px; line-height: 20px;} #ok_patchcontent .pure-table td:first-child, #ok_patchcontent .pure-table th:first-child{padding-left: 10px;} #ok_patchcontent .pure-table td:last-child, #ok_patchcontent .pure-table th:last-child{padding-right: 10px;} #ok_patchcontent .pure-table td:nth-child(4) span { width: 5px; height: 5px; border-radius: 5px; margin-top: 9px;} } /* 社区首页 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community{padding-bottom: 120px; overflow: auto;} #cc_community .comm_banner p{text-align:left!important} .cc_communityv{width:100%;overflow: auto} .cc_communityv .cc_communityv_left{width:25%;float: left} .cc_communityv .cc_communityv_right{width:75%;float: right} #cc_community ul.cc_colist_ul{overflow:auto;box-shadow:0 10px 20px rgba(97,125,225,0.08);margin-top: -60px; background: rgba(255,255,255,.2); -webkit-backdrop-filter: saturate(180%) blur(31px); -ms-backdrop-filter: saturate(180%) blur(31px); -moz-backdrop-filter: saturate(180%) blur(6px); -o-backdrop-filter: saturate(180%) blur(31px); backdrop-filter: saturate(180%) blur(31px);display: flex;flex-wrap: wrap; } #cc_community ul.cc_colist_ul li{width:25%;list-style: none;float: left;padding: 36px 28px;background: url(../../upload/202204/1649060934179187.png) center right no-repeat;} #cc_community ul.cc_colist_ul li:last-child{background: none} #cc_community ul.cc_colist_ul li img{float:left;height: 6.4rem; margin-right: 28px;} #cc_community ul.cc_colist_ul li h5{font-size:1.6rem;font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #cc_community ul.cc_colist_ul li a p{font-size:1.2rem;color: #3D3D3D;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #cc_community ul.cc_colist_ul li a:hover h5{color:#0C7BEB} #cc_community ul.cc_colist_ul li div{text-align: left} .cc_communityv{margin-top: 100px} .cc_communityv ul.cc_co_ul{overflow:hidden;margin: 0 auto;width: 100%;padding-left: 0;margin-left: 0; padding:0} .cc_communityv h3{ font-size: 3rem; margin-top: 4rem; margin-bottom: 2rem; font-weight: bold} .cc_communityv ul.cc_co_ul li{float:left;height: 160px; list-style: none;width: 22.6%; margin-right: 3%;position: relative;margin-bottom: 20px;border:1px solid #EDEDED;overflow: hidden} .cc_communityv ul.cc_co_ul li:last-child,.cc_communityv ul.cc_co_ul li:nth-child(4n){margin-right:0} .cc_communityv ul.cc_co_ul li a{width:100%;height: 100%; display: block;padding-top:36px;} .cc_communityv ul.cc_co_ul li:hover{background:#0C7BEB;} .cc_communityv ul.cc_co_ul li:hover a h5,.cc_communityv ul.cc_co_ul li:hover a p{color:#FFF} .cc_communityv ul.cc_co_ul li div:first-child a img{height: 48px} .cc_communityv ul.cc_co_ul li a img.o{height:48px} .cc_communityv ul.cc_co_ul li div:nth-child(2) { padding: 5% 20%;height: 100%; width: 100%; } .cc_communityv ul.cc_co_ul li a h5{font-size:1.8rem} .cc_communityv ul.cc_co_ul li a p{font-size: 1.2rem;color: #707070} .cc_communityv ul.cc_co_ul li div:last-child a {padding:0!important} .cc_communityv ul.cc_co_ul li div:last-child img{width:100%;} .cc_communityv ul.cc_co_ul li div:last-child a img{width:100%;} #div_hover2{padding:20px;width:100%} ul.cc_co_ul li div:first-child{position: relative;top: 0;left: 0;z-index: 654} ul.cc_co_ul li div:first-child:hover{cursor:pointer} ul.cc_co_ul li div:last-child{position: absolute;top: 0;left: 0;z-index: 655;background: rgba(255,255,255,.3);display: none} p.h3_p{color:#707070} @media (max-width:1200px){ .cc_communityv ul.cc_co_ul li a{ padding: 2rem 0rem 2rem 0rem;} .cc_communityv ul.cc_co_ul li,.cc_communityv ul.cc_co_ul li:nth-child(4n){width:30%;margin-bottom: 10rem;margin-right: 5%;margin-bottom:40px;} .cc_communityv ul.cc_co_ul li:nth-child(3n){margin-right: 0%} .cc_communityv h3{margin-top:0} .cc_communityv .container h3:first-child{margin-top:60px} } @media (max-width:1000px){ .cc_communityv ul.cc_co_ul li{height:160px} .cc_communityv {padding-bottom: 0px;} .cc_communityv ul.cc_co_ul li a h5{font-size: 1.6rem;} .cc_communityv .cc_communityv_left { width: 100%;} .cc_communityv .cc_communityv_right { width: 100%;} #cc_community ul.cc_colist_ul li{padding: 20px 10px;} } @media (max-width:768px){ #cc_community { padding-bottom: 40px;} .cc_communityv ul.cc_co_ul li,.cc_communityv ul.cc_co_ul li:nth-child(3n),.cc_communityv ul.cc_co_ul li:nth-child(4n){width:45%;margin-bottom: 10rem;margin-right: 10%;height: 150px;margin-bottom:30px;} .cc_communityv ul.cc_co_ul li:nth-child(2n){margin-right: 0%} .cc_communityv ul.cc_co_ul li a p{display:none} .cc_communityv ul.cc_co_ul li a img{width:45%} ul.cc_co_ul li div{padding:0} .cc_communityv ul.cc_co_ul li div:first-child a img{height: 48px; width: auto;} #cc_community ul.cc_colist_ul li { width: 50%;padding: 10px 20px;} #cc_community ul.cc_colist_ul li img { float: initial;} .cc_communityv ul.cc_co_ul li, .cc_communityv ul.cc_co_ul li:nth-child(3n), .cc_communityv ul.cc_co_ul li:nth-child(4n){height:120px} .cc_communityv { margin-top: 60px;} .cc_communityv ul.cc_co_ul li a img.o { height: 48px; width: auto;} #cc_community ul.cc_colist_ul li:nth-child(2n){background: none;} .cc_communityv ul.cc_co_ul li:last-child{margin-bottom:0} #cc_community ul.cc_colist_ul{margin-top:-30px} } @media (max-width:420px){ .cc_communityv ul.cc_co_ul li a p{display:none} } /* 社区活动 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community{padding-bottom: 120px; overflow: auto;} #cc_community .comm_banner p{text-align:left!important} .main { padding: 80px 0;} .cyt{width:100%;height: auto;box-shadow: 0px 0px 16px rgba(97,125,255,0.0800);padding-top: 40px;} #cc_community ul.company_ul{overflow: auto;display: table;text-align: center;margin: 0 auto;padding: 0} #cc_community ul.company_ul li{float:left;list-style: none;line-height:5.8rem;} #cc_community ul.company_ul li a{display: block;font-size: 1.8rem;font-weight: bold;margin:0 10px; color: #181818; padding: 0 20px;} #company1{display:block} #company2,#company3,#company4,#company5{display:none} #cc_community ul.company_ul li a.lihover,#cc_community ul.company_ul li a:hover{border-bottom: 4px solid #0C7BEB;color: #0C7BEB} .activity{ width: 30%; margin-right: 5%; margin-bottom: 30px; float: left;border: 1px solid #EDEDED;padding-bottom: 20px} .activity:nth-child(3n){margin-right: 0} .activity:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .activity{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;} .activity:hover{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;} .more{ text-align: center; height: 40px; margin:0 auto; margin-bottom: 20px;line-height: 40px; cursor: pointer; margin-top: 10px; border: 1px solid rgba(0,0,0,0.1);} .more a{ font-size: 14px; color: #666666!important;display: block} .more:hover a{color: #006ead!important} .new{ width: 100%; height:26rem;margin-bottom: 20px} .new img{ height: 100%; width: 100%;} .new-title{ width:70%;float: left;padding-left: 20px} .new_zhuangtai{ width:100px; height: 40px;float: right;text-align: right;padding-right: 20px;line-height: 40px;color: #FFF;font-size: 1.4rem} .new-title h5 {margin:0} .new-title h5 a{ display: block; font-size: 1.6rem;font-weight: bold;color: #181818; text-decoration: none; line-height: 2.4rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .new-title h5 a:hover{color:#006ead; text-decoration: underline;} .new-title h6.time{line-height: 24px;font-size: 1.4rem; color: #3D3D3D;} .start{background:url(../../upload/202208/1660543243927742.png) no-repeat; background-size: cover;} .stop{background:url(../../upload/202208/1660543243841136.png) no-repeat; background-size: cover;} #main-activ2{height:auto;overflow: auto} @media (max-width:1500px){ .new{height:180px} .new_zhuangtai { width: 80px; height: 30px; padding-right: 10px; line-height: 30px; font-size: 1.2rem;} .new-title h6.time { font-size: 1.2rem;} } @media (max-width:1100px){ .activity,.activity:nth-child(3n) { width: 48%; margin-right: 4%;} .activity:nth-child(2n) { margin-right: 0%;} #cc_community ul.company_ul li a{font-size: 1.4rem;padding: 0 0px;margin: 0 8px;} } @media (max-width:650px){ .new{height:200px} .activity,.activity:nth-child(3n) { width: 100%; margin-right: 0%;} } /* 积分体系 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_score{width:100%;height: auto;padding-bottom: 100px; } .score_banner {width:100%;position: relative;background: linear-gradient(180deg, #FAB01A 0%, #F2780B 100%);padding: 50px 0;} .score_content{width:100%;height: auto;position: relative;} .containscore{width:100%;height: auto;margin: 0 auto;margin-top: 20px; transition: transform 0.8s ease;position: relative; } .containscore:nth-child(even){ opacity: 0; transition: opacity 1s ease;} .containscore:nth-child(odd){ opacity: 0; transition: opacity 1s ease; } .containscore.scorecenter{ opacity: 1; transition: opacity 1s ease; } #cc_community_score p{font-size: 1.6rem;color: #141414;line-height: 32px;text-align: justify;} .score_banner div img{width:100%;height: auto;} .score_banner .img1{width:30%;position:absolute;z-index: 500;top:40%;left:0;animation: animation_left 1s ease; } .score_banner .img2{width:50%;position:relative; z-index: 501;top:10%;left:25%;animation: animation_center 2s ease;} .score_banner .img3{width:30%;position:absolute; z-index: 502;top:10%;right:0;animation: animation_right 1s ease; } @keyframes animation_left { 0%{left:-100%;opacity: 0;} 100%{left:0;opacity: 1;} } @keyframes animation_center { 0%{opacity: 0;transform:scale(0.3,0.3)} 70%{opacity: 1;transform:scale(1.05,1.05)} 100%{opacity: 1;transform:scale(1,1)} } @keyframes animation_right { 0%{right:-100%;opacity: 0;} 100%{right:0;opacity: 1;} } /* 第一部分 */ #containscore1{width:100%;height: auto;position: relative;margin-top: 110px;} #containscore1 .beijin_one{position:absolute;top: 20px;left: 0;z-index: 260;} #containscore1 .beijin_second{position:relative;top: 0;left: 10%;z-index: 261;width: 80%;padding-bottom: 80px;} #containscore1 .beijin_three{position:absolute;bottom: 0;right: 0;z-index: 262;} #containscore1 .beijin_one img{width:80%} #containscore1 .beijin_second .beijin_second1{width: 100%;height: auto;background: #F2780B;border: #141414 4px solid;padding:0 40px 40px 0;position: relative;} #containscore1 .beijin_second .beijin_second1 .beijin_second11 {border-right: #141414 4px solid;border-bottom: #141414 4px solid;background:#FFF;padding:40px;position:relative;top:0;left: 0;z-index: 300;;} #containscore1 .beijin_second .beijin_second1 .beijin_second12{position:absolute;top:30%;right:140px;z-index: 300;} #containscore1 .beijin_second .beijin_second1 .beijin_second11 p:first-child{width:100%;padding:30px;background:rgba(242, 120, 11, 0.2000);margin-bottom: 20px;} #containscore1 .beijin_second .beijin_second1 .beijin_second11 p:nth-child(2){width:100%;padding:30px;background:rgba(255, 196, 18, 0.2000)} h1.h1_beijin{margin:0;padding:0;font-size: 4.2rem;font-weight: bold;color:#141414;line-height: 80px;height:80px;padding-left:40px;background: url(../../public/images/openkylin/beijin_title.png)no-repeat;text-align: left;} #containscore1 .beijin_second .beijin_second1 .beijin_second12 h2{font-size: 3.2rem;padding:0;font-weight: bold;color: #141414;line-height: 70px;width:200px;height: 80px;text-align: center;background:#F2780B;border: #141414 4px solid;box-shadow: 10px 10px 0px #141414;} /* 第二部分 */ #containscore2{width:100%;height: auto;position: relative;margin-top: 110px;} #containscore2 .canyu_second h1.h1_fanshi{background: url(../../public/images/openkylin/canyufanshi_1.png) no-repeat;margin-left:44px;color: #FFF;} #containscore2 .canyu_second{width:85%;height: auto;position:relative;top: 20px;left: 5%;z-index: 259;padding-bottom: 40px;} #containscore2 h2{width:645px;height: 125px;line-height:85px;text-align:center;background: url(../../public/images/openkylin/canyufanshi_2.png) no-repeat;position:absolute;right:5%;top:-50px;z-index: 400;font-size: 2.4rem;font-weight: bold;} #containscore2 img.g1{position:absolute;bottom: 0px;left: 0;z-index: 400;} #containscore2 img.g2{position:absolute;bottom: 0px;right: 0;z-index: 400;} #containscore2 img.g3{position:absolute;top:150px;left: 150px;z-index: 400;display: none;} #containscore2 .canyu_second .canyu_second1{width: 100%;height: auto;background: #F2780B;border: #141414 4px solid;padding:0 40px 0px 0;position: relative;} #containscore2 .canyu_second .canyu_second11 {background:#FFC412;padding-left:44px;position:relative;top:0;left: 0;z-index: 300;;} #containscore2 .canyu_second .canyu_second11 .canyu_second111{background:#FFF;padding:50px;border: #141414 4px solid;border-top: 0;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 p.p{padding: 20px 100px;background:rgba(242, 120, 11, 0.2000);text-align: justify;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul{padding:0;margin: 0;overflow: auto;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul li{list-style: none;width: 100%;overflow:auto;margin-bottom: 20px;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul li img{float:left} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul li p{float:left;font-weight: bold;color: #141414;line-height: 35px;font-size: 2rem;margin-left:40px;margin-bottom: 0;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul li p span{font-weight: normal;font-size: 1.4rem;} #containscore2 .canyu_second .canyu_second1 p.plast{color: #FFF;font-size: 1.2rem;text-align: center;width: 70%;margin: 0 auto;line-height: 20px;padding:10px} /* 第三部分 */ #containscore3{width:100%;height: auto;position: relative;margin-top: 120px; padding-bottom: 150px;margin-bottom: 200px;} #containscore3 .update_one{position:absolute;bottom: 0px;right:-5%;z-index: 200;} #containscore3 .update_second{width:85%;height: auto;position:relative;top: 80px;left: 5%;z-index: 259;padding-bottom: 401px;padding:40px;background: #236DE6;border: #141414 4px solid;} #containscore3 .update_three{width:100%;height: 100%;position:absolute;top: 20px;left: 0;z-index: 402;} #containscore3 .update_second .update_second1{background: #FFF;border: #141414 4px solid;padding: 20px 60px 94px 60px;position: relative;z-index: 600;left:0 } #containscore3 .update_second h1.h1_update{width:732px;height:80px;background: url(../../public/images/openkylin/canyufanshi_1.png) no-repeat;color: #FFF;position: absolute;z-index:700;top:-40px;left:40px;} #containscore3 .update_three ul{overflow:auto;width:80%;} #containscore3 .update_three ul li{list-style: none;width:100%;overflow: auto;border: #141414 4px solid;margin-bottom: 10px;background:#FFF;padding:10px 30px;} #containscore3 .update_three ul li:first-child{background: #FFC412;} #containscore3 .update_three ul li div{float:left;} #containscore3 .update_three ul li div:first-child{width:15%;} #containscore3 .update_three ul li div:nth-child(2){width:15%;font-size: 2rem;font-weight: bold;color: #F2780B;line-height: 70px;} #containscore3 .update_three ul li div:nth-child(3){width:25%;font-size: 1.6rem;font-weight: bold;color: #141414;line-height: 70px;} #containscore3 .update_three ul li:first-child div:nth-child(2){color: #141414;} #containscore3 .update_three ul li div:last-child{width:45%} #containscore3 .update_three ul li div:last-child p{font-size: 1rem;line-height: 8px;} #containscore3 .update_three ul li:first-child div:nth-child(3){line-height: 30px; margin-top: 10px;} h2.cty{font-size: 1.2rem;} #containscore3 .update_three .update_three1{width:100%;height: 100%;position: relative;;} #containscore3 .update_three .update_three1 .update_img{position: absolute;top: 80px; left: -10%;} #containscore3 .update_three .update_three1 ul{position: absolute; top: 200px; right: 0%;} /* 第四五部分 */ .okdetail_one {width:80%;position:relative;bottom: 0px;right:0;z-index: 200;overflow: auto;margin: 0 auto;} .okdetail_second {width:100%;position:absolute;top: 0px;left: 0;z-index: 259;} .okdetail_one .okdetail_one1{background:#141414;width:100%;height: 780px; margin-top: 40px;} .okdetail_one .okdetail_one2{background:#F2780B;width:90%;height: 40px;border: #141414 4px solid;;margin: 0 auto;} .okdetail_second .okdetail_second1{ margin-left: 20%;} .okdetail_second .okdetail_second2{height: 700px;background:#FFF;border: #141414 4px solid;padding:50px 10px 40px 20px;} .okdetail_second .okdetail_second2 .okdetail_second21{width:100%;height:100%;overflow:auto;padding-right:0px;} .containscore ::-webkit-scrollbar{width: 20px; } /*滚动条的滑轨背景颜色,可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/ .containscore ::-webkit-scrollbar-track{background-color: #FFF;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);border-radius:5px;border: 4px solid #141414;} /* 滑块颜色 */ .containscore ::-webkit-scrollbar-thumb{background: #F2780B;border: 4px solid #141414;border-radius: 5px; } /*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/ .containscore ::-webkit-scrollbar-button{background-color: #eee;display: none;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .containscore ::-webkit-scrollbar-corner{background-color: black; } .okdetail_second table { border-collapse: collapse; border-spacing: 0;width: 100%;} .okdetail_second td,th { padding: 0;} .okdetail_second .pure-table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 0px solid #cbcbcb;} .okdetail_second .pure-table caption { color: #000; padding: 1em 0; text-align: center;} .okdetail_second .pure-table td,.okdetail_second .pure-table th { border: 40px solid #FFF; border-width: 0 0 10px 20px; font-size: inherit; margin: 0; overflow: visible; padding: 15px 0; text-align: center;} .okdetail_second .pure-table thead { background:none; color: #000; text-align: left; vertical-align: bottom;} .okdetail_second .pure-table td { background: rgba(255,196,18,0.2);font-size: 1.4rem;font-weight:bold;line-height: 36px;color: #141414;} .okdetail_second .pure-table tr.xx td{background: rgba(242,120,11,0.2);} .okdetail_second .pure-table thead th div{width:100%;height: 80%;border: #141414 4px solid;background:#FFC412; padding: 15px 0; box-shadow: 10px 10px 0px #141414;} .okdetail_second .pure-table th {padding:0 10px 10px 0;background: none;font-size: 2rem;line-height: 36px;font-weight:bold;color: #141414;position: sticky;top: 0;z-index: 800;;} #containscore4 .okdetail_second .h1_detail,#containscore6 .okdetail_second .h1_detail{background:url(../../public/images/openkylin/score5.png) no-repeat;} #containscore5 {margin-top:150px} #containscore5 .okdetail_second .pure-table td:last-child{padding-left: 80px;} #containscore5 .okdetail_second .pure-table td:last-child p{line-height:20px;} #containscore5 .okdetail_one .okdetail_one1{background:#236DE6;border: #141414 4px solid;} #containscore5 .okdetail_one .okdetail_one2{background:#FFF;border-top:0} /* 第六部分 */ #containscore6{width:100%;height: auto;position: relative;margin-top: 160px;} #containscore6 .okdetail_second .okdetail_second2{padding:60px 40px;height: 700px;} #containscore6 .sc_shop{width:100%;height:200px;position: relative;} #containscore6 .sc_shop1{width:98%;height:180px;background: #F2780B;border: #141414 4px solid;position: absolute;top: 20px;left: 20px;z-index: 4000;} #containscore6 .sc_shop11{width:98%;height:180px;background: #FFF;border: #141414 4px solid;position: absolute;top: 0px;left: 0px;z-index: 4001;padding:40px 40px} #containscore6 .sc_shop11 .sc_shop11_left{float:left;margin-right: 90px;} #containscore6 .sc_shop11 .sc_shop11_right{float:left} #containscore6 .sc_shop11 .sc_shop11_right h3{color: #F2780B;line-height: 52px;font-size: 3.4rem;font-weight: 800;margin-top: 0;} #containscore6 h2{color: #141414;font-weight: 800;line-height: 52px;font-size: 3.4rem; margin: 40px 0 30px 0;} #containscore6 h2 a{float: right;color: #141414;line-height: 35px;font-size:2.4rem;background: #F2780B;border: #141414 4px solid;display: block;padding:12px 40px} #containscore6 .okdetail_one .okdetail_one1{height: 830px;} #containscore6 #ztbox {width:100%; overflow: auto; margin:0 auto;} #containscore6 #ztbox #left { width:5%; height:63px; float:left; cursor:pointer;background:url(../../public/images/openkylin/sc_shop_li_left.png) no-repeat; margin-top:80px;} #containscore6 #ztbox #right{ width:5%; height:63px; float:right; cursor:pointer;background:url(../../public/images/openkylin/sc_shop_li_right.png) top right no-repeat; margin-top:80px;} #containscore6 #ztbox #conter { width:90%; height:240px; float:left; display:inline; overflow:hidden; position:relative;} #containscore6 #ztbox #conter ul { width:auto; height:190px; top:0px; left:0px; position:absolute; overflow:hidden;padding-left: 0; max-width: initial;} #containscore6 #ztbox #conter li { height:190px; float:left;padding:0px 30px; position:relative;list-style: none;} #containscore6 #ztbox #conter li img { width:100%; height:190px;border: #141414 4px solid;} #containscore6 #ztbox #scroll { width:100%; height:18px; left:0px; bottom:8px; cursor:pointer; position:absolute; background:url(../../public/images/openkylin/banner_bg_xi.png) repeat-x left center; } #containscore6 #ztbox #scroll span { width:48px; height:18px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:#181818; } /* 菜单 */ .divnav{position:fixed;top: 35%; right: 0;z-index: 20000;float:right;} .divnav ul li {font-size: 2.4rem;text-align: center;list-style: none;margin-bottom: 16px;} .divnav ul li a{width: 160px;height: 66px;line-height:59px;display: block;background:#FFC412;border: #141414 4px solid;color: #141414;font-weight:bold;float: right;margin-bottom: 16px;} .divnav ul li.navactive{padding-right: 0px;} .divnav ul li.navactive a{width: 225px;height: 89px;line-height:66px;background:url(../../public/images/openkylin/navactive.png) no-repeat;background-size: 100%;border:0;} @media (max-width:1000px){ #containscore2 .canyu_second .canyu_second1 p.plast{width:100%} .divnav{position:relative;display:none!important;;} .container, .cckylin_banner { width: 90%;} #containscore1 .beijin_second{width:100%; left: 0;} #containscore1 .beijin_second .beijin_second1{ padding: 0 20px 20px 0;} .score_banner{padding: 40px 0;} #containscore1 .beijin_second .beijin_second1 .beijin_second11 p:first-child{padding:20px} #containscore1 .beijin_second .beijin_second1 .beijin_second11 p:nth-child(2){padding:20px} .containscore.scorecenter { opacity: 1; transition: none;} .containscore:nth-child(even){ opacity: 1; transition: none;} .containscore:nth-child(odd){ opacity: 1; transition: none; } h1.h1_beijin{background-size: 100%; font-size: 3.2rem; padding-left: 20px;line-height: 58px;height: 58px;} #containscore1 .beijin_second .beijin_second1 .beijin_second11{padding:20px} #containscore1 .beijin_second .beijin_second1 .beijin_second12{display: none;} .met-editor .containscore img{ max-width: 50%!important;} #containscore2 .canyu_second .canyu_second11 .canyu_second111{padding: 10px;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 p.p { padding: 20px;} #containscore2 .canyu_second .canyu_second1{padding:0} .okdetail_second .pure-table td, .okdetail_second .pure-table th { border: 5px solid #FFF; border-width: 5px;} .okdetail_second .okdetail_second2{padding:0} .okdetail_second .okdetail_second2 .okdetail_second21{padding:5px;height: auto;} .okdetail_second .okdetail_second2{height:auto;} .okdetail_second .pure-table td, .okdetail_second .pure-table th{padding:5px 1px} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul li p { float: right; font-weight: bold; color: #141414; line-height: 20px; font-size: 1.6rem; margin-left: 0px; width: 80%;} #containscore2 .canyu_second .canyu_second11 .canyu_second111 ul li img { float: left; width: 10%!important;} #containscore2 h2{display:none} #containscore2 img.g3 { top: 150px;right: 20px;left: auto;width:20%} #containscore2 img.g1{width:20%;bottom:-50px} #containscore2 .canyu_second { width: 100%; left: 0%;} #containscore2 img.g2 { bottom: -20px; right: -150px;} .okdetail_one .okdetail_one1{height: auto;} .okdetail_second{position: relative;} #containscore3 { margin-top: 60px;margin-bottom: 80px;} #containscore3 .update_second h1.h1_update { width: 100%; height: 85px; background-size: 100%; left: 0px;top: -70px;} #containscore3 .update_three ul li img { max-width: 100%!important; height: auto;} #containscore3 .update_three ul{width:100%} #containscore3 .update_three .update_three1 ul { right: 0%;top:50px;position: relative;} #containscore3 .update_second .update_second1{display: none;} #containscore3 .update_three{position: relative;} .okdetail_one .okdetail_one2{display:none;} #containscore3 .update_second { width: 100%; height: auto; position: relative; padding: 0; background: none; border: 0;} #containscore3{padding-bottom:80px} .okdetail_one{display: none;} .okdetail_second .okdetail_second1{margin-left:0} .okdetail_second .pure-table thead th div { border: #141414 2px solid; padding: 5px 0; box-shadow: 4px 4px 0px #141414;height: 50px;overflow: hidden;font-size: 1.2rem; height: 50px;;} #containscore5 .okdetail_second .pure-table td:last-child { padding-left: 10px;} .okdetail_second .pure-table td { font-size: 1rem; font-weight: normal; } #cc_community_score p { font-size: 1.2rem;line-height: 24px;} #containscore4 .okdetail_second .h1_detail{ background-size: 100%;} #containscore2 .canyu_second h1.h1_fanshi { background-size: 100%; margin-left: 0;} #containscore3 .update_second{left:0} .score_banner .img2 { width: 90%; top: 0; left: 5%;} #containscore1{ margin-top: 80px;} #containscore2{ margin-top: 20px;} #containscore5 { margin-top: 80px;} #containscore3 .update_one { bottom: 0px; right: -50px;width:40%} #containscore1 .beijin_three{width:50%} #containscore1 .beijin_three img:fist-child{ width: 30%!important;} .okdetail_second .pure-table{ max-width: 100%!important;} #containscore3 .update_three ul li div{padding-left: 0;} #containscore3 .update_three ul li{padding:20px} #containscore3 .update_three ul li div:last-child{display: none;} #containscore3 .update_three ul li div:nth-child(2) { width: 30%;} #containscore3 .update_three ul li div:nth-child(3) { width: 40%;} #containscore3 .update_three ul li div:first-child { width: 30%;} #containscore6 {margin-top: 60px;} #containscore6 .okdetail_second .okdetail_second2 { padding: 0px;} #containscore6 .sc_shop { height: 100px; overflow: hidden;} #containscore6 .sc_shop1 { display: none;} #containscore6 .sc_shop11 { padding: 0; height: auto; border: #141414 0px solid;} #containscore6 #ztbox #left,#containscore6 #ztbox #right{display:none} #containscore6 #ztbox #conter ul { width: 100%!important; height: auto; position: relative; overflow: hidden;} #containscore6 #ztbox #conter{height: auto;overflow:auto;width:100%;} #containscore6 #ztbox #conter li{margin-bottom: 20px;padding: 0;} #containscore6 #ztbox #conter li img{ max-width: 100%!important;height: auto;} #containscore6 .okdetail_second .okdetail_second2 { height: auto;} #containscore6 #ztbox #scroll{display: none;} #containscore6 h2{font-size: 2.4rem;} #containscore4 .okdetail_second .h1_detail, #containscore6 .okdetail_second .h1_detail { background-size: cover;} #containscore6 .sc_shop11 .sc_shop11_left { margin-right: 0px;} } @media (max-width:700px){ #containscore6 #ztbox #conter li{width:100%;height: auto;} #containscore6 #ztbox #conter ul{padding:0 20px} #containscore6 h2 { padding-left: 20px;} } /* 贡献攻略 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_gonlue h2.index_h{margin-top:80px;} #cc_community_gonlue{padding-bottom: 120px; overflow: auto;} #cc_community_gonlue .comm_banner .container p{text-align:left;} #cc_community_gonlue p{font-size: 1.4rem} #cc_community_gonlue ul li{font-size: 1.2rem} #cc_community_gonlue h3{margin-top:3rem;font-weight: bold;font-size: 2rem;} #cc_community_gonlue h4{font-weight: bold;font-size: 1.6rem;margin-top: 28px} #cc_community_gonlue .gonlue ul{overflow:auto;padding:0;width:100%;} #cc_community_gonlue .gonlue ul li{list-style:none} #cc_community_gonlue ul.cc_colist_ul{overflow:auto;box-shadow:0 10px 20px rgba(97,125,225,0.08);margin-top: -60px;background: rgba(255,255,255,.2); -webkit-backdrop-filter: saturate(180%) blur(31px); -ms-backdrop-filter: saturate(180%) blur(31px); -moz-backdrop-filter: saturate(180%) blur(6px); -o-backdrop-filter: saturate(180%) blur(31px); backdrop-filter: saturate(180%) blur(31px);} #cc_community_gonlue ul.cc_colist_ul li{width:33%;list-style: none;float: left;padding: 36px 28px;background: url(../../upload/202204/1649060934179187.png) center right no-repeat;} #cc_community_gonlue ul.cc_colist_ul li:last-child{background: none} #cc_community_gonlue ul.cc_colist_ul li img{float:left;height: 6.4rem; margin-right: 28px;} #cc_community_gonlue ul.cc_colist_ul li h5{font-size:1.8rem;font-weight: bold} #cc_community_gonlue ul.cc_colist_ul li a p{font-size:1.2rem;color: #3D3D3D} #cc_community_gonlue ul.cc_colist_ul li a:hover h5{color:#0C7BEB} #cc_community_gonlue ul.cc_colist_ul li div{text-align: left} .gonlue2,.gonlue3,.gonlue4{width:100%;overflow: auto;margin:0 auto} p.gonlue_p{margin-left:100px;} #cc_community_gonlue .gonlue .gonlue2 ul{margin-top: 40px; margin-bottom: 0;} .gonlue2 ul li{width:33.3%;margin-right:0.05%;float: left;display: table-cell;vertical-align: middle;text-align: center;background:url(../images/cckylin/gonlue_bg3.png) no-repeat;background-size: contain;padding: 40px 50px 40px 0px;} .gonlue2 ul li:nth-child(2){background:url(../images/cckylin/gonlue_bg31.png) no-repeat;background-size: contain;} .gonlue2 ul li:last-child{background:url(../../upload/202204/1650957635293665.png) no-repeat;background-size: contain;padding: 40px 0px 40px 0px;;} .gonlue2 ul li img{height: 6.4rem} .gonlue2 ul li h5{font-size:1.8rem;line-height: 5.8rem;margin-top:1rem} .gonlue2 ul li:last-child{margin-right: 0} .gonlue2 ul li a{display: block; height: 40px; width: 150px; margin: 0 auto; line-height: 40px; border: 1px solid #FFF; color: #FFF; text-align: center; margin-top: 24px;} .gonlue2 ul li a:hover{color: #0C7BEB;border-color:#FFF;background:#FFF } .gonlue4 ul {margin-top:98px;} .gonlue4 ul li{width:50%;height: 320px;float: left;margin-right: 0;text-align: center;padding: 60px 110px;background:#F8F9FB} .gonlue4 ul li:first-child{background:url(../images/cckylin/gonlue_bg2.png) no-repeat;background-size: cover} .gonlue4 ul li:last-child{margin-right:0;background:url(../images/cckylin/gonlue_bg1.png) no-repeat;background-size: cover} .gonlue4 ul li h5{font-size:2.4rem;line-height: 3.8rem;font-weight: bold} #cc_community_gonlue .gonlue4 ul li p{font-size:1.2rem;text-align: left} .gonlue4 ul li a{display: block;float: left;width:120px;height: 32px;line-height: 32px;background:#0C7BEB;color:#FFF;margin:20px 10px 0px 10px} .gonlue4 ul li div{display:inline-block} .gonlue4 ul li a:hover{background: #0B74DE} #right_g2,#right_g1,#right_g4,#cp2,#cp1,#cp4{display:none} .gonlue3_cont {width:100%;overflow: hidden;height: 400px; background:url(../images/cckylin/gonlue_bg4.png) no-repeat;background-size: cover} .gonlue3_cont .gonlue3_cont_left{width:25%;float: left;overflow: auto} .gonlue3_cont .gonlue3_cont_right{width:70%;float: right;overflow: auto; padding: 80px 20px 20px 0;} .gonlue3_cont .gonlue3_cont_right ul{overflow:auto;margin-top:60px} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul{padding: 10px} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li{background:#FFF; box-shadow: 0 0 20px rgba(97,125,225,0.08);} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li a{ height: 90px; display: block; line-height: 90px; text-align: center; color: #383838; font-size: 1.8rem; margin-bottom: 8px;} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li a.tline_hover{text-align: center;color: #FFF;font-size: 1.8rem; display: block;background: linear-gradient(#617DFF,#0C7BEB)} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li a:hover{color:#FFF;background: linear-gradient(#617DFF,#0C7BEB)} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li p{margin-top:32px;font-size:1.2rem;color: rgb(56,56,56,0.8);line-height: 2.0rem} .gonlue3_cont .gonlue3_cont_right ul li{float:left;text-align: center;margin-right:80px;margin-bottom: 20px;} .gonlue3_cont .gonlue3_cont_right ul li:last-child{margin-right:0} .gonlue3_cont .gonlue3_cont_right ul li a{display:block} .gonlue3_cont .gonlue3_cont_right ul li a img{height:6.4rem} .gonlue3_cont .gonlue3_cont_right ul li a:hover h6{color:#447BFF} .gonlue3_cont .gonlue3_cont_right ul li h6{font-size:1.6rem;line-height: 2rem} @media (max-width:1850px){ .gonlue2 ul li{padding: 20px 50px 40px 0px;} .gonlue2 ul li:last-child{padding: 20px 0px 40px 0px;} } @media (max-width:1500px){ .gonlue4 ul li{padding: 79px 50px;} .gonlue2 ul li a{ margin-top: 10px;} .gonlue3_cont .gonlue3_cont_right ul li{margin-right:60px} } @media (max-width:1200px){ .gonlue2 ul li,.gonlue2 ul li:nth-child(2),.gonlue2 ul li:last-child{background:#0C7BEB} .gonlue3_cont .gonlue3_cont_right ul { margin-top: 20px;} } @media (max-width:768px){ #cc_community_gonlue ul.cc_colist_ul li{padding:20px} #cc_community_gonlue{padding-bottom: 60px; } #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li{ padding-left: 0px; margin-bottom: 10px;} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li p{display:none} #cc_community_gonlue .gonlue3_cont .gonlue3_cont_left ul li a { height: 40px; line-height: 40px;} .gonlue3_cont .gonlue3_cont_left { width: 100%;} .gonlue3_cont .gonlue3_cont_right { width:100%; padding: 0;} .gonlue3_cont .gonlue3_cont_right ul li,.gonlue3_cont .gonlue3_cont_right ul li:nth-child(3n){width: 45%;margin-right:10%;margin-bottom: 20px;} .gonlue3_cont .gonlue3_cont_right ul li:nth-child(2n){margin-right:0} .gonlue2,.gonlue4,.gonlue3 { margin-top: 10px;} #cc_community_gonlue .gonlue .gonlue2 ul { margin-top: 0px;} .gonlue2 ul li { height: 150px;width: 100%; padding: 20px 20px 20px 0px;background: url(../images/cckylin/gonlue_bg3.png) no-repeat !important; background-size: contain;margin-bottom: 20px;} .gonlue3_cont { margin-top: 0px;} .gonlue4 ul { margin-top: 10px;} .gonlue4 ul li { width: 100%;height:auto;margin-bottom: 30px;padding: 20px;} p.gonlue_p { margin-left: 0px; } #cc_community_gonlue h2.index_h { margin-top: 20px;line-height: 60px;} .gonlue2 ul li a{margin-top:10px} .gonlue3_cont{height:auto} .gonlue3_cont .gonlue3_cont_right ul { margin-top: 20px;} #cc_community_gonlue .gonlue .gonlue4 ul li:first-child{height:180px;} #cc_community_gonlue .gonlue .gonlue4 ul li:last-child{height: 180px;} ul.cc_colist_ul{margin-top:-30px} } /* 社区会员 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .vip_partner {overflow: auto;} .partner_1{width:100%;height: auto;padding: 20px; background: #FFF} .partner_2{width:100%;height: auto;padding: 20px;background: #F8F8F8;padding-bottom: 60px; } .partner_1 .vip_partner img{width: 100%} .partner_2 .partner_div ul {padding:0;margin:0;overflow: auto} .partner_2 .partner_div ul li{list-style: none;float: left;width:18%;margin-right: 2%; background:#FFF;text-align: center;margin-bottom: 20px;height: 120px;padding: 20px;line-height: 80px;font-size: 2rem;color:#999;;} .partner_2 .partner_div ul li:nth-child(5n){margin-right:0} .partner_2 .partner_div ul li img{width:100%} h5.paixu{text-align: center;font-size: 1.4rem;color: #999;margin-bottom: 40px} .vip_partner h2.index_h { line-height: 40px;} /* 整站移入特效 */ /* .cvv{opacity: 0;top: 300px;} .cvv.okgunluncenter {position: relative; animation: fadein 0.8s ease forwards;} @keyframes fadein { 100%{top:0;opacity: 1;} } */ @media (max-width:1000px){ .partner_2 .partner_div ul li,.partner_2 .partner_div ul li:nth-child(5n){width:30%;margin-right:5%;height: 68px;padding: 20px;} .partner_2 .partner_div ul li:nth-child(3n){margin-right:0} } /* 社区会员申请加入 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_vip{ overflow: auto;} #cc_community_vip h2.index_h{margin: 60px 0 30px 0;} /* background:url("../images/openkylin/vip_introduce.png") no-repeat;*/ .vip_c1 {background-size: cover;padding: 80px;margin-top:40px;} #cc_community_vip .vip_c1 h2.index_h{line-height: 4.7rem;margin-top: 0} .vip_c1 p{font-size:1.6rem;} #cc_community_vip ul.vip_ul{overflow: auto;width: 100%; text-align: center;margin: 0 auto;padding: 0} #cc_community_vip ul.vip_ul li{float:left;list-style: none;line-height: 3.8rem;padding: 0 50px;width:30%} #cc_community_vip ul.vip_ul li a{display: block;font-size:2.0rem;border-bottom: 4px solid #FFF;} #cc_community_vip ul.vip_ul li a h6{font-weight: bold;font-size:2.0rem;text-align: center;margin: 28px 0} #cc_community_vip ul.vip_ul li a.lihover,#cc_community_vip ul.vip_ul li a:hover{border-bottom: 4px solid #0C7BEB} #cc_community_vip ul.vip_ul li a.lihover h6,#cc_community_vip ul.vip_ul li a:hover h6{color:#0C7BEB;} #cc_community_vip #vip1{display:block} #cc_community_vip #vip2,#cc_community_vip #vip3{display:none} .div_vip { box-shadow: 0px 0px 20px rgba(97,125,225,0.08);padding: 60px 120px;height: 280px;background:url(../images/openkylin/vip_join.png);background-size: cover;} .div_vip p{margin-left:70px;margin-bottom: 20px;} .div_vip h5{font-weight:bold;font-size:1.8rem;line-height: 4rem} .div_vip span.quan{width: 4rem;height: 4rem;background: #0C7BEB;border-radius: 2rem;display: block;color: #FFF;font-weight: bold;line-height: 4rem;text-align: center;float: left;margin-right:2rem} .vip_c3{display:table;overflow: auto;padding: 0} .vip_c3 .vip_c3_left {width:50%;height: 100%;display: table-cell;padding:40px ;background: #F8F9FB;border: 1px solid #EDEDED;} .vip_c3 .vip_c3_right {width:50%;height: 100%;display: table-cell;color: #FFF;padding:48px ; background:url(../images/openkylin/vip_quanyi.png);display: table-cell;background-size: cover;text-align: center} .container .vip_c3 ul li{margin-bottom:3rem} .vip_c3 .vip_c3_left h5{font-size: 1.6rem;font-weight: bold;line-height: 24px;} .vip_c3 .vip_c3_left ul {margin-left: 20px} .vip_c3 .vip_c3_right h3{color:#FFF;font-size: 2.4rem;} /* background:url(../../upload/202204/1649991062871916.jpg) top center no-repeat;*/ .conduct_c5 {margin-top:0;padding: 20px} .conduct_c5 p{font-size: 1.2rem;line-height: 24px;margin: 0 auto;color: #999; text-align: center;} @media (max-width:768px){ #cc_community_action { padding-bottom: 40px;} .vip_c1{padding:20px} #cc_community_vip ul.vip_ul li{padding:0} #cc_community_vip ul.vip_ul li a img{width:50%} .div_vip{padding:20px;height: auto} .div_vip p { margin-left: 50px;} .vip_c3 .vip_c3_left{padding:20px} .conduct_c5 {padding: 20px} .conduct_c5 p { width: 100%;} } /* SIG列表 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_sig{ overflow: auto;} #cc_sig .comm_banner .container p{text-align:left; width: 40%;} #cc_sig_c{width:100%;height: auto;overflow: auto;background: url(../../upload/202204/1649663207460952.png) top center no-repeat;} #cc_sig_c1{ padding: 0px 0 20px 0;width:100%;background: #FFF} #cc_sig_c1 .vip_ul{padding:0;margin:0;margin:0 auto} #cc_sig_c1 .vip_ul li{list-style:none;background: #EDEDED;border-radius: 20px;line-height: 40px;text-align: center;float: left;margin-right:20px;margin-bottom: 20px} #cc_sig_c1 .vip_ul li a{width:100%;padding:0 25px;display:block;color:#333;border-radius: 20px;font-size: 1.6rem;} #cc_sig_c1 .vip_ul li a:hover,#cc_sig_c1 .vip_ul li a.lihover{background: #0C7BEB;color:#FFF} #cc_sig_c1 .vip_ul li:last-child{margin-right:0} /* #vip1{display:block} #vip2,#vip3,#vip4,#vip5,#vip6,#vip7,#vip8{display:none} */ #cc_sig_c2{padding:40px 0;width:100%;background: #f8f8f8;padding-bottom: 60px;overflow: hidden; } .sig_div{width:31%;margin-right: 2%;box-shadow: 0px 0px 16px rgba(61,61,61,0.0800);padding: 50px;margin-bottom: 20px;border-radius: 1.6rem;background:#FFF} /* .sig_div:nth-child(3n){margin-right: 0;} */ .sig_div:hover:hover{box-shadow: 0px 0px 16px rgba(97,125,225,0.4);} .sig_div ul{margin:0;padding: 0} .sig_div ul li{list-style:none;width:100%;overflow: auto} .sig_div ul li:first-child{height:60px;margin-bottom: 15px;} .sig_div ul li:first-child .l img{width:4.4rem;height: 4.4rem;border-radius:4.4rem;margin-left: -20px; border: 2px solid #FFF;vertical-align: middle;box-shadow: 0px 3px 8px rgba(97, 125, 255, 0.08);} .sig_div ul li:first-child .l img:first-child{margin-left:0} .sig_div ul li .l{float:left;width: 20%;} .sig_div ul li .r{float:right;width: 80%;} .sig_div ul li a.joinn{padding: 0 25px; height: 32px;line-height: 32px;display: block;background: #EDEDED;border-radius: 6px;font-size: 1.2rem;color: #3D3D3D;margin-top: 10px} .sig_div ul li a.joinn:hover{background: #0C7BEB;color:#FFF} .sig_div ul li .r h5{font-size: 1.8rem;font-weight:bold;margin: 0;margin-bottom: 5px;} .sig_div ul li .r h5 a{color: #181818;} .sig_div:hover ul li .r h5 a{color: #0C7BEB;} .sig_div ul li .r h6 {margin: 0;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;text-align: left !important;} .sig_div ul li .r h6 a{font-size: 1.2rem;font-weight:normal;margin-left: 8px;color: #3d3d3d;} .sig_div:hover ul li .r h6 a{color: #0C7BEB;} .sig_div ul li .r h6 img{vertical-align: middle;} /* .sig_div ul li:nth-child(2){overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap;} .sig_div ul li:nth-child(2) .l{margin-right:20px} .sig_div ul li:nth-child(2) h5{font-size: 1.8rem;font-weight:bold} .sig_div ul li:nth-child(2) h5 ,.sig_div ul li:nth-child(2) a{line-height:40px;margin: 0;margin-bottom: 25px} .sig_div ul li:nth-child(2) a{font-size: 1.2rem;float: none;color: #3D3D3D;text-decoration: underline} .sig_div ul li:nth-child(2) a:hover{color:#0C7BEB} */ .sig_div ul li:last-child p{font-size:1.2rem;line-height: 24px;color: #3D3D3D;text-align: justify} h2.sig_title{font-size: 2.6rem; font-weight: bold; line-height: 58px; margin-bottom: 0px;} /* 整站移入特效 */ /* .sig_div{opacity: 0;top: 300px;} .sig_div.okgunluncenter {position: relative; animation: fadein 0.8s ease forwards;} @keyframes fadein { 100%{top:0;opacity: 1;} } */ .sig_divall { display: flex; flex-wrap: wrap; } .sig_top_left{padding:20px;overflow: auto;} .sig_top_left p, .sig_top_left h3{font-size:1.2rem;color: #181818;line-height: 15px;text-align: justify;} .sig_top_left h3{font-weight: bold;} .display_p{display: none;} .cccc{margin-top: 0!important;} @media (max-width:1600px){ .sig_div {padding: 30px;} #cc_sig_c1 .vip_ul li a{padding:0 20px; } } @media (max-width:1100px){ .sig_div { width: 100%; margin-right: 0; } #cc_sig_c1 .vip_ul li { border-radius: 10px; line-height: 30px; margin-right: 10px; margin-bottom: 10px; } #cc_sig_c1 .vip_ul li a { padding: 0 10px;} #cc_sig_c1{display: none;} .display_p{display: block;} } /* SIG 申请加入 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_guidance{padding-bottom: 120px;background:#f8f8f8} #cc_community_guidance .comm_banner .container p{text-align:left;} ul.application_ul{width:100%;overflow: auto;padding: 0;margin-top: 40px} ul.application_ul li{width:30%;float:left;list-style: none;text-align: center;border-radius: 1.6rem;background:#FFF;height: 460px;padding: 60px 50px} ul.application_ul li:nth-child(2n) {width:5%;background:none;vertical-align: middle;line-height: 460px;padding: 0;text-align: center} ul.application_ul li:nth-child(2n) img{width:70%;vertical-align: middle} /*ul.application_ul li img.lll{width:9.6rem;height: 9.6rem;vertical-align: middle}*/ ul.application_ul li h6{font-size: 2rem;font-weight: bold;line-height: 56px;} ul.application_ul li p{text-align:left} #cc_community_guidance h2.index_h{margin-top: 100px} ul.guidance_ul{width:100%;overflow: auto; margin: 0; padding: 0;margin-top: 50px} ul.guidance_ul li{width:20%;float:left;list-style: none;text-align: center} ul.guidance_ul li img{width:40px;height: 40px;vertical-align: middle} ul.guidance_ul li img.lll{width:9.6rem;height: 9.6rem;vertical-align: middle} ul.guidance_ul li:nth-child(2n){width:6.5%;float:left;height: 96px; line-height: 96px;} ul.guidance_ul li h6{width: 60px;height: 20px;background: #FFA03C;border-radius: 14px;margin: 0 auto;color: #FFF;font-size: 1.2rem;text-align: center;line-height: 18px;margin-top: 24px;} ul.guidance_ul li h5{font-size: 2rem;font-weight: bold;line-height: 30px;color: #181818;} ul.guidance_ul li p{font-size: 1.4rem;line-height: 24px;color: #3D3D3D;} p.lc_p{width: 70%; margin: 0 auto;margin-bottom: 60px} ul.cv2{width:70%; margin: 0 auto; } ul.cv2 li{width:30%;} ul.guidance_ul li:nth-child(2n){width:5%;} @media (max-width:1500px){ ul.application_ul li { height: 400px; padding: 20px;} } @media (max-width:768px){ #cc_community_guidance { padding-bottom: 0px;} ul.guidance_ul li{width: 45%;height: 220px;} ul.guidance_ul li img.lll { width: 6.4rem; height: 6.4rem;} ul.guidance_ul li:nth-child(2n){width: 10%;} ul.guidance_ul li:nth-child(4n){display: none} ul.guidance_ul li p { font-size: 1.2rem; line-height: 20px;} ul.guidance_ul li h6{margin-top: 10px;} #cc_community_guidance h2.index_h { margin-top: 0px;line-height: 60px;} ul.cv2 { width: 100%;} p.lc_p { width: 100%;} ul.guidance_ul li img { width: 20px; height: 20px;} ul.guidance_ul li:nth-child(2n) { height: 6.4rem; line-height: 6.4rem;} ul.guidance_ul li h5{ line-height: 10px;} ul.application_ul li { width: 100%;height: auto;margin-bottom: 20px;padding: 30px} ul.application_ul li:nth-last-child(2n){display:none} } /* 角色说明 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_people{} #cc_community_people .comm_banner .container p{text-align:left;} #cc_community_people h2.index_h{ margin-bottom: 0px; line-height: 60px!important; margin-top: 80px;} .container_li div{width:45%;height:280px;float: left;background:url(../../upload/202204/1649844457503282.png) no-repeat; padding: 60px 5% 60px 7%;margin-bottom: 60px; background-size: 100%;} .container_li div:last-child{float:right} .container_li div h5{font-size:2rem;font-weight: bold} .container_li div ul{padding-left:20px;height: 100%; overflow: auto;} .container_li div ul li{text-align:left;font-size: 1.4rem; line-height: 3.6rem;color: #3D3D3D;} .sig_people{color:#FFF;text-align: center;padding: 45px 0;margin-bottom: 60px;} .sig_people h4{color:#FFF;font-size: 2.4rem;font-weight: bold;line-height: 4.2rem;} .sig_people1{background:url(../../upload/202204/1649844457858846.png) top center no-repeat; background-size: cover;} .sig_people2{background:url(../../upload/202204/1649844457707094.png) top center no-repeat; background-size: cover;} .sig_people3{background:url(../../upload/202204/1649844457486332.png) top center no-repeat; background-size: cover;margin-bottom: 0;} h6.sigrole_h6{text-align: center;margin-bottom: 80px;} /* #cc_community_people h2.index_h { margin-bottom: 0px; line-height: 60px!important; margin-top: 80px;} */ /* 设置滚动条的样式 */ #cc_community_people ::-webkit-scrollbar { width: 12px; } /* 滚动槽 */ #cc_community_people ::-webkit-scrollbar-track { background:#BCC8FF; -webkit-background:#BCC8FF; border-radius: 6px; } /* 滚动条滑块 */ #cc_community_people ::-webkit-scrollbar-thumb { border-radius: 20px; background: #FFF; border:2px solid #BCC8FF /* box-shadow: 0px 0px 3px rgba(97, 125, 255, 0.08); -webkit-box-shadow: 0px 0px 3px rgba(97, 125, 255, 0.08); */ } #cc_community_people ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } @media (max-width:768px){ .container_li div ul{height:100px} .container_li div { width: 100%;background-size: 100%;height: 24rem; padding: 20px 5%; margin-bottom: 20px;} .container_li div h5 { color: #FFF;} .container_li div ul li { line-height: 2.7rem} } /* SIG会议列表 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_meeting{padding-bottom: 40px;} .container_tro{padding-top:60px;} .container_tro h2{font-size:3rem;margin-bottom: 40px;font-weight: bold} .meeting_month{overflow:auto} .meeting_month .m_left{float:left;width: 10%;} .meeting_month .m_right{float:right;width: 90%} .meeting_month .m_right .m_ul{width:100%;overflow: auto;padding: 20px 20px 0 20px;margin:0 ;display: flex; flex-wrap: wrap;} .meeting_month .m_right .m_ul li{float:left;width:30%;margin-right: 3%; border-radius: 20px; box-shadow: 0 0 20px #EEE;margin-bottom: 40px;list-style: none;padding: 30px} .meeting_month .m_left{font-size:3rem;font-weight: bold;padding-top: 20px} .meeting_month .m_right .m_ul li a.stop,.meeting_month .m_right .m_ul li a.ing,.meeting_month .m_right .m_ul li a.start{padding: 2px 15px; text-align: center;display:inline-block;font-size: 1.2rem;border-radius: 1rem;color: #FFF;margin-top: 10px} .meeting_month .m_right .m_ul li p{margin:0;line-height: 2.4rem} .meeting_month .m_right .m_ul li a.stop{background:#B4B4B4;cursor: not-allowed} .meeting_month .m_right .m_ul li a.ing{background:#FF9874} .meeting_month .m_right .m_ul li a.start{background:#FF7373} .meeting_month .m_right .m_ul li.stop{background:url(../../upload/202201/1641882431525669.png) no-repeat right center} .meeting_month .m_right .m_ul li.ing{background:url(../../upload/202201/1641882431525883.png) no-repeat right center} .meeting_month .m_right .m_ul li.start{background:url(../../upload/202201/1641882431927924.png) no-repeat right center} .meeting_month .m_right .m_ul li p:first-child{font-weight: bold;} @media (max-width:768px){ .meeting_month .m_right .m_ul li{width:48%;margin-right: 4%;padding: 20px;box-shadow: 0 0 10px #eee;} .meeting_month .m_right .m_ul li:nth-child(2n){margin-right: 0} .meeting_month .m_right .m_ul { padding: 10px 10px 0 10px;} } @media (max-width:600px){ .meeting_month .m_right .m_ul li{width:100%;margin-right: 0} .meeting_month .m_left{width:100%;padding-top:0} .meeting_month .m_right{width:100%} .container_tro h2{margin:0} .meeting_month .m_right .m_ul li p:first-child{font-weight: bold} .container_tro { padding-top: 40px;} } /* 关于我们首页 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_about .comm_banner .container p{text-align:left;} #about_cckylin{width:100%;overflow: auto;background:url(../../upload/202204/1649657747294174.png) top center no-repeat;background-position-y: 120px;margin-top: 40px;} .about_c1{width:100%;height: auto;overflow: hidden;margin: 0 auto;} .about_c1 .about_c1_left{;width:40%;height: 260px;box-shadow: 0 0 20px #d4e8ff;background:url(../../upload/202204/1649655874756303.png); background-size: cover; padding:60px 60px 0px 60px;text-align: justify;color: #FFF;float: left} .about_c1 .about_c1_right{width:50%;height: 100%;float: right} .about_c1 .about_c1_left h3{line-height:68px;font-size: 2.4rem} .about_c1 .about_c1_right ul {overflow:auto} .about_c1 .about_c1_right ul li{width: 48%; margin-right: 4%;margin-bottom: 20px; float:left;border:1px solid #EDEDED;text-align: center;list-style: none;height: 120px;line-height: 120px;font-size: 2.2rem;font-weight: bold;background:#FFF} .about_c1 .about_c1_right ul li:nth-child(2n){margin-right: 0} .about_c1 .about_c1_right ul li img{margin-right:40px;height: 64px;vertical-align: middle} .about_c2{margin-bottom: 60px;padding:1px 20px;margin-top: 40px;width: 60%;margin: 0 auto} .about_c2 ul {padding:0} .about_c2 ul li{list-style:none} /*.about_c2 img{max-width: 70%!important}*/ .about_c3{width:100%;text-align: center;padding: 30px;background:#2B60FF;margin-top: 40px;} .about_c3 h2{font-size: 2.2rem;color: #FFF;font-weight: bold;line-height: 48px} .about_c3 a{display:block;border: 1px solid #FFF;font-size: 1.2rem;color: #FFF;width:96px;height: 32px;line-height: 32px;text-align: center;margin: 0 auto} .about_c3 a:hover{background:#FFF;color: #181818} a.history{float:right;font-size:1.4rem;text-decoration: underline} .w1{display:initial} .w2{display: none} #about_ry ul{padding:0;margin:0;overflow: auto;display: flex; flex-wrap: wrap;} #about_ry ul li{list-style: none;width: 19.5%;float: left;margin-right: 0.5%;margin-bottom: 40px;} #about_ry ul li:nth-child(5n){margin-right: 0;} #about_ry ul.bigul1 li{width:32%;border: solid 3px #DDD;margin:1%} #about_ry ul.bigul1 li:first-child{margin-left: 0;} #about_ry ul.bigul1 li:last-child{margin-right: 0;} #about_ry ul li img{width: 100%;} @media (max-width:1000px){ .about_c1 {margin-top: 70px;} .about_c2 { margin-bottom:20px; width: 80%} .w1{display: none} .w2{display: initial} } @media (max-width:768px){ #about_cckylin{margin-top:0} .about_c1 .about_c1_left{width:100%; height: auto; padding: 20px; width: 100%;margin-bottom: 40px;} .about_c1 .about_c1_right { width: 100%;} .about_c2 { overflow: auto; margin: 0 auto;padding: 0;width: 100% } .about_c1 .about_c1_right ul li img { margin-right: 10px; height: 50px;} .about_c1 { margin-top: 0px;} .about_c2 img { max-width: 100%!important;} } @media (max-width:500px){ } /* 关于我们-社区架构页---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_member .comm_banner .container p{text-align:left;} .community_member{padding:40px 0 120px 0} ul.openkylin_company{overflow:auto;width: 100%;padding: 0} ul.openkylin_company li{float:left;list-style: none;width:23%;margin-right:2.5%;padding: 2px;background:#EDEDED;text-align: center;margin-bottom: 40px;} ul.openkylin_company li:nth-child(4n){margin-right:0} ul.openkylin_company li img{width:100%} ul.openkylin_member{width:100%;overflow:auto;padding: 0} ul.openkylin_member li{float:left;position:relative;list-style: none;width: 32%;margin-right:2%;margin-bottom: 2%; position: relative;overflow: hidden;height: 18rem;} ul.openkylin_member li:nth-child(3n){margin-right:0} ul.openkylin_member li img{width:100%;height: 100%; position: absolute;top: 0;left: 0;z-index: 2000} ul.openkylin_member li div{width:100%;position: absolute;top: 0;left: 0;z-index: 2001;padding: 60px 20px 40px 40px;color: #FFF} ul.openkylin_member li div h4,ul.openkylin_member li div h6{color:#FFF;text-align: left} ul.openkylin_member li div h4{font-size:2rem;font-weight:bold;line-height: 3.8rem} ul.openkylin_member li div h6{font-size:1.6rem;line-height: 1rem} .about_c1_div1{width:100%;overflow: auto;text-align: center;padding: 10px} .about_c1_div2 {width:100%;overflow: auto;margin: 0 auto; padding: 0 7.2%;} .about_c1_div2 img{width:100%} .about_c1_div1 div{margin:0 auto;float: none!important;margin-right: auto!important} .about_c1_div3 ul{overflow:auto;padding: 10px; display: flex; flex-wrap: nowrap;} .about_c1_div1 div,.about_c1_div3 ul li{width:23.5%;text-align: center;float: left;margin-right:2%;list-style: none; box-shadow: 0px 0px 20px rgba(97,125,225,0.08); padding: 30px;} .about_c1_div3 ul li:last-child{margin-right:0} .about_c1_div1 div h3,.about_c1_div3 ul li h3{margin-top:0} .about_c1_div1 div h3 a,.about_c1_div3 ul li h3 a{color: #181818;font-size: 2.4rem;font-weight: bold} .about_c1_div1 div p,.about_c1_div3 ul li p{font-size:1.4rem;color: #3D3D3D;} .about_c1_div3 ul li h3 a:hover{color: #0C7BEB} @media (max-width:1600px){ ul.openkylin_company li{margin-bottom:20px;} ul.openkylin_member li{height:16rem} } @media (max-width:1500px){ ul.openkylin_member li{height: 15rem} ul.openkylin_member li div{ padding: 40px 40px 40px 20px;} } @media (max-width:1300px){ ul.openkylin_member li {height: 12rem;} ul.openkylin_member li div h6 { font-size: 1.3rem; line-height: 0.7rem;} ul.openkylin_member li div h4 { font-size: 1.8rem; line-height: 2.4rem;} .about_c1_div1 div p, .about_c1_div3 ul li p{font-size:1.2rem} } @media (max-width:1000px){ ul.openkylin_member li div{ padding: 20px 20px 20px 20px;} ul.openkylin_member li{width: 32%; height: 12rem; margin-right: 2%;} ul.openkylin_company li{ width: 24%; margin-right: 1%;} .about_c1_div1 div, .about_c1_div3 ul li{padding:10px} } @media (max-width:768px){ ul.openkylin_member li, ul.openkylin_member li:nth-child(3n) { width: 48%; margin-right: 4%;} ul.openkylin_member li:nth-child(2n) { margin-right: 0;} ul.openkylin_member li { height: 14rem;} ul.openkylin_company li,ul.openkylin_company li:nth-child(4n) { width: 48%; margin-right: 4%; } ul.openkylin_company li:nth-child(2n){margin-right:0} .community_member { padding: 0px 0 40px 0;} .about_c2 { width:90%; overflow: auto; margin: 0 auto;margin-top: 30px; } .about_c1_div1{width:100%;float: left} .about_c1_div2{width:20%;float: left;padding: 0;display: none} .about_c1_div3{width:100%;float: left} .about_c1_div3 ul li { width: 100%; height: auto; margin-bottom: 16px;} .about_c1_div2 img{display:none} .about_c1 .about_c1_right{width:100%;display: block;height: 220px} .about_c1 .about_c1_left{width:100%; display: block; box-shadow: none; padding: 0 0px 25px 0px;} .about_c1_div2 { width: 50px; background: url(../../upload/202111/1635770497206567.png) no-repeat; height: 240px; background-size:cover; margin-top: 15px;} .about_c1_div1 div { width: 100%; margin-top: 30px; background: none; color: #383838;font-weight: normal;height: auto} .about_c1 { margin-top: 0px;} } @media (max-width:500px){ ul.openkylin_member li { height: 9rem;} ul.openkylin_member li div { padding: 0px 0px 10px 10px;} ul.openkylin_member li div h6 { font-size: 1.2rem; line-height: 0.5rem;} ul.openkylin_member li div h4 { font-size: 1.6rem; line-height: 2rem;} } /* 关于我们-品牌LOGO页 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .cckylin_logo {padding:60px 0} .cckylin_logo ul {overflow: auto;padding: 0;margin-top: 70px;padding:20px} .cckylin_logo ul li{float:left;list-style: none;margin:0 6rem 6rem 0;width:100%;height: 100%;position: relative} .cckylin_logo ul.cckylin_lg li{width:30%;margin-right: 3%;background: #F7FAFF;border:solid 1px #E4E4E4;text-align: center;line-height: 200px;} .cckylin_logo ul.cckylin_lg li img{vertical-align:middle;max-width: 80%!important;max-height: 100%} .cckylin_logo ul.cckylin_lg li div{padding:20px 20px;width:100%} .cckylin_logo ul.cckylin_lg li div:first-child{position: relative;top: 0;left: 0;z-index: 654} .cckylin_logo ul.cckylin_lg li div:first-child:hover{cursor:pointer} .cckylin_logo ul.cckylin_lg li div:last-child{position: absolute;top: 0;left: 0;z-index: 655;background: rgba(43,96,255,.6); -webkit-backdrop-filter: saturate(180%) blur(6px); -ms-backdrop-filter: saturate(180%) blur(6px); -moz-backdrop-filter: saturate(180%) blur(6px); -o-backdrop-filter: saturate(180%) blur(6px); backdrop-filter: saturate(180%) blur(10px);height: 100%; display: none;align-items: center} .cckylin_logo ul.cckylin_lg li div:last-child a{width:25%;height: 48px;line-height: 48px;float:left;margin:0 5%; display: block;background: #FFF;color: #383838; font-size: 1.6rem;border:solid 1px #E4E4E4} .cckylin_logo ul.cckylin_lg li div:last-child a:hover{color:#FFF;background:#2B60FF;border:solid 1px #617DFF} .cckylin_logo ul.cckylin_lg li:nth-child(3n){margin-right: 0;} .cckylin_logo ul.cckylin_lg li.lg1{background:#0C7BEB;background-size: cover;color: #FFF;font-size: 2.4rem;} .cckylin_logo ul.cckylin_lg li.lg1 div a{margin:0 auto;font-size: 1.6rem} .cckylin_logo h3{text-align:center;font-size: 2.8rem; line-height: 7.8rem} .cckylin_logo p{text-align: justify} .cckylin_logo h3.cv{padding:20px} .cckylin_logo h3.cv_h3{margin-top: 100px} .cckylin_logo ul.cv li{width:40%;height: 300px;border:none;box-shadow: 0 0 20px #d4e8ff;} .cckylin_logo ul.cv li:first-child{float:left;background:url(../../public/images/openkylin/ppt_fm1.png) no-repeat;background-size: cover;} .cckylin_logo ul.cv li:last-child{float:right;background:url(../../public/images/openkylin/ppt_fm3.png) no-repeat;background-size: cover;} .cckylin_logo ul.cv li div:last-child a {margin:0 auto} @media (max-width:1000px){ .cckylin_logo ul.cckylin_lg li div:last-child{display:flex;height: 40%;top: 60%;border:none;background:none;backdrop-filter:none} .cckylin_logo ul.cckylin_lg li img { vertical-align: baseline;} .cckylin_logo ul.cv li { height: 240px;} .cckylin_logo ul.cckylin_lg li,.cckylin_logo ul.cckylin_lg li:nth-child(3n) { width: 45%; margin-right: 10%;} .cckylin_logo ul.cckylin_lg li:nth-child(2n){margin-right:0} .cckylin_logo ul.cckylin_lg li div:first-child{padding-top: 20px} } @media (max-width:768px){ .cckylin_logo { padding: 0px 0 40px 0;} .cckylin_logo ul.cckylin_lg li div { padding: 0;} .cckylin_logo ul.cckylin_lg li div:last-child a{ height: 28px; line-height: 28px; font-size: 1.4rem;} .cckylin_logo ul.cv li { height: 200px;} .cckylin_logo h3.cv_h3 { margin-top: 0px;} .cckylin_logo ul { margin-top: 30px;} .cckylin_logo h3{line-height:5rem} .cckylin_logo ul li{margin: 0 2rem 2rem 0;} .cckylin_logo ul.cckylin_lg li, .cckylin_logo ul.cckylin_lg li:nth-child(3n) { width: 47%; margin-right: 6%;} .cckylin_logo ul.cckylin_lg li:nth-child(2n){margin-right:0} #cc_community_about { padding-bottom: 0px; } } @media (max-width:500px){ .cckylin_logo ul.cckylin_lg li{line-height: 150px;} .cckylin_logo ul.cv li { height: 160px;} } /* 行为守则 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cc_community_action{padding-bottom: 120px; overflow: auto;} #cc_community_action ul {padding:0;overflow: auto;padding-left: 20px} #cc_community_action ul li{font-size: 1.4rem} #cc_community_action .container ul li{font-size:1.4rem;line-height: 2.2rem;margin-bottom: 1rem;text-align: justify;list-style: none;} #cc_community_action .container h5{font-size:1.6rem;font-weight: bold;line-height: 2.8rem;text-align: left} #cc_community_action .container .conduct_c1_left h3{font-size:3.4rem;font-weight: bold;line-height: 100px;background: linear-gradient(91deg, #2B60FF 0%, #0846FF 100%);opacity: 0.75;color: #FFF;margin: 0; padding-left: 60px;} #cc_community_action .container .conduct_c1_left p{padding:32px 20px 55px 60px} .conduct_c1{width:100%;height: auto;overflow: auto;margin: 0 auto;margin-top: 60px;padding:20px;align-items: center;display: table;} .conduct_c1 .conduct_c1_left{;width:50%;height: 100%;padding: 0px;display: table-cell;text-align: left;background: #F8F9FB;} .conduct_c1 .conduct_c1_right{;display: table-cell;width:50%;height: 100%;background:url(../../upload/202204/1649986475871270.png);background-size: cover;} .conduct_c1 .conduct_c1_right img{width:100%;} .conduct_c1 .conduct_c1_left h3{line-height:68px;font-size: 2.4rem;margin-bottom: 30px} .conduct_c1 .conduct_c1_left p{font-size:1.6rem;line-height: 2.4rem;text-align: justify} .conduct_c2{display: table;overflow: auto} .conduct_c2 .conduct_c2_left {display: table-cell;height: 100%; width:33.5%;background: #F8F9FB;border: 1px solid #EDEDED;padding: 48px 60px} .conduct_c2 .conduct_c2_center {display: table-cell;height: 100%;width:33.5%;background: #F8F9FB;border: 1px solid #EDEDED;padding: 48px 60px} .conduct_c2 .conduct_c2_right {display: table-cell;height: 100%;width:33%;color: #FFF;background:url(../../upload/202204/1649987148521210.png);background-size: cover;text-align: center} .conduct_c2 .conduct_c2_left ul li{margin-bottom: 20px} .yl{width:100%;height: 100%;padding: 0 70px;} .yl p{color:#FFF;display: none;text-align: left;line-height: 2.4rem} .yl h3{color:#FFF;font-size: 2.4rem;} .conduct_c2 .conduct_c2_right:hover{background:url(../../public/images/conduct_bgg.png) ;background-size: cover;} /*.conduct_c2 .conduct_c2_right:hover .yl{background:rgba(0,0,0,0.3)}*/ .conduct_c2 .conduct_c2_right:hover h3{ display: none} .conduct_c2 .conduct_c2_right:hover p{ display: block} .vvvv{padding-right: 80px;} .conduct_c3{display:table;overflow: auto;padding: 0} .conduct_c3 .conduct_c3_left {width:50%;height: 100%;display: table-cell;padding:48px 176px 48px 64px ;background: #F8F9FB;border: 1px solid #EDEDED;} .conduct_c3 .conduct_c3_right {width:50%;height: 100%;display: table-cell;color: #FFF; background:url(../../upload/202204/1649987308108259.png);display: table-cell;background-size: cover} /*.conduct_c3 .conduct_c3_right:hover{background:url(../../public/images/conduct_bgg2.png);background-size: cover}*/ .container .conduct_c3 ul li{margin-bottom:3rem} .conduct_c3 .conduct_c3_right h3{color:#FFF;font-size: 2.4rem;} .conduct_c4{ margin-top: 140px;} .conduct_c4 h3{text-align:center;margin-bottom:50px} .conduct_c4 ul { display: flex; flex-wrap: nowrap;} .conduct_c4 ul li{width:32%;margin-right: 2%;color: #FFF;font-size: 1.2rem;line-height: 36px; float:left;;background: linear-gradient(90deg, #2B60FF 0%, #0846FF 100%);opacity: 0.75;padding: 37px 60px} .conduct_c4 ul li:last-child{margin-right:0} .conduct_c5 {margin-top:0;color: #FFF;background:url(../../upload/202204/1649991062871916.jpg) top center no-repeat;padding: 80px 0 40px 0; background-size: cover;} .conduct_c5 a{width: 152px;height: 40px;background: #2B60FF;display: block;font-size: 1.4rem;text-align: center;line-height: 40px;color: #FFF;margin: 0 auto} .conduct_c5 a:hover{background: #295BF2;} .conduct_c5 p{width: 70%;color: #FFF;font-size: 1.2rem;line-height: 24px;margin: 0 auto;text-align: center;margin-top: 40px;} @media (max-width:1100px){ #cc_community_action { padding-bottom: 40px;} .conduct_c1{padding:0} .conduct_c3 { display: block;} .conduct_c4 { margin-top: 40px;} .conduct_c4 ul { display: block;} .conduct_c5{padding:20px} .conduct_c1 .conduct_c1_left { width: 100%;padding: 0px} .conduct_c2 .conduct_c2_right { width: 100%; display: block;} .conduct_c2 .conduct_c2_left { display: block; width: 100%;padding: 20px} .conduct_c2 .conduct_c2_center { display: block; width: 100%;padding: 20px} .conduct_c4 ul li { width: 100%;padding:20px;height: auto} .conduct_c3 .conduct_c3_left { width: 100%; height: 100%; display: block; padding: 20px} .conduct_c3 .conduct_c3_right { width: 100%; height: 100%; display: block;padding: 20px} #cc_community_action .container .conduct_c1_left p { padding: 20px; } #cc_community_action .conduct_c4 ul {padding:0px;} .yl { padding: 20px 20px;} .conduct_c5 p { width: 100%;text-align: left; margin-top: 20px;} } /* 高校站 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #ok_school h2.index_h{margin: 0!important;} .ok_school1,.ok_school3,.ok_school4,.ok_school5{padding:10px 0 120px 0} #ok_school ul{padding:0} .ok_school1 .ok_school1_c{width:100%;overflow: auto;} .ok_school1 .ok_school1_c .ok_school1_c_l{width:45%;float: left;} .ok_school1 .ok_school1_c .ok_school1_c_r{width:50%;float: right; padding-top: 60px;} .ok_school1 .ok_school1_c .ok_school1_c_r img{width: 100%;} ul.ok_school_ul li{overflow: auto;padding:20px 0} ul.ok_school_ul li .l{float: left;width:15%} ul.ok_school_ul li .l img{width: 100%;} ul.ok_school_ul li .r{float: right;width:75%} ul.ok_school_ul li .r h6{font-weight: bold;font-size: 1.6rem;} ul.ok_school_ul li .r p{font-size: 1.2rem;} .ok_school1 .ok_school1_c ul.ok_school_ul li{border-bottom: solid 1px #D8D8D8;} .ok_school1 .ok_school2_c{width:100%;overflow: auto;} .ok_school1 .ok_school2_c .ok_school2_c_l{width:35%;float: left;} .ok_school1 .ok_school2_c .ok_school2_c_c{width:30%;float: left;} .ok_school1 .ok_school2_c .ok_school2_c_r{width:35%;float: right;} .ok_school1 .ok_school2_c .ok_school2_c_c img{width: 100%;} #ok_school .ok_school1 h2.index_h{margin-top: 40px!important;} .ok_school3{background: #F8F9FB;} .ok_school3 .ok_school3_c{width:100%;overflow: auto;display: flex;flex-wrap: wrap;} .ok_school3 .ok_school3_c p{font-size: 1.2rem;} .ok_school3 .ok_school3_c .ok_school3_c_l{width:34%;float: left;margin-right:2%;background: #FFF;} .ok_school3 .ok_school3_c .ok_school3_c_r{width:64%;float: right;background: #FFF;} ul.ok_school3_ul{overflow: auto;;} ul.ok_school3_ul li{overflow: auto;float: left;text-align: center;} ul.ok_school3_ul li img{width: 132px;height: 132px;padding:36px;background: #F8F9FB;border-radius: 50%;text-align: center;} .ok_school3 .ok_school3_c .ok_school3_c_r li{width:24%;margin-right: 1%;} .ok_school3 h4{font-size: 2.2rem;font-weight: bold;text-align: center; line-height: 68px;margin-top: 20px;} .ok_school3 h6{font-size: 1.6rem;font-weight: bold;text-align: center;} .ok_school3 .ok_school3_c .ok_school3_c_l ul{display: grid;} .ok_school4{background: url(../../public/images/openkylin/ok_school4_bg.png) top center no-repeat;background-size: cover;} .ok_school4 .ok_school4_c{width:100%;overflow: auto;display: flex;flex-wrap: wrap;} .ok_school4 .ok_school4_c .ok_school4_c_l{width:55%;margin-right:2%;float: left;background: #FFF;} .ok_school4 .ok_school4_c .ok_school4_c_r{width:43%;float: right;background: #FFF;} ul.ok_school4_ul{overflow: auto;} ul.ok_school4_ul li{overflow: hidden;float: left;width:100%;border-bottom: 1px solid #EDEDED;} ul.ok_school4_ul li a{display: block;padding:20px 40px 0 40px ;} ul.ok_school4_ul li:hover{border-bottom: 1px solid #0C7BEB;;} ul.ok_school4_ul li:hover h6{color: #0C7BEB;} ul.ok_school4_ul li:last-child{border-bottom: none;} ul.ok_school4_ul li h6{font-size: 1.6rem;line-height: 24px;margin: 0;margin-bottom:20px;text-align: left;} .ok_school4 .ok_school4_c .ok_school4_c_l img{width: 100%;height: 341px;margin-bottom: 20px;} .ok_school4 .ok_school4_c .ok_school4_c_l ul.ok_school4_ul li{border-bottom: none;} ul.ok_school4_ul li h5{padding:0px 40px 20px 40px ;} ul.ok_school4_ul li h5 a{float: left;color: #3D3D3D;padding: 0;} ul.ok_school4_ul li h5 span{float: right;color: #999999;} .school_more{font-size:1.4rem ;width: 152px;height: 40px;border: 1px solid #3D3D3D;text-align: center;line-height: 40px;display: block; margin: 0 auto; margin-top: 30px;color:#3D3D3D} .school_more:hover{border: 1px solid #0C7BEB;color: #0C7BEB;} .ok_school5{background: #F8F9FB;} .ok_school5_ul {overflow: auto; display: flex; flex-wrap: wrap;} .ok_school5_ul li{float: left; margin-right: 2%; width:15%; list-style: none; margin-bottom: 2%;text-align: center;background: white;} .ok_school5_ul li:nth-child(6n){margin-right: 0;} .ok_school5_ul li img{ width: 140px; height: 140px; padding:20px; border-radius: 50%; } .ok_school5_ul li h4{font-weight: bold;margin-top: 0;} .ok_school5_ul li.ccc .lheight{ height: 140px;} .ok_school5_ul li.ccc img{ border-radius:0;height: auto; padding:20px 0px; } @media (max-width:1198px) { .ok_school1 .ok_school1_c .ok_school1_c_l { width: 100%; } .ok_school1 .ok_school2_c .ok_school2_c_l { width: 100%;} .ok_school1 .ok_school2_c .ok_school2_c_c { width: 100%;} .ok_school1 .ok_school2_c .ok_school2_c_r { width: 100%;} .ok_school1 .ok_school1_c .ok_school1_c_r { width: 100%;} .ok_school3 .ok_school3_c .ok_school3_c_l { width: 100%;margin-right: 0;} .ok_school3 .ok_school3_c .ok_school3_c_r { width: 100%;} .ok_school3 .ok_school3_c .ok_school3_c_r li { width: 48%;} .ok_school4 .ok_school4_c .ok_school4_c_l { width: 100%;} .ok_school4 .ok_school4_c .ok_school4_c_l img{height: auto;} .ok_school4 .ok_school4_c .ok_school4_c_r { width: 100%;} .ok_school5_ul li,.ok_school5_ul li:nth-child(6n) { margin-right: 4.5%; width: 30.3333%;} .ok_school5_ul li:nth-child(3n){margin-right: 0;} .ok_school5_ul li img{height: auto;} } /* 任务申领平台 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .ok_task_c{padding:80px 0} .ok_task_lc{padding-bottom: 60px;} .ok_task_lc img{width: 100%;} .ok_task_gz{width:100%;overflow: hidden;display: flex; flex-wrap: wrap;} .ok_task_gz ul{padding:0;margin: 0;} .ok_task_gz ul li{list-style: none;} .ok_task_gz h3{color: #FFF;font-style: oblique;font-size: 3.6rem;font-weight: bold; } .ok_task_gz p{color: #FFF;} .ok_task_gz .ok_task_gzli{width:20%;float:left;border-right: 16px solid #FFF;} .ok_task_gz .ok_task_gzli:last-child{border-right: 0;} .ok_task_gz .tve1{background:url(../../upload/202305/1684832424162784.png) no-repeat;background-size: cover;padding:40px;} .ok_task_gz .tve3{width:40%} .ok_task_gz .tve2 ul li{width:100%;height: 240px;padding:40px;background-image: linear-gradient(#2B85FF, #9EC7FF);} .ok_task_gz .tve2 ul li:first-child{background-image: linear-gradient(#FFA136, #FFE65F);border-bottom: 16px solid #FFF;} .ok_task_gz .tve3 ul li{width:50%;height: 240px;padding:40px;background-image: linear-gradient(#FFA136, #FFE65F);float: left;border-bottom: 16px solid #FFF;} .ok_task_gz .tve3 ul li:first-child{border-right: 16px solid #FFF;background:url(../../upload/202305/1684832424447444.png) no-repeat;background-size: cover;} .ok_task_gz .tve3 ul li:last-child{width:100%;border-bottom: 0;background:url(../../upload/202305/1684836129487470.png) no-repeat;background-size: cover;} .ok_task_gz .tve4{padding:40px;background:url(../../upload/202305/1684836129421047.png) no-repeat;background-size: cover;} .task_img2{display: none;} .ok_ptjl{width:100%;background: #F8F9FB;padding:80px 0 113px 0} .ok_ptjl ul{width:100%;overflow: auto;display: flex; flex-wrap: nowrap;} .ok_ptjl ul li{width:30%;margin-right: 5%;background: linear-gradient(to bottom, #EBF4FF, #FFF,#FFF); float: left;padding:50px 3% 80px 3% ;list-style: none;text-align: center;} .ok_ptjl ul li:last-child{margin-right: 0;background: linear-gradient(to bottom, #FFF5EC, #FFF, #FFF);} .ok_ptjl ul li h3{line-height: 24px;font-size: 2.4rem;line-height:78px;font-weight: bold;} .ok_ptjl ul li p{font-size: 1.2rem;margin-top: 60px;text-align: left;;} @media (max-width:768px) { .ok_task_gz .ok_task_gzli{border:0} .ok_task_gz .tve1{width:100%;margin-bottom: 16px;} .ok_task_gz .tve2{width:100%;margin-bottom: 16px;} .ok_task_gz .tve3{width:100%;margin-bottom: 16px;} .ok_task_gz .tve4{width:100%;margin-bottom: 16px;} .ok_task_gz .tve3 ul li { width: 100%;height: auto;padding:20px} .ok_task_gz .tve2 ul li{ height: auto;padding:20px} .ok_task_gz .tve1,.ok_task_gz .tve4{padding:20px} .ok_task_gz .tve3 ul li:first-child{border:0;margin-bottom: 16px;} .task_img1{display: none;} .task_img2{display: block;} .ok_ptjl{padding:0} .ok_ptjl ul{display: block;} .ok_ptjl ul li { width: 100%; margin-right: 0%;padding:0px 30px 30px 30px;margin-bottom: 20px;} .ok_ptjl ul li img{height:70px} .ok_ptjl ul li p{font-size: 1.4rem; margin-top: 30px;text-align: center;} .comm_banner h2 { top: 0px!important;} .comm_banner .container .divp{display: block!important; padding-top: 80px;} a.shipei { width: 100px; line-height: 28px;} .comm_banner h1 { top: 15px!important;} } .home_news_item0, .home_news_item1, .home_news_item2 {background-color: #fff;} /* XXXXX ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXX ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXX ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXX ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXX ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXX ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */