.ipage-title{
    float:left;
    padding:2px;
}
.ipage-time{
    float:right;
    padding:2px;
    line-height:150%;
}
.ipage-content{
    float:right;
    padding:2px;
    margin: 10px 0px;
}
.ipage-list-header{
    float:right;
    width:100%;
    background-color:#FCB040;
}

.ipage-list-item{
    float:left;
    width:100%;
    padding:5px;
    margin-top:5px;
    border-top:1px solid #e1e1e1;
}
/*-----------------------style of program----------------------*/
.mob_timetable_opt,#mobile_timetable{
    float: left;
    width: 100%;
}
.mob_timetable_opt select{
    width: 100%;
    height: 50px;
    margin: 10px 0;
    overflow: hidden;
    background-color: white;
    border: 1px solid #007efd;
    color: #666666;
    font-size: 1.2em;
}
#mobile_timetable{
    width: 100%;
    margin-bottom: 20px;
    font-size: 6vw;
    line-height: 200%;
    padding: 0 10px;
}
.mob_timetable ul li{
    display: inline;
}

.mob_timetable ul.mob_timetable_cur{
    border-bottom:3px solid red;
}
/*------------------------end of program----------------------*/

.mobile_top{
    font-size:12px;
    border-radius:2px;
    background:red;
    color:white;
    float:right;
    padding:5px;
    list-style-type:none;
}

.logo{
    float: left;
    width: 20%;
    max-width: 100px;
}

.logo a{
    float: left;
}

.logo img{
    width:100%;
    float: left;
}

#header{
    width: 100%;
    float: left;
    background-color: #4e9af8;
}

#header-container{
    width: 100%;
    float: left;
}

.goback-header{
    float: left;
    height: 30px;
    margin: 10px;
    background: #DCDCDC;
    padding: 4px;
    border-radius: 4px;
}

.share-header{
    float: right;
    height: 30px;
    margin: 10px;
    text-align: right;
    background: #DCDCDC;
    padding: 4px;
    border-radius: 4px;
}

/*------++++++++++---style of footer-------------------*/
footer{
    clear: both;
    width: 100%;
    border-top: 5px solid #666666;
    background-color: white;
}
.footer-container{
    width: 100%;
    padding-bottom: 5px;
    margin: 10px 0px;
}
.switch{
    width: 49%;
    display: inline-block;
    text-align: center;
}
.switch a{
    font-size:1em;
    line-height: 100%;
    padding: 0;
}
#pc_icon{
    width:20px;
    vertical-align: middle;
}
.footer-container p{
    width: 100%;
    margin-top: 10px;
    font-size: 0.9em;
    text-align: center;
    line-height: 80%;
}
#footer_logo{
    width: 25px;
    margin-right: 10px;
    vertical-align: middle;
}
/*-----------------------end of footer---------------------------*/

#header-container span{
    float: right;
    color: white;
    margin-right: 5px;
    line-height: 200%;
    text-align: right;
    clear: right;
}
#header-container span img{
    width:15%;
}

#mobile_nav{
    width: 100%;
    float: left;
    background-color: #323232;
}

#mobile_nav nav, #mobile_nav ul{
    margin: 0;
    padding: 2px;
}

#mobile_nav nav ul li{
    width:25%;
    float: left;
}

.mobile_nav nav ul li.nav_sel{
    background-color: #ff0000;
    border-radius: 3px;
}

#mobile_nav nav ul li a{
    width: 100%;
    font-size: 1em;
    line-height: 220%;
    color: white;
    float: left;
    text-align: center;
}

.mob_sub_nav ul{
    margin-bottom: 15px;
    padding: 0px;
    float: left;
    width: 100%
}

.mob_sub_nav ul li{
    width:18%;
    min-height:27px;
    float:left;
    text-align:center;
    border-radius:4px;
    margin:3px;
    padding:3px 0px;
    background-color:#4e9af8;
}

.mob_sub_nav ul li:hover
{
    background-color:#ff0000;
}

.mob_sub_nav ul li a{
    color:white;
}

.content-container {
    min-height: 400px;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    clear:both;
}

.wrap-video {
    background: #1e1e1e;
    margin-top: -5px;
}

.news-list {
    padding: 10px;
    width: 100%;
    float: left;
}

