html {
    overflow-x: hidden;
}

body {
    font: 14px "SimSun", "Arial Narrow";
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

li {
    list-style: none
}

img {
    border: 0;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #C00;
    text-decoration: none;
}

em {
    font-style: normal;
}

button {
    display: inline-block;
    text-align: center;
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

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

/* �������*/
* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
}

/* IE7 */
.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.center {
    margin: 0 auto;
    text-align: center;
}

label {
    cursor: pointer;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.locating {
    position: relative;
    z-index: 1;
}

.transparent {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/*͸���˾�*/
.break {
    word-wrap: break-word;
    overflow: hidden;
    /*word-break:break-all;*/
}

.tac {
    text-align: center
}

.tar {
    text-align: right;
}

.alignment {
    text-align: justify;
    text-justify: inter-ideograph;
}

.mt10 {
    margin-top: 10px;
}

.ovh {
    overflow: hidden;
}

.vh {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.w {
    width: 982px;
    margin: 0 auto;
}

.nav li a.s,
#history span,
.close,
.int li a,
.int .box i,
.tip .text div span,
.theEnd .h,
#gotoup {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
}

.close {
    background-position: 0 -134px;
    display: block;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 27px;
    width: 16px;
    z-index: 1000;
    overflow: hidden;
}

.close:hover {
    background-position: 0 -118px;
}

.header {
    height: 84px;
    background: url(../images/wrapBg.png) left bottom repeat-x;
    padding-bottom: 7px;
    position: relative;
    z-index: 5;
}

.nav {
    margin: 30px 0 0 30px;
    width: 196px;
}

.nav li {
    float: left;
    border-right: 1px solid #d8d8d8;
    display: inline;
    height: 18px;
    line-height: 18px;
    margin-left: -1px;
    padding: 0 20px;
    position: relative;
}

.nav li a {
    font-size: 16px;
    font-family: '微软雅黑';
}

.nav li a.s {
    background-position: 72px -151px;
    padding-right: 20px;
}

#history .box {
    left: 10px;
    padding-top: 20px;
    position: absolute;
    top: 18px;
    width: 300px;
    display: none;
    z-index: 999;
}

#history .box .b {
    border: 1px solid #e0e0e0;
    padding: 10px;
    background: #fff;
}

#history span {
    background-position: -13px -101px;
    height: 10px;
    left: 35px;
    position: absolute;
    top: 11px;
    width: 18px;
    overflow: hidden;
}

#history p {
    border-bottom: 1px solid #f2f2f2;
    height: 22px;
    line-height: 22px;
    padding: 10px 0 10px 10px;
}

#history p.more,
.history p.more {
    background: none;
    border-bottom: none;
    padding-bottom: 0;
    text-align: right;
}

#history p a {
    font-family: 'SimSun';
    font-size: 14px;
}

.history {
    position: absolute;
    right: 0;
    width: 222px;
    top: 10px;
}

.history .h {
    font: bold 16px/30px '΢���ź�';
    border-bottom: 3px solid #000;
    margin-bottom: 10px;
    color: #9e1f26;
}

.history p {
    font-size: 14px;
    line-height: 25px;
    /* padding: 10px 0;*/
    border-bottom: 1px dotted #e7e7e7;
    padding: 10px 5px;
}

.history p a {
    color: #717171;
}

.history p:hover {
    background: #8c2327;
}

.history p a:hover,
.history p:hover a {
    color: #fff;
    _color: #8c2327
}

.int {
    width: 232px;
}

.int li {
    float: left;
    margin-top: 20px;
    margin-left: 18px;
    position: relative;
    width: 98px;
    display: inline;
}

.int li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    color: #9d9d9d;
    font-size: 12px;
}

.int li a.a1 {
    background-position: 0 -6px;
}

.int li a.a2 {
    background-position: 0 -54px;
}

.int .box {
    cursor: pointer;
    height: 166px;
    left: -47px;
    padding-top: 30px;
    position: absolute;
    top: 22px;
    width: 137px;
    display: none;
    z-index: 999;
}

.int .box i {
    background-position: -13px -101px;
    height: 10px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: 21px;
    width: 18px;
}

.int .box .text {
    background: #fff;
    border: 1px solid #e0e0e0;
    display: block;
    padding: 7px;
}

