* {
    word-wrap: break-word;
}

body {
    background: #FFF;
}

body,
input,
button,
select,
textarea {
    font: 12px/1.5 'Microsoft Yahei', 'Simsun';
    color: #363636;
}

textarea {
    resize: none;
}

body,
ul,
ol,
li,
dl,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
.pr,
.pc {
    margin: 0;
    padding: 0;
}

table {
    empty-cells: show;
    border-collapse: collapse;
}

caption,
th {
    text-align: left;
    font-weight: 400;
}

ul li,
.xl li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
}

em,
cite,
i {
    font-style: normal;
}

a {
    color: #666666;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

label {
    cursor: pointer;
}

.z {
    float: left;
}

.y {
    float: right;
}

.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cl {
    zoom: 1;
}

.hidefocus {
    outline: none;
}

hr {
    display: block;
    clear: both;
    *margin-top: -8px !important;
    *margin-bottom: -8px !important;
}

.mn hr,
.sd hr {
    margin: 0 10px;
}

.area hr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

hr.l {
    height: 1px;
    border: none;
    background: #EDEDED;
    color: #EDEDED;
}

hr.l2 {
    height: 2px;
}

hr.l3 {
    height: 3px;
}

hr.da {
    height: 0;
    border: none;
    border-top: 1px dashed #EDEDED;
    background: transparent;
    color: transparent;
}

hr.bk {
    margin-bottom: 10px !important;
    *margin-bottom: 2px !important;
    height: 0;
    border: none;
    border-top: 1px solid #FFF;
    background: transparent;
    color: transparent;
}

.n .sd hr.bk {
    border-top-color: #F9F9F9;
}

hr.m0 {
    margin-left: 0;
    margin-right: 0;
}

.wx,
.ph {
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif;
    font-weight: 100;
}

.ph {
    font-size: 20px;
}

.mt {
    padding: 10px 0;
    font-size: 16px;
}

.pipe {
    margin: 0 5px;
    color: #CCC;
}

.xs0 {
    font-family: Arial;
    font-size: 0.83em;
    -webkit-text-size-adjust: none;
}

.xs1 {
    font-size: 12px !important;
}

.xs2 {
    font-size: 14px !important;
}

.xs3 {
    font-size: 16px !important;
}

.xg1,
.xg1 a {
    color: #999 !important;
}

.xg1 .xi2 {
    color: #555555 !important;
}

.xg2 {
    color: #888;
}

.xi1,
.onerror {
    color: #555555;
}

.xi2,
.xi2 a,
.xi3 a {
    color: #555555;
}

.xw0 {
    font-weight: 400;
}

.xw1 {
    font-weight: 700;
}

.bbda {
    border-bottom: 1px dashed #EDEDED;
}

.btda {
    border-top: 1px dashed #EDEDED;
}

.bbs {
    border-bottom: 1px solid #EDEDED !important;
}

.bts {
    border-top: 1px dashed #EDEDED !important;
}

.bw0 {
    border: none !important;
}

.bw0_all,
.bw0_all th,
.bw0_all td {
    border: none !important;
}

.bg0_c {
    background-color: transparent !important;
}

.bg0_i {
    background-image: none !important;
}

.bg0_all {
    background: none !important;
}

.ntc_l {
    padding: 5px 10px;
    background: #FEFEE9;
}

.ntc_l .d {
    width: 20px;
    height: 20px;
    background: url(http://bbs.itheima.com/static/image/common/op.png) no-repeat 0 0;
    line-height: 9999px;
    overflow: hidden;
}

.ntc_l .d:hover {
    background-position: 0 -20px;
}

.brs,
.avt img,
.oshr {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.brm {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.brw {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.mtn {
    margin-top: 5px !important;
}

.mbn {
    margin-bottom: 5px !important;
}

.mtm {
    margin-top: 10px !important;
}

.mbm {
    margin-bottom: 10px !important;
}

.mtw {
    margin-top: 20px !important;
}

.mbw {
    margin-bottom: 20px !important;
}

.ptn {
    padding-top: 5px !important;
}

.pbn {
    padding-bottom: 5px !important;
}

.ptm {
    padding-top: 10px !important;
}

.pbm {
    padding-bottom: 10px !important;
}

.ptw {
    padding-top: 20px !important;
}

.pbw {
    padding-bottom: 20px !important;
}

.avt img {
    padding: 2px;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: 1px solid;
    border-color: #F2F2F2 #EDEDED #EDEDED #F2F2F2;
}

.avtm img {
    width: 120px;
    height: auto;
}

.avts img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.emp {
    padding: 20px 10px;
}

.emp a {
    color: #555555;
    text-decoration: underline !important;
}

.vm {
    vertical-align: middle;
}

.vm * {
    vertical-align: middle;
}

.hm {
    text-align: center;
}

.alt,
.alt th,
.alt td {
    background-color: #F2F2F2;
}

.notice {
    clear: both;
    margin: 5px 0;
    padding: 3px 5px 3px 20px;
    background: url(http://bbs.itheima.com/static/image/common/notice.gif) no-repeat 2px 6px;
}

#ajaxwaitid {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 0 5px;
    background: #D00;
    color: #FFF;
}

.showmenu {
    padding-right: 16px;
    background: url(http://bbs.itheima.com/static/image/common/arrwd.gif) no-repeat 100% 50%;
    cursor: pointer;
    white-space: nowrap;
}

#um .showmenu {
    margin-right: -5px;
}

.cur1 {
    cursor: pointer;
}

.ie6 .sec .p_pop {
    white-space: expression(this.offsetWidth >=220 ? 'normal':'nowrap');
    width: expression(this.offsetWidth >=220 ? 200:'auto');
}

.rq {
    color: red;
}

.px,
.pt,
.ps,
select {
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    background: #FFF url(http://bbs.itheima.com/static/image/common/px.png) repeat-x 0 0;
    color: ;
}

.px,
.pt {
    padding: 2px 4px;
    line-height: 17px;
}

.px {
    height: 17px;
}

.pxs {
    width: 30px !important;
}

.fdiy .tfm .px,
.fdiy .tfm .pt {
    width: auto;
}

.p_fre {
    width: auto !important;
}

.er {
    border-color: #F66 #FFBDB9 #FFBDB9 #F66;
    background-color: #FDF4F4;
    background-image: url(http://bbs.itheima.com/static/image/common/px_e.png);
}

.pt {
    overflow-y: auto;
}

div.pt {
    height: 100px;
    line-height: 100px;
}

.ps,
select {
    padding: 2px 2px 2px 1px;
}

.pts {
    vertical-align: top;
    overflow: hidden;
}

.cmt .pts {
    width: 60%;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.pn {
    vertical-align: middle;
    overflow: hidden;
    margin-right: 3px;
    padding: 0;
    height: 23px;
    border: 1px solid #999;
    background: #E5E5E5 url(http://bbs.itheima.com/static/image/common/pn.png) repeat-x 0 0;
    cursor: pointer;
    -moz-box-shadow: 0 1px 0 #E5E5E5;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
}

.pn:active {
    background-position: 0 -23px;
}

.ie6 .pn {
    overflow-x: visible;
    width: 0;
}

.pn em,
.pn span,
.pn strong {
    padding: 0 10px;
    line-height: 21px;
}

.pn em,
.pn strong {
    font-weight: 700;
}

.ie7 .pn em,
.ie7 .pn span,
.ie7 .pn strong {
    padding: 0 5px;
    line-height: 18px;
}

a.pn {
    height: 21px;
    line-height: 21px;
    color: #363636 !important;
}

a.pn:hover {
    text-decoration: none;
}

.ie6 a.pn {
    width: auto;
}

.ie6 a.pn em,
.ie6 a.pn span,
.ie6 a.pn strong {
    display: block;
}

.ie7 a.pn em,
.ie7 a.pn span,
.ie7 a.pn strong {
    line-height: 21px;
}

.pnc,
a.pnc {
    border-color: #235994;
    background-color: #06C;
    background-position: 0 -48px;
    color: #FFF !important;
}

.pnc:active {
    background-position: 0 -71px;
}

.pnpost .pn {
    height: 26px;
}

.pr,
.pc {
    vertical-align: middle;
    margin: 0 5px 1px 0;
    padding: 0;
}

.ie6 .pr,
.ie6 .pc,
.ie7 .pr,
.ie7 .pc {
    margin-right: 2px;
}

.lb {
    margin-right: 20px;
}

.pns .px {}

.pns .pn {}

.ftid {
    float: left;
    margin-right: 6px;
}

.ftid select {
    float: left;
    height: 23px;
}

.ftid a {
    display: block;
    overflow: hidden;
    padding: 0 17px 0 4px;
    height: 21px;
    line-height: 21px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 400;
    color: #363636 !important;
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    background: #FFF url(http://bbs.itheima.com/static/image/common/newarow.gif) no-repeat 100% 0;
}

.ftid a:hover,
.ftid a:focus {
    background-position: 100% -23px;
}

.ftid select {
    width: 94px;
}

.sslt a {
    width: 54px;
}

.sslt select {
    width: 60px;
}

.sltm {
    padding: 5px 11px 5px 10px;
    border: 1px solid #DDD;
    background-color: #FFF;
    text-align: left;
}

.sltm li {
    padding: 2px 0;
    color: #888;
    cursor: pointer;
}

.sltm li:hover {
    color: #555555;
}

.sltm li.current {
    color: #555555;
}

.oshr {
    float: right;
    margin-left: 5px;
    padding: 0 5px 0 22px;
    border: 1px solid;
    border-color: #CCC #A9A9A9 #A9A9A9 #CCC;
    background: #FFF url(http://bbs.itheima.com/static/image/common/oshr.png) no-repeat 5px 50%;
}

.oshr:hover {
    text-decoration: none;
}

.ofav {
    background-image: url(http://bbs.itheima.com/static/image/common/fav.gif);
}

.oivt {
    background-image: url(http://bbs.itheima.com/static/image/common/activitysmall.gif);
}

.tfm {
    width: 100%;
}

.tfm caption,
.tfm th,
.tfm td {
    vertical-align: top;
    padding: 7px 0;
}

.tfm caption h2 {
    font-size: 16px;
}

.vt th,
.vt td {
    vertical-align: top;
}

.tfm th {
    padding-top: 9px;
    padding-right: 5px;
    width: 130px;
}

.tfm th .rq {
    float: right;
    font-size: 14px;
}

.tfm .pt,
.tfm .px {
    margin-right: 3px;
    width: 330px;
}

.tfm .c,
.tfm .tedt,
.m_c .tfm .tedt {
    width: 338px;
}

.tfm .d {
    clear: both;
    margin: 5px 0;
    color: #999;
}

.tfm .d em {
    margin-left: 5px;
    color: red;
}

.tfm .d strong {
    margin-left: 5px;
}

.tfm .d a {
    color: #555555;
}

.tfm .p {
    text-align: right;
}

.tfm .pcl label {
    display: block;
    padding: 0 2px 5px;
}

.tfm .pcl .pc {
    margin-right: 5px;
    padding: 0;
}

.tfm .l th,
.tfm .l td {
    padding-top: 0;
    padding-bottom: 0;
}

.bn .tfm caption,
.bn .tfm th,
.bn .tfm td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pbt {
    margin-bottom: 10px;
}

.ie6 .pbt .ftid a,
.ie7 .pbt .ftid a {
    margin-top: 1px;
}

#custominfo.mtn {
    margin-bottom: -5px;
}

.altw {
    width: 350px;
}

.altw .fltc {
    margin-bottom: 0;
    padding: 8px;
}

.alert_right,
.alert_error,
.alert_info {
    padding: 6px 0 6px 58px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    line-height: 160%;
    background: url(http://bbs.itheima.com/static/image/common/right.gif) no-repeat 8px 8px;
    font-size: 14px;
}

.alert_error {
    background-image: url(http://bbs.itheima.com/static/image/common/error.gif);
}

.alert_error a {
    font-weight: 700;
    color: #555555;
}

.alert_info {
    background-image: url(http://bbs.itheima.com/static/image/common/info.gif);
}

.alert_btnleft {
    margin-top: 8px;
}

.alert_btn {
    margin-top: 20px;
    text-align: center;
}

.alert_act {
    margin-top: 20px;
    padding-left: 58px;
}

.pbnv {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    width: 400px;
    padding: 7px 0;
}

.pbl {
    overflow: hidden;
    margin: 9px 0;
    width: 621px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #CCC;
    background: #FFF;
}

.pbl li {
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    width: 196px;
    height: 300px;
    border-right: 1px solid #CCC;
}

.pbl p {
    height: 25px;
    line-height: 25px;
}

.pbl a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 4px;
    text-decoration: none;
    color: #555555;
    border: solid #FFF;
    border-width: 1px 0;
}

.pbl a:hover {
    text-decoration: none;
    background-color: #F3F3F3;
}

.pbl .highlightlink {
    color: #08C;
}

.pbls a,
.pbls a:hover {
    background-color: #EEE;
    color: #888;
    font-weight: 700;
}

.pbsb {
    background: url(http://bbs.itheima.com/static/image/common/arrow.gif) right -33px no-repeat;
}

.wp {
    margin: 0 auto;
    width: 960px;
}

#wp .wp {
    width: auto;
}

#toptb {
    min-width: 960px;
    border-bottom: 1px solid #EDEDED;
    background: #F2F2F2;
    line-height: 28px;
}

#toptb a {
    float: left;
    padding: 0 4px;
    height: 28px;
}

#toptb a.showmenu {
    padding-right: 15px;
}

#toptb a.hover {
    background-color: #FFF;
}

#toptb .pipe {
    float: left;
    display: none;
}

#hd {
    border-bottom: 173 solid #F3E5E9;
    background: #F2F2F2
}

#hd .wp {
    padding: 10px 0 0;
}

.hdc {
    min-height: 70px;
}

.ie6 .hdc {
    height: 70px;
}

#hd h2 {
    padding: 0 20px 8px 0;
    float: left;
}

#space #hd h2 {
    margin-top: 0;
}

#hd .fastlg {
    padding-top: 10px;
}

#scbar {
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #E9EFF5;
    background: #E8EFF5;
}

.scbar_icon_td {
    width: 21px;
    background: url(http://bbs.itheima.com/static/image/common/search.png) no-repeat 0 -50px;
}

.scbar_txt_td,
.scbar_type_td {
    background: url(http://bbs.itheima.com/static/image/common/search.png) repeat-x 0 -93px;
}

#scbar_txt {
    width: 400px;
    border: 1px solid #FFF;
    outline: none;
}

.scbar_narrow #scbar_txt {
    width: 260px;
}

.scbar_btn_td {
    width: 38px;
    background: url(http://bbs.itheima.com/static/image/common/search.png) no-repeat 8px -142px;
}

#scbar_btn {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent none;
    box-shadow: none;
}

#scbar_btn strong {
    line-height: 84px;
}

.scbar_type_td {
    width: 61px;
    background: url(http://bbs.itheima.com/static/image/common/search.png) no-repeat 0 -193px;
}

#scbar_type {
    display: block;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
}

#scbar_type_menu {
    margin-top: -8px;
}

#scbar_hot {
    padding-left: 8px;
    height: 45px;
    overflow: hidden;
}

#scbar_hot strong,
#scbar_hot a {
    float: left;
    margin-right: 8px;
    white-space: nowrap;
}

#nv {
    overflow: hidden;
    height: 33px;
    background: #FFF;
}

#nv li {
    float: left;
    padding-right: 1px;
    height: 33px;
    line-height: 33px;
    background: url(http://bbs.itheima.com/static/image/common/nv_a.png) no-repeat 100% 0;
    font-weight: 700;
    font-size: 14px;
}

.ie_all #nv li {
    line-height: 36px;
}

.ie6 #nv li {
    line-height: 33px;
}

#nv li a {
    float: left;
    padding: 0 15px;
    height: 33px;
}

#nv li a {
    color: #363636;
}

#nv li span {
    display: none;
}

#nv li.a {
    margin-left: -1px;
    ;
}

#nv li.a a {
    color: #1499f8;
}

#nv li a:hover {
    background: url(http://bbs.itheima.com/static/image/common/nv_a.png) no-repeat 50% -66px;
}

#nv li.hover a:hover,
#nv li.hover a {
    background: url(http://bbs.itheima.com/static/image/common/nv_a.png) no-repeat 50% -99px;
}

#mu {
    position: relative;
    z-index: 1;
}

.ie6 #mu,
.ie7 #mu {
    line-height: 0;
    font-size: 0;
}

#mu ul {
    background: url(http://bbs.itheima.com/static/image/common/mu_bg.png) no-repeat 0 100%;
    line-height: 22px;
    z-index: 2;
    font-size: 12px;
}

#mu li {
    float: left;
    height: 32px
}

#mu a {
    float: left;
    display: inline;
    margin: 5px 6px;
    padding: 0 10px;
    white-space: nowrap;
}

#mu a:hover {
    margin: 4px 5px;
    border: 1px solid #F3E5E9;
    background: #F9F9F9;
    color: #555555;
    text-decoration: none;
}

.floatmu {
    position: absolute;
    left: 0;
    top: 0;
}

#um {
    padding-top: 10px;
    padding-right: 60px;
    _padding-right: 54px;
    line-height: 2.3;
    zoom: 1;
}

#um,
#um a {
    color: #959595;
}

#um p {
    text-align: right;
}

#um .avt {
    display: inline;
    margin-right: -60px;
}

.vwmy {
    padding-left: 16px;
    background: url(http://bbs.itheima.com/static/image/common/user_online.gif) no-repeat 0 2px;
}

.vwmy.qq {
    background: url(http://bbs.itheima.com/static/image/common/connect_qq.gif) no-repeat scroll 0 0;
    padding-left: 20px;
}

#um .new,
.topnav .new,
.sch .new,
#toptb .new {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #555555;
    font-weight: 700;
}

#myprompt.new {
    background-image: url(http://bbs.itheima.com/static/image/common/notice.gif);
    background-position: 3px 50%;
}

#pm_ntc.new {
    background: url(../../template/comiis_heima/img/new_pm.gif) 0 14px no-repeat;
}

#task_ntc {
    background-image: url(http://bbs.itheima.com/static/image/feed/task.gif);
}

#um .pipe {
    margin: 0 5px 0 0;
}

#extcreditmenu,
#g_upmine {
    margin-right: 2px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}

#g_upmine {
    margin-right: 1px !important;
    border: 1px solid transparent;
}

.ie6 #g_upmine {
    border: 0;
}

#extcreditmenu.a,
#g_upmine.a {
    position: relative;
    z-index: 302;
    margin-right: 1px !important;
    border: 1px solid;
    border-color: #DDD;
    border-bottom: none;
    background-color: #FFF;
}

#extcreditmenu_menu,
#g_upmine_menu {
    margin-top: -1px;
    width: auto;
}

#extcreditmenu_menu li {
    float: none;
    display: block;
    padding-left: 5px !important;
    padding-right: 1em !important;
}

#g_upmine_menu li {
    float: none;
    display: block;
    padding-left: 5px !important;
}

#g_upmine_menu ul.extg li {
    padding-left: 0px !important;
}

#qmenu {
    float: right;
    display: inline;
    margin: 5px 8px 0;
    padding-right: 10px;
    width: 103px;
    height: 24px;
    background: url(http://bbs.itheima.com/static/image/common/qmenu.png) no-repeat 0 0;
    line-height: 24px;
    text-align: center;
    color: #555555;
    font-weight: 700;
    overflow: hidden;
}

#qmenu:hover {
    text-decoration: none;
}

#qmenu.a {
    position: relative;
    z-index: 302;
    background-position: 0 -27px;
}

#qmenu_menu {
    margin-top: -2px;
    padding: 20px 5px 10px;
    width: 610px;
    border-color: #DCE4EB;
}

#qmenu_menu ul.nav li {
    float: left;
}

.ie6 #qmenu_menu ul.nav li {
    clear: none !important;
    width: auto !important;
}

#qmenu_menu ul.nav a {
    margin-bottom: 10px;
    padding: 47px 0 0;
    width: 60px;
    border: none;
    border-radius: 4px;
    background: url(http://bbs.itheima.com/static/image/common/noicon.gif) no-repeat 50% 5px;
    text-align: center;
}

#qmenu_menu ul.nav a:hover {
    background-color: #F9F9F9;
    color: #555555;
    text-shadow: none;
}

#shortcut {
    position: relative;
    display: none;
    height: 30px;
    line-height: 30px;
    background-color: #3A83F1;
    color: white;
    text-align: center;
}

#shortcuttip {
    padding: 2px 8px;
    background: url(http://bbs.itheima.com/static/image/common/search.gif) repeat-x 0 -1px;
    border-radius: 3px;
    color: #3A83F1;
    font-weight: 700;
}

#shortcutcloseid {
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(http://bbs.itheima.com/static/image/common/close.gif) no-repeat 0 -12px;
    text-indent: -999em;
}

#mn_userapp .icon_down {
    background: url(http://bbs.itheima.com/static/image/common/arr_w.gif) no-repeat 50% 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-left: 3px;
}

.ie6 #mn_userapp .icon_down {
    height: 24px;
    vertical-align: middle;
}

#nv li.a .icon_down {
    background: url(http://bbs.itheima.com/static/image/common/arr_w.gif) no-repeat 50% 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-left: 3px;
}

.ie6 #nv li.a .icon_down {
    height: 24px;
    vertical-align: middle;
}

#mn_userapp_menu {
    clear: left;
    min-height: 210px;
    min-width: 630px;
}

.ie6 #mn_userapp_menu {
    height: 210px;
    width: 630px;
}

#mn_userapp_menu ul.mrec {
    float: left;
    width: 182px;
    padding-right: 5px;
    border-right: 1px dotted #DDD;
}

#mn_userapp_menu ul.uused {
    float: left;
    width: 273px;
}

.ie6 #mn_userapp_menu ul.mrec,
.ie7 #mn_userapp_menu ul.mrec {
    width: 182px;
    padding: 0 5px 0 0;
}

#mn_userapp_menu ul.mrec li,
#mn_userapp_menu ul.uused li {
    float: left;
    display: inline;
    padding: 3px;
    width: 85px;
    text-align: center;
    overflow: hidden;
}

.ie6 #mn_userapp_menu ul.mrec li,
.ie6 #mn_userapp_menu ul.uused li {
    float: left !important;
    clear: none;
}

#mn_userapp_menu ul.mrec li img,
#mn_userapp_menu ul.uused li img {
    width: 75px;
    height: 75px;
}

#mn_userapp_menu ul.mrec li a,
#mn_userapp_menu ul.uused li a {
    border-bottom: 0;
}

#mn_userapp_menu ul.adv {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    height: 198px;
    width: 140px;
    border-left: 1px solid #EBEBEB;
    background: #F5F5F5;
    text-align: left;
    zoom: 1;
}

#mn_userapp_menu ul.mrec li {
    position: relative;
}

.ie6 #mn_userapp_menu ul.adv li {
    clear: none;
}

#mn_userapp_menu .icon_hotapp {
    position: absolute;
    right: 8px;
    bottom: 25px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #F00;
    color: #FFF;
}

#mn_userapp_menu .icon_myapp a {
    float: left;
    display: inline-block;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 10px;
    width: 66px;
    height: 51px;
    background: url(http://bbs.itheima.com/static/image/common/app.png) no-repeat 0 0;
    line-height: 2000px;
    overflow: hidden;
    clear: none;
}

#mn_userapp_menu .icon_appcenter a {
    float: right;
    margin-left: 7px;
    background-position: 0 -51px;
}

.ie6 #mn_userapp_menu .icon_myapp a {
    margin-bottom: 0px;
}

.ie6 #mn_userapp_menu .icon_myapp,
.ie6 #mn_userapp_menu .icon_appcenter {
    float: left;
    width: 66px;
}

#mn_userapp_menu .ad_img img {
    width: 140px;
    height: 100px;
}

#mn_userapp_menu .ad_img a {
    padding: 0;
    line-height: 26px;
    border-bottom: 0;
}

#mn_userapp_menu .ad_img a:hover {
    background: none;
}

#ct {
    min-height: 300px;
}

.ie6 #ct {
    height: 300px;
}

.mn {
    overflow: hidden;
}

.ct1 {
    border: 1px solid #CCC;
    border-top: none;
}

.ct2 .mn {
    float: left;
    width: 730px;
    margin-bottom: 1em;
}

.ct2 .sd {
    float: right;
    width: 220px;
    overflow: hidden;
    _overflow-y: visible;
}

.appl {
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 6px 10px;
    width: 117px;
}

.ct2_a,
.ct3_a {
    border: 1px solid #CCC;
    background: url("http://bbs.itheima.com/template/gfquan/src/vlineb.png") repeat-y 0 0
}

.ct2_a_r {
    border: none;
    background-image: none;
}

.ct2_a h1.mt {
    display: none;
}

.ct2_a .tb {
    margin-top: 3px;
}

.ct2_a .mn {
    float: right;
    width: 810px;
}

.ct2_a .mn {
    display: inline;
    margin-right: 10px;
    padding-top: 10px;
    width: 800px;
}

#nv_userapp .ct2_a .mn,
.ct2_a_r .mn {
    margin-right: 0;
    width: 810px;
}

.ct3_a .mn {
    float: left;
    margin-left: 20px;
    width: 565px;
}

.ct3_a .sd {
    float: right;
    width: 220px;
}

#nv_home .ct3_a .sd .bm {
    margin-right: 10px;
    border: none;
}

#nv_home .ct3_a .sd .bm_c {
    padding: 10px 0;
}

.mw {
    width: 100%;
    float: none;
}

.mnw {
    clear: both;
    border-top: 1px solid #CCC;
}

.mnh {
    width: 643px;
    background: #F2F2F2;
    margin-bottom: 0;
}

