﻿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}ol,ul{list-style:none}input,select,textarea{margin:0;padding:0;font-size:100%;font:inherit;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:0;box-shadow:none}html{word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{font:16px/1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none}img{display:inline-block;vertical-align:top;border:0px;}
body {margin:auto; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) + 0); padding-bottom: calc(constant(safe-area-inset-bottom) + 0); padding-bottom: -webkit-calc(env(safe-area-inset-bottom) + 0); padding-bottom: calc(env(safe-area-inset-bottom) + 0); }
div{ margin:auto auto;}
.clear:after,.container:after,.one:after,.item:after{display:block;content:""; width:0; clear:both; }
.header{line-height:1.6em; height:55px; padding-top:20px; color:#ffffff; position:relative; width:100%;border-bottom:1px solid #d2d3d7;}
.header a{ color:#ffffff;}
.logo{ width:1240px;}
.logo img{ width:90px; height:35px; float:left;}
.menu{ padding-left:100px;}
.menu ul li{ width:20%; float:left; text-align:center; height:35px; line-height:35px;overflow:hidden;}
.bm{  text-align:left; font-size:16px;}
.bm p{ padding:5px 15px;}
.des{ padding:10px 0px 20px 0px; line-height:1.8em;}
.des p{ text-align:left; padding:5px 0px; text-indent:2em;}
.list li{ float:left;width:180px;margin:15px 24px 15px 0;}
.list li:nth-child(6n){ margin-right:0px;}
.list li a.imga{ width:100%; height:240px;  display:block;}
.list li a:hover.imga{background:#000;filter:alpha(opacity=70,finishopacity=70,style=1);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;outline:none;-webkit-transition: all .2s linear;-moz-transition:all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
.list li img{width:100%; height:100%;}
.container{ width:1200px; margin-top:20px; background-color:#ffffff; border-radius:5px; padding:15px 20px;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);}
.cc{width:1240px;margin-top:15px;color:#666;}
.cc ul li{width:20%; float:left; text-align:center; height:35px; line-height:35px;overflow:hidden;}
.cc a{ color:#666;}
.header p{font-size:30px; font-weight:bold;}
.container h2,h1.h2{ font-size:20px; font-weight:bold; height:2em; line-height:1.8em; overflow:hidden; border-bottom:solid 1px #e6e6e6;}
.container h2 span,h1.h2 span{ float:right; padding-right:3px; font-size:16px; font-weight:normal;}
.container h2 span a:last-child:before,h1.h2 span a:last-child:before{display:block;width:0.5em;height:0.5em;content:""; border-top: 1px solid #c5cde9;border-right: 1px solid #c5cde9;transform: rotate(45deg); float:right; margin-top:0.9em; margin-left:0px;}
.container h2 span a:last-child:hover:before,h1.h2 span a:last-child:hover:before{border-top: 1px solid #ff0000;border-right: 1px solid #ff0000;}
.list li p{text-overflow:ellipsis; overflow:hidden;white-space:nowrap; height:1.6em; line-height:1.6em;width:100%; margin-top:10px;}
.footer{margin-top:30px;padding:30px 0;text-align:center;}
.footer i{font-size:24px;}
.page{ height:40px; line-height:40px;text-align:center; padding-top:15px;}
.page ul li{ width:20%; float:left; color:#3d4e7d;}
.bigimg{ text-align:center; padding-bottom:10px;}
.bigimg img{width:100%;}
.bigimg p{ padding-bottom:10px;}

.upload{ padding:0px 15px 15px 15px;}
.shibut{ width:100%; height:35px; line-height:35px; text-align:center; background-color:#444; color:#fff; display:block; margin-top:15px;}
.shipost{ background-color:#f4b721; color:#410301;}
.sbts{ height:25px; line-height:25px; text-align:center; padding-bottom:15px;}
.fi{ width:calc(70% - 2px); border:solid 1px #ccc; height:35px; line-height:35px; float:left;}
.fiput{ width:calc(100% - 20px); height:35px; line-height:35px;padding:0px 10px;}
.gbut{ display:inline-block; width:30%; float:right; height:36px; line-height:36px; text-align:center; font-size:16px; font-weight:bold;}
#upb{ margin-top:15px; width:100%; height:35px; line-height:35px; text-align:center; margin-top:15px; background-color:#c5cde9; color:#19233f; display:block;}

.item{ position:relative; margin-top:20px;  padding-bottom:20px;}
.item img{ float:left; margin-right:20px; width:180px; height:240px;}
.item img:hover{background:#000;filter:alpha(opacity=70,finishopacity=70,style=1);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;outline:none;-webkit-transition: all .2s linear;-moz-transition:all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
.itemtxt h3,.itemtxt h1{ font-weight:bold; font-size:18px; line-height:2em; height:2em; overflow:hidden;}
.itemtxt h3 i,.itemtxt h1 i{ float:right; font-weight:normal; font-size:16px;}
.itemtxt h3 span,.itemtxt h1 span{ float:right; color:#ff0000; font-weight:normal; font-size:16px; margin-left:10px;}
.itemtxt h3 b,.itemtxt h1 b{font-size:14px; padding:0px 3px; border-radius:50%; color:#fff; background-color:#888; margin-right:5px;}
.itemtxt h3 b.rank1{ background-color:#ff0000;}
.itemtxt h3 b.rank2{ background-color:#ff6600;}
.itemtxt h3 b.rank3{ background-color:#d09d02;}
.itemtxt p{ line-height:2em; height:2em; overflow:hidden;}
.itemtxt p i,.itemtxt ul li i{ float:right;}
.itemtxt ul li{ line-height:2em; height:2em; overflow:hidden;}
.itemtxt p span{  float:left; border-radius:15px; margin-right:10px; height:1.5em; line-height:1.5em; padding:0px 5px; }
.mask{ width:100%; display:none; min-height:400px; background-color:#000000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); position:fixed; z-index:996;}
.gmenu{  position:relative; text-align:center;}
.gmenu ul{ position:absolute; left:0px; top:0px; width:100%; z-index:998;}
.gmenu ul li{  height:3em; line-height:3em; overflow:hidden; }
.mt15{margin-top:15px;}
.pifu{ padding:15px;}
.pifuc{ width:100%; background-color:#ccc;padding:0px 5px; height:35px; line-height:35px;}
#dir{margin-top:10px;}
.dir{ padding:0px 0px 10px 0px;margin-top:10px; width:100%; float:none;}
.dir ul li{ line-height:3em; height:3em;  float:left;width:33.3%; overflow:hidden;}
.con{ padding:30px; line-height:2em;}
.con p{ text-align:left; padding:0.9em 0px; text-indent:2em;}
.con h1{ text-align:center;padding:0.9em 0px;font-weight:bold;}
.prenext{ text-align:center; height:35px; line-height:35px;}
.prenext span{ float:left;}
.prenext span:last-child{ float:right;}
.submenu span{float:right; margin-left:5px;}
.container .prenext{border-top:0px;}
.fenlei{ padding:5px 15px;}
.fenlei ul li{ width:50%; height:45px; line-height:45px; overflow:hidden; float:left;}
.pages{padding:0px 15px 10px 15px; text-align:center;}
.pages .gl{ float:left;}
.pages .gr{ float:right;}
.list{margin-top:5px;}
.nomt{margin-top:5px;}
.pinglun li{ padding:15px 0px;}
.pinglun li img{ float:left; width:50px; height:50px;border-radius:50%;}
.pinglun li p{ padding-left:60px;}
.itemtxt{float:left;width:calc(100% - 200px);}
.gg{padding:15px 0px;}
.gg p{text-indent:2em; padding-bottom:5px;}
.gg p b{font-weight:bold; color:#ff0000;}
.mt10{margin-top:10px;}
.dir a:visited{ color:#999;}
h2.op{ padding:15px 0px; font-size:16px; height:2.5em; line-height:2.5em; font-weight:normal;}
h2.op a{ width:47%; float:left;  text-align:center; border-radius:5px;}
h2.op a:first-child{ margin-right:6%;}
.soh{height:37px; overflow:hidden;}
@media screen and (max-width:1200px) {
	.container{ width:auto; padding:5px 0px; margin-top:10px;}
	#form1{padding:5px 10px;}
	.cc{width:auto; margin-top:10px; margin-left:15px; margin-right:15px;}
	.header{ height:50px; padding-top:15px;}
	.logo{ width:calc(100% - 30px);}
	.bm{width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);}
	.bm{font-size:14px;}
	.list{ padding-left:15px;padding-right:5px; margin-top:15px;}
	.bigimg{padding-left:15px;padding-right:15px;}
	.container h2,h1.h2{ padding-left:15px;padding-right:15px; font-size:18px;}
	.container h2 span,h1.h2 span{ font-size:14px;}
	h2.op{font-size:16px;}
	.list li{ width:33.3%;margin:0px 0px 15px 0px;}
	.list li a.imga,.list li p{ height:100%;width:calc(100% - 10px);width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);}
	.list li p{ font-size:14px; margin-top:5px;}
	.footer{margin-top:15px;padding:25px 0; font-size:14px;}
	.item{margin-top:15px;  padding-bottom:15px; padding-left:15px; padding-right:15px;}
	.item img{ width:120px; height:160px; margin-right:15px;}
	.itemtxt{ padding-right:0px;font-size:14px;width:calc(100% - 140px);}
	.itemtxt h3,.itemtxt h1{ font-size:16px; line-height:1.6em; height:1.6em; }
	.itemtxt p{ line-height:1.6em; height:1.6em;}
	.itemtxt ul li{ line-height:1.7em; height:1.7em; overflow:hidden;}
	.itemtxt p span {font-size:12px;}
	.itemtxt h3 span,.itemtxt h3 i,.itemtxt h1 span,.itemtxt h1 i{ font-size:14px;}
	.item i.qt {left:15px;width:30px; height:30px; background-size:30px 30px;}
	.des{font-size:14px; line-height:20px; padding:10px 15px 20px 15px;}
	.container .con{padding:15px; border-left:0px; border-right:0px;}
	.dir{ padding:10px 15px 10px 15px;width:calc(100% - 30px); }
	.dir ul li{ line-height:3em; height:3em; float:none;width:100%;}
	.submenu{padding:0px 15px;}
	.container .prenext{border-top:0px;border-left:0px;border-right:0px;}
	.top li:first-child:after{background-size:30px 30px;}
	.top li:nth-child(2):after{background-size:30px 30px;}
	.top li:nth-child(3):after{background-size:30px 30px;}
	.pinglun li{ padding:15px 15px;}
	.gg{padding:10px 15px;}
	}