.full {
	width: 100%;
	height: 100%
}

.ha {
	height: auto
}
.oh {
	overflow: hidden
}

.ov {
	overflow: visible
}

.dn {
	display: none
}

.db {
	display: block
}

.active {
	opacity: .3
}

header {
	background: linear-gradient(#d42431, #931520);
	height: 1.413333rem;
	padding: 0.133333rem 0 0 0.733333rem
}

header img{
	width: 2.4rem;
}

nav {
	width: 100%;
	height: 1.053333rem;
	overflow: hidden;
	line-height: 1.053333rem;
	background: #f8f8f8;
	font-size: 15px;
	margin-bottom: 0.533333rem;
	position: relative
}

[data-dpr="2"] nav {
	font-size: 30px
}

[data-dpr="3"] nav {
	font-size: 45px
}

#nav .spreadCol {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	width: 1.106667rem;
	height: 1.053333rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAD1BMVEUAAABmZmZpaWmsrKxtbW2yWNazAAAAAXRSTlMAQObYZgAAADNJREFUOMtjQAImBgzYgaICDglBgVGJkS1hJIgVKDMoYpcQwaljkHpwVIL2EpiFDM5iCQCEVgvV/p3HXwAAAABJRU5ErkJggg==) no-repeat center center #f8f8f8;
	background-size: 0.426667rem 0.426667rem;
	box-shadow: -6px 0px 10px #f1f1f1
}

#nav .swiper-slide {
	width: auto;
	padding: 0 0.32rem
}

#nav .swiper-slide a {
	color: #333
}

#nav .swiper-slide-active a {
	color: #095ab6;
	font-weight: bold;
	position: relative
}

#nav .swiper-slide-active:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background-color: #095ab6;
	width: 100%
}

#scrollWrap {
	padding: 0 0.4rem
}

#banner {
	position: relative
}

#banner h2 {
	margin: 0;
	font-weight: normal;
	height: 0.666667rem;
	line-height: 0.666667rem;
	background-color: #303133;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding-right: 1.333333rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

[data-dpr="2"] #banner h2 {
	font-size: 32px
}

[data-dpr="3"] #banner h2 {
	font-size: 48px
}

#banner img {
	display: block;
	width: 100%
}

#banner .swiper-slide span {
	display: block;
	height: 5.4rem;
	overflow: hidden
}

.pagination {
	position: absolute;
	right: 0;
	bottom: 15px;
	color: #fff;
	z-index: 999;
	text-align: right;
	padding-right: 0.466667rem
}

.main {
	padding: 0 0.173333rem
}

.newsList li {
	border-bottom: 1px solid #bcbcbc;
	font-size: 15px;
	line-height: 0.8rem;
	padding: 0.266667rem 0.24rem
}

[data-dpr="2"] .newsList li {
	font-size: 30px
}

[data-dpr="3"] .newsList li {
	font-size: 45px
}

.newsList li a {
	color: #000
}

.newsList li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin-right: 0.2rem;
	display: inline-block;
	background-color: #000;
	vertical-align: 0.13rem
}
.newsList p{
	overflow: hidden;
}
.newsList p span{
	color: #999;
	font-size: 12px;
}
[data-dpr="2"] .newsList p span {
	font-size: 24px
}

[data-dpr="3"] .newsList p span {
	font-size: 36px
}
.newsList .time{
	float: right;
}

footer {
	background-color: #a61d27;
	height: 1.653333rem;
	color: #fff;
	text-align: center;
	line-height: 0.573333rem;
	padding-top: 0.24rem
}

.article h1 {
	font-size: 20px;
	margin: 40px 0 25px
}

[data-dpr="2"] .article h1 {
	font-size: 40px
}

[data-dpr="3"] .article h1 {
	font-size: 560px
}

.article article {
	margin: 0 0.466667rem
}

.article-content {
	font-size: 16px;
	line-height: 0.88rem;
	text-indent: 2em;
	color: #000;
	overflow: hidden;
	padding-bottom: 1.333333rem
}
.article-content p img{
	display: block;
	text-indent: 0;
	width: 100% !important;
	height: auto !important;
}

[data-dpr="2"] .article-content {
	font-size: 32px
}

[data-dpr="3"] .article-content {
	font-size: 48px
}