#ft {
    padding: 10px 0 50px;
    border-top: 1px solid #EDEDED;
    line-height: 1.8;
    color: #666;
}

#flk {
    text-align: right;
}

#flk img {
    vertical-align: middle;
}

#scrolltop {
    visibility: hidden;
    position: fixed;
    bottom: 100px;
    display: block;
    margin: -30px 0 0 2px;
    width: 40px;
    background: #f4f4f4;
    border: 1px #cdcdcd solid;
    border-radius: 3px;
    border-top: 0;
    cursor: pointer;
}

#scrolltop:hover {
    text-decoration: none;
}

.ie6 #scrolltop {
    position: absolute;
    bottom: auto;
}

#scrolltop a {
    display: block;
    width: 30px;
    height: 24px;
    padding: 3px 5px;
    line-height: 12px;
    text-align: center;
    color: #787878;
    text-decoration: none;
    background: url(http://bbs.itheima.com/static/image/common/scrolltop.png) no-repeat 0 0;
    border-top: 1px #cdcdcd solid;
}

a.scrolltopa:hover {
    background-position: -40px 0px !important;
}

a.replyfast {
    background-position: 0 -30px !important;
}

a.replyfast:hover {
    background-position: -40px -30px !important;
}

a.returnlist,
a.returnboard {
    background-position: 0 -60px !important;
}

a.returnlist:hover,
a.returnboard:hover {
    background-position: -40px -60px !important;
}

#scrolltop a b {
    visibility: hidden;
    font-weight: normal;
}

#nv_home #ft,
.pg_announcement #ft,
.pg_modcp #ft,
.pg_portalcp #ft,
.pg_ranklist #ft,
#nv_userapp #ft {
    border-top: none;
}

.bm,
.bn {
    margin-bottom: 10px;
}

.bm {
    border: 1px solid #EDEDED;
    background: #FFF;
}

.bm_c {
    padding: 10px;
}

.drag {}

.bm_h .o {
    float: right;
    width: 30px;
}

.bm_h .o img {
    float: right;
    margin-top: 8px;
    cursor: pointer;
}

.bm_h .i {
    padding-left: 10px;
}

.bm_h .pn {
    margin-top: 4px;
}

.bm_h {
    padding: 0 10px;
    height: 31px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EDEDED;
    background: #F2F2F2;
    line-height: 31px;
    white-space: nowrap;
    overflow: hidden;
}

.bmw {
    border: 1px solid #EDEDED;
}

.bmw .bm_h {
    border-top-color: #FFF;
    border-right: 1px solid #FFF;
    border-bottom-color: #EDEDED;
    border-left: 1px solid #FFF;
    background: #F9F9F9;
}

.bmw .bm_h a {
    color: #555555;
}

.bml .bm_h {
    padding-top: 5px;
    border: none;
    background: transparent;
}

.bml .bm_c {
    padding-top: 0;
}

.bmn {
    padding: 7px 10px;
    border-color: #F3E5E9;
    background: #F9F9F9;
}

.fl {
    border: 1px solid #EDEDED;
    border-top: none;
    background: #FFF;
}

.fl .bm {
    margin-bottom: 0;
    border: none;
}

.fl .bm_h {
    border-width: 1px 0;
    border-color: #F3E5E9;
    ;
}

.fl .bm_c,
#online .bm_c,
.lk .bm_c {
    padding-top: 0;
    padding-bottom: 0;
}

.bm2 .bm2_b {
    float: left;
    width: 49%;
    border: 1px solid #EDEDED;
}

.bm2 .bm2_b_y {
    float: right;
}

.bw0 {
    background: transparent;
}

.bw {
    padding: 0 15px;
}

#pt {
    margin: 2px 0;
    height: 29px;
    border: none;
    background: transparent;
    line-height: 29px;
}

#pt .z {
    padding-right: 10px;
}

#pt .z a,
#pt .z em,
#pt .z span {
    float: left;
    height: 29px;
}

#pt .z em {
    width: 20px;
    background: url(http://bbs.itheima.com/static/image/common/pt_item.png) no-repeat 3px 10px;
    line-height: 200px;
    overflow: hidden;
}

.nvhm {
    width: 16px;
    background: url(http://bbs.itheima.com/static/image/common/search.png) no-repeat 0 0;
    line-height: 200px;
    overflow: hidden;
}

.ie_all #pt .z em {
    background-position: 3px 9px;
}

.ie_all .nvhm {
    background-position: 0 -1px;
}

#uhd {
    padding-top: 10px;
    border: 1px solid #CCC;
    border-bottom: none;
    background: #F9F9F9;
}

#uhd .tb a {
    border-width: 1px 0;
    border-top-color: #F9F9F9;
    border-bottom-color: #CCC;
}

#uhd .tb .a a {
    border: 1px solid #CCC;
    border-bottom-color: #FFF;
}

.ie6 #uhd .tb .a {
    position: relative;
}

#uhd .mn {
    float: right;
    margin-right: 15px;
    margin-bottom: -30px;
    line-height: 28px;
}

#uhd .mn a {
    padding: 2px 0 2px 20px;
    background: no-repeat 0 50%;
    color: #888;
}

#uhd .mn a:hover {
    color: #555555;
}

#uhd .mn .addflw a {
    background-image: url(http://bbs.itheima.com/static/image/common/flw_ico.png);
}

#uhd .mn .addf a {
    background-image: url(http://bbs.itheima.com/static/image/feed/friend.gif);
}

#uhd .mn .pm2 a {
    background-image: url(http://bbs.itheima.com/static/image/common/pmto.gif);
}

#uhd .h {
    padding-left: 75px;
}

#uhd .avt {
    display: inline;
    float: left;
    margin-left: -65px;
}

#uhd .mt {
    padding-bottom: 0;
}

#uhd .flw_hd {
    float: right;
    width: 260px;
    margin-right: 10px;
    margin-bottom: -30px;
}

#uhd .tns th,
#uhd .tns td {
    padding-left: 20px;
    text-align: left;
}

#uhd .flw_hd .o {
    padding-left: 20px;
}

.tns {
    padding: 10px 0;
}

.tns table {
    width: 100%;
}

.tns th,
.tns td {
    text-align: center;
    font-size: 12px;
}

.sd .tns th,
.sd .tns td {
    width: 110px !important;
}

.tns th {
    border-right: 1px solid #CCC;
}

.tns th p,
.tns td p {
    font-size: 14px;
    margin: 0;
}

.pls .tns {
    padding: 0 10px 10px;
}

.pls .tns th p,
.pls .tns td p {
    font-size: 12px;
    margin: 0;
}

.ih .icn {
    float: left;
    width: 60px;
}

.ih dl {
    margin-left: 60px;
}

.ih dt {
    font-size: 14px;
    font-weight: 700;
}

.ih dd {
    padding-bottom: 1em;
}

.ih dd strong {
    margin: 0 2em 0 4px;
    color: #C00;
}

.tb {
    margin-top: 10px;
    padding-left: 5px;
    line-height: 30px;
    border-bottom: 1px solid #EDEDED;
}

.tb li {
    float: left;
    margin: 0 3px -1px 0;
}

.ie6 .tb .a,
.ie6 .tb .current {
    position: relative;
}

.tb a {
    display: block;
    padding: 0 10px;
    border: 1px solid #EDEDED;
    background: #F9F9F9;
}

.tb .a a,
.tb .current a {
    border-bottom-color: #FFF;
    background: #FFF;
    font-weight: 700;
}

.tb a:hover {
    text-decoration: none;
}

.tb .y {
    float: right;
    margin-right: 0;
}

.tb .y a {
    border: none;
    background: transparent;
}

.tb .o {
    margin: 1px 4px 0 2px;
    border: 1px solid #235994;
}

.tb .o,
.tb .o a {
    height: 23px;
    line-height: 23px;
    background: #06C url(http://bbs.itheima.com/static/image/common/pn.png) repeat-x 0 -48px;
}

.tb .o a {
    padding: 0 15px;
    border: none;
    font-weight: 700;
    color: #FFF;
}

.ie6 .tb .o a {
    float: left;
}

.tb_h {
    margin: 0;
    padding: 0;
    background-color: #F9F9F9;
}

.tb_h li {
    margin-right: 0;
}

.tb_h a {
    border-top: none;
    border-left: none;
}

.tb_h .o {
    margin-top: 2px;
}

.tb_s {
    margin-top: 0;
    line-height: 26px;
}

.tbmu {
    padding: 8px 10px 8px 0;
    border-bottom: 1px dashed #EDEDED;
}

.tbmu a {
    color: #555555;
}

.tbmu .a {
    color: #666666;
    font-weight: 700;
}

