.clearfix {

    *zoom: 1

}



.clearfix:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {

    margin: 0;

    padding: 0;

    -webkit-text-size-adjust: none

}



body, button, input, select, textarea {

    font: 16px/1.7 "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "Hiragino Sans GB";

    color: #292929;

    background: #fff

}



address, cite, dfn, em, var {

    font-style: normal

}



code, kbd, pre, samp {

    font-family: courier new, courier, monospace

}



small {

    font-size: 14px

}



ul, ol {

    list-style: none

}



a {

    color: #292929;

    text-decoration: none

}



a:hover {

    color: #292929

}



sup {

    vertical-align: text-top

}



sub {

    vertical-align: text-bottom

}



legend {

    color: #000

}



fieldset, img {

    border: 0

}



img {

    vertical-align: middle

}



button, input, select, textarea {

    font-size: 100%

}



button {

    cursor: pointer

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



h1 {

    font-size: 36px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 24px

}



h4 {

    font-size: 18px

}



h5 {

    font-size: 14px

}



h6 {

    font-size: 12px

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    body, button, input, select, textarea {

        font-size: 14px

    }



    h1 {

        font-size: 32.4px

    }



    h2 {

        font-size: 27px

    }



    h3 {

        font-size: 21.6px

    }



    h4 {

        font-size: 16.2px

    }



    h5 {

        font-size: 12.6px

    }



    h6 {

        font-size: 10.8px

    }

}





/* ¿ÕÐÐÊôÐÔ */

.blk { LINE-HEIGHT: 0; HEIGHT: 0px; clear: both; FONT-SIZE: 0px }

.bl5 { LINE-HEIGHT: 0; HEIGHT: 5px; clear: both; FONT-SIZE: 0px }

.bl10 { LINE-HEIGHT: 0; HEIGHT: 10px;clear:both; FONT-SIZE: 0px }

.bl15 { LINE-HEIGHT: 0; HEIGHT: 15px;clear:both; FONT-SIZE: 0px }

.bl20 { LINE-HEIGHT: 0; HEIGHT: 20px;clear:both; FONT-SIZE: 0px }

.bl60 { LINE-HEIGHT: 0; HEIGHT: 60px;clear:both; FONT-SIZE: 0px }

@media all and (max-width: 800px) {

    div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box

    }



    h1 {

        font-size: 28.8px

    }



    h2 {

        font-size: 24px

    }



    h3 {

        font-size: 19.2px

    }



    h4 {

        font-size: 14.4px

    }



    h5 {

        font-size: 11.2px

    }



    h6 {

        font-size: 9.6px

    }

}



.breadcrumb {

    margin-bottom: 16px;

    list-style: none;

    font-size: 14px

}



.breadcrumb > li {

    display: inline-block;

    *zoom: 1;

    *display: inline

}



.breadcrumb > li + li:before {

    content: "\3e\00a0";

    padding: 0 4px;

    color: #c7c7c7

}



.breadcrumb > .active {

    color: #c7c7c7

}



.bannerpic {

    margin-bottom: 16px

}



.newsinfo {

    margin-bottom: 16px;

    border-bottom: 1px solid #c7c7c7

}



.newsinfo h1 {

    line-height: 1.4;

    margin-bottom: 8px;

    font-weight: 400

}



.newsinfo .subtitle {

    margin-bottom: 8px;

    font-weight: 400;

    font-size: 18px

}



.newsinfo .info {

    float: left;

    padding-top: 8px;

    line-height: 36px

}



.newsinfo .info span {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    padding: 0 8px 0 0

}



.newsinfo .disable {

    border-style: dashed;

    color: #c7c7c7

}



.newsinfo .disable:hover {

    background: #f2f2f2;

    border-color: #c7c7c7

}



.newsinfo .sharebox {

    float: right;

    margin-bottom: 8px

}



.newsinfo .sharebox h2 {

    line-height: 36px;

    float: left;

    font-size: 18px

}



.newsinfo .sharebox ul {

    float: left

}



.newsinfo .sharebox li {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    width: 36px;

    height: 36px;

    line-height: 36px;

    border: 1px solid #c7c7c7;

    -webkit-border-radius: 36px;

    -moz-border-radius: 36px;

    border-radius: 36px;

    text-align: center;

    font-size: 21.6px;

    color: #c7c7c7

}



.newsinfo .sharebox li:hover {

    color: #292929;

    border-color: #292929

}



.main-wrapper {

    float: left;

    width: 100%

}



.main-wrapper .main {

    margin: 0 316px 0 0

}



.main-wrapper table {

    width: 100%

}



