@charset "gb2312";

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background: #ffffff;
}

body {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	position: relative;
overflow-x: hidden;
	font-family: "microsoft yahei";
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #444444;
}

img {
	max-width: 100%;
	/* display: block; */
	/* border-radius: 10px; */
}

hr {
	width: 100%;
	height: 1px;
	background-color: #efefef;
}

.gotop img {
	width: 9%;
	position: fixed;
	bottom: 67px;
	right: 3%;
	z-index: 800;
}

.getmore {
	color: #999999;
	text-align: center;
	font-size: .7rem;
}

.h10 {
	width: 100%;
	height: 10px;
	background: #f8f8f8;
	margin-bottom: 35px;
}

.h20_w {
	width: 100%;
	height: 20px;


}


.m_index_zh_mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	background: rgba(0, 91, 172, 0.8);
}

.m_index_zh_mask ul {
	padding-top: 17%;
	padding-left: 10%;
}

.m_index_zh_mask ul li {
	margin-bottom: 3vh;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
}

.m_index_zh_mask ul li p {}


#closemask {
	position: absolute;
	width: 10%;
	right: 3%;
	top: 15px;
}

.m-head {
	position: relative;
	padding: 5% 0;
	margin-bottom: 4%;
	height: 1rem;
}

.m-head .en {
	position: absolute;
	bottom: 0;
	right: 27%;
	width: 7%;
}

.m-head .person {
	width: 7%;
	position: absolute;
	right: 5%;
	bottom: 0;
}

.m-head .search {
	position: absolute;
	width: 7%;
	right: 18%;
	bottom: 0;
}

.mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	background: rgba(0, 13, 47, 0.9);
}

.mask #closeMask {
	position: absolute;
	width: 10%;
	right: 0.7rem;
	top: 0.7rem;
}

.maskContent {
	padding: 20% 10%;
}

.maskContent li {
	/* margin-bottom: 1.5rem; */
	font-weight: bold;
	border-bottom: 1px solid #004463;
	line-height: 3rem;
	font-size: .85rem;
}

.maskContent li a {
	color: #fff;
}

.maskContent li a.maskLiActive {
	color: #f6881d;
}

.bg {
	background: #ff0000;
}

.cBlue {
	color: #004db0;
}

.fWeight {
	font-weight: 550;
}

.HeaderLeft img {
	width: 58%;
}

.HeaderLeft {
	width: 5%;
}

.HeaderMid {
	/* width: 76%; */
	width: 85%;
	text-align: center;
	font-size: .73rem;
	/* margin-left: 4%; */
}

.HeaderRight {
	position: absolute;
	width: 10%;
	right: 3%;
	z-index: 99;
}


.templateItem img {
	width: 90%;
	display: inline-block;
}

.templateItem {
	text-align: center;
	display: flex;
	/* align-content: flex-start; */
	flex-flow: wrap;
	width: 96%;
	margin: 5% auto;
	justify-content: space-between;
}


.templateItem .template {
	flex: 0 0 49%;
	margin-bottom: 3%;
}

.index-mar {
	margin-bottom: 6%;
}

.index-padd {
	padding: 0 4%;
}

.index-padd h1 {
	font-size: 1rem;
	padding-left: 0rem;
	color: #0559A1;
}

.index-title {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.index-title p {
	position: relative;
	font-size: .85rem;
	padding-left: 4%;
	margin-bottom: 4%;
	/* margin-left: 3%; */
	letter-spacing: 1px;
}

.index-title p::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 84%;
	border-radius: 24px;
	background: #ff8400;
	left: 0;
	top: 3.5px;
}

.index-title span {
	display: inline-block;
	font-size: .65rem;

	margin-bottom: 4%;


}

.index-title span a {
	color: 666666;
	font-weight: 500;
}

.index-blue {
	background-color: #f3faff;

}

.news-list li {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	border-bottom: 1px solid #dce7f7;
	line-height: 1.3rem;
	list-style: none;
	padding: .5rem 0;
	height: 3.5rem;
	font-size: .75rem;
}

.index-mb1 {
	padding-bottom: 6%;
	padding-top: 2%;
}

.news-list1 li {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	border-top: 1px solid #dce7f7;
	line-height: 1.8rem;
	list-style: none;
	padding: .5rem 0;
	font-size: .75rem;
}