.tbms {
    padding: 10px 10px 10px 26px;
    border: 1px dashed #FF9A9A;
    background: url(http://bbs.itheima.com/static/image/common/notice.gif) no-repeat 10px 50%;
}

.tbms_r {
    background-image: url(http://bbs.itheima.com/static/image/common/data_valid.gif);
}

.tbx {
    margin: 10px 0;
}

.tbx span {
    margin-right: 10px;
    cursor: pointer;
}

.tbx .a {
    padding: 3px 5px;
    border: solid #999;
    border-width: 0 1px 1px 0;
    background: #F2F2F2 url(http://bbs.itheima.com/static/image/common/thead.png) repeat-x 0 -20px;
}

.tbx strong {
    color: #555555;
}

.obn {
    border-bottom: 1px solid #EDEDED;
}

.obn select {
    width: 100%;
    margin-bottom: 5px;
}

.a_h {
    padding-top: 5px;
}

.a_mu {
    border: solid #EDEDED;
    border-width: 0 1px 1px;
    background: #F2F2F2;
}

.a_f {
    margin: 5px auto;
}

.a_b {
    float: right;
    margin: 0 0 5px 5px;
}

.a_t {
    margin-bottom: 10px;
}

.a_t table {
    width: 100%;
}

.a_t td {
    padding: 4px 15px;
    border: 1px solid #EDEDED;
}

.a_pr {
    float: right;
    overflow: hidden;
}

.a_pt,
.a_pb {
    background: url(http://bbs.itheima.com/static/image/common/ad.gif) no-repeat 0 50%;
    margin-bottom: 6px;
    padding-left: 20px;
    zoom: 1;
}

.a_fl,
.a_fr {
    float: right;
    position: fixed;
    top: 350px;
    z-index: 100;
}

.a_fl {
    left: 0;
}

.a_fr {
    right: 0;
    text-align: right;
}

* html .a_fl,
* html .a_fr {
    position: absolute;
    top: expression(offsetParent.scrollTop+350);
}

.a_cb {
    top: 20px
}

* html .a_cb {
    top: expression(offsetParent.scrollTop+20);
}

.a_af {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.a_cn {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 300;
}

* html .a_cn {
    position: absolute;
    top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
}

.a_cn .close {
    text-align: right;
}

.a_h,
.a_mu,
.a_c,
.a_p,
.a_f,
.a_t {
    text-align: center;
}

.xl li {
    margin: 2px 0;
}

.xl em {
    float: right;
    padding-left: 5px;
}

.xl em,
.xl em a {
    color: #999;
}

.xl label,
.xl label a {
    color: #C00;
}

.xl1 li {
    height: 1.5em;
    overflow: hidden;
}

.xl1_elp {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xl2 li {
    float: left;
    margin: 2px 0;
    padding: 0;
    width: 50%;
    height: 1.5em;
    overflow: hidden;
}

.xl ol,
ol.xl {
    background: url(http://bbs.itheima.com/static/image/common/sortnum.png) no-repeat 0 3px;
    line-height: 21px;
}

.xl ol li,
ol.xl li {
    background: none;
    padding-left: 20px;
}

.xl ol li,
ol.xl li {
    height: 21px;
}

.xld dt {
    padding: 8px 0 5px;
    font-weight: 700;
}

.xld dd {
    margin-bottom: 8px;
}

.xld .m {
    float: left;
    margin: 8px 8px 10px 0;
}

.xld .atc {
    float: right;
    margin-left: 20px;
}

.ie8 .xld .atc {
    max-width: 86px;
}

.xld .atc img {
    padding: 2px;
    max-width: 80px;
    max-height: 80px;
    border: 1px solid #CCC;
    background: #FFF;
}

.ie6 .xld .atc img {
    width: expression(this.width > 80 && this.width>=this.height ? 80:true);
    height: expression(this.height > 80 && this.width<=this.height ? 80:true);
}

.xld a.d,
.xl a.d,
.attc a.d,
.c a.d,
.sinf a.d {
    float: right;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 100px;
    background: url(http://bbs.itheima.com/static/image/common/op.png) no-repeat 0 -2px;
}

.attc a.d {
    float: left;
}

.xld a.d:hover,
.xl a.d:hover,
.attc a.d:hover,
.c a.d:hover,
.sinf a.d:hover {
    background-position: 0 -22px;
}

.xld a.b {
    background-position: 0 -40px;
}

.xld a.b:hover {
    background-position: 0 -60px;
}

.xlda dl {
    padding-left: 65px;
}

.xlda .m {
    display: inline;
    margin: 8px 0 8px -65px;
}

.xlda .avt img {
    display: block;
}

.xlda dd img {
    max-width: 550px;
}

* html .xlda dd img {
    width: expression(this.width > 550 ? 550:true);
}

.xlda dd a {
    color: #555555;
}

.xlda dd .hot {
    color: #555555;
}

.ml {}

.ml li {
    float: left;
    padding: 0 5px 5px;
    text-align: center;
    overflow: hidden;
}

.ml img {
    display: block;
    margin: 0 auto;
}

.ml p,
.ml span {
    display: block;
    width: 100%;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ml span,
.ml span a {
    color: #999;
}

.mls li {
    padding: 0 0 5px;
    width: 66px;
}

.mls .avt {
    display: block;
    margin: 0 auto;
    width: 54px;
}

.mls img {
    width: 48px;
    height: 48px;
}

.mls p {
    margin-top: 5px;
}

.mlm li {
    padding: 0 0 5px;
    width: 150px;
}

.mlm img {
    width: 120px;
    height: 120px;
}

.mla li {
    width: 140px;
    height: 224px;
}

.mla1 li {
    height: 150px;
}

.mla .c {
    margin: 0 auto;
    width: 136px;
    height: 150px;
    background: url(http://bbs.itheima.com/static/image/common/gb.gif) no-repeat 0 0;
    text-align: left;
}

.mla .a {
    background-position: 0 100%;
}

.mla .c a {
    display: block;
    padding: 14px 4px 3px 8px;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.mla img {
    max-width: 120px;
    max-height: 120px;
    _width: expression(this.width > 120 && this.width>=this.height ? 120:true);
    _height: expression(this.height > 120 && this.width<=this.height ? 120:true);
}

.mlp li {
    width: 140px;
    height: 140px;
}

.mlp .d {
    padding: 0 0 5px;
    width: 150px;
    height: 180px;
}

.mlp img {
    padding: 2px;
    max-width: 120px;
    max-height: 120px;
    border: 1px solid #CCC;
    background: #FFF;
}

* html .mlp img {
    width: expression(this.width > 120 && this.width>=this.height ? 120:true);
    height: expression(this.height > 120 && this.width<=this.height ? 120:true);
}

.gm,
.gs,
.gol,
.god {
    position: absolute;
    overflow: hidden;
    margin: -3px 0 0 -3px;
    width: 60px;
    height: 18px;
    background: url(http://bbs.itheima.com/static/image/common/gst.gif) no-repeat 0 0;
    display: block;
}

.gs {
    background-position: 0 -18px;
}

.gol {
    background-position: 0 -36px;
}

.god {
    margin: -5px 0px 0px 45px;
    background: url(http://bbs.itheima.com/static/image/common/access_disallow.gif) no-repeat 0 0;
}

.appl ul {
    margin: 3px 0;
}

.appl li {
    display: block;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.appl li a {
    text-decoration: none !important;
}

.appl img {
    margin: 5px 5px -3px 0;
}

.appl span {
    float: right;
    font-size: 12px;
}

.appl span a {
    color: #999;
}

.appl span a:hover {
    color: #555555;
}

.myo li {
    height: auto;
    line-height: 1.5;
}

.myo img {
    margin-bottom: -1px;
}

.myo a {
    color: #555555;
}

.tbn {
    margin: -6px -10px 0;
}

.tbn ul {
    margin: 0;
}

.tbn li {
    margin: 0 10px;
    height: 33px;
    border-bottom: 1px dashed #CCC;
}

.tbn li.a {
    margin: -1px 0 0;
    padding: 0 10px 0 9px;
    border-top: 1px solid #EDEDED;
    border-bottom-style: solid;
    background: #FFF;
}

.tbn ul a {
    display: block;
    height: 33px;
    line-height: 33px;
}

.tbn .mt {
    padding: 10px;
}

.notice_pm,
.notice_mypost,
.notice_interactive,
.notice_system,
.notice_manage,
.notice_app {
    float: left;
    width: 18px;
    height: 14px;
    background-image: url(http://bbs.itheima.com/static/image/common/ico_notice.png);
    margin: 11px 5px 5px 0;
}

.notice_pm {
    background-position: 0 0;
}

.notice_mypost {
    background-position: 0 -33px;
}

.notice_interactive {
    background-position: 0 -68px;
}

.notice_system {
    background-position: 0 -101px;
}

.notice_manage {
    background-position: 0 -135px;
}

.notice_app {
    background-position: 0 -169px;
}

.mg_img {
    padding: 10px;
    width: 76px;
    height: 76px;
    background: url(http://bbs.itheima.com/static/image/common/magic_imgbg.gif) no-repeat 0 0;
}

.lk img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 88px;
    height: 31px;
}

.lk p {
    color: #888;
}

.lk .m li {
    clear: left;
    padding: 0 0 10px 98px;
}

.lk .m img {
    display: inline;
    margin-top: 4px;
    margin-top: 1px\9;
    margin-left: -98px;
}

.lk .x li {
    float: left;
    margin-right: 5px;
    width: 88px;
    height: 1.5em;
    overflow: hidden;
}

.lk_logo .lk_content {
    float: left;
}

.tedt {
    width: 98%;
    border: 1px solid;
    border-color: #999 #CCC #CCC #999;
}

.tedt .bar {
    padding: 0 10px 0 0;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #EDEDED;
    background: #F2F2F2;
}

.fpd a {
    float: left;
    margin: 2px 5px 0 0;
    width: 20px;
    height: 20px;
    background: url(http://bbs.itheima.com/static/image/editor/editor.gif) no-repeat;
    text-indent: -9999px;
    line-height: 20px;
    overflow: hidden;
}

.fpd a.fbld {
    background-position: 0 0;
}

.fpd a.fclr {
    background-position: -60px 0;
}

.fpd a.fmg {
    background-position: 0 -20px;
}

.fpd a.flnk {
    background-position: -40px -20px;
}

.fpd a.fqt {
    background-position: -140px -20px;
}

.fpd a.fcd {
    background-position: -120px -20px;
}

.fpd a.fsml {
    background-position: -20px -20px;
}

.fpd a.fat {
    background-position: -140px 0;
}

.tedt .area {
    padding: 4px;
    background: #FFF;
    zoom: 1;
}

.tedt .pt {
    width: 100%;
    margin-right: 0;
    padding: 0 !important;
    border: none;
    background: #FFF none;
}

.tedt .pt:focus {
    outline: none;
    -moz-box-shadow: none;
}

.m_c .tedt {
    width: 600px;
}

.sllt {
    padding: 10px 5px 5px !important;
}

.sllt td {
    padding: 8px;
    border: none;
    cursor: pointer;
}

.sllt_p {
    *float: left;
    text-align: right;
}

.sllt_p a {
    margin-right: 5px;
    color: #069;
    text-decoration: underline;
}

.sl_pv {
    margin-top: 5px;
    padding: 8px;
    background: #FAFAFA;
    border: 1px solid #CCC;
}

.ie6 .slg,
.ie7 .slg {
    width: expression(this.parentNode.offsetWidth);
}

#diy-tg {
    float: right;
    padding: 0 !important;
    width: 56px;
    background: url(http://bbs.itheima.com/static/image/diy/panel-toggle.png) no-repeat 100% 4px;
    text-indent: -9999px;
    overflow: hidden;
}

#diy-tg_menu {
    position: absolute;
    margin: -2px 0 0 -1px;
    padding: 6px 0;
    width: 72px;
    height: 48px;
    line-height: 24px;
    background: url(http://bbs.itheima.com/static/image/diy/panel-toggle-drop.png) no-repeat 0 0;
    text-align: center;
}

#diy-tg_menu a {
    float: none !important;
}

#toptb #diy-tg_menu {
    margin: -7px 0 0 -17px;
}

#toptb a#sslct,
.switchwidth,
#toptb a.switchblind {
    margin-top: 5px;
    padding: 0 !important;
    width: 23px;
    height: 18px !important;
    background: url(http://bbs.itheima.com/static/image/common/switch_style.png) no-repeat 100% 0;
    text-indent: -9999px;
    overflow: hidden;
}

.switchwidth {
    background-image: url(http://bbs.itheima.com/static/image/common/switch_width.png);
}

.switchwidth:hover {
    background: url(http://bbs.itheima.com/static/image/common/switch_width.png) no-repeat 100% -36px;
}

#sslct_menu {
    padding: 6px 10px 10px;
}

.sslct_btn {
    float: left;
    margin: 4px 4px 0 0;
    width: 12px;
    height: 12px;
    border: 1px solid #EDEDED;
    cursor: pointer;
}

.sslct_btn i {
    float: left;
    display: inline;
    margin: 1px;
    width: 10px;
    height: 10px;
    background: #2E80D1;
    overflow: hidden;
    font-style: normal;
}

#toptb a.switchblind {
    width: 10px;
    background-image: none;
}

.p_pop,
.p_pof,
.sllt {
    padding: 4px;
    border: 1px solid;
    min-width: 60px;
    border-color: #DDD;
    background: #FEFEFE;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.ie6 .p_pop {
    width: 100px;
}

.p_pof .p_pop {
    padding: 0;
    border: none;
    box-shadow: none;
}

.p_pof {
    width: 500px;
}

.p_opt {
    padding: 10px;
}

.p_pop li {
    display: inline;
}

.p_pop a {
    display: block;
    padding: 3px 5px;
    border-bottom: 1px solid #F9F9F9;
    white-space: nowrap;
}

.p_pop li:last-child a {
    border: none;
}

.ie6 .p_pop li {
    zoom: 1;
    clear: both;
    width: 100%;
}

.ie6 .p_pop a {
    position: relative;
}

.p_pop a:hover,
.p_pop a.a,
#sctype_menu .sca {
    background-color: #F9F9F9;
    color: #555555;
    text-decoration: none;
}

.prompt_news,
.prompt_follower,
.prompt_news_0,
.prompt_follower_0,
.ignore_notice,
.prompt_concern {
    float: left;
    width: 18px;
    height: 14px;
    margin: 3px 3px 5px 0;
    display: inline;
    background: url(http://bbs.itheima.com/static/image/common/ico_notice.png) no-repeat 0 0;
}

.prompt_follower_0 {
    background-position: 0 -225px;
}

.prompt_news {
    background-image: url(http://bbs.itheima.com/static/image/common/new_pm.gif);
}

.prompt_follower {
    background-position: 0 -191px;
}

.prompt_concern {
    background-position: 0 -258px;
}

.ignore_notice {
    background: url(http://bbs.itheima.com/static/image/common/close.gif) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 12px;
    overflow: hidden;
}

.p_pop .ignore_noticeli a,
.p_pop .ignore_noticeli a:hover,
.p_pop .ignore_noticeli a.a {
    background: none;
    border-bottom: 0;
}

.p_pop .notice_interactive,
.p_pop .notice_system,
.p_pop .notice_manage,
.p_pop .notice_app,
.p_pop .notice_mypost {
    margin: 3px 2px 5px 0;
}

.ie6 .ignore_notice {
    display: none;
}

.blk a,
.inlinelist a {
    display: inline;
    padding: 0;
    border: none;
}

.blk a:hover {
    background: none;
    color: #666666;
    text-shadow: none;
    text-decoration: underline;
}

.inlinelist {
    padding: 5px;
}

.inlinelist a {
    float: left;
    width: 5em;
    height: 2em;
    overflow: hidden;
    text-align: center;
    line-height: 2em;
}

.h_pop {
    min-width: 120px;
    border-top: none;
}

.p_opt .txt,
.p_opt .txtarea {
    margin: 5px 0;
}

.p_pop .flbc,
.p_pof .flbc {
    margin-right: 8px;
    margin-top: 4px;
}

.t_l,
.t_c,
.t_r,
.m_l,
.m_r,
.b_l,
.b_c,
.b_r {
    overflow: hidden;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.t_l,
.t_r,
.b_l,
.b_r {
    width: 8px;
    height: 8px;
}

.t_c,
.b_c {
    height: 8px;
}

.m_l,
.m_r {
    width: 8px;
}

.t_l {
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
}

.t_r {
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
}

.b_l {
    -moz-border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
}

.b_r {
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
}

.m_c {
    background: #FFF;
}

.m_c .tb {
    margin: 0 0 10px;
    padding: 0 10px;
}

.m_c .c {
    padding: 0 10px 10px;
}

.m_c .o {
    padding: 8px 10px;
    height: 26px;
    text-align: right;
    border-top: 1px solid #CCC;
    background: #F2F2F2;
}

.m_c .el {
    width: 420px;
}

.m_c .el li {
    padding: 0;
    border: none;
}

.flb {
    padding: 10px 10px 8px;
    height: 20px;
    line-height: 20px;
}

.flb em {
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #555555;
}

.flb em a {
    text-decoration: none;
}

.flb .needverify {
    float: left;
    margin-left: 8px;
    padding-left: 13px;
    width: 45px;
    height: 21px;
    line-height: 21px;
    background: url(http://bbs.itheima.com/static/image/common/re_unsolved.gif) no-repeat 0 0;
    font-size: 12px;
    color: #999;
    font-weight: 400;
}

.flb .onerror,
.flb .onright {
    padding-left: 20px;
    height: auto;
    line-height: 140%;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
}

.flb .onerror {
    background: url(http://bbs.itheima.com/static/image/common/check_error.gif) no-repeat 0 50%;
}

.flb .onright {
    background: url(http://bbs.itheima.com/static/image/common/check_right.gif) no-repeat 0 50%;
    color: #888;
}

.flb span {
    float: right;
    color: #999;
}

.flb span a,
.flb strong {
    float: left;
    text-decoration: none;
    margin-left: 8px;
    font-weight: 400;
    color: #666666;
}

.flb span a:hover {
    color: #999;
}

.flbc {
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(http://bbs.itheima.com/static/image/common/cls.gif) no-repeat 0 0;
    cursor: pointer;
}

.flbc:hover {
    background-position: 0 -20px;
}

.floatwrap {
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    height: 280px;
}

.f_c {}

.f_c li {
    list-style: none;
}

.f_c hr.l {
    margin: 0;
}

.f_c a {
    color: #555555;
}

.f_c .list {
    margin: 0 auto 10px;
    width: 570px;
    border-top: 3px solid #EDEDED;
}

.f_c .list th,
.f_c .list td {
    padding: 5px 2px;
    height: auto;
    border-bottom: 1px dashed #EDEDED;
}

.f_c .list .btns th,
.f_c .list .btns td {
    border-bottom: none;
}

.f_c .th th,
.f_c .th td {
    padding: 10px 0;
}

.f_c .list th {
    background: none;
}

.nfl {
    height: auto !important;
    height: 320px;
    min-height: 320px;
}

.nfl .f_c {
    margin: 60px auto;
    padding: 20px;
    width: 580px;
    border: 3px solid #F2F2F2;
    background: #FFF;
}

.nfl .loginform {
    height: auto;
}

.nfl .clause {
    width: auto;
    height: auto;
}

.hasd {}

.hasd input {
    float: left;
    width: 121px;
}

.hasd input.crl {
    padding: 0;
    width: 20px;
    height: 20px;
    background: none;
    border-style: solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    border-width: 1px 0 1px 1px;
}

.hasd .spmediuminput {
    width: 115px;
}

.dpbtn {
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
    height: 21px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    background: #FFF url(http://bbs.itheima.com/static/image/common/newarow.gif) no-repeat 100% 0;
}

.dpbtn:hover {
    background-position: 100% -23px;
}

.hasd label {
    float: left;
}

.tpclg h4 a.dpbtn {
    float: right;
    border-width: 1px;
}

.tpclg h4 {
    font-weight: 400;
}

.tpclg .pt {
    margin: 5px 0;
    width: 212px;
    overflow: hidden;
}

.mark .dt,
.mark .tpclg h4 {
    width: 270px;
}

.mark .tpclg .pt {
    width: 260px;
}

#postbox dd.hasd input {
    width: 99px;
    margin-right: 0;
}

.colorbox {
    width: 130px !important;
}

.colorbox input {
    float: left;
    margin: 2px;
    padding: 0;
    width: 12px;
    height: 12px;
    border: 0;
    cursor: pointer;
}

.hrbox {
    width: 500px !important;
}

.hrbox input {
    float: left;
    margin: 2px;
    padding: 0;
    width: 495px;
    height: 25px;
    border: 0;
    cursor: pointer;
    background: #FFFFFF;
}

.postbgbox {
    width: 325px !important;
}

.postbgbox input {
    float: left;
    margin: 2px;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-color: #F7F7F7 #EFEFEF #EFEFEF #F7F7F7;
    cursor: pointer;
    background: #FFFFFF;
}

.pm {
    overflow: hidden;
    width: 400px;
}

.pm .flb {
    margin-bottom: 0;
    padding: 1px 5px 4px;
    background: #CCC url(http://bbs.itheima.com/static/image/common/pm.png) repeat-x 0 -101px;
}

* html .pm .flb {
    padding: 4px 5px 1px;
}

.pm .flb em {
    padding-left: 15px;
    background: url(http://bbs.itheima.com/static/image/common/pm.png) no-repeat 0 -65px;
    text-shadow: 1px 1px 1px #FFF;
    color: #666666;
    font-size: 12px;
}

.pm .flbc {
    background-image: url(http://bbs.itheima.com/static/image/common/pm.png);
}

.pm_tac {
    padding: 5px 10px;
    background: #F2F2F2;
}

.pm .c {
    padding: 0;
    background: #F2F2F2;
}

.pmb {
    position: relative;
    padding: 20px 20px 0;
    width: 360px;
    height: 280px;
    overflow: auto;
    overflow-x: hidden;
}

.pmb li {
    position: relative;
    margin-bottom: 10px;
}

.pmt {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: -6px;
    text-indent: -999px;
    width: 7px;
    height: 7px;
    background: url(http://bbs.itheima.com/static/image/common/pm.png) no-repeat -13px -40px;
    zoom: 1;
}

.pmd {
    float: left;
    padding: 5px 8px;
    background: #F0F0F0 url(http://bbs.itheima.com/static/image/common/pm-bg1.png) repeat-x;
    border: 1px solid;
    border-color: #E7E7E7 #BBB #999 #E7E7E7;
    word-wrap: break-word;
    -moz-box-shadow: 2px 2px 4px #DDD;
    -webkit-box-shadow: 2px 2px 4px #DDD;
    box-shadow: 2px 2px 4px #DDD;
    -moz-border-radius: 10px 10px 10px 0;
    -webkit-border-radius: 10px 10px 10px 0;
    border-radius: 10px 10px 10px 0;
}

.pmd,
.pmd img {
    max-width: 292px;
}

* html .pmd {
    width: expression(this.offsetWidth > 292 ? 292+'px':'auto');
}

* html .pmd img {
    width: expression(this.width > 292 ? 292:true);
}

.pmd .quote {
    overflow: hidden;
    margin: 0;
    padding-left: 16px;
    background: url(http://bbs.itheima.com/static/image/common/qa.gif) no-repeat 0 0;
    color: #888;
}

.pmd .quote blockquote {
    display: inline;
    margin: 0;
    padding-right: 16px;
    background: url(http://bbs.itheima.com/static/image/common/qz.gif) no-repeat 100% 100%;
}

.pmd .blockcode {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #888;
}

.pmd .blockcode code {
    font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif;
    font-size: 12px;
    line-height: 1.8em;
}

* html .pmd .blockcode code {
    font-family: 'Courier New', serif;
}

.pmm .pmt {
    right: -6px;
    left: auto;
    background-position: 0 -47px;
}

.pmm .pmd {
    float: right;
    background: #FEF5E7 url(http://bbs.itheima.com/static/image/common/pm-bg2.png) repeat-x;
    border-color: #FFC68C #F9D4A7 #F3BB65 #DDC4A9;
    -moz-box-shadow: -2px 2px 4px #DDD;
    -webkit-box-shadow: -2px 2px 4px #DDD;
    box-shadow: -2px 2px 4px #DDD;
    -moz-border-radius: 10px 10px 0 10px;
    -webkit-border-radius: 10px 10px 0 10px;
    border-radius: 10px 10px 0 10px;
}

.pmb h4 {
    text-align: center;
}

.pmfm {
    padding: 0 15px 15px;
}

.pmfm .tedt {
    width: 365px;
}

.pmfm .pt {
    height: 65px;
}

.pmfm .pn {
    float: right;
}

.pma a {
    margin-right: 5px;
}

.pmo {
    position: absolute;
    top: 8px;
    right: 10px;
    overflow: hidden;
    padding-left: 10px;
    width: 130px;
    height: 31px;
    line-height: 24px;
    line-height: 26px\9;
    background: url(http://bbs.itheima.com/static/image/common/pn.png) repeat-x 0 -320px;
    text-shadow: 1px 1px 1px #FFF;
}

.pmo em {
    display: block;
    padding: 3px 5px 4px 0;
    background: url(http://bbs.itheima.com/static/image/common/pn.png) no-repeat 100% -360px;
}

.pmo a {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding-right: 10px;
    background: url(http://bbs.itheima.com/static/image/common/pm.png) no-repeat 100% -222px;
    outline: none;
}

.pmo .b {
    background-position: 100% -278px;
}

.pmfl {
    position: absolute;
    top: 35px;
    right: 10px;
    z-index: 200;
    width: 138px;
    border: solid #CCC;
    border-width: 0 1px 1px;
    background: #FFF;
}

.pmfl .s,
.pmfl .o {
    padding: 5px;
    border-bottom: 1px solid #CCC;
    background: #F2F2F2;
}

.pmfl .o {
    border-bottom-color: #FFF;
}

.pmfl .s .px {
    padding-left: 20px;
    width: 101px;
    background: #FFF url(http://bbs.itheima.com/static/image/common/pm.png) no-repeat 0 -160px;
}

.pmfl .o .ps {
    width: 100%;
}

.pmfl ul {
    overflow: auto;
    overflow-x: hidden;
    width: 138px;
    height: 306px;
}

.pmfl li {
    padding: 5px;
    height: 24px;
}

.pmfl .avt {
    float: left;
    width: 29px;
    height: 29px;
}

.pmfl .avt img {
    padding: 0;
    width: 24px;
    height: 24px;
    border: none;
}

.pmfl .newpm img {
    margin: 1px 0 0 1px;
}

.pmfl p {
    overflow: hidden;
    white-space: nowrap;
    width: 78px;
}

.pmfl p .a {
    color: red;
}

.pmfl p .ol {
    color: #666666;
}

.pmfl strong {
    color: #000;
}

.rfm {
    margin: 0 auto;
    width: 760px;
    border-bottom: 1px dotted #EDEDED;
}

.rfm a {
    color: #555555;
}

.rfm .rq {}

.rfm th,
.rfm td {
    padding: 10px 2px;
    vertical-align: top;
    line-height: 24px;
}

.rfm .tipwide {
    padding-top: 0;
}

.rfm th {
    padding-right: 10px;
    width: 10em;
    text-align: right;
}

.rfm .px {
    width: 220px;
}

.rfm .px:focus {
    border-color: #555555;
    background: #FFF;
}

.rfm .p_tip {
    position: absolute;
    z-index: 2;
    display: none;
    padding-left: 10px;
    width: 390px;
    background: #FFF;
    color: #888;
    font-style: normal;
}

.rfm .p_chk {
    position: absolute;
    z-index: 1;
    padding-left: 10px;
    width: 390px;
    color: red;
    font-weight: 700;
    font-family: 'Microsoft Yahei', 'Simsun';
}

.rfm #emailmore {
    position: absolute;
}

.p_right {
    background: url(http://bbs.itheima.com/static/image/common/check_right.gif) no-repeat 10px 12px;
    width: 30px;
}

#returnmessage4 {
    display: none;
    padding: 10px 0;
    border-bottom: 1px solid #EDEDED;
    background: #FFE;
    text-align: center;
    font-weight: 700;
}

#returnmessage4.onerror {
    display: block;
}

.rfm .l {
    margin: 0;
}

.blr .c {
    padding: 0 10px 10px;
}

.login_slct a {
    margin-right: -8px;
    padding-right: 16px;
    background: url(http://bbs.itheima.com/static/image/common/arrwd.gif) no-repeat 100% 50%;
}

.fwin .rfm,
.nfl .f_c .rfm {
    width: 500px;
}

.fwin .rfm th,
.fwin .rfm td,
.nfl .f_c .rfm th,
.nfl .f_c .rfm td {
    padding: 6px 2px;
}

.fwin .loginb button {
    margin-left: 11.3em;
}

.nfl .f_c .loginb button {
    margin-left: 12em;
}

.passlevel {
    padding-left: 70px;
    background: url(http://bbs.itheima.com/static/image/common/passlevel.png) no-repeat 0 5px;
}

.passlevel1 {
    background-position: 0 -35px;
}

.passlevel2 {
    background-position: 0 -75px;
}

.passlevel3 {
    background-position: 0 -115px;
}

.blr {
    width: 580px;
    margin: 20px auto 30px;
}

.m_c .blr {
    margin: 0 auto;
}

.lgfm {
    font: 12px/1.5 'Microsoft Yahei', 'Simsun';
    float: left;
    margin-bottom: 10px;
    *margin-bottom: -10px;
    padding: 20px 0;
    width: 280px;
    border-right: 1px solid #CCC;
}

.rgs {
    margin-bottom: 10px;
}

.lgfm label,
.lgfm p,
.reginfo {
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    line-height: 22px;
}

.reginfo label {
    display: inline;
}

.reg_c {
    float: left;
    width: 200px;
}

.lgfm .txt,
.lgfm .px {
    padding: 2px 4px;
    height: 16px;
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    background-image: none;
}

.lgfm .txt,
.lgfm .px,
.lgfm .pt {
    width: 170px;
}

.lgfm .ftid a,
.lgfm .ftid a:hover {
    height: 20px;
    background-position: 100% -1px;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
}

.fsb {
    clear: both;
    margin-top: 8px;
    padding: 10px;
}

.fsb .z {
    padding-top: 5px;
}

.m_c .fsb {
    background: #F2F2F2;
    border-top: 1px solid #CCC;
}

.fsb .pns {
    margin-right: 8px;
}

.lgfm em,
.fsb em {
    float: left;
    width: 60px;
}

.fsb .pnr {
    *margin-top: 4px;
}

.nlf .txt {
    width: 230px;
}

.brls {
    overflow: auto;
    margin-bottom: 10px;
    width: 470px;
    height: 240px;
}

.sipt {
    float: none;
    margin: 0 0 10px;
    width: 234px;
    height: 20px;
    background-color: #FFF;
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    clear: left;
}

.sipt a {
    float: left;
    width: 54px;
    border: none;
}

.sipt a:hover,
.sipt a:focus {
    border: none;
}

.sipt .txt {
    float: left;
    width: 154px;
    border: none;
    outline: none;
    background: #FFF;
}

.sltp {
    float: none;
    margin: 10px 0;
    clear: both;
}

.sltp a,
.sltp a:hover,
.sltp a:focus {
    height: 20px;
    line-height: 20px;
    border-color: #EEE;
    background-color: transparent;
    background-position: 100% -1px;
    color: #069 !important;
}

.sltp a:hover,
.sltp a:focus {
    background-position: 100% -24px;
}

.lpsw label {
    float: left;
    padding-left: 4px;
    width: 61px;
    line-height: 150%;
}

.clck,
.sipt .clck {
    background: #FFF url(http://bbs.itheima.com/static/image/common/clck.gif) no-repeat 98% 50%;
}

.lgf {
    float: left;
    overflow: visible;
    margin: 47px 25px 10px 40px;
}

.lgf h4 {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
}

.lgf a {
    color: #555555;
}

.minf {
    margin-top: 23px;
}

#messagelogin {
    margin-top: 5px;
    border-top: 1px solid #EDEDED;
}

#messagelogin .flb {
    padding-left: 0;
}

#messagelogin .blr {
    margin: 0;
}

#messagelogin .lgfm {
    padding-top: 0;
}

#messagelogin .minf {
    margin-top: 0;
}

#messagelogin .fsb {
    padding: 0;
}

.fastlg {
    line-height: 24px;
}

.fastlg td {
    padding: 2px 0 2px 4px;
}

.fastlg_fm {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #EDEDED;
}

#ls_fastloginfield_ctrl {
    line-height: 20px;
    border: none;
    background-color: transparent;
    background-position: 100% -1px;
}

#ls_fastloginfield_ctrl:hover {
    background-position: 100% -24px;
}

.psw_w {
    padding-left: 5px;
}

.fastlg_l {
    padding-right: 4px !important;
    border-right: 1px solid #F9F9F9;
}

.poke {
    margin-bottom: 10px;
}

.poke li {
    float: left;
    margin: 0 1% 5px 0;
    width: 32%;
    height: 22px;
}

.poke img {
    vertical-align: middle;
}

.dt {
    border-top: 1px solid #EDEDED;
    width: 100%;
}

.dt th {
    background: #F2F2F2;
}

.dt td,
.dt th {
    padding: 7px 4px;
    border-bottom: 1px solid #EDEDED;
}

.dt .c {
    width: 50px;
}

.tdat {
    width: 100%;
    border: 1px solid #EDEDED;
}

.tdat th,
.tdat td {
    padding: 4px 5px;
    border: 1px solid #EDEDED;
}

.um {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #EDEDED;
    clear: left;
}

.umh {
    margin-bottom: 10px;
    overflow: hidden;
}

.umh h2,
.umh h3 {
    clear: left;
    font-size: 14px;
    float: left;
    background: #FFF url(http://bbs.itheima.com/static/image/common/arrow.gif) no-repeat right 6px;
    padding-right: 14px;
    cursor: pointer;
}

.schfaq h3 {
    background: none;
    cursor: default;
}

.umh h3 a {
    color: #888;
}

.umh h3 span {
    font-size: 12px;
    font-weight: 400;
    color: #888;
}

.umh h2 em,
.umh h3 em {
    margin-left: 8px;
    font-size: 12px;
    color: #999;
    font-weight: 400;
}

.umh_act {
    float: right;
}

.umh .umh_cb {
    display: none;
}

.umh .umh_ext {
    display: block;
}

.umn {
    background: url(http://bbs.itheima.com/static/image/common/dash.gif) repeat-x 0 10px;
    clear: left;
}

.umn h3 {
    background: #FFF url(http://bbs.itheima.com/static/image/common/arrow.gif) no-repeat right -35px;
    font-size: 14px;
}

.umn .umh_cb {
    display: block;
    background-color: #FFF;
    color: #888;
    cursor: pointer;
}

.umn .umh_ext {
    display: none;
}

.lum {}

.lum h2 {
    font-size: 14px;
}

.lum ul {
    padding: 1em 0 1em 2em;
    margin-bottom: 1em;
    border-bottom: 1px dashed #EDEDED;
}

.lum ul li {
    padding: 0.2em 0;
}

.pgs {}

.pgs #newspecial,
.pgs #newspecialtmp,
.pgs #post_reply,
.pgs #post_replytmp {
    float: left;
    margin-right: 5px;
}

.pg {
    float: right;
}

.pg,
.pgb {
    line-height: 26px;
}

.pg a,
.pg strong,
.pgb a,
.pg label {
    float: left;
    display: inline;
    margin-left: 4px;
    padding: 0 8px;
    height: 26px;
    border: 1px solid;
    border-color: #F3E5E9;
    background-color: #FFF;
    background-repeat: no-repeat;
    color: #666666;
    overflow: hidden;
    text-decoration: none;
}

.pg a.nxt,
.pgb a {
    padding: 0 10px;
}

.pg a:hover,
.pgb a:hover {
    border-color: #555555;
    color: #555555;
}

.pg a.nxt {
    padding-right: 25px;
    background-image: url(http://bbs.itheima.com/static/image/common/arw_r.gif);
    background-position: 90% 50%;
}

.pg a.prev {
    background-image: url(http://bbs.itheima.com/static/image/common/arw_l.gif);
    background-position: 50% 50%;
}

.pg strong {
    background-color: #F9F9F9;
}

.pgb a {
    padding-left: 25px;
    background-image: url(http://bbs.itheima.com/static/image/common/arw_l.gif);
    background-position: 10px 50%;
}

.pg label {
    cursor: text;
}

.ie6 .pg label {
    padding-top: 3px;
    height: 23px;
}

.pg label .px {
    padding: 0;
    width: 25px;
    height: 16px;
    line-height: 16px;
}

#pgt .pg,
#pgt .pgb {
    margin-top: 5px;
}

.bac {
    margin: 0;
    padding: 0;
    width: 70px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    overflow: hidden;
    text-decoration: none;
    background: url(http://bbs.itheima.com/static/image/common/pg_arw.png) no-repeat 0 0;
    text-align: center;
    text-indent: -7px;
    display: block;
}

#psd .bn .mbn input,
#postbox input {
    margin-right: 4px;
}

#postbox .mbn,
#psd .mbn {
    height: 1.6em;
    line-height: 1.6em;
}

.popupcredit {}

.pc_l,
.pc_c,
.pc_inner,
.pc_r {
    width: 29px;
    height: 56px;
    line-height: 56px;
    background: url(http://bbs.itheima.com/static/image/common/popupcredit_bg.gif) no-repeat 0 0;
}

.pc_c {
    width: 200px;
    background-position: 0 -56px;
    background-repeat: repeat-x;
}

.pc_inner {
    white-space: nowrap;
    text-align: center;
    width: auto;
    background-position: 50% -112px;
}

.pc_inner i {
    margin-right: 10px;
    font-size: 12px;
    font-style: normal;
    color: #FFF;
    font-weight: 400;
}

.pc_inner span {
    margin-right: 15px;
    color: #FFEA97;
    font-size: 14px;
    font-weight: 700;
}

* html .pc_inner span {
    display: inline-block;
}

.pc_inner span a {
    color: #FFEA97;
    text-decoration: underline;
}

.pc_inner span em {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
}

.pc_inner span u {
    font-size: 10px;
    text-decoration: none;
}

.pc_inner span em.desc {
    color: #930;
}

.pc_btn img {
    opacity: 0.5;
}

.pc_btn:hover img {
    opacity: 1;
}

.pc_r {
    background-position: -30px 0;
}

.popuptext .pc_l,
.popuptext .pc_c,
.popuptext .pc_inner,
.popuptext .pc_r {
    background: url(http://bbs.itheima.com/static/image/common/popuptext_bg.gif) no-repeat 0 0;
}

.popuptext .pc_c {
    width: 200px;
    background-position: 0 -56px;
    background-repeat: repeat-x;
}

.popuptext .pc_inner {
    white-space: nowrap;
    text-align: center;
    width: auto;
    background-position: 50% -112px;
}

.popuptext .pc_r {
    background-position: -30px 0;
}

#fjump_menu {
    padding: 7px 0 10px 10px;
}

#fjump_menu .sch {
    position: absolute;
    top: 6px;
    right: 10px;
}

.jump_bdl {
    overflow: hidden;
}

.jump_bdl li {
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 10px;
    padding: 5px;
    width: 178px;
    height: 300px;
    border: 1px solid #CCC;
    background: #FFF;
}

.ie6 .jump_bdl li {
    clear: none !important;
    float: left !important;
    width: 178px !important;
}

.bdl_title li {
    float: left;
    margin-right: 9px;
    padding: 0 1px;
    width: 189px;
    height: 33px;
    line-height: 23px;
    font-weight: 700;
}

.bdl_title .px {
    width: 80px;
}

.jump_bdl p {
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}

.jump_bdl .sub {
    text-indent: 1em;
}

.jump_bdl .child {
    text-indent: 2em;
}

.jump_bdl a {
    display: block;
    position: static !important;
    padding: 0 4px;
    text-decoration: none;
    color: #363636;
}

.jump_bdl .a a,
.jump_bdl .a a:hover {
    background-color: #F9F9F9;
}

.mgcmn {
    width: 100px;
}

.mgcmn a {
    padding-left: 25px;
    line-height: 16px !important;
}

.mgcmn img {
    position: absolute;
    margin-left: -20px;
}

.cmen {
    overflow: hidden;
    width: 63px;
}

.cmen a {
    overflow: hidden;
    float: left;
    width: 20px;
    height: 20px;
}

.focus {
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 300;
    overflow: hidden;
    width: 270px;
    background: #FFF;
}

* html .focus {
    position: absolute;
    top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
}

.fctrl {
    margin-left: 10px;
    font-weight: 400;
}

.fctrl img {
    margin-bottom: -4px;
}

.fctrl em {
    display: inline-block;
}

.focus .m img {
    width: 60px;
    height: 60px;
}

.focus dt {
    padding-top: 0;
}

.m_c .sec .secq {
    display: block;
    margin: 5px 0 10px;
}

.reason_slct {}

.reason_slct .reasonselect {
    height: 4.3em;
    overflow: scroll !important;
    overflow-x: auto !important;
}

.reason_slct .reasonselect li {
    white-space: nowrap;
}

.reason_slct .pt,
.reason_slct .px {
    width: 25.2em !important;
}

.reasonarea {
    height: 5.8em;
}

.reason_slct .reasonselect:hover {
    height: auto;
}

.filebtn {
    position: relative;
    margin: 0 auto;
    width: 60px;
    overflow: hidden;
}

.filebtn .pf {
    position: absolute;
    right: 0;
    height: 23px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.upfile {
    width: 220px;
}

.uploadform {
    padding: 0 10px;
    border: 1px dashed #EDEDED;
    background: #F2F2F2;
}

.progressWrapper {
    overflow: hidden;
    width: 100%;
}

.progressContainer {
    overflow: hidden;
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
}

.message {
    overflow: hidden;
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FD9;
    background-color: #FFC;
}

.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    overflow: hidden;
    white-space: nowrap;
    width: 323px;
    height: 18px;
    text-align: left;
    font-weight: 700;
    color: #555;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    clear: both;
    margin-top: 2px;
    width: 0;
    height: 2px;
    background-color: blue;
    font-size: 0;
}

.progressBarComplete {
    visibility: hidden;
    width: 100%;
    background-color: green;
}

.progressBarError {
    visibility: hidden;
    width: 100%;
    background-color: red;
}

.progressBarStatus {
    white-space: nowrap;
    margin-top: 2px;
    width: 337px;
    text-align: left;
}

a.progressCancel {
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    background: url(http://bbs.itheima.com/static/image/common/cancelbutton.gif) no-repeat -14px 0;
    font-size: 0;
}

a.progressCancel:hover {
    background-position: 0 0;
}

.swfupload {
    vertical-align: top;
}

.frame,
.frame-tab {
    margin-bottom: 10px;
    border: 1px solid #CCC;
    background: #FFF;
}

.title {
    padding: 0 10px;
    height: 32px;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    overflow: hidden;
}

.frame-title,
.frametitle,
.tab-title {
    background: #F2F2F2 url(http://bbs.itheima.com/static/image/common/title.png) repeat-x 0 100%;
}

.frame-1-1-l,
.frame-1-1-1-l,
.frame-1-1-1-c,
.frame-2-1-l,
.frame-1-2-l,
.frame-3-1-l,
.frame-1-3-l {
    float: left;
}

.frame-1-1-r,
.frame-1-1-1-r,
.frame-2-1-r,
.frame-1-2-r,
.frame-3-1-r,
.frame-1-3-r {
    float: right;
}

.frame-1-1-l,
.frame-1-1-r {
    width: 49.9%
}

.frame-1-1-1-l,
.frame-1-1-1-c,
.frame-1-1-1-r,
.frame-2-1-r,
.frame-1-2-l {
    width: 33.3%;
}

.frame-2-1-l,
.frame-1-2-r {
    width: 66.6%;
}

.frame-3-1-l,
.frame-1-3-r {
    width: 74.9%;
}

.frame-3-1-r,
.frame-1-3-l {
    width: 24.9%;
}

.frame .mn {
    margin-bottom: 0;
}

.frame .sd {
    min-height: 0;
    _height: auto;
}

.frame-1-1 .col-r {
    float: right;
    width: 49.9%;
}

.frame-1-1 .col-l {
    float: left;
    width: 49.9%;
}

.frame-1-2 .mn,
.frame-1-2 .col-r,
.frame .frame-1-2 .mn,
.frame .frame-1-2 .col-r {
    float: right;
    width: 66.6%;
}

.frame-1-2 .sd,
.frame-1-2 .col-l,
.frame .frame-1-2 .sd,
.frame .frame-1-2 .col-l {
    float: left;
    width: 33.3%;
}

.frame-2-1 .mn,
.frame-2-1 .col-l,
.frame .frame-2-1 .mn,
.frame .frame-2-1 .col-l {
    float: left;
    width: 66.6%;
}

.frame-2-1 .sd,
.frame-2-1 .col-r,
.frame .frame-2-1 .sd,
.frame .frame-2-1 .col-r {
    float: right;
    width: 33.3%;
}

.frame-1-3 .mn,
.frame-1-3 .col-r,
.frame .frame-1-3 .mn,
.frame .frame-1-3 .col-r {
    float: right;
    width: 74.9%;
}

.frame-1-3 .sd,
.frame-1-3 .col-l,
.frame .frame-1-3 .sd,
.frame .frame-1-3 .col-l {
    float: left;
    width: 24.9%;
}

.frame-3-1 .mn,
.frame-3-1 .col-l,
.frame .frame-3-1 .mn,
.frame .frame-3-1 .col-l {
    float: left;
    width: 74.9%;
}

.frame-3-1 .sd,
.frame-3-1 .col-r,
.frame .frame-3-1 .sd,
.frame .frame-3-1 .col-r {
    float: right;
    width: 24.9%
}

.frame-1-1-1 .col-l {
    float: left;
    width: 33.3%;
}

.frame-1-1-1 .col-c {
    float: left;
    width: 33.3%;
}

.frame-1-1-1 .col-r {
    float: right;
    width: 33.3%;
}

.frame .frame-1-1-1 .col-l,
.frame .frame-1-1-1 .col-c,
.frame .frame-1-1-1 .col-r {
    padding: 0;
    width: 33%;
}

.frame .frame-1-1 .col-l,
.frame .frame-1-1 .col-r {
    width: 49.9%;
}

.frame .title .titletext,
.block .title .titletext {
    float: left;
}

.frame-tab .tab-title .titletext {
    float: left;
    margin: 0 10px;
}

.tab-title {
    padding: 0;
    width: 100% !important;
    border: none;
}

.frame-tab .tb {
    margin-top: 0;
    padding-left: 15px;
    line-height: 32px;
    border: none;
}

.frame-tab .tb li {
    margin: 0;
    margin-left: -1px;
    font-weight: 400;
}

.frame-tab .tb li,
.frame-tab .tb li a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: none;
    background: transparent none;
}

* html .frame-tab .tb li a {
    float: left;
}

.frame-tab .tb .a a {
    background: #FFF;
    font-weight: 700;
}

.frame-tab .tb-c {
    padding: 10px 16px;
}

.block {
    margin: 10px 10px 0;
}

.frame-1-2 .sd .block,
.col-l .block,
.frame-2-1 .mn .block,
.frame-1-1-1 .col-c .block,
.frame-1-3 .sd .block,
.frame-3-1 .mn .block {
    margin-right: 10px;
}

.frame-1-2 .mn .block,
.col-r .block,
.frame-2-1 .sd .block,
.frame-1-1-1 .col-c .block,
.frame-1-3 .mn .block,
.frame-3-1 .sd .block {
    margin-left: 10px;
}

body#space .block {
    margin: 0 5px 10px;
}

.temp {
    margin: 1px;
}

#ct .frame {
    margin: 0;
    border: none;
}

.bx {
    border: none;
}

.bx .frame-1-1-1 {
    background: transparent url(http://bbs.itheima.com/static/image/common/vline2.png) repeat-y 320px 0;
}

.bx .frame-2-1 {
    background: transparent url(http://bbs.itheima.com/static/image/common/vline.png) repeat-y 645px 0;
}

.drag .block .title {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    font-weight: 700;
}

#ct .sd .block {
    margin: 0;
}

.block .xl1 ul li {
    padding-left: 10px;
    background: url(http://bbs.itheima.com/static/image/common/dot.gif) no-repeat 0 50%;
}

.ie_all .block .xl1 ul li {
    background-position: 0 6px;
}

.xfs {
    border-top: none;
}

.xfs .frame-title,
.xfs .frametitle,
.xfs .tab-title {
    border: none;
    background: transparent url(http://bbs.itheima.com/static/image/common/mu.png) repeat-x 0 0;
}

.xfs .frame-title,
.xfs .frametitle,
.xfs .tab-title,
.xfs .frame-title a,
.xfs .frametitle a,
.xfs .tab-title a {
    color: #FFF !important;
}

.xfs .tb li a {
    height: 32px;
    border: none !important;
}

.xfs .tb .a a {
    background: transparent url(http://bbs.itheima.com/static/image/common/mu.png) no-repeat 50% -165px;
}

.xfs_1 {
    border-color: #2267B5;
}

.xfs_1 .frame-title,
.xfs_1 .frametitle,
.xfs_1 .tab-title {
    background-color: #2267B5;
    background-position: 0 0;
}

.xfs_1 .tb .a a {
    background-position: 50% -66px;
}

.xfs_2 {
    border-color: #A90000;
}

.xfs_2 .frame-title,
.xfs_2 .frametitle,
.xfs_2 .tab-title {
    background-color: #A90000;
    background-position: 0 -99px;
}

.xfs_2 .tb .a a {
    background-position: 50% -165px;
}

.xfs_3 {
    border-color: #006C6C;
}

.xfs_3 .frame-title,
.xfs_3 .frametitle,
.xfs_3 .tab-title {
    background-color: #006C6C;
    background-position: 0 -198px;
}

.xfs_3 .tb .a a {
    background-position: 50% -264px;
}

.xfs_4 {
    border-color: #EC5A00;
}

.xfs_4 .frame-title,
.xfs_4 .frametitle,
.xfs_4 .tab-title {
    background-color: #EC5A00;
    background-position: 0 -297px;
}

.xfs_4 .tb .a a {
    background-position: 50% -363px;
}

.xfs_5 {
    border-color: #6F099E;
}

.xfs_5 .frame-title,
.xfs_5 .frametitle,
.xfs_5 .tab-title {
    background-color: #6F099E;
    background-position: 0 -396px;
}

.xfs_5 .tb .a a {
    background-position: 50% -462px;
}

.xfs_nbd {
    border: none;
}

.xfs_nbd .block {
    margin-top: 0;
    margin-bottom: 10px;
}

.xfs_nbd .col-l .block,
.xfs_nbd .frame-1-1-l .block,
.xfs_nbd .frame-2-1-l .block,
.xfs_nbd .frame-1-2-l .block,
.xfs_nbd .frame-3-1-l .block,
.xfs_nbd .frame-1-3-l .block,
.xfs_nbd .frame-1-1-1-l .block {
    margin-left: 0;
}

.xfs_nbd .sd .block,
.xfs_nbd .col-r .block,
.xfs_nbd .frame-1-1-r .block,
.xfs_nbd .frame-2-1-r .block,
.xfs_nbd .frame-1-2-r .block,
.xfs_nbd .frame-3-1-r .block,
.xfs_nbd .frame-1-3-r .block,
.xfs_nbd .frame-1-1-1-r .block {
    margin-right: 0;
}

.xbs {
    background: no-repeat 0 100%;
}

.xbs .title {
    padding-left: 0;
    padding-right: 10px;
    background: no-repeat 100% 0;
}

.xbs .titletext {
    float: left;
    padding-left: 10px;
    background: no-repeat 0 0;
}

.xbs .dxb_bc {
    padding-bottom: 6px;
    background: transparent no-repeat 100% 100%;
}

.xbs .module,
.xbs .portal_block_summary {
    padding: 10px 10px 4px;
    border-style: solid;
    border-width: 0 1px;
}

.xbs_1 {
    border: 1px solid #CCC;
}

.xbs_1 .title {
    padding: 0 10px;
    height: 31px;
    border-bottom: 1px solid #CCC;
    background: url(http://bbs.itheima.com/static/image/common/thead.png) repeat-x 0 0;
    line-height: 31px;
}

.xbs_1 .title,
.xbs_1 .title a {
    color: #666 !important;
}

.xbs_1 .dxb_bc {
    padding: 9px 10px;
}

.xbs_2 {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_2_ft.png);
}

.xbs_2 .title,
.xbs_2 .titletext {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_2_hd.png);
}

.xbs_2 .title,
.xbs_2 .title a {
    color: #F60 !important;
}

.xbs_2 .dxb_bc {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_2_ft_r.png);
}

.xbs_2 .module,
.xbs_2 .portal_block_summary {
    border-color: #E0E0E0;
}

.xbs_3 {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_3_ft.png);
}

.xbs_3 .title,
.xbs_3 .titletext {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_3_hd.png);
}

.xbs_3 .title,
.xbs_3 .title a {
    color: #FFF !important;
}

.xbs_3 .dxb_bc {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_3_ft_r.png);
}

.xbs_3 .module,
.xbs_3 .portal_block_summary {
    border-color: #B2B2B2;
    background-color: #F1F1F1;
}

.xbs_4 {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_4_ft.png);
}

.xbs_4 .title,
.xbs_4 .titletext {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_4_hd.png);
}

.xbs_4 .title,
.xbs_4 .title a {
    color: #FFF !important;
}

.xbs_4 .dxb_bc {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_4_ft_r.png);
}

.xbs_4 .module,
.xbs_4 .portal_block_summary {
    border-color: #B2B2B2;
}

.xbs_5 {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_5_ft.png);
}

.xbs_5 .title {
    padding: 0 10px;
    height: 30px;
    border: 1px solid;
    border-color: #F08C3B #F08C3B #DDD;
    background: url(http://bbs.itheima.com/static/image/diy/bs_5_hd.png) repeat-x 0 0;
    line-height: 30px;
}

.xbs_5 .title,
.xbs_5 .title a {
    color: #BC4A2D !important;
}

.xbs_5 .dxb_bc {
    padding-bottom: 10px;
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_5_ft_r.png);
}

.xbs_5 .module,
.xbs_5 .portal_block_summary {
    padding: 10px 10px 0;
    border-color: #F08C3B;
}

.xbs_6 {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_6_ft.png);
}

.xbs_6 .title,
.xbs_6 .titletext {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_6_hd.png);
    line-height: 24px;
}

.xbs_6 .titletext {
    height: 32px;
}

.xbs_6 .title,
.xbs_6 .title a {
    color: #FFF !important;
}

.xbs_6 .dxb_bc {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_6_ft_r.png);
}

.xbs_6 .module,
.xbs_6 .portal_block_summary {
    border-color: #4B85A0;
}

.xbs_7 {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_7_ft.png);
}

.xbs_7 .title,
.xbs_7 .titletext {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_7_hd.png);
}

.xbs_7 .title,
.xbs_7 .title a {
    color: #444 !important;
}

.xbs_7 .dxb_bc {
    background-image: url(http://bbs.itheima.com/static/image/diy/bs_7_ft_r.png);
}

.xbs_7 .module,
.xbs_7 .portal_block_summary {
    border-color: #E5E5E5;
}

.fcs {
    font-size: 12px;
}

.fcs dt,
.fcs dd {
    margin: 0;
    padding: 0;
}

.fcs dt {
    font-size: 18px;
    font-weight: 100;
}

.fcs dd,
.fcs dd a {
    color: #888;
}

.slideblock {
    position: relative;
}

.slideshow {
    clear: both;
}

.slideshow li {
    position: relative;
    overflow: hidden;
}

.slideshow span.title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-indent: 10px;
}

.slideshow span.title,
.slidebar li {
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
    color: #FFF;
    overflow: hidden;
}

.slidebar li {
    float: left;
    margin-right: 1px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
}

.slidebar li.on {
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50FFFFFF, endColorstr=#50FFFFFF);
    color: #000;
    font-weight: 700;
}

.cl_frame_bm {
    margin: 0 !important;
    border: 0 !important;
}

.cl_block_bm {
    margin: 0 !important;
    border: 0 !important;
}

.cl_block_bm .dxb_bc {
    margin: 0 !important;
}

.b_poll dt {
    padding-left: 20px;
    background: url(http://bbs.itheima.com/static/image/common/pollsmall.gif) no-repeat 0 9px;
}

.b_poll dd li {
    padding: 0 0 4px 20px;
}

.b_poll dd li .pc {
    float: left;
    margin: 4px 0 0 -20px;
}

.b_debate {}

.b_debate dt {
    padding-left: 20px;
    background: url(http://bbs.itheima.com/static/image/common/debatesmall.gif) no-repeat 0 10px;
}

.b_debate .chart {
    position: relative;
    margin: 8px auto;
    padding: 0;
    width: 279px;
    height: 78px;
    background: url(http://bbs.itheima.com/static/image/common/p_debate_chart.png) no-repeat 0 0;
}

.b_debate .chart strong {
    position: absolute;
    top: 25px;
    width: 80px;
    font-size: 14px;
    text-align: center;
}

.b_debate .chart .debater2 {
    right: 0;
}

.b_debate .chart1,
.b_debate .chart2 {
    position: absolute;
    left: 80px;
    bottom: 0;
    width: 40px;
    background: url(http://bbs.itheima.com/static/image/common/p_debate_chart.png) no-repeat 0 -78px;
}

.b_debate .chart2 {
    left: 159px;
    background-position: 100% -78px;
}

.b_debate p {
    height: 1.5em;
    overflow: hidden;
}

.b_hstab td {
    padding: 5px 0;
    border-bottom: 1px solid #EDEDED;
}

.tip {
    position: absolute;
    padding: 10px;
    width: 260px;
    border: 1px solid #B1B1B1;
    background: #FEFEE9;
}

.tip_1,
.tip_2 {
    margin-top: 8px;
}

.tip_3,
.tip_4 {
    margin-top: -8px;
}

.tip_horn {
    position: absolute;
    width: 11px;
    height: 6px;
    overflow: hidden;
}

.tip_1 .tip_horn {
    left: 5px;
    top: -6px;
    background: url(http://bbs.itheima.com/static/image/common/tip_top.png);
}

.tip_2 .tip_horn {
    right: 5px;
    top: -6px;
    background: url(http://bbs.itheima.com/static/image/common/tip_top.png);
}

.tip_3 .tip_horn {
    right: 5px;
    bottom: -6px;
    background: url(http://bbs.itheima.com/static/image/common/tip_bottom.png);
}

.tip_4 .tip_horn {
    left: 5px;
    bottom: -6px;
    background: url(http://bbs.itheima.com/static/image/common/tip_bottom.png);
}

.tip_js .tip_horn {
    right: 61px;
    bottom: -6px;
    background: url(http://bbs.itheima.com/static/image/common/tip_bottom.png);
}

.aimg_tip {
    margin-top: 0;
}

em.hot {
    position: absolute;
    left: -2px;
    top: -2px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(http://bbs.itheima.com/static/image/common/hot.png) no-repeat 0 0;
}

.gsh {
    text-align: center;
}

.gsh h1 {
    margin: 1em 0 0.5em -60px;
    font-size: 16px;
    font-weight: 100;
}

.gsh .px {
    width: 272px;
}

.gsh .pns .px {
    margin-right: 3px;
    width: 190px;
}

.card {
    padding: 0;
    width: 295px !important;
    border-color: #F3E5E9;
    background: #FDFEFF;
}

.card .p_opt {
    padding: 0;
}

.card .avt {
    position: absolute;
    display: inline;
    margin-left: -70px;
    width: 70px;
}

.card_mn,
.card_info {
    padding: 10px 10px 10px 80px;
}

.card_mn {
    min-height: 56px;
}

.ie6 .card_mn {
    height: 56px;
}

.card_info {
    border: dashed #EDEDED;
    border-width: 1px 0;
}

.card_msg {
    width: 95%;
    height: 4em;
}

.card a {
    padding: 0;
    display: inline !important;
    white-space: normal;
    border-bottom: none;
}

.card a:hover {
    background-color: transparent !important;
    color: #363636;
    text-shadow: none;
}

.card .o {
    clear: both;
    padding: 5px 10px;
}

.card .o a {
    float: left;
    margin: 3px 5px 3px 0;
    padding: 2px 0;
    width: 5em;
    border: 1px solid #F3E5E9;
    background: #F9F9F9 url(http://bbs.itheima.com/static/image/common/card_btn.png) repeat-x 0 100%;
    line-height: 14px;
    text-align: center;
}

.ie_all .card .o a {
    padding: 3px 0 0;
}

.card .mgc,
.card .f {
    padding: 0 10px 5px;
}

.card .f li {
    display: block;
}

.card_gender_0 {
    background: #efefef url(http://bbs.itheima.com/static/image/common/nosexbg.png) no-repeat bottom right;
}

.card_gender_1 {
    background: #bbebf9 url(http://bbs.itheima.com/static/image/common/gentlemanbg.png) no-repeat bottom right;
}

.card_gender_2 {
    background: #fce0df url(http://bbs.itheima.com/static/image/common/ladybg.png) no-repeat bottom right;
}

.ss em {
    display: block;
    float: left;
    margin-right: 2px;
    padding-left: 7px;
    width: 16px;
    line-height: 23px;
    background: #EEE;
    cursor: pointer;
}

.ss em.a {
    background: #09F;
    color: #FFF;
}

.dopt a {
    float: left;
    margin-right: 3px;
    width: 21px !important;
    height: 21px;
    line-height: 21px;
    text-align: center;
}

.dopt_b,
.dopt_i,
.dopt_l {
    border: 1px solid #F1F5FA;
    outline: none;
}

.dopt .cnt {
    border: 1px solid #999;
    background-color: #FFF;
}

.colorwd {
    margin-left: 3px;
    width: 23px !important;
    background-color: #888;
    background-image: url(http://bbs.itheima.com/static/image/common/pn_color.png) !important;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.colorwd:active {
    background-position: 0 0;
}

.ie6 .colorwd,
.ie7 .colorwd {
    background-position: -1px -1px;
}

.ie6 a.colorwd,
.ie7 a.colorwd {
    background-position: 0 0;
}

.colorpx {
    margin: 0 -3px 0 3px;
    border-right: none;
}

.slidebox,
.block-name {
    display: none;
}

.imgzoom_title {
    padding: 10px 0 0;
    color: #666;
}

.imgzoom_exif {
    position: absolute;
    left: 10px;
    bottom: 24px;
    padding: 0 6px;
    height: 18px;
    background: rgba(0, 0, 0, .6);
    text-align: left;
    line-height: 1.5;
    color: white;
    overflow: hidden;
}

.imgzoom_exif_hover {
    height: auto;
}

.ie_all .imgzoom_exif,
.imgzoom_exif_hover {
    background: #000;
}

.ie6 .imgzoom_exif {
    bottom: 39px;
}

.patch {
    width: 300px;
}

.patch .bm {
    border-color: #F26C4F;
    background: #FFF;
}

.patch .allfixed {
    border-color: #6C3;
}

.patch .bm_h {
    border: solid #FFF;
    border-width: 1px 1px 0;
    background: #F26C4F;
}

.patch .allfixed .bm_h {
    background: #6C3;
}

.patch h2,
.patch .bm_h .y {
    color: #FFF;
}

.patch table {
    table-layout: fixed;
}

.patch th,
.patch td {
    padding: 2px;
    border-bottom: 1px dotted #CDCDCD;
}

.patchdate {
    width: 70px;
}

.patchstat {
    width: 55px;
}

.unfixed {
    color: #F26C4F;
}

.plugin {
    width: 270px;
}

.plugin .bm_h {
    border-color: #EDEDED;
    color: #363636;
    background: #F2F2F2;
}

.waterfall {
    position: relative;
    margin-top: 15px;
}

.waterfall li {
    margin: 0 10px 10px 0;
    padding: 0 0 3px;
    text-align: left;
    border-width: 1px 0 0;
    border-top: 1px solid #EAEAEA;
    background: url(http://bbs.itheima.com/static/image/common/bg_waterfall.png) no-repeat 100% 100%;
}

.waterfall .c,
.waterfall h3 {
    padding: 10px;
    border: solid #EAEAEA;
    border-width: 0 1px;
    background-color: #F8F8F8;
}

.waterfall .c {
    overflow: hidden;
    padding-bottom: 0;
    max-height: 800px;
}

.waterfall .c .nopic {
    display: block;
    background: #FFF url(http://bbs.itheima.com/static/image/common/nophototiny.png) no-repeat 50% 50%;
    cursor: pointer;
}

.waterfall .auth {
    padding: 0 10px 10px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: transparent #EAEAEA #B9B9B9;
    background: #F8F8F8;
}

.waterfall .auth img {
    display: inline-block;
    margin: 0 1px;
}

.pgbtn {
    margin: 5px 0 10px;
}

.pgbtn a {
    display: block;
    height: 40px;
    line-height: 40px;
    letter-spacing: 5px;
    text-align: center;
    border: 1px solid #DCDCDC;
    font-size: 14px;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 1px 0 #F5F5F5;
}

.pgbtn a:hover {
    border-color: #BABABA;
    text-decoration: none;
}

.pgbtn a:active {
    background: #EEE;
    border-color: #D0D0D0;
    box-shadow: none;
}

body {
    background: #F3F3F3
}

body#nv_misc,
body#nv_home {
    background: #F6F6F6
}

body.pg_announcement {
    background: #EEEEEE
}

body.pg_announcement .ct2_a {
    min-height: 600px !important;
    margin-bottom: 30px
}

.box {
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    background: #FFFFFF
}

.a_h img,
.a_mu img {
    max-width: 1100px
}

.pg_guide #Quater_headtop {
    margin-bottom: 0 !important
}

.pg_guide .hd_logo {
    margin-bottom: 20px !important
}

.fm_line {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.07);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#10000000, endColorstr=#10000000);
}

.myfav_img img {
    max-width: 60px !important
}

.myfav_img .fl_g dt a {
    font-size: 15px
}

#nv_search #toptb {
    height: 40px !important;
    line-height: 40px !important;
    background: #3E4147 !important
}

#nv_search #toptb a {
    height: 40px !important;
    line-height: 40px !important
}

#nv_search #toptb .qq_bind {
    margin-top: 10px
}

.notice_pm,
.notice_mypost,
.notice_interactive,
.notice_system,
.notice_manage,
.notice_app {
    margin-top: 18px !important
}

#nv_search .sttl {
    width: 1000px;
    padding: 10px 10px 10px 18px !important;
    margin: 20px 0 10px 30px !important;
    border-bottom: 0 !important;
    font-size: 16px;
    background: url(http://bbs.itheima.com/template/gfquan/src/b_dot.png) no-repeat left center transparent !important
}

#nv_search .searchform {
    padding: 20px 50px;
    margin: 0 -20px;
    background: #F0F0F0
}

#nv_search .slst {
    width: 1000px !important;
    padding-left: 18px;
    margin: 0 0 20px 30px !important
}

#nv_search #ft {
    padding: 20px 0 !important;
    margin: 0 !important;
    background: #F0F0F0 !important
}

,
#nv_search #ft,
#nv_search #ft a {
    color: #999999
}

.hides {
    padding-top: 40px !important
}

#mdly {
    overflow: visible !important
}

#mdly .cp {
    display: none !important
}

.pg_logging .flb {
    padding: 10px 0 0 0
}

a:hover {
    text-decoration: none
}

.m_c .c {
    padding: 0 10px
}

#fwin_login .m_c .c {
    padding: 0 20px !important
}

.ie7 #fwin_login .m_c .c {
    padding: 0 10px 0 30px !important
}

.tl .th {
    margin-top: 0 !important
}

#fwin_login.fwinmask {
    margin: -100px 0 0 70px !important
}

#threadlist.tl .th {
    margin-top: 0 !important
}

.nfl .f_c {
    border: 0
}

#pt {
    margin: 12px 0
}

#editorbox {
    padding: 0
}

.ct2_a {
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.pbr {
    height: 10px !important
}

.appl {
    float: left;
    padding: 0;
    margin-bottom: 10px;
    background: none;
    width: 196px;
    overflow: visible
}

.appl li {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden
}

.tbn {
    margin: 0
}

.tbn li {
    padding: 0;
    margin: 0 20px;
    height: 50px;
    border-bottom: 1px solid #E6E6E6
}

.tbn ul {
    margin: 0
}

.tbn ul a {
    display: block;
    height: 50px;
    line-height: 50px
}

.tbn li.a {
    border-left: 3px solid #1499f8;
    margin-left: 0;
    background: #FFFFFF;
    color: #1499f8;
    padding-left: 17px;
    width: 168px;
    border-top: 1px solid #e6e6e6;
    margin-top: -1px
}

.tbn li.a a {
    color: #1499f8
}

.tbn .mt {
    padding: 10px 15px
}

.tbn h2 {
    font-weight: bold;
    color: #555555
}

.xi1,
.onerror {
    color: #F26C4F
}

.xw1 {
    font-weight: bold
}

.bm_h {
    border-top: 0
}

.bmw .bm_h {
    border-left: 0;
    border-right: 0
}

.ct2_a .bm_h {
    position: relative;
    padding: 0 20px;
    height: 50px;
    border-bottom: 1px solid #eee;
    background: #FFFFFF;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden
}

.ct2_a .bm_h h2 {
    position: absolute;
    height: 16px;
    line-height: 16px;
    top: 18px;
    left: 0;
    font-size: 16px;
    font-weight: 400
}

.rank2 .bm_c {
    width: 105%;
    padding: 20px 0
}

.ct2_a .rank2 .xl2 li {
    width: 43% !important;
    margin-right: 55px;
    font-size: 13px !important
}

.rank2 .bm_c li span {
    float: left;
    width: 12px;
    height: 21px;
    line-height: 21px;
    display: inline-block;
    font-size: 32px;
    color: #999999
}

.rank2 .bm_c li a {
    float: left;
    display: inline-block;
    max-width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.xl2 {
    background: none !important
}

.ct2_a .xl2 li {
    width: 100% !important;
    font-size: 14px
}

.pnc,
a.pnc,
.pn {
    border: 0;
    background-color: #4FC277
}

.pn {
    height: 28px;
    line-height: 28px;
    color: #FFFFFF;
    border: 0;
    border-radius: 0;
    background: #1499f8
}

.pnc {
    height: 28px;
    line-height: 28px
}

.pnc em {
    padding: 0 15px
}

.moodfm_btn {
    padding: 0 !important;
    margin: 0 0 0 8px !important;
    color: #FFFFFF;
    border: 0;
    border-radius: 0;
    background: none !important
}

.moodfm_btn button {
    margin: 0 0 0 5px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    opacity: 1 !important;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    background: #4FC277
}

#moodfm textarea {
    height: 50px !important;
    padding: 6px 10px 0 10px;
    margin: 0 6px 0 0
}

.emp {
    padding: 20px 5px;
    font-size: 13px;
    color: #777777
}

.nfl .f_c .rfm th {
    display: none
}

#fwin_dialog .actl th {
    width: 50px
}

.ct2_a .tb {
    margin-bottom: 8px
}

.tb {
    padding-left: 0;
    line-height: 35px
}

.tb a {
    font-size: 14px;
    display: block;
    padding: 0 10px;
    border: 0;
    background: #FFFFFF !important
}

.tb a {
    padding: 0 5px;
    margin: 0 6px 0 0
}

.tb .a a,
.tb .current a {
    border-bottom-color: #FFF;
    background: #FFF;
    color: #1499f8;
    font-weight: 700;
    border-bottom: 2px solid #1499f8
}

.tb .o {
    height: 28px;
    line-height: 28px;
    border: 0;
    border-radius: 0;
    background: none !important
}

.tb .o a {
    height: 28px;
    line-height: 28px;
    border: 0;
    border-radius: 0;
    background: #4FC277 !important
}

.ie7 .pg_logging .rfm th,
.ie7 .fwin .rfm th,
.ie8 .pg_logging .rfm th,
.ie8 .fwin .rfm th {
    display: none
}

.ie7 .fwin .rfm,
ie8 .fwin .rfm {
    width: 350px
}

.ie7 .login_btn .pn,
.ie8 .login_btn .pn {
    width: 328px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    border-radius: 0;
    background-color: #1499f8
}

.ie7 .rfm .px,
.ie8 .rfm .px {
    width: 306px !important;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    border-radius: 0;
    font-size: 13px
}

.ie7 .seccode_1 .px,
.ie8 .seccode_1 .px {
    width: 120px !important;
    height: 22px;
    line-height: 22px
}

.ie7 .login_now,
.ie8 .login_now {
    float: left;
    width: 150px;
    padding-left: 92px;
    padding-bottom: 25px;
    color: #1499f8;
    font-size: 16px
}

.ie7 .login_now a,
.ie8 .login_now a {
    color: #78B1F6
}

.topbar {
    width: 100%;
    height: 30px;
    background: #EBEBEB;
    border-bottom: 1px soli #DFDFDF;
    position: absolute
}

.topbar .inner {
    width: 1100px;
    margin: 0 auto;
    color: #565656;
    font-family: "微软雅黑", Microsoft YaHei;
}

.topbar .top_l {
    float: left;
    width: 440px;
    text-align: left;
    display: inline-flex;
}

.topbar p {
    line-height: 30px;
    font-size: 12px;
    text-align: right
}

.topbar p a {
    margin-right: 10px;
}

.topbar .top_r {
    float: right;
}

#ft {
    background: none !important
}

#footer {
    background: #2D3237 !important;
}