.main-wrapper table td, .main-wrapper table th {

    border: 1px solid #ccc;

    padding: 3px 8px

}



.main-wrapper .content {

    margin-bottom: 16px;

    font-size: 18px;

    padding:10px 30px 10px 10px;

}



.main-wrapper .content p {

    margin: 1em 0;

    text-indent: 2em

}



.main-wrapper .content .description {

    padding: 16px 32px;

    background: #f2f2f2;

    border-left: 2px solid #ec0c15;

    color: #5c5c5c

}



.main-wrapper .small {

    font-size: 16px

}



.main-wrapper .xsmall {

    font-size: 14px

}



.main-wrapper .big {

    font-size: 20px

}



.main-wrapper .xbig {

    font-size: 24px

}



.main-wrapper .actionbar {

    margin: 16px 0;

    text-align: center;

    line-height: 50px

}



.main-wrapper .actionbar a {

    padding: 0 16px

}



.main-wrapper .actionbar i {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    width: 50px;

    height: 50px;

    line-height: 50px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    font-size: 35px;

    background: #ec0c15;

    color: #fff

}



.main-wrapper .actionbar span {

    padding: 0 8px;

    font-size: 20px

}



.main-wrapper .actionbar .btnzhan {

    color: #ec0c15

}



.main-wrapper .actionbar .btncai {

    color: #1c63c4

}



.main-wrapper .actionbar .btncai i {

    background: #1c63c4

}



.main-wrapper .m-box .m-hd {

    margin-bottom: 0;

    margin-top: 16px;

    border-bottom: 1px solid #c7c7c7

}



.main-wrapper .m-box .hd-title {

    font-size: 24px;

    font-weight: 400

}



.main-wrapper .fullbutton {

    display: none

}



.main-wrapper .blktpgs .imglist {

    padding-top: 16px;

    margin: 0 0 0 -16px

}



.main-wrapper .blktpgs .imglist li {

    width: 278px;

    margin: 0 0 16px 16px

}



.main-wrapper .blktpgs .imglist li img {

    width: 278px;

    height: 156.375px

}



.main-wrapper .blktpgs .imglist li:nth-child( 3n+1) {

    clear: left

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .main-wrapper .blktpgs .imglist {

        margin: 0 0 0 -16px

    }



    .main-wrapper .blktpgs .imglist li {

        width: 218px;

        margin: 0 0 16px 16px

    }



    .main-wrapper .blktpgs .imglist li img {

        width: 218px;

        height: 122.625px

    }



    .main-wrapper .blktpgs .imglist li:nth-child( 3n+1) {

        clear: left

    }

}



.main-wrapper .blknewstab {

    border: 1px solid #c7c7c7;

    border-top: none

}



.main-wrapper .blknewstab .m-hd {

    margin-top: 0;

    border-top: 3px solid #515151

}



.main-wrapper .blknewstab .tabs {

    line-height: 40px;

    height: 40px;

    background: #f7f7f7

}



.main-wrapper .blknewstab .tabs li {

    width: 121px;

    margin-right: 0

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .main-wrapper .blknewstab .tabs li {

        width: 96px;

        margin-right: 0

    }

}



.main-wrapper .blknewstab .tabs li {

    text-align: center;

    border-left: 1px solid #fff;

    border-right: 1px solid #c7c7c7

}



.main-wrapper .blknewstab .tabs li:last-child {

    border-right: none

}



.main-wrapper .blknewstab .tabs .active {

    margin-top: -3px;

    border-top: 3px solid #ec0c15;

    background: #fff;

    border-bottom: 1px solid #fff

}



.main-wrapper .blknewstab .m-bd {

    padding: 16px;

    *zoom: 1

}



.main-wrapper .blknewstab .m-bd:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



.main-wrapper .blknewstab .m-bd .picnews {

    float: left;

    width: 320px

}



.main-wrapper .blknewstab .m-bd .picnews img {

    margin-bottom: 8px;

    width: 100%;

}



.main-wrapper .blknewstab .m-bd .picnews .linktitle {

    display: block;

    text-align: center

}



.main-wrapper .blknewstab .m-bd .txtnews {

    padding: 0 0 0 336px

}



.main-wrapper .blknewstab .m-bd .newslist {

    margin-bottom: 0

}



.side {

    float: left;

    width: 300px;

    margin: 0 0 0 -300px

}



.side .ad {

    margin-bottom: 16px

}



.side .m-box {

    margin-bottom: 16px;

    padding-top: 8px;

    border-top: 1px solid #c7c7c7

}



.side .m-box .imglist {

    margin: 0 0 0 -16px

}



