@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea {
	margin: 0;
	padding: 0; 
	}
html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	}
html{
	font-family:Arial,Verdana,Sans-ser if;
	}
html, body, ul, li, a {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    text-decoration: none !important;
	}
body {
	background:#ffffff;
	position: relative;
}
ul li {
    list-style: none;
	}
html{width: 100%;font-size:calc(100vw*100 / 750);}
@media screen and (min-width: 750px) and (max-width: 1920px) {html{font-size: 100.000px;}}
.content {
	max-width:750px;
	margin:0 auto;
	}
/*登录*/
.login-topone {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding:.52rem .43rem;
	align-items: center;
}
.login-topone span {
	font-size:.5rem;
	color:#333333;
	list-height:.5rem;
	font-weight: bold;
}
.login-topone a {
	font-size:.3rem;
	color:#333333;
	list-height:.3rem;
	text-decoration: none;
}
.login-top {
	display: flex;
	padding:0 .43rem .56rem .43rem;
	font-size:.36rem;
	color:#333333;
	line-height:.36rem;
}
.line-input {
	margin:0 .43rem;
	margin-top:.2rem;
	padding:.24rem 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	border-bottom:.01rem solid #E3E3E3;
}
.line-input img {
	width:.28rem;
}
.line-input input {
	width:54%;
	margin-left:.25rem;
	font-size:.34rem;
	color:#000000;
	line-height: .34rem;
	background: transparent;
	border:0;
	height: .36rem;
	display: flex;
	align-items: center;
	outline: none;
	text-shadow: none;
}
.line-input button {
	width:1.7rem;
	height: .48rem;
	background: #1A7BCC;
	border-radius:.24rem;
	color:#ffffff;
	font-size:.26rem;
	line-height: .26rem;
	border:none;
	margin-left:auto;
}
.line-input button.grays {
	width:1.7rem;
	background:#CCCCCC;
	font-size:.22rem;
}
.loginbtn {
	width:6.94rem;
	margin:0 auto;
	margin-top:2.09rem;
}
.loginbtn button {
	width:100%;
	height: 1.45rem;
	background: url(../images/logins.png) no-repeat;
	background-size:100% 100%;
	font-size:.4rem;
	color:#ffffff;
	line-height: 1.15rem;
	border:0;
	display: flex;
	justify-content: center;
}
.resgibtn {
	width:6.94rem;
	margin:0 auto;
	margin-top:2.09rem;
}
.resgibtn button {
	width:100%;
	height: 1rem;
	font-size: .4rem;
	color:#ffffff;
	background:#CCCCCC;
	line-height: 1rem;
	border:0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:.5rem;
}
.line-input select{
  	appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
  	background: url('../images/downs.png') no-repeat scroll right center transparent; 
  	background-size:auto 100%; 
  	padding-right: 14px;
}
.line-input select:-ms-expand { display: none; }
.line-input .layui-inline {
	display:flex;
	}
.line-input .layui-unselect {
	width:100%;
	}
.line-input .layui-input {
	padding-left:0;
	}
.line-input .layui-inline input {
	width:2.3rem;
	}
.rightinputones {
    display: flex;
    align-items: center;
    margin-top:.6rem;
	padding:0 .43rem;
}
.inputchoose input[type="checkbox"] {
    display: none;
}
.inputchoose input[type="checkbox"] {
    display:none;
}
.inputchoose input[type="checkbox"] + label {
    cursor: pointer;
    display: flex;
    width:.3rem;
    height:.3rem;
    margin-bottom:0;
    background: url("../images/selection-no.png")no-repeat;
    background-size:100% 100%;
}
.inputchoose input[type="checkbox"]:checked + label {
    background:url("../images/selection.png")no-repeat;
    background-size:100% 100%;
}
.rightinputones .spantext {
    font-size:.26rem;
    line-height:.26rem;
    color:#000000;
    margin-left: .09rem;
}
.rightinputones .spantext span {
    color:#1A7BCC;
}
/* 矫务信息 */
.searchones {
	background:#F0F0F0;
	border-radius:.36rem;
	display:flex;
	align-items:center;
	height:.74rem;
	margin:.22rem;
	}
