html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#000000; font-family:PingFangSC,Verdana, Arial, Helvetica, sans-serif;}
* {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;}
html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,
textarea,p,blockquote,th,td{margin:0;padding:0;}
table{/*border-collapse:collapse;border-spacing:0;*/}
fieldset,a img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;} caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],
button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
em,i{ font-style:normal;}
/*Public Class*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;}
.center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50);
-moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
-khtml-opacity: 0.5; opacity: 0.5; }
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {
text-align:justify;
text-justify:distribute-all-lines;/*ie6-8*/
text-align-last:justify;/* ie9*/
-moz-text-align-last:justify;/*ff*/
-webkit-text-align-last:justify;/*chrome 20+*/
}
.toe{
/*超出省略号*/
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
.justify:after{
content:".";
display: inline-block;
width:100%;
overflow:hidden;
height:0;
}
}
/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
position:fixed;
clip:rect(0 100% 100% 0);
_position:absolute;
/* 底部 */
bottom:0px;
left:0px;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
/* 左侧 */
/*left:0px;*/
/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
/**************************************/
/*png图片ie6下透明滤镜实现写法*/
/*.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}*/
/**
+------------------------------------------------------------------------------
* FCK 兼容解决方案
+------------------------------------------------------------------------------
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
em{ font-style:italic !important;}
strike{ text-decoration:line-through !important;}
strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}
/**
+------------------------------------------------------------------------------
* 网站整体颜色总汇
+------------------------------------------------------------------------------
* @codex 颜色:使用颜色的名称或者16进制代码,如
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
.ff8600,ff86aa a{ color:#ff8600;}
/**
+------------------------------------------------------------------------------
* 网站整字体大小
+------------------------------------------------------------------------------
* @codex 字体大小,直接使用"font+字体大小"作为名称,如
* @package ORG
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face { font-family: danley; src: url('../font/danley.ttf'); } .danley { font-family: danley; } */
/**
+------------------------------------------------------------------------------
* 网站整布局命名规范
+------------------------------------------------------------------------------
* @codex id和class命名采用该版块的英文单词或组合命名 如:newRelease
* @package ORG
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
/*引入苹方字体*/
body{
font-family: "Microsoft YaHei",sans-serif,Arial Regular;
background-color: #eee;
line-height: 1.5;
/*max-width: 64rem; min-width: 32rem; */
max-width:640px;
margin: 0 auto !important; min-width: 320px; position: relative;
}
a:hover{
text-decoration: none;
}
.css3{
/*transition: all 0.3s ease-in-out 0s;*/
-webkit-transform:translate3d(0, -20px, 0);
-ms-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
-webkit-transition-property:opacity, -webkit-transform;
transition-property:opacity, transform;
-webkit-transition-duration:1000ms;
transition-duration:1000ms;
-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
-webkit-transition-delay:800ms;
transition-delay:800ms
}
.css3.animated{
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
@media screen and (max-width: 650px) {
}
@media screen and (max-width: 480px) {
}
.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
-webkit-text-size-adjust:none; /*禁止苹果对部分字体放大处理bug*/
a:hover{
text-decoration: none;
}
.layout{
min-height: 736px;
background: #FAFAFA;
margin: 0 auto;
overflow: hidden;
}
.content{
padding: 0px 0 15px 0;
position: relative;
overflow: hidden;
background-color: #FFFFFF;
}
.article-title{
font-weight: bold;
color: #2b2b2b;
font-size: 25px;
padding: 0 10px;
line-height: 32px;
margin-top:10px;
margin-bottom:10px;
}
.info{
margin-top: 15px;
display: inline-block;
width: 100%;
padding: 0 18px;
}
.info h3{
font-size: 18px;
margin-bottom: 5px;
margin-top: -5px;
}
.info p{
font-size: 16px;
margin-bottom: 10px;
color:#A0A0A0;
}
.info a{
display:block;
width:100%;
height:100%;
overflow: hidden;
}
.info-img{
width: 45px;
height: 45px;
border-radius: 50%;
box-shadow:0px 2px 8px 0px rgba(153,153,153,0.24);
display: inline;
float: left;
}
.info-content{
width: 80%;
float: left;
margin-left: 10px;
}
.info-content .info-title{
width: 100%;
display: inline-block;
color: #222222;
height: 20px;
font-size: 14px;
font-weight: bold;
}
.info-content .info-summary{
width: 100%;
display: inline-block;
color: #666666;
font-size: 10px;
height: 20px;
font-size: 12px;
float:left;
line-height: 20px;
}
.info-content .info-hotcount{
width: 100%;
display: inline-block;
color: #A0A0A0;
height: 20px;
font-size: 12px;
line-height: 20px;
}
.pic .info{
margin-bottom:15px;
}
.pic .info h3{
margin-top:5px;
}
.pic .info-title,.pic .info-summary,.pic h3,.pic p{
color:#fff;
}
.article-img{
width: 100%;
height: 300px;
background:linear-gradient(135deg,rgba(90,203,255,1) 0%,rgba(69,153,255,1) 100%);
border-radius:4px;
opacity:0.3;
filter:blur(50px);
}
.article-img .a-img{
display: block;
width: 40%;
height: 200px;
margin: 0 auto;
margin-top: 50px;
background: url('http://static.scms.sztv.com.cn/spider/ysz/upload/image/2019/07/25/3792d10e15d9479a9c18bcd473002235.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.article-content{
padding: 0 18px;
}
.article-content .author{
color: #7F7F81;
margin-top: 10px;
font-size:12px;
line-height:17px;
font-weight:500;
}
.article-content .bq{
margin-top: 10px;
color: #7F7F81;
font-size: 12px;
font-weight:500;
line-height:17px;
}
.article-body p{
font-size: 20px !important;
line-height: 32px !important;
color: #1E1E1E;
font-weight: 500;
}
.introduce .article-body p{
font-size:18px !important;
font-weight:500;
color:#424246;
line-height:25px !important;
}
.article-body img{
max-width:100%;
}
.article-body video{
width:100%;
}
.zan-box{
margin-bottom: 15px;
}
.zan-btn{
width:100px;
height:36px;
/*background:#CB1362;*/
/*box-shadow:0px 1px 2px 0px rgba(0,0,0,0.08);*/
border-radius:4px;
margin:0 auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin-top: 20px;
margin-bottom: 10px;
border: 1px solid rgba(228,228,228,1);
}
.zan-btn .zan-img{
margin-right: 5px;
width:15px;
}
.zan-btn .zan-num{
font-size:13px;
line-height:18px;
color:#363636;
}
.zan-box .zan-summary{
color: #7F7F81;
text-align: center;
font-size: 13px;
line-height:18px;
font-weight:500;
}
.box-title{
font-size: 20px;
font-weight: bold;
display: flex;
align-items: center;
border-top: 8px solid #eee;
padding-top: 30px;
padding-left: 18px;
padding-bottom: 10px;
color: #2B2B2F;
line-height: 28px;
}
.box-title span{
display: inline-block;
width: 4px;
height:22px;
background: #CB1362;
margin-top: 2px;
margin:0 10px;
display:none;
}
.box-content {
padding: 10px 0px 40px 0;
overflow: hidden;
}
.box-content .news-list {
width: 100%;
float: left;
padding: 0;
box-sizing: border-box;
}
.news-view {
width: 100%;
height: 110px;
float: left;
margin: 0 0 10px 0;
overflow: hidden;
}
.news-img{
position: relative;
height: auto;
width: 110px;
float: right;
overflow: hidden;
margin-right: 18px;
padding: 5px 0;
}
.news-img a{
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.news-view .news-img img{
width: 110px;
height: 77px;
float: right;
border-radius:6px;
}
.news-view .news-img .news-bg{
width:100%;
height:22px;
background:rgba(0,0,0,.3);
position:absolute;
bottom:5px;
left:0;
}
.news-view .news-img .news-icon{
width: 13px;
height: 13px;
display: block;
background: url('../img/v-audio.png') no-repeat;
background-size: 100% 100%;
position: absolute;
bottom:10px;
left: 8px;
z-index:100;
}
.news-view .news-img .news-audio-num{
display: block;
position: absolute;
bottom:10%;
left: 25%;
color:#fafafa;
font-size:10px;
line-height:14px;
z-index:100;
}
.news-view .news-img .news-play{
width: 26px;
height: 26px;
display: block;
background: url('../img/play.png') no-repeat;
background-size: 100% 100%;
position: absolute;
top: 30px;
left: 42px;
}
.news-view .news-img .news-time{
position: absolute;
bottom: 5px;
right: 0px;
display: block;
padding: 1px 2px;
background: rgba(0,0,0,.5);
color: #fff;
border-radius: 4px;
font-size: 10px;
line-height: 14px;
}
.news-view .news-header {
padding: 5px 0;
width: 60%;
float: left;
}
.news-view .news-header a {
font-weight: 500;
overflow: hidden;
display: block;
height: 50px;
font-size: 18px;
color: #424246;
line-height: 25px;
width: 85%;
float: left;
margin: 0 18px;
}
.news-from {
float: left;
margin: 10px 0 0 18px;
color: #a6a6a6 !important;
font-size: 11px;
line-height:16px;
}
.header{
background: #ddd;
position: relative;
width: 100%;
height: 52px;
z-index: 888;
max-width: 640px;
margin:0 auto;
}
.hide{
display:none;
}
.header .header-inner{
position: fixed;
top: 0;
width: 100%;
background: #ddd;
max-width: 640px;
}
.header-container{
/*background:url('../img/logo-bg.png');*/
/*background-size: 100% 100%;*/
transform: none;
}
.header-container section{
width:100%;
}
.header-container section aside{
position: relative;
padding: 0px 5px 0px 50px;
height: 52px;
text-decoration: none;
color: rgb(255, 255, 255);
}
.header-container section aside img{
position: absolute;
top: 12px;
left: 18px;
width: 28px;
border-radius: 4px;
}
.header-container section aside .aside-title{
margin: 0px;
font-size: 15px;
line-height: 21px;
padding: 15px 5px 0px;
color: #2B2B2F;
font-weight: 500;
display: inline-block;
float: left;
}
.header-container section aside .aside-intro{
margin: 0px;
font-size: 12px;
line-height: 16px;
opacity: 0.6;
padding: 18px 10px 0px;
color: #2B2B2F;
display: inline-block;
float: left;
}
.header-container section aside a.open{
position: absolute;
top: 11px;
right: 20px;
z-index: 9;
width: 59px;
border-radius: 4px;
height: 29px;
background: url(../images/xiazai.png);
background-size: 100% 100%;
}
.hot_comment{
overflow: hidden;
}
.no_comment{
text-align:center;
margin-bottom:10px;
}
.no_comment img{
width:40%;
}
.no_comment span {
font-size: 13px;
line-height:18px;
color: #7F7F81;
display: inline-block;
width: 100%;
font-weight:500px;
}
.comment_more{
margin: 10px 12.5% 30px 12.5%;
width: 75%;
/*background: #CB1362;*/
height: 43px;
line-height: 43px;
text-align: center;
color: #E11E64;
float: left;
border-radius: 5px;
font-size: 16px;
border: 1px solid #E11E64;
}
.hot_list{
width: 95%;
padding-left: 13px;
overflow: hidden;
}
.hot_head{
width: 100%;
float: left;
margin: 5px 0 20px 0;
}
.hot_right {
display: block;
overflow: hidden;
width: 83%;
float: right;
}
.hot_left{
display: block;
overflow: hidden;
float: left;
width: 15%;
}
.hot_img{
width:40px;
height:40px;
float: left;
border-radius: 20px;
margin: 5px;
}
.hot_top{
width: 100%;
overflow: hidden;
margin-top:4px;
}
.hot_title{
font-size:14px;
margin:0;
float: left;
color: #8E8C8D;
}
.hot_zan{
float: right;
color: #666666;
font-size: 14px;
}
.hot_content{
width: 100%;
line-height: 25px;
font-size: 18px;
color: #222;
float: left;
margin: 10px 0 0 0;
}
.hot_zan i{
display: inline-block;
width: 12px;
height: 12px;
background: url('../img/hot_zan.png');
margin-left: 5px;
}
.hot_time{
color:#8E8C8D;
width:100%;
font-size:10px;
float:left;
line-height:14px;
margin-top: 6px;
}
#send_comment {
width: 100%;
padding: 5px 5%;
height: 5rem;
background: #FFFFFF;
position: fixed;
left: 0;
bottom: 0;
z-index: 1001;
border-top: 1px solid #eee;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
#send_comment input {
width: 75%;
border-left: 0;
font-size: 1.25rem;
padding-left: 12px;
border-radius: 0 5px 5px 0;
color: #7B7B7B;
height: 3rem;
border: 1px solid #eee;
-webkit-appearance: none;
background: #f2f2f2;
-webkit-user-select: auto;
-moz-user-select: auto;
}
#send_comment input::-webkit-input-placeholder {
color: #999
}
#send_comment input::-moz-placeholder {
color: #999
}
#send_comment input:-moz-placeholder {
color: #999
}
#send_comment input:-ms-input-placeholder {
color: #999
}
#send_comment a,#send_comment label {
margin-left: 3%;
}
#send_comment a {
width: 20%;
height: 3rem;
line-height: 3rem;
font-size: 15px;
/*background: #f2f2f2;*/
background:#E11E64;
border-radius: 4px;
/*color: #000;*/
color:#fff;
text-align: center;
display: inline-block;
opacity:0.3;
margin-left: 6px;
}
/*微直播*/
.zy_media{
width: 100%;
}
.zy_media video{
width:100%;
height:16rem;
}
#livetab{
width: 100%;
height: 4rem;
}
#livetab li{
width: 33.3%;
height: 100%;
line-height: 4rem;
text-align: center;
float: left;
font-size: 18px;
color: #999999;
font-weight: 500;
cursor: pointer;
}
#livetab li a{
padding: 10px;
}
.selected{
font-weight: bold !important;
color: #BB0052 !important;
border-bottom: 4px solid #BB0052;
}
.liveul{
padding: 0 18px;
overflow: hidden;
margin-top:15px;
}
.liveul li{
margin: 5px 0 10px 0;
}
.liveul .time{
list-style: disc;
font-weight: bold;
font-size: 12px;;
color: #666666;
line-height:17px;
}
.liveul .time span{
display: inline-block;
width: 4px;
height: 4px;
background: #666666;
border-radius: 2px;
margin-bottom: 2px;
margin-right: 5px;
}
.liveul .article{
color: #424246;
font-size: 18px;
line-height: 25px;
margin: 5px 0;
font-weight: 500;
}
.liveul .img{
background: #ffffff;
width: 100%;
margin: 0;
color: #383838;
}
.my-gallery{
overflow: hidden;
}
.my-gallery video{
width:100%;
height:20ren;
}
.my-gallery img {
width: 176px;
height: 99px;
float: left;
display: inline;
}
.liveul li .img figure{
width:98%; float: left;
display: inline;margin: 1%;
}
.liveul li .img figure img{
width: 100%;
height: 100%;
border-radius: 10px;
}
.liveul li .img figure.two_img,
.liveul li .img figure.four_img{
width: 47%;
margin:1%;
}
.liveul li .img .two_img img,
.liveul li .img .four_img img{
width: 100%;
height:10rem;
float: left;
display: inline;
border-radius: 8px;
}
.liveul li .img figure.three_img,
.liveul li .img figure.more_img{
width: 31%;
margin: 1%;
}
.liveul li .img .three_img img,
.liveul li .img .more_img img{
width: 100%;
height:8rem;
float: left;
display: inline;
}
.drop_down {
line-height: 80px;
text-align: center;
font-size: 16px;
color: #999999;
cursor: pointer;
}
/*聊天室*/
.comment{
background: #f4f4f4;
min-height: 450px;
}
.commentUl{
padding: 0 18px;
overflow: hidden;
}
.commentUl li{
width: 100%;
overflow: hidden;
margin: 20px 0 10px 0;
}
.commentUl .icon{
width: 40px;
float: left;
margin-top: 10px;
}
.commentUl .icon img{
width: 40px;
height: 40px;
border-radius: 20px;
}
.commentUl .con{
width: 60%;
float: left;
margin-left: 10px;
}
.commentUl .con .con-name{
color: #666666;
font-size: 12px;
}
.commentUl .con .con-comment{
width: auto;
display: inline-block;
padding: 10px;
border-radius: 6px;
position: relative;
background: #fff;
position: relative;
color: #191919;
font-size: 14px;
}
.comment-left .con .con-comment em{
position: absolute;
display: block;
width: 5px;
height: 9px;
background: url('../img/icon-w.png');
top: 10px;
left: -5px;
}
.comment-right .icon{
float: right;
text-align: right;
}
.comment-right .con{
float: right;
text-align: right;
margin-right:10px;
}
.comment-right .con .con-comment{
background: #95ec69;
}
.comment-right .con .con-comment em{
position: absolute;
display: block;
width: 5px;
height: 9px;
background: url('../img/icon-b.png');
top: 10px;
right: -5px;
}
/*图片*/
.hdp-box {
position: relative;
margin-bottom: 20px;
}
.swipe {
padding-top: 0px;
width: 100%;
float: left;
overflow: hidden;
visibility: visible;
position: relative;
}
.box01_list {
position: relative;
-webkit-transition: left 600ms ease-out;
width: 100%;
left: 0;
}
.piclist li {
text-align: center;
height: 460px !important;
float: none !important;
vertical-align: middle !important;
}
.piclist li img {
margin: 0 auto;
width:100%;
max-height: 480px;
}
.piclist p {
display: none;
height: auto !important;
}
.title {
width: 100%;
float: left;
text-indent: 2em;
color: #fff;
font-size: 14px;
line-height: 20px;
font-family: "微软雅黑";
}
.count {
float: left;
padding-left: 2%;
color: #fff;
margin: 10px 0 0 10px;
}
.count .bi{
font-size: 18px;
}
.news_title {
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 25px;
padding:5px 0;
font-family: "微软雅黑";
}
.audio-box{
margin-top: 10px;
margin-bottom: 15px;
}
html {
font-size:62.5%
}
@media only screen and (max-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
.hot_img{
margin-left: 0px;
}
}
@media only screen and (min-width:361px) { /*三星note*/
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) { /*iphone6*/
html {
font-size:73.24%!important
}
}
@media only screen and (min-width:481px) {
html {
font-size:94%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:109%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:125%!important
}
.news-view{
height: 130px;
}
.news-view .news-img img{
height: 120px;
}
}