@font-face {
    font-family: 'icomoon';
    src:;
    src: format('embedded-opentype'),
     format('woff'),
     format('truetype'),
     format('svg');
    font-weight: normal;
    font-style: normal;
}

html{
    font-size: 100px;
}

.mce-pagebreak{display:none;} /*注销分割线*/

.f-fl {float:left;}
.f-fr {float:right;}

.g-container {margin: 0 auto; overflow: hidden;}
.header-thumb{
    /*宽高9/16*/
    width: 100%;
    height: 200px;
    height: 56.25vw;
    overflow: hidden;
}
.header-thumb img{
    width: 100%;
    height: 100%;
}
.b-header {height:auto; position: relative; zoom: 1;}
.b-header .title{
    position:relative;
    padding: 20px;
    padding-bottom: 14px;
    color:#000000;
}
.b-header .title h3{font-size: 0.22rem;line-height: 0.33rem;overflow: hidden;padding: 0 0 22px;}
/*    .b-header .title .summary{line-height: 24px;font-size:16px;overflow:hidden;}*/
.b-header .title .author{line-height: 0.14rem;font-size:0.14rem;overflow:hidden;color:rgb(153,153,153);padding: 1px 0px}
.b-header .title .author .read{display: inline-block;width: 75px;height: 24px;vertical-align: middle;background-size: 90%;background-repeat: no-repeat;background-position: center;}
.b-header .title .author .v2,.b-header .title .author .v0{background-image: ;}
.b-header .title .author .v3,.b-header .title .author .v1{background-image: ;}
.b-header .title .copyright { display: inline-block; line-height:0.14rem;margin:0 8px 0 0;padding:0 5px;color:#888888;cursor:default; }
.b-header .bg{display: block;background: #fff;opacity:1;height: 100%;width:100%;overflow: hidden;position:absolute;left:0;bottom:0;}

.article {padding:20px 20px 0px;font-size: 0.18rem; line-height: 1.5;word-break:break-all;background: #fff}
.article p>img{border-radius: 2px;}
.article p{margin: 0.5em 0;text-indent: 2em;line-height: 1.33;font-size: 0.18rem;text-align: justify;word-break: break-word;}
.article p:first-of-type{margin-top: 0 !important;}
.article p:last-of-type{margin-bottom: 0 !important;}
.article p iframe{
    width: 100%!important;
    height: 60vw!important;
    margin-left: 0px !important;
}
.article audio,
.article p img{
    width: 100%!important;
}
.article .article-content div>img{
    width: 100%;  
}
article>.article>.article-content img {
    width: 100%;
    height: auto;
}
.article p>img{
    vertical-align: top;
}
.article p .illustration {
    position: relative;
    margin-top: -60vw;
    width: 100%;
    height: 60vw;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.article p .play {
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.40);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
}
.article p .time {
    position: absolute;
    width: 43px;
    height: 20px;
    right: 10px;
    bottom: 10px;
    background: rgba(0,0,0,0.6);
    border-radius: 20px;
    color: white;
    line-height: 21px;
    font-size: 0.12rem!important;
    text-align: center;
}
.article i,.article em{font-style: italic;}
.article a{color: #007aff;}
.article a:hover{color: #337ab7;}
.article u{text-decoration: underline;}
.article-content{
    /* padding: 0 20px 0 15px; */
    color: #4a4a4a;
}
.article-content>p{
    line-height: 1.5 !important;
    text-indent: 0 !important;
}
.article table td {border: 1px solid #ddd;}
.article h1 {font-size: 2em;margin: 0.67em 0;font-weight: bold;}
.article h2 {font-size: 1.5em;margin: 0.83em 0;font-weight: bold;}
.article h3 {font-size: 1.17em;margin: 1em 0;font-weight: bold;}
.article h4 {font-size: 1em;margin: 1.33em 0;font-weight: bold;}
.article h5 {font-size: 0.83em;margin: 1.67em 0;font-weight: bold;}
.article h6 {font-size: 0.67em;margin: 2.33em 0;font-weight: bold;}

.cs {margin: 10px; height: 30px;}
.cs div.c-d {
    float: left;
    height: 30px;
    line-height: 30px;
}
.cs div.c-d span {
    margin-right: 10px;
    font-size: 0.14rem;
    color: rgb(153,153,153);
}
.cs div.s {
    float: right;
    width: 90px;
    height: 30px;
    text-align: right;
    line-height: 30px;
    padding-right: 13px;
    font-size: 0.14rem;
    color: #777;
    border: 1px solid #dbd8d3;
    background: #f6f5f4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
}
.cs div.s span.wfriend {
    position: absolute;
    width: 20px;
    height: 20px;
    overflow: hidden;
    top: 4px;
    left: 7px;
}
.cs div.s span.wfriend img {
    width: 100%;
}
section.sharebox-outter{padding:0 116px 0 0;overflow: hidden;background:#fff;border-top:1px solid #f5f5f5; position: relative;}
.sharebox{height:60px;background:#fff;padding:0;font-size:0;width:100%;overflow:visible;white-space:nowrap; }
.sharebox {display:block; font-size: 0.20rem;}
.sharebox>div{width:25px;margin-left:20%;display:inline-block;text-align:right;height:100%;line-height:0.59rem;}
.sharebox>div>a{margin:0 auto;display:inline-block;vertical-align:middle;text-align:center;float:none;font-family: 'icomoon';}
.sharebox .praise:before { content: '\e606';}
.sharebox .collect:before { content: '\e604';}
.sharebox .share:before { content: '\e600';}
.sharebox .comments:before { content: '\e602';}
.sharebox .praised {color:#3b5998;}
.sharebox .praised:before {content: '\e605';}
.sharebox .collected {color:#ffcb4c;}
.sharebox .collected:before { content: '\e603';}


.section {border-top:1px solid #ddd;margin-bottom: 10px;}
.section h3 {line-height: 0.45rem;background: #eee;padding-left:10px;}

.related {margin: 0 10px;}
.related .lists ul li {line-height: 0.45rem; font-size: 0.16rem;border-bottom: 1px dashed #ddd;color:#444}
.related .lists ul li a {color:#444;}

.changyan {margin: 0 10px;}
.changyan .lists ul li {padding:10px 0 10px 0;border-bottom: 1px solid #ddd;color:#444}
.changyan .lists .h3 {font-size:0.12rem;overflow:hidden;}
.changyan .lists .author {color:#0a78cd;font-size:0.10rem;}
.changyan .lists .address {color:#9f9f9f;font-size:0.10rem;}
.changyan .content {margin-top:10px;line-height: 0.22rem;color:#444;}
p {margin-bottom: 15px;}
.page {height: 70px;line-height: 30px;padding-top: 20px;text-align: center;font-size: 1.2rem;font-size: 0.12rem;}
.page a {display: inline-block;padding: 0 12px;vertical-align: top;letter-spacing: normal;color: #fff;background: #bbb;margin: 0 2px;}
.page .now {cursor: default;background: #666;}
.page a:hover {background: #666;}

/*图集 begin*/
#mobile-images{
    overflow: hidden;
    margin-bottom: 20px;
}
#mobile-inc{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    line-height: 0;
    font-size: 0;
}
#mobile-inc li {
    position: absolute;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
#mobile-inc .bage{
    width: 38px;
    height: 20px;
    display: block;
    font-size: 0.12rem!important;;
    text-align: center;
    line-height: 20px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: initial;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    border-radius: 20px;
    vertical-align: middle;
    padding-left: 10px;
}
#mobile-inc .bage i{
    font-style: inherit;
    position: absolute;
    left: 4px;
    top: 0.1px;
}
#mobile-inc img{
    border-radius: 2px;
    max-width: 100%;
    max-height: 100%;
    width:100%;
    margin: 0;
    padding: 0;
}
.gallery{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 5000px;
    z-index: 1;
}
.gallery-slide{
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
}
.gallery-slide .slide{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 0;
}
.gallery-slide .slide li{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.gallery-slide .slide li .pic{
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.gallery-slide .describe{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 180px;
    color:#fff;
    opacity: 0.69;
    background: #030303;
    padding: 11px 15px 20px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.gallery-slide .describe.fadeout{
    opacity: 0;
}
.gallery-slide .describe h3{
    position: relative;
    font-size: 0.2rem;
    margin-bottom: .5em;
    padding-right: 0.35rem;
    font-weight: 100;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-family: pingfangsc-medium;
}
.gallery-slide .describe h3 .index{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.18rem;
    letter-spacing: 1px;
    font-weight: 100;
}
.gallery-slide .describe h3 .index strong{
    font-size: 0.22rem;
    font-weight: 100;
}
.gallery-slide .describe p{
    font-size: 0.16rem;
    letter-spacing: 0.5px;
    line-height: 0.24rem;
    max-height: 6em;
    overflow-y: scroll;
    font-family: pingfangsc-light;
}
.gallery .gallery-slide .slide {
    overflow:inherit;
}
.gallery .closebtn{
    position: absolute;
    left: 0;
    top: 40px;
    width: 40px;
    height: 40px;
    z-index: 1000;
    text-align: center;
    line-height: 40px;
}
.gallery .closebtn i{
    font-style: normal;
    color:#fff;
    font-size: 0.22rem;
}
/*图集 end*/

.mobile-content {
    width: 100%;
}
.mobile-content .mobile-title {
    overflow: hidden;
    text-align: left;
    height: 35px;
    line-height: 35px;
    font-size: 0.18rem;
    font-weight: 700;
    color: #7e7e7e;
}
.mobile-content .mobile-title .mobile-page {
    float: right;
    height: 35px;
    margin-right: 10px;
    font-weight: 400;
}
.mobile-content .mobile-title .mobile-page .mobile-current {
    font-size: 0.16rem;
    color: #379ef1;
    font-weight: 700;
}
.mobile-content .mobile-title .mobile-page .mobile-total {
    font-size: 0.14rem;

}
.mobile-description {
    width: 96%;
    margin: 0px auto;
    font-size: 0.14rem;
    overflow: hidden;
    text-indent: 8px;
    line-height: 1.3em;
}

/*浮动*/
.clearfix:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    height:0
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
/*文字溢出隐藏*/
.cloud-overflow-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*链接*/
.vote-link {
    height: 35px;
    margin-bottom: 20px!important;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
}
.vote-link .icon-huodongbaoming,
.vote-link .icon-toupiao,
.vote-link .icon-zhuanti{
    color: #379ef1;
    font-size: 0.18rem;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 35px;
    position: absolute;
}
.vote-link img{
    margin-top: 13px;
    margin-left: 10px;
    vertical-align: text-bottom;
}
.vote-link a {
    display: inline-block;
    width: calc(100% - 50px);
    position: relative;
    font-size: 0.14rem;
    color: #4b4b4b;
    line-height: 16px;
    text-decoration: underline;
    margin-left: 35px;
    line-height: 35px;
}
/*挂件样式新*/
.vote-hang-element{
    /*width: 100%;*/
    position: relative;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    margin-bottom: 20px!important;
}
.vote-hang-top{
    padding: 10px;
}
.vote-hang-top>img{
    vertical-align: middle;
}
.vote-hang-top>span{
    color: #d0021b;
    font-size: 0.16rem;
}
.vote-hang-title{
    font-size: 0.16rem;
    color: #333333;
    padding: 0 10px;
}
.vote-hang-model{
    padding: 0 10px 10px;
    font-size: 0.12rem;
    color: #999999;
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 10px;
}
.vote-hang-item{
    padding: 0 10px 10px;
}
.vote-multi-item>span{
    width: 16px;
    height: 16px;
    border: 1px solid #bebebe;
    margin-top: 1px;
    border-radius: 3px;
}
.vote-radio-item>span{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: 1px;
    border: 1px solid #bebebe;
}
.vote-radio-item>label{
    /*margin-top: -3px!important;*/
}
.vote-hang-item>label{
    width: 90%;
    color: #666666;
    font-size: 0.14rem;
    margin-left: 8px;
}
.vote-multi-item span.checked{
    background-image: url(/uploads/image/rts1aaihang/muti_checked.png);
}
.vote-radio-item span.checked{
    background-image: url(/uploads/image/rts1aaihang/checked-sky.png);
}
.vote-hang-submit{
    height: 35px;
    line-height:35px;
    background: #f4f4f4;
    text-align: center;
    font-family: pingfangsc-medium;
    font-size: 14px;
    color: #aaaaaa;
}
.vote-hang-alert{
    display: none;
    width: 110px;
    height: 35px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.4;
    background: #000000;
    border-radius: 2px;
    color: #ffffff;
    font-size: 0.15rem;
    text-align: center;
    line-height: 35px;
}
.vote-hang-item-title{
    font-size: 0.14rem;
    color: #666666;
    margin-bottom: 5px;
}
.vote-hang-item-pre>div:first-child{
    height: 13px;
    background: #e5e5e5;
}
.vote-hang-item-pre>div:first-child>span{
    display: block;
    height: 13px;
    background: #2589ff;
}
.vote-hang-item-pre>div:last-child{
    font-size: 0.12rem;
    color: #4b4b4b;
    text-align: right;
}
.vote-hang-compare-title{
    padding: 0 10px;
    font-size: 0.14rem;
    color: #666666;
}
.vote-hang-compare-image{
    margin: 0 10px;
    height: 20px;
}
.vote-hang-compare-image>div:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #67adff ;
    height: 20px;
}
.vote-hang-compare-image>div:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #f6a623;
    height: 20px;
}
.vote-hang-compare-pre{
    padding: 10px;
    font-size: 0.14rem;
    color: #4b4b4b;
}
.vote-hang-compare-button{
    font-size: 0.12rem;
    color: #666666;
    margin-bottom: 10px;
}
.vote-hang-element .border-radius{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.vote-blue{
    color: #67adff;
}
.vote-yellow{
    color: #f6a623;
}
.new-margin{
    margin: 20px 0;
}

/*关联视频链接*/
.video-link-element{
    position: relative;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    text-indent: 0;
}
.video-link-element iframe{
    width: 100%!important;
    height: 60vw!important;
}
.video-link-player-container{
    width: 100%;
}
.video-link-player-container .illustration{
    margin-top: 0px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 60vw;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.video-link-player-container .illustration .play{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
}
.video-link-player-container .illustration .time{
    position: absolute;
    width: 43px;
    height: 20px;
    right: 10px;
    bottom: 10px;
    background: rgba(0,0,0,0.6);
    border-radius: 20px;
    color: white;
    line-height: 21px;
    font-size: 0.12rem!important;
    text-align: center;
}
.video-link-player-container video{
    width: 100%;
}
.video-link-title{
    height: 40px;
    line-height: 40px;
    font-size: 0.16rem;
    color: #4b4b4b;
    padding: 0 19px 0 10px;
}

/* 编辑器列表不能格式化 */
.article ul,
.article ol{
    text-indent:0;
    padding-left:40px;
}
.article em{
    font-style: italic;
    font-weight: normal;
}
.article ul{
    list-style: disc;
}
.article ol{
    list-style: decimal;
}
.article li{
    list-style:inherit;
}
/* 编辑器内容不能格式化 */
.article-content img[src$="assets/libraries/ueditor/themes/default/images/spacer.gif"] { display: none !important;}