.searchones img {
	width:.28rem;
	height:.28rem;
	margin:0 .17rem .0 .34rem;
	}
.searchones input {
	width:80%;
	border:none;
	background:transparent;
	color:#333333;
	height:.28rem;
    font-size:.28rem;
    line-height: .28rem;
	}
.searchones span {
	width:.8rem;
	color:#333333;
    font-size:.28rem;
    line-height: .28rem;
	margin-left:auto;
	margin-right:.35rem;
	}
.active {
    padding:0 .18rem;
}
.active .active-list {
    display: flex;
    border-bottom:1px solid #E3E3E3;
    padding:.26rem 0;
}
.active .active-list a {
	display: flex;
	text-decoration: none;
	}
.active .active-list .active-img {
    width:2rem;
    height: 1.3rem;
    border-radius:.1rem;
    overflow: hidden;
}
.active .active-list .active-img img {
    width:100%;
	height:100%;
	object-fit:cover;
}
.active .active-list .active-right {
    width:4.7rem;
    margin-left:.3rem;
}
.active .active-list .active-right .messer {
    color:#333333;
	height:.84rem;
    font-size:.3rem;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.active .active-list .active-right .newtimes {
    color:#999999;
    font-size:.24rem;
    line-height: .24rem;
    margin-top:.22rem;
}
.active .active-list:last-child {
	border-bottom:0;
}
/* 实时动态 */
.health-list {
    padding:.5rem .28rem .47rem .28rem;
    background: #ffffff;
    margin-bottom:.16rem;
	border-bottom:.16rem solid #F5F5F5;
}
.health-list .health-img {
    width:100%;
	height:3.5rem;
	overflow:hidden;
}
.health-list .health-img img {
    width:100%;
	height:100%;
	object-fit:cover;
}
.health-list .health-title {
    margin-top:.39rem;
    font-size:.3rem;
    line-height: .3rem;
    color:#000000;
    font-weight: bold;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.health-list .health-mes {
    margin-top:.15rem;
    font-size:.28rem;
    line-height: .44rem;
    color:#666666;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*文章详情页*/
.details {
    padding:0 .38rem .6rem .38rem;
}
.details .details-title {
    font-size:.4rem;
    color:#333333;
    line-height: .6rem;
    font-weight: bold;
    padding:.4rem 0;
}
.details .otimes {
    font-size:.24rem;
    color:#999999;
    line-height: .24rem;
    padding-bottom:.2rem;
}
.details .otimes a {
	color:#999999;
	}
.details .detials-content {
    font-size:.3rem;
    color:#333333;
    line-height: .56rem;
}
.details .detials-content p {
    margin-top:.2rem;
	display:flex;
}
.details .detials-content img {
    width:100% !important;
	height:auto !important;
    margin: 0 auto;
}
.details .detials-content .smname {
    color:#333333;
    font-size:.26rem;
    line-height: .26rem;
    text-align: center;
}
/*法治教育*/
.choosetoptwos {

    display: flex;

    padding:.36rem 0 .3rem 0;

}

.choosetoptwos div {
	width:calc(100% /3);
  

    

}
.choosetoptwos div a {
	width:100%;
	display: flex;

    justify-content: center;

    font-size:.36rem;

    color:#333333;

    line-height: .36rem;

    position: relative;
	}

.choosetoptwos div span {

    position: absolute;

    width:.74rem;

    height: .04rem;

    -webkit-border-radius: .025rem;

    -moz-border-radius: .025rem;

    border-radius: .025rem;

    background: #4186FB;

    bottom:-.12rem;

    display: none;

}

.choosetoptwos div.clicked {

    font-weight: bold;

    color:#333333;

}

.choosetoptwos div.clicked span {

    display: block;

}
.banner {
	width:100%;
}
.banner img {
	width:100%;
	display: block;
}
.readcontent {
	padding:.13rem .29rem .5rem .19rem;
}
.readcontent .read-list {
    width:100%;
	border-bottom:.01rem solid #E7E7E7;
}
.readcontent .read-list a {
	display:flex;
	background: #ffffff;
    border-radius:.1rem;
    padding:.33rem 0;
	}
.readcontent .read-list .left-mes {
    width:4.9rem;
    margin-right: .2rem;
}
.readcontent .read-list .left-mes .mes-title {
    height:.8rem;
    font-size:.3rem;
    line-height:.42rem;
    color:#000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.readcontent .read-list .left-mes .readicon {
    display:flex;
	justify-content: space-between;
    margin-top:.24rem;
}
.readcontent .read-list .left-mes .readicon .times {
	font-size:.24rem;
	line-height:.24rem;
	color:#999999;
}
.readcontent .read-list .left-mes .readicon .reds {
	display: flex;
	align-items: center;
	font-size:.24rem;
	line-height:.24rem;
	color:#999999;
}
.readcontent .read-list .left-mes .readicon .reds img {
    width:.3rem;
    height:.2rem;
    margin-right: .13rem;
}
.readcontent .read-list .right-img {
    width:2rem;
    height: 1.3rem;
    border-radius:.1rem;
    overflow: hidden;
}
.readcontent .read-list .right-img img {
    width:100%;
	height:100%;
	object-fit:cover;
}
.readcontent .read-list:last-child {
    border-bottom:0;
}
/*敬请期待*/
.waits {
	width:100%;
	height: 100%;
}
.waits img {
	width:100%;
	height: 100%;
}
/*个人中心*/
.tops-doc {
	width: 100%;
	height: 1.8rem;
	background:url("../images/bg.png") no-repeat;
	background-size:100% 100%;
	padding-top:.4rem;
	display: flex;
}
.tops-doc .imgeleft {
	width:1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	overflow: hidden;
	margin-left:.44rem;
}
.tops-doc .imgeleft img {
	width:100%;
	height: 100%;
	object-fit: cover;
}
.tops-doc .rightmes {
	margin-left:.23rem;
}
.tops-doc .rightmes .bigname {
	font-size:.34rem;
	color:#ffffff;
	line-height: .34rem;
	font-weight: bold;
	margin-top:.28rem;
}
.tops-doc .rightmes .smname {
	font-size:.26rem;
	color:#ffffff;
	line-height: .26rem;
	margin-top:.21rem;
}
.a-address {
	padding:.4rem .4rem .55rem .4rem;
	background:#ffffff;
	border-bottom:.12rem solid #F3F3F3;
	}
.a-address .namesimg {
	display:flex;
	align-items:center;
	font-size:.34rem;
	color:#333333;
	line-height: .34rem;
	}
.a-address .namesimg img {
	width:.33rem;
	height:.39rem;
	margin-right:.17rem;
	}
.a-address .namesmes {
	font-size:.3rem;
	color:#333333;
	line-height: .3rem;
	margin-top:.25rem;
	padding-left:.5rem;
	}
.studys {
	padding:0 .3rem;
}
.studys .stu-mes {
	padding:.48rem 0 .05rem 0;
	font-size:.3rem;
	color:#333333;
	line-height: .3rem;
}
.studys .stu-mes span {
	font-size:.24rem;
	line-height: .3rem;
	color:#999999;
	margin-left:.2rem;
}
.stu-cont {
	width:100%;
	
	}
.studys .stu-list {
	background: #FFFFFF;
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
	border-radius: .1rem;
	padding:.3rem .33rem .2rem .33rem;
	margin-top:.5rem;
}
.studys .stu-list .bignames {
	font-size:.3rem;
	color:#333333;
	line-height: .3rem;
	font-weight: bold;
}
.studys .stu-list .linesblue {
	width: 100%;
	height: .15rem;
	border-radius: .075rem;
	overflow: hidden;
	position: relative;
	margin-top:.24rem;
}
.studys .stu-list .linesblue .blueone {
	width: 100%;
	height: .15rem;
	background: #E3E3E3;
	border-radius: .075rem;
}
.studys .stu-list .linesblue .bluetwo {
	height: .15rem;
	background: #1A7BCC;
	border-radius: .075rem;
	position: absolute;
	left:0;
	top:0;
}
.studys .stu-list .leson {
	font-size:.24rem;
	color:#333333;
	line-height: .24rem;
	margin-top:.2rem;
	text-align: right;
}
.per-list {
	width:100%;
	background:#ffffff;
	border-top:.16rem solid #F2F2F2;
	}
.per-list ul {
	padding:0 .4rem;
	}
.per-list ul li {
	width:100%;
	border-bottom:.01rem solid #D9D9D9;
	}
.per-list ul li a {
	width:100%;
	display:flex;
	padding:.35rem 0;
	justify-content: space-between;
	align-items:center;
	}
.per-list ul li span {
	font-size:.3rem;
	color:#333333;
	line-height: .3rem;
	}
.per-list ul li i {
	color:#666666;
	}
.exit {
	width:100%;
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	padding-bottom:.5rem;
}
.exit button {
	width:3.12rem;
	height: .72rem;
	border:.02rem solid #1A7BCC;
	font-size: .3rem;
	color:#1A7BCC;
	background:transparent;
	line-height: .76rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:.1rem;
}
.nulldate .nullimg {
	width:100%;
	display: flex;
	justify-content: center;
	padding:2rem 0 .5rem 0;
	}
.nulldate .nullimg img {
	width:3.57rem;
	}
.nulldate .nullmes {
	width:100%;
	display: flex;
	justify-content: center;
	font-size:.24rem;
	color:#333333;
	line-height: .24rem;
	}
/*首页*/
.index-banner {
	width:100%;
	}
.index-banner img {
	width:100%;
	display:block;
	}
.nagtive {
	width:100%;
	display:flex;
	padding-top:.54rem;
	}
.nagtive .nagtive-list {
	width:calc(100%/4);
	}
.nagtive .nagtive-list .imgs {
	width:100%;
	display:flex;
	justify-content:center;
	}
.nagtive .nagtive-list .imgs img {
	width:.96rem;
	height:.96rem;
	display:block;
	}
.nagtive .nagtive-list .bignames {
	font-size:.3rem;
	color:#333333;
	line-height: .3rem;
	font-weight:bold;
	margin-top:.27rem;
	display:flex;
	justify-content:center;
	}
.askdoctor {

    width:100%;
	margin-top:.5rem;

}

.askdoctor .typestitles {

    display: flex;

    align-items: center;

    position: relative;

    padding:.34rem .32rem .15rem 0;

    justify-content: space-between;

    align-items: center;

}

.askdoctor .typestitles .newtitles {

    display:flex;

	align-items:center;

}

.askdoctor .typestitles .newtitles img {

	width: 1.38rem;

    display: inline-block;

	}

.askdoctor .typestitles .newtitles span {

	display: inline-block;

    font-size:.4rem;

    line-height: .4rem;

    color:#333333;

    font-weight: bold;

	margin-left:-1.06rem;

	}

.askdoctor .typestitles a {

    display: inline-block;

    font-size:.24rem;

    line-height: .24rem;

    color:#999999;

}
.askdoctor .activeone {
    padding:0 .3rem;
}
.askdoctor .activeone-list {
    display: flex;
    border-bottom:1px solid #E3E3E3;
    padding:.26rem 0;
}
.askdoctor .activeone-list a {
	display: flex;
	text-decoration: none;
	}
.askdoctor .activeone-list .active-img {
    width:2rem;
    height: 1.3rem;
    border-radius:.1rem;
    overflow: hidden;
}
.askdoctor .activeone-list .active-img img {
    width:100%;
	height:100%;
	object-fit:cover;
}
.askdoctor .activeone-list .active-right {
    width:4.7rem;
    margin-left:.3rem;
}
.askdoctor .activeone-list .active-right .messer {
    color:#333333;
	height:.84rem;
    font-size:.3rem;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.askdoctor .activeone-list .active-right .newtimes {
    color:#999999;
    font-size:.24rem;
    line-height: .24rem;
    margin-top:.22rem;
}
.askdoctor .activeone-list:last-child {
	border-bottom:0;
}
.askdoctor .loveone-container {

    padding:.37rem 0 .41rem .3rem;

	overflow:hidden;

}

.askdoctor .swiper-slide {

    width: 5.4rem;

    height: 2.8rem;

    border-radius: .1rem;

	overflow: hidden;

	margin-right:.2rem;

}

.askdoctor .swiper-slide .img {

    width: 5.4rem;

    height: 2.8rem;

    border-radius: .1rem;

    overflow: hidden;

    position: relative;

}

.askdoctor .swiper-slide .img img {

	object-fit: cover;

            width: 100%;

            height: 100%;

	}

.askdoctor .swiper-slide .img .swtitle {

	width:100%;

	position:absolute;

	background:rgba(0,0,0,0.3);

	bottom:0;

	left:0;

	font-size: .26rem;

    color: #FFFFFF;

    line-height: .26rem;

	padding:.25rem .2rem;

	overflow: hidden;  /*溢出隐藏*/

    text-overflow: ellipsis; /*以省略号...显示*/

    white-space: nowrap;  /*强制不换行*/

	}
.edus-content {
	width:100%;
	}
.edus-content .choosetop {

    display: flex;

    padding:.36rem 0 .1rem 0;

}

.edus-content .choosetop div {

   padding:0 .33rem;

    display: flex;

    justify-content: center;

    font-size:.34rem;

    color:#999999;

    line-height: .34rem;

    position: relative;

}

.edus-content .choosetop div span {

    position: absolute;

    width:.54rem;

    height: .04rem;

    -webkit-border-radius: .025rem;

    -moz-border-radius: .025rem;

    border-radius: .025rem;

    background: #4186FB;

    bottom:-.12rem;

    display: none;

}

.edus-content .choosetop div.clicked {

    font-weight: bold;

    color:#333333;

}

.edus-content .choosetop div.clicked span {

    display: block;

}
.edu-container {
	padding:.13rem .29rem .5rem .3rem;
}
.edu-container .read-list {
    width:100%;
	border-bottom:.01rem solid #E7E7E7;
}
.edu-container .read-list a {
	display:flex;
	background: #ffffff;
    border-radius:.1rem;
    padding:.33rem 0;
	}
.edu-container .read-list .left-mes {
    width:4.9rem;
    margin-right: .2rem;
}
.edu-container .read-list .left-mes .mes-title {
    height:.8rem;
    font-size:.3rem;
    line-height:.42rem;
    color:#000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.edu-container .read-list .left-mes .readicon {
    display:flex;
	justify-content: space-between;
    margin-top:.24rem;
}
.edu-container .read-list .left-mes .readicon .times {
	font-size:.24rem;
	line-height:.24rem;
	color:#999999;
}
.edu-container .read-list .left-mes .readicon .reds {
	display: flex;
	align-items: center;
	font-size:.24rem;
	line-height:.24rem;
	color:#999999;
}
.edu-container .read-list .left-mes .readicon .reds img {
    width:.3rem;
    height:.2rem;
    margin-right: .13rem;
}
.edu-container .read-list .right-img {
    width:2rem;
    height: 1.3rem;
    border-radius:.1rem;
    overflow: hidden;
}
.edu-container .read-list .right-img img {
    width:100%;
	height:100%;
	object-fit:cover;
}
.edu-container .read-list:last-child {
    border-bottom:0;
}
.footers {
	width:100%;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index:999999;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 9px 21px 0px rgba(186,186,186,0.18);
}
.footers ul {
	width:100%;
	display: flex;
}
.footers ul li {
	width:calc(100% / 3);
	text-align:center;
	padding-top:.16rem;
}
.footers ul li a {
	text-decoration:none;	
}
.footers ul li.activeClass .homemes {
	color:#01458E;
}
.footers .homeimg {
	width:100%;
	height:.36rem;
	margin:0 auto;
	display: flex;
	justify-content:center;
}
.footers .homeimg img {
	height:.36rem;
}
.footers .homemes {
	width:100%;
	text-align:center;
	font-size:.24rem;
	color:#999999;
	line-height: .24rem;
	padding-bottom:.11rem;
	margin-top:.11rem;
}