html { font-size: 20px } @media only screen and (min-width:400px) { html { font-size: 21.33333333px!important } } @media only screen and (min-width:414px) { html { font-size: 22.08px!important } } @media only screen and (min-width:480px) { html { font-size: 25.6px!important } } html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, p, form, input, button { margin: 0; padding: 0 } nav { display: block } html, body, img, iframe { border: 0 } img { vertical-align: middle } i, em { font-style: normal } li { list-style: none } h1, h2, h3, h4, h5, h6 { font-size: 100% } a, button { cursor: pointer } h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold } a, a:hover { text-decoration: none; color: #1188dd } body, input, button { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: .85rem; color: #333; outline: 0 } body { background: #ffffff url() no-repeat center center; background-size: cover; } .vwbg { margin: 0 auto; position: relative; width: 100%; max-width: 640px; background-color: #ffffff } .sy { float: left; width: 95%; padding: 0 2.5%; height: 2.35rem; background-color: #fff; border-bottom: 1px solid #ececec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .sy a { float: left; height: 2.3rem; line-height: 2.3rem; display: block; font-size: .85rem; text-align: center; color: #888 } .sy .on { color: #1188dd; border-bottom: .1rem solid #1188dd } .se { float: left; width: 95%; background-color: #efefef; padding:10px 2.5%; border-bottom: 1px solid #ececec } .uzsrh { float: left; width: 100%; display: block; border-radius: 2px; background-color: #fff } .uzsrh input { float: left; display: block; width: 84%; height: 1.7rem; line-height: 1.7rem; font-size: .65rem; background-color: #fff; color: #333; border: 0; border-radius: 2px 0 0 2px; -webkit-appearance: none; outline: none; padding: 0 2.5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } input::-webkit-input-placeholder { color: #bbb } input::-moz-input-placeholder { color: #bbb } input:-ms-input-placeholder { color: #bbb } .uzsrh button { float: right; display: block; width: 16%; height: 1.7rem; line-height: 1.7rem; font-size: 0; background: url(../images/search.svg) no-repeat; background-size: .8rem; background-position: center; background-color: #1188dd; color: #fff; border: 0; border-radius: 0 2px 2px 0; -webkit-appearance: none; outline: none } .gg { float: left; width: 95%; padding: .6rem 2.5%; background-color: #FF0000; font-weight: bold; text-align: center; font-size: .75rem; line-height: 1.1rem; color: #FF0000; border-bottom: 1px solid #ffffff; background: linear-gradient(80deg,rgb(255 255 221),rgb(255 255 221)); overflow: hidden } .rst { float: left; width: 95%; padding: .6rem 2.5%; background-color: #fff; font-size: .7rem; line-height: 1.1rem; color: #f10606; border-bottom: 1px solid #ffffff; overflow: hidden } .video { float: left; width: 100%; padding: .6rem 0% 0; background-color: #fff } .video ul { float: left; width: 100% } .video ul li { float: left; width: 48.7%; margin-right: 2.6% } .video ul li:nth-child(2n) { margin-right: 0 } .yy { position: relative; display: block; float: left; width: 100%; height: 0; padding-bottom: 56.25%; background: #ffffff; border-radius: 2px; overflow: hidden } .yy img { width: 100%; height: 170px; object-fit: cover; } @media(max-width:767px) { .yy img { width: 100%; height: 110px; object-fit: cover; } } .yy span { position: absolute; bottom: 0; right: 0; font-size: .55rem; line-height: .75rem; color: #eee; background: rgba(0, 0, 0, .6); border-top-left-radius: 2px; overflow: hidden } .video h4 { font-size: .65rem; font-weight: normal; width: 100%; height: 1.8rem; line-height: 1.0rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .video h4 a { color: #333 } .hot { float: left; width: 95%; padding: 5px 2.5%; background-color: #fff; border-top: 1px solid #ffffff } .hot p { float: left; width: 100%; padding: .6rem 0 .4rem; font-size: .7rem; line-height: 1.1rem; color: #f10606; } .hot a { float: left; margin-right: 2.5%; margin-bottom: .5rem; padding: 0 .5rem; line-height: 1.5rem; font-size: .65rem; color: #777; border: 1px solid #ececec; border-radius: .5rem } .page { float: left; background-color: #fff; height: 1.7rem; width: 95%; padding: .6rem 2.5% .7rem; border-top: 1px solid #ffffff } .page em, .page a { display: block; height: 1.7rem; line-height: 1.6rem; border-radius: 2px; font-size: .7rem; text-align: center; font-weight: normal; font-style: normal; border: 1px solid #1188dd; color: #1188dd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 23.2%; float: left; margin-left: 2.4%; } .page em:nth-child(1) { margin-left: 0 } .page a:nth-child(1) { margin-left: 0 } .page em { border: 1px solid #e0e0e0; color: #e0e0e0 } .cate { float: left; background-color: #fff; width: 100%; padding: .6rem 0% .7rem; border-top: 1px solid #ffffff } .cate a { display: block; height: 1.7rem; line-height: 1.6rem; border-radius: 2px; font-size: .7rem; text-align: center; font-weight: normal; font-style: normal; border: 1px solid #1188dd; color: #1188dd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: calc(25% - 10px); float: left; margin: 0 10px 10px 0; margin-bottom: 10px } .player { float: left; position: relative; display: block; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #000; z-index: 999 } .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .kk { float: left; width: 100%; padding: .3rem 0%; height: 1.6rem; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .kk a { float: left; width: 18.6%; height: 1.6rem; line-height: 1.6rem; display: block; font-size: .7rem; text-align: center; color: #fff; background-color: #1188dd; border-radius: 2px } .ant { float: left; width: 95%; padding: .6rem 2.5% 2.8rem; background-color: #fff; border-top: 1px solid #ffffff } .ant a { float: left; width: 48.2%; padding-left: 0.5%; margin-bottom: .3rem; margin-right: 2.6%; height: 1.6rem; line-height: 1.6rem; display: block; background-color: #ffffff; border-radius: 2px; font-size: .65rem; color: #333; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .ant a:nth-child(2n) { margin-right: 0 } .ant .on { color: #1188dd } .ft { float: left; width: 95%; padding: 5px 2.5%; background-color: #ffffff; border-top: 1px solid #ececec } .ft p { text-align: center; font-size: .7rem; color: #bbb } .art-content img { width: 98%!important; } .title { background-color: #1188dd; margin-top: 0px; color: #fff; font-size: 17px; height: 32px; line-height: 32px; padding: 5px 2.5%; width: 95%; float: left; } .vodtitle { font-size: 12px; color: #1188dd; line-height: 14px; height: 14px; width: 100%; margin-bottom: 5px; } .tp_advertising{ width: 100%; display: flex; justify-content: space-around; background: #ffffff; position: relative; box-shadow: 0 0 0px rgba(0,0,0,.2); border:0px solid black; } .tp_advertising p{ color: #fff; font-size: 13px; line-height: 22px; background: #6F8EC5; position: absolute; bottom: 3; right: 3; margin: 3; padding: 3 8px; border-top-left-radius: 10px; opacity: .3; } .tp_advertising div{ width: 30%; position: relative; z-index: 1; } .tp_advertising a{ font-size: 13px; line-height: 30px; text-align: center; display: block; text-decoration: none; white-space:nowrap; border:0.1px solid #f5f5f5; } .tp_advertising a:hover{ font-weight: bold; font-size: 14px; text-shadow: 0px 0px 1px rgba(0,0,0,.5); } .tp_1 a{ color: #FF0033; } .tp_2 a{ color: #9400D3; } .tp_3 a{ color: #00BFFF; } .tp_4 a{ color: #FF1493; } @media screen and (max-width:768px) { .m1938-container { width: 100%; margin: 0 auto; } } @media screen and (min-width:769px) { .m1938-container { width: 100%; margin: 0 auto; } } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap } .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; background: #fff; flex-direction: row } .flex-column { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -webkit-flex-direction: column!important; flex-direction: column!important } .justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .justify-around { -webkit-justify-content: space-around; justify-content: space-around } .m-1 { margin: 5px } .p-1 { padding: 5px } .pl-2 { padding-left: 10px; width: 100%; } .white{ color: #fff; } .app-background { background-color: #fff } .app-title { width: 100%; height: 44px } .app-item { border: 1px solid #1188dd!important; border-radius: 8px } .app-img { width: 60px; height: 60px } .app-name { color: #000; font-size: 12px; font-weight: 700 } .app-desc { color: #1188dd; font-size: 14px; font-weight: 400 } .app-down { font-size: 12px; color: #333 } .app-button { border: 1px solid #1188dd; background-color: #1188dd; padding: 5px 15px; border-radius: 5px; font-size: 12px; margin-top: -10px } .app-button-text { color: #fff } @media screen and (min-width:769px) { .flex.flex-row.p-1.m-1.app-item { width: 46%; } } @media screen and (max-width:768px) { .flex.flex-row.p-1.m-1.app-item { width: 100%; } } .frvod{ padding-right: 5px; color: #fff; float: right; font-size: 16px; } .pic img{ display: block; height: 260px; width: 100%; overflow: hidden; padding:100 0px; }