.side .m-box .imglist li {

    width: 142px;

    margin: 0 0 16px 16px

}



.side .m-box .imglist li img {

    width: 142px;

    height: 79.875px

}



.side .m-box .imglist li:nth-child( 2n+1) {

    clear: left

}



.side .m-box:first-child {

    border: none

}



#relatedPic {

    width: 688px;

    margin: 16px auto

}



#relatedPic .picheader {

    *zoom: 1;

    height: 40px;

    line-height: 40px;

    background: #c7c7c7

}



#relatedPic .picheader:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



#relatedPic .picheader .more {

    float: right;

    padding: 0 8px

}



#relatedPic .floater {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    vertical-align: middle;

    width: 0

}



#relatedPic .picbox {

    position: relative;

    margin-bottom: 8px;

    background: #f2f2f2

}



#relatedPic .bigpic {

    text-align: center;

    font-size: 0

}



#relatedPic #bigpic {

    max-width: 100%;

    max-height: 516px;

    display: inline-block;

    *zoom: 1;

    *display: inline;

    vertical-align: middle

}



#relatedPic #picdesc {

    position: absolute;

    z-index: 20;

    bottom: 0;

    left: 0;

    width: 656px;

    padding: 8px 16px;

    background: #000;

    background: rgba(0, 0, 0, 0.6);

    color: #fff

}



#relatedPic .btnhide {

    display: none

}



#relatedPic .thumblist {

    position: relative;

    width: 100%;

    height: 60.75px;

    overflow: hidden

}



#relatedPic .thumblist ul {

    position: absolute;

    top: 0;

    left: 0

}



#relatedPic .thumblist li {

    position: relative;

    float: left;

    width: 108px;

    height: 60.75px;

    margin-right: 8px;

    cursor: pointer

}



#relatedPic .thumblist li img {

    width: 108px;

    height: 60.75px

}



#relatedPic .thumblist .info {

    display: none

}



#relatedPic .thumblist .button {

    position: absolute;

    cursor: pointer;

    top: 50%;

    width: 20px;

    height: 28px;

    line-height: 28px;

    margin-top: -10px;

    font-size: 14px;

    text-align: center;

    background: #000;

    background: rgba(0, 0, 0, 0.6);

    color: #fff

}



#relatedPic .thumblist .btnprev {

    left: 0

}



#relatedPic .thumblist .btnprev i {

    left: 0

}



#relatedPic .thumblist .btnnext {

    right: 0

}



#relatedPic .thumblist .btnnext i {

    right: 0

}



.article-video {

    margin: 32px auto;

    text-align: center

}



.pageVote .description {

    margin-bottom: 16px;

    padding: 16px 32px;

    background: #f2f2f2;

    border-left: 2px solid #ec0c15;

    color: #5c5c5c

}



.votebanner {

    position: relative;

    margin-bottom: 16px

}



.votebanner .bannerpic {

    width: 100%

}



.votebanner .stopdate {

    display: none;

    position: absolute;

    bottom: 0;

    right: 0

}



.vote-detail-list .ov {

    text-align: center

}



.vote-detail-list .ov .item {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    margin: 16px

}



.vote-detail-list .ov .img {

    width: auto;

    height: auto

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .main-wrapper .content {

        font-size: 16px;

        padding:10px 10px 10px 30px;

    }



    .main-wrapper .small {

        font-size: 14px

    }



    .main-wrapper .xsmall {

        font-size: 12px

    }



    .main-wrapper .big {

        font-size: 18px

    }



    .main-wrapper .xbig {

        font-size: 20px

    }

}