.news-list1 li:first-child {
	border-top: 0px solid #dce7f7;
}

.news-list1 li span {
	width: 1.7rem;
	height: 1.7rem;
	line-height: 1.7rem;
	background: #41baff;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	font-size: .9rem;
	font-weight: bold;
	display: inline-block;
	margin-right: 3%;
}


.date-list li .date {
	border: 2px solid #41baff;
	position: absolute;
	left: 0;
	width: 55px;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.date-list {
	position: relative;
	left: 4%;
	right: 4%;
	width: 92%;
	margin-top: 2%;
}



.date-list li {
	margin-bottom: 4%;
	border-bottom: 1px solid #dce7f7;
	padding-bottom: 4%;
}

.date-list li a {
	display: flex;
	align-items: center;
}

.date-list li .date span {
	display: block;
	font-size: .6rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	background: #41baff;
	color: #fff;
	line-height: 18px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.date-list li .date i {
	font-style: normal;
	line-height: 30px;
	font-size: .8rem;
	color: #41baff;
	font-weight: bold;
	display: block;
	text-align: center;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

/* .date-list li:hover .date {
	border-color: #004db0;
}

.date-list li:hover .date span {
	background: #004db0;
}

.date-list li:hover .date i {
	color: #004db0;
} */

.date-list li p {
	line-height: 1.4rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-left: 20%;
	font-size: .75rem;
}


.lm_line {
	height: 8px;
	background-color: #f4f4f4;
}

footer {
	display: flex;
	justify-content: space-between;
	background-color: #0e3cb0;
	color: #fff;
	margin-top: 10%;
}

footer .erwm {
	margin: 5% 0 5% 5%;
	width: 35%;
}

footer .erwm img {
	border: 6px solid #fff;
	width: 75%;
}

footer .erwm p {
	text-align: left;
	line-height: 1.5rem;
	margin-left: 15%;
	font-size: .7rem;
}

footer #copyRight {
	padding: 4% 2% 4% 0;
	width: 65%;
}

footer .copyCon {
	/* width: 80%; */
	font-size: .65rem;
	color: #fff;
}

footer .copyCon p {
	line-height: 1.2rem;
}



.nyHeader {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.nyHeader_gbot {
	border-bottom: 1px solid #e9e9e9;
}

.nyHeader_pbot {
	padding: 0.5rem 5% 0.2rem 5%;
}

.nyHeader_pbot1 {
	padding: .9rem 5% 0.9rem 5%;
}

.nyHeader_pbot1 img {
	width: 77%;
}



.nyHeader .nyHeaderLeft {
	width: 8%;
}


.lm-title {
	margin: 5% 0 9%;
}

.lm-title p {
	position: relative;
	padding-bottom: 6px;
	font-size: .9rem;
	color: #004db0;
	font-weight: 600;
	text-align: center;
	width: 200px;
	margin: auto;
}

.lm-title p::before {
	content: "";
	position: absolute;
	left: 40%;
	top: 34px;
	background-color: #ff8400;
	/* background-size: 100% 100%; */
	width: 29px;
	width: 40px;
	height: 2px;
	/* padding-left: 25px; */
}

.listmore {
	width: 100%;
	margin: 30px auto 30px;
	text-align: center;
	background: #efefef;
	border-radius: 10px;
	padding: 12px
}

.pageContent {
	margin-bottom: 1rem;
	margin-top: .9rem;
	padding: 0 5%;
	line-height: 1.4rem;
	font-size: .75rem;
}
.pageContent img{
	width:100%;
	height:auto;
}
.pageContent .artical_head {
	padding: 4% 0% 15px 0%;
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 25px;
}

.pageContent .artical_head h1 {
	font-size: .9rem;
	color: #333;
	line-height: 1.4rem;
	margin-bottom: 5px;
}


.pageContent .artical_head .sources {
	font-size: .6rem;
	color: #aaaaaa;
	display: flex;
	justify-content: space-between;
	margin: 0 1% 0 0;
	overflow: hidden;
}


.pageContent .artical_head .sources p {
	line-height: 1rem;
}

.agree {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.agree .goagree {
	text-align: center;
	color: #fff;
	background: #155cd1;
	width: 46%;
	font-size: .85rem;
	padding: 2% 0;
	border-radius: 4px;
	margin: 1% 0 0 0;
	border: 1px solid #155cd1;
}

.agree .notagree {
	text-align: center;
	color: #155cd1;
	background: #fff;
	width: 46%;
	font-size: .85rem;
	padding: 2% 0;
	border-radius: 4px;
	margin: 1% 0 0 0;
	border: 1px solid #155cd1;
}

.pageContent .submit {
	text-align: center;
	color: #fff;
	background: #155cd1;
	width: 100%;
	font-size: .85rem;
	padding: 2% 0;
	border-radius: 4px;
	margin: 1% 0 0 0;
	border: 1px solid #155cd1;
}

.pageContent .line1 {
	margin-bottom: 5%;
	padding: 5% 3%;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
}

.news-listny {}

.news-listny li {

	border-bottom: 1px solid #dce7f7;

	list-style: none;

	padding: .5rem 0;
}

.news-listny li:first-child {
	/* border-bottom: 0px solid #dce7f7; */
}

.news-listny li a {
	display: flex;
	flex-wrap: wrap;
}

.news-listny li a p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4rem;
	font-size: .7rem;
}

.news-listny li a time {
	font-size: .6rem;
	color: #ccc;
}

.search-ny {
	height: 2rem;
	width: 100%;

	border: 1px solid #dcdcdc;
	position: relative;
	border-radius: 50px;
}

.search-ny input {
	height: 1.5rem;
	line-height: 2rem;
	border: 0;
	width: 75%;
	margin-left: 5%;
	outline: none;
	padding: 0;
	display: block;
	margin-top: 5px;
	font-size: .7rem;
}

.search-ny img {
	position: absolute;
	width: 32px;
	right: 4%;
	top: 4px;
}

.match {
	font-size: .65rem;
	margin: 3%;
	color: #999;
}

.match span {
	color: red;
}

.result-ny {

	font-size: .7rem !important;
}

.result-ny div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	line-height: 1.8rem;
}

.result-ny div p {}

.result-ny div span {
	color: #818181;

}

.result-ny div>img {
	width: 31%;
	display: block;
	margin-right: 2%;
	margin-bottom: 2%;
}

.result-ny div:last-child {
	margin-bottom: 7%;
}


.banner-pagination {
	position: absolute;
	z-index: 5000;
	text-align: center;
}

.banner-pagination .swiper-pagination-bullet {
	left: auto !important;
	width: .7rem;
	height: 3px;
	margin: 2px 4px !important;
	background: #F3FAFF;
	opacity: .9;
	border-radius: 20%;
}

.banner-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #ff9c00;
}

.swiper-pagination-bullets {
	bottom: 0 !important;
}

.contentBox {width: 100%;background-color: #ffffff;}

.contentBox>ul>li {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
	border-bottom: 1px solid #EEEEEE;
}

.contentBox ul li input {
	width: 69%;
	font-size: 0.8rem;
}

.contentBox ul li p:nth-child(1),.title p {
	color: #333;
	font-size: 0.8rem;
	width: 30%;
}
.contentNext{border-top: 0.5rem solid rgb(243,243,243);}
.contentBox>.title {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
	border-bottom: 1px solid #EEEEEE;
}
.required {
    color: red;
}
.trigger {
	width: 70%;
	font-size:0.8rem;
	color: #818181;
	position: relative;
	padding-left: 2%;
	padding-right: 3%;
}

.trigger::before {
	content: "";
	width: 1rem;
	height: 0.5625rem;
	background-image: url(../img/4.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 0.2rem;
}
.text {
	width: 100%;
	height: 5rem;
	line-height: 1.4rem;
	font-size: 0.8rem;
	outline: none;
	resize: none;
}
.LiBox p{width: 100%;line-height: 3rem;font-size:0.8rem;border-bottom: 1px solid #EEEEEE;margin-bottom: 0.5rem;}
 .main {
       width: 100%;
       padding: 0 5%;
	   border-top: 0.5rem solid rgb(243,243,243);
   }
.contentTop{width: 100%;background-color: rgb(243,243,243);padding: 0.7rem 5%;color: #4C6998;font-size: 1rem;font-weight: bold;}
.code {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
	border-bottom: 1px solid #EEEEEE;
}

.code button {
	background-color: #FFFFFF;
	border-radius: 0.2rem;
	width: 3rem;
}

.code input {
	width: 55%;
	font-size: 0.8rem;
	outline: none;
}

.code p {
	font-size: 0.8rem;
	width: 30%;
	line-height: 2rem;
}
.sumbBox {
	width: 100%;
	padding: 1.5rem 5%;
	text-align: center;
	background-color: rgb(243,243,243);
}

.sumbBox button {
	width: 100%;
	padding: 10px;
	background-color: #155CD1;
	font-size: 20px;
	color: #FFFFFF;
	border-radius: 5px;
}

.contentNext{border-top: 0.5rem solid rgb(243,243,243);}
.contentBox> .title {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
	border-bottom: 1px solid #EEEEEE;
}
.buttonBox{text-align: center;display: flex;justify-content: space-around;margin-top: 1.5rem;}
/* 规则页样式 */
.rulerCon{width: 100%;position: fixed;top: 0;background-color: rgba(0,0,0,0.5);z-index: 999;height: 100%;display: none;max-width: 750px;}
.rulers{width: 90%;height: 80%;margin-top: 10%;margin-left: 5%;overflow-y: scroll;background-color: #FFFFFF;padding: 1rem;border-radius: 0.2rem;position: relative;}
.rulers p{font-size: 0.73rem;line-height: 1.5rem;text-indent: 2em;}
.rulers h4{font-size: 0.95rem;text-align: center;margin: 1rem 0;}
#agree{background-color: #155CD1;color: #FFFFFF;}
#noAgree{border: 0.05rem solid #155CD1;color: #155CD1;}
.agree-rule{display: flex;padding: 1rem 0;}
.agree-rule i{top: 0.2rem;left: 1rem!important;}
.layui-form-checked[lay-skin=primary] i{border-color: #155CD1!important; background-color: #155CD1!important;}
.layui-form-checkbox[lay-skin=primary]{padding-left: 15px!important;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #155CD1!important;}
.layui-form-checkbox[lay-skin=primary] i{width: 0.8rem!important;height: 0.8rem!important; line-height: 0.8rem!important;}
.agree-rule p{font-size: 0.8rem;text-indent: 2em;color: #155CD1;}
.closeBox{width: 1rem;position: absolute;top: 0.5rem;right: 0.5rem;}
/* 规则页样式 */

/* 举报成功提交页面样式 */
.sucesseCon{width: 90%;margin: auto;}
.tipImg{margin-top: 3rem;width: 70%;margin-left: 2rem;}
.tipSucess{margin-top: 1rem;}
.tipSucess p{text-align: center;line-height: 1.5rem;font-size: 0.8rem;}
.tipSucess p input{color: #FF8E29;margin-right: 0.3rem; width: 10rem;}
.tipSucess p button{color: #155CD1;background: none;}
.tipContent{margin-top: 1rem;}
.tipContent p{font-size: 0.7rem;color: #AAAAAA;line-height: 1.3rem;}
.butBox{display: flex;justify-content: space-between;margin: 3rem 0;}
.butBox button{background: none;width: 45%;line-height: 2.2rem;font-size: 0.8rem;border-radius: 0.4rem;}
#continueBox{background-color: #155CD1;color: #FFFFFF;}
#queBux{border: 0.05rem solid #155CD1;color: #155CD1;}
/* 举报成功提交页面样式 */

/* 弹窗 */
.item {
	width: 90%;
	margin: 0 auto;
	padding: 1em;
	background: #FFFFFF;
	display: none;
	position: relative;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	color: #000;
	font-size: 15px;
}
.item p {
	margin: 0.7rem auto;
	padding: 0.4rem 0.2rem;
	border-radius: 5px;
	font-size: 0.8rem;
	line-height: 1.5rem;
}
#item{max-width: 750px;}
#tijaio{width: 40%;background-color: #155CD1;color: #FFFFFF;padding: 0.6rem 0;font-size: 0.8rem;border-radius: 0.2rem;}
#xiugai{width: 40%;background: none;border: 0.05rem solid #155CD1;border-radius: 0.2rem;padding: 0.6rem 0;color: #155CD1;font-size: 0.8rem;}
.is_criminal_msg{
	font-size: 0.7rem;
	display: none;
}
.is_criminal_msg a{
	color: #0e3cb0;
}