@charset "utf-8";
/* CSS Document */
body{font-size:0.83vw; font-family: Verdana, Arial, Helvetica, sans-serif,"微软雅黑";}
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, 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,
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%; vertical-align: baseline;box-sizing: border-box;text-decoration: none;list-style: none;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
input{-webkit-user-select:auto;}input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
.clear{clear: both;}.fl{float:left}.fr{float:right}.tal{text-align: left;}.tac{text-align: center;}.tar{text-align: right;}


/*视频分类*/
.wapper{width: 100%;padding-top: 4vw;}
.wapalls{width: 96%;margin: 0 auto;background-color: #fff;padding: 2vw 2vw 4vw 2vw;border-radius: 2vw;}
.sptit{width: 100%;padding-top: 2vw;}
.sptit ul{margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;}
.sptit ul li{width: 22%;height: 6.5vw;border-radius: 4vw;background-color: #f5f6fa;text-align: center;line-height: 6.5vw;font-size: 3.6vw;color: #999;}
.sptit .cur{background-color: #ff4444;color: #fff;}
.splist{width: 100%;padding-top: 2vw;}
.splist ul{margin: 0;padding: 0;}
.splist ul li{display: flex;align-items: center;padding: 3vw 0;border-bottom: 1px solid #ddd;}
.splist .spleft{position: relative;}
.splist .spleft img{width: 31.6vw;height: 21.4vw;display: block;border-radius: 1.5vw;}
.splist .spleft .icons{position: absolute;top:1vw;right: 1.2vw;background-color: rgba(0,0,0,0.4);color: #fff;font-size: 3.2vw;padding: 0.3vw 1.2vw;}
.splist .spright{margin-left: 3vw;}
.splist .spright h6{font-size: 3.8vw;color: #000000;font-weight: 400;line-height: 5vw;}
.splist .spright span{font-size: 3.6vw;color: #999;margin-top: 1vw;display: block;}

/*图片分类*/
.tptit{width: 92%;margin: 0 auto;}
.tptit ul{margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;}
.tptit ul li{width: 22%;height: 6.5vw;border-radius: 4vw;background-color: #fff;text-align: center;line-height: 6.5vw;font-size: 3.6vw;color: #999;}
.tptit .cur{background-color: #ff4444;color: #f5f6fa;}
.tpalls{width: 100%;display: flex;margin-top: 3vw;}
.tpalls .tpleft{width: 24%;background-color: #fff;min-height: 100vw;}
.tpalls .tpleft ul{margin: 0;padding: 0;}
.tpalls .tpleft ul li{background-color: #fff;text-align: center;padding: 3.5vw 0;font-size: 3.6vw;color: #999;}
.tpalls .tpleft .ulc{background-color: #f5f6f7;font-size: 3.6vw;color: #fd2957;border-left: 1px solid #fd2957;}
.tpalls .div_a{width: 72%;height: 100%;}
.tpalls .div_a .tpright{width: 100%;margin-left: 2vw;background-color: #fff;height: 100%;border-top-left-radius: 2vw;border-top-right-radius: 2vw;padding: 1.5vw;}
.tpalls .div_a .tpright .tpslist{display: flex;align-items: center;padding-bottom: 3vw;}
.tpalls .div_a .tpright .tpslist img{width: 19.3vw;height: 34.3vw;border-radius: 0.5vw; }
.tpalls .div_a .tpright .tpslist .tpstxt{margin-left: 1.5vw;width: 70%;}
.tpalls .div_a .tpright .tpslist .tpstxt h6{font-size: 4vw;color: #000;font-weight: 500;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.tpalls .div_a .tpright .tpslist .tpstxt span{font-size: 3.4vw;color: #999;margin-top: 1vw;font-weight: 500;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;display: block;}
.tpalls .div_a .tpright .tpslist .tpstxt p{font-size: 3.4vw;color: #ff4444;border: 1px solid #ff4444;border-radius: 4vw;display: block; width: 18vw;	height: 5.3vw;text-align: center;line-height: 5.3vw;padding: 0 1vw;margin-top: 1vw;}
.tpalls .div_a .tpright .tpslist .tpstxt a{font-size: 3.4vw;color: #ff4444;display: block;margin-top: 3vw;}

.tpalls .div_b{width: 95%;height: 100%;}
.tpalls .div_b .tpright{width: 100%;margin-left: 2vw;background-color: #fff;height: 100%;border-top-left-radius: 2vw;border-top-right-radius: 2vw;padding: 1.5vw;}
.tpalls .div_b .tpright .tpslist{display: flex;align-items: center;padding-bottom: 3vw;}
.tpalls .div_b .tpright .tpslist img{width: 19.3vw;height: 25.5vw;border-radius: 0.5vw; }
.tpalls .div_b .tpright .tpslist .tpstxt{margin-left: 1.5vw;width: 70%;}
.tpalls .div_b .tpright .tpslist .tpstxt h6{font-size: 4vw;color: #000;font-weight: 500;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.tpalls .div_b .tpright .tpslist .tpstxt span{font-size: 3.4vw;color: #999;margin-top: 1vw;font-weight: 500;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;display: block;}
.tpalls .div_b .tpright .tpslist .tpstxt p{font-size: 3.4vw;color: #ff4444;border: 1px solid #ff4444;border-radius: 4vw;display: block; width: 18vw;	height: 5.3vw;text-align: center;line-height: 5.3vw;padding: 0 1vw;margin-top: 1vw;}
.tpalls .div_b .tpright .tpslist .tpstxt a{font-size: 3.4vw;color: #ff4444;display: block;margin-top: 3vw;}
.tpalls .tpmidd{width:2vw; }
.img_show{width:100%; height:100%; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; z-index:99; display:none}
.img_show img{width:75vw; height:133.3vw; position:absolute; top:50%; left:50%; margin-left:-37vw; margin-top:-78vw;}