.footer {
    width: 100% !important;
    min-width: 1160px;
    margin: 15px 0 0 0;
    font-size: 12px;
    overflow: hidden;
    background: #2D3237
}

.footer a:hover {
    color: #3ca5f6;
    text-decoration: none
}

.footer .ft_e5box {
    text-align: right;
    padding: 20px 0;
    background: #FFFFFF
}

#ft {
    border: 0 !important
}

.footer .footert {
    width: 100%;
    min-width: 1160px;
    height: 185px;
    text-align: center;
    margin: 0 auto
}

.footer .footert .footertw {
    width: 1160px;
    height: 145px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    padding-top: 25px;
}

.footer .footert .footertl {
    float: left;
    width: 860px;
    height: 145px;
    overflow: hidden;
    padding-top: 5px;
    text-align: left
}

.footer .footert .footertl .fabout {
    width: 450px;
    height: 115px;
    padding: 0 0 0 15px;
    float: left;
    border-right: 1px #575B5F solid
}

.footer .footert .footertl .fabout dt {
    background: url(http://bbs.itheima.com/template/gfquan/src/fico1.jpg) left center no-repeat;
    text-indent: 25px;
    line-height: 35px
}

.footer .footert .footertl .ftousu {
    width: 200px;
    height: 115px;
    padding: 0 10px 0 20px;
    float: left;
    border-right: 1px #575B5F solid
}

.footer .footert .footertl .ftousu dd {
    float: left;
    width: 100px
}

.footer .footert .footertl .ftousu dt {
    background: url(http://bbs.itheima.com/template/gfquan/src/fico2.jpg) left center no-repeat;
    text-indent: 25px;
    line-height: 35px
}

.footer .footert .footertl .flianxi {
    width: 118px;
    height: 115px;
    padding: 0 10px 0 25px;
    float: left;
    border-right: 1px #575B5F solid
}

.footer .footert .footertl .flianxi dt {
    background: url(http://bbs.itheima.com/template/gfquan/src/fico3.jpg) left center no-repeat;
    text-indent: 25px;
    line-height: 35px
}

.footer .footert .footertl dt {
    color: #fff;
    font-size: 16px
}

.footer .footert .footertl dd {
    color: #ABA6A6;
    font-size: 13px;
    line-height: 28px
}

.footer .footert .footertl dd a {
    color: #ABA6A6;
    font-size: 13px;
    padding: 0 7px
}

.footer .footert .footertl dd a:hover {
    color: #3ca5f6
}

.footer .footert .footertr {
    float: left;
    width: 300px;
    height: 145px;
    overflow: hidden
}

.footer .footert .footertr li {
    float: left;
    text-align: right;
    width: 130px;
    height: 145px;
    overflow: hidden
}

.ct2_a,
.ct3_a {
    background-color: #FFFFFF
}

.ct2_a {
    background-color: #FFFFFF
}

.ct2 .mn {
    width: 860px
}

body.pg_dsu_paulsign {
    background: #F0F4FB
}

.pg_dsu_paulsign .bm {
    margin-bottom: 20px
}

.pg_dsu_paulsign .ct2 .mn {
    width: 820px;
    padding: 20px;
    background: #FFFFFF
}

.ct2_a .mn {
    width: 860px;
    padding-top: 20px;
    margin-right: 20px
}

.ct3_a .mn {
    width: 645px;
    padding-top: 18px !important
}

#mood_mystatus {
    width: 505px !important
}

.time.tdats .tfxf {
    width: 710px !important
}

.time.tdats .tfx {
    width: 350px !important
}

.mi .moodfm_input {
    width: 440px !important;
    background: #F8F8F8 !important
}

.mi #moodfm textarea {
    width: 425px !important;
    background: none !important
}

.biduser {
    width: 830px !important
}

.bid {
    margin: 20px 0 15px 0 !important
}

.headboxfixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 180;
    left: 0;
    height: 50px !important;
    line-height: 50px !important;
    padding-bottom: 0;
    margin-top: 0;
    background: #00599F !important
}

