/* CSS reset */ * {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);} html{font-size: 100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;border: 0;} :focus{outline:0} a {text-decoration: none;color: #303133;} a:hover{color: #255eaf;} button {user-select: none;} img:not([src]),img[src=""] {opacity: 0;} img{display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;vertical-align: middle;} ul, ol,li {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} input, select, button, textarea {font-size: 100%; font: inherit;} hr{height:0;border: none; border-top: 1px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} body{color: #333;position: relative;overflow-x:hidden;font-size: .16rem; font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,"PingFang SC",Arial,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;} select::-ms-expand { display: none; } i,em{font-style:normal;} input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;} input::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;} textarea::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;} select::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;} ::-webkit-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;} ::-ms-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;} /*::-webkit-scrollbar{width:16px;height: 4px;!*display: none*!}*/ /*::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}*/ /*::-webkit-scrollbar-thumb{border-radius:5px;background:#006535;}*/ /*html::-webkit-scrollbar{display: none}*/ .eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .eclips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .line1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: block\0;} .line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: block\0;} .line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: block\0;} .line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;display: block\0;} .line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;display: block\0;} .line6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;display: block\0;} .line8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;display: block\0;} .zi1{position: relative;z-index:1} .zi2{position: relative;z-index: 2} .zi3{position: relative;z-index: 3} .check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0} .check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;height:16px;cursor:pointer;padding-left: 22px;line-height: 18px} .check+label:after{position:absolute;width: 8px;height: 8px;border-radius: 3px;top:5px;left:5px;content:'';} .check+label:before{position:absolute;top:0;left:0;z-index:0;width:16px;height:16px;border-radius:3px;content:'';background: #fff;border: 1px solid #222} .check:checked+label:after{background: #006535} .check:checked+label:before{border-color: #006535} .radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px} .radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''} .radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888} .radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0} .radio:checked+label:before{border:1px solid #d9a65c} .radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px} .none{display: none;} .overhide{overflow: hidden} .clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."} .fl{float:left} .fr{float:right} .poab{position:absolute} .pore{position:relative} .text-r{text-align:right} .text-m{text-align:center} .text-bold{font-weight: 700;} .text-light{font-weight:100;} .text-upper{text-transform: uppercase;} .text-lower{text-transform: lowercase;} /*.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}*/ .bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;} .abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);} .wp { margin: 0 auto; max-width: 14.6rem; width: 94%; } .flex{display:flex;justify-content:space-between;flex-wrap:wrap;} .flexc{align-items: center;} .flexs{align-items: flex-start;} .flex-left{display:flex;flex-wrap:wrap} .flex-center{display:flex;flex-wrap:wrap;justify-content: center;} .flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;} .flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center} .flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;} .flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;} .img-box { position: relative; overflow: hidden; } .img-box .img { padding-bottom: 60%; transition: .5s; background-size: cover; display: block; background-repeat: no-repeat; background-position: center; } .img-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s; } .img-box .tit { width: 100%; padding: .2rem; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0.8), #000); font-size: .18rem; color: #fff; } .img-box .logo { position: absolute; left: 0; top: 0; width: 100%; padding: .15rem .2rem; display: flex; align-items: center; } .img-box .logo:before { content: ''; width: .03rem; height: .2rem; background: #fff; margin-right: .1rem; } .img-box .logo i { font-size: .2rem; color: #fff; margin-right: .05rem; } .img-box .logo h4 { font-size: .14rem; color: #fff; } .box { } .box .box-hd { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: .2rem; } .box .box-hd .tit { color: #303133; font-size: .28rem; line-height: 1em; font-weight: 400; } .box .box-hd .more { } .box .box-hd .more a { color: #c0c4cc; font-size: .16rem; } .box .box-hd .more a:hover { color: #255eaf; } .box .box-hd .more a i { margin-right: .05rem; } .box .box-bd { display: flex; flex-direction: row; justify-content: space-between; align-items: center; /*margin-bottom: .3rem;*/ }