@media all and (max-width: 800px) {

    .banner .container {

        padding: 0

    }



    .main-wrapper {

        float: none

    }



    .main-wrapper .main {

        margin-right: 0

    }



    .main-wrapper .content {

        font-size: 16px



    }



    .main-wrapper .small {

        font-size: 14px

    }



    .main-wrapper .xsmall {

        font-size: 12px

    }



    .main-wrapper .big {

        font-size: 18px

    }



    .main-wrapper .xbig {

        font-size: 20px

    }



    .newsinfo .sharebox {

        float: none;

        display: block;

        text-align: left;

        *zoom: 1;

        margin-bottom: 8px

    }



    .newsinfo .sharebox:after {

        display: table;

        line-height: 0;

        content: "";

        clear: both

    }



    .side {

        float: none;

        margin-left: 0;

        width: 100%

    }



    #acitivityPage h1 {

        font-size: 26px

    }



    #acitivityPage .sharebox {

        display: none

    }

}



    .m-tit2{font-size: 18px;font-weight: bold;color: #111;padding-bottom: 10px;border-bottom: 2px solid #ccc;}

	.m-tTjyd ul.fld{overflow: hidden;width: 430px;float: left;}

	.m-tTjyd ul.frd{overflow: hidden;width: 430px;float: left;}

	.m-tTjyd ul  li {

		line-height: 1.4;

		padding: 4px 0;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

}

	.m-tTjyd ul li:before {

		content: "\e630";

		margin: 0 4px 0 0;

		font-family: "iconfont";

		color: #292929;

	}

	

	.linle-pag0{width:100%;text-align:center;overflow:hidden;padding:5px 0 5px; height:30px; padding-bottom:20px}

	.linle-pag{POSITION:relative;FLOAT:left;COLOR:#666;FONT-SIZE:15px;OVERFLOW:visible;LEFT:50%;}

	.linle-page123{POSITION:relative;FLOAT:left;COLOR:#666;FONT-SIZE:15px;OVERFLOW:visible;LEFT:50%;}

	.linle-page123 A {

		BORDER-BOTTOM: #ebebeb 1px solid;

		POSITION: relative;

		BORDER-LEFT: #ebebeb 1px solid;

		PADDING-BOTTOM: 0;

		LINE-HEIGHT: 30px;

		MARGIN: 20px 3px 20px 0;

		PADDING-LEFT: 20px;

		PADDING-RIGHT: 20px;

		DISPLAY: inline-block;

		FLOAT: left;

		HEIGHT: 30px;

		COLOR: #fff;

		BORDER-TOP: #ebebeb 1px solid;

		RIGHT: 50%;

		BORDER-RIGHT: #ebebeb 1px solid;

		PADDING-TOP: 0;

		background:#0C4DA0;

	}

	.linle-page123 a.a1 { color: #fff; background: #0C4DA0;BORDER-TOP: #0C4DA0 1px solid; BORDER-RIGHT: #0C4DA0 1px solid;}

	.linle-page123 a:hover{color:#fff;}



	.linle-page123 span { background-color: #F40000;BORDER-BOTTOM: #ebebeb 1px solid;POSITION: relative;BORDER-LEFT: #ebebeb 1px solid;PADDING-BOTTOM: 0;LINE-HEIGHT: 30px;MARGIN: 20px 3px 20px 0;PADDING-LEFT: 20px;PADDING-RIGHT: 20px;DISPLAY: inline-block;FLOAT: left;HEIGHT: 30px;COLOR: #fff;BORDER-TOP: #ebebeb 1px solid;RIGHT: 50%;BORDER-RIGHT: #ebebeb 1px solid;PADDING-TOP: 0;}

.clearfix {

    *zoom: 1

}



.clearfix:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {

    margin: 0;

    padding: 0;

    -webkit-text-size-adjust: none

}



body, button, input, select, textarea {

    font: 16px/1.7 "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "Hiragino Sans GB";

    color: #292929;

    background: #fff

}



address, cite, dfn, em, var {

    font-style: normal

}



code, kbd, pre, samp {

    font-family: courier new, courier, monospace

}



small {

    font-size: 14px

}



ul, ol {

    list-style: none

}



a {

    color: #292929;

    text-decoration: none

}



a:hover {

    color: #292929

}



sup {

    vertical-align: text-top

}



sub {

    vertical-align: text-bottom

}



legend {

    color: #000

}



fieldset, img {

    border: 0

}



img {

    vertical-align: middle

}



button, input, select, textarea {

    font-size: 100%

}



button {

    cursor: pointer

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



h1 {

    font-size: 36px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 24px

}



h4 {

    font-size: 18px

}



h5 {

    font-size: 14px

}



h6 {

    font-size: 12px

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    body, button, input, select, textarea {

        font-size: 14px

    }



    h1 {

        font-size: 32.4px

    }



    h2 {

        font-size: 27px

    }



    h3 {

        font-size: 21.6px

    }



    h4 {

        font-size: 16.2px

    }



    h5 {

        font-size: 12.6px

    }



    h6 {

        font-size: 10.8px

    }

}



@media all and (max-width: 800px) {

    div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box

    }



    h1 {

        font-size: 28.8px

    }



    h2 {

        font-size: 24px

    }



    h3 {

        font-size: 19.2px

    }



    h4 {

        font-size: 14.4px

    }



    h5 {

        font-size: 11.2px

    }



    h6 {

        font-size: 9.6px

    }

}



@font-face {

    font-family: 'iconfont';

    src: url('../images/iconfont.eot');

    src: url('../images/iconfont.eot?#iefix') format('embedded-opentype'), url('../../fonts//iconfont/iconfont.woff') format('woff'), url('../images/iconfont.ttf') format('truetype'), url('../../fonts//iconfont/iconfont.svg#svgFontName') format('svg')

}



.iconfont {

    font-family: "iconfont";

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: .2px

}



.row {

    margin: 0 0 0 -16px;

    *zoom: 1

}



.row:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



.row .row {

    margin: 0 0 0 -16px

}



.span0, .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 {

    margin: 0 0 0 16px;

    float: left;

    _display: inline

}



.span1 {

    width: 84px

}



.span2 {

    width: 184px

}



.span3 {

    width: 284px

}



.span4 {

    width: 384px

}



.span5 {

    width: 484px

}



.span6 {

    width: 584px

}



.span7 {

    width: 684px

}



.span8 {

    width: 784px

}



.span9 {

    width: 884px

}



.span10 {

    width: 984px

}



.span11 {

    width: 1084px

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .span1 {

        width: 69px

    }



    .span2 {

        width: 154px

    }



    .span3 {

        width: 239px

    }



    .span4 {

        width: 324px

    }



    .span5 {

        width: 409px

    }



    .span6 {

        width: 494px

    }



    .span7 {

        width: 579px

    }



    .span8 {

        width: 664px

    }



    .span9 {

        width: 749px

    }



    .span10 {

        width: 834px

    }



    .span11 {

        width: 919px

    }

}



@media all and (max-width: 800px) {

    .row {

        margin: 0

    }



    .row .row {

        margin: 0

    }



    .span0, .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 {

        margin: 16px 0;

        float: none;

        width: 100%

    }

}



.container {

    width: 1184px;

    margin: 0 auto;

    *zoom: 1

}



.container:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .container {

        width: 1004px

    }

}



@media all and (max-width: 1004px) {

    .container {

        width: 100%

    }

}



@media all and (max-width: 800px) {

    .container {

        padding: 0 32px

    }

}



.m-box {

    margin-bottom: 16px

}



.m-box .m-hd {

    margin-bottom: 8px

}



.m-box .m-hd .more {

    float: right

}



.m-box .m-hd .tabs {

    *zoom: 1

}



.m-box .m-hd .tabs:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



.m-box .m-hd .tabs li {

    float: left;

    margin-right: 8px;

    cursor: pointer

}



.m-box .m-hd .tabs .hd-title {

    font-size: 18px;

    color: #434343

}



.m-box .m-hd .tabs .active {

    font-size: 20px;

    color: #292929

}



.m-box .hd-title {

    font-size: 20px

}



#common_header {

    background: #fff;

    border-bottom: 1px solid #c7c7c7;

    height: 45px;

    line-height: 45px

}



#common_header .logo, #common_header .navbar, #common_header .logo, #common_header .nav {

    float: left

}



#common_header .logo {

    width: 67px;

    height: 45px;

    margin-left: 16px;

    line-height: 66em;

    overflow: hidden;

    background: url("../images/logo_common_header.png") no-repeat left center

}



#common_header .logo a {

    display: block

}



#common_header .dropdown-toggle {

    display: block;

    height: 45px;

    padding: 0 8px

}