.article-info {
	font-size: 12px;
	color: #8f8989;
	margin-bottom: 0.266667rem
}

[data-dpr="2"] .article-info {
	font-size: 24px
}

[data-dpr="3"] .article-info {
	font-size: 36px
}

.article-info span:first-child {
	margin-right: 0.666667rem
}

.article-content p {
	margin-bottom: 0.133333rem
}

.article-content .editor {
	font-size: 14px;
	color: #a29c9c;
	float: right
}

[data-dpr="2"] .article-content .editor {
	font-size: 28px
}

[data-dpr="3"] .article-content .editor {
	font-size: 42px
}

#channels-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999;
	background-color: #fff;
	width: 100%;
	overflow: auto
}

.channel-header {
	height: 0.8rem
}

.channel-header span {
	padding: 0.226667rem 0.266667rem 0 0;
	float: right
}

.channel-header span img {
	display: block
}

.col-name {
	border-bottom: 1px solid #d3d3d3
}

.col-name h2 {
	font-size: 16px;
	color: #98202a;
	line-height: 1;
	margin: 0.24rem 0;
	padding: 0 0.2rem;
	display: inline-block
}

[data-dpr="2"] .col-name h2 {
	font-size: 32px
}

[data-dpr="3"] .col-name h2 {
	font-size: 48px
}

.col-name h2 span {
	font-size: 12px;
	color: #b8b2b4;
	margin-left: 0.2rem
}

[data-dpr="2"] .col-name h2 span {
	font-size: 24px
}

[data-dpr="3"] .col-name h2 span {
	font-size: 36px
}

.col-name .line {
	height: 0.066667rem;
	position: relative
}

.col-name .line:after {
	content: "";
	width: 130px;
	height: 0.066667rem;
	background-color: #98202a;
	position: absolute;
	left: 0;
	top: 0
}

.col-name .line:before {
	content: "";
	width: 610px;
	height: 0.066667rem;
	background-color: #958f8f;
	position: absolute;
	right: 0;
	top: 0
}

.channel-index {
	font-size: 15px;
	padding: 0 0.2rem
}

[data-dpr="2"] .channel-index {
	font-size: 30px
}

[data-dpr="3"] .channel-index {
	font-size: 45px
}

.channel-index ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.channel-index li {
	width: 1.733333rem;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	margin-top: 0.4rem;
	background-color: #e0e4e3
}

.channel-index li:empty {
	background: 0
}

.edit {
	border: 1px solid #98202a;
	border-radius: 0.133333rem;
	text-align: center;
	display: inline-block;
	float: right;
	color: #98202a;
	font-size: 12px;
	margin: 0.2rem 0.2rem 0 0;
	width: 1.2rem;
	height: 0.48rem
}

[data-dpr="2"] .edit {
	font-size: 24px
}

[data-dpr="3"] .edit {
	font-size: 36px
}

.mine {
	margin-bottom: 0.933333rem;
	color: #98202a
}

.mine li {
	background-color: #ede1c9
}

.mine li.optional {
	background-color: #fff;
	border: 1px solid #b1945a
}

.recommend {
	color: #433f3e
}



/* 首页 */
#headline{
	font-size: 18px;
	text-align: center;
	margin-bottom: .466667rem;
}
[data-dpr="2"] #headline {
	font-size: 36px
}

[data-dpr="3"] #headline {
	font-size: 54px
}
#headline h1{
	margin: 0;
	line-height: 1.5;
	font-size: inherit;
}
#headline a{
	color: #000;
}
.txtPicNews{
	padding: .613333rem 0 .733333rem;
	overflow: hidden;
	border-bottom: 1px solid #b8b8b8;
}
.txtPicNews img{
	float: left;
	width: 4.613333rem;
	height: 3.12rem;
	background: #ccc;
}
.txtPicNews .title{
	margin-left: 5.2rem;
	font-size: 18px;
}
[data-dpr="2"] .txtPicNews .title {
	font-size: 36px
}

[data-dpr="3"] .txtPicNews .title {
	font-size: 54px
}
.txtPicNews a{
	color: #333;
}
/* .txtPicNews .title:after {
	content: '专题';
	width: 1rem;
	height: .493333rem;
	text-align: center;
	background: #cf2530;
	color: #fff;
	font-size: 12px;
	line-height: .493333rem;
	display: inline-block;
	border-radius: 3px;
	margin-left: .133333rem;
}
[data-dpr="2"] .txtPicNews .title:after {
	font-size: 24px
}

[data-dpr="3"] .txtPicNews .title:after {
	font-size: 36px
} */


