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, 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, input, select, textarea, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color: #ef8200; text-decoration: none; transition: all 0.8s; -webkit-transition: all 0.8s; }
a:focus, a:active, a:hover { outline: 0; }
img { display: inline-block; transition: all 0.8s; -webkit-transition: all 0.8s; border-radius: 6px; }

input, select, textarea { margin: 0; padding: 0; outline: 0; box-shadow: none; font-size: 100%; font: inherit; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; font: 14px/1.5 "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.clearfix { display: block; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.hidden { display: none; }
.bold { font-weight: bold; }
.clear { clear: both; }

/* header */
.header .info { width: 1200px; height: 100px; margin: 0 auto; padding: 25px 0 0; background: #ffffff; box-sizing: border-box; }
.header .info .logo { float: left; margin-left: 10px; font-size: 30px; font-weight: bold; line-height: 46px; color: #ef8200; }
.header .info .logo img { height: 46px; margin-top: 2px; }
.header .info .logo span { display: inline-block; width: 220px; height: 46px; background: url(../common/logo.png) no-repeat; background-size: auto 42px; vertical-align: middle; }
.header .info .search { float: left; margin-top: 6px; margin-left: 220px; }
.header .info .search #select { position: relative; z-index: 3; float: left; width: 65px; height: 38px; margin-right: -1px; background: #ffffff; border: 1px solid #d6d6d6; box-sizing: border-box; color: #6f6f6f; cursor: pointer; }
.header .info .search #select span { display: block; padding: 0 9px; font-size: 14px; line-height: 36px; color: #919190; text-align: center; background-position: -8px -165px; }
.header .info .search #select span:after { content: ''; display: inline-block; width: 8px; height: 4px; margin: 0 0 3px 6px; background: url(../common/icon.png) no-repeat -70px -10px; }
.header .info .search #select span:hover:after { background-position: -70px -20px; }
.header .info .search #select ul { position: absolute; top: 36px; left: -1px; display: none; width: 65px; background: #fc697a; font-size: 12px; line-height: 28px; text-align: center; }
.header .info .search #select li { background: #ffffff; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; padding-left: 10px; font-size: 14px; font-weight: normal; color: #919190; text-align: left; }
.header .info .search #select li:hover { color: #fff; background: #ef8200; opacity: 0.8; }
.header .info .search #select li:last-child { border-bottom: 1px solid #d6d6d6; }
.header .info #form { float: left; height: 38px; }
.header .info #form .text { float: left; width: 218px; height: 38px; background: #fff; border: 1px solid #d6d6d6; padding: 0; box-sizing: border-box; font-size: 12px; line-height: 36px; color: #aaa; text-indent: 1em; }
.header .info #form .text:focus { outline: none; }
.header .info #form .submit:focus { outline: none; }
.header .info #form .submit { float: left; width: 80px; height: 38px; padding: 0; background: #ef8200; border: 1px solid #ef8200; border-left: none; font-size: 14px; color: #fff; cursor: pointer; }
.header .info .icon { float: right; width: 190px; }
.header .info .icon a { position: relative; float: right; display: inline-block; margin: 0 10px; font-size: 14px; color: #666; }
.header .info .icon a:hover { text-decoration: none; opacity: 0.8; }
.header .info .icon a .img { position: absolute; top: -25px; left: -115px; display: none; width: 100px; height: 100px; }
.header .info .icon a i { display: block; width: 35px; height: 35px; margin-bottom: 5px; background: url(../common/icon.png) no-repeat; }
.header .info .icon a:nth-child(0) i { background-position: -100px -255px; }
.header .info .icon a:nth-child(1) i { background-position: -55px -255px; }
.header .info .icon a:nth-child(2) i { background-position: -10px -255px; }
.header .midnav_bg { width: 100%; height: 40px; margin: 0 auto; }
.header .midnav { width: 1180px; height: 40px; margin: 0 auto; background: #178ff3; }
.header .midnav li { float: left; width: 11.11%; height: 40px; text-align: center; }
.header .midnav li a { display: block; width: 100%; height: 100%; font-size: 16px; line-height: 40px; color: #fff; text-decoration: none; }
.header .midnav li a:hover { background: #046de3; }
.header .midnav li .home { background: #046de3; }

/* banner */
.banner { width: 100%; margin: 0 auto; margin-top: 5px; margin-bottom: -5px; }
.banner img { width: 1178px; border: 1px solid #d6d6d6; border-radius: 0; margin-top: 5px; }

/* f1 */
.f1 { width: 100%; margin: 0 auto; margin-top: 10px; }
.f1 .main { float: left; position: relative; width: 700px; height: 350px; overflow: hidden; }
.f1 .main .mod { position: relative; width: 700px; height: 350px; overflow: hidden; border-radius: 10px; }
.f1 .main .mod ul { position: absolute; top: 0; left: 0; }
.f1 .main .mod li { float: left; position: relative; width: 700px; }
.f1 .main .mod li img { width: 700px; height: 350px; border: none; }
.f1 .main .mod li:hover img { transform: scale(1.1); }
.f1 .main .mod li span { position: absolute; top: 20px; left: 20px; z-index: 55; padding: 10px; background: #178ff3; font-size: 16px; color: #fff; cursor: pointer; border-radius: 7px; }
.f1 .main .mod li i { position: absolute; top: 50%; left: 50%; display: block; width: 75px; height: 75px; margin-top: -35px; margin-left: -35px; z-index: 55; background: url(../common/icon.png) -325px -325px no-repeat; visibility: visible; }
.f1 .main .mod li:hover i { visibility: visible; }
.f1 .main .mod li p { position: absolute; bottom: -1px; width: 100%; height: 74px; background: url(../common/bg_h72.png) repeat-x; font-size: 18px; line-height: 90px; text-align: center; }
.f1 .main .mod li p a { color: #fff; }
.f1 .main .mod li p a:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.f1 .main .prev,
.f1 .main .next { position: absolute; top: 135px; display: none; width: 60px; height: 80px; background: url(../common/icon.png) no-repeat; cursor: pointer; opacity: 1.0; }
.f1 .main .prev { left: 0; background-position: 0 -305px; }
.f1 .main .next { right: 0; background-position: -45px -305px; }
.f1 .main .prev:hover { opacity: 1.0; }
.f1 .main .next:hover { opacity: 1.0; }
.f1 .side { width: 460px; float: right; margin-top: 10px; }
.f1 .side .a ul { margin-bottom: 8px; overflow: hidden; }
.f1 .side .a ul:first-child { margin-bottom: 12px; }
.f1 .side .a li { float: left; width: 225px; height: 29px; padding: 0 10px; box-sizing: border-box; overflow: hidden; font-size: 14px; line-height: 29px; color: #000; }
.f1 .side .a li.whole { width: 460px; height: 22px; margin-bottom: 5px; font-size: 21px; font-weight: bold; line-height: 22px; text-align: center; }
.f1 .side .a li.whole a { color: #e71f19; }
.f1 .side .a li.whole a:hover { color: #ef8200; }
.f1 .side .a { border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.f1 .side .b li { height: 30px; overflow: hidden; font-size: 14px; line-height: 30px; color: #000; }
.f1 .side .b li:hover { color: #ef8200; }
.f1 .side .b li a { font-size: 14px; border-left: 1px solid #ddd; line-height: 18px; padding-left: 10px; }
.f1 .side .b li a.cate { border: none; margin-right: 10px; }
.f1 .con { position: relative; width: 100%; overflow: hidden; }
.f1 .con .pic { width: 100%; padding: 20px 0; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
.f1 .con .pic li { position: relative; width: 224px; height: 112px; border: 1px solid #f6f6f6; border-radius: 6px; overflow: hidden; }
.f1 .con .pic li:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.f1 .con .pic li:hover img { transform: scale(1.0); }
.f1 .con .pic img { width: 224px; height: 112px; border-radius: 6px; }
.f1 .con .pic li:nth-child(4) span { display: none; }
.f1 .con .pic li:nth-child(5) span { display: none; }
.f1 .con .pic li p { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; background: url(../common/bg_h48.png) repeat-x; line-height: 30px; color: #fff; text-align: center; overflow: hidden; }
.f1 .con .pic li p a { color: #fff; }
.f1 .con .pic li p a:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.f1 .con .pic li span { position: absolute; top: 5px; left: 5px; z-index: 55; padding: 2px 10px; background: #178ff3; filter: alpha(Opacity=80); border-radius: 3px; }
.f1 .con .pic li span a { color: #fff; }
.f1 .con .txt { width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
.f1 .con .txt li { width: 224px; height: 18px; margin: 5px 0 0 0; overflow: hidden; }
.f1 .con .txt li:hover { color: #ef8200; }

.f1 .con .txt li i { display: inline-block; width: 4px; height: 7px; margin-right: 8px; background: url(../common/icon.png) no-repeat -385px -10px; }

/* f2 */
.f2 { width: 100%; margin: 30px auto 0; }
.f2::after { content: ''; display: block; clear: both; }
.f2 .main { width: 795px; float: left; }
.f2 .main .a { display: flex; padding: 4px 10px 18px 10px; justify-content: space-between; gap: 15px; overflow: hidden; }
.f2 .main .a li.pic { position: relative; flex: 1; width: auto; height: 190px; border: 1px solid #f6f6f6; border-radius: 6px; overflow: hidden; }
.f2 .main .a li.pic:last-child { margin-right: 0; }
.f2 .main .a li.pic:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.f2 .main .a li.pic span { position: absolute; top: 5px; left: 5px; z-index: 55; padding: 2px 10px; background: #178ff3; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; border-radius: 6px; }
.f2 .main .a li.pic:hover img { transform: scale(1.0); }
.f2 .main .a li.pic img { width: 100%; height: 190px; border-radius: 6px; object-fit: cover; }
.f2 .main .a li.pic p { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; background: url(../common/bg_h48.png) repeat-x; line-height: 30px; color: #fff; text-align: center; overflow: hidden; }
.f2 .main .a li.pic p a { color: #fff; }
.f2 .main .a li.pic p a:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.f2 .main .a li.txt { float: left; width: 253px; overflow: hidden; }
.f2 .main .a li.txt a { float: left; width: 260px; height: 22px; margin-left: 0; margin-bottom: 11px; overflow: hidden; font-size: 16px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; }
.f2 .main .a li.txt a i { display: inline-block; width: 4px; height: 7px; margin-right: 8px; background: url(../common/icon.png) no-repeat -385px -10px; }
.f2 .main .a li.txt:hover { box-shadow: none !important; }
.f2 .main .a li.txt:hover a { color: #111; }
.f2 .main .a li.txt a:hover { color: #ef8200; transition: all 0.5s; }
.f2 .main .b { display: flex; padding: 4px 10px 22px 10px; justify-content: space-between; gap: 15px; overflow: hidden; }
.f2 .main .b li { position: relative; flex: 1; width: auto; height: 130px; border: 1px solid #f6f6f6; border-radius: 6px; overflow: hidden; }
.f2 .main .b li:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.f2 .main .b li span { position: absolute; top: 5px; left: 5px; z-index: 55; display: none; padding: 2px 10px; background: #178ff3; border-radius: 6px; }
.f2 .main .b li:hover img { transform: scale(1.0); }
.f2 .main .b li img { width: 100%; height: 130px; border-radius: 6px; object-fit: cover; }
.f2 .main .b li p { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; background: url(../common/bg_h48.png) repeat-x; line-height: 30px; color: #fff; text-align: center; overflow: hidden; }
.f2 .main .b li p a { color: #fff; }
.f2 .main .b li p a:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.f2 .side { width: 370px; float: right; padding-top: 4px; }
.f2 .side .nav { width: 110px; height: 400px; float: left; background: #f6f6f6; }
.f2 .side .nav span { display: block; height: 40px; margin-bottom: 5px; font-size: 16px; line-height: 40px; color: #333; text-align: center; cursor: pointer; }
.f2 .side .nav span.current { position: relative; background: #ef8200; font-weight: bold; color: #fff; }
.f2 .side .nav span.current:after { position: absolute; top: 12px; right: -14px; content: ''; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #ef8200; }
.f2 .side .content { float: right; position: relative; width: 220px; height: 400px; padding: 0 20px; }
.f2 .side .content .prev,
.f2 .side .content .next { position: absolute; top: 56px; z-index: 5; width: 20px; height: 40px; background: url(../common/icon.png) no-repeat; cursor: pointer; }
.f2 .side .content .prev { left: 28px; background-position: -105px -325px; }
.f2 .side .content .next { right: 28px; background-position: -150px -325px; }
.f2 .side .content .pic { position: relative; left: 30px; width: 160px; height: 140px; margin-top: 12px; overflow: hidden; }
.f2 .side .content .pic ul { position: absolute; top: 0; z-index: 1; }
.f2 .side .content .pic li { float: left; width: 160px; border-radius: 6px; overflow: hidden; font-size: 16px; line-height: 25px; text-align: center; }
.f2 .side .content .pic li img { width: 110px; border-radius: 6px; }
.f2 .side .content .txt { position: relative; left: 0; width: 240px; margin-top: 12px; line-height: 28px; overflow: hidden; }
.f2 .side .content .txt ul { margin: 0; padding: 0; }
.f2 .side .content .txt li { float: left; width: 240px; height: 34px; overflow: hidden; font-size: 16px; line-height: 34px; list-style: none; }
.f2 .side .content .txt li i { display: inline-block; width: 4px; height: 7px; margin-right: 8px; background: url(../common/icon.png) no-repeat -385px -10px; }
.f2 .side .content .txt span a:link { padding: 5px; }
.f2 .side .content blockquote { display: none; }
.f2 .side .content blockquote.current { display: block; }

/* tips */
.tips { width: 100%; margin: 0 auto; }
.tips::after { content: ''; display: block; clear: both; }
.tips .main { width: 790px; float: left; }
.tips .main .title { margin-top: 0; }
.tips .main .title h3 { display: inline-block; height: 27px; margin-left: 0; margin-right: 10px; padding: 0 5px 10px 0; border-bottom: 2px solid #178ff3; font-size: 21px; font-weight: bold; color: #178ff3; *max-width: 140px; *float: left; }
.tips .main .title a { color: #999; margin: 0 8px; }
.tips .main .title a:hover { color: #178ff3; text-decoration: none; }
.tips .main .content { width: 100%; margin-top: -1px; padding: 24px 0 28px 3px; border-top: 1px solid #ddd; overflow: hidden; }
.tips .main .content li { float: left; border-radius: 6px; overflow: hidden; color: #000; }
.tips .main .content li:hover { color: #ef8200; }
.tips .main .content li:hover img { transform: scale(1.0); }
.tips .main .content li img { border-radius: 6px; }
.tips .main .content .bigpic { position: relative; width: 370px; height: 300px; font-size: 16px; }
.tips .main .content .bigpic:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.tips .main .content .bigpic a { color: #fff; }
.tips .main .content .bigpic p { position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; padding: 0 10px; box-sizing: border-box; background: url(../common/bg_h48.png) repeat-x; line-height: 35px; color: #fff; text-align: center; overflow: hidden; }
.tips .main .content .bigpic p a:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.tips .main .content .bigbt { width: 380px; height: 22px; margin: 0 0 14px 26px; padding: 8px 0 0; overflow: hidden; font-size: 18px; font-weight: bold; }
.tips .main .content .smallpic { position: relative; width: 190px; height: 143px; margin: 5px 0 0 15px; font-size: 12px; }
.tips .main .content .smallpic:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.tips .main .content .smallpic a { color: #fff; }
.tips .main .content .smallpic p { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; background: url(../common/bg_h48.png) repeat-x; line-height: 30px; color: #fff; text-align: center; overflow: hidden; }
.tips .main .content .smallpic p a:hover { color: #fe8d1c; text-decoration: none; transition: all 0.5s; }
.tips .main .content .samllbt { width: 380px; height: 22px; margin-left: 15px; margin-bottom: 14px; overflow: hidden; font-size: 16px; line-height: 22px; color: #000; white-space: nowrap; text-overflow: ellipsis; }
.tips .main .content .samllbt i { display: inline-block; width: 4px; height: 7px; margin-right: 8px; background: url(../common/icon.png) no-repeat -385px -10px; }
.tips .side { width: 370px; float: right; }
.tips .side .title { height: 38px; margin-top: 0; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tips .side .title span { display: inline-block; width: 110px; height: 38px; box-sizing: border-box; vertical-align: top; font-size: 18px; line-height: 38px; color: #666; text-align: center; cursor: pointer; }
.tips .side .title span.current { height: 38px; background: #fff; border-top: 2px solid #178ff3; border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; vertical-align: top; font-weight: bold; color: #178ff3; }
.tips .side .title a { float: right; margin: 10px 4px; padding: 2px 6px; background: #eee; font-size: 12px; line-height: 14px; }
.tips .side .title a:hover { text-decoration: none; }
.tips .side .content { margin-bottom: 32px; height: 302px; *padding-bottom: 18px; }
.tips .side .content dl { font-size: 16px; }
.tips .side .content dt { margin: 18px 0; }
.tips .side .content dt em { background: #ddd; padding: 1px 4px; font-size: 12px; font-style: normal; color: #fff; }
.tips .side .content dl:first-child dt em { background: #ef8200; }
.tips .side .content dt a { display: inline-block; width: 340px; height: 20px; margin-left: 10px; overflow: hidden; line-height: 20px; vertical-align: middle; }
.tips .side .content dt a:hover { color: #ef8200; }
.tips .side .content dt span { float: right; display: none; margin-right: 10px; color: #333; *margin-top: -20px; }
.tips .side .content dl:first-child dt span { color: #ff0101; }
.tips .side .content dl dd,
.tips .side .content blockquote { display: none; }
.tips .side .content dl.current dd,
.tips .side .content blockquote.current { display: block; }
.tips .side .content dl dd { border-radius: 6px; }
.tips .side .content dd img { width: 110px; margin: 0 20px 0 70px; border-radius: 6px; vertical-align: top; }
.tips .side .content dd span { display: inline-block; width: 100px; margin-top: 10px; font-size: 14px; text-align: center; }
.tips .side .content dd span a { display: block; width:60px; height: 23px; line-height: 23px; color: #fff; background: #fe8d1c; margin-bottom: 10px; border-radius: 6px; }
.tips .side .content dd span a:hover,.tips .side .content dd span a:active { background: #ef8200; }

/* common */
.line { border-top: 1px solid #ddd; margin-top: -1px; padding-top: 18px; }
h2 { border-left: 2px solid #178ff3; padding-left: 10px; margin-bottom: 20px; font-size: 21px; font-weight: bold; line-height: 23px; color: #178ff3; }
h2 a, h2 a:hover { color: #178ff3; }
h3 { display: inline-block; height: 27px; margin-left: 10px; margin-right: 10px; padding: 0 5px 10px 0; border-bottom: 2px solid #178ff3; font-size: 21px; font-weight: bold; color: #178ff3; *max-width: 140px; }

/* f3 */
.f3 { width: 100%; margin: 0 auto; }
.f3::after { content: ''; display: block; clear: both; }
.f3 .content { position: relative; width: 100%; margin: 0 auto; box-sizing: border-box; overflow: hidden; }
.f3 h3 { margin-top: 15px; }
.f3 ul { padding-bottom: 8px; background: #eee; border-radius: 6px; overflow: hidden; }
.f3 li { position: relative; float: left; width: 226px; height: 170px; margin: 10px 0 0 10px; border-radius: 6px; overflow: hidden; }
.f3 li:hover img { transform: scale(1.0); }
.f3 li img { border-radius: 6px; }
.f3 li p { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url(../common/bg_h1.png); font-size: 15px; color: #fff; }
.f3 li p span { width: 90%; padding: 0 5px 0 10px; margin-top: 65px; text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f3 li.current { width: 450px; height: 353px; }
.f3 li.current p { font-size: 18px; }
.f3 li.current p span { margin-top: 160px; text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* f4 */
.f4 { width: 100%; margin: 0 auto; margin-top: 24px; }
.f4::after { content: ''; display: block; clear: both; }
.f4 .content { position: relative; width: 100%; margin: 0 auto; box-sizing: border-box; overflow: hidden; }
.f4 .main h3 { margin-top: 15px; }
.f4 .main { position: relative; float: left; width: 760px; height: 447px; margin-top: 10px; overflow: hidden; }
.f4 .main ul { position: absolute; left: 0; top: 0; }
.f4 .main ul li { position: relative; float: left; width: 760px; height: 430px; border-radius: 6px; overflow: hidden; }
.f4 .main ul li img { width: 760px; height: 430px; border-radius: 6px; }
.f4 .main ul li p { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; padding: 0 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); font-size: 20px; line-height: 70px; color: #fff; text-align: center; overflow: hidden; }
.f4 .main ul li p:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.f4 .main .prev,
.f4 .main .next { position: absolute; top: 170px; z-index: 2; display: none; width: 40px; height: 90px; background: #000 url(../common/icon.png) no-repeat; cursor: pointer; opacity: 0.4; }
.f4 .main .prev { left: 0; background-position: -10px -300px; border-radius: 0 6px 6px 0; }
.f4 .main .next { right: 0; background-position: -53px -300px; border-radius: 6px 0 0 6px; }
.f4 .main .prev:hover { background: #178ff3 url(../common/icon.png) no-repeat -10px -300px; opacity: 0.8; }
.f4 .main .next:hover { background: #178ff3 url(../common/icon.png) no-repeat -53px -300px; opacity: 0.8; }
.f4 .circle { position: absolute; right: 0; bottom: 27px; z-index: 22; }
.f4 .circle em { float: left; width: 8px; height: 8px; margin-right: 6px; background: #8f9392; border-radius: 6px; cursor: pointer; overflow: hidden; }
.f4 .circle em.current { background: #178ff3; }
.f4 ul a .play { position: absolute; top: 50%; left: 50%; display: block; width: 50px; height: 50px; margin: -25px 0 0 -25px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.8s ease-in; -moz-transition: opacity 0.8s ease-in; -ms-transition: opacity 0.8s ease-in; transition: opacity 0.8s ease-in; }
.f4 ul a:hover .play { opacity: 0.8; visibility: visible; }
.f4 .side { width: 400px; float: right; overflow: hidden; }
.f4 .side h2 { position: relative; display: none; width: 100%; height: 35px; padding-left: 0 !important; border-bottom: 1px solid #999; border-left: none !important; margin-bottom: 0 !important; font-size: 20px; color: #333; }
.f4 .side h2::after { position: absolute; bottom: 0; left: 0; content: ''; width: 79px; height: 2px; background: #666; }
.f4 .side ul { width: 100%; margin-top: 10px; overflow: hidden; }
.f4 .side li { width: 100%; padding: 3px; margin-bottom: 5px; box-sizing: border-box; border-radius: 6px; overflow: hidden; }
.f4 .side li a { width: 100%; display: block; overflow: hidden; }
.f4 .side li img { float: left; width: 150px; height: 75px; box-sizing: border-box; border-radius: 6px; }
.f4 .side li .text { float: left; width: 235px; padding: 15px 0 0 10px; box-sizing: border-box; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; color: #333; filter: none; }
.f4 .side li .text:hover { color: #ef8200; text-decoration: none; transition: all 0.5s; }
.f4 .side li:hover { border: 2px solid #178ff3; cursor: pointer; }

/* f5 */
.f5 { width: 100%; margin: 0 auto; padding: 25px 0 15px; }
.f5 .title { margin-top: 10px; border-top: 1px solid #ddd; }
.f5 .title span { display: inline-block; margin-left: 10px; padding-top: 10px; font-size: 21px; color: #666; cursor: pointer; }
.f5 .title span.current { border-top: 2px solid #178ff3; color: #178ff3; font-weight: bold; }
.f5 .title p { float: right; padding-top: 15px; }
.f5 .title p i { float: left; width: 15px; height: 20px; margin-right: 5px; background: url(../common/icon.png) no-repeat -160px -32px; }
.f5 .title p a { display: inline-block; height: 20px; font-size: 12px; color: #666; *margin-top: -40px; }
.f5 .title p a:hover { text-decoration: none; color: #178ff3; }
.f5 blockquote { display: none; }
.f5 blockquote.current { display: block; }
.f5 .a,
.f5 .b { width: 100%; overflow: hidden; }
.f5 .a li { float: left; width: 86px; height: 105px; padding: 15px; border-radius: 16px; font-size: 12px; }
.f5 .a li:first-child { margin-left: 15px; }
.f5 .a li:last-child { margin-right: 0; }
.f5 .a li img { width: 80px; height: 80px; border-radius: 16px; }
.f5 .a li img:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.f5 .a li p { display: block; overflow: hidden; line-height: 35px; }
.f5 .a li p,
.f5 .a li p a { color: #666; }
.f5 .b .nav { float: left; width: 275px; margin: 0 10px; padding-bottom: 20px; }
.f5 .b .nav h4 { height: 28px; background: #eee; font-size: 16px; line-height: 28px; color: #333; text-align: center; }
.f5 .b .nav li { margin-top: 20px; height: 29px; border-radius: 6px; }
.f5 .b .nav li img { float: left; width: 30px; height: 30px; border-radius: 6px; }
.f5 .b .nav li img:hover { box-shadow: #ababab 4px 3px 8px 1px; transition: all 0.5s; }
.f5 .b .nav li p { float: right; width: 230px; height: 29px; overflow: hidden; line-height: 29px; }

/* rank */
.rank { width: 100%; margin: 0 auto; overflow: hidden; }
.rank .line { display: flex; justify-content: space-between; gap: 15px; }
.rank .item { flex: 1; border: 1px solid #ddd; }
.rank .item h4 { height: 42px; background: #f8f8f8; border-bottom: 1px solid #ddd; font-size: 18px; line-height: 42px; color: #333; text-align: center; font-weight: bold; }
.rank .item ul { margin: 10px; }
.rank .item li { height: 40px; overflow: hidden; line-height: 40px; }
.rank .item li span { display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: #999; font-size: 12px; line-height: 18px; color: #fff; text-align: center; }
.rank .item li:nth-child(1) span { background: #ff0101; }
.rank .item li:nth-child(2) span,
.rank .item li:nth-child(3) span { background: #ef8200; }

/* flink */
.flink { width: 100%; margin: 0 auto; padding: 20px 0; }
.flink .content { padding-top: 15px; }
.flink .content a { margin: 0 32px 15px 10px; display: inline-block; line-height: 14px; }

.footer { display: block; }

html- { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }

.theme { background-image: url(../common/red.jpg); background-position: 50% 0; background-repeat: no-repeat; min-width: 1140px; }
.theme .top_bg { display: none; }
.theme .info { margin-top:60px;}
.theme .midnav { width: 1200px; }
.theme .midnav_bg { width: 1200px; }