File: /www/wwwroot/www.xxlht.com/sh/087/css/index.css
html{
font-size: 10px;
background-color: #FFFFFF;
}
*{
margin: 0;
padding: 0;
color: #000;
outline: 0;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
body{
margin: 0 auto;
max-width: 700px;
font-size: 16px;
font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Microsoft JhengHei, Verdana, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif, 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Myriad Pro, Microsoft, bauerbodonistd-roman, Century Gothic,"Asap",Futura,"Lucida Grande", Geneva, Helvetica, "sourcehansans-tc-normal","sans-serif",Tahoma;
line-height: 1.6;
}
ul{
list-style: none;
}
img{
width: 100%;
margin-top: 1rem;
}
p{
margin-top: 1rem;
}
h2{
font-size: 18px;
font-weight: bold;
margin: 4rem 0rem 0rem 0rem;
color:blue;
}
h4{
font-size: 17px;
font-weight: bold;
margin: 1rem 0rem;
/*background-color: yellow;*/
color:blue;
}
.line_id{
color:red;
font-weight: bold;
}
.yellow_cu{
background-color: yellow;
font-weight: bold;
text-align: center;
}
.mr-tb{
margin-top: 4rem;
margin-bottom: 4rem;
}
.zhong{
text-align: center;
}
.ban{
width: 50%;
}
.flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mr_t{
margin-top: 3rem;
}
.hong{
color: #E60012;
}
.cu{
font-weight: bold;
}
.color{
color:rgb(251, 174, 165);
}
.lan{
color: rgb(1, 136, 251);
}
.h{
height: 100%;
}
header{
padding: 30px 0 2px 20px;
border-bottom: 1px solid #000;
}
.header-top{
box-sizing: border-box;
display: flex;
}
.header-top>img{
width: 150px;
height: 20px;
}
.header-top>ul>li{
display: inline-block;
padding: 3px 10px 0px 10px;
font-size: 12px;
color: #fff;
border-radius: 3px;
}
.header-top .impIco{
border: 1px solid #000;
background: #e60012;
}
.header-top>ul>li:last-child{
color: #de001a;
border: 1px solid #de001a;
}
.header-top>.header-top-right{
margin-top: 1rem;
margin-left: 2rem;
}
header .header-bottom{
margin-top: 0.5rem;
}
.jianjie{
border-bottom: 1px solid #434343;
padding: 20px;
}
h3{
font-weight: bold;
}
.jianjie ul{
list-style: none;
display: flex;
}
.jianjie ul>li{
margin-top: 1rem;
margin-left: 0.5rem;
display: inline-block;
padding: 8px 8px;
font-size: 13px;
border-radius: 10px;
color: #fff;
background: #898989;
}
.article{
padding: 20px;
}
.kuang{
border:1px solid #000;margin-top: 1rem;margin-bottom: 2rem;padding:0rem 1rem 1rem 1rem;box-sizing: border-box;position: relative;
}
.anli{
padding: 20px;
}
.pinlun{
padding: 20px;
}
.pinlun .pinlun-top{
display: flex;
}
.pinlun-top>img{
margin-top: 0rem;
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
top:1rem;
}
.pinlun-top-huifu>img{
margin-top: 0rem;
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
top:0.3rem;
}
.pinlun-top>p:first-child{
color:blue;
}
.pinlun-top>p{
margin-left: 0.5rem;
margin-top: 12px;
}
.pinlun-content{
margin-top: 1rem;
margin-left: 3.5rem;
font-size: 18px;
}
.pinlun-time{
font-size: 12px;
display: flex;
justify-content: space-between;
margin-left: 3.5rem;
margin-top: 1rem;
color:#ccc;
}
.pinlun-time .day{
color:#ccc;
}
.pinlun-time a{
color:#ccc;
}
.pinlun-time > .cmnt_op a{
background: url(https://img.alicdn.com/imgextra/i2/2684310334/TB2D1lcoipnpuFjSZFkXXc4ZpXa_!!2684310334.png) no-repeat;background-position: 0 -105px;
background-size: 100px auto;
padding-left:2rem;
line-height: 0px;
}
.pinlun-time > .cmnt_op a:last-child{
background: url(https://img.alicdn.com/imgextra/i2/2684310334/TB2D1lcoipnpuFjSZFkXXc4ZpXa_!!2684310334.png) no-repeat;background-position: 0 -71px;
background-size: 100px auto;
padding-left:2rem;
line-height: 0px;
vertical-align: middle;
}
.gekai{
margin: 0rem 1rem;
}
/*回复*/
.pinlun-top-huifu{
display: flex;
}
.pinlun-top-huifu>p{
margin-left: 0.5rem;
margin-top: 12px;
}
.pinlun-top-huifu>img{
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
top:1rem;
}
.Anna{
margin-top: 1rem;
display: flex;
}
.Anna>.img{
margin-right: 1rem;
padding-left: 1rem;
box-sizing: border-box;
background: url('http://www.ioyiinu.com/toutiao/img/bg2.png') no-repeat -14px -10px;
}
.Anna>.content{
padding-left:1rem;
background: url('http://www.ioyiinu.com/toutiao/img/bg1.png') no-repeat 0 2px;
box-sizing: border-box;
/*overflow: hidden;*/
display: flex;
flex-direction: column;
justify-content: space-between;
}
.Anna>.img>img{
margin-top: 0rem;
width: 150px;
position: relative;
left:0;
top:50%;
transform:translateY(-50%);
}
.jianjie ul>li:first-child{
margin-left: 0rem;
}
@media screen and (min-width: 800px) {
header{
display: flex;
padding-bottom: 1rem;
justify-content: space-between;
}
.header-top>img{
width: 300px;
height: 40px;
}
.header-bottom{
margin-left: 1rem;
}
header .header-bottom {
margin-top: 1.5rem;
}
.header-top>.header-top-right {
margin-left: 2rem;
}
h3 {
font-weight: bold;
font-size: 32px;
}
.jianjie ul>li:first-child{
margin-left: 0rem;
}
}
.fen{
color: rgb(237, 10, 120);
font-size: 20px;
font-weight: 700;
}
.lan1{
font-size: 20px;
color: rgba(0, 55, 143, 0.99);
font-weight: 700;
}
.hong{
font-size: 20px;
color: rgb(237, 10, 120);;
font-weight: 700;
}
.huic{
font-size: 20px;
color: rgb(255, 202, 0);
font-weight: 700;
background-color: rgb(95, 156, 239);
}
p, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
.header_list_mo li {
float: left;
width: 22px;
height: 22px;
margin-left: 15px;
position: relative;
}
.header_logo {
width: 105px;
height: 44px;
margin: auto 0;
display: inline;
}
.header_kv {
width: auto;
height: 55px;
background: none;
padding: 0 15px;
}
.kkong{
line-height: 1;
}
.layui-m-layer0 .layui-m-layerchild {
width: 90%;
max-width: 640px;
}
.layui-m-anim-scale {
animation-name: layui-m-anim-scale;
-webkit-animation-name: layui-m-anim-scale;
}
.layui-m-layerchild {
position: relative;
display: inline-block;
text-align: left;
background-color: #fff;
font-size: 14px;
border-radius: 5px;
box-shadow: 0 0 8px rgba(0,0,0,.1);
pointer-events: auto;
-webkit-overflow-scrolling: touch;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .2s;
animation-duration: .2s;
}
.layui-m-layer * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.layui-m-layercont {
padding: 50px 30px;
line-height: 22px;
text-align: center;
}
.layui-m-layerbtn span[no] {
border-right: 1px solid #D0D0D0;
border-radius: 0 0 0 5px;
}
.layui-m-layerbtn span {
display: block;
-moz-box-flex: 1;
box-flex: 1;
-webkit-box-flex: 1;
font-size: 14px;
cursor: pointer;
}
.layui-m-layer{
display: none;
}