/*公用css*/ @font-face { font-family: 'fontawesome'; src: ; src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype'), format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0; } address,cite,dfn,em,var, i {font-style:normal;} body {font-size: 14px !important; line-height: 1.5 !important; font-family:msyh,'microsoft yahei','simsun','arial','tahoma' !important; color: #333333;min-width: 1200px;width: 100%;overflow-x: hidden;} .ny-body{background-color: #eff1f7;} table { border-collapse:collapse; border-spacing:0; } h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; } /*button,input,select,textarea{font-size:100%;}*/ fieldset,img{border:none;} a, img { -webkit-touch-callout: none } a{color: #262626;} a{text-decoration: none;} a:hover{color: #288077;} input[type=password], input[type=text], textarea { resize: none; outline: 0; -webkit-appearance: none; white-space: pre-wrap; word-wrap: break-word; background: #fff; border: none; outline: none; } :focus{ outline:none;} .clearfix{ clear: both; content: ""; display: block; overflow: hidden } .clear{clear: both;} .fl{ float: left; } .fr{float: right;} ul, ol { list-style: none; } /*图标向上旋转*/ .hover-up{transition-duration: .5s;transform: rotate(180deg) !important;-webkit-transform: rotate(180deg) !important;} /*图标向下旋转*/ .hover-down{transition-duration: .5s;transform: rotate(0deg) !important;-webkit-transform: rotate(0deg) !important;} /*顶部*/ .a-1{background-color: #f8f8f8;} .a-2{width: 1200px;margin: 0 auto;height: 30px;text-align: right;font-size: 12px;box-sizing: border-box;padding-top: 5px;} .a-4{width: 1200px;margin: 0 auto;height: 80px;} .a-5-box{float: left;margin-top: 16px;} .a-5{display: inline-block;vertical-align: middle;} .a-6{height: 50px;} .a1-6{height: 25px;display: inline-block;vertical-align: middle;margin-left: 15px;} .a-7{float: right;margin-top: 23px;} .a-8{display: inline-block;vertical-align: middle;background-color: #f9f9f9;border-radius: 50px;padding: 0 16px;padding-right: 10px;} .a-9{background-color: transparent;border: none;height: 36px;display: inline-block;vertical-align: middle;width: 180px;} .a-10{background-color: transparent;border: none;cursor: pointer;display: inline-block;vertical-align: middle;} .a-11{width: 17px;height: 17px;} .a-12{display: inline-block;vertical-align: middle;margin-left: 30px;} .a-14{display: inline-block;vertical-align: middle;width: 15px;height: 11px;} .a-15{display: inline-block;vertical-align: middle;color: #333333;} .a-16{color: #00a9a2;} .a-17-box{height: 50px;position: relative;z-index: 5;width: 100%;} .a-17{height: 50px;max-height: 50px;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08ada1), to(#8aea98));background-image: -moz-linear-gradient(#08ada1, #8aea98);background-image: -o-linear-gradient(#08ada1, #8aea98);background-image: linear-gradient(#08ada1, #8aea98);overflow: hidden;transition: 0.5s;} .a-18{width: 1200px;margin: 0 auto;position: relative;} .a-19{overflow: hidden;} .a-19 li{float: left;position: relative;} .a-19 li::after{content: "";position: absolute;right: 0;top: 50%;margin-top: -6px;width: 1px;height: 12px;background: white;} .a-19 li:nth-child(11)::after{display: none;} .a-19 li:last-child::after{display: none;} .a-19 li a{color: white;font-size: 16px;line-height: 50px;display: block;padding: 0 32px;height: 50px;} .a-19 li a:hover{font-weight: bold;} /* .a-19 li:nth-child(12) a{padding-left: 0;} */ .a-19 li:first-child a{padding-left: 0;} .a-20{display: inline-block;width: 27px;height: 24px;position: relative;top: 12px;} .a-21{cursor: pointer;position: absolute;right: 0;top: 18px;color: white;display: none;} .a-21:hover{color: #00a9a2;} .a-22-box{/* height: 36px; */position: relative;z-index: 4;} .a-22{height: 36px;max-height: 36px;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eefcef), to(#d8f2ef));background-image: -moz-linear-gradient(#eefcef, #d8f2ef);background-image: -o-linear-gradient(#eefcef, #d8f2ef);background-image: linear-gradient(#eefcef, #d8f2ef);overflow: hidden;transition: 0.5s;} .a-23{width: 1200px;margin: 0 auto;position: relative;} .a-24{overflow: hidden;} .a-24 li{float: left;margin-right: 57px;} .a-24 li:last-child{margin-right: 0;} .a-24 li a{line-height: 36px;} .a-25{cursor: pointer;position: absolute;right: 0;top: 12px;cursor: pointer;display: none;} .a-25:hover{color: #288077;} /* 内容 */ .a-27{width: 1200px;margin: 0 auto;} .a-28{overflow: hidden;padding: 25px 0;} .a-28 li{float: left;margin-right: 51px;} .a-28 li:last-child{margin-right: 0;} .a-28 li a{font-size: 16px;color: #288077;} .a-29{display: inline-block;vertical-align: middle;height: 17px;} .a-30{display: inline-block;vertical-align: middle;} /* .a-31{overflow: hidden;} */ .a-32{width: 910px;float: left;} .picscroll-top{width:100%;height: 400px;overflow:hidden; position:relative;border-radius: 5px;overflow: hidden;} .picscroll-top .hd{position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);z-index: 1;} .picscroll-top .hd .prev,.picscroll-top .hd .next{cursor:pointer;color: #2c8d58;font-size: 18px;margin: 30px 0;display: block;} .picscroll-top .hd .next{ background-position:0 -140px; } .picscroll-top .hd .prevstop{ background-position:-60px -100px; } .picscroll-top .hd .nextstop{ background-position:-60px -140px; } .picscroll-top .hd ul{overflow:hidden;} .picscroll-top .hd ul li{width:3px; height:15px; overflow:hidden; cursor:pointer;background-color: rgba(44, 141, 88, 0.4);font-size: 0;display: block;margin: 0 auto;margin-bottom: 10px;} .picscroll-top .hd ul li:last-child{margin-bottom: 0;} .picscroll-top .hd ul li.on{background-color: rgba(44, 141, 88, 1);} .picscroll-top .bd{} .picscroll-top .bd ul{ overflow:hidden; zoom:1; } .picscroll-top .bd ul li{ text-align:center; zoom:1;height: 400px;position: relative;} .picscroll-top .bd ul li .pic{ text-align:center; } .picscroll-top .bd ul li .pic img{ width:100%; height:400px; display:block;} .picscroll-top .bd ul li .pic a:hover img{ border-color:#999;} .picscroll-top .bd ul li .title{ line-height:24px; } .a-35{position: absolute;width: 260px;height: 150px;top: 0;right: 60px;bottom: 0;margin: auto;border-radius: 5px;border: 1px solid #2c8d58;} .a-36{position: absolute;bottom: 0;left: 0;text-align: left;line-height: 30px;padding: 0 15px;box-sizing: border-box;color: white;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;width: 100%;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));padding-top: 15px;} .a-37{float: right;width: 275px;height: 400px;border-radius: 5px;box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);padding: 10px;box-sizing: border-box;} .a-38 li{border-bottom: 1px solid #efefef;} .a-38 li:last-child{border-bottom: none;} .a-38 li a{display: block;padding: 17px 0;} .a-39{font-size: 26px;font-style: italic;display: inline-block;vertical-align: top;margin-right: 10px;margin-top: -5px;} .a-38 li:first-child .a-39{color: #bf3e38;} .a-38 li:nth-child(2) .a-39{color: #e8914d;} .a-38 li:nth-child(3) .a-39{color: #067184;} .a-40{width: 223px;display: inline-block;vertical-align: top;} .a-41{margin-top: 15px;} .a-42{width: 910px;float: left;} .a-44{font-size: 23px;color: #105531;margin-bottom: 15px;} .a-45{width: 216px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);float: left;margin-right: 15px;} .a-45 a{display: block;} .a-46{width: 100%;height: 327px;} .a-47{padding: 15px;height: 72px;box-sizing: border-box;position: relative;} .a-47 span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; /*设置对齐模式*/-webkit-line-clamp: 2; /*设置多行的行数,示例为2行*/position: absolute;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);width: calc(100% - 30px);} .a-48{display: inline;font-size: 0;} .a-48 li{width: 216px;display: inline-block;margin-right: 15px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);margin-bottom: 15px;} .a-48 li:nth-child(3){margin-right: 0;} .a-48 li:nth-child(6){margin-right: 0;} .a-48 li:nth-child(4n 6){margin-right: 0;} .a-48 li a{display: block;} .a-49{width: 100%;height: 125px;} .a-50{padding: 15px;font-size: 14px;height: 72px;box-sizing: border-box;position: relative;} .a-50 span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; /*设置对齐模式*/-webkit-line-clamp: 2; /*设置多行的行数,示例为2行*/position: absolute;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);width: calc(100% - 30px);} .a-51{width: 275px;float: right;} .a-53{border-radius: 5px;overflow: hidden;position: relative;} .a-53 a{display: block;} .a-54{width: 100%;height: 155px;} .a-55{position: absolute;bottom: 0;left: 0;text-align: left;line-height: 30px;padding: 0 15px;box-sizing: border-box;color: white;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;width: 100%;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));padding-top: 15px;} .a-56{border-left: 1px solid #707070;padding-left: 15px;padding-top: 20px;} .a-56 li{padding-bottom: 15px;} .a-57{margin-bottom: 10px;position: relative;} .a-59{width: 10px;height: 10px;left: -18px;position: absolute;top: 6px;} .a-61{width: 100%;height: 136px;border-radius: 5px;} .a-62{margin-top: 10px;} .a-63 { overflow: hidden; width: 1200px; height: 80px; border-radius: 5px; } .a-64 { width: 5000px; } .a-64 li { width: 197px; height: 80px; overflow: hidden; float: left; position: relative; transition: all .7s cubic-bezier(.46, .98, .54, 1.1); } .a-64 li li { margin-left: 4px; } .a-64 li.nowidth { width: 0; margin: 0; } .a-64 li.lihover { width:800px; } .a-64 .simg { width: 197px; height: 80px; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; border-radius: 5px;} .a-64 .simg img { width: 197px; height: 80px; } .a-64 .bimg { width: 600px; height: 80px; position: absolute; left: 201px; top: 0; z-index: 1; overflow: hidden; border-radius: 5px; } .a-64 .bimg img { width: 600px; height: 80px; } .a-65{margin-top: 15px;} .a-66{width: 216px;background-color: #f7f7f7;float: left;z-index: 10;} .a-67{padding-top: 10px;padding-bottom: 10px;} .a-67 li a{line-height: 40px;} .a-67 li.active>a{background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);} .a-67 li.active>a{color: white;} .a-67 li.active>a .a-69{display: none;} .a-67 li.active>a .a1-69{display: block;} .a-68{display: block;padding-left: 40px;} .a-69-box{display: inline-block;vertical-align: middle;position: relative;width: 20px;height: 20px;} .a-69{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);} .a1-69{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);display: none;} .a-70{display: inline-block;vertical-align: middle;max-width:125px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .a-71 li a{display: block;padding-left: 55px;} .a-72{float: right;width: 970px;} .a-73{font-size: 0;} .a-73 li{width: 231px;display: inline-block;margin-right: 15px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);margin-bottom: 15px;} .a-73 li:nth-child(4n){margin-right: 0;} .a-73 li a{display: block;} .a-74{text-align: center;} .a-75{display: inline-block;cursor: pointer;} .a-75:hover{color: #288077;} .a-77{font-size: 16px;} .a-79{margin-top: 15px;} .picscroll-left{ overflow:hidden; position:relative;margin-left: -10px;padding-top: 10px;margin-top: -10px;padding-right: 10px;width: 1210px;} .picscroll-left .hd{ overflow:hidden;padding:0 10px; } .picscroll-left .hd .prev,.picscroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background: no-repeat;} .picscroll-left .hd .next{ background-position:0 -50px; } .picscroll-left .hd .prevstop{ background-position:-60px 0; } .picscroll-left .hd .nextstop{ background-position:-60px -50px; } .picscroll-left .hd ul{overflow:hidden; zoom:1; margin-top:20px; zoom:1;text-align: center;} .picscroll-left .hd ul li{width:15px; height:4px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;background-color: #dcdcdc;display: inline-block;border-radius: 30px;} .picscroll-left .hd ul li.on{ background-color: #0a6f77;} .picscroll-left .tempwrap{overflow: initial !important;} /* .picscroll-left .bd{} */ .picscroll-left .bd ul{overflow:initial !important;zoom:1; } .picscroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);border-radius: 5px;overflow: hidden;} .picscroll-left .bd ul li .pic{ text-align:center; } .picscroll-left .bd ul li .pic img{ width:285px; height:145px; display:block;} .picscroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picscroll-left .bd ul li .title{ line-height:24px;} .a-81{text-align: left;padding: 0 15px;} .a-82{line-height: 35px;border-bottom: 1px dashed #c8c8c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .a-83{line-height: 35px;} .a-84{width: 15px !important;height: 11px !important;display: inline-block !important;vertical-align: middle !important;} .a-85{display: inline-block;vertical-align: middle;font-size: 12px;color: #288077;} /* 底部 */ .a-86{border-top: 1px solid #e6e6e6;margin-top: 40px;} .a-88{width: 1200px;margin: 0 auto;padding: 5px 0;} .a-89{display: inline-block;vertical-align: middle;margin-right: 20px;} .a-90{display: inline-block;vertical-align: middle;padding: 7px 0;border-left: 1px solid #e6e6e6;padding-left: 10px;width: 1105px;} .a-90 li{float: left;position: relative;} .a-90 li::after {content: "";position: absolute;right: 0;top: 50%;margin-top: -6px;width: 1px;height: 12px;background: #333333;} .a-90 li:last-child::after{display: none;} .a-90 li a{display: block;padding: 0 10px;} .a-91{text-align: center;padding: 20px 0;background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);color: white;line-height: 30px;} .a-92{width: 1200px;margin: 0 auto;} .a-92 a{color: white;} .a-92 a:hover{color: #288077;} .a-93{display: inline-block;vertical-align: text-top;margin-right: 5px;} /* 视频播放 */ .b-2{font-size: 25px;} .b-3{color: #676767;margin-top: 5px;} .b-4{margin-top: 10px;overflow: hidden;} .b-5{width: 880px;height: 457px;float: left;} .b-6{width: 320px;float: right;background-color: #242424;color: white;padding: 10px 10px;box-sizing: border-box;padding-bottom: 15px;} .b-7{font-size: 16px;margin-bottom: 10px;} .b-8{height: 398px;overflow-y: auto;} /*-------滚动条整体样式----*/ .b-8::-webkit-scrollbar { width:4px; /* height:8px; */ } /*滚动条里面小方块样式*/ .b-8::-webkit-scrollbar-thumb { border-radius:100px; -webkit-box-shadow:inset 0 0 5px #d8d7d7; background:#424141; } /*滚动条里面轨道样式*/ .b-8::-webkit-scrollbar-track { /* -webkit-box-shadow:inset 0 0 5px #f5f5f5; */ border-radius:0; background:transparent; } .b-8 li a{display: block;overflow: hidden;} .b-8 li{margin-bottom: 10px;} .b-8 li:last-child{margin-bottom: 0;} .b-9{width: 150px;height: 92px;border-radius: 5px;float: left;} .b-10{color: white;width: 140px;float: right;padding-top: 5px;} .b-11{margin: 15px 0;} .b-12{width: 100%;} .b-13{overflow: hidden;} .b-14{width: 880px;float: left;} .b-15{font-size: 0;} .b-15 li{width: 208.5px;display: inline-block;margin-right: 15px;border-radius: 5px;overflow: hidden;margin-bottom: 15px;background-color: #f7f7f7;} .b-15 li:nth-child(4n){margin-right: 0;} .b-15 li a{display: block;} .b-15 li a .a-49{height: 110px;} .b-16{overflow: hidden;} .b-16 li{float: left;margin-right: 15px;margin-bottom: 15px;background-color:#f7f7f7;} .b-16 li:nth-child(4n){margin-right: 0;} .b-17{width: 208.5px;border-radius: 5px;height: 297px;} .b-18{float: right;width: 308px;} .b-19{margin-bottom: 15px;} .b-21{border-radius: 5px;width: 308px;height: 182px;} .b-24{width: 308px;height: 297px;} /* 文章详情 */ .c-1{color: #676767;padding: 10px 0;} .c-1 a{color: #676767;} .c-1 a:hover{color: #288077;} .c-2{margin-top: 10px;} .c-3{border-bottom: 1px solid #d8d8d8;padding-bottom: 15px;} .c-4{display: inline-block;vertical-align: middle;text-align: center;margin-right: 30px;} .c-6{font-size: 25px;} .c-9{display: inline-block;vertical-align: middle;width: 1000px;text-align: center;} .c-11{font-size: 25px;display: inline-block;vertical-align: middle;} .c-12{display: inline-block;vertical-align: middle;margin-left: 10px;} .c-13{margin-top: 10px;} .c-14{display: inline-block;vertical-align: middle;} .c-15{display: inline-block;vertical-align: middle;} .c-16{display: inline-block;vertical-align: middle;} .c-17{display: inline-block;vertical-align: middle;} .c-17 li{display: inline-block;width: 25px;height: 25px;border-radius: 100%;box-sizing: border-box;line-height: 25px;cursor: pointer;margin-right: 10px;} .c-17 li:last-child{margin-right: 0;} .c-17 li.active{background-color: #00a9a2;color: white;} #share-2{display: inline-block;vertical-align: middle;} .c-18{overflow: hidden;} .c-20{width: 700px;height: 400px;margin: 0 auto;} .c-18{padding-top: 30px;} .c-19{width: 900px;float: left;} .c-21{margin-top: 20px;} .c-21 img{display: block;max-width: 100%;margin: 0 auto;} .c-22{width: 260px;float: right;} .c-23 li{margin-bottom: 15px;} .c-23 li a{display: block;} .c-24{width: 100%;height: auto;} .c-26{margin-bottom: 10px;border-bottom: 1px solid #d8d8d8;} .c-27{display: inline-block;padding-bottom: 5px;position: relative;} .c-28{display: inline-block;vertical-align: middle;margin-right: 5px;} .c-29{display: inline-block;vertical-align: middle;font-size: 16px;} .c-30{height: 3px;width: 100%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);} .c-31{position: relative;left: 2px;} .c-31 li{width: 50%;float: left;margin-bottom: 15px;height: 200px;margin-left: -2px;} .c-31 li:nth-child(odd){background: url(/uploads/image/simg/zz_bg_left.png) no-repeat center;background-size: 100% 100%;} .c-31 li:nth-child(even){background: url(/uploads/image/simg/zz_bg_right.png) no-repeat center;background-size: 100% 100%;} .c-31 li a{display: block;text-align: center;padding-top: 30px;} .c-32{width: 80px;height: 106px;} .c-33{margin-top: 2px;} .c-34{padding: 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .c-35{padding: 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .c-36 li{position: relative;margin-bottom: 15px;} .c-36 li a{display: block;} .c-37{width: 100%;height: 150px;} .c-38{position: absolute;bottom: 0;left: 0;width: 100%;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));padding: 10px 10px;box-sizing: border-box;} .c-39{display: inline-block;vertical-align: middle;width: 29px;height: 29px;margin-right: 5px;} .c-40{display: inline-block;vertical-align: middle;color: white;width: 200px;} .font-14{font-size: 16px !important;line-height:28px !important;} .font-14 *{font-size: 16px !important;line-height:28px !important;} .font-16{font-size: 18px !important;line-height:30px !important;} .font-16 *{font-size: 18px !important;line-height:30px !important;} .font-18{font-size: 20px !important;line-height:32px !important;} .font-18 *{font-size: 20px !important;line-height:32px !important;} /* 视频列表 */ .d-1{padding: 20px 0;} .d-2{overflow: hidden;} .d-2 li{float: left;border: 1px solid #989898;border-radius: 30px;height: 25px;line-height: 23px;min-width: 70px;text-align: center;padding: 0 10px;box-sizing: border-box;margin-right: 50px;position: relative;margin-bottom: 15px;} .d-2 li.active{background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);border: none;line-height: 25px;} .d-2 li.active a{color: white;} .d-2 li::after{content: "";position: absolute;right: -51px;top: 50%;width: 51px;height: 1px;background: #989898;} .d-2 li:last-child{margin-right: 0;} .d-2 li:last-child::after{display: none;} .d-2 li a{display: block;} .d-4{font-size: 0;} .d-4 li{width: 228px;display: inline-block;margin-right: 15px;border-radius: 5px;overflow: hidden;margin-bottom: 15px;background-color: #f7f7f7;} .d-4 li:nth-child(5n){margin-right: 0;} .d-4 li a{display: block;} .d-4 li a .a-49{height: 110px;} /* 图片详情 */ .e-1{width: 100%;float: initial;} .picscroll-fade{width: 720px;height: 500px;overflow: hidden;position: relative;margin: 0 auto;padding: 0 65px;} .picscroll-fade .pic img{width: 720px;height: 500px;} .picscroll-fade .hd .next{position: absolute;right: 0;top: 0;cursor: pointer;font-size: 25px;display: block;width: 40px;height: 40px;border-radius: 5px;background-color: #efefef;text-align: center;line-height: 40px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);} .picscroll-fade .hd .prev{position: absolute;left: 0;top: 0;cursor: pointer;font-size: 25px;display: block;width: 40px;height: 40px;border-radius: 5px;background-color: #efefef;text-align: center;line-height: 40px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);} .picscroll-fade .hd .next i{position: relative;top: 7px;} .picscroll-fade .hd .prev i{position: relative;top: 7px;} .e-1 .c-21{width: 720px;margin: 0 auto;margin-top: 20px;} /* 图文首页 */ .f-1{padding: 15px 0;} .f-1 .layui-form-label{width: auto;padding: 6px 0;} .f-1 .layui-form-select{border: 1px solid #bcbcbc;border-radius: 5px;} .f-1 .layui-input, .layui-select, .layui-textarea{height: 30px;background-color: transparent;} .f-1 .layui-input-block{margin-left: 45px;width: 120px;} .f-1 .layui-form-select dl{top: 35px;} .f-1 .layui-form-select dl dd, .layui-form-select dl dt {line-height: 30px;} .f-1 .layui-form-select dl dd.layui-this {background-color: #288077;color: #fff;} .f-3 li{margin-bottom: 20px;overflow: hidden;} /* .f-3 li a{display: block;} */ .f-4{width: 232px;height: 322.5px;float: left;} .f-5{float: right;width: 952px;} .f-6{color: white;background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);line-height: 25px;} .f-7{padding: 3px 0;border-bottom: 1px dashed #dcdcdc;display: block;} .f-7:hover .f-9{color: #288077;} .f-8{display: inline-block;vertical-align: middle;width: 75px;text-align: right;margin-right: 10px;color: #0e0e0e;} .f-9{display: inline-block;vertical-align: middle;max-width: 860px;line-height:24px;color: #6a6a6a;} .f-9 a{color:#5d5d5d} .f-9 a:hover{color:#279e4f} /* 专题页 */ .g-1{background-color: #333333;} .g-2{width: 1200px;margin: 0 auto;overflow: hidden;height:40px;} .g-2 li{float: left;margin-right: 73px;} .g-2 li:last-child{margin-right: 0;} .g-2 li a{line-height: 40px;color: white;display: block;} .g-2 li a:hover{font-weight: bold;} .g-3{height: 1379px;position: relative;} .g-4{height: 1379px;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);} .g-5{width: 1200px;margin: 0 auto;height: 675px;padding-top: 410px;} .g-6{position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.5);} .g-7{width: 1200px;margin: 0 auto;padding: 25px 0;} /* .g-8{overflow: hidden;} */ .g-9{float: left;font-size: 18px;color: white;} .g-10{float: right;color: #fdeacc;} .g-11{display: inline-block;border-right: 1px solid #fdeacc;cursor: pointer;height: 16px;line-height: 16px;padding-right: 15px;} .g-12{display: inline-block;width: 25px;height: 25px;border-radius: 100%;border: 1px solid #fdeacc;vertical-align: middle;margin-top: -5px;text-align: center;margin-right: 5px;box-sizing: content-box;} .g-12 i{position: relative;top: 6px;} .g-16{display: inline-block;cursor: pointer;height: 16px;line-height: 16px;margin-left: 12px;} .g-14{display: none;} .g-15{display: inline-block;vertical-align: middle;margin-top: -6px;} .g-17{margin-top: 15px;} .g-18{color: #fdeacc;font-size: 12px;border-radius: 30px;padding: 3px 10px;margin-right: 5px;} .g-19{color: white;width: 1120px;display: inline-block;vertical-align: top;} .g-20{display: inline-block;vertical-align: middle;margin-top: -6px;} .g-22{width: 1200px;margin: 0 auto;} .g-23{padding-top: 40px;overflow: hidden;} .g-24{width: 710px;float: left;} .g-25{display: inline-block;text-align: center;} .g-26{font-size: 0;} .g-27{font-size: 25px;-webkit-text-stroke-width: 0.1px;-webkit-text-stroke-color: white;} .g-28{font-size: 40px;position: relative;top: -2px;-webkit-text-stroke-width: 0.2px;-webkit-text-stroke-color: white;} .g-29{text-transform: uppercase;font-size: 12px;color: #aaaaaa;margin-top: -5px;} .g-30{height: 5px;width: 45px;margin-top: 40px;} .g-31{margin-top: 30px;line-height: 30px;} .g-33{font-size: 0;} .g-32{float: right;width: 375px;padding: 30px;padding-top: 40px;position: relative;margin-top: 20px;padding-top: 60px;padding-bottom: 10px;margin-right: 25px;padding-right: 40px;} .g-33-box{position: absolute;background-color: white;padding: 0 5px;text-align: center;top: -40px;} .g-34{font-size: 40px;-webkit-text-stroke-width: 0.2px;-webkit-text-stroke-color: white;} .g-35{font-size: 40px;-webkit-text-stroke-width: 0.2px;-webkit-text-stroke-color: white;position: relative;top: 5px;} .g-36{font-size: 25px;-webkit-text-stroke-width: 0.1px;-webkit-text-stroke-color: white;position: relative;top: -2px;} .g-37{text-transform: uppercase;font-size: 12px;color: #aaaaaa;} .g-38{background-color: #e1e1e1;} .g-39{width: 100%;position: relative;top: -5px;left: -5px;} .g-40{font-size: 16px;line-height: 30px;margin-top: 10px;} .g-41{position: absolute;right: -25px;top: 35px;padding: 25px 0;padding-bottom: 20px;} .g-42{background-color: #e1e1e1;width: 50px;height: 223px;} .g-43{position: relative;top: -5px;left: -5px;color: white;height: 100%;position: relative;} .g-44{font-size: 25px;-webkit-text-stroke-width: 0.1px;width: 20px;padding-left: 5px;padding-top: 10px;} .g-45{text-transform: uppercase;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);margin-left: 27px;margin-top: 10px;} .g-46{position: absolute;width: 15px;height: 1px;top: 0;left: 18px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .g-47{position: absolute;width: 15px;height: 1px;bottom: -1px;left: 17px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .g-48{padding-top: 40px;} .g-49{text-align: center;} .g-50{font-size: 0;} .g-51{font-size: 25px;-webkit-text-stroke-width: 0.1px;-webkit-text-stroke-color: white;} .g-52{font-size: 40px;position: relative;top: -4px;-webkit-text-stroke-width: 0.2px;-webkit-text-stroke-color: white;} .g-53{font-size: 40px;position: relative;top: 5px;-webkit-text-stroke-width: 0.2px;-webkit-text-stroke-color: white;} .g-54{color: #aaaaaa;text-transform: uppercase;margin-top: -3px;} .g-55{width: 40px;border-bottom: 1px solid #aaaaaa;margin: 0 auto;margin-top: 2px;} .g-56{margin-top: 30px;overflow: hidden;} .g-56 li{width: 285px;float: left;margin-right: 20px;margin-bottom: 20px;} .g-56 li:nth-child(4n){margin-right: 0;} .g-56 li a{display: block;} .g-57{position: relative;} .g-58{color: white;position: absolute;left: 0;top: 0;width: 75px;text-align: center;line-height: 25px;font-size: 12px;} .g-59{width: 100%;height: 155px;} .g-60{line-height: 40px;background-color: white;overflow: hidden;padding: 0 10px;} .g-61{float: left;width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .g-62{float: right;width: 23px;height: 23px;position: relative;top: 9px;} /* 杂志详情 */ .h-1{padding-top: 0;} .h-2{text-align: center;font-size: 24px;} .h-3{font-size: 12px;color: #7b7b7b;text-align: center;margin-top: 8px;border-bottom: 1px dashed #e9e9e9;padding-bottom: 15px;} .h-4{margin-right: 20px;} .h-3 .h-4:last-child{margin-right: 0;} /* 首页变灰色代码css */ .grey{-webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } /*美化滚动条*/ ::-webkit-scrollbar-track-piece { background-color:#f8f8f8; border-radius:2.5px; cursor:grab; } ::-webkit-scrollbar { width:5px; height:10px; border-radius:2.5px; cursor:grab; } ::-webkit-scrollbar-thumb { background-color: #ccc; background-clip:padding-box; min-height:28px; border-radius:5px; cursor:grab; } ::-webkit-scrollbar-thumb:hover { background-color:#bbb; cursor:grab; } .pagination{margin:30px 0;text-align:center;} .pagination li{display:inline-block;width:35px;height:30px;line-height:30px;margin:0 5px;border-radius:5px} .pagination li a,.pagination li span{display:inline-block;width:100%;height:100%;text-align:center;padding-left:0 !important;} .pagination li a{cursor:pointer;} .pagination li a:hover{background-color:#cf021d;color:white;border-radius:5px;} .pagination .active span{background-color:#cf021d;color:white;border-radius:5px;} .pagination .active span{color:white;} .pagination span{float:none !important;} .pagination .disabled span{color:#bbb;} .pagination li:last-child{display:none;} .social-share .social-share-icon { width: 25px !important; height: 25px !important; line-height:25px !important; font-size:14px !important; } /* 修改css */ .j-1{margin-top: 20px;overflow: hidden;} .j-2{width: 153px;float: left;} .j-3{ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08ada1), to(#8aea98));background-image: -moz-linear-gradient(#08ada1, #8aea98);background-image: -o-linear-gradient(#08ada1, #8aea98);background-image: linear-gradient(#08ada1, #8aea98); color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;height: 60px;padding: 8px 10px;box-sizing: border-box;} .j-4{font-size: 0;} .j-5{display: inline-block;vertical-align: middle;} .j-6{display: inline-block;vertical-align: middle;background-color: white;height: 28px;line-height: 28px;border-radius: 3px;color: #08ada1;font-size: 16px;margin-left: 5px;width: 76px;text-align: center;} .j-7{font-size: 12px;letter-spacing: 1.5px;} .j-8{border: 1px solid #f4f4f4;} .j-8 li{border-bottom: 1px solid #f4f4f4;} .j-8 li:last-child{border-bottom: none;} .j-8 li a{line-height: 55px;display: block;text-align: center;} .j-8 li.active a{color: #288077;} .j-9{float: right;width: 1030px;} .j-10 li{width: 246px;} .j-10 li:nth-child(4n){margin-right: 0 !important;} .j-10 li:nth-child(5n){margin-right: 15px;} .j-10 li a .a-49{height: 130px;} .picscroll-left1{width:100%;height: 640px;overflow:hidden; position:relative;overflow: hidden;margin-top: 30px;} .picscroll-left1 .hd{position: absolute;z-index: 1;width: 100%;text-align: center;bottom: 20px;left: 0;width: 100%;} .picscroll-left1 .prev,.picscroll-left1 .next{cursor:pointer;color: white;font-size: 35px;display: block;position: absolute;z-index: 1;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .picscroll-left1 .prev{left: 20px;} .picscroll-left1 .next{right: 20px;} .picscroll-left1 .next{ background-position:0 -140px;} .picscroll-left1 .hd .prevstop{ background-position:-60px -100px; } .picscroll-left1 .hd .nextstop{ background-position:-60px -140px; } .picscroll-left1 .hd ul{overflow:hidden;} .picscroll-left1 .hd ul li{height:3px; width:40px; overflow:hidden; cursor:pointer;background-color: #989898;font-size: 0;display: inline-block;margin: 0 5px;} .picscroll-left1 .hd ul li:last-child{margin-bottom: 0;} .picscroll-left1 .hd ul li.on{background-color: rgba(44, 141, 88, 1);} .picscroll-left1 .bd{} .picscroll-left1 .bd ul{ overflow:hidden; zoom:1; } .picscroll-left1 .bd ul li{ text-align:center; zoom:1;height: 640px;position: relative;} .picscroll-left1 .bd ul li .pic{ text-align:center; } .picscroll-left1 .bd ul li .pic img{ width:100%; height:640px; display:block;} .picscroll-left1 .bd ul li .pic a:hover img{ border-color:#999;} .picscroll-left1 .bd ul li .title{ line-height:24px;} .j-11{position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.5);color: white;font-size: 28px;box-sizing: border-box;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 100px;padding-top: 15px;} .j-12{margin-top: 30px;} .j-13{overflow: hidden;} .j-13 li{margin-bottom: 30px;} .j-13 li:nth-child(odd){float: left;} .j-13 li:nth-child(even){float: right;} .j-13 li a{font-size: 0;} .j-14{width: 342px;height: 180px;display: inline-block;vertical-align: middle;} .j-15{display: inline-block;vertical-align: middle;color: white;padding: 0 10px;width: 254px;box-sizing: border-box;min-height: 131px;margin-left: -18px;background: url(/uploads/image/simg/black_bg.png) no-repeat center;background-size: 100% 100%;} .j-13 li a:hover .j-15{background: url(/uploads/image/simg/green_bg.png) no-repeat center;background-size: 100% 100%;} .j-16{font-size: 16px;text-align: center;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .j-17{font-size: 14px;line-height: 25px;margin-top: 7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .j-19{border-top: 3px solid #08ada1;} .j-20{border: 1px solid #cbcbcb;border-top: none;} .j-20 li{display: inline-block;line-height: 50px;font-size: 16px;cursor: pointer;min-width: 80px;text-align: center;border-bottom: 2px solid transparent;margin-right: 30px;} .j-20 li:hover{color: #08ada1;} .j-20 li:last-child{margin-right: 0;} .j-20 li.active{border-color: #08ada1;} .j-21{margin-top: 20px;} .j-22{overflow: hidden;} .j-21 .j-22{overflow: hidden;display: none;} .j-21 .j-22:first-child{display: block;} .j-22 li{float: left;width: 400px;height: 230px;position: relative;} .j-23{width: 400px;height: 230px;} .j-24{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);left: 0;top: 0;box-sizing: border-box;padding: 15px;display: none;} .j-25{width: 85px;height: 30px;color: white;background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);box-sizing: border-box;text-align: center;} .j-26{display: inline-block;vertical-align: middle;margin-right: 3px;} .j-27{line-height: 30px;display: inline-block;vertical-align: middle;} .j-28{position: absolute;left: 0;top: 50%;width: 100%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);text-align: center;color: white;font-size: 16px;} .j-22 li a:hover .j-24{display: block;} .j-29{margin-top: 30px;} .j-30{text-align: center;margin-bottom: 20px;} .j-31{display: inline-block;vertical-align: middle;width: 18px;border-bottom: 2px solid #25bb9f;} .j-33{font-size: 28px;display: inline-block;vertical-align: middle;margin: 0 10px;} .j-36{font-size: 0;} .j-37{width: 873px;height: 390px;display: inline-block;vertical-align: middle;} .j-38{width: 396px;height: 303px;display: inline-block;vertical-align: middle;background: url(/uploads/image/simg/bigbg_black.png) no-repeat center;background-size: 100% 100%;margin-left: -69px;padding: 0 10px;box-sizing: border-box;color: white;} .j-39{font-size: 16px;line-height: 72px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;} .j-40{font-size: 14px;padding: 0 15px;margin-top: 20px;line-height: 25px;height: 130px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;} .j-41{margin-top: 10px;text-align: right;padding: 0 15px;} .j-36:hover .j-38{background: url(/uploads/image/simg/bigbg_green.png) no-repeat center;background-size: 100% 100%;} .j-43{margin-top: 30px;} .j-44{overflow: hidden;} .j-44 li{position: relative;overflow: hidden;width: 584px;height: 307px;} .j-44 li:nth-child(odd){float: left;} .j-44 li:nth-child(even){float: right;} .j-45{width: 584px;height: 307px;transition: 0.3s;} .j-46{position: absolute;width: 100%;box-sizing: border-box;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);color: white;line-height: 60px;padding: 0 15px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .j-44 li a:hover .j-45{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);} .j-47{margin-top: 30px;} /* 图文首页 */ .k-1{height: 225px;margin-top: 20px;box-sizing: border-box;padding: 15px 20px;} .k-2{overflow: hidden;background-color: white;width: 880px;float: right;border-radius: 5px;box-shadow: 0 0 5px 1px rgb(0 0 0 / 5%);padding: 15px;box-sizing: border-box;padding-bottom: 0;} .k-2 li{float: left;margin-bottom: 15px;} .k-2 li:nth-child(odd){float: left;} .k-2 li:nth-child(even){float: right;} .k-3{width: 134px;height: 75px;display: inline-block;vertical-align: middle;border-radius: 5px;margin-right: 10px;} .k-4{display: inline-block;vertical-align: middle;width: 260px;} .k-5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .k-6{font-size: 12px;margin-top: 15px;} .k-7{margin-top: 20px;background-color: white;padding: 20px 0;text-align: center;} .k-8{padding: 0 20px;} .k-9{font-size: 40px;color: #105531;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} .k-10{margin-top: 10px;line-height: 25px;padding: 0 5px;} .k-10 li{display: inline-block;margin: 0 15px;} .k-11{margin-top: 20px;overflow: hidden;} .k-12{width: 820px;float: left;} .picscroll-fade1{width:100%;height: 460px;overflow:hidden; position:relative;overflow: hidden;} .picscroll-fade1 .hd{position: absolute;z-index: 1;bottom: 20px;right: 10px;} .picscroll-fade1 .prev,.picscroll-fade1 .next{cursor:pointer;color: white;font-size: 35px;display: block;position: absolute;z-index: 1;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);background-color: rgba(255,255,255,0.5);width: 34px;height: 75px;text-align: center;} .picscroll-fade1 .prev i,.picscroll-fade1 .next i{color: #474747;margin-top: 20px;} .picscroll-fade1 .prev{left: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .picscroll-fade1 .next{right: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .picscroll-fade1 .hd .prevstop{ background-position:-60px -100px; } .picscroll-fade1 .hd .nextstop{ background-position:-60px -140px; } .picscroll-fade1 .hd ul{overflow:hidden;} .picscroll-fade1 .hd ul li{height:7px; width:7px; overflow:hidden; cursor:pointer;background-color: white;font-size: 0;display: inline-block;margin: 0 5px;border-radius: 100%;} .picscroll-fade1 .hd ul li:last-child{margin-bottom: 0;} .picscroll-fade1 .hd ul li.on{background-color: #00a9a2;width: 27px;border-radius: 30px;} .picscroll-fade1 .bd{} .picscroll-fade1 .bd ul{ overflow:hidden; zoom:1; } .picscroll-fade1 .bd ul li{zoom:1;height: 460px;position: relative;} .picscroll-fade1 .bd ul li .pic{ text-align:center; } .picscroll-fade1 .bd ul li .pic img{ width:100%; height:460px; display:block;} .picscroll-fade1 .bd ul li .pic a:hover img{ border-color:#999;} .picscroll-fade1 .bd ul li .title{ line-height:24px;} .k-14{position: absolute;bottom: 0;left: 0;width: 100%;color: white;font-size: 22px;box-sizing: border-box;padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 50px;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));padding-right: 250px;} .k-15{margin-top: 10px;} .k-16 li{background-color: white;width: 263px;border-radius: 0;box-shadow: none;} .k-16 li:nth-child(4n){margin-right: 15px;} .k-16 li:nth-child(3n){margin-right: 0;} .k-16 li .a-49{height: 150px;} .k-17{width: 365px;float: right;background-color: white;} .k-18{padding: 0 10px;} .k-19{overflow: hidden;line-height: 47px;} .k-20{float: left;} .k-21{display: inline-block;vertical-align: middle;margin-right: 7px;} .k-22{display: inline-block;vertical-align: top;font-size: 18px;color: #105531;} .k-23{float: right;/* font-size: 16px; */text-transform: uppercase;} .k-25{display: inline-block;vertical-align: middle;} .k-26{display: inline-block;vertical-align: middle;width: 300px;margin-left: 3px;} .k-26 li{margin-bottom: 10px;} .k-26 li:last-child{margin-bottom: 0;} .k-27{display: inline-block;width: 5px;height: 5px;border-radius: 100%;vertical-align: middle;background-color: #333333;} .k-28{display: inline-block;vertical-align: middle;margin-left: 3px;width: 286px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .k-29{margin-top: 15px;} .k-29 li{border-top: 1px solid #acacac;} .k-29 li a{line-height: 58px;display: block;padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .k-29 li a:hover{background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);color: white;} .k-30{overflow: hidden;margin-top: 5px;} .k-31{float: left;} .k-33{width: 208px;height: 90px;} .k-34{float: left;margin: 0 9px;} .k-36{width: 765px;height: 90px;} .k-37{overflow: hidden;margin-top: 20px;} .k-38{width: 260px;float: left;background-color: white;box-sizing: border-box;padding: 0 10px;} .k-39 li{margin-bottom: 10px;} .k-39 li .c-40{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .k-39 li .c-37{height: 145px;} .k-40{width: 545px;float: left;margin-left: 15px;} .k-41{background-color: white;padding: 0 10px;padding-bottom: 10px;} .k-42 li{margin-bottom: 19.2px;} .k-42 li:last-child{margin-bottom: 0;} .k-43{display: inline-block;vertical-align: middle;width: 7px;height: 7px;border-radius: 100%;border: 1px solid #0dafa1;box-sizing: border-box;margin-right: 3px;} .k-44{display: inline-block;vertical-align: middle;width: 508px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .k-45{width: 365px;float: right;background-color: white;padding: 0 10px;box-sizing: border-box;padding-bottom: 10px;} .k-49{line-height: 31px;padding: 0 10px;background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .k-50{margin-top: 8px;} .k-51{width: 136px;height: 181px;display: inline-block;vertical-align: middle;} .k-52{display: inline-block;vertical-align: middle;width: 200px;text-align: center;} .k-53{margin-bottom: 10px;} .k-52 .k-53:last-child{margin-bottom: 0;} .k-54{overflow: hidden;} .k-54 li{width: 169px;background-image: linear-gradient(to right,#08ada1 0%,#8aea98 100%);margin-top: 8px;} .k-54 li:nth-child(odd){float: left;} .k-54 li:nth-child(even){float: right;} .k-54 li a{line-height: 31px;display: block;padding: 0 10px;text-align: center;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .k-54 li a:hover{text-decoration: underline;} .k-55{margin-top: 20px;background-color: white;} .k-56{overflow: hidden;line-height: 50px;padding-right: 10px;border-bottom: 1px solid #f3f3f3;} .k-57{float: left;overflow: hidden;} .k-57 li{float: left;font-size: 18px;line-height: 50px;min-width: 72px;text-align: center;margin-right: 25px;cursor: pointer;border-top: 3px solid transparent;} .k-57 li.active{border-color: #25bb9f;} .k-57 li:hover{color: #288077;} .k-57 li:last-child{margin-right: 0;} .k-58{padding: 10px;} .k-59{overflow: hidden;display: none;} .k-58 .k-59:first-child{display: block;} .k-60{width: 810px;height: 390px;position: relative;float: left;} .k-62{width: 810px;height: 390px;} .k-63{position: absolute;bottom: 0;left: 0;width: 100%;color: white;font-size: 22px;box-sizing: border-box;padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 50px;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));} .k-64{float: right;width: 355px;} .k-65 li{border-bottom: 1px solid #dcdbdb;} .k-65 li a{display: block;overflow: hidden;padding: 10px 0;} .k-65 li:first-child a{padding-top: 0;} .k-66{width: 125px;height: 79px;float: left;} .k-67{float: right;width: 217px;height: 79px;position: relative;} .k-68{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .k-69{position: absolute;bottom: 0;width: 100%;bottom: 0;font-size: 12px;} .c-36 li{overflow: hidden;} .c-37{transition: 0.3s;} .c-36 li a:hover .c-37{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}