/*
Copyright (c) 2017,(haoyunbb.com). All rights reserved.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {padding:0;margin:0;}
fieldset,img { border:0;}
/* remember to define focus styles! */
:focus {outline:0;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
abbr,acronym {border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code,kbd,samp,tt {font-size:100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win,IE7-Win */
input,button,textarea,select {*font-size:100%;}
body {line-height:1.5;}
ol,ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
sup,sub {font-size:100%;vertical-align:baseline;}
/* remember to highlight anchors and inserts somehow! */
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

.clear:after{clear: both;content:'.';display: block;visibility:hidden;height:0;}
.clear{zoom:1; clear: both;}

html,body {height:100%;background:#d2f0ff/* url(../images/bg.jpg) repeat-x 0 46px*/;font: 14px/1.75  "Microsoft YaHei","Helvetica Neue",Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;color:#222;
    background-image:linear-gradient(180deg,#6aaad0 0,#d2f0ff 500px);
    background-repeat:no-repeat;
}

a {color:#444;text-decoration:none;
    transition:all .15s ease-in;
}
a:hover {color:#f90;text-decoration:underline}

.hide {display:none;}
.boot_jieshao{float:center; font-size:12px;text-align:center;}

#topbar {position:relative;width:100%;background:#fbfbfb;border-bottom:1px solid #c7c7c7;z-index:3;}
#topbar nav {width:1000px;margin:0 auto;}
#topbar nav ul:after {clear:both;content: '.';display:block;visibility: hidden;height:0;}
#topbar nav ul {zoom:1;clear:both;}
#topbar nav li {float:left;height:45px;}
#topbar nav li a {display:block;height:45px;padding:0 20px;line-height:45px;}
#topbar nav li a:hover {background:#eee;text-decoration: none;}

#wrap {width:1000px;margin:0 auto;}

header {height:90px;padding:20px 0;}
header #logo {float:left;display:block;width:210px;height:90px;overflow: hidden;background:url(http://www.haoyunbb.com/images/logo.png) no-repeat;background-size:auto 100%;text-indent: -9999px;}
header #search {float:right;position:relative;width:640px;height:50px;padding:20px 140px 0 0;}
header #search-keyword {width:100%;height:48px;background:#fff;border:1px solid #c6e3f1;line-height:48px;font-size:16px;color:#498fb8;text-indent:10px;border-radius:4px;}
header #search-btn {position:absolute;top:20px;right:0;width:120px;height:50px;background:#f60;border:1px solid #f90;color:#fff;font-size:16px;border-radius:4px;outline:none; cursor: pointer;}

#monthweek {position:relative;margin-bottom:20px;overflow:hidden;background:#fff;border-radius:4px;}
#months:after {clear: both;content:'.';display: block;visibility:hidden;height:0;}
#months {zoom:1; clear: both;}
#months li {position:relative;float:left;width:36px;height:100px;margin-right:84px;z-index:2;}
#months li a {display:block;width:20px;height:90px;overflow:hidden;padding:5px 8px;background:#9fbc00;line-height:18px;color:#fff;text-align:center;font-weight:800; }
#months li a:hover {text-decoration: none;background:#f90;}

#weeks {position:absolute;top:0;right:0;left:0;z-index:1;}
#weeks li {float:left;display:inline;width:84px;padding-left:36px;}
#weeks li a {display: block;height:25px;line-height:25px;text-align: center;}
#weeks li a:hover {background:#bad42c;color:#fff;text-decoration:none;}

.share-list {position:relative;width:240px;z-index:2}
.share-list a {float:none !important;}

.position {position:relative;padding-bottom:18px;margin-top:-2.3em;border-bottom:1px solid #ddd;text-align:right;color:#666;font-size:.8em;line-height:2.3em;}
.position a {color:#666;}

#des {padding:20px;margin:1.2em 0;background:#f7f7f7;color:#999;font-size:14px;font-weight:normal;border-radius:4px;text-indent:2em;}

footer {padding:20px 0;text-align: center;font-size:12px;clear:both;color:#4093ce;}
footer a {color:#4093ce}

.gg div,
.gg img,
.gg iframe,
.gg a {display:inline-block;margin:auto;}

body>a {display:none;}

/*首页*/
.wrap:after {clear: both;content:'.';display: block;visibility:hidden;height:0;}
.wrap {zoom:1; clear: both;}

/*首屏*/
#focus {float:left;position:relative;width:530px;_height:400px;min-height:400px;padding:20px 20px 20px 330px;margin-bottom:20px;background:#fff;border-radius: 4px;font-size:16px;}

#focus-img {position:absolute;top:20px;left:20px;width:290px;height:400px;overflow:hidden;background:#333;border-radius:4px;}
#focus-img li {position:absolute;visibility:hidden;opacity:0;
    transition:all .15s ease-in;
}
#focus-img li.current {visibility:visible;opacity:1;}
#focus-img li a {display:block;height:400px;background:#333;color:#fff;}
#focus-img li a:hover {background:#555;text-decoration:none;}
#focus-img li a img {display:block;width:290px;height:320px;}
#focus-img li a span {display:block;padding:0 10px;}
#focus-img li a span.title {display:block;font-size:1.1em;}
#focus-img li a span.des {height:3.5em;overflow:hidden;font-size:14px;color:#ddd;}

#focus-text li {position:relative;height:1.75em;overflow:hidden;padding-left:140px;padding-right:55px;}
#focus-text li.fos {padding:0;font-size:1.4em;text-align:center;}
#focus-text li.fos a {color:#9fbc00;}
#focus-text li.focb {padding:0 0 8px;margin-bottom:8px;border-bottom:1px dashed #ccc;font-size:.9em;text-align:center;}
#focus-text li.nodate {padding-right:0;}
#focus-text li .channel {position:absolute;left:0;color:#f60;}
#focus-text li .channel a {color:#f60;}
#focus-text li .date {position:absolute;right:0;color:#999;}

#assi .tab {height:2.1em;border-bottom:3px #4093ce solid;font-size:18px;line-height:2.1em;}
#assi .tab li {float:left;width:50%;background:#eee;text-align:center;cursor:default;
    transition:all .15s ease-in;
}
#assi .tab li.current,
#assi .tab li:hover {background:#4093ce;color:#fff;font-weight:800;}
#assi .tab li.current a {color:#fff;}
#assi .sec-box.tabcon {display:none;}
#assi .sec-box.tabcon.current {display:block;}
#assi .sec-box.tabcon h3 {display:none;}
#assi .sec-box.tabcon-0 {margin:6px 0;}

.main {float:left;width:840px;padding:20px;margin-bottom:20px;background:#fff;border-radius: 4px;font-size:16px;}

.main h2 {position:relative;width:150px;padding-bottom:.5em;font-size:1.7em;color:#9fbc00;z-index:2;}
.main h2 a {color:#9fbc00;}
.main .nav {position:relative;padding-bottom:18px;margin-top:-4em;border-bottom:1px solid #ddd;text-align:right;color:#666;font-size:.8em;line-height:2.3em;}
.main .nav li {display:inline;}
.main .nav a {color:#666;}

.main .focus-img {float:left;width:45%;margin-top:20px;}
.main .focus-img a {position:relative;display:block;height:185px;overflow:hidden;padding-left:170px;}
.main .focus-img a:hover {text-decoration:none;}
.main .focus-img a .img {position:absolute;top:0;left:0;}
.main .focus-img a .img img {width:155px;height:185px;}
.main .focus-img a strong {display:block;padding-bottom:8px;color:#498fb8;font-weight:normal;}
.main .focus-img a:hover strong {color:#f60;text-decoration:underline;}
.main .focus-img a .des {display:block;font-size:.9em;color:#aaa;text-indent:2em;}

.main .focus-text {float:right;width:53%;margin-top:20px;font-size:18px;}
.main .focus-text li.fos {text-align:center;font-size:1.2em;}
.main .focus-text li.fos a {color:#9fbc00;}
.main .focus-text li {height:1.75em;overflow:hidden;}
.main .focus-text li span,
.main .focus-text li span a {color:#aaa;}
.main .focus-text li span a:hover {color:#f60;}

.main .sec-box {float:left;position:relative;width:44%;margin-top:20px;padding-left:4%;background:#eee;}
.main .sec-box-1 {float:right;}
.main .sec-box h3 {position:absolute;top:5px;left:0;width:6%;padding:0 1%;text-align:center;color:#f60;line-height:1.6em;}
.main .sec-box h3 a {color:#f60;}
.main .sec-box ul {padding-left:14px;background:#fff;}
.main .sec-box ul.news-list li {height:1em;overflow:hidden;padding:.4em 0;line-height:1em;}
.main .sec-box ul.news-list li a {display:inline-block;height:1em;overflow:hidden;border-left:3px solid #498fb8;text-indent:8px;}
.main .sec-box ul.news-list li.fos {padding-top:.4em;margin:0 0 .4em;text-align:center;font-size:1.2em;}
.main .sec-box ul.news-list li.fos a {display:inline;border:none;color:#9fbc00;text-indent:0;}






/*article所有文章可公用*/
.article p,
.article h2,
.article h3,
.article h4 {margin:1.2em 0;}
.article h2,
.article h3 {height:2em;overflow:hidden;padding:0 10px;background:#4093ce;font-size:1.2em;color:#fff;line-height:2em;border-radius:5px;}
.article h4 {height:1em;overflow:hidden;padding-left:6px;border-left:4px solid #4093ce;font-size:1.1em;line-height:1em;color:#4093ce;}
.article img {display:block;margin:0 auto;padding:3px;border:1px #4093ce solid;}
.article table {border-collapse:collapse;margin:1.2em auto;background:#eff9ff;color:#498fb8;line-height:2.4em;}
.article table td {text-align:center;border:1px #4093ce solid;}
.article table td.td-title {background:#ccedff;width:40%;}
.article a {color:#4093ce;text-decoration:underline;}
.article a:hover {color:#f90;}
.article embed {display:block;margin:1.2em auto;}

/*文章页*/
#art {float:left;width:840px;padding:10px 20px 20px;margin-bottom:20px;background:#fff;border-radius: 4px;font-size:18px;}
#art h1 {position:relative;padding-bottom:.5em;font-size:1.7em;color:#9fbc00;}
#art .pDes {padding:20px;margin:1.2em 0;background:#edf9ff;color:#999;font-size:14px;font-weight:normal;border-radius:4px;color:#498fb8;}/*遗留问题*/
#art h2#des {height:auto;padding:20px;margin:1.2em 0;background:#f7f7f7;color:#999;font-size:14px;font-weight:normal;border-radius:4px;text-indent:2em;line-height:1.75em;}

#art .pLink a {display:inline-block;margin-right:1em;}

#art .gg {margin:1.2em 0;text-align:center;}

/*是否能吃*/
#art .dEat {position:relative;padding:15px 20px;margin:1.2em 0;background:#edf9ff;border-radius:15px;}
#art .dEat .icon {position:absolute;top:50%;right:5px;display:block;width:60px;height:60px;overflow: hidden;margin-top:-30px;text-align:center;line-height:60px;font-weight:800;font-size:60px;}
#art .dEat h2 {margin:0;background:none;text-indent:0;font-weight:800;}
#art .dEat p {margin:.4em 0 0;}
#art .dEat_yes {background-color:#f8fde8;color:#a6d600;}
#art .dEat_yes a {color:#a6d600;}
#art .dEat_yes h2 {color:#a6d600;}
#art .dEat_no {background-color:#fff0f3;color:#ee4664;}
#art .dEat_no a {color:#ee4664;}
#art .dEat_no h2 {color:#ee4664;}
#art .dEat_careful {background-color:#fff0f3;color:#f60;}
#art .dEat_careful a {color:#f60;}
#art .dEat_careful h2 {color:#f60;}

/*相关文章*/
#art .likelink:after {clear: both;content:'.';display: block;visibility:hidden;height:0;}
#art .likelink {zoom:1; clear: both;}
#art .likelink li {float:left;width:50%;overflow:hidden;padding:.4em 0;line-height:1em;}
#art .likelink li a {display:inline-block;height:1em;overflow:hidden;border-left:3px solid #f60;text-indent:8px;}
#art .likelink li a:hover {text-decoration: none;}

/*评论*/
#art .comment-list li {padding:5px;border-bottom:1px solid #eee;}
#art .comment-list li span {display:block;font-size:14px;color:#888}
#art .comment-list li .name {font-size:12px;color:#aaa;}

/*分页*/
#art .change-page {margin:1.2em 0;}
#art .change-page strong,
#art .change-page a {display:inline-block;padding:0 .6em;margin:0 1px 5px;border:1px solid #ddd;background:#f2f2f2;text-align: center;border-radius:4px;font-size:.75em;font-weight:normal;}
#art .change-page a:Hover {background:#fff1e8;text-decoration:none;border-color:#f90;}
#art .change-page strong {background:#f90;border-color:#f90;color:#fff;}

/*40周*/
#art #tab-40weeks:after {clear: both;content:'.';display: block;visibility:hidden;height:0;}
#art #tab-40weeks {height:45px;overflow:hidden;margin-top:1.2em;background:#4093ce;zoom:1; clear: both;border-radius:4px;}
#art #tab-40weeks li {float:left;width:10%;height:45px;}
#art #tab-40weeks li a {display:block;height:43px;background:#4093ce;border:2px solid #4093ce;border-bottom:0;text-align:center;line-height:43px;color:#fff;font-size:16px;border-radius:4px 4px 0 0;text-decoration:none;}
#art #tab-40weeks li a:hover,
#art #tab-40weeks li.current a {background:#fff;color:#4093ce;text-decoration:none;}
#art #tabcon-40weeks {height:42px;}
#art #tabcon-40weeks .con {display:none;height:22px;padding:10px 6px;margin:0;overflow:hidden;background:#fff;line-height:22px;}
#art #tabcon-40weeks .current {display:block;}
#art #tabcon-40weeks .con a {text-decoration:none;}
#art #tabcon-40weeks .con .aNow {display:inline-block;height:22px;padding:0 8px;background:#4093ce;color:#fff}
#art #tabcon-40weeks .con .aNow:hover {background:#f60;text-decoration:none;}
#art #tabcon-40weeks .con_1 {padding-left:73px;}
#art #tabcon-40weeks .con_2 {padding-left:140px;}
#art #tabcon-40weeks .con_3 {padding-left:207px;}
#art #tabcon-40weeks .con_4 {padding-left:274px;}
#art #tabcon-40weeks .con_5 {padding-left:341px;}
#art #tabcon-40weeks .con_6 {text-align:right;}

#art #change-week {float:right;position:relative;width:240px;height:28px;margin-top:-50px;text-align:right;font-size:14px;line-height:2em;}
#art #change-week a {display:inline-block;width:100px;overflow:hidden;background:#9fbc00;text-align:center;color:#fff;text-decoration:none;border-radius:4px;}
#art #change-week a:hover {background:#f60;text-decoration:none;}
#art #change-week span {display:none;}

/*宝典文章*/
#art #nav-baodian {position:relative;min-height:100px;padding:15px;margin:1.2em auto;background:#fcfff6;border:3px solid #d6f49a;border-left-width: 40px;border-radius:4px;}
#art #nav-baodian span {position:absolute;top:16px;left:-30px;display:block;width:20px;font-size:1.2em;line-height:30px;color:#9fbc00;font-weight:800;}
#art #nav-baodian a {display:block;padding:3px 10px;line-height:1.5em;color:#9fbc00;font-weight:800;border-radius:4px;text-decoration:none;}
#art #nav-baodian a:Hover {background:#9bd635;color:#fff;text-decoration:none;}
#art.art-baodian h2 {background:#9cc800;color:#fff;}

/*上一页下一页*/
.back-page {position:fixed;bottom:10%;left:50%;width:40px;overflow:hidden;height:100px;margin:0 0 0 -640px;background:#ffcdee;color:#e44fb1;cursor:default;z-index:2;border-radius:4px;
    transition:all .2s ease-in;
}
.back-page:hover {width:190px;}
.back-page span {display:block;width:20px;padding:14px 10px 0;text-align: center;font-size:20px;line-height:24px;}
.back-page a {position: absolute;top:0;left:40px;display:block;width:130px;height:50px;overflow:hidden;padding:25px 10px;background:#ffe6f7;font-size:16px;line-height: 25px;color:#e464b9;}
.back-page a:hover {text-decoration: none;color:#e44fb1;}
.back-page em {position: absolute;top:0;left:40px;display:block;width:130px;height:50px;overflow:hidden;padding:25px 10px;background:#ffe6f7;font-size:16px;line-height: 50px;color:#ec88ca;}

.next-page {position:fixed;bottom:10%;right:50%;width:40px;overflow:hidden;height:100px;margin:0 -640px 0 0;background:#ffcdee;color:#e44fb1;cursor:default;z-index:2;border-radius:4px;
    transition:all .2s ease-in;
}
.next-page:hover {width:190px;}
.next-page span {float:right;display:block;width:20px;padding:14px 10px 0;text-align: center;font-size:20px;line-height:24px;}
.next-page a {position: absolute;top:0;right:40px;display:block;width:130px;height:50px;overflow:hidden;padding:25px 10px;background:#ffe6f7;font-size:16px;line-height: 25px;color:#e464b9;}
.next-page a:hover {text-decoration: none;color:#e44fb1;}
.next-page em {position: absolute;top:0;right:40px;display:block;width:130px;height:50px;overflow:hidden;padding:25px 10px;background:#ffe6f7;font-size:16px;line-height: 50px;color:#ec88ca;}

/*list*/
#list {float:left;width:660px;padding:10px 20px 20px;margin-bottom:20px;background:#fff;border-radius: 4px;font-size:18px;}
#list h1 {position:relative;padding-bottom:.5em;font-size:1.7em;color:#9fbc00;}

#list .textlist {margin:1.2em 0;}
#list .textlist li {padding:10px 0;border-bottom:1px solid #eee;}
#list .textlist li a {display:block;}
#list .textlist li a:hover {text-decoration: none;}
#list .textlist li a strong {display:block;font-size:1.1em;line-height:1.5em;color:#498fb8;
    transition:all .2s ease-in;
}
#list .textlist li a:hover strong {color:#f60;}
#list .textlist li a .des {display:block;font-size:.9em;text-indent:2em;color:#aaa;}

#list .toolslist {margin:1.2em 0;}
#list .toolslist li {min-height:90px;padding:10px 0;border-bottom:1px solid #eee;}
#list .toolslist li a {position:relative;display:block;padding-left:110px;}
#list .toolslist li a:hover {text-decoration: none;}
#list .toolslist li a strong {display:block;font-size:1.1em;line-height:1.5em;color:#498fb8;
    transition:all .2s ease-in;
}
#list .toolslist li a:hover strong {color:#f60;}
#list .toolslist li a .des {display:block;font-size:.9em;text-indent:2em;color:#aaa;}
#list .toolslist li a .img {position:absolute;top:0;left:0;}

#list .bbslist {margin:1.2em 0;}
#list .bbslist li {padding:10px 0;border-bottom:1px solid #eee;}
#list .bbslist li a {display:block;}
#list .bbslist li a:hover {text-decoration: none;}
#list .bbslist li a strong {float:left;display:block;font-size:1.1em;line-height:1.5em;color:#498fb8;
    transition:all .2s ease-in;
}
#list .bbslist li a:hover strong {color:#f60;}
#list .bbslist li a .author {float:right;display:block;font-size:.9em;line-height:1.8333em;color:#aaa;}
#list .bbslist li a .reply {display:block;font-size:.9em;color:#aaa;clear:both;}


#list .change-page {margin:1.2em 0;}
#list .change-page strong,
#list .change-page a {display:inline-block;padding:0 .6em;margin:0 1px 5px;border:1px solid #ddd;background:#f2f2f2;text-align: center;border-radius:4px;font-size:.75em;font-weight:normal;}
#list .change-page a:Hover {background:#fff1e8;text-decoration:none;border-color:#f90;}
#list .change-page strong {background:#f90;border-color:#f90;color:#fff;}

#list .gg {margin:1.2em 0;text-align:center;}

#list .nav {margin:1.2em 0;}
#list .nav li {display:inline;}
#list .nav li a {display:inline-block;padding:0 .6em;margin:0 5px 5px 0;background:#f60;color:#fff;border-radius:4px;}
#list .nav li a:hover {background:#f90;text-decoration:none;}

#list .focus-img {float:left;width:45%;}
#list .focus-img a {position:relative;display:block;height:185px;overflow:hidden;padding-left:170px;}
#list .focus-img a:hover {text-decoration:none;}
#list .focus-img a .img {position:absolute;top:0;left:0;}
#list .focus-img a .img img {width:155px;height:185px;}
#list .focus-img a strong {display:block;color:#498fb8;font-weight:normal;}
#list .focus-img a:hover strong {color:#f60;text-decoration:underline;}
#list .focus-img a .des {display:block;font-size:.9em;color:#aaa;text-indent:2em;}

#list .focus-text {float:right;width:53%;padding-bottom:20px;}
#list .focus-text li.fos {text-align:center;font-size:1.2em;}
#list .focus-text li.fos a {color:#9fbc00;}
#list .focus-text li {height:1.72em;overflow:hidden;}
#list .focus-text li span,
#list .focus-text li span a {color:#aaa;}
#list .focus-text li span a:hover {color:#f60;}

#list .sec-box {clear:both;margin-bottom:20px;}
#list .sec-box h3 {background:#f7f7f7;border-top:2px solid #ccc;line-height:2em;text-indent:.5em;font-size:1.2em;}
#list .sec-box h3 a {color:#9fbc00;}
#list .sec-box ul:after {clear: both;content:'.';display: block;visibility:hidden;height:0;}
#list .sec-box ul {zoom:1;clear:both;}
#list .sec-box ul li {float:left;width:50%;padding:.4em 0;line-height:1em;}
#list .sec-box ul li a {display:inline-block;height:1em;overflow:hidden;border-left:3px solid #498fb8;text-indent:8px;}
#list .sec-box ul li a:hover {text-decoration: none;}
#list .sec-box ul li.fos {float:none;width:auto;padding:.6em;border-bottom:1px solid #ccc;margin-bottom:.6em;}
#list .sec-box ul li.fos a {display:block;height:auto;line-height:1.7em;border-left:none;text-indent:0;}
#list .sec-box ul li.fos a strong {display:block;font-size:1.1em;line-height:1.5em;color:#498fb8;font-weight:normal;
    transition:all .2s ease-in;
}
#list .sec-box ul li.fos a:hover strong {color:#f60;}
#list .sec-box ul li.fos a .des {display:block;font-size:.8em;text-indent:2em;color:#aaa;}

#list .baodian-box {}
#list .baodian-box h3 {height:2em;overflow:hidden;padding:0 10px;margin:1.2em 0;background:#9fbc00;font-size:1.2em;color:#fff;line-height:2em;border-radius:4px;}
#list .baodian-box ul {margin:1.2em 0;}
#list .baodian-box li {padding:10px;border-radius:4px;}
#list .baodian-box li:hover {padding:9px;background:#f6f8ee;border:1px solid #ddeea2;}
#list .baodian-box li h4 {font-size:1.1em;color:#f60;}

/*论坛文章页*/

#bbsart {float:left;width:880px;padding:20px 0 0;margin-bottom:20px;background:#fff;border-radius: 4px;font-size:18px;}
#bbsart .share-list {padding-left:20px;}
#bbsart .position {padding-right:20px;border:none;}

#bbsart .bbs-box {position:relative;_height:300px;min-height:300px;background:#fff;border-top:10px solid #d2f0ff;border-left:150px solid #EDF9FF;}
#bbsart .bbs-box .urs-info {position:absolute;top:15px;left:-135px;width:120px;font-size:14px;}
#bbsart .bbs-box .urs-info li {line-height:24px;}
#bbsart .bbs-box .urs-info li.img span {display:block;width:118px;height:118px;margin:0 auto;background:url(http://www.haoyunbb.com/images/bbs_icon.png) no-repeat;border:1px solid #c6e3f1;}
#bbsart .bbs-box .urs-info li.author {text-align: center;font-weight: 800;font-size:14px;color:#498fb8;line-height:30px;}
#bbsart .bbs-box h1 {padding:8px 15px;border-bottom:3px solid #EDF9FF;font-size:1.1em;color:#9fbc00;}
#bbsart .bbs-box .infos {height:30px;padding:0 15px;line-height:30px;border-bottom:1px dashed #ccc;color:#ccc;}
#bbsart .bbs-box .infos .time {float:left;}
#bbsart .bbs-box .infos .step {float:right;}
#bbsart .bbs-box .article {padding:15px;}

/*侧栏*/
#assi {float:right;width:300px;overflow:hidden;margin-bottom:20px;background:#EDF9FF;border-radius:4px;z-index:2;font-size:16px;}
#assi .gg {margin-bottom:15px;text-align:center;}


#assi .sec-box {padding:0 20px;margin:20px 0;}
#assi .sec-box h3 {border-bottom:1px solid #ddd;font-size:1.2em;line-height:2em;color:#498fb8;}
#assi .sec-box h3 a {color:#498fb8;}

#assi .tools-list {padding:10px 0;}
#assi .tools-list li {padding:.4em 0;line-height:1em;}
#assi .tools-list li a {display:inline-block;height:1em;overflow:hidden;border-left:3px solid #f60;text-indent:8px;}
#assi .tools-list li a:hover {text-decoration: none;}

#assi .news-list {padding:10px 0;}
#assi .news-list li {padding:.4em 0;line-height:1em;}
#assi .news-list li a {display:inline-block;height:1em;overflow:hidden;border-left:3px solid #498fb8;text-indent:8px;}
#assi .news-list li a:hover {text-decoration: none;}

#assi .baodian-list {padding:10px 0;}
#assi .baodian-list li {line-height:1em;}
#assi .baodian-list li h4 {margin:.4em 0;color:#9fbc00;}
#assi .baodian-list li a {display:inline-block;height:1em;margin:.4em .4em .4em 0;overflow:hidden;border-left:3px solid #9fbc00;text-indent:8px;}
#assi .baodian-list li a:hover {text-decoration: none;}

/**/
.com-box {padding:10px 20px 20px;margin-bottom:20px;background:#fff;border-radius: 4px;clear:both;font-size:16px;}
.com-box h3 {border-bottom:1px solid #ddd;font-size:1.2em;line-height:2em;color:#498fb8;}
.com-box h3 a {color:#498fb8;}

.com-box .linklist {padding:10px 0;font-size:12px;}
.com-box .linklist li {display:inline-block;margin-right:.5em;}


@media screen and (max-width:1200px) {
    #topbar nav,
    #wrap {width:95%;}
    header {height:auto;}
    header #logo {float:none;margin:0 auto;}
    header #search {float:none;width:auto;}

    .main,
    #focus,
    #list,
    #art,
    #bbsart {float:none;width:auto;}

    /*首页*/

    #assi .tab {display:none;}
    #assi .sec-box.tabcon {display:block;}
    #assi .sec-box.tabcon h3 {display:block;}
    #assi .sec-box.tabcon-0 {margin:20px 0;}




    #assi {float:none;position:inherit;width:auto;margin-bottom:0;background:none;}
    #assi .gg {background:#f7f7f7;margin-bottom:20px;}

    #assi .sec-box  {padding:10px 20px 20px;margin-bottom:20px;background:#EDF9FF;border-radius: 4px;}


    #assi .tools-list:after {display:block;clear:both;content:'.';visibility:hidden;height:0;overflow:hidden;}
    #assi .tools-list {zoom:1;clear:both;}
    #assi .tools-list li {float:left;width:25%;}

    #assi .news-list:after {display:block;clear:both;content:'.';visibility:hidden;height:0;overflow:hidden;}
    #assi .news-list {zoom:1;clear:both;}
    #assi .news-list li {float:left;width:50%;}



    .back-page {position:inherit;top:auto;right:auto;width:auto;height:auto;padding:20px 20px 0;margin:20px 0 0;border-radius: 8px 8px 0 0;background:#ffe6f7;clear:both;}
    .back-page:hover {width:auto}
    .back-page span {display:inline;width:auto;padding:0 10px 0 0;text-align:left;font-size:18px;line-height:25px;}
    .back-page a {position: inherit;display:inline;width:auto;height:auto;padding:0;background:none;}
    .back-page a:hover {text-decoration:underline;}
    .back-page em {position: inherit;display:inline;width:auto;height:auto;padding:0;background:none;line-height:25px;}
    .next-page {position:inherit;top:auto;left:auto;width:auto;height:auto;padding:0 20px 20px;margin:0 0 20px;border-radius: 0 0 8px 8px;background:#ffe6f7;}
    .next-page:hover {width:auto}
    .next-page span {float:none;display:inline;width:auto;padding:0 10px 0 0;text-align:left;font-size:18px;line-height:25px;}
    .next-page a {position: inherit;display:inline;width:auto;height:auto;padding:0;background:none;}
    .next-page a:hover {text-decoration:underline;}
    .next-page em {position: inherit;display:inline;width:auto;height:auto;padding:0;background:none;line-height:25px;}

}

@media screen and (max-width:900px) {


    #assi .tools-list li {float:left;width:50%;}

}

@media screen and (max-width:719px){
    #topbar {padding-top:50px;}
    #index #topbar {padding-top:0;}
    #topbar nav li {width:25%;}
    #topbar nav li a {padding:0;text-align:center;}

    header #logo {height:60px;background-position: center center}

    #monthweek {display:none;}

    .main,
    #focus,
    #list,
    #art,
    #bbsart {padding:10px;font-size:16px;}

    /*首页*/

    #focus-img {display:none;}
    #focus-text li {padding:0;}
    #focus-text li.focb {height:auto;}
    #focus-text li .channel,
    #focus-text li .date {display:none;}

    .main .nav {padding-bottom:10px;margin-top:0;border-bottom:1px solid #ddd;text-align:left;font-size:.9em;line-height:1.75em;}
    .main .nav li {display:inline-block;width:24%;}

    .main .focus-img,
    .main .focus-text {float:none;width:auto;font-size:16px;}

    .main .sec-box {float:none;width:auto;padding-left:0;background:none;}
    .main .sec-box h3 {position:static;width:auto;padding:0;text-align:left;border-bottom:1px solid #ddd;font-size:1.2em;line-height:2em;color:#498fb8;}
    .main .sec-box h3 a {color:#498fb8}
    .main .sec-box ul {padding:10px 0 0;background:none;}


    .share-list {display:none;width:auto;}
    .position {position:absolute;top:0;left:0;right:0;padding:10px;background:#f4f4f4;text-align:left;margin:0;z-index: 3;}
    #des,
    #art .pDes {padding:10px;}

    #art h1 {padding-bottom:0;}
    #art img {display:block;width:80% !important;margin:1.2em auto;height:auto !important;}


    #art #tab-40weeks,
    #art #tabcon-40weeks {display:none;}
    #art #change-week a {width:80px;}
    #art img {max-width:100%;}
    #art .likelink li {float:none;width:auto;}


    #list h1 {padding-bottom:0;font-size:1.3em;}

    #list .textlist li a strong {font-weight:normal;font-size:1em;}
    #list .textlist li a .des {display:none;}

    #list .bbslist li a strong {float:none;font-weight:normal;font-size:1em;}
    #list .bbslist li a .author {float:none;line-height:1.75em;}

    #list .change-page strong,
    #list .change-page a {margin:10px 2px 0;}

    #list .focus-img,
    #list .focus-text {float:none;width:auto;}
    #list .focus-img {margin-bottom:20px;}
    #list .sec-box ul li {float:none;width:auto;}


    #bbsart .position {padding-left:10px;}
    #bbsart .bbs-box {border-left:none;}
    #bbsart .bbs-box .urs-info {position:relative;height:48px;padding:5px 0;background:#EDF9FF;top:0;left:0;width:100%;}
    #bbsart .bbs-box .urs-info li {float:left;width:50%;height:24px;text-indent:12px;}
    #bbsart .bbs-box .urs-info li.img {display:none;}
    #bbsart .bbs-box .urs-info li.author {text-align: left;font-size:12px;line-height:24px;}

    #list .gg,
    #art .gg  {position:relative;margin-left:-10px;margin-right:-10px;}

    #assi {font-size:16px;}
    #assi .sec-box {padding:10px;}

    #assi .tools-list li,
    #assi .news-list li {float:none;width:auto;}


}