#common_header .open {

    color: #fff

}



#common_header .open .dropdown-toggle {

    background: #ec0c15

}



#common_header .dropdown-menu {

    text-align: center

}



#common_header .dropdown-menu li {

    line-height: 30px

}



#common_header .dropdown-menu li:hover {

    background: #f2f2f2

}



#common_header .nav {

    float: left;

    padding: 0 16px

}



#common_header .nav li {

    float: left;

    height: 45px;

    font-size: 16px;

    padding: 0 8px

}



#common_header .nav .dropdown {

    padding: 0

}



#common_header .nav .dropdown .dropdown-toggle {

    padding: 0 8px

}



#common_header .nav .dropdown-menu {

    min-width: 67px

}



#common_header .nav .dropdown-menu li {

    float: none;

    line-height: 1.7;

    height: auto

}



#common_header .servers {

    float: right;

    margin-right: 16px

}



#common_header .servers .dropdown-toggle:after {

    font-family: "iconfont";

    content: "\e617"

}



#common_header .servers .open .dropdown-toggle:after {

    content: "\e618"

}



#common_header .servers .iconfont {

    font-size: 20px;

    font-weight: 200

}



#common_header .channel, #common_header .mobile {

    float: left

}



#common_header .mobile {

    padding: 0 8px

}