.headboxfixed a {
    line-height: 50px !important;
    margin-right: 12px !important;
    color: #FFFFFF !important
}

.pic_list li {
    position: relative;
    width: 270px;
    height: 160px;
    margin: 0 0 15px 0;
    overflow: hidden
}

.pic_list li p {
    position: absolute;
    bottom: -35px;
    width: 250px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    background: url(http://bbs.itheima.com/template/gfquan/src/black03.png) repeat 0 0
}

.pic_list li:hover p {
    bottom: 0
}

.pic_list li p a {
    color: #FFFFFF;
    font-size: 14px
}

.viewthread_foot {
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #EEEEEE;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", "SimSun", "WenQuanYi Micro Hei", sans-serif
}

.viewthread_foot .bdsharebuttonbox em {
    float: left;
    display: inline-block;
    margin: 3px 6px 0 0
}

.viewthread_foot .bdsharebuttonbox a {
    float: left;
    display: inline-block;
    text-indent: -999px;
    padding: 0;
    width: 28px;
    margin: 0 7px 0 0;
    height: 28px;
    line-height: 28px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    background: url(http://bbs.itheima.com/template/gfquan/src/share.png) no-repeat;
}

.viewthread_foot .bdsharebuttonbox .bds_tsina {
    background-position: -1px -1px;
    border-color: #d2423c;
}

.viewthread_foot .bdsharebuttonbox .bds_weixin {
    background-position: -1px -31px;
    border-color: #39b41c;
}

.viewthread_foot .bdsharebuttonbox .bds_qzone {
    background-position: -1px -61px;
    border-color: #3d9dd1;
}

.viewthread_foot .bdsharebuttonbox .bds_more {
    background-position: -1px -91px;
    border-color: #aaa;
}

.viewthread_foot .bdsharebuttonbox {
    float: left;
    display: inline-block;
    color: #999999;
    font-size: 14px
}

.viewthread_foot .bdsharebuttonbox .bds_tsina:hover {
    background-position: -1px -121px;
    background-color: #d2423c;
}

.viewthread_foot .bdsharebuttonbox .bds_weixin:hover {
    background-position: -1px -151px;
    background-color: #39b41c;
}

.viewthread_foot .bdsharebuttonbox .bds_qzone:hover {
    background-position: -1px -181px;
    background-color: #3d9dd1;
}

.viewthread_foot .bdsharebuttonbox .bds_more:hover {
    background-position: -1px -211px;
    background-color: #aaa;
}

.viewthread_foot .cutline {
    height: 13px;
    margin: 2px 8px 0 0;
    width: 1px;
    background: #E6E6E6 none repeat scroll 0% 0%;
    display: inline-block;
    vertical-align: middle;
}

.viewthread_foot .k_favorite {
    color: #4FC277;
    font-size: 14px;
    border: 1px solid #4FC277;
    border-radius: 3px;
    padding: 0px 10px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.viewthread_foot .k_favorite:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #4FC277
}

.nvhm {
    width: 16px;
    line-height: 100px;
    overflow: hidden;
    background: url(http://bbs.itheima.com/template/gfquan/src/chart.png) no-repeat 0 4px;
}

.ie8 .nvhm {
    margin-top: 4px
}

.ie7 .nvhm,
.ie9 .nvhm {
    margin-top: 6px
}

#pt .z em {
    width: 20px;
    height: 29px;
    line-height: 100px;
    overflow: hidden;
    background: url(http://bbs.itheima.com/template/gfquan/src/r_arrow.png) no-repeat 8px 12px;
}

.ie8 #pt .z em {
    background-position: 8px 11px !important
}

.ie7 #pt .z em,
.ie9 #pt .z em {
    background-position: 8px 12px !important
}

#Quater_headtop {
    width: 100%;
    min-width: 1100px;
    height: auto;
    margin: 0;
    overflow: visible;
    z-index: 80;
    box-shadow: none;
    background: none
}

#toptb {
    height: 30px;
    line-height: 30px;
    padding: 3px 0;
    border: 0 !important;
    transition: all 0.4s;
    background: #3E3E3E !important
}

#toptb a {
    height: 30px;
    line-height: 30px;
    color: #B7BAC1;
    vertical-align: middle
}

#toptb .qq_bind {
    margin: 5px 0 0 0;
    border-radius: 2px
}

#um .new,
.topnav .new,
.sch .new,
#toptb .new {
    color: #B7BAC1
}

#Quater_bar {
    height: 110px;
    margin: 0;
    border-bottom: 0;
    transition: all 0.4s;
    background: #FFFFFF
}

#Quater_bar a {
    color: #333333
}

.headtop {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    background: #1499f8
}

.headtop a {
    color: #FFFFFF
}

.headtop .z a {
    padding-right: 10px
}

.headtop .z a:hover {
    color: #FFFFFF
}

.s_line {
    height: 50px;
    line-height: 50px;
    background: #FFFFFF
}

.hd_logo {
    float: left;
    display: inline-block;
    max-width: 260px;
    height: 50px;
    padding: 5px 0;
    margin: 10px 15px 0 0;
    overflow: hidden;
    background: none
}

.hd_logo img {
    max-height: 50px;
    padding: 0
}

div.separation {
    background-color: #E6E6E6;
    height: 1px;
    width: 100px;
    overflow: hidden;
    margin: 5px 0 10px 0
}

a.btn_sign,
.banner a,
a.btn_post {
    color: #FFFFFF
}

.banner h3 a:hover {
    color: #FFFFFF
}

.icon_sign {
    width: 28px;
    height: 28px;
    background: url(http://bbs.itheima.com/template/gfquan/src/sideSprite.png) no-repeat 0 0
}

.icon_post {
    width: 25px;
    height: 25px;
    background: url(http://bbs.itheima.com/template/gfquan/src/sideSprite.png) no-repeat scroll -28px 0
}

#fastpostsubmit {
    width: auto !important;
    text-indent: 0 !important;
    margin-right: 0 !important
}

.fm_line {
    height: 1px;
    background: url(http://bbs.itheima.com/template/gfquan/src/black0.1.png) repeat 0 0
}

.mus_box {
    background: none
}

.ie7 .mus_box {
    display: none
}

#mus ul {
    line-height: 15px;
    padding: 0;
    margin: 0 0 0 -20px;
    background: none
}

#mus a {
    margin: 0;
    font-size: 15px;
    color: #777777
}

#mus li {
    display: inline-block;
    padding: 0 20px;
    margin: 25px 0 0 0;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    border-right: 1px solid #D3D3D3
}

#mus li:last-child {
    border: 0
}

#mus a:hover {
    border: 0;
    color: #ED8540
}

.mtop20 {
    margin-top: 20px
}

.margin0 {
    margin: 0px !important;
}

.padding0 {
    padding: 0px !important;
}

.padding_margin0 {
    margin: 0px !important;
    padding: 0px !important;
}

.ml li {
    padding: 0
}

#main_content {
    width: 712px;
    margin-right: 14px;
    height: auto;
    float: left;
    overflow: visible;
}

.ibox {
    padding: 15px 0;
    border-radius: 0;
    background: #FFFFFF
}

#main_sidebar {
    width: 310px;
    height: auto;
    overflow: visible;
    float: right
}

#main_sidebar .btn_post {
    display: block;
    width: 300px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 20px;
    background: #78B1F6
}

#main_sidebar .btn_post:hover {
    color: #FFFFFF;
    background: #78B1F6
}

#main_sidebar .btn_post .icon_post {
    float: left;
    margin-left: 100px;
    margin-right: 15px;
    margin-top: 16px
}

#main_sidebar .btn_post p {
    float: left;
    height: 55px;
    line-height: 55px;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0
}

#main_sidebar .btn_post p:hover {
    color: #FFFFFF
}

#main_sidebar .btn_sign {
    width: 274px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 10px;
    overflow: hidden
}

#main_sidebar .btn_sign:hover {
    color: #FFFFFF
}

#main_sidebar .btn_sign_left {
    width: 100%;
    height: 55px;
    float: left;
    background: #ffa750
}

#main_sidebar .btn_sign:hover .btn_sign_left {
    background: #feb267
}

#main_sidebar .btn_signed .btn_sign_left {
    background: #43b56b
}

#main_sidebar .btn_signed .btn_sign_right {
    background: #6acb8c
}

#main_sidebar .btn_signed:hover .btn_sign_left {
    background: #3baa62
}

#main_sidebar .btn_signed:hover .btn_sign_right {
    background: #5dc080
}

#main_sidebar .btn_sign .icon_sign {
    float: left;
    margin-left: 68px;
    margin-top: 14px;
    margin-right: 15px
}

#main_sidebar .btn_signed .icon_sign {
    background-position: 0 -28px;
    margin-right: 5px
}

#main_sidebar .btn_sign_left p {
    float: left;
    width: 70px;
    height: 55px;
    line-height: 55px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0
}

#main_sidebar .btn_sign_right .lineTop {
    width: 100%;
    height: 27px;
    line-height: 37px;
    font-size: 14px;
    margin-bottom: 1px;
    text-align: center;
    vertical-align: bottom
}

#main_sidebar .btn_sign_left p:hover {
    color: #FFFFFF
}

#main_sidebar .btn_sign_right .lineBtm {
    width: 100%;
    height: 27px;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    vertical-align: top
}

#main_sidebar .btn_sign {
    float: left;
    width: 340px;
    margin: 0;
    overflow: hidden;
    background: #78B1F6
}

#main_sidebar .btn_sign a {
    color: #FFFFFF
}

#main_sidebar .btn_sign .icon_sign {
    margin-left: 90px
}

#main_sidebar .btn_sign_left a {
    display: block;
    width: 320px;
    height: 55px
}

#main_sidebar .btn_sign_left p {
    width: 110px;
    font-size: 18px;
    font-weight: 400
}

.index_left .index_list {
    border: 0;
    padding: 14px 0 14px 14px;
    display: block;
    background: #FFFFFF
}

.index_left .iimage {
    float: left;
    display: block;
}

.index_left .iright_k {
    float: left;
    padding: 0 19px;
    width: 350px;
    display: block;
}

.index_left .iright_k .spfont {
    font-size: 12px;
    line-height: 16px;
    display: block;
    height: 16px;
    float: left;
    color: #9b9b9b;
}

.index_left .iright_k .spfont a {
    color: #9b9b9b;
}

.index_left .iright_k .alte a.alink {
    color: #32A5E7;
}

.index_left .iright_k .alte a.alink:hover {
    color: #0082ad;
}

.index_left .iimage img {
    border-bottom: 1px solid #e6e6e6;
}

.index_left .iimage a.is_image {
    display: inline-block;
}

.index_left .iimage a.is_image:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.index_left .iimage a.myjicon_image {
    display: block;
    width: 115px;
    height: 53px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: url(http://bbs.itheima.com/template/gfquan/src/myj_icon.png) no-repeat 0 0
}

a.is_video .backmask_video {
    width: 740px;
    height: 248px;
    background-color: #000000;
    opacity: 0.15;
    filter: alpha(opacity=15);
}

a.is_video:hover .backmask_video {
    opacity: 0.30;
    filter: alpha(opacity=30);
}

.sidebarBlock {
    width: 100%;
    padding: 15px;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 0;
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: none
}

.sidebarBlock h3 {
    font-size: 16px;
    color: #555555;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 4px;
    padding-bottom: 15px
}

#convenientNav .f_nav {
    margin-top: 20px
}

#convenientNav .nav_li {
    display: block;
    float: left;
    width: 125px;
    height: 28px;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer
}

#convenientNav .icon {
    text-indent: 0;
    width: 21px;
    height: 21px;
    float: left;
    margin: auto 12px
}

#convenientNav .nav_li p {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #2b2b2b;
    cursor: pointer
}

#convenientNav .nav_li:hover p {
    color: #1499f8
}

#convenientNav .icon img {
    display: block;
    margin: auto
}

#convenientNav .icon .imgHover {
    display: none
}

.listBlocks {
    width: 780px;
    padding: 15px;
    margin-bottom: 15px;
    height: auto;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    background: #FFFFFF
}

.listBlocks h2 {
    font-size: 41px;
    color: #010101;
    font-weight: 400;
    text-align: left;
    float: left;
    margin-right: 18px;
    height: 43px
}

.box_s {
    margin: 0 0 20px 0;
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: none
}

#notice {
    width: 100%;
    height: auto;
    overflow: hidden
}

#notice .notices .next {}

#notice:hover .icon_refresh {
    display: block !important
}

#notice .notices {
    float: left;
    width: 827px;
    height: 30px;
    padding-left: 28px;
    overflow: hidden;
    position: relative;
    background: url(http://bbs.itheima.com/template/gfquan/src/clock.png) no-repeat left center
}

#notice .notices .dxb_bc,
#notice .notices .move-span {
    width: 100%;
    height: 30px;
    overflow: hidden;
    position: relative
}

#notice .optIcon {
    float: right
}

#notice .notices li {
    float: left;
    width: 827px;
    height: 30px
}

#notice .notices a {
    display: block;
    height: 30px;
    width: auto;
    color: #7f7f7f;
    background: #fff;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#notice .notices .imgAni_curr {}

#notice .notices .imgAni_next {
    top: 30px
}

#notice .notices .imgAni_pre {
    top: -30px
}

#notice .icon,
#notice_sharePanel .icon {
    width: 30px;
    height: 30px;
    float: left;
    background: url(snsSprite.png) no-repeat 0 0
}

#notice .icon_refresh {
    background-position: -150px 0;
    margin-right: 3px;
    display: none
}

#notice .icon_zan {
    position: absolute;
    right: 0;
    width: 45px;
    padding: 0;
    margin-left: 0;
    background-position: -180px 0;
    text-align: center;
    line-height: 31px;
    color: #777777;
    font-size: 13px;
    border-radius: 100px;
    font-family: Georgia, "Times New Roman", Times, serif;
    background: none !important
}

#notice .icon_share {
    background-position: -90px 0;
    margin-left: 10px
}

#notice .icon_zan:hover {
    background-position: -180px -30px
}

#notice .icon_share:hover {
    background-position: -90px -30px
}

#notice_sharePanel .icon {
    margin: auto 6px
}

#notice_sharePanel .icon_weibo {
    background-position: -60px 0
}

#notice_sharePanel .icon_Qzone {
    background-position: -30px 0
}

#notice_sharePanel .icon_douban {
    background-position: 0 0
}

#notice_sharePanel .icon_weibo:hover {
    background-position: -60px -30px
}

#notice_sharePanel .icon_Qzone:hover {
    background-position: -30px -29px
}

#notice_sharePanel .icon_douban:hover {
    background-position: 0 -30px
}

#notice_sharePanel {
    display: none;
    padding: 7px 8px;
    border: 1px solid #e2e2e2;
    position: absolute;
    top: 1205px;
    z-index: 5;
    left: 1020px;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3)
}

#notice_sharePanel .arrow {
    display: block;
    width: 8px;
    height: 6px;
    position: absolute;
    top: -6px;
    right: 22px;
    background: url(arrow.png) no-repeat 0 0
}

.imgAnimate {
    display: block;
    width: 274px;
    height: 134px;
    overflow: hidden;
    position: relative
}

.imgAnimate a {
    display: block
}

.imgAnimate .imgAni_curr {
    top: 0;
    left: 0
}

.imgAnimate .imgAni_next {
    top: 0;
    left: 274px
}

.imgAnimate .imgAni_prev {
    top: 0;
    left: -274px
}

.art_title {
    display: block;
    width: 100%;
    margin: 32px auto;
    line-height: 16px;
    color: #555555
}

.art_title:hover p {
    color: #1499f8
}

.art_title .icon {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 6px;
    line-height: 16px;
    text-align: left;
    text-indent: 0;
    font-size: 16px;
    color: #666666;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif
}

.art_title .first {
    color: #ea5246
}

.art_title .second {
    color: #f56313
}

.art_title .third {
    color: #eea313
}

.art_title p {
    float: left;
    width: 225px;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden
}

.activeMembers_wrap {
    width: 250px;
    height: auto;
    overflow: hidden;
    margin-top: 13px
}

.activeMembers {
    width: 264px;
    height: auto;
    overflow: hidden
}

.activeMember {
    display: block;
    width: 60px;
    height: auto;
    float: left;
    overflow: hidden;
    margin-left: 7px;
    margin-right: 21px;
    margin-top: 7px
}

.activeMember img {
    display: block;
    margin: auto;
    width: 60px;
    height: 60px
}

.activeMember p {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #7f7f7f;
    font-size: 12px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.activeMember:hover p {
    color: #1499f8
}

.thumbnails {
    margin-top: 10px;
    clear: both
}

.thumbnails img {
    margin-right: 10px
}

.thumbnails .imgs {
    float: left;
    width: 120px;
    height: 90px;
    margin: 0 15px 0 0
}

.thumbnails p {
    float: left;
    width: 460px;
    padding: 5px 0 0 0;
    font-size: 14px;
    color: #888888;
    line-height: 24px
}

#linkTip {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #E4E7E9;
    width: 100%;
}