.int .box span {
    color: #7b7b7b;
    display: block;
    line-height: 18px;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}

.logo img {
    width: 300px;
    margin-top: 3px;
}


.pubtime {
    border-bottom: 1px solid #e3e3e3;
    height: 35px;
    line-height: 35px;
    padding-top: 5px;
    color: #747474;
    font-size: 12px;
    position: relative;
}

.pubtime strong {
    color: #9e2023;
    font-size: 16px;
    font-family: '微软雅黑'
}

.tip h1 {
    font-family: "微软雅黑";
    font-size: 32px;
    font-weight: bold;
    height: 75px;
    line-height: 75px;
    overflow: hidden;
    width: 982px;
    margin: 0 auto;
}

.tip .b {
    background: #eceaeb;
    height: 355px;
    overflow: hidden;
}

.tip .b .fl {
    width: 737px;
    height: 355px;
    position: relative;
}

.tip .text {
    bottom: 0;
    color: #d2d2d2;
    font-size: 14px;
    height: 102px;
    left: 0;
    line-height: 30px;
    position: absolute;
    width: 737px;
    overflow: hidden;
}

.tip .text div {
    background: url(../images/textBgln.png) no-repeat;
    bottom: 0;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
    height: 82px;
    left: 0;
    line-height: 30px;
    overflow: hidden;
    padding: 20px 30px 0;
    position: absolute;
    z-index: 90;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=bEnabled, sizingMethod=sSize, src="http://mat1.gtimg.com/view/todayTopic/2013/textBgln.png");
    width: 677px;
}

.tip .fr {
    background: url(../images/tip_msg.jpg) no-repeat #8c2327;
    width: 245px;
    height: 355px;
}

.tip .fr .bd1 {
    width: 133px;
    margin: 0 auto;
    padding: 25px 25px 20px;
    color: #fff;
    line-height: 25px;
    font-family: '微软雅黑';
    font-size: 12px;
}

.tip .fr .bd1 img {
    border: 10px solid #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.tip .fr .bd1 span {
    margin-left: 10px;
    display: block;
}

.tip .fr .bd2 {
    width: 180px;
    padding-top: 10px;
    font: 14px/24px '';
    color: #fff;
    margin: 0 auto;
    border-top: 2px solid #111111;
}

.tip .text div span {
    background-position: 0 -144px;
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 51px;
}

.container {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 45px 30px;
    width: 890px;
}

#articleContent h2 {
    border-top: 6px solid #8d2327;
    border-bottom: 1px dotted #ccc;
    font: bold 22px/35px '΢���ź�';
    padding: 5px 0 10px 7px;
    margin-top: 20px;
    margin-bottom: 12px;
}

#articleContent .fontbox {
    padding: 20px 0;
    font: 14px/27px '';
}

#articleContent .fontbox a {
    font: bold 14px/25px "����";
    color: #191919;
}

.theEnd {
    border-bottom: 2px solid #f7f7f7;
    border-top: 2px solid #746243;
    margin-top: 40px;
    padding: 20px 0;
    overflow: hidden;
}

.theEnd .h {
    background-position: -61px -215px;
    display: inline;
    float: left;
    height: 81px;
    width: 82px;
    font: 21px/81px '微软雅黑';
    text-align: center;
    color: #fff;
}

.theEnd .b {
    color: #444;
    float: right;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 30px;
    /* margin-top: 10px; */
    width: 766px;
}

.vote {
    width: 600px;
    margin: 20px auto 0;
    _margin: 40px auto 0;
}

.vote .h {
    border: 1px solid #e0e0e0;
    font: 16px/36px '微软雅黑';
    text-indent: 15px;
}

.vote .b {
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 20px 0;
    border-bottom: none;
}

.vote .b h2 {
    font-family: "微软雅黑";
    font-size: 24px;
    font-weight: 100;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.vote .f {
    border: 1px solid #e0e0e0;
    border-top: none;
    padding-bottom: 20px;
}

.vote .f .box {
    width: 70%;
    margin: 0 auto;
    height: 16px;
    background: #3aa0e6;
}

.opinion_vote_support_rate {
    background: #ff9933;
    float: left;
    height: 16px;
}

.opinion_vote_progress_blank {
    background: #fff;
    float: left;
    height: 16px;
    width: 1px;
}

.opinion_vote_support_voted {
    color: #999;
    float: left;
    font-size: 24px;
    left: -30px;
    position: absolute;
    top: 0;
    font-size: 16px;
}

.opinion_vote_oppose_voted {
    color: #999;
    float: right;
    font-size: 24px;
    position: absolute;
    right: -30px;
    top: 0;
    font-size: 16px;
}

#ui-voteList {
    width: 325px;
    padding: 10px 0;
    margin: 0 auto;
}