@media all and (max-width: 800px) {

    #common_header {

        text-align: center

    }



    #common_header .navbar {

        float: none;

        display: inline-block

    }



    #common_header .navbar .logo {

        float: none;

        display: block;

        margin: 0

    }



    #common_header .navbar .nav {

        display: none

    }



    #common_header .servers {

        display: none

    }

}



.footer-nav {

    padding: 16px 0;

    border-top: 1px solid #c7c7c7;

    background: #f2f2f2

}



.footer-nav ul {

    font-size: 0

}



.footer-nav li {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    line-height: 2;

    padding: 0 8px 0 0;

    font-size: 16px

}



#common-footer {

    padding: 16px 0;

    background: #515151;

    color: #fff

}



#common-footer a {

    color: #fff

}



#common-footer .links {

    margin: 16px 0;

    text-align: center;

    font-size: 0

}



#common-footer .links a {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    font-size: 16px

}



#common-footer .links a:not(:last-child):after {

    content: "|";

    padding: 0 32px

}



#common-footer .copyright {

    text-align: center

}



@media all and (max-width: 1184px) and (min-width: 800px) {

    .footer-nav li {

        font-size: 14px

    }



    #common-footer .links a {

        font-size: 14px

    }



    #common-footer .links a:not(:last-child):after {

        content: "|";

        padding: 0 16px

    }

}



@media all and (max-width: 800px) {

    #common-footer * {

        text-align: left !important

    }

}



.newslist {

    margin-bottom: 16px

}



