@charset "UTF-8";
/* 倚天/迷失传奇风格 - MacCMS yitian 模板 */
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#666;color:#504333;font:12px/1.7 "宋体",SimSun,sans-serif}
a{color:#504333;text-decoration:none}
a:hover{color:#8b4513;text-decoration:underline}
ul,ol{list-style:none}
img{border:0;vertical-align:middle}
.wrap{width:1004px;margin:0 auto;background:#faf8f1}
.clearfix{clear:both;height:0;overflow:hidden}

/* header */
.yt-header{width:1004px;margin:0 auto}
.yt-banner{
  height:232px;
  background:#918B82 url(../images/banner.jpg) no-repeat center top;
  position:relative;
}
.yt-logo{
  position:absolute;left:18px;top:28px;z-index:2;
  display:block;line-height:0;
}
.yt-logo img{
  height:64px;width:auto;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));
}
.yt-banner-mask{
  position:absolute;right:0;top:0;width:660px;height:230px;
  background:rgba(0,0,0,.15);
  display:flex;align-items:flex-end;justify-content:flex-end;padding:12px 18px;
}
.yt-brand{
  color:#fff;text-shadow:0 1px 3px #000;
  font-size:22px;font-weight:bold;letter-spacing:2px;
}
.yt-topbar{
  background:#f0eee2;border-bottom:1px solid #e4dbd3;
  height:36px;line-height:36px;padding:0 12px;
  display:flex;justify-content:space-between;align-items:center;
}
.yt-topbar .welcome{color:#777}
.yt-topbar a{margin-left:12px;color:#504333}
.yt-nav{
  background:#53423b;height:40px;line-height:40px;
  display:flex;padding:0 8px;
}
.yt-nav a{
  color:#f5efe6;padding:0 16px;font-size:13px;
  border-right:1px solid #6a564c;
}
.yt-nav a:hover,.yt-nav a.active{background:#7a6458;text-decoration:none;color:#fff}
.yt-deco{display:block;width:1004px;height:13px}

/* layout */
.yt-body{width:1004px;margin:0 auto;display:table;table-layout:fixed;background:#faf8f1}
.yt-side{
  display:table-cell;width:230px;vertical-align:top;
  background:#f0eee2;padding-bottom:20px;
}
.yt-main{display:table-cell;width:766px;vertical-align:top;background:#faf8f1;padding:0 8px 20px}
.yt-rail{display:table-cell;width:8px;vertical-align:top;background:#f0eee2}

.side-panel{background:url(../images/bg_1.gif) repeat-x top;padding:10px 0 16px;text-align:center}
.side-btns{width:215px;margin:0 auto}
.side-btns img{display:block;width:215px;height:auto}
.quick-grid{
  width:215px;margin:8px auto 0;display:grid;
  grid-template-columns:1fr 1fr;gap:6px;
}
.quick-grid a{
  display:block;background:#53423b;color:#f5efe6;text-align:center;
  padding:10px 4px;font-size:12px;border:1px solid #3d312c;
}
.quick-grid a:hover{background:#7a6458;text-decoration:none;color:#fff}

.side-box{width:215px;margin:12px auto 0}
.side-box-hd{display:block;width:215px;height:52px}
.side-box-bd{
  background:#fffbf5 url(../images/table_5.gif) repeat-y;
  padding:8px 10px 12px;min-height:120px;
}
.side-links a{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 4px;border-bottom:1px solid #e4dbd3;color:#504333;
}
.side-links a span.ico{width:12px;text-align:center;color:#8b7355}
.side-promo{text-align:center;padding:8px 0}
.side-promo img{max-width:186px}

.cap-bar{
  height:16px;background:url(../images/table_2.gif) repeat-x;
  display:flex;justify-content:space-between;
}
.cap-bar img{display:block;height:16px}

.sec-hd{
  display:flex;align-items:flex-end;gap:8px;
  margin:10px 0 0;padding-bottom:0;
}
.sec-hd .title-img{display:block}
.sec-hd .line{width:1px;height:25px;background:#e4dbd3;margin-bottom:2px}
.sec-hd .spacer{flex:1}
.sec-hd .more{margin-bottom:4px}
.sec-line{height:1px;background:#e4dbd3;margin:4px 0 8px}

.news-split{display:flex;gap:10px;margin-bottom:12px}
.news-col{flex:1;min-width:0}
.news-list li{
  display:flex;gap:6px;line-height:22px;
  border-bottom:1px dotted #e4dbd3;padding:2px 0;
}
.news-list .date{color:#888;white-space:nowrap}
.news-list a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sf-table{width:100%;border-collapse:collapse;background:#fff;margin-bottom:14px}
.sf-table th,.sf-table td{
  border:1px solid #e2d7ce;padding:6px 8px;text-align:center;font-size:12px;
}
.sf-table th{background:#f2f0e5;color:#504333;font-weight:bold}
.sf-table tr:nth-child(even) td{background:#faf8f1}
.sf-table .name{text-align:left}
.btn-enter{
  display:inline-block;background:#53423b;color:#fff!important;
  padding:2px 10px;border:1px solid #3d312c;text-decoration:none!important;
}
.btn-enter:hover{background:#7a6458}

.two-cols{display:flex;gap:10px;margin-bottom:12px}
.two-cols .col{flex:1;min-width:0}
.ad-banner{text-align:center;margin:10px 0}
.ad-banner img{max-width:100%;height:auto}

.soft-list li{
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px dotted #e4dbd3;padding:6px 2px;
}
.soft-list .btn-dl{
  background:#cbcbcb;border:1px solid #a6a6a6;padding:2px 8px;color:#333;
  text-decoration:none!important;
}
.soft-list .btn-dl:hover{background:#ddd}

.crumb{padding:10px 0 6px;color:#777}
.crumb a{color:#504333}
.detail-box{
  background:#fff;border:1px solid #e2d7ce;padding:16px;min-height:400px;
}
.detail-box h1{font-size:18px;color:#53423b;text-align:center;margin-bottom:10px}
.detail-meta{text-align:center;color:#888;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e4dbd3}
.detail-content{line-height:1.9;word-break:break-word}
.detail-content img{max-width:100%;height:auto}
.guide-article{overflow:hidden}
.guide-article table{max-width:100%;border-collapse:collapse;margin:0 auto 12px}
.guide-article td,.guide-article th{word-break:break-word;vertical-align:top}
.guide-article img{max-width:100%;height:auto}

.page-bar{text-align:center;padding:16px 0;color:#504333;font-size:12px;line-height:24px}
.page-bar a{
  display:inline-block;margin:0 2px;padding:2px 8px;
  border:1px solid #e2d7ce;background:#fff;color:#504333;text-decoration:none;
}
.page-bar a:hover{background:#53423b;color:#fff;border-color:#53423b;text-decoration:none}
.page-bar span{display:inline-block;margin:0 2px;padding:2px 8px;color:#999}

.yt-footer{
  width:1004px;margin:0 auto;background:#f0eee2 url(../images/dow.jpg) center center;
  min-height:78px;text-align:center;padding:18px 12px;color:#666;line-height:1.8;
}
.yt-footer a{color:#504333;margin:0 6px}
.footer-xml{margin-top:6px}
.footer-xml a{font-size:12px;color:#777}

/* soft detail classic */
.soft-info-table{width:100%;border-collapse:collapse;margin:10px 0}
.soft-info-table td{border:1px solid #e2d7ce;padding:8px}
.soft-info-table .lab{width:120px;background:#f2f0e5;text-align:center}
.soft-dl-area{text-align:center;padding:18px;background:#faf8f1;border:1px solid #e2d7ce;margin-top:12px}
.btn-dl-now{
  display:inline-block;background:#53423b;color:#fff!important;
  padding:10px 28px;margin:6px;font-size:14px;text-decoration:none!important;
}
.btn-dl-now:hover{background:#7a6458}

@media (max-width:1040px){
  .wrap,.yt-header,.yt-body,.yt-footer,.yt-deco{width:100%}
  .yt-body{display:block}
  .yt-side,.yt-main,.yt-rail{display:block;width:100%}
  .yt-rail{display:none}
  .yt-banner{height:160px;background-size:cover}
  .news-split,.two-cols{flex-direction:column}
}