.linkTip a {
    font-size: 16px;
    color: #7F7F7F;
}

#flk {
    line-height: 58px;
    text-align: right;
}

#flk li {
    float: left
}

#flk li a {
    margin-right: 25px;
}

.linkTip a {
    font-size: 16px;
    color: #7F7F7F;
}

.mbn {
    margin-bottom: 5px !important;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-style: normal;
    Unknown property name._haslayout: 0
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
dl,
dt,
dd,
ol,
ul,
li,
form,
table,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 98%;
}

table tr td {
    line-height: 28px !important;
}

table#scform_form {
    width: 587px !important;
}

ul.buddy li {
    height: 85px !important;
}

ul.buddy .maxh {
    height: 46px !important;
    padding-top: 1px;
}

ul.buddy .maxh img {
    width: 110px;
    margin-left: 12px;
}

ul.buddy .xg1 {
    margin-top: 2px;
}

#scform_tb {
    width: 587px !important;
}

.pob em .showmenu {
    padding: 0 18px 0 0 !important;
    margin: 0 15px 0 0;
    background-position: right 50%
}

.side_btn .vm {
    display: none
}

.frame,
.block,
.temp {
    padding: 0;
    margin: 0;
    border: 0;
    background: none
}

.spvimg {
    border: 0 !important
}

.bni {
    border: 0 !important
}

.ct1 {
    border: 1px solid #EDEDED
}

.ct2_a .xl2 li {
    width: 488px
}

.wp,
.w980,
.time_con {
    width: 1100px;
    margin: 0 auto
}

#pt .z,
#pt .z a {
    font-size: 14px;
    color: #999999
}

.ad-right {
    width: 260px;
    overflow: hidden
}

.pnpost .pn {
    font-size: 14px;
    border-radius: 2px;
    box-shadow: none;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    color: #FFFFFF !important;
    border: 0;
    background-color: #4fc277 !important
}

.pnpost .pn:hover {
    background: #3CAC63 !important
}

.pgs #newspecial,
.pgs #newspecialtmp {
    width: 90px;
    height: 32px;
    background: url(http://bbs.itheima.com/template/gfquan/src/pn_post.png) no-repeat center center #1499f8
}

.pgs #post_reply,
.pgs #post_replytmp {
    width: 50px;
    height: 32px;
    box-shadow: none;
    background: url(http://bbs.itheima.com/template/gfquan/src/pn_reply.png) no-repeat center center #1499f8
}

.pgs #newspecial img,
.pgs #newspecialtmp img,
.pgs #post_reply img,
.pgs #post_replytmp img {
    display: none
}

.focus_con2 {
    float: left;
    width: 780px;
    padding: 0;
    margin: 0;
    background: #FFFFFF
}

.w3cFocus2 {
    float: left;
    width: 780px;
    height: 280px;
    position: relative;
    overflow: hidden
}

.w3cFocus2 .bd ul {
    height: 280px !important
}

.w3cFocus2 .bd li h3 {
    display: none;
    position: absolute;
    height: 42px;
    line-height: 42px;
    left: 15px;
    bottom: 5px;
    font-size: 16px;
    color: #FFFFFF;
    z-index: 50
}

.w3cFocus2:hover li h3 {
    display: block
}

.w3cFocus2 .bd li h3 a {
    color: #DDDDDD
}

.w3cFocus2 .hd {
    display: none;
    left: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    width: 780px;
    height: 43px;
    background: url(http://bbs.itheima.com/template/gfquan/src/black.png) repeat 0 0;
    z-index: 30
}

.w3cFocus2:hover .hd {
    display: block
}

.w3cFocus2 .hd ul {
    width: 175px;
    height: 35px;
    right: 5px;
    bottom: 2px;
    padding-left: 0;
    position: absolute;
    z-index: 100;
    border: 0
}

.w3cFocus2 .hd li,
.w3cFocus2 .hd span {
    float: left;
    height: 40px;
    overflow: hidden
}

.w3cFocus2 .hd li {
    margin: 0 0 0 5px
}

.w3cFocus2 .hd li a.img-link {
    border: 1px solid #DDDDDD;
    display: inline-block
}

.w3cFocus2 .hd li.on {
    background: none
}

.w3cFocus2 .hd li.on a {
    padding: 0;
    border: 1px solid #FFFFFF
}

.w3cFocus2 .prev {
    height: 25px;
    left: 4px !important;
    position: absolute;
    top: 125px;
    width: 18px;
    cursor: pointer;
    background: url(http://bbs.itheima.com/template/gfquan/src/icon_slide.png) no-repeat 0 0
}

.w3cFocus2 .next {
    height: 25px;
    right: 4px !important;
    position: absolute;
    top: 125px;
    width: 18px;
    cursor: pointer;
    background: url(http://bbs.itheima.com/template/gfquan/src/icon_slide.png) no-repeat -30px 0
}

.toprec_recread {
    width: 320px
}

.toprec_recread li {
    float: left;
    width: 118px;
    overflow: hidden;
    margin-right: 14px
}

.toprec_recread li a {
    color: #333333
}

.toprec_recread li h3 {
    height: 48px;
    line-height: 24px;
    font-size: 13px;
    overflow: hidden
}

.toprec_recread li img {
    width: 118px;
    height: 90px;
    margin-bottom: 10px;
    display: block
}

.recitems_recread {
    padding: 15px 0 10px 0
}

.recitems_recread li {
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.recitems_recread li a {
    display: inline-block;
    width: 250px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    font-size: 13px
}

a:hover {
    color: #555555;
    -webkit-transition: color .2s linear, background-color .3s linear, border-color .3s linear;
    -moz-transition: color .2s linear, background-color .3s linear, border-color .3s linear;
    -o-transition: color .2s linear, background-color .3s linear, border-color .3s linear;
    -ms-transition: color .2s linear, background-color .3s linear, border-color .3s linear;
    transition: color .2s linear, background-color .3s linear, border-color .3s linear;
}

.inside_box {
    background: none
}

.Framebox {
    padding: 10px 0
}

.Framebox2 {
    padding: 10px 0
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #1499f8;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 3px;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;
}

.focus_box2 {
    float: left;
    width: 390px;
    height: 240px;
    overflow: hidden;
    position: relative
}

.focus_box2 img {
    display: block;
    float: left;
    width: 390px;
    height: 240px
}

.focus_box2 img:hover {
    opacity: 1 !important
}

.focus_box2 .bd2 {}

.focus_box2 .bd2 li {
    position: relative
}

.focus_box2 .bd2 .t_box {
    width: 370px;
    padding: 10px 20px;
    color: #888888;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    z-index: 100;
    box-shadow: none;
    background: url(http://bbs.itheima.com/template/gfquan/src/black.png) repeat 0 0
}

.focus_box2 .bd2 .t_box h2 {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin: 0
}

.focus_box2 .bd2 .t_box h2 a {
    font-size: 15px;
    color: #EEEEEE;
    font-weight: 400
}

.focus_box2 .bd2 .t_box h2 a:hover {
    text-decoration: none
}

.focus_box2 img {
    display: block
}

.focus_box2 .hd2 {
    position: absolute;
    right: 15px;
    bottom: 12px;
    height: 12px;
    padding: 0 9px;
    overflow: hidden;
    z-index: 120;
    background: none
}

.caption_info p a:hover {
    color: #FFFFFF;
    text-decoration: none
}

.focus_box2 .hd2 li {
    float: left;
    width: 12px;
    height: 12px;
    margin: 0 0 0 5px;
    display: block;
    background: url(http://bbs.itheima.com/template/gfquan/src/slide.png) no-repeat -1px -3px;
    cursor: pointer;
    text-indent: -999em
}

.focus_box2 .hd2 li.on {
    background-position: -25px -3px
}

.headlines {
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #E6E6E6
}

.headlines h3 {
    width: 265px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px 0;
    overflow: hidden
}

.headlines h3 a {
    color: #333333
}

.headlines h3 a:hover {
    color: #FF6600
}

.headlines p {
    line-height: 22px;
    color: #888888
}

.headlines p a {
    color: #31A5E7
}

.hot-news {}

.hot-news li {
    width: 305px;
    height: 35px;
    line-height: 35px;
    overflow: hidden
}

.hot-news li a {
    color: #333333;
    font-size: 13px
}

.hot-news li a:hover {
    color: #FF6600
}

.portal_Tit {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-bottom: 15px;
}

.portal_Tit:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
    height: 18px;
    width: 5px;
    background-color: #555555;
}

.portal_Tit ul {
    float: right;
}

.portal_Tit h1,
.portal_Tit h2,
.portal_Tit h3,
.portal_Tit h4 {
    font-size: 16px;
    padding-left: 30px;
    float: left;
    color: #333;
}

.portal_tit {
    border-bottom: 1px solid #e5e5dc;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.portal_tit h1,
.portal_tit h2,
.portal_tit h3 {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
}

.portal_tit .sub-tit {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    color: #9fadbb;
}

.tit01 {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-bottom: 15px;
}

.tit01 ul {
    float: right;
    padding-right: 25px;
}

.tit01 ul li {
    float: left;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    margin: 0 0 0 15px;
    cursor: pointer;
}

.tit01 ul li.on {
    color: #555555;
}

.tit01 h1,
.tit01 h2,
.tit01 h3,
.tit01 h4 {
    float: left;
    font-size: 16px;
    padding-left: 0;
    color: #555555
}

.forum-bar {
    padding: 20px;
    margin: 0;
    background: none
}

.forum_hd {
    position: relative;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0 30px 25px 0;
    border-bottom: 0
}

.forum_hd h2 {
    float: left;
    padding-left: 0;
    font-size: 16px;
    color: #3f3f3f;
    font-weight: bold
}

.forum_hd span {
    float: right;
    margin: 2px 0 0 0;
    color: #888888;
    font-size: 12px
}

.span-mark {
    display: none;
    background-color: #f63756;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 20px;
    line-height: 20px;
    width: 4px;
    bottom: 0
}

.btn-box {
    float: right;
    width: 80px;
    height: 30px;
    margin-left: 12px;
}

.btn-box a {
    cursor: pointer;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #00a587;
    font-size: 14px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    letter-spacing: 1px;
    background-color: #00b98d;
}

.btn-box a.article {
    background-color: #0A89DA;
    border-color: #0679c2;
}

.btn-box a:hover {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
}

.bnone {
    border: 0 !important
}

.meta {
    margin-top: 10px;
}

.meta span {
    color: #afafaf;
    margin-right: 13px;
}

.meta a {
    color: #afafaf;
}

.meta .meta-replay {
    padding-left: 26px;
    background: url(http://bbs.itheima.com/template/gfquan/src/meta-replay.png) no-repeat 0 50%
}

.meta .meta-date {}

.meta .meta-class {}

.xg0 {
    color: #AAA;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.bm,
.ct2_a,
.ct3_a {
    border-color: #EDEDED;
}

.a_mu {
    border: none;
}

.tb a {
    background: #F9F9F9;
}

.tbn li.a {
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.bcw {
    background: #FFF;
}

.mt20 {
    margin-top: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt15 {
    margin-top: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mt5 {
    margin-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p15 {
    padding: 0 15px;
}

.pa20 {
    padding: 20px 15px
}

.pframe {
    background-color: #FFFFFF
}

.whitebg {
    background: url("http://bbs.itheima.com/template/gfquan/src/white.png") repeat;
}

.whitebg2 {
    background: url("http://bbs.itheima.com/template/gfquan/src/white2.png") repeat;
}

.blackbg {
    background: url("http://bbs.itheima.com/template/gfquan/src/black.png") repeat;
}

.blackbg2 {
    background: url("http://bbs.itheima.com/template/gfquan/src/black2.png") repeat;
}

.redbg {
    background: url("http://bbs.itheima.com/template/gfquan/src/red.png") repeat;
}

.greenbg {
    background: url("http://bbs.itheima.com/template/gfquan/src/green.png") repeat;
}

#samplepanel {
    background: #FFF;
    position: fixed;
    z-index: 100;
    width: 100%;
}

*html {
    background-image: url(about:blank);
    background-attachment: fixed;
}

.user_link i,
.usernav li .png i,
.userinfo .arrow,
.app_login i,
.nav_icon,
.scbar_btn_td {
    background: url("http://bbs.itheima.com/template/gfquan/src/all_icon.png") no-repeat;
}

#diy-tg_menu a {
    color: #555555 !important
}

.headerbtn {
    display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
    width: 20px;
    background: url(http://bbs.itheima.com/template/gfquan/src/search.png) no-repeat center center
}

.headerbtn:hover {
    background: url(http://bbs.itheima.com/template/gfquan/src/search1.png) no-repeat center center
}

.headerbtn.header_search {
    float: right;
    height: 20px;
    margin: 32px 0 0 0;
}

.headerbtn.header_search.newbtn {
    text-indent: 0;
    width: 20px;
    height: 20px;
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
    color: #a4a4a4;
    position: relative;
    z-index: 50;
    cursor: pointer;
}

.Quater_search {
    width: 100%;
    height: 61px;
    padding: 0;
    background: #FFFFFF;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999;
    border: 0;
    border-top: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.close-search {
    float: left;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 23px 0 0 20px;
    cursor: pointer;
    background: url(http://bbs.itheima.com/template/gfquan/src/x.png) no-repeat 0 0
}

#scbar {
    float: left;
    height: 61px;
    line-height: 61px;
    margin: 0;
    overflow: visible;
    border: 0;
    box-shadow: none;
    background: none
}

.scbar_txt_td,
.scbar_type_td {
    background: none
}

.scbar_type_td {
    text-align: left;
    width: 40px !important;
    line-height: 61px
}

.scbar_narrow #scbar_txt {
    width: 430px !important
}

a#scbar_type.xg1 {
    font-size: 14px !important
}

.scbar_txt_td {
    width: 440px !important;
    overflow: hidden
}

#scbar_txt {
    border: 0;
    width: 430px;
    padding: 0 0 0 10px;
    font-size: 14px;
    margin-left: 0;
    background: none
}

.scbar_btn_td {
    width: 40px;
    height: 61px;
    padding: 0;
    overflow: hidden;
    display: block;
    background: none
}

#scbar_btn {
    width: 40px;
    height: 61px;
    padding: 0;
    overflow: hidden;
    text-indent: 9999px;
    background: url(http://bbs.itheima.com/template/gfquan/src/new_search.png) no-repeat center center
}

#scbar_type {
    padding-left: 0
}

#scbar_type_menu {
    width: 220px;
    left: 22px !important;
    top: 61px !important;
    margin: 0;
    border: none;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    padding: 5px;
    min-width: 50px;
    text-align: center !important;
    z-index: 20000 !important;
    background: #FFFFFF
}

#scbar_type_menu.p_pop li {
    float: left
}

#scbar_type_menu.p_pop a {
    color: #555555;
    padding: 3px 8px;
    margin: 4px 0;
    border: 0
}

#scbar_type_menu.p_pop a:hover {
    color: #FFFFFF;
    background: #555555
}

.separator {
    width: 1px;
    height: 10px;
    background: url(http://bbs.itheima.com/template/gfquan/src/main_icon.png) no-repeat -67px -220px
}

#nvs {
    padding: 7px 0;
    margin: 0;
    height: 36px;
    float: left;
    width: 400px;
    overflow: hidden
}

#nvs li {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

#nvs li a {
    display: inline-block;
    padding: 0 6px;
    margin: 0 15px;
    color: #7E7E7E
}

#nvs .separator {
    height: 10px;
    padding: 0 !important;
    margin: 13px 0 0 0 !important;
    color: #999999
}

#nvs li:last-child .separator {
    background: none !important
}

.top_tag {
    float: right;
    height: 31px;
    line-height: 31px;
    padding: 0 12px;
    margin: 13px 35px 0 0;
    border: 0;
    background: #1499f8
}

.top_tag a {
    font-size: 13px;
    color: #FFFFFF !important;
    font-weight: 400
}

.relatedlink {
    color: #FF0000
}



.nav li.a a {
    height: 50px !important;
    text-decoration: none;
    font-weight: 400;
    color: #1499f8 !important;
    background: none
}

.nav li a:hover {
    color: #1499f8 !important;
    text-decoration: none
}

.nav li.hover a {
    border-bottom: 0
}

.sub_nav .h_pop {
    padding: 5px 15px;
    margin: -14px 0 0 0;
    border: solid 4px rgba(221, 221, 221, 0.5);
    border-radius: 0;
    box-shadow: none;
    min-width: 90px;
    box-shadow: none;
    transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36) 0.5s;
    transform-origin: 40% 0;
    overflow: visible;
    background: #FFFFFF;
    background-clip: padding-box;
    width: 306px;
    min-height: 200px;
}

.sub_nav .h_pop::before {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    background-clip: padding-box;
    border: solid 4px rgba(221, 221, 221, 0);
    border-width: 4px 4px 0 0;
    position: absolute;
    top: -7px;
    left: 165px;
    content: " ";
}

.sub_nav .h_pop::after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 5px solid rgba(221, 221, 221, 0.5);
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -14px;
    left: 167px;
}

.sub_nav .h_pop li {
    background: none;
    float: left;
}

.sub_nav .h_pop li a {
    width: 90px;
    height: 26px;
    line-height: 26px;
    padding: 7px 6px;
    margin: 0;
    color: #333333;
    font-size: 13px;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
    box-shadow: none !important;
    background: none;
    text-align: center
}

.sub_nav .h_pop li a:hover {
    color: #1499f8;
    background: none
}

.sub_nav .h_pop li:last-child a {
    border-bottom: 0
}

.sub_nav .h_pop li:nth-last-child(2) a {
    border-bottom: 0
}

.Quater_user {
    float: right;
    width: 128px
}

.Quater_user_info .user-main {
    overflow: hidden;
    padding-right: 15px;
    font-family: "微软雅黑";
    position: relative;
    cursor: pointer;
}

.Quater_user_info .user-main .arrow {
    transition: 0.25s;
    top: 50%;
    width: 10px;
    height: 5px;
    right: 10px;
    margin-top: -2px;
    display: block;
    position: absolute;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    background: url("http://bbs.itheima.com/template/gfquan/src/yp_spirit.png") no-repeat 0 -33px;
}

.Quater_user_info .avatar img {
    width: 26px;
    height: 26px;
    margin: 3px 0 0 0;
    border-radius: 50%;
    display: block;
    box-shadow: none
}

.Quater_user_info .avatar {
    float: left;
}

.Quater_user_info {
    border: 0;
    padding-top: 24px;
    padding-bottom: 22px;
    padding-left: 10px;
    margin-left: 10px;
    float: right;
    position: relative;
    z-index: 500
}

.unread_num {
    color: #CE2727;
    padding: 0 0 0 10px
}

.Quater_user_info .nickname {
    padding: 0 5px;
    margin: 0;
    height: 32px;
    color: #000000;
    line-height: 32px;
    font-size: 13px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45px;
}

.Quater_user_info:hover .nickname {
    color: #333333
}

.logined .Quater_user_info .nickname {
    margin: 0 5px 0 0
}

.Quater_user_info:hover {}

.Quater_user_info:hover .user-main .arrow {
    background: url("http://bbs.itheima.com/template/gfquan/src/yp_spirit.png") no-repeat 0 -33px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.Quater_user_info:hover .user-link {
    display: block;
}

.Quater_user_info .user-link {
    width: 200px;
    padding: 6px;
    right: 0;
    top: 67px;
    display: none;
    position: absolute;
    z-index: 999;
    border: solid 4px rgba(221, 221, 221, 0.7);
    background: #FFFFFF
}

.Quater_user_info .user-link::before {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    background-clip: padding-box;
    border: solid 4px rgba(221, 221, 221, 0);
    border-width: 4px 4px 0 0;
    position: absolute;
    top: -7px;
    right: 37px;
    content: " ";
}

.Quater_user_info .user-link::after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 5px solid rgba(221, 221, 221, 0.7);
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -14px;
    right: 39px;
}

.Quater_user_info .user-link li {
    float: left;
    width: 100px;
    border: 0
}

.Quater_user_info .user-link li.daoju {
    margin: 5px 0
}

.Quater_user_info .user-link li.daoju a {
    padding: 0 0 0 42px
}

.Quater_user_info .user-link li a {
    background-position: 17px 0 !important;
    background-size: 18px auto !important;
    background-repeat: no-repeat !important
}

.Quater_user_info .user-link li img {
    max-width: 85px
}

.Quater_user_info .user-link li .pipe {
    display: none
}

.Quater_user_info .user-link a {
    padding: 5px 17px;
    color: rgb(136, 136, 136) !important;
    font-family: "微软雅黑";
    font-size: 12px;
    display: block;
    background: none !important
}

.Quater_user_info .user-link a:hover {
    color: #1499f8 !important;
}

.Quater_user_info .user-link i {
    background: url("http://bbs.itheima.com/template/gfquan/src/yp_spirit.png") no-repeat;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
}

.ie7 .Quater_user_info .user-link i {
    top: -4px
}

.Quater_user_info .user-link .l1 i {
    background-position: -40px -46px;
}

.Quater_user_info .user-link .l2 i {
    background-position: -59px -45px;
}

.Quater_user_info .user-link .l3 i {
    background-position: 0px -45px;
}

.Quater_user_info .user-link .l4 i {
    background-position: -20px -45px;
}

.Quater_user_info .user-link .l3 a:hover i {
    background-position: 0px -66px;
}

.Quater_user_info .user-link .l4 a:hover i {
    background-position: -20px -66px;
}

.user_login {
    float: left;
    padding: 0 10px;
    margin: 0 0 0 10px;
    line-height: 80px;
    color: #888888
}

.user_login:hover {
    color: #333333 !important
}

.app_login a {
    line-height: 22px;
}

.app_login i {
    width: 20px;
    height: 16px;
    margin: 2px 5px 0 0;
    float: left;
}

.app_login i.i_qq {
    background-position: -230px 0;
}

.app_login i.i_wb {
    background-position: -250px 0;
}

.app_login a:hover i.i_qq {
    background-position: -90px 0;
}

.app_login a:hover i.i_wb {
    background-position: -110px 0;
}

.userbox {
    float: right;
    height: 80px;
    line-height: 80px;
    margin: 0 0 0 20px
}

.userbox,
.userbox a {
    font-size: 14px
}

.usernav {
    float: left;
    display: inline
}

.usernav .user_list {
    float: left;
    position: relative;
    height: 80px;
    line-height: 80px;
    padding: 0;
    overflow: hidden
}

.usernav .menu-li span {
    display: none;
}

.usernav .current,
.usernav .user_list-hover {
    background-color: #1f5583
}

.usernav a:hover {
    text-decoration: none;
}

.user_link,
#toptb .user_link {
    display: block;
    height: 80px;
    padding: 0 8px;
    line-height: 80px;
    color: #B7BAC1;
    _display: inline-block
}

.user_link i {
    display: block;
    width: 30px;
    height: 20px;
    cursor: pointer
}

.user_link:hover {
    color: #FFFFFF
}

.msg i {
    background-position: 0 0
}

a:hover.msg i {
    background-position: -140px 0
}

.notification i {
    background-position: -30px 0
}

a:hover.notification i {
    background-position: -170px 0
}

.flo i {
    background-position: -60px 0
}

a:hover.flo i {
    background-position: -200px 0
}

.userinfo {
    float: left;
    overflow: hidden;
    height: 60px !important;
    line-height: 80px;
    padding: 0 8px !important;
    *z-index: 200
}

.ie7 .userinfo {
    width: 70px
}

a:hover.userinfo,
.userinfo.hover {
    color: #333333;
    background: none
}

.userinfo .arrow {
    float: right;
    width: 8px;
    height: 6px;
    margin-top: 37px;
    margin-left: 5px;
    background: url(http://bbs.itheima.com/template/gfquan/src/arrow_down.png) no-repeat 0 -58px
}

.userinfo.hover .arrow {
    width: 10px;
    height: 10px;
    margin: 33px 0 0 3px;
    background: url(http://bbs.itheima.com/template/gfquan/src/arrow_up.png) no-repeat 2px 0
}

.userinfo .user_avt {
    max-width: 70px;
    height: 80px;
    line-height: 80px;
    float: left;
    color: #7E7E7E;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ie7 .userinfo .user_avt {
    width: 50px;
    overflow: hidden
}

.userinfo.hover .user_avt {
    color: #333333
}

.userinfo .user_avt img {
    width: 30px;
    height: 30px
}

.userinfo .user_name {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #B7BAC1;
    margin-left: 8px
}

.usernav li #msg_menu,
.usernav li #nte_menu {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.usernav li .unread_num {
    z-index: 10;
    padding: 0 4px;
    margin: 0 0 0 3px;
    line-height: 12px;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    box-shadow: none;
    cursor: pointer;
    background: #EA4747
}

.sub_menu {
    z-index: 100;
    min-width: 110px;
    margin-top: -20px;
    background-color: rgba(254, 254, 253, .95);
    _background: #FFFFFF;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    border: none
}

.ie7 .sub_menu,
.ie8 .sub_menu {
    background: #FFFFFF
}

.sub_menu li {
    padding: 0 5px
}

.ie7 .sub_menu li,
.ie6 .sub_menu li {
    display: inline
}

.sub_menu a {
    display: block;
    width: auto;
    margin: 5px 0;
    padding: 2px 10px;
    color: #828282;
    background-repeat: no-repeat;
    background-position: -200px 0
}

.sub_menu a:hover {
    background: #555555;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: -200px 0
}

.sub_menu .pipe {
    display: none
}

.m_l,
.m_r,
.t_l,
.t_c,
.t_r,
.b_c,
.b_l,
.b_r {
    display: none;
}

.m_c {
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0
}

#fwin_login .m_c .flb {
    height: 25px;
    line-height: 25px;
    padding: 25px 20px 10px 20px !important;
    border-top: 1px solid #FFF;
    border-bottom: 0;
    background: none;
    margin-bottom: 10px;
    text-align: center
}

