@charset "utf-8";
*{margin:0;padding:0;}
body,html{height:100%;color:#4c4c4c;font:16px/1.6 Microsoft YaHei,Helvetica,sans-serif;}
html{background:#f4f4f5;}
body{height:auto;min-height:100%;}
body.in{background:url(white-bg.png) top center repeat-y;}
footer,header{display:block;}
li,ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:22px;}
img{height:auto;max-width:100%;border:0;vertical-align: middle;}
button,input,select,textarea{outline:0;font-size:100%;font-family:inherit;}
a{color:inherit;text-decoration:none;}
.clear{clear:both;overflow:hidden;width:0;height:0;font-size:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.wrappe{margin:0 auto;max-width:800px;background: #fff;}
.wrapper{margin:0 auto;max-width:800px;padding-top: 65px;background: #fff;}

.nav-top{position:relative;height:60px;background:#ed4014;color:#fff;text-align:center;line-height:60px;position: fixed;top: 0;width: 100%;max-width: 800px;}
.nav-top h1{text-shadow:0 1px 1px rgba(0,0,0,.5);font-weight:400;font-size:24px;}
.nav-top a{position:absolute;top:15px;display:inline-block;overflow:hidden;width:30px;height:30px;background-size:100%;text-indent:-99999px;}
.nav-top-home{left:10px;background:url(nav-top-home.png) no-repeat;}
.nav-top-re{right:10px;background:url(nav-top-re.png) no-repeat;}

.toptab {display: flex;flex-direction: row;background: #eee;border-radius: 5px;padding: 2px 2px;}
.fonttop {font-size: 28px;width: 50%;background: #fff;border-radius: 5px;text-align: center;font-weight: 800;font-family: ui-monospace;}
.fonttop:hover {color: #9035B0;cursor: pointer;-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);-webkit-box-shadow: 0 0 6px #999;box-shadow: 0 0 6px #999;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;}
.nav2 {width: 100%;max-width: 800px;margin: 0 auto;box-sizing: border-box;padding: 2px;font-size: 13px;background: #fff;}
#nav2[data-fixed="fixed"] {position: fixed;top: 55px;left: 0;right: 0;margin: auto;z-index: 99999;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}

header{padding:5px 0;background:#f13131;border-bottom: solid 1px #fff;text-align:center;position: fixed;width: 100%;max-width: 800px;z-index: 9}
.h10 { height: 5px; font-size: 0; line-height: 0; clear: both; background: #fff;}
/* 广播 */
.notice { display: flex; align-items: center;margin:0 auto;max-width:800px;background: #fff;}
.notice-l { padding: 0 5px;}
.notice-l img { width: 20px; height: 20px;}
.notice-r { height: 35px; line-height: 35px; flex: 1;}
.notice-s { padding: 0 5px;}
.notice-s img { width: 20px; height: 20px;}

/* 导航栏 */
.main-nav{background:#ed4014;color:#fff;text-align:center;padding-top: 65px;}
.main-nav ul li{float:left;width:12.5%;}
.main-nav ul li a{display:block;height:32px;line-height:32px;}

/* 网址推荐 */
.box.spareURL p {font-size: 16pt;font-family: "Microsoft YaHei";color: #ff0000;text-align: center;}
.box.spareURL a {display: block;float: left;width: 32%;text-align: center;font-size: 14pt;color: rgb(0, 0, 255);font-weight: bold;text-shadow: 0px 0px 10px #00ff88;animation-name: pulse;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: infinite;text-decoration: none;}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.2,1.2,1.2)}to{transform:scaleX(1)}}
@media screen and (max-width: 100%){.box.spareURL a {font-size: 5pt;}}

.swiper-nav { text-align: center; color: #fff; font-weight: bold;}
.swiper-nav .swiper-slide { padding: 2px 0; background: #555;}
.swiper-nav .active-nav { background: #f00;}
/* 一肖一码 */
.yxym-tit { padding: 2px 10px; text-align: center; font-weight: bold; color: #f00; background: #ff0;}
.yxym {}
.yxym table { color: #0F0; font-weight: bold; background: #000;}
.yxym table th { padding: 2px 10px; color: #ff0; font-size: 16px; border: solid 1px #d70000; background: #f00;}
.yxym table td { padding: 2px 10px; border: solid 1px #333;}
.yxym table span { color: #ff0;}

/* 高手榜 */
.gsb-pic {}
.gsb-pic img { width: 100%;}
.gsb { padding: 0 5px;}
.gsb ul {}
.gsb ul li { border-bottom: solid 1px #eee;}
.gsb ul li a { display: flex; align-items: center; height: 40px;}
.gsb ul li a {}
.gsb ul li a .gsb-img { margin-right: 5px;}
.gsb ul li a .gsb-tit { flex: 1;}
.gsb ul li a .gsb-tit img { max-height: 40px;}
.gsb ul li a .gsb-zz { font-size: 14px; color: #999;}
@media screen and (max-width:800px) {
.gsb ul li a { height: 36px;}
.gsb ul li a .gsb-tit img { max-height: 36px;}
.gsb ul li a .gsb-zz img { height: 20px;}}

.tit0 { padding: 8px; border: solid 1px #cfcfcf;}
.tit1 { padding: 5px 10px; color: #d70011; font-weight: bold; font-size: 20px;text-align: center; border: solid 1px #eedba2; background-image: linear-gradient(to top, #ffe599, #fff);}
@media screen and (max-width:800px) {
.tit { border: solid 1px #ddd;}}
.tit1 { font-size: 16px;}}
.tit2 {}
.tit2 {padding: 2px 10px;text-align: center;font-size: 18px;font-weight: bold;color: #f00;}
.tit3 {padding: 2px 10px;text-align: center;font-size: 18px;font-weight: bold;color: #ff00ff;}

.tab-pic { padding: 5px; text-align: center;}
.tab-pic img {width: 100%;max-width: 98%;height: 380px;}
.tab-txt { padding: 0 5px 5px 5px;}
@media screen and (max-width:700px) {
.tab-pic { padding: 0;}}

.msks { display: flex;}
.msks-l { width: 30%; border: solid 1px #ddd; border-right: 0; box-sizing: border-box;}
.dowebok { height: 100%;}
.dowebok ul {}
.dowebok ul li { }
.dowebok ul img { width: 100%; height: auto;}
.dowebok ul { }
.msks-r { flex: 1; text-align: center;}
.msks-r ul { border-left: solid 1px #ddd; border-top: solid 1px #ddd;}
.msks-r ul li { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd;}
.msks-r table { height: 100%;}
.msks-r td { border: solid 1px #ddd;}
.msks-r {}
@media screen and (max-width:800px) {
.dowebok { height: 100%;}}


.paogou-pic {}
.paogou-pic ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
.paogou-pic ul li { width: calc(50% - 2px); padding-top: 5px; box-sizing: border-box;}

.paogou-txt {}
.paogou-txt td { padding: 5px 10px; border: solid 1px #ddd;}
.paogou-txt th { padding: 5px; color: #00f; border: solid 1px #ddd; background: #ff0;}
.paogou-txt th img { margin-right: 5px;}
.paogou-txt1 {color: #00f;font-size: 20px;padding: 0 5px;font-weight: bold;}
.paogou-txt2 { font-size: 20px;padding: 0 5px; font-weight: bold;}
.paogou-txt3 {color: #090;font-size: 12px;padding: 0 5px;}
.paogou-txt4 { color: #f00;font-size: 15px;padding: 0 5px; font-weight: bold;}
.paogou-txt5 {padding: 0 5px;}
@media screen and (max-width:800px) {
.paogou-txt td { padding: 5px;}
.paogou-txt2 { font-size: 22px;}}

.qiyan-txt {}
.qiyan-txt td { padding: 5px 10px; border: solid 1px #ddd;}
.qiyan-txt th { padding: 5px; color: #00f; border: solid 1px #ddd; background: #ff0;}
.qiyan-txt th img { margin-right: 5px;}
.qiyan-txt1 { color: #00f; font-weight: bold;text-align:center;}
.qiyan-txt2 { font-size: 24px; font-weight: bold;text-align:center;}
.qiyan-txt3 { color: #090;}
.qiyan-txt4 { color: #f00; font-weight: bold;}
.qiyan-txt5 {}
@media screen and (max-width:800px) {
.qiyan-txt td { padding: 5px;}
.qiyan-txt2 { font-size: 21px;}}

/* 中间栏目 */
.white-box{margin-top:6px;padding: 3px;border: solid 1px #cfcfcf;border-radius: 3px;background: #fff;overflow: hidden;}
.white-box.yellow{border-color:#d38502;background:#f9a400;color:#fff;}
.white-box.blue{border-color:#058da9;background:#21b4d2;color:#fff;}
.white-box.red{border-color:#a70202;background:#e42121;color:#fff;}
.white-box.green{border-color:#058106;background:#3ec23f;color:#fff;}
.white-box.black{border-color:#000;background:#111;color:#fff;}

.center-box{text-align:center;}
ul.list-btn li{padding:5px 0;}
@media screen and (max-width:800px){
	ul.list-btn li{padding:3px 0;}
}
ul.list-btn li a{display:block;height:35px;border:solid 1px #ddd;border-radius:5px;background:#eee;background-image:linear-gradient(to top,#fff,#eee,#fff);box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center;line-height:35px;}

.tips{margin-top:6px;padding:10px;border-bottom:solid 1px #e6e6e6;background:#fff;font-weight:700;}
.tips img{margin-right:5px;width:17px;}

/* 列表一行2个 */
.list-2 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(50% - 3px);}
.list-2 ul li:nth-child(2n){margin-right:0;}
.list-2 ul li a{display:block;padding:5px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}

/* 列表一行3个 */
.list-3 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(33.33333% - 4px);}
.list-3 ul li:nth-child(3n){margin-right:0;}
.list-3 ul li a{display:block;padding:5px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}

/* 列表一行4个 */
.list-4 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(25% - 5px);}
.list-4 ul li:nth-child(4n){margin-right:0;}
.list-4 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}

/* 列表一行1个 */
.list-1{overflow:hidden;height:auto;border-color:#f2f2f2;border-style:solid;border-width:0 0 1px 0;text-align:left;font-size:16px;line-height:32px;}
.list-1 li{overflow:hidden;height:36px;max-width: 98%;border-bottom:1px solid #f2f2f2;text-align:left;font-size:14px;line-height:36px;}
.list-1 a{overflow:hidden;padding:0 10px display: block;text-overflow:ellipsis;white-space:nowrap;padding: 0 8px;}

/* 列表分页 */
.list-page{overflow:hidden;height:32px;border-color:#f2f2f2;border-style:solid;border-width:1px 0;text-align:center;line-height:32px;}
.list-page a{float:left;font-size:16px;width:30%;color:#868686;}
.list-page a:visited{color:#878787;}
.list-page span{float:left;width:40%;color:#868686;}
.list-page span:before{float:left;height:32px;border-right:1px solid #f2f2f2;}
.list-page span:after{float:right;height:32px;border-right:1px solid #f2f2f2;}

.article-title{margin-top:12px;text-align:center;font-weight:700;font-size:21px;}
.article-content{font-size:16px;padding:5px 5px;max-width:100%;}
.article-content a{color:#0086CE;text-decoration:none;}

.xx{border-bottom:1px solid #CCD6E6;padding:3px 0 3px 1px}
.xx{padding:3px 0 3px 11px}

.next-prev{padding:5px;}
.next-prev ul li{margin-bottom:5px;padding:5px;border:solid 1px #e5e5e5;}
.next-prev ul li:last-child{margin-bottom:0;}

/* 返回网站首页 */
.foot-home{padding:0 10px;height:40px;color:#fff;text-align:center;}
.foot-home a{display:block;height:40px;border-radius:5px;background:#ed4014;line-height:40px;}
.gotop { width: 40px; height: 40px; border-radius: 50%; background: url(/images/gotop.png) center center no-repeat; background-size: 100% auto; position: fixed; right: 12px; bottom: 75px; z-index: 99;}

/* 底部导航 */
.footer{position:fixed;bottom:0;z-index:9;margin:0 auto;width:100%;height:60px;max-width:800px;border-top:solid 1px #eee;background:#fff;color:#333;text-align:center;font-size:12px;}
.footer ul{display:flex;}
.footer ul li{position:relative;box-sizing:border-box;padding-top:7px;width:20%;height:50px;flex:1;}
.footer ul li.active{color:red;}
.footer ul li img{position:relative;z-index:1;margin-bottom:2px;width:22px;}
.footer ul li:nth-child(3):before{position:absolute;top:-21px;right:0;left:0;display:inline-block;margin:auto;width:40px;height:40px;border-top:solid 1px #eee;border-right:solid 1px #fff;border-bottom:solid 1px #fff;border-left:solid 1px #eee;border-radius:40px 0;background:#fff;content:"";-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.footer ul li:nth-child(3) img{margin-top:-12px;width:34px;height:auto;}

.piczoom-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999999;width:100%;height:100vh;background:rgba(0,0,0,.7);}
.piczoom-bg .piczoom{height:100vh;}
.piczoom-bg .piczoom .swiper-slide img{max-width:98%;max-height:98vh;}