*{margin:0;padding:0}
ul,li{list-style:none;}
body{
	font-family: Roboto,Noto,Helvetica,Arial,sans-serif;
    color: #212121;
    line-height: 1.5;
	font-size:.13rem;
	background:#fff;
	z-index: 9999;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline:none;
}
a{text-decoration:none;color:#333;cursor:pointer;}
a{
    outline:none;
    -webkit-tap-highlight-color: transparent;
    background: none;
    text-decoration: none;
}
a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
button{cursor:pointer;}
div{cursor:pointer;}
.nolist{
	margin:.2rem 0;
}
.nolist i{
	display: block;
    width: .5rem;
    height: .5rem;
    margin: .1rem auto;
	background:url(../images/nolist.png) no-repeat;
	background-size:100%;
}
.nolist p{
	text-align:center;
	font-size:.143rem;
	color:#999;
}

/**加载**/
.loading{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:999;
}
.loading .txt{
	width: .8rem;
    height: .8rem;
    margin: 70% auto;
    background: #000;
    border-radius: 10px;
	text-align:center;
	color:#fff;
	position:relative;
	opacity: .7;
}
.loading .txt i{
	left: .225rem;
    background: url(../images/loading.gif) no-repeat;
    background-size: 100%;
    width: .35rem;
    height: .35rem;
    display: block;
    margin: 0rem auto;
    position: absolute;
    top: .1rem;
}
.loading .txt p{
	position:absolute;
	left:0;
	width:100%;
	bottom:.05rem;
}


/**底部导航**/
.footer{
	position:fixed;
	height:.5rem;
	width:100%;
	left:0;
	bottom:0;
	background:#fff;
	z-index:99;
	box-shadow:0px 0px 8px #c1c1c1;
}

.footer ul {
	display:-webkit-box;
	width:100%;
	height:100%;
}
.footer  ul a{
	display:block;
	-webkit-box-flex:1;
	height:100%;
}

.footer  ul a img{
	display:block;
	width:.26rem;
	height:.26rem;
	margin:.04rem auto 0.02rem;
}
.footer  ul a p{
	text-align:center;
	font-size:.123rem;
	color:#666;
}
.footer ul .active p{
	color:#1296db;
}


/**顶部导航**/
.book-label{
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	background:#fff;
	box-shadow:0px 0px 8px #c1c1c1;
}
.book-label .label{
	display:block;
	width:.26rem;
	height:.26rem;
	background:url(../images/book-label.png) no-repeat;
	background-size:100%;
	position:absolute;
	left:.1rem;
	top:.09rem;
}
.book-label ul{
	margin:.075rem auto;
	height:.3rem;
	border-radius:8px;
	width:35%;
	display:-webkit-box;
	border:1px solid #FF7C3B;
}
.book-label ul a{
	display:block;
	font-size:.145rem;
	-webkit-box-flex:1;
	height:100%;
	text-align:center;
	line-height:.3rem;
	color:#FF7C3B;
}

.book-label ul .active{
	background:#FF7C3B;
	color:#fff;
}

.book-label ul .active:nth-child(1){
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.book-label ul .active:nth-child(5){
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.book-label .sch{
	width:100%;
	border-top:1px solid #eee;
	background:#fff;
	position:relative;
}
.book-label .sch input{
    width: 80%;
    margin: .1rem 5%;
    height: .3rem;
    padding-left: 10%;
    border-radius: 10px;
    -webkit-appearance: none;
    border: 1px solid #F6F6F6;
    background-color: #F6F6F6;
    color: #666;
    font-size: .14rem;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-size: .2rem;
    background-position: 4% 50%;
}

.main{
	width:100%;
	margin-top:1rem;
	margin-bottom:.51rem;
}

.main .banner{
	width: 100%;
}
.main .banner img{
	width:100%;
	height:100%;
}
.main .swiper-pagination-bullet{
	width:12px;
	height:2px;
	background:#FF7C3B;
}


.main .nav{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	height:.7rem;
	display:-webkit-box;
}
.main .nav a{
	display:block;
	width:.8rem;
	height:100%;
}
.main .nav a img{
	display:block;
	width:.3rem;
	height:.3rem;
	margin:.05rem auto;
}
.main .nav a p{
	text-align:center;
	font-size:.132rem;
}



.main .cates{
	width:100%;
}
.main .cates .title{
	padding: 0.15rem .15rem .15rem .4rem;
    position: relative;
    font-size: .16rem;
    font-family: Microsoft Yahei,Helvetica,Arial,sans-serif;
    color: #4C4C4C;
    font-weight: 550;
}
.main .cates .title i{
	display: block;
    width: .14rem;
    height: .2rem;
    background: url(../images/qian.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.15rem;
    top: .19rem;
}

.main .cates ul{
	width:94%;
	margin:0 3%;
}
.main .cates a{
	display:block;
}
.main .cates img{
	box-shadow:2px 2px 1px #adabab;
}
.main .cates .list6{
	display:inline-block;
}
.main .cates .list6 a{
	display:block;
	float:left;
	width:33.333%;
	margin-bottom:.05rem;
}
.main .cates .list6 li{
	width:100%;
	float:left;
}
.main .cates .list6 li img{
	width:94%!important;
	display:block;
	margin:0 auto;
	width:1.21rem;
	height:1.62rem;
}
.main .cates li p{
	padding: .05rem 0 0 0;
    text-align: center;
    color: #333;
    font-size: .142rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main .cates .list7{
	display:inline-block;
}
.main .cates .list7 a{
	width:25%;
	float:left;
	margin-bottom: .05rem;
}
.main .cates .list7 li{
	width:100%;
}
.main .cates .list7 li img{
	width:94%;
	display:block;
	margin: 0 auto;
	height:1.2rem;
}
.main .cates .list7 li div{
	padding: 0 0.1rem 0 1rem;
}
.main .cates .list7 li div h1{
	font-size: .15rem;
}
.main .cates .list7 li div p{
	color:#666;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	white-space: inherit;
	text-align:left;
}
.main .cates .list7 a:nth-child(1){
	width:100%;
	margin-bottom:.15rem;
}
.main .cates .list7 a:nth-child(1)>li{
	padding:0 .05rem;
	margin-bottom:.15rem;
}
.main .cates .list7 a:nth-child(1)>li>img{
	width:.9rem;
	height:1.2rem;
	float:left;
}
.main .cates .list7 a:nth-child(6),.main .cates .list7 a:nth-child(7){
	width: 50%;
    float: left;
    border-top: 1px solid #eee;
    padding: .08rem 0;
}
.main .cates .list7 a:nth-child(6)>li>img,.main .cates .list7 a:nth-child(7)>li>img{
	width:.73rem;
	height:.96rem;
	float:left;
	margin-left: .1rem;
}
.main .cates .list7 a:nth-child(6)>li>p,.main .cates .list7 a:nth-child(7)>li>p{
	text-align:left;
	padding:.05rem 0 0 .1rem;
}


.main .cates .list4{
	display:inline-block;
}
.main .cates .list4 a{
	display:block;
	float:left;
	width:25%;
}
.main .cates .list4 li{
	width:100%;
	float:left;
}
.main .cates .list4 li img{
	width: 90%;
    display: block;
    margin: 0 auto;
    height: 1.1rem;
}


.main .cates .list5{
	display:inline-block;
}
.main .cates .list5 a{
	width:25%;
	float:left;
	margin-bottom: .05rem;
}
.main .cates .list5 li{
	width:100%;
}
.main .cates .list5 li img{
	width:94%;
	display:block;
	margin: 0 auto;
	height:1.2rem;
}
.main .cates .list5 li div{
	padding: 0 0.1rem 0 1rem;
}
.main .cates .list5 li div h1{
	font-size: .15rem;
}
.main .cates .list5 li div p{
	color:#666;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	white-space: inherit;
}
.main .cates .list5 a:nth-child(1){
	width:100%;
	margin-bottom:.15rem;
}
.main .cates .list5 a:nth-child(1)>li{
	padding:0 .05rem;
	margin-bottom:.15rem;
}
.main .cates .list5 a:nth-child(1)>li>img{
	width:.9rem;
	height:1.2rem;
	float:left;
}

.main .cates .list1{
	display:inline-block;
}
.main .cates .list1 li{
	display: inline-block;
	margin-bottom:.15rem;
	overflow: hidden;
}
.main .cates .list1 img{
	width:.9rem;
	height:1.2rem;
	float:left;
}
.main .cates .list1 div{
	padding: 0 .1rem 0 1rem;
}
.main .cates .list1 div h1{
	font-size: .155rem;
    margin-top: 0.02rem;
}

.main .cates .list1 li div p {
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;   
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: inherit;
}

.main .more{
	text-align: center;
    display: block;
    font-size: .14rem;
    margin: 0.05rem 0 0;
    border-top: 1px solid #eee;
    height: .4rem;
    line-height: .4rem;
    border-bottom: 9.19px solid #F5F5F5;
    color: #FF7C3B;
}




.umain{
	width:100%;
	height:auto;
    margin-bottom:.52rem;
}
.umain .uhead{
	background:linear-gradient(to bottom,#FF9D84,#FF8366);
	width:100%;
	padding: .4rem 0;
	display:inline-block;
	position:relative;
}
.umain .uhead img{
	display: block;
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    margin: 0 .25rem 0 .2rem;
	float: left;
}

.umain .uhead h1{
	font-size: .16rem;
    color: #fff;
	margin-top:.05rem;
}

.umain .uhead h1 span{
	color: #ffdd74;
    font-weight: 400;
    font-size: .13rem;
}

.umain .uhead p{
	margin-top: .1rem;
    font-size: .145rem;
    color: #fff;
}
.umain .uhead .bom{
	position: absolute;
    width: 84%;
    left: 8%;
    height: .5rem;
    bottom: -0.25rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 3px 3px #FCD1C7;
	display: flex;
}
.umain .uhead .bom li{
	width: 50%;
    height: .25rem;
    margin: .125rem 0;
    text-align: center;
    line-height: .25rem;
    font-size: .15rem;
	border-right:2px solid #ff8162;
	color:#ff8162;
}
.umain .uhead .bom li:last-child{
	border:none;
}

.umain .mcon{
	width:100%;
	margin-top:.5rem;
}
.umain .mcon ul{
	width:94%;
	margin:0 auto;
}

.umain .mcon ul li{
	width:100%;
	border-bottom:1px solid #eee;
	padding:.08rem 0;
	font-size:.15rem;
	color:#333;
}
.umain .mcon ul li img{
	vertical-align:middle;
	width:.26rem;
	height:.26rem;
	margin:.02rem .1rem  0.05rem 0.02rem;
}
.umain .mcon ul li i{
	display:block;
	width:.22rem;
	height:.22rem;
	float:right;
	background:url(../images/fr.png) no-repeat;
	background-size:100%;
	margin: .05rem 0.02rem;
}
.umain .mcon ul li span{
	float: right;
    margin: 0.05rem;
    border: 1px solid #ff7c3b;
    color: #ff7c3b;
    padding: 0.01rem .06rem;
    border-radius: 5px;
    font-size: .13rem;
}

.info{
	width:100%;
	margin-top:.45rem;
	margin-bottom:.5rem;
}
.info .head{
	width:100%;
	position:fixed;
	z-index:99;
	background:#fff;
	left:0;
	top:0;
	border-bottom:1px solid #eee;
	height:.44rem;
	line-height:.44rem;
	text-align:center;
	font-size:.16rem;
}

.info .head i{
	display: block;
    width: .25rem;
    height: .25rem;
    background: url(../images/fl.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: .05rem;
    top: 0.085rem;
}

.info .head a{
	position: absolute;
    right: .15rem;
    top: .012rem;
    font-size: .15rem;
    color: #4F97FF;
}
.info .cover {
	display:inline-block;
	width:100%;
}
.info .cover img{
	display: block;
    width: .9rem;
    height: 1.2rem;
    margin: .1rem .15rem .1rem .1rem;
	float:left;
	box-shadow:2px 2px 1px #adabab;
}
.info .cover .tag{
	padding-top:.1rem;
}
.info .cover .tag h1{
	font-size:.16rem;
}
.info .cover .tag p{
	font-size: .13rem;
    margin: .05rem;
    color: #999;
}

.info .cover .tabs span{
	background: #efeff4;
    color: #8a8a8f;
    padding: .02rem .04rem;
    border-radius: 5px;
    margin-right: .06rem;
    margin-top: .05rem;
	display:inline-block;
}
.info .remark{
	padding: 0 .12rem 0rem 0.12rem;
    color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: inherit;
}
.info .line{
	margin-top:0.15rem;
	border-bottom: 5px solid #f5f5f5;
}

.info .mul{
	height:.45rem;
	line-height:.45rem;
	position:relative;
	padding-left:.1rem;
	font-size:.16rem;
	font-weight:600;
	border-bottom:1px solid #eee;
}
.info .mul:before{
	content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .225rem;
    width: 3px;
    height: .2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #3688ff;
}
.info .mul span{
	float: right;
    margin-right: .15rem;
    color: #999;
    font-size: .145rem;
    font-weight: normal;
    display: block;
    position: relative;
    text-align: left;
    width: .6rem;
}
.info .mul span i{
	display: block;
    width: .23rem;
    height: .23rem;
    background: url(../images/fr.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: -0.1rem;
    top: 0.105rem;
}
.info .chaps{
	width:100%;
	border-bottom:5px solid #f5f5f5;
}

.info .chaps li{
	width: 94%;
    margin: 0 auto;
    line-height: .4rem;
    height: .4rem;
    border-bottom: 1px solid #eee;
    font-size: .14rem;
    color: #666;
}
.info .chaps a:nth-child(1)>li{
	color:#3688ff;
}

.info .info-chaps li{
	width: 94%;
    margin: 0 auto;
    line-height: .4rem;
    height: .4rem;
    border-bottom: 1px solid #eee;
    font-size: .14rem;
    color: #666;
}

.info .info-chaps{
	width:100%;
	margin-bottom:.55rem;
}

.info .info-chaps span{
	float:right;
	margin:0 .1rem;
	display:block;
	height:.4rem;
	line-height:.4rem;
	color:#1296db;
}
.info .info-chaps span i{
	display: block;
    width: .2rem;
    height: .2rem;
    background: url(../images/zuans.png) no-repeat;
    background-size: 100%;
    float: left;
	margin: .11rem;
}



.info .mul .zan{
	float: right;
    color: #fff;
    font-weight: 400;
    background: #ffc71a;
	padding:0 .08rem 0 0;
    text-align: center;
}
.info .mul .zan img{
    width: .2rem;
    height: .2rem;
    vertical-align: middle;
    margin: 0 .02rem .06rem .05rem;
}
.info .shs{
    display: flex;
    width: 100%;
    height: 1rem;
    padding-bottom: .05rem;
    border-bottom: 5px solid #f5f5f5;
}
.info .shs li{
	width:33.333%
}
.info .shs li img{
	width: .4rem;
    height: .4rem;
    border-radius: 50%;
    margin: .1rem auto 0.05rem;
    display: block;
}
.info .shs li p{
	text-align:center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info .shs li .moneys{
	color: #999;
    font-size: .12rem;
}
.info .shs li .moneys span{
	color: #3688ff;
    font-size: .12rem;
}
.info .mul i{
	font-size: .13rem;
    color: #999;
    font-weight: 400;
    font-style: normal;
}
.info .shlist{
	width:100%;
}

.info .shlist li{
	width: 94%;
    margin: 0 3%;
    border-bottom: 1px solid #eee;
    position: relative;
    display: inline-block;
}

.info .shlist li .headimg{
	width: .5rem;
    height: .5rem;
    border-radius: 50%;
    float: left;
    margin: .1rem .15rem .1rem 0;
}
.info .shlist li div{
	padding:.15rem 0 0 0
}
.info .shlist li div h1{
	font-size:.15rem;
}
.info .shlist li div p{
	color:#999;
	margin-top:.02rem;
}

.info .shlist span{
	display: block;
    position: absolute;
    right: 0.25rem;
    top: .2rem;
}
.info .shlist span img{
	width:.3rem;
	height:.3rem;
	margin-right:0.05rem;
}

.info .shlist span i{
	position: absolute;
    right: -.15rem;
    top: .08rem;
    font-style: normal;
}
.info .lookMore{
	display: block;
    width: 100%;
    border-bottom: 5px solid #f5f5f5;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    font-size: .14rem;
    color: #888;
}

.info .mul .comment{
	float: right;
    color: #fff;
    font-weight: 400;
    background: #ffc71a;
	padding:0 .08rem 0 0;
    text-align: center;
}
.info .mul .comment a{
	color:#fff;
}
.info .mul .comment img{
    width: .2rem;
    height: .2rem;
    vertical-align: middle;
    margin: 0 .02rem .02rem .05rem;
}
.info .comlist{
	width:100%;
}
.info .comlist li{
	width:94%;
	height:auto;
	border-bottom:1px solid #eee;
	margin:0 auto;
}
.info .comlist li .heads{
	font-size:.15rem;
}
.info .comlist li .heads img{
	vertical-align: middle;
    width: .35rem;
    height: .35rem;
    margin: .1rem 0.1rem 0.15rem 0;
    border-radius: 50%;
}
.info .comlist li .coms{
	padding: 0 .1rem;
    color: #666;
    font-size: .13rem;
    line-height: .22rem;
}
.info .comlist li p{
	margin: .1rem 0.05rem;
    color: #666;
}

.info-foot{
	position:fixed;
	width:100%;
	height:.5rem;
	left:0;
	bottom:0;
	background:#fff;
	z-index:99;
	box-shadow:0px 0px 2px #c1c1c1;
}

.info-foot button{
	width: 50%;
    border: none;
    -webkit-appearance: none;
    background: #fff;
    line-height: .5rem;
    font-size: .16rem;
    color: #3688ff;
	float:left;
}

.info-foot a{
	display: block;
    width: 50%;
    float: left;
    line-height: .5rem;
    color: #fff;
    background: #3688ff;
    text-align: center;
    font-size: .16rem;
	cursor: pointer;
}

.prize{
	width:100%;
	height:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	display:none;
}
.prize .msk{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	position:absolute;
	left:0;
	bottom:0;
}
.prize .conts{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background: #fff;
}

.prize .conts .title{
	padding: 0.01rem .1rem;
}
.prize .conts .title img{
	width: .25rem;
    margin: .05rem 0.05rem .1rem 0;
    vertical-align: middle;
}
.prize .conts .title i{
    display: block;
    width: .22rem;
    height: .22rem;
    float: right;
    margin: .05rem 0.05rem 0 0;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
}
.prize .conts ul{
	width: 94%;
    margin: 0 3%;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: inline-block;
	height:1.6rem;
	overflow-x:hidden;
	overflow-y:auto;
	padding-bottom: .1rem;
}
.prize .conts ul li{
	width:25%;
	float:left;
}

.prize .conts ul li img{
	width: .78rem;
    height: .78rem;
    display: block;
    margin: .1rem auto .05rem;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
.prize .conts ul .active>img{
	border:1px solid #3688ff;
}
.prize .conts ul .active>p{
	color:#3688ff;
}

.prize .conts ul li p{
	text-align:center;
	color:#666;
}

.prize .conts .nums{
    width: 94%;
    height: .4rem;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    line-height: .4rem;
    font-size: .15rem;
}

.prize .conts .nums label{
	float:left;
}

.prize .conts .nums .add{
	display: block;
    width: .25rem;
    height: .25rem;
    background: url(../images/addp.png) no-repeat;
    background-size: 100%;
    float: left;
    margin: .08rem .2rem;
}

.prize .conts .nums .desc{
	display: block;
    width: .25rem;
    height: .25rem;
    background: url(../images/descp.png) no-repeat;
    background-size: 100%;
    float: left;
    margin: .08rem .2rem;
}

.prize .conts .nums input{
	width: .5rem;
    float: left;
    margin: .09rem 0rem;
    height: .24rem;
    text-align: center;
    font-size: .16rem;
    background: #1296db;
    border: none;
    -webkit-appearance: none;
    border-radius: 5px;
    color: #ffff;
}

.prize .conts button{
	width: 94%;
    margin: .15rem 3%;
    display: block;
    height: .42rem;
    border: none;
    background: #3688ff;
    color: #fff;
    font-size: .155rem;
    border-radius: 5px;
}


.charge{
	margin-bottom:.51rem;
}
.charge .heads{
	padding: .1rem .15rem;
    font-size: .15rem;
    border-bottom: 5px solid #f2f2f2;
}
.charge .heads span{
	color:#ff8827;
	margin:0 .05rem;
}

.charge .items .title{
	padding: .15rem;
    color: #333;
    font-size: .15rem;
}
.charge .items .title span{
	color:#ff8827;
	margin:0 .05rem;
}

.charge .items ul{
    display: inline-block;
    padding: 0 .15rem;
}
.charge .items ul li{
	width:50%;
	float:left;
	position:relative;
}

.charge .items ul li div{
	width: 95%;
    text-align: center;
    float: left;
    border: 1px solid #e6e6e6;
    margin-bottom: .15rem;
	padding:.1rem 0;
	border-radius:5px;
}
.charge .items ul li .active{
	border:1px solid #ff8827;
}

.charge .items ul li:nth-child(2n)>div{
	float:right;
}

.charge .items ul li div h1{
	font-size: .16rem;
}
.charge .items ul li div p{
	color:#999;
	font-size:.13rem;
}
.charge .items ul .vip{
	width:100%;
}
.charge .items ul .vip div{
	width:100%;
	float:left;
	position:relative;
}

.charge .items ul .vip div i{
	width: .6rem;
    height: .6rem;
    background: url(../images/prize.png) no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    left: .45rem;
    top: .1rem;
}
.charge .items ul li span{
	width:.3rem;
	height:.3rem;
	display:block;
	position:absolute;
	right:0;
	top:-.1rem;
	background:url(../images/hot.png) no-repeat;
	background-size:100%;
}
.charge .charge-msg{
	padding: 0 .15rem;
    line-height: .23rem;
    color: #666;
    padding-bottom: .2rem;
}


.cinfo{
	width:100%;
	height:auto;
}

.cinfo .header{
	position:fixed;
	height:.45rem;
	width:100%;
	top:0;
	left:0;
	background:#fff;
	z-index:99;
	box-shadow:0px 0px 8px #c1c1c1;
}

.cinfo .header ul{
	display:-webkit-box;
	width:100%;
}
.cinfo .header ul a{
	display:block;
	-webkit-box-flex:1;
	text-align:center;
	font-size:.155rem;
	height:.25rem;
	line-height:.25rem;
	margin-top:.1rem;
	border-right:1px solid #ddd;
}
.cinfo .header ul a:last-child{
	border:none;
}
.cinfo .header ul .active{
	color:#3688ff;
}

.cinfo .coll{
	top: .4545rem;
    line-height: .4rem;
	left:0;
    font-size: .142rem;
    padding: 0 .1rem;
    border-bottom: 1px solid #eee;
    color: #666;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
    border-top: 1px solid #eee;
}
.cinfo .coll span{
	color: #ff8827;
    font-size: .15rem;
    margin: 0 .1rem;
    font-weight: 550;
}

.cinfo .coll i{
	font-style: normal;
    float: right;
    margin-right: .25rem;
    color: #666;
    font-size: .145rem;
}


.cinfo .clist{
	width:98%;
	margin:0.9rem 1% 0 1%;
	display: inline-block;
}
.cinfo .clist li{
	width:33.33%;
	min-height:.5rem;
	float:left;
	position:relative;
}
.cinfo .clist li img{
	width: 85%;
    display: block;
    height: 1.45rem;
    margin: .1rem auto;
    box-shadow: 2px 2px 1px #adabab;
}

.cinfo .clist li p{
	text-align: center;
    color: #333;
    font-size: .142rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cinfo .clist li .cover{
	width: 85%;
    height: 1.45rem;
    position: absolute;
    left: 7.5%;
    top: .1rem;
	display:none;
}
.cinfo .clist li .cover .msk{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
}

.cinfo .clist li span{
	border: .01rem solid #fff;
    position: relative;
    display: inline-block;
    width: .23rem;
    height: .23rem;
    border-radius: 50%;
    float: right;
    margin: .05rem .05rem 0 0;
}
.cinfo .clist li .chks{
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.cinfo .clist li .chks:after{
    width: 100%;
    height: 100%;
    content: " ";
    display: none;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .03rem solid #fff;
}
.cinfo .clist li .checked{
	background:#ff8827;
}



.cinfo .hlist{
	width:98%;
	margin:.9rem 1% 0 1%;
}
.cinfo .hlist li{
	width:100%;
	min-height:.5rem;
	position:relative;
	display: inline-block;
	border-bottom:1px solid #eee;
}
.cinfo .hlist li img{
	width: .7rem;
	height:.9rem;
    display: block;
    margin: .1rem .15rem .1rem .1rem;
    box-shadow: 2px 2px 1px #adabab;
	float:left;
}
.cinfo .hlist li .txts{
	padding-top:.15rem;
}
.cinfo .hlist li .txts h1{
	font-size:.15rem;
	color:rgba(0,0,0,.8);
}

.cinfo .hlist li p{
	text-align: left;
    color: #666;
    font-size: .142rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .1rem;
}

.cinfo .hlist li .cover{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0rem;
	display:none;
}
.cinfo .hlist li span{
	border: .01rem solid #f66;
    position: relative;
    display: inline-block;
    width: .23rem;
    height: .23rem;
    border-radius: 50%;
    float: right;
    margin: .4rem .15rem;
}
.cinfo .hlist li .chks{
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.cinfo .hlist li .chks:after{
    width: 100%;
    height: 100%;
    content: " ";
    display: none;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .03rem solid #fff;
}
.cinfo .hlist li .checked{
	background:#ff8827;
}




.cinfo-footer{
	display:none;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5rem;
	line-height:.5rem;
	font-size:.15rem;
    box-shadow: 0px 0px 8px #c1c1c1;
    background: #fff;
    z-index: 9999;
}
.cinfo-footer i{
	width: .22rem;
    height: .22rem;
    background: #fff;
    display: block;
    float: left;
    margin: 0.125rem;
    border: 1px solid #999;
    border-radius: 50%;
}
.cinfo-footer .active{
	background:#ff8827;
	border:1px solid #ba9ecc;
}
.cinfo-footer span{
	float:right;
	margin-right:.2rem;
}



.info .comment{
	padding:.15rem .1rem;
}
.info .comment .title{
	text-align:center;
	font-size:.15rem;
	color:#666;
	position:relative;
}
.info .comment .title span{
    color: #666;
    position: absolute;
    right: 0.1rem;
}
.info .comment .title span i{
	font-style:normal;
}

.info .comment textarea{
	width: 94%;
    height: 1.5rem;
    margin: .1rem 0;
    padding: 3%;
    border-radius: 5px;
	background: #F5F5F5;
}

.info .comment input{
	width: 43%;
    height: .35rem;
    padding-left: 5%;
    margin: .1rem 0;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 5px;
    font-size: .142rem;
	float:left;
}

.info .comment input[id="qq"]{
	float:right;
}

.info .comment button{
	width: 80%;
    height: .38rem;
    line-height: .38rem;
    border: none;
    -webkit-appearance: none;
    color: #fff;
    background: #3688ff;
    margin: .2rem 10%;
    font-size: .145rem;
    border-radius: 5px;
}


.cinfo {
	width: 100%;
    background: #fff;
    color: #333;
	margin-bottom:0.55rem;
}
.cinfo .head{
	width: 100%;
    height: .75rem;
    text-align: center;
    line-height: .6rem;
    border-bottom: 1px solid rgba(55,62,68,.3);
    font-size: .17rem;
	position:relative;
}
.cinfo .head h1{
	font-size: .17rem;
    font-weight: normal;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cinfo .head p{
	line-height: 0rem;
    font-size: .13rem;
    margin-top: -.06rem;
    color: #333;
}
.cinfo .head i{
	display:block;
	width:.23rem;
	height:.23rem;
	background:url(../images/back.png) no-repeat;
	background-size:100%;
	position:absolute;
	left:.1rem;
	top:.2rem;
}

.cinfo .texts{
	padding: 0.2rem .1rem .2rem .1rem;
    color: #333;
    font-size: 16px;
    line-height: 35px;
}
.cinfo .texts p{
	text-indent:.37rem;
}
.cinfo .ads{
	width:96%;
	margin: .1rem 2% 0 2%;
}
.cinfo .mb{
	margin-bottom:.6rem;
}
.cinfo .pos-1{
	width:100%;
	height:1rem;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	margin:0;
}
.cinfo .pos-2{
	width:100%;
	height:1rem;
	position:fixed;
	bottom:0;
	left:0;
	z-index:99;
	margin:0;
}
.cinfo .ads img{
	width:100%;
	height:1rem;
}
.cinfo .imgs{
	padding:.1rem 0;
	font-size:0;
	line-height:0;
}
.cinfo .imgs img{
	width:100%
}

.cinfo .preNxt{
	width:100%;
	padding:0.1rem 0;
	display:flex;
}
.cinfo .preNxt li{
	-webkit-box-flex:1;
	height:.4rem;
	text-align:center;
	font-size:.142rem;
	width:33.33%;
}
.cinfo .preNxt li div{
	height: .31rem;
    margin: 0 auto;
    border: 1px solid #373e44;
    width: 60%;
    border-radius: 5px;
    line-height: .31rem;
    font-size: .142rem;
	color:#373e44;
}
.cinfo .preNxt li img{
	width: .25rem;
    vertical-align: middle;
}
.cinfo .preNxt li:nth-child(2)>img{
	width: .26rem;
}
.cinfo .acPreNxt{
	position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #f5f5f5;
    margin: 0;
    padding: .1rem 0 .05rem;
    box-shadow: 0px 0px 8px #c1c1c1;
	z-index:999;
}


.cfooter{
	width:100%;
	height:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999;
	display:none;
}
.cfooter .msk{
	width:100%;
	left:0;
	bottom:0;
	position:absolute;
	height:100%;
}

.cfooter .tcon{
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	bottom:0;
	background:#fff;
	box-shadow:0px 0px 8px #c1c1c1;
	z-index:9999
}
.cfooter .tcon .title{
	display:flex;
	padding-top:.1rem;
	position:relative;
	border-bottom: 1px solid #eee;
}
.cfooter .tcon .title i{
	display:block;
	width:.2rem;
	height:.2rem;
	background:url(../images/close.png) no-repeat;
	background-size:100%;
	position:absolute;
	right:.05rem;
	top:.02rem;
}
.cfooter .tcon .title .colors{
	float:left;
	height:.6rem;
	width:70%;
}
.cfooter .tcon .title .colors span{
	width: .22rem;
    height: .22rem;
    display: block;
    border-radius: 50%;
    margin: 0.175rem .05rem .175rem;
    float: left;
}
.cfooter .tcon .title .colors .active {
	border: 2px solid #3688ff;
	margin-top: .16rem;
}

.cfooter .tcon .title .colors span:nth-child(1){
	margin-left:.2rem;
	background:#fff;
}

.cfooter .tcon .title .colors span:nth-child(2){
	background:url(../images/readbg.jpg) no-repeat;
	background-size:100%;
}

.cfooter .tcon .title .colors span:nth-child(3){
	background:#fdcdb1;
}

.cfooter .tcon .title .colors span:nth-child(4){
	background:#bbecc2;
}

.cfooter .tcon .title .colors span:nth-child(5){
	background:#d1d1d1;
}
.cfooter .tcon .title .colors span:nth-child(6){
	background-color: #1b1714;
    background-size: 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/ye.png);
}

.cfooter .tcon .title .fonts span{
	color: #373e44;
    border: 1px solid #373e44;
    width: .27rem;
    display: inline-block;
    margin-right: .05rem;
    margin-top: .175rem;
    text-align: center;
    font-size: .14rem;
    border-radius: 5px;
}
.cfooter .tcon .title span:nth-child(2){
	border:none;
}

.cfooter .tcon ul{
	display:-webkit-box;
	width:100%;
}
.cfooter .tcon ul a{
	display:block;
	-webkit-box-flex:1;
	padding-bottom:.06rem;
}
.cfooter .tcon ul a i{
	display:block;
	width:.26rem;
	margin: .1rem auto 0.05rem;
	height:.26rem;
}
.cfooter .tcon ul a p{
	text-align:center;
	color:#999;
	font-size:.14rem;
}
.cfooter .tcon ul a:nth-child(1) i{
	background:url(../images/rcon1.png) no-repeat;
	background-size:100%;
}

.cfooter .tcon ul a:nth-child(2) i{
	background:url(../images/rcon2.png) no-repeat;
	background-size:100%;
}

.cfooter .tcon ul a:nth-child(3) i{
	background:url(../images/rcon3.png) no-repeat;
	background-size:100%;
}

.cfooter .tcon ul a:nth-child(4) i{
	background:url(../images/rcon4.png) no-repeat;
	background-size:100%;
}


.info .mlist{
	width:100%;
	margin-bottom:.55rem;
}
.info .mlist li{
	width: 94%;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    font-size: .14rem;
    color: #666;
	position:relative;
}
.info .mlist h1{
	font-size:.145rem;
	padding:.1rem .05rem .02rem .05rem
}

.info .mlist p{
	font-size:.132rem;
	padding:.05rem .05rem .1rem .05rem
}

.info .mlist span{
	position: absolute;
    right: 0rem;
    display: block;
    height: .4rem;
    line-height: .4rem;
    color: #1296db;
    top: .15rem;
}
.info .mlist span i{
	display: block;
    width: .2rem;
    height: .2rem;
    background: url(../images/zuans.png) no-repeat;
    background-size: 100%;
    float: right;
	margin: .11rem;
}


.umsg{
	width:94%;
	height:auto;
	padding:.1rem 0;
	margin: 0 3%
}
.umsg li{
	border-bottom:1px solid #eee;
}
.umsg li h1{
	color:#1f4f67;
	font-size:.145rem;
	padding:0.1rem .05rem 0.05rem;
}
.umsg li p{
	font-size:.13rem;
	color:#999;
	padding-bottom:.05rem;
	padding-left:.05rem;
}

.nInfo .title{
	padding: .2rem .4rem 0.1rem;
    font-size: .145rem;
	text-align: center;
    font-weight: 400;
}
.nInfo .time{
	text-align:center;
	color:#666;
    font-size: .132rem;
    font-weight: 400;
}

.nInfo .texts{
	margin-top: .2rem;
    width: 90%;
    margin: .2rem auto;
    text-align: center;
    font-size: .14rem;
    color: #666;
}

.moreList{
	margin-bottom:.51rem;
	width:100%;
}

.mtitle{
	width:100%;
	top:0;
	left:0;
	background: #fff;
	z-index:99;
}
.puts {
	position:relative;
	width:100%;
	height:0.74rem;
}
.mtitle .puts input{
	width: 85%;
	position:absolute;
    top:.2rem;
	left:5%;
    height: .34rem;
    border: 1px solid #1296db;
    padding-left: 5%;
    border-radius: 1rem;
    -webkit-appearance: none;
	font-size:.142rem;
}
.mtitle .puts button{
	position: absolute;
    top: .2rem;
    width: .65rem;
    height: .355rem;
    right: 4.5%;
    float: right;
    border: 1px solid #1296db;
    -webkit-appearance: none;
    border-bottom-right-radius: .8rem;
    border-top-right-radius: .8rem;
	background:#1296db;
	color:#fff;
	font-size:.142rem;
}

.mtitle .tabs{
	display: inline-block;
    width: 90%;
    margin: 0 5%;
	padding:0.05rem 0;
	border-bottom:1px solid #eee;
}
.mtitle .tabs .active{
	color:#017aff;
}
.mtitle .tabs a{
	display: block;
    width: 10%;
    float: left;
	height:.3rem;
	line-height:.3rem;
	font-size:.14rem;
}
.mtitle .tabs ul{
	width:90%;
	float:left;
}
.mtitle .tabs li{
	display: block;
    height: .3rem;
    text-align: left;
    line-height: .3rem;
    font-size: .135rem;
    border-radius: 1rem;
	float:left;
	margin: 0 .1rem;
}


.listm{
    margin: .1rem 3% 0.1rem 3%;
    display: inline-block;
    width: 94%;
}
.listm a{
	display:inline-block;
	width:100%;
}
.listm li{
	display: inline-block;
	margin-bottom:.15rem;
	overflow: hidden;
}
.listm img{
	width:.9rem;
	height:1.2rem;
	float:left;
}
.listm div{
	padding: 0 .1rem 0 1rem;
}
.listm div h1{
	font-size: .155rem;
    margin-top: 0.02rem;
}

.listm li div p {
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;   
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: inherit;
}

.listm .nolist {
	padding:0;
}




.rPdiv{
	position:fixed;
	bottom:1.8rem;
	right:0;
	z-index:99;
}
.rPdiv ul {
	width:100%;
	height:100%;
}
.rPdiv ul li{
	width:.5rem;
	height:.6rem;
	position:relative;
	border-bottom:1px solid #fff;
}
.rPdiv ul li:last-child{
	border:none;
}
.rPdiv ul li .msk{
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
}
.rPdiv ul li a{
	display:block;
	position:absolute;
	top:.1rem;
	left:.1rem;
	width:.3rem;
	height:.5rem;
}
.rPdiv ul li a img{
	display:block;
	width:100%;
	width:.25rem;
	height:.25rem;
	margin:0 auto;
}

.rPdiv ul li a p{
	text-align:center;
	margin-top:.02rem;
	color:#fff;
	font-size:.136rem;
}

.lodge{
	width:100%;
	height:auto;
}
.lodge .title{
    height: .4rem;
    color: #888888;
    font-size: .138rem;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    line-height: .4rem;
    padding: 0 .1rem;
}
.lodge ul{
	width:94%;
	margin:0 3%;
}
.lodge ul li{
	padding: .11rem 0.02rem;
    border-bottom: 1px solid #ddd;
    font-size: .14rem;
	position:relative;
}
.lodge ul li .active{
    display: block;
    background: url(../images/gou.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: .04rem;
    width: .28rem;
    height: .28rem;
    top: .08rem;
}

.lodge ul li:last-child{
	border-bottom:none;
}

.lodge .lo-put{
	width: 100%;
	position:relative;
}
.lodge .lo-put input{
	width:94%;
	padding:0 3%;
	border:none;
	-webkit-appearance:none;
	font-size:.138rem;
	line-height: .45rem;
}
.lodge .bpm{
	border-top:1px solid #ddd;
}
.lodge .btm{
	border-bottom:1px solid #ddd!important;
}

.lodge .lodbtn{
    width: 90%;
    margin: .3rem 5%;
    background: #3688FF;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    height: .4rem;
    line-height: .4rem;
    border-radius: 10px;
    font-size: .145rem;
}



.logo{
	display: block;
    margin: .5rem auto .3rem;
    width: 1rem;
    height: 1rem;
	border-radius:5px;
}

.login4{
	margin:.6rem 0 0rem 0;
}

.login4 ul{
	padding:.1rem .2rem;
}
.login4 ul li{
	height: .55rem;
    width: 100%;
    display: flex;
	position: relative;
}
.login4 ul label{
	display:block;
	width:15%;
	float:left;
}
.login4 ul li:nth-child(1)>label i{
	display: block;
    width: .25rem;
    height: .25rem;
    background: url(../images/luser.png) no-repeat;
    background-size: 100%;
    margin: .2rem 0;

}
.login4 ul li:nth-child(2)>label i,.login4 ul li:nth-child(3)>label i{
	display: block;
    width: .3rem;
    height: .3rem;
    background: url(../images/tpass.png) no-repeat;
    background-size: 100%;
    margin: .16rem 0;

}
.login4 ul li input{
	width:85%;
	-webkit-appearance:none;
	border:none;
	border-bottom:1px solid #eee;
	font-size:.14rem;
}
.login4 .lbtn{
	width: 90%;
    display: block;
    margin: .35rem auto .15rem;
    text-align: center;
    font-size: .15rem;
    height: .4rem;
    background: #5a97da;
    color: #fff;
    line-height: .4rem;
    border-radius: 2rem;
}



.login4 .pbtn{
	display: block;
    width: 100%;
    margin: .4rem auto .2rem;
    text-align: center;
    font-size: .19rem;
    color: #da70aa;
}

.login4 .reg{
	text-align: center;
    width: 100%;
    display: block;
    padding: 0 0 .2rem 0;
    font-size: .145rem;
    color: #1296db;
}

.text-color-gray {
    color: #9e9e9e!important;
}
.text-color-gray p{
	line-height: .22rem;
	text-align: center;
}
.padding {
    padding: .16rem!important;
}
.font-size-12 {
    font-size: .12rem!important;
}
.title-with-decorative-strip {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.title-with-decorative-strip:after, .title-with-decorative-strip:before {
    content: " ";
    display: block;
    width: .2rem;
    height: .2rem;
    background: transparent url(../images/xian.png) no-repeat 50%/.2rem;
    margin: 0 1em;
}

.title-with-decorative-strip:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.title-with-decorative-strip:after, .title-with-decorative-strip:before {
    content: " ";
    display: block;
    width: .2rem;
    height: .2rem;
    background: transparent url(../images/xian.png) no-repeat 50%/.2rem;
    margin: 0 1em;
}
.text-align-left{
	padding:.1rem;
}


.subscribe{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:999999;
	display:none;
}
.subscribe .msk{
	width:100%;
	position:absolute;
	height:100%;
	left:0;
	top:0;
	background:#000;
	opacity:.5;
}
.subscribe .txt {
	width: 70%;
    position: absolute;
    background: #fff;
    top: 25%;
    border-radius: 5px;
    left: 15%;
}
.subscribe .txt img{
	width: 80%;
    display: block;
    margin: .1rem auto .05rem;
}
.subscribe .txt p{
	padding-bottom: .2rem;
    color: #017aff;
    font-size: .142rem;
	text-align:center;
}


.search{
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
	z-index:99;
	
}
.search input{
    width: 70%;
    margin: .1rem 5%;
    height: .3rem;
    padding-left: 10%;
    border-radius: 10px;
    -webkit-appearance: none;
    border: 1px solid #F6F6F6;
    background-color: #F6F6F6;
    color: #666;
    font-size: .14rem;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-size: .2rem;
    background-position: 4% 50%;
}
.search button{
	position: absolute;
    right: .1rem;
    top: .14rem;
    background: transparent;
    border: none;
    font-size: .145rem;
    -webkit-appearance: none;
    color: #1296db;
	
}

.main .head {
    width: 100%;
    position: fixed;
    z-index: 99;
    background: #fff;
    left: 0;
    top: 0;
    border-bottom: 1px solid #eee;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    font-size: .16rem;
	border-bottom:1px solid #eee;
}
.main .head i {
    display: block;
    width: .25rem;
    height: .25rem;
    background: url(../images/fl.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: .05rem;
    top: 0.085rem;
}
.rav{
	position:fixed;
	width:100%;
	left:0;
	top:0.446rem;
	background:#fff;
	z-index:99;
	border-bottom:1px solid #eee;
}
.rav ul{
	display: -webkit-box;
    width: 80%;
    margin: .1rem 10%;
    border-radius: 1rem;
	border:1px solid #1296db;
}
.rav ul a{
	display:block;
	-webkit-box-flex:1;
	height:.26rem;
	line-height:.26rem;
	text-align:center;
	font-size:.142rem;
	color:#1296db;
	border-right:1px solid #1296db;
}
.rav ul a:last-child{
	border:none;
}
.rav ul a:nth-child(1){
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
}

.rav ul a:nth-child(5){
	border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rav ul .active{
	background:#1296db;
	color:#fff;
}
.main .cates .list1 li{
	position:relative;
}
.main .cates .list1 li .rank{
	position: absolute;
    right: .1rem;
    top: -.05rem;
    font-size: .16rem;
    color: #1296db;
    font-weight: bold;
}



/*分享*/
.share .title{
	padding: .15rem;
    font-size: .16rem;
    color: #ff7c3b;
}
.share .smsg{
	padding: 0 .15rem;
    line-height: .25rem;
    font-size: .15rem;
    color: #017aff;
}
.share textarea{
	width: 85%;
    margin: 0 5%;
    margin-top: .2rem;
    height: 120px;
    padding: 2%;
    -webkit-appearance: none;
    border-radius: 3px;
    border: 1px solid #017aff;
    color: #017aff;
	font-size:.14rem;
}

.share h1{
	padding: .1rem .16rem;
    font-size: .14rem;
    color: #017aff;
    font-weight: 500;
}
.share a{
	display: block;
    width: 88%;
    margin: .15rem auto;
    text-align: center;
    background: #017aff;
    color: #fff;
    padding: 0.08rem 0;
    border-radius: 5px;
}

.mcon span.system-mess {
	background-color: #ff7c3b;
	color: #fff !important;
	padding: 0 .1rem !important;
}