.m_c .flbc {
    background: url("http://bbs.itheima.com/template/gfquan/src/sprite.png") no-repeat 10px 5px
}

.m_c .flbc:hover {
    background-position: -11px 5px
}

#fwin_login .m_c .flb em {
    float: none;
    color: #555555;
    font-size: 18px;
    font-weight: 400
}

.m_c .o {
    border: 0;
    background: #FFFFFF
}

.rfm .px {
    width: 180px
}

.card {
    background: none;
    border: none;
    box-shadow: none;
    border: 4px solid #F2F2F2;
    border: 4px solid rgba(0, 0, 0, 0.05);
}

.card .p_opt {
    border: 1px solid #E6E6E6;
}

.card_mn {
    background: #FFF;
}

.card .o a {
    border: 1px solid #EEE;
    background: #FFF;
    color: #555;
}

.card a:hover {
    background-color: gainsboro !important;
}

#f_pst .tedt {
    border-radius: 0;
    border: 1px solid #E9E9E9;
    overflow: hidden
}

#f_pst .tedt .pt {
    box-shadow: none
}

.tedt .bar {
    padding: 5px 10px;
    border: 0;
    background: #FAFAFA
}

.tedt .bar .fpd {
    float: left
}

.tedt .bar .y a {
    font-size: 14px;
    color: #555555
}

.tedt .area {
    padding: 0;
    background: #FAFAFA
}

#block_style .pt,
.tedt .pt {
    overflow: auto;
    vertical-align: middle
}

.px,
.pt,
.ps,
select {
    padding: 4px 4px;
    border: 1px solid #CCC;
    background-color: white;
    box-shadow: 2px 2px 2px #F0F0F0 inset;
    vertical-align: middle;
    margin: 0;
    font-family: inherit;
    color: #333333
}

.rfm {
    border: 0
}

#f_pst .px {
    overflow: visible !important
}

button.xg1 {
    background: #EEEEEE !important
}

div.pt {
    height: 90px;
    line-height: 90px
}

.pnc:hover,
a:hover.pnc {
    background-color: #248be4;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a94f3), color-stop(100%, #258de9));
    background: -webkit-linear-gradient(top, #2a94f3, #258de9);
    background: -moz-linear-gradient(top, #2a94f3, #258de9);
    background: -o-linear-gradient(top, #2a94f3, #258de9);
    background: linear-gradient(top, #2a94f3, #258de9)
}

.pnc:active,
a.pnc:active {
    background-color: #4091c4;
    border-color: #3783b3;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.pn em,
.pn span,
.pn strong {
    padding: 0 15px
}

.pr,
.pc {
    margin: 0 3px 3px 0;
}

.pg,
.pgb {
    line-height: 25px
}

.pg a,
.pg strong,
.pgb a,
.pg label {
    float: left;
    width: 26px;
    margin-left: 5px;
    padding: 0;
    height: 26px;
    line-height: 26px;
    color: #999999;
    border: 0;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: none;
    text-align: center;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", "SimSun", "WenQuanYi Micro Hei", sans-serif;
    cursor: pointer;
    overflow: hidden;
    background: none
}

.y.pgb a {
    width: auto;
    padding: 0 15px;
    border-radius: 50px
}

.pg label {
    display: none
}

.pg strong {
    font-weight: 400;
    color: #FFFFFF;
    background-color: #1499f8
}

.pg a:hover,
.pgb a:hover {
    color: #FFFFFF;
    background-color: #1499f8
}

.pg a.prev {
    width: 42px;
    background: url(http://bbs.itheima.com/template/gfquan/src/page1.png) no-repeat center center
}

.pg a.prev:hover {
    color: #FFFFFF;
    background: url(http://bbs.itheima.com/template/gfquan/src/page1.png) no-repeat center center !important
}

.pg a.nxt {
    padding-right: 0;
    width: 42px;
    background: none
}

.pg a.nxt:hover {
    color: #1499f8
}

.pgb a {
    margin-right: 0;
    background: #FFFFFF
}

.dopt a {
    padding: 0
}

.px {
    border: 1px solid #DDDDDD;
    box-shadow: none;
    background: none
}

.pg label .px {
    width: 20px;
    padding-left: 5px;
    margin-top: -3px;
    box-shadow: none;
    border: 1px solid #EEEEEE;
    color: #888888;
    background: #FFFFFF !important
}

.npgs {}

.npgs #newspecial,
.npgs #newspecialtmp {
    float: left;
    background: #555555 url(http://bbs.itheima.com/template/gfquan/src/pn_post.png) no-repeat center top;
    width: 90px;
    height: 32px;
    box-shadow: none
}

#post_reply,
#post_replytmp {
    float: left;
    background: #555555 url(http://bbs.itheima.com/template/gfquan/src/pn_reply.png) no-repeat center top;
    width: 55px;
    height: 32px;
    border-radius: 2px
}

#newspecial_menu {
    min-width: 102px !important;
}

#newspecial_menu .p_pop li a {
    margin: 0 auto
}

.pnpost .pn {
    height: 28px
}

#v_forums a {
    background: #FFF;
    padding: 0;
    margin: 0;
    color: #333;
    line-height: 21px;
}

.tag_box {
    position: relative;
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F0F0F0
}

.span-mark-author {
    display: inline-block;
    border-bottom: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    height: 26px;
    line-height: 20px;
    margin: -28px 0 0;
    font-size: 16px;
    color: #666666;
    font-weight: bold
}

#share {
    position: fixed;
    right: 20px;
    bottom: 273px;
    width: 50px;
    border: 0;
    overflow: visible !important
}

#share a {
    margin-bottom: 2px
}

#share .moquu_wxin {
    display: none
}

a#totop {
    float: left;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-indent: -9999px;
    display: block;
    border: 0;
    transition: all 0s ease 0s;
    background: url(http://bbs.itheima.com/template/gfquan/src/gotop.png) 0 -100px #CCCCCC
}

a#totop:hover {
    background-color: #999999
}

a.moquu_wxin {
    position: relative;
    right: 0;
    float: left;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 10;
    background: url(http://bbs.itheima.com/template/gfquan/src/gotop.png) 0 0 #CCCCCC
}

a.moquu_wxin:hover {
    background-color: #999999
}

a.moquu_wmaps {
    width: 50px;
    height: 50px;
    right: 0;
    float: left;
    text-indent: -9999px;
    background: url(http://bbs.itheima.com/template/gfquan/src/gotop.png) 0 -50px #CCCCCC
}

a.moquu_wmaps:hover {
    background-color: #999999
}

.moquu_wxinh {
    position: absolute;
    display: none;
    padding: 10px;
    left: -135px;
    top: 0;
    width: 105px;
    height: 105px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .3);
    z-index: 999;
    background: url(http://bbs.itheima.com/template/gfquan/src/wx115.png) 5px 5px no-repeat #FFFFFF;
}

.moquu_wxinh .arrow {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border-width: 0 1px 1px 0;
    position: absolute;
    top: 23px;
    left: 120px
}

a.moquu_wxin:hover .moquu_wxinh {
    display: block !important
}

#plugin_notice .bm {
    border-bottom: 0;
    margin: 0
}

#plugin_notice .bm_h {
    padding-left: 10px
}

#plugin_notice .bm_h .i {
    padding: 0
}

#plugin_notice .bm_h .y {
    padding: 0 10px 0 0
}

#plugin_notice .bm_c {
    padding: 10px 10px 20px 10px
}

.ma_portal_fate {
    display: block;
    width: 250px;
    height: 50px;
    line-height: 0;
    font-size: 0;
    margin-bottom: 15px;
    background: url(http://bbs.itheima.com/template/gfquan/src/sign.png) no-repeat left top
}

.ma_qiandao_btn,
.ma_yiqiandao {
    display: block;
    color: #FFF;
    height: 50px;
    width: 250px;
    background: url(http://bbs.itheima.com/template/gfquan/src/sign.png) no-repeat left -53px
}

.ma_portal_y {
    margin-bottom: 0;
    padding: 15px;
    background: #FFF none repeat scroll 0 0
}

.ma_portal_y_t2 {
    position: relative;
    top: 0;
    margin-bottom: 16px;
    color: #555555;
    font-weight: bold;
    font-size: 16px;
    line-height: 120%
}

.ma_bkdh a {
    float: left;
    display: block;
    width: 140px;
    height: 42px;
    border-color: #EEE;
    border-style: solid solid none none;
    border-width: 1px 1px 0 0;
    color: #7B7B7B;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 42px;
    transition: color 300ms ease 0s
}

.ma_bkdh a:hover {
    background: #FCFCFC;
    color: #1499f8
}

.ma_bkdh a.forum_0 {
    width: 139px;
    border-right: 0
}

.ui_0 {
    text-align: center;
    margin-bottom: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pt10 {
    padding-top: 10px
}

.mt10 {
    margin-top: 10px
}

.w280 {
    width: 280px
}

.ui_0_imgouter {
    padding: 8px 12px 12px 12px
}

.ui_0_imgouter img {
    width: 256px
}

.bgcw {
    box-shadow: none;
    background-color: #FFFFFF
}

.bgcw p {
    color: #919090
}

.ui_s_tit {
    padding: 10px 0 15px 0;
    margin: 0 15px;
    line-height: 52px;
    font-size: 16px;
    color: #555555;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #E5E5E5
}

.forum_newbie {
    width: 250px;
    height: 134px;
    padding: 30px;
    margin: 0;
    overflow: hidden;
}

.ie7 .forum_newbie {
    margin-left: 3px
}

.forum_newbie .top_list {
    width: 260px
}

.forum_newbie a {
    float: left;
    display: inline-block;
    width: 88px;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    margin: 0 10px 10px 0;
    border: 1px solid #F1F1F1;
    color: #535353;
    transition: all 0.3s ease-in;
    border-radius: 2px;
    text-align: left;
}

.forum_newbie a:hover {
    color: #1599F8;
    text-decoration: none
}

.a_arrow {
    float: right;
    width: 7px;
    height: 9px;
    opacity: 0.5;
    background-position: -37px -37px;
    background-image: url(http://bbs.itheima.com/template/gfquan/src/page.png);
}

a:hover .a_arrow {
    background-position: 40px 18px;
    opacity: 1;
}

.forum_newbie a span {
    margin: 13px -5px 0 0
}

.box-moder {
    position: relative;
    background-color: #fafafa
}

.box-moder h3 {
    width: 280px;
    position: relative;
    height: 20px;
    line-height: 20px;
    padding: 25px 20px 10px 20px;
}

.box-moder h3 b {
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px 0 0;
    display: inline-block;
    margin: 0;
    color: #3d464d;
    z-index: 1;
    border-left: 0
}

.box-moder2 {
    position: relative;
    background-color: #fafafa
}

.box-moder2 h2 {
    width: 280px;
    position: relative;
    height: 28px;
    padding: 25px 30px 10px 30px;
}

.box-moder2 h2 b {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px 0 0;
    display: inline-block;
    margin: 0;
    color: #3d464d;
    z-index: 1
}

.span-mark2 {
    bottom: 10px
}

.hot-article ul li {
    padding: 30px 30px 24px;
}

.hot-article ul li:last-child {
    border-bottom: 0
}

.hot-article ul li .hot-article-img {
    width: 260px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}

.hot-article ul li a {
    font-size: 16px;
    line-height: 28px;
    color: #333333
}

.hot-article ul li a:hover {
    color: #1499f8
}

.hot-article ul li img {
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .5s ease-out
}

.hot-article ul li img:hover {
    transform: matrix(1.04, 0, 0, 1.04, 0, 0)
}

.box-list li {
    padding: 11px 10px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.box-list li:last-child {
    border-bottom: 0
}

.box-list li .story-content .story-title p {
    padding: 0 20px;
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    position: relative;
}

.box-list li .story-content .story-title p:hover {
    color: #1499f8
}

.icon-caret {
    position: absolute;
    background-position: -211px -720px;
    right: 18px;
    top: 13px;
}

.box-list li .story-content .story-time p.time {
    float: left;
    font-size: 14px;
    color: #bbb;
    padding: 0 20px;
    padding-bottom: 5px;
    line-height: 39px;
}

.clear {
    clear: both;
}

.box-list2 {
    padding-left: 20px;
    margin: 15px 30px 30px 30px;
    background: url(http://bbs.itheima.com/template/gfquan/src/left_bar.png) no-repeat 0 7px
}

.box-list2 li {
    height: 83px;
    line-height: 24px;
    padding: 0;
    border-bottom: 0
}

.box-list2 li .story-content .story-title p {
    padding: 0;
    font-size: 14px;
    color: #455066;
    height: 48px;
    line-height: 24px;
    position: relative;
}

.box-list2 li .story-content .story-title p:hover {
    text-decoration: underline
}

.icon-caret {
    position: absolute;
    background-position: -211px -720px;
    right: 18px;
    top: 13px;
}

.box-list2 li .story-content .story-time p.time {
    float: left;
    font-size: 12px;
    color: #999999;
    padding: 0;
}

.project-more {
    float: right;
    padding-left: 6px;
    margin: 1px 0 0 0;
    z-index: 1;
    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif
}

.pull-right {
    float: right !important;
}

.moder-group-list ul li span,
.project-more a {
    color: #999999;
    font-size: 12px
}

.report-author-info {
    height: 25px;
    line-height: 25px;
    margin-top: 8px;
    font-size: 14px;
    color: #bbb;
}

.report-author-info .author-face {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    overflow: hidden;
    margin-right: 10px;
}

.report-author-info span {
    float: left;
    margin-right: 10px;
}

.report-explain {
    color: #bbb;
    line-height: 24px;
    padding: 20px 30px;
    border-top: 1px solid #F0F0F0;
}

.ry-big-wrap {
    position: relative;
    width: 100%;
    height: 281px;
    margin-bottom: 10px;
    overflow: visible
}

.ry-big-pic-box {
    width: 510px;
    height: 281px;
    overflow: hidden;
    float: left;
}

.ry-mod-angle {
    position: absolute;
    left: -10px;
    height: 24px;
    color: #fff;
    text-align: center;
    background-color: #f63756;
    line-height: 24px;
    padding: 0 10px;
    z-index: 20;
    top: 20px;
    font-size: 14px;
}

.ry-mod-angle::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 24px;
    width: 0;
    height: 0;
    border-top: 6px solid #cd213d;
    border-left: 10px solid transparent;
}

.ry-big-content-box {
    width: 246px;
    height: 219px;
    float: right;
    padding: 30px 25px 30px 27px;
    border: 1px solid #F1F1F1;
}

.ry-big-content-box .title1 {
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    max-height: 80px;
}

.ry-big-content-box .title1 a {
    color: #333333
}

.ry-big-content-box .info,
.ry-big-content-box .number {
    color: #bbb;
    margin-top: 10px;
}

.ry-big-content-box .info {
    line-height: 24px;
    max-height: 44px;
    overflow: hidden;
}

.ry-big-content-box .number span {
    font-size: 20px;
    color: #1499f8;
}

.ry-big-content-box .user-box {
    width: 100%;
    margin-top: 13px;
}

.ry-big-content-box .user-box ul li {
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    overflow: hidden;
}

.picbox {
    width: 500px
}

#featured {
    height: 290px;
    overflow: hidden;
    position: relative
}

#featured .image {
    position: absolute;
    height: 290px;
    overflow: hidden
}

#featured .word {
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 500px;
    position: absolute;
    height: 60px;
    background: url(http://bbs.itheima.com/template/gfquan/src/black.png) 0 0 repeat
}

#featured .word h3 {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    padding-top: 7px;
    padding-left: 10px
}

#featured .word h3 a {
    color: #fff
}

#featured .word p {
    line-height: 22px;
    color: #eee;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px
}

#thumbs {
    width: 500px;
    height: 57px
}

*html #thumbs {
    height: 100%
}

#thumbs li {
    display: inline;
    float: left;
    cursor: pointer
}

#thumbs li a {
    display: block;
    font-size: 0;
    width: 75px;
    height: 37px;
    padding: 10px;
    padding-left: 0
}

#thumbs li a#thumb_pic-06 {
    padding-right: 0 !important
}

#thumbs li a img {
    display: block;
    font-size: 0;
    width: 73px;
    height: 35px;
    border: 1px solid #999
}

#thumbs li a:hover img {
    display: block;
    border: 1px solid #f60;
    height: 35px;
    width: 73px
}

#thumbs li a.current img {
    display: block;
    border: 1px solid #f60;
    height: 35px;
    width: 73px
}

.foucebox {
    position: relative;
    margin: 0 0 15px 0;
    width: 770px;
    height: 285px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
    background: none
}

.foucebox .bd {
    position: relative;
    float: left;
    overflow: hidden;
    width: 770px;
    height: 285px
}

.foucebox .showDiv {
    position: relative;
    width: 770px;
    height: 285px;
    margin-bottom: 10px
}

.foucebox .showDiv img {
    width: 770px;
    height: 285px
}

.foucebox .showDiv p {
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 9;
    padding-right: 20px;
    height: 20px;
    color: #DDDDDD
}

.foucebox .showDiv h2 {
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 9;
    overflow: hidden;
    padding-left: 0;
    width: 500px;
    height: 28px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    line-height: 28px
}

.foucebox .showDiv h2 a {
    color: #FFFFFF;
    font-weight: 400
}

.foucebox .foucebox_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 770px;
    height: 60px;
    z-index: 8;
    overflow: hidden;
    background: url(http://bbs.itheima.com/template/gfquan/src/black.png) repeat 0 0
}

.foucebox .hd {
    position: absolute;
    right: 10px;
    bottom: 6px;
    height: 39px;
    z-index: 20
}

.foucebox .hd ul li {
    position: relative;
    float: left;
    display: inline;
    margin: 0 0 0 8px;
    width: 65px;
    height: 28px;
    border: 1px solid #DDDDDD;
    overflow: hidden
}

.foucebox .hd ul a {
    display: block;
    width: 65px;
    height: 28px
}

.foucebox .hd ul img {
    width: 65px;
    min-height: 28px
}

.foucebox .hd ul .on .mask,
.foucebox .hd ul a:hover .mask {
    position: relative;
    display: none
}

.foucebox .hd ul li.on,
.foucebox .hd ul li:hover {
    border-color: #1499f8
}

.foucebox .hd ul a:hover {
    color: #fff
}

.foucebox .hd ul a:hover .txt_bg {
    background: #70a20f
}

.tab2 {
    height: auto;
    border: 0;
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    overflow: hidden;
    background: #FFFFFF
}

.tab2 .title {
    width: 310px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EEEEEE;
    overflow: visible;
    background: #F9F9F9
}

.tab2 .tb {
    width: 312px;
    height: 51px;
    line-height: 51px;
    border-bottom: 0 !important;
    padding: 0;
    margin: 0;
    overflow: visible
}

.tab2 .tb li {
    margin: 0
}

.tab2 .tb a {
    width: 103px;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    color: #666666;
    border: 1px solid #f1f1f1;
    border-width: 0 1px 0 0;
    font-size: 14px;
    transition: all 0s ease 0s;
    background: none !important
}

.tab2 .tb .a a {
    height: 51px;
    line-height: 51px;
    font-weight: bold;
    color: #3f3f3f;
    border-bottom-width: 0;
    background: #FFFFFF !important
}

.tab2 .tb-c {
    padding: 0;
    background: #FFFFFF
}