#ui-voteList li {
    border-radius: 5px;
    height: 71px;
    padding: 0;
    width: 90px;
    text-align: center
}

#ui-voteList li span {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: arial;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
}

#ui-voteList li a {
    font: 14px/26px '';
    color: #fff;
}

#ui-voteList li.s1 {
    background: #f29f44;
}

#ui-voteList li.s1 a {
    display: block;
    background: #ed8332;
    height: 31px;
    border-radius: 0 0 5px 5px
}

#ui-voteList li.s2 {
    background: #40a8e9;
}

#ui-voteList li.s2 a {
    display: block;
    background: #3294e2;
    height: 31px;
    border-radius: 0 0 5px 5px
}


.fontlx {
    font: 14px/25px '΢���ź�';
    border-top: 2px solid #746243;
    padding: 10px 0;
}

#gotoup {
    width: 54px;
    height: 54px;
    position: fixed;
    background-position: 0 -186px;
    bottom: 100px;
    right: 50%;
    margin-right: -456px;
    cursor: pointer;
    z-index: 999;
    display: none;
    _position: absolute;
    /*兼容IE6*/
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||70)));
    _bottom: auto;
}

#gotoup:hover {
    background-position: 0 -243px;
}

.opact {
    background: #333;
    display: none;
    height: 1000px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    filter: alpha(opacity=0);
}

#recom {
    margin: 25px 0 0 35px;
}

#footer {
    padding: 15px 0;
    background: #f5f5f5;
    margin-top: 20px;
}

.foot {
    border-top: 1px solid #ddd;
    background: #EFEFEF;
    margin-top: 20px;
}

#articleContent img {
    margin-bottom: 10px;
}

.foot .foot1,
.wap-bd2 {
    display: none;
}

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

    #xmnnfooter,
    .w960,
    .code,
    .nav,
    .int {
        display: none;
    }

    .wap-bd2 {
        display: block;
    }

    .header {
        height: unset;
    }

    .logo img {
        width: 12rem;
        margin: 0.5rem 0 0.5rem 1rem;
    }

    .pubtime {
        padding-left: 1rem;
        padding-top: 0;
    }

    .tip .b .fl {
        width: 100%;
    }

    .theEnd {
        padding: 20px 18px;
    }

    .theEnd .b {
        width: calc(100% - 120px);
        font-size: 0.8rem;
    }

    .fontlx {
        padding: 18px;
    }

    .foot .foot1 a {
        color: #fff;
        margin: 0 8px;
    }

    .w {
        width: 100%;
    }

    .container {
        width: 94%;
        margin: 0 auto;
        padding: 0;
    }

    .tip h1 {
        width: unset;
        height: unset;
        overflow: unset;
        padding: 1rem;
        font-size: 1.6rem;
        line-height: unset;
    }

    #xhead {
        display: none;
    }

    .foot .foot1 {
        display: block;
        height: 54px;
        width: 100%;
        color: #fff;
        line-height: 54px;
        text-align: center;
        font-size: 14px;
        background: #de3031;
    }

    #articleContent {
        padding: 0 .7rem;
    }

    #articleContent h2 {
        padding: .5rem 0;
        margin-bottom: 0.7rem;
    }

    #articleContent img {
        width: 100%;
        margin-bottom: 0.5rem;
        height: auto;
    }

    .tip .text {
        height: unset;
        position: relative;
        width: 100%;
        overflow: unset;
    }

    .tip .text div {
        background: url(../images/textBgln.png) repeat;
        height: unset;
        left: 0;
        line-height: 1.2rem;
        overflow: unset;
        padding: 0.7rem;
        position: relative;
        width: unset;
    }

    .tip .b {
        height: unset;
        overflow: unset;
    }

    .tip .b .fl {
        height: unset;
    }

    .head-img img {
        width: 100%;
        height: 13rem;
    }


}