.newslist li {

    line-height: 1.4;

    padding: 4px 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.newslist li:before {

    content: "\e630";

    margin: 0 4px 0 0;

    font-family: "iconfont";

    color: #292929

}



.newslist.show li {

    overflow: visible

}



.newslist.video li:before {

    content: '\f0298';

    color: #ec0c15

}



.newslist .date {

    padding: 0 0 0 16px;

    font-size: 12px;

    color: #c7c7c7

}



.newslist .line {

    margin-top: 16px;

    padding-top: 20px;

    border-top: 1px dashed #c7c7c7

}



.newslist.none:before {

    content: ""

}



.imglist {

    margin: 0 0 0 -16px;

    *zoom: 1

}



.imglist:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



.imglist li {

    float: left;

    margin: 0 0 16px 16px

}



.imglist li a, .imglist li img {

    display: block

}



.imglist li .linktitle {

    padding-top: 4px;

    line-height: 1.5em;

    text-align: center;

    min-height: 3em;

    _height: 3em

}



.imglist.imgauto li img {

    height: auto !important

}



.imglist.video .pic {

    position: relative

}



.imglist.video .pic:after {

    position: absolute;

    left: 8px;

    bottom: 8px;

    content: '\f0298';

    color: #fff;

    font-size: 22px;

    font-family: "iconfont"

}



.imglist.video.center .pic:after {

    left: 50%;

    top: 50%;

    bottom: auto;

    margin: -11px 0 0 -11px

}



.newsitem {

    border-bottom: 1px solid #c7c7c7;

    padding: 8px 0;

    *zoom: 1

}



.newsitem:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



.newsitem .title {

    margin-bottom: 8px;

    font-size: 20px;

    font-weight: 400

}



.newsitem.center .title {

    text-align: center

}



.newsitem .pic {

    float: left

}



.newsitem .pic a, .newsitem .pic img {

    display: block

}



.newsitem .pic img {

    width: 192px;

    height: 108px

}



.newsitem .desc p {

    margin-bottom: 8px;

    color: #515151;

    font-size: 14px;

    line-height: 1.4

}



.newsitem p.desc {

    margin-bottom: 8px;

    color: #515151;

    font-size: 14px;

    line-height: 1.4

}



.newsitem .infobar {

    color: #c7c7c7

}



.newsitem .haspic {

    margin-left: 208px

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .newsitem .title {

        font-size: 16px

    }



    .newsitem p {

        font-size: 12px

    }



    .newsitem .haspic p {

        font-size: 12px

    }

}



.focustype {

    margin-bottom: 8px

}



.focustype .title {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 4px;

    line-height: 1.4

}



.focustype .title.center {

    text-align: center

}



.focustype .desc {

    font-size: 14px;

    color: #515151

}



.icon {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    vertical-align: middle;

    margin: 0 4px;

    width: 27.2px;

    height: 27.2px;

    line-height: 27.2px;

    -webkit-border-radius: 27.2px;

    -moz-border-radius: 27.2px;

    border-radius: 27.2px;

    font-size: 16px;

    font-family: "iconfont";

    border: 1px solid #c7c7c7;

    text-align: center;

    background: #fff

}



.icon:hover {

    border-color: #ec0c15;

    background: #ec0c15;

    color: #fff

}



.icon-inline {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    width: 20px;

    height: 16px;

    vertical-align: middle;

    overflow: hidden;

    background: url(http://img.jxntv.cn/icon/video.png) no-repeat 0 center

}



.icon-blank {

    display: none;

    background-image: none

}



.icon-activity {

    background-image: url(http://img.jxntv.cn/icon/activity.gif)

}



.icon-hot {

    background-image: url(http://img.jxntv.cn/icon/hot.gif)

}



.icon-interview {

    background-image: url(http://img.jxntv.cn/icon/interview.gif)

}



.icon-live {

    background-image: url(http://img.jxntv.cn/icon/live.gif)

}



.icon-new {

    background-image: url(http://img.jxntv.cn/icon/new.gif)

}



.icon-picture {

    background-image: url(http://img.jxntv.cn/icon/picture.gif)

}



.icon-recommend {

    background-image: url(http://img.jxntv.cn/icon/recommend.gif)

}



.icon-special {

    background-image: url(http://img.jxntv.cn/icon/special.gif)

}



.icon-video {

    background-image: url(http://img.jxntv.cn/icon/video.png)

}



.icon-vote {

    background-image: url(http://img.jxntv.cn/icon/vote.gif)

}



.btn {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    padding: 0 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    border: none;

    background: #c7c7c7;

    text-align: center

}



.btn:hover {

    background: #ec0c15;

    color: #fff

}



.btn-list .btn {

    display: block;

    margin-bottom: 8px

}



.sharebox h2 {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    font-size: 16px

}



.sharebox ul {

    display: inline-block;

    *zoom: 1;

    *display: inline

}



.sharebox li {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    color: #c7c7c7;

    cursor: pointer

}



.pages {

    text-align: center

}



.pages .pagination {

    margin: 16px 0 8px;

    font-size: 0

}



.pages .pagination a {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    margin: 0 4px;

    padding: 0 10px;

    height: 32px;

    line-height: 32px;

    border: 1px solid #c7c7c7;

    background: none;

    font-size: 16px

}



.pages .pagination .current, .pages .pagination a:hover {

    background: #ec0c15;

    color: #fff

}



.ad img {

    max-width: 100%

}



.ad .fullimg {

    width: 100%;

    height: auto

}



.adbar {

    margin-bottom: 16px;

    *zoom: 1

}



.adbar:after {

    display: table;

    line-height: 0;

    content: "";

    clear: both

}



.adbar .full {

    display: block

}



.adbar .full img {

    width: 100%

}



.adbar .fullimg {

    width: 100%;

    height: auto

}



.adbar .ad-lg {

    width: 1004px;

    float: left

}



.adbar .ad-sm {

    width: 164px;

    float: right

}



@media all and (max-width: 1184px) and (min-width: 1004px) {

    .adbar .ad-sm {

        display: none

    }

}



img.img-full {

    width: 100%;

    height: auto

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle

}



.dropup, .dropdown {

    position: relative

}



.dropdown-toggle {

    cursor: pointer

}



.dropdown-toggle:focus {

    outline: 0

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 100;

    display: none;

    float: left;

    min-width: 120px;

    padding: 5px 0;

    list-style: none;

    line-height: 1.7;

    text-align: left;

    border: 1px solid #c7c7c7;

    background: #fff

}



.dropdown-menu.pull-right {

    right: 0;

    left: auto

}



.dropdown-menu > li > a {

    display: block;

    clear: both;

    font-weight: normal;

    white-space: nowrap

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    text-decoration: none

}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    text-decoration: none;

    outline: 0

}



.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {

    text-decoration: none;

    background-color: transparent;

    background-image: none

}



.open > .dropdown-menu {

    display: block

}



.open > a {

    outline: 0

}



.dropdown-menu-right {

    left: auto;

    right: 0

}



.dropdown-menu-left {

    left: 0;

    right: auto

}



.dropdown-header {

    display: block;

    padding: 3px 20px;

    white-space: nowrap

}



.dropdown-backdrop {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 90

}



.pull-right > .dropdown-menu {

    right: 0;

    left: auto

}



.dropup .caret, .navbar-fixed-bottom .dropdown .caret {

    border-top: 0;

    content: ""

}



.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-bottom: 2px

}



.sw-sbox {

    position: relative

}



.sw-sbox .slider-fade {

    position: relative;

    z-index: 10

}



.sw-sbox .slider-fade li {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%

}



.sw-sbox .slider-fade li img {

    width: 100%;

    height: auto

}



.sw-sbox .slider-scroll {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10

}



.sw-sbox .slider-scroll li {

    float: left

}



.sw-sbox .slider-scroll li img {

    width: 100%;

    height: auto

}



.sw-sbox .trigger {

    z-index: 20;

    font-size: 0

}



.sw-sbox .trigger li {

    display: inline-block;

    *zoom: 1;

    *display: inline;

    cursor: pointer

}



.scrollbox {

    position: relative

}



.scrollbox ul {

    position: absolute;

    top: 0;

    left: 0

}



.scrollbox ul li {

    float: left

}



.metrobox {

    position: relative

}



.metrobox .item {

    position: absolute;

    overflow: hidden

}



.metrobox .item .pic {

    display: block;

    width: 100%;

    height: 100%

}



.metrobox .item .pic img {

    width: 100%;

    height: 100%

}



.metrobox .item .linktitle {

    display: none;

    position: absolute;

    z-index: 20;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #000;

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    text-align: center

}



.metrobox .item .linktitle span {

    position: relative;

    top: 50%;

    display: block;

    height: 3.4em;

    margin-top: -1.7em;

    padding: 0 16px;

    line-height: 1.7em;

    text-align: center

}



.metrobox .item:hover .linktitle {

    display: block

}



.ui-form .field {

    display: block;

    margin-bottom: 8px

}



.ui-form .data {

    margin-bottom: 8px

}



.ui-form input[type="date"], .ui-form input[type="datetime-local"], .ui-form input[type="email"], .ui-form input[type="number"], .ui-form input[type="password"], .ui-form input[type="search"], .ui-form input[type="tel"], .ui-form input[type="time"], .ui-form input[type="text"], .ui-form input[type="url"], .ui-form textarea {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    border: 1px solid #c7c7c7;

    line-height: 35px;

    padding: 0 8px;

    width: 100%;

    outline: none

}



.ui-form .form-table {

    display: table;

    width: 100%

}



.ui-form .form-table .field {

    display: table-row

}



.ui-form .form-table .required .label:before {

    content: "*";

    padding: 0 4px 0 0;

    color: #ec0c15

}



.ui-form .form-table .label, .ui-form .form-table .data {

    display: table-cell;

    vertical-align: top;

    padding: 8px;

    line-height: 35px

}



.ui-form .form-table .label {

    width: 160px;

    text-align: right

}



.ui-form .form-table .data input[type="date"], .ui-form .form-table .data input[type="datetime-local"], .ui-form .form-table .data input[type="email"], .ui-form .form-table .data input[type="number"], .ui-form .form-table .data input[type="password"], .ui-form .form-table .data input[type="search"], .ui-form .form-table .data input[type="tel"], .ui-form .form-table .data input[type="time"], .ui-form .form-table .data input[type="text"], .ui-form .form-table .data input[type="url"] {

    width: 350px

}



.ui-form .form-table .data textarea {

    height: 105px

}



.ui-form .form-table .data.inline input[type="text"] {

    display: inline-block;

    vertical-align: middle;

    width: 100px

}



.ui-form .btnbar {

    margin: 16px 0;

    text-align: center

}



.ui-form .btnbar .btn {

    line-height: 42px;

    margin: 0 8px;

    padding: 0 16px;

    min-width: 120px

}



@media all and (max-width: 800px) {

    .ui-form .form-table {

        display: block

    }



    .ui-form .form-table .label, .ui-form .form-table .data, .ui-form .form-table .field {

        display: block;

        padding-left: 0 !important;

        padding-right: 0 !important

    }



    .ui-form .form-table .field {

        padding: 8px 0;

        border-bottom: 1px solid #f2f2f2

    }



    .ui-form .form-table .label {

        text-align: left

    }



    .ui-form .form-table .data input[type="date"], .ui-form .form-table .data input[type="datetime-local"], .ui-form .form-table .data input[type="email"], .ui-form .form-table .data input[type="number"], .ui-form .form-table .data input[type="password"], .ui-form .form-table .data input[type="search"], .ui-form .form-table .data input[type="tel"], .ui-form .form-table .data input[type="time"], .ui-form .form-table .data input[type="text"], .ui-form .form-table .data input[type="url"] {

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

        box-sizing: border-box;

        width: 100%

    }



    .ui-form .form-table .data input[type="radio"] {

        display: none

    }



    .ui-form .form-table .data label.radio:before {

        content: "\e636";

        font-family: "iconfont"

    }



    .ui-form .form-table .data label.radio.selected:before {

        content: "\e635"

    }



    .ui-form .form-table label {

        display: block

    }

}