.forum_list ul {
    padding-left: 28px;
    background: url(http://bbs.itheima.com/template/gfquan/src/rank.png) no-repeat left 6px
}

.forum_list li {
    width: 240px;
    height: 30px;
    line-height: 30px
}

.forum_list2 li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.forum_list li span {
    float: right;
    color: #C9C9C9
}

.forum_list li a:hover {
    color: #1499f8
}

.focus_num a {
    float: right;
    display: block;
    height: 22px;
    line-height: 22px;
    color: #BBBBBB;
    font-size: 14px;
    padding: 0 0 0 23px;
    background: url(http://bbs.itheima.com/template/gfquan/src/star.png) no-repeat 0 2px;
}

.pull-left {
    float: left
}

.nav-btn1,
.nav-btn2,
.nav-btn3 {
    line-height: 26px;
    padding: 0 10px;
    margin-top: 17px;
    margin-left: 20px;
    border-radius: 0;
    color: #fff;
}

.nav-btn1 {
    background-color: #71ceb5;
}

.nav-btn2 {
    background-color: #77a4b3;
}

.nav-btn3 {
    background-color: #518cea;
}

.nav-btn1:hover {
    color: #fff;
    background-color: #52ad95;
}

.nav-btn2:hover {
    color: #fff;
    background-color: #5c8897;
}

.nav-btn3:hover {
    color: #fff;
    background-color: #3a6fc3;
}

.Quater_banner {
    position: relative;
    width: 750px;
    height: 250px;
    margin: 0;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    text-align: left;
    background: none
}

.Quater_banner .pic img {
    display: block;
    width: 750px;
    height: 250px
}

.txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(transparent), to(#000));
    background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
    background-image: -moz-linear-gradient(top, transparent 0%, #000 100%);
    background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
    opacity: .7
}

.Quater_banner .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 70px;
    width: 100%;
    overflow: hidden
}

.Quater_banner .txt li {
    width: 100%;
    height: 70px;
    line-height: 70px;
    position: absolute
}

.Quater_banner .txt li a {
    display: block;
    color: #EEEEEE;
    padding: 0 0 0 20px;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none
}

.Quater_banner .num {
    position: absolute;
    height: 4px;
    z-index: 3;
    bottom: 0;
    left: 185px;
    background: url(http://bbs.itheima.com/template/gfquan/src/black0.5.png) repeat 0 0
}

.Quater_banner .num li {
    float: left;
    width: 125px;
    margin: 0;
    height: 4px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    text-indent: -9999px;
    background: url(black0.5.png) repeat 0 0
}

.Quater_banner .num li.on {
    background: #1499f8
}

.Quater_banner .pic {
    position: relative
}

.Quater_banner .pic .info1 {
    position: absolute;
    left: 48px;
    bottom: 40px;
    z-index: 50
}

.Quater_banner .pic .info1 a {
    color: #FFFFFF;
    font-size: 26px
}

.Quater_banner .prev {
    position: absolute;
    left: 20px;
    top: 110px;
    width: 23px;
    height: 32px;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    background: url(http://bbs.itheima.com/template/gfquan/src/focus_arrow.png) no-repeat 0 0
}

.Quater_banner .next {
    position: absolute;
    right: 20px;
    top: 110px;
    width: 23px;
    height: 32px;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    background: url(http://bbs.itheima.com/template/gfquan/src/focus_arrow.png) no-repeat -23px 0
}

.Quater_banner:hover .prev,
.Quater_banner:hover .next {
    display: block;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.Quater_banner2 {
    position: relative;
    width: 525px;
    height: 280px;
    margin: 0;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    text-align: left;
    background: none
}

.Quater_banner2 .pic img {
    display: block;
    width: 525px;
    height: 280px
}

.txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(transparent), to(#000));
    background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
    background-image: -moz-linear-gradient(top, transparent 0%, #000 100%);
    background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
    opacity: .7
}

.Quater_banner2 .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 70px;
    width: 100%;
    overflow: hidden
}

.Quater_banner2 .txt li {
    width: 100%;
    height: 70px;
    line-height: 70px;
    position: absolute
}

.Quater_banner2 .txt li a {
    display: block;
    color: #EEEEEE;
    padding: 0 0 0 20px;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none
}

.Quater_banner2 .num {
    position: absolute;
    height: 4px;
    z-index: 3;
    bottom: 0;
    left: 0;
    background: url(http://bbs.itheima.com/template/gfquan/src/black0.5.png) repeat 0 0
}

.Quater_banner2 .num li {
    float: left;
    width: 175px;
    margin: 0;
    height: 4px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    text-indent: -9999px;
    background: url(black0.5.png) repeat 0 0
}

.Quater_banner2 .num li.on {
    background: #1499f8
}

.Quater_banner2 .pic {
    position: relative
}

.Quater_banner2 .pic .info1 {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 50
}

.Quater_banner2 .pic .info1 a {
    color: #FFFFFF;
    font-size: 20px
}

.Quater_banner2 .prev {
    position: absolute;
    left: 20px;
    top: 120px;
    width: 23px;
    height: 32px;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    background: url(http://bbs.itheima.com/template/gfquan/src/focus_arrow.png) no-repeat 0 0
}

.Quater_banner2 .next {
    position: absolute;
    right: 20px;
    top: 120px;
    width: 23px;
    height: 32px;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease 0s;
    background: url(http://bbs.itheima.com/template/gfquan/src/focus_arrow.png) no-repeat -23px 0
}

.Quater_banner2:hover .prev,
.Quater_banner2:hover .next {
    display: block;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.related-articles {
    margin: 35px 0 10px 0
}

.related-articles h4 {
    color: #3d464d;
    margin: 10px 0 18px 0;
    font-size: 15px;
    font-weight: bold
}

.col-8 {
    float: left;
    width: 226.6px
}

.col-8 .each-cell {
    margin-bottom: 20px;
    height: 180px;
    overflow: hidden;
}

.col-8 .desc {
    width: 100%;
    height: 100%;
    line-height: 25px;
    cursor: pointer;
    font-size: 15px;
    padding-top: 5px;
}

.col-8 .desc a {
    color: #333333
}

.col-8 .desc a:hover {
    color: #1499f8
}

.guess-posts-list {
    overflow: hidden;
    padding: 20px;
    margin: 20px 0;
    background: #FAFAFA;
}

.guess-posts-list h4 {
    margin: 15px 0 10px 0;
    font-weight: bold;
}

.guess-posts-list h4 {
    font-size: 14px;
}

.guess-posts-list li {
    line-height: 25px;
    padding: 8px 0;
    text-indent: 16px;
    border-bottom: 1px solid #EEEEEE;
    font-size: 14px;
    background: url(http://bbs.itheima.com/template/gfquan/src/blue_dot.png) no-repeat left 16px
}

.guess-posts-list li a {
    color: #3d464d
}

.guess-posts-list li a:hover {
    color: #666666;
    text-decoration: underline
}

.guess-posts-list li:last-child {
    border-bottom: 0
}

.real_time_intelligence {}

.pad_inner h3 {
    font-size: .8rem;
    color: #3d464d;
    margin: 0 auto 1rem;
    padding: .8rem 0;
    text-align: center;
    border-top: 2px solid #4285f4;
    border-bottom: 1px dashed #e6e8eb;
}

.pad_inner h3 span {
    display: inline-block;
    padding: 0 .5rem 0 0;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: bold;
    color: #3d464d;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE软雅黑, STHeitiSC-Light, simsun, \5B8B体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

.real_time_intelligence li {
    padding: 0 0 .75rem 1rem;
    position: relative;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE软雅黑, STHeitiSC-Light, simsun, \5B8B体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

.real_time_intelligence li .triangle {
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff #fff #fff #4285f4;
    -webkit-transform-origin: 25% center;
    transform-origin: 25% center;
    border-width: 4px;
}

.real_time_intelligence li h4 {
    margin: 0 0 .05rem;
    line-height: 1.5;
    font-weight: 400;
    color: #cccecf;
}

.real_time_intelligence li h4 .tit_1 {
    color: #3d464d;
    cursor: pointer;
    font-size: 13px
}

.real_time_intelligence li h4 .tit_1 a {
    color: #3d464d
}

.real_time_intelligence li h4 .tit_1 a:hover {
    text-decoration: underline
}

.real_time_intelligence li .share-title,
.real_time_intelligence li .time {
    padding-top: 3px;
    display: inline-block;
    color: #a4abb1;
    font-size: 13px
}

.real_time_intelligence .more-fastsection,
.more-project-news {
    display: block;
    width: 7.2rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 4px;
    margin: 0.5rem auto 2rem;
    border: 1px solid #4285f4;
    text-align: center;
    color: #4285f4;
    font-size: 13px
}

.news-post-wrapper .news-post-item {
    position: relative;
    margin-bottom: 20px;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE软雅黑, STHeitiSC-Light, simsun, \5B8B体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

.news-post-wrapper .news-post-item .img-box {
    width: 100px;
    height: 64px;
    padding: 3px 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden;
    background-color: #efefef;
}

.news-post-wrapper .news-post-item .info-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding-left: 110px;
    width: 185px;
}

.news-post-wrapper .news-post-item .info-box .info-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.news-post-wrapper .news-post-item .info-box .tit_2 {
    position: relative;
    top: -2px;
    font-size: 14px;
    color: #3d464d;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
}

.news-post-wrapper .news-post-item .info-box .tips {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    line-height: 1;
    font-size: 12px;
    color: #9ca4ab;
}

.hot_article.hot_posts li {
    float: left;
    height: 180px;
    border: 0 none;
    background-color: transparent;
    position: relative;
    line-height: 1rem;
    margin: 0.2rem 0 1rem 0;
    min-height: 70px;
}

.hot_article.hot_posts li .img-cover span {
    position: absolute;
    left: .6rem;
    display: inline-block;
    width: 3.0rem;
    height: 1.2rem;
    background-color: #ff4343;
    background-size: cover;
    z-index: 10;
}

.hot_article.hot_posts li .img-cover span::before {
    position: absolute;
    top: 1.2rem;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #ff4343;
    border-right: 27.5px solid transparent;
    border-left: 0 solid transparent;
}

.hot_article.hot_posts li .img-cover span b {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

.hot_article.hot_posts li .img-cover span::after {
    position: absolute;
    top: 1.2rem;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #ff4343;
    border-left: 24.5px solid transparent;
    border-right: 0 solid transparent;
}

.hot_article.hot_posts li .img-cover .article-title {
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    color: #fff;
    width: 260px;
    background-color: rgba(0, 0, 0, .3);
    font-size: 14px;
    border-radius: 0;
}

.hot_article.hot_posts li .top2 {
    background-color: #ff9035 !important;
}

.hot_article.hot_posts li .top2::after,
.hot_article.hot_posts li .top2::before {
    border-top-color: #ff9035 !important;
}

.biggie_word .biggie_list li {
    position: relative;
    border: 1px solid #e6e8eb;
    margin: 55px 0 60px 0
}

.biggie_word .biggie_list li .biggie_photo {
    position: absolute;
    top: -35px;
    left: 110px;
    width: 70px;
    height: 70px;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    border: 0;
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}

.biggie_word .biggie_list li .biggie_name {
    text-align: center;
    font-size: 20px;
    color: #262a2f;
    padding-top: 40px;
}

.biggie_word .biggie_list li .biggie_content {
    font-size: 14px;
    color: #464c56;
    padding: 20px;
    padding-top: 5px;
}

.stationed_intro_right {
    border: 1px dashed #d3d7db;
    margin: 0;
    color: #3d464d;
    font-size: 14px;
}

.stationed_intro_right h4 {
    padding: 1rem 0;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    margin: 0;
    color: #3d464d;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE软雅黑, STHeitiSC-Light, simsun, \5B8B体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

.stationed_intro_right .inner_box {
    padding: 0 0 20px 0;
}

.stationed_intro_right ul {
    padding: 0 25px;
}

.stationed_intro_right .inner_box li {
    float: left;
    position: relative;
    width: 82px;
    text-align: center;
}

.icon-hot-web {
    width: 82px;
    height: 60px;
    margin-bottom: 10px;
    background: url(http://bbs.itheima.com/template/gfquan/src/hot1.png) no-repeat center center
}

.icon-news-web {
    width: 82px;
    height: 60px;
    margin-bottom: 10px;
    background: url(http://bbs.itheima.com/template/gfquan/src/news.png) no-repeat center center
}

.icon-sound-web {
    width: 82px;
    height: 60px;
    margin-bottom: 10px;
    background: url(http://bbs.itheima.com/template/gfquan/src/sound.png) no-repeat center center
}

.stationed_intro_right .btn_box {
    display: block;
    width: 250px;
    margin: 0 auto 1.5rem;
    background-color: #1499f8;
    color: #fff;
    border-radius: .2rem;
    padding: .6rem 0;
    text-align: center;
    font-size: 14px;
}

.modname {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-weight: 700;
    line-height: 53px;
    color: #3f3f3f;
    font-size: 16px;
    overflow: hidden;
}

.s_timeline .s_text_list {
    margin: 15px 20px;
    padding-bottom: 20px;
}

.nano {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 470px;
}

.s_timeline ul {
    padding: 20px 0 0;
    margin: 0;
    border-top: 1px solid #f1f1f1;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", "SimSun", "WenQuanYi Micro Hei", sans-serif;
}

.nano .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.s_timeline li {
    position: relative;
    width: 246px;
    margin: 0 15px 0 2px;
    padding: 0 0 17px 20px;
    border-left: 2px solid silver;
}

.s_timeline li.nocss {
    border-left: none;
    margin: 0 15px 0 2px;
    padding: 0;
}

.s_timeline li.nocss em {
    float: right;
    padding-left: 10px;
    color: #999999;
    line-height: 27px;
}

.s_timeline li.nocss img {
    margin-right: 10px;
    width: 25px;
    height: 25px;
}

.s_timeline li.user1 img {
    margin-right: 10px;
    width: 45px;
    height: 45px;
}

.s_timeline li.user2 img {
    margin-right: 10px;
    width: 40px;
    height: 40px;
}

.s_timeline li.user3 img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
}

.s_timeline li.user1 em {
    float: right;
    padding-left: 10px;
    color: #999999;
    line-height: 45px;
}

.s_timeline li.user2 em {
    float: right;
    padding-left: 10px;
    color: #999999;
    line-height: 38px;
}

.s_timeline li.user3 em {
    float: right;
    padding-left: 10px;
    color: #999999;
    line-height: 30px;
}

.s_timeline li:last-child p {
    border-bottom: 0
}

.s_timeline li a {
    color: #3F3F3F;
    font-size: 14px
}

.s_timeline li a:hover {
    color: #1499f8
}

.s_timeline li i {
    position: absolute;
    display: block;
    padding: 5px;
    left: -10px;
    top: 0;
    background: #fff;
}

.s_timeline2 li i {
    background: #F9F9F9
}

.s_timeline li i {
    border: 1px solid #fff;
}

.s_timeline2 li i {
    border: 1px solid #F9F9F9
}

.s_timeline li span {
    float: left;
    margin: 0;
    height: 6px;
    width: 6px;
    border-radius: 50px;
}

.s_timeline li span {
    background-color: #afafaf;
}

.s_timeline li p {
    margin-top: 5px;
    padding-bottom: 14px;
    color: #afafaf;
    font-size: 12px;
    border-bottom: 1px solid #f1f1f1;
}

.s_text_list li:hover a {
    color: #1499f8
}

.s_timeline li:hover span {
    background: #1499f8
}

.grid_list {
    margin: 10px 10px -1px 10px;
    overflow: hidden
}

.grid_list ul {
    margin: 0 -3px -1px 0;
    overflow: hidden
}

.grid_list li {
    float: left;
    width: 78px;
    margin: 10px 10px 0 9px;
    padding: 0 0 10px;
    text-align: center;
    font-size: 14px
}

.grid_list li a {
    border: 1px solid #f1f1f1
}

.grid_list li a,
.grid_list li em {
    display: inline-block;
    width: 78px;
    height: 65px;
    padding: 0 9px 0 0px;
    border-width: 0 1px 0 0;
    text-align: center
}

.grid_list_img {
    display: inline-block;
    width: 65px;
    height: 35px;
    margin: 4px 0 2px;
}

.customer_service {
    margin: 5px 20px 0;
    padding: 15px 0 20px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
}

.fullfont,
.forum_top_name h2 {
    font-size: 28px;
    font-weight: 400;
}

.color,
.whitesmallbutton,
.forum_newbie a,
.whitesmallbutton:hover,
.grid_list_num,
.row_list li {
    color: #535353;
}

.color3,
.graysmallbutton,
.more a,
.time_prompt,
.modname .more,
.modname .more a,
.s_tab_content li p,
.use_guide em,
.viewthread_author_stat li,
#separatorline,
#atarget,
#threadthumb,
#fontsearch th,
.s_timeline li>p,
.viewthread_manage a,
.viewthread_top,
.viewthread_foot label,
.viewthread_foot a,
.moderatorlog a,
.typeinfo li.typeinfo_first,
.viewthread_foot .bdsharebuttonbox,
.breadcrumbs em {
    color: #afafaf;
}

.font12,
.bluesmallbox,
.greensmallbox,
.graysmallbox,
.redsmallbox,
.bluesmallblankbox,
.floorauthor,
.greensmallblankbox,
.graysmallblankbox,
.redsmallblankbox,
.more,
.newmsgdot,
.ctwolist li a,
.signin_sidebarinfo li,
.ccdar_tit td,
.s_links em,
.threadlist_title,
.threadlist_info,
.threadlist_imglist,
.s_timeline li>p,
.s_timeline li div p,
.pic_text_list .s_tab_content p,
.viewthread_manage a,
.floor_link,
.viewthread_replylog a.author,
.moderatorlog,
#livereplycontent dl dd.dateline {
    font-size: 12px;
}

.snswidget {
    padding: 25px 0 28px 25px;
}

.sns_widget {
    display: inline-block;
    margin: 7px 15px 8px 18px;
}

.sns_widget p {
    margin-top: 8px;
    text-align: center
}

.sns_widget p a {
    color: #3F3F3F
}

.plr25,
.main_box .modname,
.recommend_pic_small,
.oneway_text {
    padding: 0 25px;
}

.recommend_pic_small ul {
    margin-right: -18px;
}

.recommend_pic_small li {
    float: left;
    margin-right: 17px;
    padding-bottom: 20px;
}

.recommend_pic_small img {
    display: block;
    border-radius: 2px
}

.recommend_article_list {
    margin: 0 25px;
    padding: 0 0 20px 0;
}

.recommend_article_list ul {
    margin-right: -40px;
    overflow: hidden
}

.recommend_article_list li {
    float: left;
    width: 340px;
    margin-right: 36px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommend_article_list li {
    color: #3F3F3F;
    font-size: 14px
}

.recommend_article_list em {
    margin-right: 8px;
    color: silver;
}

.itofeedback {
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    background: #FFFFFF
}

.itofeedback a {
    float: left;
    width: 130px;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    transition: all 0.2s ease-in;
    border-radius: 2px;
}

.bluebigbutton {
    background-color: #1499f8
}

.bluebigbutton:hover {
    background-color: #0783dd
}

.greenbigbutton {
    background-color: #4fc277
}

.greenbigbutton:hover {
    background-color: #3cac63
}

.news-l-box {
    overflow: hidden;
    padding: 25px;
    width: 720px;
    background-color: #FFF;
    border-radius: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.news-l-box ul {
    width: 805px
}

.mar-b20 {
    margin-bottom: 15px;
}

.news-l-dl {
    width: 165px;
    float: left;
    margin-right: 20px;
    overflow: hidden
}

.news-l-dl dt {
    width: 160px;
    height: 110px;
    border: 0;
}

.news-l-dl dt a img {
    width: 167px;
    height: 110px;
}

.news-l-dl dd {
    margin: 10px 0 15px 0
}

.news-l-dl dd a {
    color: #333333;
    font-size: 14px
}

.news-l-dl dd a:hover {
    color: #1499f8
}

.links {
    width: 1100px;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 25px 0 0 0;
    margin: 0 auto;
    margin-top: 0;
    border-bottom: 0;
    font-family: Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
    background: none;
}

.ie7 .links {
    margin-top: 5px
}

.links .links_txt {
    width: 1100px;
    height: auto;
    overflow: hidden;
    padding: 0 0 25px 0;
    border-bottom: 0;
    background: none
}

.links .links_txt ul {
    padding: 0;
    margin-left: -23px
}

.links .links_txt li {
    float: left;
    font-size: 12px;
    padding: 0 22px;
    margin: 12px 0;
    color: #757575;
    line-height: 12px;
    border-left: 1px solid #e0e0e0
}

.links .links_txt li a {
    color: #757575
}

.links .links_txt li a:hover {
    color: #1499f8
}

.forum_top {}

.forum_top .forum_top_icon {
    float: left;
    width: 140px;
}

.forum_top .forum_top_icon img {
    width: 80px;
    height: 80px;
    padding: 30px;
}

.forum_top .forum_right {
    float: left;
    padding-right: 20px;
}

.forum_top .forum_top_name {
    position: relative;
}

.forum_top .forum_top_name h2 {
    font-size: 28px;
    font-weight: 400;
    margin-top: 24px;
}

.forum_top .forum_top_name h2 a {
    color: #3f3f3f
}

.forum_top .forum_top_name h2 a:hover {
    color: #1499f8
}

.forum_top .forum_top_name .forum_rules {
    font-size: 14px;
    color: #555;
    max-width: 580px;
}

.forum_top .forum_top_info {
    font-size: 14px;
    line-height: 48px;
    margin-top: 15px;
    border-top: 1px dashed #E6E6E6;
    color: #777;
}

.forum_top .forum_top_info .pipe {
    margin: 0px 12px;
    font-family: serif, "Tahoma", Arial, sans-serif;
    color: #E6E6E6;
}

.forum_top .forum_top_info .y {
    width: 450px;
    overflow: hidden;
    text-align: right;
}

.s_topic {
    height: 180px;
}

.s_topic_content {
    position: relative;
    display: block;
    height: 140px;
    padding: 20px;
    font-size: 16px;
    color: #333
}

.s_topic_content span {
    display: inline-block;
    left: 107px;
    top: 110px;
    font-size: 14px;
    position: absolute;
}

.bluesmallblankbutton {
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    border: 1px solid #1499f8;
    border-radius: 2px;
    color: #1499f8;
}

.douban {
    width: 730px;
    height: 250px;
    padding: 25px 20px;
    margin: 0;
    overflow: hidden;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
    background: #FFFFFF
}

.douban .hd {
    height: 11px;
    line-height: 11px;
    margin: 20px 0 0 0;
    overflow: hidden
}

.douban .hd ul {
    text-align: center
}

.douban .hd ul li {
    display: inline-block;
    width: 25px;
    height: 5px;
    margin: 0 5px;
    cursor: pointer;
    background: #EEEEEE
}

.douban .hd ul li.on {
    background: #1499f8
}

.douban .bd {
    width: 730px;
    overflow: hidden
}

.douban .bd ul {
    overflow: hidden;
    zoom: 1
}

.douban .bd ul li {
    float: left;
    width: 230px;
    margin-right: 20px;
    overflow: hidden
}

.douban .bd ul li h3 {
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
}

.douban .bd ul li h3 a {
    color: #333333
}

.douban .bd ul li h3 a:hover {
    color: #1499f8
}

.douban .bd ul li p {
    height: 40px;
    font-size: 14px;
    color: #333333;
    overflow: hidden;
}

.sr-bdimgshare {
    display: none !important
}

.fl_tb h2 a,
.fl_g dt a:hover {
    color: #1499F8
}

.focus {
    padding: 10px;
}

#sitefocus .bm_h {
    height: 27px;
    line-height: 27px;
    margin-bottom: 10px;
}

.tab-title {
    height: 51px;
    background: none;
}

.tb a {
    background: none;
}

.frame-tab .tb {
    margin-top: 0;
    line-height: 32px;
    border: none;
    height: 51px;
    line-height: 51px;
    padding-left: 0;
}

.frame-tab .tb-c {
    padding: 0;
}

.frame-tab .tb li a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: none;
    background: #F9F9F9 !important;
    width: 103px;
    text-align: center;
    color: #000;
    padding: 0;
    margin: 0
}

.frame-tab .tb li.a a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: none;
    background: #FFF !important;
    width: 103px;
    text-align: center;
    color: #000;
    padding: 0;
    margin: 0
}

.frame-tab {
    border: 1px solid #EAEAEA;
}

.tb-c .dxb_bc .box {
    box-shadow: none;
}

.s_timeline ul {
    border-top: none;
}

.s_timeline .nocss a {
    display: inline-block;
    height: 30px;
    overflow: hidden
}

.biaoqib_footer_y .pipe {
    color: #666;
}

#frameM5dQBa {
    padding-left: 25px;
    padding-top: 10px;
}

.box-moder {}

.right_box_title {
    height: 40px;
    line-height: 30px;
    color: #444;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}

.moder-story-list ul {
    width: 330px;
    overflow: hidden;
}

.moder-story-list ul li {
    padding: 0px 10px;
}

.moder-story-list ul li .story-content .story-title {
    cursor: pointer;
}

.moder-story-list ul li .story-content .story-title p {
    padding-top: 15px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin: 0;
    border-bottom: 1px dashed #eee;
}

.moder-story-list ul li p {
    padding: 0 10px;
}

.transition {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.moder-story-list ul li p a {
    font-size: inherit;
}

.moder-story-list ul li .story-content .story-time {
    font-size: 12px;
    color: #bbb;
    font-style: normal;
    line-height: 24px;
}

.moder-story-list ul li .story-time {
    position: relative;
    width: 100%;
}

.hot-article ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.hot-article ul li {
    background-color: #ffffff;
    padding: 5px 15px;
}

.hot-article ul li a {
    font-size: 14px;
}

.sidebar_hot_posts .top_post_filter .best_post {
    display: block;
    float: left;
    text-align: center;
    background: #f9f9f9;
    border-top: 0;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    width: 102px;
    height: 49px;
    line-height: 49px;
    font-size: 14px;
}

.sidebar_hot_posts .top_post_filter .best_post:first-child {
    border-left: 1px solid #fff;
}

.sidebar_hot_posts .top_post_filter .best_post:last-child {
    border-right: 1px solid #fff;
}

.sidebar_hot_posts .top_post_filter li {
    padding: 0;
}

.sidebar_hot_posts .top_post_filter .best_post.active {
    background: #fff;
    border-bottom: solid 1px transparent;
    color: #3ca5f6;
    cursor: default;
}

.sidebar_hot_posts .best_post_content {
    display: none;
}

.sidebar_hot_posts .best_post_content.active {
    display: block;
}

.mob-author-right {
    margin: 10px 0;
}

.mob-author-right .author-name,
.mob-author-right .time,
.mob-author-right em {
    color: #bbb;
    line-height: 24px;
    font-style: normal;
}

.mob-author-right span {
    font-size: 12px;
}

.mob-author-right .time {
    margin-left: 10px;
}

.mob-author-right .mob-sub {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}

.right_box {
    overflow: hidden;
}

.ttp {
    padding-top: 0;
    border-bottom: 1px solid #eee;
    background-color: none
}

.nav li#mn_Ned85 {
    position: absolute;
    top: -28px;
}

.nav li#mn_Ned85 a {
    font-size: 12px;
    color: #3CA5F6;
    left: 134px;
}

.hd_logo {
    padding-top: 35px;
    position: absolute;
    float: left;
}

.Quater_user {
    padding-top: 32px;
}

.headerbtn.header_search.newbtn {
    padding-top: 61px;
}

.gf_author {
    float: right
}

.gf_author a {
    color: #999999;
    font-size: 12px !important;
}

.gf_author a:hover {
    color: #F35B4F
}

.nav_right {
    width: 65px;
    position: fixed;
    right: 5px;
    bottom: 27%;
    z-index: 99999;
}

.nav_right ul li {
    width: 63px;
    height: 63px;
    background: url(/template/gfquan/src/zx1.png) no-repeat 0px 0px;
    position: relative;
    margin-bottom: -1px;
}

.nav_right ul li:hover {
    background-color: #D72502;
    background-position: -52px 15px;
}

.nav_right ul li i {
    position: absolute;
    background: url(/template/gfquan/src/zxclose.png) no-repeat 0px 0px;
    right: 79px;
    top: -5px;
    width: 14px;
    height: 16px;
    cursor: pointer;
    display: none
}

.nav_right ul li .div1 {
    position: absolute;
    right: 59px;
    top: 11px;
    width: 260px;
    height: 40px;
    overflow: hidden;
    display: none
}

.nav_right ul li p {
    background: #D72602;
    width: 240px;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.nav_right ul li p:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #D72602;
}

.nav_right ul li .div2 {
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    background-color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    width: 220px;
    height: 220px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    -moz-animation: ball-scale 1s 0s ease-in-out infinite;
    -ms-animation: ball-scale 1s 0s ease-in-out infinite;
    -o-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite;
}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.nav_right ul li span {
    position: absolute;
    right: 0;
    width: 90px;
    height: 63px;
    line-height: 63px;
    text-indent: 15px;
    visibility: hidden;
}

.nav_right ul li a {
    display: block;
    height: 63px;
}

.nav_right ul li.nav1:hover {
    background: url(/template/gfquan/src/zx1.png) no-repeat 0px 0px;
}

.nav_right ul li.nav2 {
    background-position: 0px -63px;
}

.nav_right ul li.nav2:hover {
    background: url(/template/gfquan/src/zx2.png) no-repeat 0px -63px;
}

.nav_right ul li.nav3 {
    background-position: 0px -128px;
}

.nav_right ul li.nav3:hover {
    background: url(/template/gfquan/src/zx2.png) no-repeat 0px -128px;
}

.nav_right ul li.nav4 {
    background-position: 0px -191px;
}

.nav_right ul li.nav4:hover {
    background: url(/template/gfquan/src/zx2.png) no-repeat 0px -191px;
}

.nav_right ul li.nav5 {
    visibility: hidden;
    margin-top: 2px;
    background-position: 0px -256px;
}

.nav_right ul li.nav5:hover {
    background: url(/template/gfquan/src/zx2.png) no-repeat 0px -256px;
}

.nav_right ul li.nav5 a {
    color: #fff;
}

.box .s_reading {
    width: 270px;
    margin: 10px 0 0 20px;
    padding-bottom: 12px;
}

.box .s_reading img {
    margin-top: -15px;
}

.box .s_reading .gg_gf {
    width: 100%;
    margin-bottom: 10px;
}

.box .s_reading ul li {
    border-bottom: 1px #eee solid;
    padding: 18px 0;
    text-indent: -6px;
}

.box .s_reading ul li:last-child {
    border: none;
}

.box .s_reading ul li a {
    font-size: 14px;
    color: #202020;
    line-height: 17px;
}

.box .s_reading ul li:hover a {
    color: #1499F8
}

.fl_tb h2 {
    margin-bottom: 4px;
}

.fl_tb h2 a {
    color: #202020;
}

.xi2css {
    position: relative;
    font-size: 12px;
    color: #949393;
    height: 22px;
    line-height: 18px;
    padding: 0 10px 0 23px;
}

.xi2css:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 12px;
    background: url("/template/gfquan/src/forumicon.png") no-repeat 0 0;
    margin-top: -6px;
    content: "";
}

.xi2css.bg2:before {
    background-position: 0 -14px;
}

.xi2css.bg3:before {
    background-position: 0 -28px;
}

.fl_by div a {
    font-size: 14px;
    color: #949393;
}

.fl_tb td.fl_by p,
.fl_tb td.fl_by p a {
    font-size: 14px;
    color: #3c6dfb;
}

.fl_tb td.fl_by cite {
    font-size: 12px;
    color: #c6c5c5;
}

.qq_bind {
    margin-top: -3px;
}

#toptb .qq_bind {
    margin-top: 2px;
}