#HOME .col-name .line:before{
	width: 8rem;
}
#HOME .col-name .line:after{
	width: 1.44rem;
}
#HOME .col-name a {
	font-size: 20px;
	float: right;
	color: #000;
}
[data-dpr="2"]#HOME .col-name a {
	font-size: 40px;
}

[data-dpr="3"]#HOME .col-name a {
	font-size: 60px;
}
#channel .col-name .line:before{
	width: 8rem;
}
#channel .col-name .line:after{
	width: 1.44rem;
}
#channel .col-name a {
	font-size: 20px;
	float: right;
	color: #000;
}
[data-dpr="2"]#channel .col-name a {
	font-size: 40px
}

[data-dpr="3"]#channel .col-name a {
	font-size: 60px
}
.col-name .line3:before {
	width: 7.733333rem !important;
}

.col-name .line3:after {
	width: 1.8rem !important;
}
.col-name .line4:before {
	width: 7.333333rem !important;
}

.col-name .line4:after {
	width: 2.133333rem !important;
}
.Links{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.Links img{
	width: 2.893333rem;
	height: 1rem;
}
.video-wrapper{
	display: flex;
	justify-content: space-between;
}
.video-wrapper .txtPicNews1{
	width: 4.56rem;
	height: 3.066667rem;
	overflow: hidden;
	position: relative;
	margin-bottom: .506667rem;
}
.video-wrapper .txtPicNews1 p{
	position: absolute;
	left: 0;
	bottom: 0;
	height: .666667rem;
	line-height: .666667rem;
	background-color: #2b2c2e;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding: 0 .133333rem;
}
[data-dpr="2"] .video-wrapper .txtPicNews1 p {
	font-size: 32px
}

[data-dpr="3"] .video-wrapper .txtPicNews1 p {
	font-size: 48px
}



/* 频道页 */
#channel #scrollWrap{
	margin-bottom: .533333rem;
}


/* 内容页 */
.article-content p > br{
	display: none;
}



/* 频道页 */
.channel-header{
    height: 1.2rem;
    background-color: #fff;
    padding: 0 .4rem;
    position: relative;
}
.channel-header h1{
    margin: 0;
    font-size: 18px;
    text-align: center;
    line-height: 1.2rem;
}
[data-dpr="2"] .channel-header h1{
    font-size: 36px;
}
[data-dpr="3"] .channel-header h1{
    font-size: 54px;
}
.channel-header span{
    width: .266667rem;
    height: .466667rem;
    position: absolute;
    left: .4rem;
	top: .373333rem;
	background: url(http://m.legaldaily.com.cn/dist/images/back.png) no-repeat;
	background-size: cover;
}
.subchannel-bar{
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #f5f7f9;
    padding: 0 .4rem;
    font-size: 16px;
}
[data-dpr="2"] .subchannel-bar{
    font-size: 32px;
}
[data-dpr="3"] .subchannel-bar{
    font-size: 48px;
}
.subchannel-bar ul{
    display: flex;
}
.subchannel-bar a{
    color: #333;
}
.subchannel-bar li{
    margin-right: .64rem;
    position: relative;
}
.subchannel-bar li.on a{
    color: #ee1a1a;
}
.subchannel-bar li.on a:after{
    content: "";
    width: 100%;
    height: .026667rem;
    background-color: #ee1a1a;
    position: absolute;
    left: 0;
    bottom: 0;
}


/* 返回顶部 */
.btns{
    width: .826667rem;
    height: 2.666667rem;
    position: fixed;
    bottom: .666667rem;
    right: .4rem;
    z-index: 999;
}
.btns span{
    display: block;
    width: 100%;
    height: .826667rem;
}
.btns .goTop{
    background: url(http://m.legaldaily.com.cn/dist/images/gotop.png) no-repeat;
	margin-bottom: .266667rem;
	background-size: cover;
}
.btns .goHome{
	background: url(http://m.legaldaily.com.cn/dist/images/gohome.png) no-repeat;
	background-size: cover;
}