/*鍒濆鍖栫被*/ /*@font-face {*/ /* font-family: siyuan;*/ /* src: url("//www.tunkia.com/fonts/SourceHanSansCN-Regular-2.otf");*/ /*}*/ /*@font-face {*/ /* font-family: siyuanbold;*/ /* src: url("//www.tunkia.com/fonts/SourceHanSerifCN-Bold-2.otf");*/ /*}*/ /*@font-face {*/ /* font-family: siyuanlight;*/ /* src: url("//www.tunkia.com/fonts/SourceHanSansCN-Light-2.otf");*/ /*}*/ html { font-size: 100px; font-family: 'siyuan'; } /*@font-face {*/ /* font-family: 'SourceHanSans-Bold';*/ /* src: url('/assets/pc/thck/font/SourceHanSans-Light.otf');*/ /*}*/ html, body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #fff; -webkit-font-smoothing: antialiased !important; } body, h1, h2, h3, h4, h5, h6 { /*font-family: "Microsoft YaHei", sans-serif !important;*/ /*font-family: "Helvetica Neue",*/ /* Helvetica,*/ /* Arial,*/ /* sans-serif;*/ -webkit-font-smoothing: antialiased !important; font-family: Microsoft YaHei; } html, body, header, section, footer, div, ul, ol, li, img, a, span, em, del, legend, center, strong, var, fieldset, form, label, dl, dt, dd, cite, input, hr, time, mark, code, figcaption, figure, textarea, h1, h2, h3, h4, h5, h6, p { margin: 0; border: 0; padding: 0; font-style: normal; } * { -webkit-box-sizing: border-box; box-sizing: border-box; /* -webkit-user-select: none; */ -webkit-tap-highlight-color: transparent; outline: none; font-size: 0.15rem; } strong{ font-size: inherit; } ul, li { list-style: none; } a { color: #0062cc; text-decoration: none; background-color: transparent; /* display: block; */ cursor: pointer; } textarea { overflow: hidden; resize: none; } button { overflow: visible; } button, select { text-transform: none; } button, input, select, textarea { font: inherit; color: inherit; } img { vertical-align: middle; border: 0; max-width: 100%; height: auto; display: block; object-fit: cover; } /*鑷姩闅愯棌鏂囧瓧*/ .ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ellipsis-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .ellipsis-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } /* // 娓呴櫎娴姩 */ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .w1200 { width: 12rem; } .w1400 { width: 14rem; margin: 0 auto; } .flex { display: flex; } .flex-sb { display: flex; justify-content: space-between; } /* 鍒嗛〉 */ .page-wrap { display: flex; justify-content: center; align-items: center; padding: 0 0 .7rem; } .page-prev, .page-next{ width: 0.77rem; height: 0.42rem; border: 1px solid #C2C2C2; display: flex !important; justify-content: center; align-items: center; font-size: 0.16rem !important; color: #6E6E6E !important; margin-left: .16rem; } .page-prev img { width: 100%; height: 100%; } .nopage { cursor: no-drop; } .page-wrap .page-skip-p { font-size: 0.14rem; color: #7D7D7D; } .page { width: .32rem; height: .32rem; display: flex !important; align-items: center; justify-content: center; border: 1px #dedede solid; background: #fff; border-radius: 0.02rem; margin-right: .08rem; font-size: 0.14rem !important; color: #7D7D7D; } .page-wrap .page:nth-last-of-type(1), .page-wrap .page:nth-of-type(1){ border: none; } .page-wrap .page:nth-of-type(1){ margin-left: .23rem; } .dot { display: block; font-size: 0.14rem; color: #7D7D7D; margin-right: .08rem; } .page-wrap .active { color: #FFFFFF; background-color: #02928E; border: 1px #02928E solid; } .page-skip { display: flex; align-items: center; } .page-skip-num { display: flex; align-items: center; width: 0.6rem; height: .32rem; border: 1px #dedede solid; border-radius: 0.02rem; margin: 0 .08rem; padding: 0 .08rem; } .page-skip-num img { width: 0.16rem; height: 0.16rem; } .page-skip-input { width: calc(100% - 0.16rem); text-align: center; } .page-btn { width: 0.72rem; height: 0.32rem; background: #02928E; opacity: 1; border-radius: 0.02rem; font-size: 0.14rem; color: #FFFFFF; text-align: center; line-height: 0.32rem; margin-left: .2rem; } .public_nav{ margin: 0 auto; padding-top: .25rem; display: flex; align-items: center; } .public_nav a{ font-size: 0.16rem; color: #666666; } .public_nav img{ width: 0.09rem; display: block; margin: 0 .11rem; } .pub_tit{ width: 100%; margin-top: .5rem; padding-bottom: .29rem; position: relative; display: flex; align-items: center; justify-content: space-between; } .pub_tit span{ font-size: 0.36rem; color: #333333; } .pub_tit::after{ content: ''; width: 0.72rem; height: 0.02rem; background: #00A19C; position: absolute; bottom: 0; left: 0; } .pub_tit .rig{ position: relative; } .pub_tit .rig input{ width: 2.8rem; height: 0.36rem; line-height: .36rem; border: 1px solid #EEEEEE; padding: 0 .38rem 0 .21rem; font-size: 0.16rem; color: #959595; } .pub_tit .rig img{ width: 0.17rem; height: 0.17rem; position: absolute; right: .21rem; top: .1rem; } .result{ font-size: 0.18rem; color: #333333; margin-top: .3rem; } .result b{ font-size: 0.18rem; color: #00A19C; font-weight: 400; } /*鍥剧墖鏀惧ぇ*/ .tran_scale { overflow: hidden; display: block; } /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img { -webkit-transition: opacity .4s ease-in, -webkit-transform .6s linear; transition: opacity .4s ease-in, transform .6s linear; } .tran_scale:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } @media only screen and (max-width: 1024px) { * { font-size: 12px; } .w1200 { width: auto; } body { padding-top: 50px; } body.lock { overflow: hidden; } .public_nav { display: none; } /*鍒嗛〉*/ .page-wrap .page-skip-p { display: none; } .page-skip { display: none; } .page-wrap .page { width: 25px; height: 25px; font-size: 12px !important; } }