.news-view {
    overflow: hidden;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.news-view.position {
    position: relative;
}

.news-view.position .news-position {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10%;
    width: 80%;
    background: rgba(0,0,0,.7);
}

.html5-video .news-img a,.list-header span,.news-view .news-right {
    position: relative;
}

.news-view.position .news-position .news-header a {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    font-size: 24px;
    line-height: 30px;
}

.news-view.position .news-position .news-main p,.news-view.position .news-position p .author a,.news-view.position .news-position p .comment,.news-view.position .news-position p .date {
    color: #fff;
}

.news-view.left {
    display: table;
    width: 100%;
}

.news-view.left .news-left {
    display: table-cell;
    vertical-align: middle;
}

.news-view.left .news-right {
    display: table-cell;
    width: 100px;
    padding: 0 10px 0 0;
}

.news-view.left .news-right .news-img img {
    height: 80px;
    width: 100px;
    border-radius: 5px;
}

.news-view.left .news-left .news-header a {
    font-size: 16px;
}

.news-view .news-img img {
    width: 100%;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    height: auto;
    border-radius: 10px;
}

.news-view .news-right .news-header,.news-view .news-right .news-tag {
    padding: 0 0 5px;
}

.news-tag,.news-view .news-header {
    padding: 5px 0;
}

.news-view .news-right .news-main {
    height: 40px;
    overflow: hidden;
}

.news-tag .tags {
    font-size: 12px;
    color: #e3120b;
    margin-right: 5px;
}

.news-view .news-header h3 span {
    vertical-align: text-bottom;
    margin-right: 3px;
    color: #8c070e;
}

.news-view .news-header h3 span img {
    display: inline-block;
    vertical-align: -5px;
}

.special-news .news-view .news-header {
    margin-bottom: 5px;
    padding-top: 0;
}

.news-view .news-header h1 {
    margin-top: 10px;
}

.news-view .news-header a {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
}

.news-view .news-header a:hover {
    color: #009bff;
}

.news-view .news-main p {
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

.news-view .news-footer {
    padding-top: 5px;
}

.news-view .news-footer p {
    position: relative;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
}

.news-view .news-footer p span {
    float: left;
    margin-right: 10px;
}

.news-view .news-footer p .author-avatar {
    margin-right: 6px;
}

.news-view .news-footer p .author-avatar img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
}

.news-view .news-footer p .author a,.news-view .news-footer p .date {
    color: #777;
}

.news-view .news-footer p .comment {
    float: right;
}

.news-view .news-footer p .comment i {
    width: 14px;
    height: 16px;
    background: url(../image/pl.png) no-repeat;
    display: inline-block;
    vertical-align: -3px;
    background-size: 100% 100%;
}

.news-list .index-kx .news-view {
    margin-bottom: 0;
    padding-bottom: 0;
}

.index-kx .news-header h3 a {
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
}

.index-kx .news-header h3 .n-mate {
    color: #1279a3;
}

.news-list .news-view {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

.list-header.tianxia,.news-list .news-view:last-of-type {
    border-bottom: 0;
}

.js-load-more {
    color: #666;
    text-align: center;
    display: block;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    height: 35px;
    line-height: 35px;
    margin: 12px 0 20px;
    border-radius: 1px;
    cursor: pointer;
}

.js-load-more a {
    color: #666;
}

.list-header span,.list-header.tianxia span a {
    line-height: 24px;
    color: #000;
}

.js-load-more:after {
    content: "";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALBAMAAABv+6sJAAAAIVBMVEUAAABXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1ffA55cAAAACnRSTlMAA5+Ymo8GCa7pLAkHJQAAAFJJREFUCNdjYChgAAIwxbFYAMQSXsHAkLVKEchi1FqVwMC6ahFQWGjVUqCAFVAYKOgAZDIDhYVWLQGyQMJqYEGw8EqQIFQYJAgRBgrCQFQAiAQAGbYU57mg1kEAAAAASUVORK5CYII=') 0 center no-repeat;
    background-size: 10px 6px;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 6px;
    vertical-align: 1px;
}

.js-load-more.load:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASBAMAAAB/WzlGAAAAIVBMVEUAAABXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1ffA55cAAAACnRSTlMAwwlyewSz5ix9txqNRwAAAD5JREFUCNdj4CxmAIGoVQ4gim3VEhDFJAXhKuLiGoBo9VULQJTVqgQgybxqoQKYI4SDEwXmMDCCOQysrSASABi7FEIuPK9EAAAAAElFTkSuQmCC');
    background-size: 6px 10px;
}

.list-header {
    margin: 20px 0 10px;
    border-left: 4px solid #f12b35;
}

.list-header span {
    display: block;
    font-size: 18px;
    padding: 0 5px;
}

.list-header.tianxia span {
    line-height: 24px;
}

.tu-fa .news-view .news-header a {
    font-size: 15px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
}

.list-header a {
    color: #0f6d88;
}

.j-media .news-view.left .news-right {
    width: 50px;
}

.j-media .news-view.left .news-right .news-img img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.pic-ture {
    overflow: hidden;
}

.pic-ture .news-view {
    padding: 0 5px;
}

.pic-ture .news-view .news-img img {
    border-radius: inherit;
}

.pic-ture .news-view.list {
    width: 50%;
    padding: 0 5px 5px;
    float: left;
}

.pic-ture .news-header a {
    font-size: 14px;
}

.html5-video {
    background: #1e1e1e;
    overflow: hidden;
    padding: 10px 10px 0;
}

.html5-video .news-view {
    padding: 0 5px 5px;
}

.html5-video .list-header {
    font-size: 18px;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #8e8e8e;
    margin-bottom: 10px;
    margin-top: 0;
    border-left: 0;
}

.html5-video .list-header a {
    color: #fff;
}

.html5-video .news-view.list {
    width: 50%;
    padding: 0 5px 5px;
    float: left;
}

.html5-video .news-img a img {
    border-radius: 5px;
}

.html5-video .news-img a .play {
    width: 35px;
    height: 35px;
    background: url(../image/play.png);
    background-size: 35px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.html5-video .news-img a .h5-icon {
    width: 20px;
    height: 24px;
    background: url(../image/html5.png) no-repeat;
    background-size: 20px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.html5-video .news-header h3 {
    height: 40px;
    overflow: hidden;
}

.html5-video .news-header a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.html5-video .news-footer p .comment em {
    color: #f5f5f5;
    font-weight: 400;
}

.l.more-news {
    background: #fff;
    border: 2px solid #000;
    margin: 50px;
}

.l.more-news a {
    color: #000;
}

.img-scroll .bx-default-pager,div.more-news a {
    color: #fff;
}

div.more-news {
    position: relative;
    text-align: center;
    height: 60px;
    background: #0288d1;
    line-height: 30px;
    padding-top: 15px;
}

div.more-news i {
    position: absolute;
    left: 0;
    top: 9px;
    border: 1px dashed #ddd;
    width: 100%;
    display: inline-block;
    z-index: 1;
}

div.more-news span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../image/ar.png) -15px 0 no-repeat;
    vertical-align: -3px;
    margin-left: 5px;
}

.list-mate {
    text-align: right;
    position: relative;
    z-index: 9;
}

.list-mate img {
    position: absolute;
    right: 5px;
    bottom: -55px;
    z-index: 9;
}

.img-scroll {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.img-scroll .bx-caption {
    background: rgba(0,0,0,.8);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.img-scroll li img {
    width: 100%;
    height: auto;
}

.img-scroll .bx-caption span {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 5px 60px 5px 10px;
    display: block;
}

.img-scroll .bx-controls {
    line-height: 20px;
    background: #303031;
    padding: 0 10px;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.hot-list {
    margin-top: 20px;
    position: relative;
    z-index: 0;
    padding: 0 2.5rem .5rem;
    margin-bottom: 10px;
}

.hot-list:after,.hot-list:before {
    box-sizing: border-box;
    overflow: hidden;
    height: auto;
    position: absolute;
    text-indent: -9999rem;
    font-size: 0;
    line-height: 0;
}

.hot-list .news-view:last-of-type {
    margin-bottom: 0;
}

.hot-list:before {
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    width: auto;
    z-index: -2;
    content: "solid background border background color";
    background-color: #f5f5f5;
}

.content .content-main img,.content .img-focus {
    display: block;
    width: 100%;
}

.hot-list:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3;
    content: "solid background border color";
    background: #0288d1;
}

.hot-list .list-header {
    text-align: center;
    margin: 0 0 10px;
    border: 0;
}

.hot-list .list-header span {
    border: 0;
    background: #f5f5f5;
    display: inline-block;
    line-height: 1.25rem;
    padding: 0 15px;
}

.hot-list .list-header span a {
    color: #0288d1;
    font-size: 24px;
    font-weight: 700;
}

.hot-list .news-view .news-header h3 a {
    font-size: 16px;
    line-height: 20px;
}

.tu-fa .news-view {
    margin-bottom: 0;
    padding-bottom: 0;
}

.tk-view {
    background: #fff;
    margin-top: 20px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
}

.tk-view .tk-header {
    font-size: 18px;
    line-height: 34px;
    color: #737373;
    font-weight: 700;
    padding: 0 10px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative;
}

.tk-view .news-view {
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
}

.tk-view .news-view:last-of-type {
    border-bottom: 0;
}

.header-img {
    padding: 10px 0 0;
}

.header-img img {
    width: 100%;
    height: auto;
}

.header-img p {
    text-align: right;
    color: #AAA;
    line-height: 20px;
    font-size: 12px;
    padding: 0 15px;
}

.content .content-header .news-info span.set-size {
    float: right;
    line-height: 20px;
}

.content .content-header .news-info span.set-size a {
    font-size: 16px;
    margin-right: 10px;
}

.content .content-header .news-info .join-num {
    float: right;
}

.content .content-header .news-info .vote-times-c {
    float: right;
    margin-top: -2px;
}

.content .content-header .news-info .vote-times-c,.content-container .vote-view .vote-times-t .vote-times-c {
    font-weight: 700;
    font-size: 14px;
    color: #f60;
}

.content-container .vote-view {
    position: relative;
}

.content-container .vote-view .vote-times-t {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 12px;
    color: #888;
}

.content-container .vote-view .vote-times-t .vote-times-c {
    font-style: normal;
}

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

.content .content-header {
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.content .content-header .summary {
    font-size: 14px;
    color: #6e6e6e;
    padding: 8px 15px;
    line-height: 20px;
}

.content .content-header h3 {
    font-size: 22px;
    line-height: 28px;
    padding: 10px 0 0;
    color: #000;
    margin: 0 15px;
}

.content .content-video h3 {
    color: #fff;
}

.content .content-header h3 a {
    font-size: 16px;
    color: #000;
    line-height: 1.2;
}

.content .content-video .summary {
    color: #bbb;
}

.content .content-header .news-info {
    font-size: 12px;
    line-height: 1.75;
    margin: 0 15px;
    display: block;
    color: #AAA;
}

.content .content-header .news-info span {
    padding-right: 6px;
}

.content .content-header .news-info span a {
    color: #f35b41;
}

.content .content-main {
    padding: 0 15px 10px;
    position: relative;
    z-index: 1;
}

.content .content-main.pic-card {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    margin: 0 10px 10px;
}

.content .content-main.pic-card p {
    line-height: 20px;
    color: #666;
    font-size: 15px;
    margin: 0;
}

.content .content-main.pic-card p span {
    color: #f35b41;
    font-weight: 700;
    margin-right: 5px;
}

.content .content-main h3 {
    font-size: 20px;
    color: #333;
    line-height: 28px;
    margin-bottom: 20px;
}

.content .content-main h4 {
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 20px;
}

.content .content-main em {
    font-style: italic;
}

.content .content-main a {
    color: #15b1f3;
}

.content .content-main p {
    color: #4c4c4c;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.content .video-main p {
    color: #f4f4f4;
}

.content .content-main p.big-size {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}

.content .img-focus {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 10px 0;
    position: relative;
    margin: 0 auto;
}

.content .img-focus:after {
    width: 10%;
    height: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.content-img-focus img {
    display: block;
    height: auto;
    max-width: 100%;
}

.content-img-focus figcaption {
    text-align: center;
    font-weight: 400;
    color: #b5b5b6;
    font-size: 12px;
}

.content .content-main blockquote {
    margin: 0 10px 10px;
    border-left: 5px solid #bdbaba;
}

.content .content-main ol,.content .content-main ul {
    margin-bottom: 20px;
}

.content .content-main blockquote p {
    padding: 0 10px;
}

.content .content-main li {
    font-size: 15px;
    color: #666;
    line-height: 20px;
    list-style: inside;
}

.content-text-focus {
    border-left: 5px solid #8d8d8d;
    margin: 0 10px 20px;
    display: inline-block;
}

.content-text-focus.align-right {
    float: right;
}

.content-text-focus.align-left {
    float: left;
}

.content-text-focus .content-text-caption p {
    margin: 0;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.content-news-user-view {
    margin: 0 15px;
    border-top: 1px solid #eae9e9;
    cursor: pointer;
}

.content-news-user {
    padding: 15px 0;
    overflow: hidden;
    display: table;
    width: 100%;
    position: relative;
}

.content-news-user .media-object {
    height: 60px;
    width: 60px;
    border: 1px solid #d7d8de;
    display: block;
}

.content-news-user .avatar-img {
    width: 60px;
    float: left;
}

.content-news-user .avatar-main {
    margin-left: 70px;
}

.content-news-user .avatar-main span {
    font-size: 14px;
    color: #333;
    display: inline-block;
}

.content-news-user .avatar-main a {
    font-size: 14px;
    color: #000;
    display: inline-block;
}

.content-news-user .avatar-main span.bj {
    display: inline-block;
}

.content-news-user .avatar-center span {
    position: absolute;
    top: 2.2em;
    right: 0;
    width: 3em;
    padding: 0 4px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
    color: #e95142;
    font-size: 14px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.content-news-user .avatar-center span.active {
    color: #9d9d9d;
}

.content-news-user-view p {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    height: 36px;
    padding-right: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.assortment,.length .header-img p.info,.length-list .news-view.position .news-main p {
    font-size: 16px;
}

.assortment {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    color: #95a0ac;
    background: #ffffff;
}

.assortment a {
    color: #95a0ac;
    padding: 0 15px;
}

.assortment a:active {
    color: #95a0ac;
}

.length-list {
    padding: 0;
}

.length-list .news-view {
    background: #141414;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e1e1e1;
}

.length-list .news-view .news-img img {
    border-radius: 0;
    opacity: .5;
    display: block;
}

.length-list .news-view.position .news-position {
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
    background: 0;
    bottom: auto;
}

.length .header-img .header-position,.length-list .news-view.position .news-position {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.length-list .news-view.position .news-footer,.length-list .news-view.position .news-header,.length-list .news-view.position .news-main {
    text-align: center;
}

.length-list .news-view .news-footer p {
    line-height: 24px;
}

.length-list .news-view .news-footer p span {
    float: none;
    color: #fff;
}

.length-list .news-view .news-footer p span a {
    color: #fff;
}

.length .header-img {
    position: relative;
    background: #141414;
    padding: 0;
}

.length .header-img img {
    opacity: .5;
    display: block;
}

.length .header-img .header-position {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0 50px;
}

.length .header-img .header-position a,.length .header-img .header-position h3,.length .header-img .header-position p {
    color: #fff;
    text-align: center;
}

.length .header-img .header-position h3 {
    margin-bottom: 10px;
}

.length .header-img .header-position p span {
    margin: 0 5px;
}

.length .content-main {
    padding: 0;
}

.length .content-main h3,.length .content-main h4,.length .content-main ol,.length .content-main p,.length .content-main ul {
    padding: 0 10px;
}

.length .content-header .summary {
    padding: 30px;
}

.noon-show {
    padding-top: 30px;
}

.noon-show .site-nav-grid {
    border-top: 2px solid #141414;
    overflow: hidden;
    padding: 20px 10px;
}

.noon-show .site-nav-grid ul {
    padding-left: 50px;
}

.noon-show .site-nav-grid li {
    font-size: 20px;
    line-height: 40px;
}

.noon-show .site-nav-grid li span {
    margin-left: 10px;
}

.noon-show .site-nav-grid h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}

.noon-show .site-nav-grid .long-logo {
    float: left;
}

.noon-show .site-nav-grid .long-logo img {
    width: 60px;
}

.noon-show .site-nav-grid .long-info {
    margin-left: 70px;
}

.m-post-footer-grid,.noon-show .site-nav-grid .long-info p {
    font-size: 14px;
    line-height: 24px;
}

.m-post-footer-grid #load-email-form-01 .post-btn,.m-post-footer-grid #load-email-form-01 .post-input,.m-post-footer-grid .post-email .post-left .post-info {
    margin-bottom: 10px;
}

.m-post-footer-grid .post-email .post-code img,.m-post-footer-grid .post-email .post-code p {
    float: left;
    width: 50%;
}

.m-post-footer-grid .post-email .post-code p {
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}

.share-text a.btn,.share-view a.btn {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    padding: 5px;
}

.share-view {
    text-align: center;
    margin: 30px 0;
}

.share-view a.btn {
    border-radius: 30px;
    background: #fff;
    height: 30px;
    margin: 0 3px;
}

.share-view a span {
    display: inline-block;
    height: 28px;
    width: 30px;
    background: url(../image/sj.png) no-repeat;
    background-size: 120px;
    margin: 2px 0 0 1px;
}

.share-view a.btn:hover {
    background: #000;
}

.share-text {
    margin: 20px 10px;
    overflow: hidden;
}

.share-text .share-btn {
    float: left;
    height: 40px;
}

.share-text p span {
    font-size: 14px;
    color: #666;
    line-height: 40px;
    float: left;
}

.share-text p span a:hover {
    color: #000;
}

.share-text a.btn {
    height: 30px;
    float: left;
}

.share-text a span {
    display: inline-block;
    height: 40px;
    width: 40px;
    background: url(../image/sns.png) no-repeat;
    background-size: 160px;
    margin: 2px 0 0;
}

.share-text a.btn:hover {
    background: 0;
    color: #000;
}

.share-text a.btn:active {
    background: 0;
    color: #e95142;
}

.share-text .favorite-btn span {
    background-position: -62px -25px;
}

.share-text .share-btn span {
    background-position: -63px -50px;
}

.share-text .comment-btn span {
    background-position: 2px -50px;
}

.share-text .share-wb span {
    background-position: -6px -5px;
}

.share-text .share-tqq span {
    background-position: -59px -3px;
}

.share-text .share-qzone span {
    background-position: -110px -5px;
}

.share-box {
    display: none;
    background: #fff;
    position: relative;
    width: 50%;
    margin: 0 auto 15px;
    padding: 0 10px;
}

.share-box:after {
    width: 0;
    content: '';
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    font-size: 0;
    line-height: 0;
    top: 36px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    z-index: 9;
}

.share-box a {
    display: inline-block;
    height: 30px;
    width: 30px;
}

.share-view .favorite-btn span {
    background-position: -62px -25px;
}

.share-view .favorite-btn:hover span {
    background-position: -90px -25px;
}

.share-view .share-btn span {
    background-position: -63px -50px;
}

.share-view .share-btn:hover span {
    background-position: -89px -50px;
}

.share-view .comment-btn span {
    background-position: 2px -50px;
}

.share-view .comment-btn:hover span {
    background-position: -28px -50px;
}

.share-view .share-wb span {
    background-position: 2px 5px;
}

.share-view .share-tqq span {
    background-position: -56px 6px;
}

.share-view .share-qzone span {
    background-position: 2px -22px;
}

.pay-view .pay-link {
    text-align: center;
}

.pay-view .pay-link .link-btn {
    display: inline-block;
    background: #f12b35;
    color: #fff;
    font-size: 20px;
    line-height: 80px;
    margin: 0 5px 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 1px 2px 0 #c9c9c9;
    border: 1px solid #fff;
}

.pay-view .payer-list {
    margin: 0 auto;
    padding-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.pay-view .payer-list dt {
    text-align: center;
}

.pay-view .payer-list dt p {
    font-size: 14px;
    color: #6e6e6e;
    line-height: 40px;
}

.pay-view .payer-list dd {
    margin: 0 3px 6px;
    display: inline-block;
}

.pay-view .payer-list dd img {
    width: 30px;
    height: 30px;
}

.p-article-avatar {
    padding-top: 30px;
    text-align: center;
    border-bottom: 1px solid #eae9e9;
    padding-bottom: 15px;
}

.p-article-avatar p {
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 20px;
}

.p-article-avatar p a {
    font-weight: 700;
}

.p-article-avatar img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.pay-lists {
    text-align: center;
    padding: 10px 0;
}

.pay-lists a {
    display: inline-block;
    background: #fff;
    border: 2px solid #f12b35;
    color: #f12b35;
    font-size: 26px;
    font-style: italic;
    padding: 6px 0;
    border-radius: 5px;
    width: 80px;
    margin-top: 15px;
    margin-right: 5px;
}

.list-grid .news-view .news-img img,.top-five .news-img img {
    border-radius: 0;
}

.ad-news i,.article-footer span i,.comment-footer p i,.pay-lists a span {
    font-style: normal;
}

.pay-lists a:last-of-type {
    margin-right: 0;
}

.pay-lists a span {
    font-size: 12px;
    margin-left: 5px;
}

.pay-info {
    padding: 20px 0 40px;
    text-align: center;
}

.pay-info p {
    font-size: 16px;
    color: #666;
}

.list-grid .news-header a,.top-five .news-header a {
    overflow: hidden;
    display: block;
    height: 40px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
}

.list-grid {
    overflow: hidden;
    padding: 0 5px;
}

.list-grid .news-view {
    float: left;
    width: 50%;
    padding: 0 5px;
    border: 0;
}

.top-five {
    padding: 5px 10px;
    width: 50%;
    box-sizing: border-box;
    float: left;
}

@media screen and (min-width:640px) {
    .content-main iframe {
        width: 100%;
        height: 450px;
    };
}

@media screen and (min-width:441px)and (max-width:639px) {
    .content-main iframe {
        width: 100%;
        height: 350px;
    };
}

@media screen and (min-width:321px)and (max-width:439px) {
    .content-main iframe {
        width: 100%;
        height: 250px;
    }

    .pay-view .payer-list {
        width: 320px;
    };
}

@media screen and (max-width:320px) {
    .pay-view .payer-list {
        width: 280px;
    };
}

@media screen and (min-width:415px) {
    .pay-view .payer-list {
        padding: 0 50px 10px;
    };
}

img.load {
    width: 30px;
    height: 30px;
    display: block;
    margin: 20px auto;
}

.share-box-layout {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1500;
}

.share-box-layout .share-box-layout-bg {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1400;
    position: absolute;
    left: 0;
    top: 0;
}

.share-box-layout .share-box-test {
    position: relative;
    width: 100%;
    z-index: 1450;
    background: #fff;
    margin: 0;
}

.share-box-layout .share-box-test img {
    width: 100%;
}

.share-box-layout .share-box-test div {
    background: #fff;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.share-box-layout .share-box-test p {
    border-bottom: 1px solid #666;
}

.share-box-layout .share-box-test a {
    display: inline-block;
    float: left;
    width: 31%;
    height: 40px;
    background: #f5f5f5;
    color: #fff;
    text-align: center;
    margin-right: 2%;
    padding: 20px 0;
}

.share-box-layout .share-box-test a span {
    vertical-align: -6px;
}

.share-box-layout .share-box-test a em {
    color: #666;
}

.share-box-layout .share-box-test a:first-of-type {
    margin-left: 1.5%;
}

.share-box-layout .share-box-test a:last-of-type {
    margin-right: 1.5%;
}

.news-btn-view {
    padding: 20px 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.a-news-header span,.v-news-header span {
    position: relative;
    font-size: 18px;
    padding: 0 5px;
}

.news-share {
    margin: 0 15px;
}

.news-share .news-btn {
    display: inline-block;
    width: 49%;
    text-align: center;
    color: #fff;
    background: #e95142;
    line-height: 30px;
    margin: 0;
    float: left;
    cursor: pointer;
}

.news-share .news-btn a,.news-share .news-btn a em {
    color: #fff;
}

.news-share .news-btn.btn-share {
    background: #15b1f3;
    margin-right: 2%;
}

.news-share .news-btn.btn-share i {
    background-position: 0 0;
}

.news-share .news-btn i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../image/c.png) -25px 0 no-repeat;
    background-size: 50px;
    vertical-align: -8px;
}

.a-news-header {
    margin: 5px 0 10px;
    border-bottom: 2px solid #000;
}

.a-news-header span {
    display: block;
    color: #000;
    line-height: 32px;
    margin-left: 10px;
}

.v-news-header {
    margin: 5px 0 10px;
    border-bottom: 2px solid #2e2e2e;
}

.v-news-header span {
    display: block;
    color: #fff;
    line-height: 32px;
    margin-left: 10px;
}

.comment-view {
    margin: 0 20px;
    border-top: 2px solid #000;
    overflow: hidden;
}

.comment-view ul {
    padding: 10px 0;
}

.comment-view ul textarea {
    width: 100%;
    border: 1px solid #dcdcdc;
    resize: none;
    padding: 5px;
    color: #898989;
}

.comment-view ul li button {
    width: 58px;
    height: 32px;
    font-size: 14px;
    float: right;
    line-height: 32px;
    color: #fff;
    background: #e95142;
    border: 0;
    display: block;
    margin-top: 5px;
}

.comment-footer p .date,.comment-list .avatar-img {
    float: left;
}

.comment-view ul li span {
    font-size: 14px;
    line-height: 32px;
    color: #000;
}

.comment-list {
    padding: 10px 0;
    margin: 10px 20px;
    border-top: 1px solid #000;
    overflow: hidden;
}

.comment-list .media-object {
    height: 40px;
    width: 40px;
    float: left;
}

.comment-list .avatar-img a,.comment-list .avatar-img span {
    line-height: 20px;
    font-size: 16px;
    color: #15b1f3;
}

.comment-list .avatar-img span {
    text-decoration: none;
    color: #9e9f9f;
    font-size: 10px;
}

.comment-header {
    overflow: hidden;
    margin: -5px 0;
}

.comment-main p {
    font-size: 14px;
    color: #040000;
    padding: 10px 0;
    line-height: 20px;
}

.comment-footer {
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.comment-footer p {
    font-size: 12px;
    color: #9e9f9f;
    text-align: right;
}

.comment-footer p span a {
    color: #9e9f9f;
}

.reply-box {
    overflow: hidden;
    padding: 10px 0 0;
}

.reply-box textarea {
    width: 100%;
    border: 1px solid #dcdcdc;
    resize: none;
    padding: 5px;
    color: #898989;
}

.reply-box .btn {
    width: 58px;
    height: 24px;
    font-size: 12px;
    float: right;
    line-height: 24px;
    color: #fff;
    background: #e95142;
    border: 0;
    display: block;
}

.comment-2 .avatar-img a,.comment-2 .avatar-img span {
    font-size: 14px;
}

.comment-2 {
    background: #f8f8f8;
    padding: 20px;
    display: none;
}

.comment-2 .comment-item {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}

.comment-2 .comment-footer {
    margin-bottom: 0;
    overflow: hidden;
}

.comment-2 .comment-reply {
    float: right;
}

.article-footer .date,.author-card-img,.author-num div,.call-up-list .news-view .news-footer .avatar-call {
    float: left;
}

.comment-2 .comment-reply a {
    font-size: 12px;
    color: #9e9f9f;
}

.comment-2 .reply-box {
    padding: 10px 0;
}

.comment-2 .reply-box textarea {
    width: 100%;
    border: 1px solid #dcdcdc;
    resize: none;
    padding: 5px;
    color: #898989;
}

.author-card {
    padding: 10px;
    overflow: hidden;
}

.author-card-img {
    width: 100px;
    margin-right: 15px;
}

.author-card-img .img-responsive {
    border-radius: 50%;
}

.author-card a {
    position: relative;
    display: block;
}

.author-card a img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.author-num {
    margin-top: 2px;
    overflow: hidden;
    padding-bottom: 5px;
}

.author-num div {
    width: 50%;
    text-align: center;
}

.author-num div em {
    font-size: 38px;
    color: #fff;
    display: inline-block;
    width: 100%;
}

.author-num div span {
    font-size: 12px;
    color: #000;
    display: inline-block;
    width: 100%;
}

.author-num div.comments {
    background: #e96845;
}

.author-num div.article {
    background: #f1cd53;
}

.author-card .nick-name {
    margin-left: 110px;
}

.author-card .nick-name h2 {
    font-size: 20px;
    color: #000;
    overflow: hidden;
    line-height: 20px;
}

.author-card .nick-name h2 em,.author-card .nick-name p {
    font-size: 14px;
    color: #898989;
}

.author-card .nick-name h2 span {
    vertical-align: middle;
}

.author-card .nick-name h3 {
    line-height: 30px;
    padding-top: 10px;
}

.author-card .nick-name p {
    line-height: 20px;
    padding: 10px 0;
}

.author-card .nick-name .other {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    padding: 0 0 10px;
}

.article-title {
    font-size: 16px;
    color: #fff;
    margin: 10px 0 0;
    border-bottom: 1px solid #450f01;
    text-align: center;
}

.article-title span {
    display: inline-block;
    background: #450f01;
    width: 103px;
    line-height: 35px;
}

.call-up-footer span,.call-up-list .news-view .news-footer .avatar-call a {
    line-height: 30px;
}

.article-header {
    padding: 10px;
}

.article-header p a {
    font-size: 16px;
    color: #000;
}

.article-footer {
    text-align: right;
    font-size: 10px;
    color: #898989;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 10px 10px;
}

.article-footer span {
    margin: 0 5px;
}

.article-footer span a {
    color: #9e9f9f;
}

.call-up-list {
    padding: 10px;
}

.call-up-list .news-view {
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 1px 1px 2px #d0d0d0;
    padding: 10px;
}

.call-up-list .news-view .news-footer .avatar-call img {
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.call-up-list .news-view .news-footer .follow,.call-up-list .news-view .news-footer .talk {
    float: right;
    line-height: 30px;
}

.call-up-content {
    padding: 0 15px;
}

.call-up-content .call-up-title {
    border-left: 4px solid #f12b15;
    margin: 15px 0 5px;
    padding-left: 8px;
}

.call-up-content .call-up-title span {
    display: inline-block;
    float: right;
}

.call-up-content .content-header .summary .summary-img,.call-up-footer .follow {
    float: left;
}

.call-up-content .call-up-title span a {
    font-size: 18px;
    color: #999;
}

.call-up-content .content-header h3 {
    margin: 0;
}

.call-up-content .content-header h3 span {
    background: #80c8da;
    color: #fff;
    font-size: 10px;
    padding: 2px;
    border-radius: 2px;
    margin-left: 10px;
    vertical-align: 4px;
}

.call-up-content .content-header .summary {
    padding: 8px 0;
}

.call-up-content .content-header .summary .summary-name {
    margin-left: 50px;
}

.call-up-content .content-header .summary .summary-name .user-name a {
    color: #f35b41;
    font-size: 14px;
}

.call-up-content .content-header .summary .summary-name .date {
    color: #666;
    font-size: 12px;
}

.call-up-content .content-header .summary .summary-name span {
    display: block;
}

.call-up-content .content-header .summary .summary-img img {
    border-radius: 50%;
}

.call-up-content .content-main {
    padding: 0 0 10px;
}

.call-up-footer {
    overflow: hidden;
}

.call-up-footer span em {
    color: #fff;
}

.call-up-footer .c-btn {
    width: 50%;
    display: block;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.call-up-footer .c-btn .call-btn,.call-up-footer .c-btn .called-btn {
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    width: 96%;
}

.call-up-footer .c-btn .call-btn {
    background: #f12b15;
}

.call-up-footer .c-btn .called-btn {
    background: #b9b9b9;
}

.call-up-footer .c-btn .share-btn i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../image/ht.png) 0 0/102px auto no-repeat;
    vertical-align: -8px;
}

.call-up-footer .c-btn .share-btn .active {
    background: url(../image/ht.png) -24px 0/102px auto no-repeat;
}

.call-up-footer .c-btn .follow-btn i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../image/ht.png) -52px 0/102px auto no-repeat;
    vertical-align: -8px;
}

.call-up-footer .follow-btn,.call-up-footer .share-btn {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    width: 98%;
}

.call-up-footer .c-btn .follow-btn .active {
    background: url(../image/ht.png) -78px 0/102px auto no-repeat;
}

.call-up-footer .follow-btn {
    color: #fff;
    background: #e95142;
    float: right;
}

.call-up-footer .guanzhu {
    background: #aaa;
}

.call-up-footer .follow-btn.active {
    color: #f5f5f5;
    line-height: 30px;
}

.call-up-footer .share-btn {
    color: #fff;
    background: #15b1f3;
}

.call-up-join {
    overflow: hidden;
}

.call-up-join .call-entry {
    margin: 0 10px;
    position: relative;
    padding-top: 10px;
}

.call-entry .arrow,.call-entry .arrow-white {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    right: 23%;
}

.call-up-join .call-entry .entry-btn {
    padding: 15px 0;
}

.call-up-join .call-entry .entry-btn p {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.call-entry .entry-view {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    padding-bottom: 10px;
    margin-top: 10px;
}

.call-entry .arrow {
    border-bottom: 10px solid #ebebeb;
    z-index: 99;
}

.call-entry .arrow-white {
    top: 11px;
    border-bottom: 10px solid #fff;
    z-index: 999;
}

.call-entry .entry-view dt {
    line-height: 44px;
    background: #fff;
    border-bottom: 2px solid #f6f6f6;
    padding: 0 15px;
    font-size: 16px;
    color: #b3b3b3;
    text-align: center;
    margin-bottom: 10px;
}

.call-entry .entry-view dt span {
    font-size: 16px;
    color: #333;
}

.call-entry .entry-view dd {
    background: #fff;
    padding: 10px 15px;
}

.call-entry .entry-view dd .input-text {
    width: 100%;
    line-height: 40px;
    padding: 0 5px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.call-entry .entry-view dd .btn-submit {
    background: red;
    line-height: 30px;
    color: #fff;
    border: 0;
    font-size: 16px;
    width: 90px;
    text-align: center;
    margin-right: 5px;
}

.call-entry .entry-view dd .btn-esc {
    background: #EEE;
    line-height: 30px;
    color: #666;
    border: 0;
    font-size: 16px;
    text-align: center;
    width: 90px;
}

.call-proceed-list {
    background: #fff;
    margin: 10px 0;
    border: 1px solid #ebebeb;
}

.call-proceed-list dt {
    font-size: 18px;
    line-height: 24px;
    padding: 10px;
    border-bottom: 2px solid #f6f6f6;
    color: #666;
}

.call-proceed-list dd {
    line-height: 24px;
    padding: 5px 10px;
}

.call-proceed-list dd p {
    margin-left: 60px;
    word-wrap: break-word;
    word-break: break-all;
}

.call-proceed-list dd span {
    float: left;
    width: 60px;
    font-size: 14px;
}

.call-up-comment {
    padding: 0 10px;
}

.call-up-comment .comment-title {
    overflow: hidden;
    line-height: 24px;
    margin-top: 15px;
}

.call-up-comment .comment-title h3 {
    float: left;
}

.call-up-comment .comment-title span {
    float: right;
    color: #666;
    font-size: 14px;
}

.call-up-comment .comment-title span i {
    color: #f12b15;
    font-style: normal;
}

.call-up-comment .comment-view {
    margin: 0;
    border-top: 0;
}

.call-up-comment .comment-view ul {
    padding: 0;
}

.call-up-comment .comment-view ul textarea {
    height: 100px;
}

.call-up-comment .comment-list {
    margin: 10px 0;
}

.call-up-comment .comment-list .avatar-img img {
    border-radius: 50%;
    float: left;
    margin-right: 2px;
}

.call-up-comment .comment-list .avatar-img a,.call-up-comment .comment-list .avatar-img span {
    line-height: 30px;
    margin: 0 2px;
}

.vote-view {
    overflow: hidden;
    width: 100%;
    padding: 0 10px 30px;
}

.vote-view .vote-header p {
    color: #000;
    margin-bottom: 5px;
    font-size: 18px;
}

.vote-view .vote-main .vote-opt-msg p {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.vote-view .vote-main {
    padding-bottom: 0;
}

.vote-view .vote-main p {
    font-size: 16px;
    color: #333;
    line-height: 20px;
}

.vote-view .vote-footer {
    background: #f0f0f0;
}

.vote-view .vote-footer p {
    text-align: center;
    color: #b7b7b7;
    line-height: 40px;
    font-size: 16px;
}

.vote-view .vote-footer p a {
    color: #1279a3;
}

.vote-select {
    text-align: center;
}

.vote-select span {
    color: #666;
}

.vote-select ul {
    text-align: left;
}

.vote-select li.title,.vote-select li.vote-title {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 30px;
    background: 0;
    border: 0;
    padding: 0;
    cursor: default;
    box-shadow: none;
}

.vote-select li {
    padding: 15px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 10px;
    box-shadow: 1px 1px 2px 0 #d0d0d0;
    border: 1px solid #f5f5f5;
}

.vote-select .li_select {
    border: 2px solid #119e9e;
}

.vote-select li.result {
    padding-left: 110px;
    position: relative;
    background: 0;
    border: 0;
    box-shadow: none;
    margin-bottom: 5px;
}

.vote-logo {
    background: url(../image/tp.png);
    background-size: 35px;
    width: 35px;
    height: 20px;
    margin-bottom: 8px;
}

.vote-select li input[type=radio],.vote-select li input[type=checkbox] {
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin-top: 4px;
}

.vote-select li span {
    margin-left: 25px;
    display: block;
}

.vote-content .vote-select.active {
    border-color: #f12b35;
}

.vote-select .author-list .list-name img {
    display: block;
    width: 100px;
    float: left;
}

.vote-select .author-list.default .list-name img {
    width: 100%;
    margin-bottom: 10px;
}

.vote-select .author-list .list-name span {
    margin-left: 110px;
    font-size: 14px;
    color: #585858;
    line-height: 20px;
}

.vote-select .author-list.default .list-name span {
    margin-left: 0;
}

.vote-select button {
    background: #f12b15;
    color: #fff;
    border: 0;
    padding: 0 25px;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    margin: 10px 5px 0;
}

.vote-btn-view .vote-selected,.vote-select button.result {
    background: #bcbcbc;
    color: #fff;
    border: 0;
    padding: 0 15px;
    line-height: 30px;
    display: inline-block;
}

.vote-select button.result {
    font-size: 16px;
}

.vote-btn-view .vote-selected {
    font-size: 14px;
}

.result .select-title {
    font-size: 14px;
    color: #787878;
    line-height: 24px;
    margin-left: 0;
}

.result .select-title img {
    display: none;
}

.result .select-num {
    display: block;
}

.result .vote-line span {
    display: block;
    height: 13px;
    background: #b1d3fc;
    margin-left: 0;
}

.result .vote-line span em {
    font-size: 34px;
    color: #787878;
    text-align: center;
    display: block;
    position: absolute;
    left: 10px;
    top: 15px;
    width: 90px;
}

.about {
    padding: 15px;
}

.about p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}

.about .btn-link {
    width: 40%;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.15);
    text-align: center;
    border-radius: 10px;
}

.about .btn-link .wb,.about .btn-link .wx {
    background: url(../image/weobo.png) no-repeat;
    display: inline-block;
    vertical-align: -7px;
    height: 25px;
    width: 30px;
    margin-right: 5px;
}

.about .btn-link .wx {
    background-position: 0 0;
}

.about .btn-link .wb {
    background-position: -30px 0;
    vertical-align: -4px;
}

.b-ad {
    background-color: rgba(0,0,0,.8);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1rem;
    z-index: 99;
}

.b-ad .ad-close {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDA4Q0U1NURERDIxMUU0QTU3Qzk4MTFFODg4MzEwQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDA4Q0U1NkRERDIxMUU0QTU3Qzk4MTFFODg4MzEwQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MDhDRTUzREREMjExRTRBNTdDOTgxMUU4ODgzMTBCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MDhDRTU0REREMjExRTRBNTdDOTgxMUU4ODgzMTBCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NzBlngAAAPdJREFUeNrsmFEOgyAQRN2ml2l7M7SnsXg1PU23mEJCDQKuFP2YTSYGs4TnxNkYiZmbM9elOXkBEIAABCAAAXgMoDLqjSijl2yvEp00fyxslDJ687deRhTpJdvDdo/aep7EwbvnXBtx0jnXeutHDQdnVzT/1tJJ3zlXQ8LtoCSAKchicHsAY5BLOC2F2wu4BlkMrgRgDHI3nDTFwaxl3qsyB5tEWmPprh6SUCB0ScjScLTyTuqaY4YyRkkxSAlgn3nw2pz8e4onL6GDURdJcWd73HrcethVAKjt9Wb0TIwT9h5g9PZmF+HfDAABCEAAAhCAh9ZHgAEA2ymQ7ar9tBEAAAAASUVORK5CYII=');
    background-size: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
}

.b-ad .ad-show {
    color: #fff;
    display: block;
    padding: 7px;
}

.b-ad .b-ad-inner {
    padding: 0 42px;
}

.b-ad .ad-show img {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    left: 7px;
    top: 7px;
}

.b-ad .ad-show h3 {
    line-height: 120%;
    font-size: 15px;
}

.b-ad .ad-show p {
    font-size: 13px;
}

.b-ad .ad-show .d-btn {
    display: block;
    color: #3d4245;
    background-color: #e5e5e5;
    border-radius: 5px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 400;
    position: absolute;
    right: 30px;
    top: 13px;
}

.wx-layout {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1400;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.ad-news,.ad-news i {
    display: inline-block;
}

.list-search-author {
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}

.list-search-author li {
    overflow: hidden;
    border-bottom: 1px dashed #dbdbdb;
    padding: 10px 0;
}

.list-search-author li:last-of-type {
    border-bottom: 0;
}

.list-search-author li .author-img {
    float: left;
    padding: 3px;
    border: 1px solid #ddd;
    line-height: 0;
    display: inline-block;
    background: #FFF;
}

.list-search-author li .author-img img {
    width: 50px;
    height: 50px;
}

.list-search-author li .author-info {
    margin-left: 70px;
    padding: 5px 0;
}

.list-search-author li .author-info h3 {
    font-size: 16px;
    line-height: 24px;
}

.list-search-author li .author-info p {
    font-size: 12px;
    color: #666;
    line-height: 20px;
}

.ad-news {
    background: #FFF;
    width: 100px;
    padding: 1px 5px;
}

.ad-news i {
    background: #ddd;
    color: #fff;
    line-height: 14px;
    padding: 0 3px;
}

.post-email {
    border: 2px solid #060001;
    padding: 20px;
    overflow: hidden;
}

.post-email .post-input {
    padding: 10px 16px;
    height: 40px;
    border: 2px solid #cdcdcd;
    box-shadow: inset 3px 3px 3px #e8e8e8;
    box-sizing: border-box;
    width: 100%;
}

.post-email .post-btn {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 1;
    padding: 12px 16px;
    color: #000;
    border: 2px solid #000;
    font-weight: 700;
    box-sizing: border-box;
    text-align: center;
    margin-top: 3px;
}

.post-email .post-btn:hover {
    background: #000;
    color: #fff;
}