* {
	padding: 0;
	margin: 0;
	font-family: "Microsoft YaHei";
}
.clear{
	clear: both;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 42.7px
	}
}

@media only screen and (min-width: 360px) {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
	html {
		font-size: 48px
	}
}

@media only screen and (min-width: 375px) {
	html {
		font-size: 50px
	}
}

@media only screen and (min-width: 384px) {
	html {
		font-size: 51.2px
	}
}

@media only screen and (min-width: 411px) {
	html {
		font-size: 54.8px
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 54.8px
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 55.20px
	}
}

@media only screen and (min-width: 640px) {
	html {
		font-size: 85.3px
	}
}

@media only screen and (min-width: 732px) {
	html {
		font-size: 98px
	}
}

@media only screen and (min-width: 732px) {
	html {
		font-size: 98px
	}
}

@media only screen and (min-width: 568px) {
	html {
		font-size: 76px
	}
}

@media only screen and (min-width: 667px) {
	html {
		font-size: 89px
	}
}

@media only screen and (min-width: 736px) {
	html {
		font-size: 98.1px
	}
}

@media only screen and (min-width: 768px) {
	html {
		font-size: 102.5px
	}
}

@media only screen and (min-width: 1024px) {
	html {
		font-size: 136.5px
	}
}

@media only screen and (min-width: 1366px) {
	html {
		font-size: 182.1px
	}
}
html {
    font-size: 10px
}

@media screen and (min-width:321px) and (max-width:375px) {
    html {
        font-size: 11px
    }
}

@media screen and (min-width:376px) and (max-width:414px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width:415px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}
@media screen and (min-width:800px) {
    html {
        font-size: 25px
    }
}
html{max-width:650px;margin:0 auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li{
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}
address,caption,cite,code,dfn,em,th,var,i {
    font-style: normal;
    font-weight: normal;
}
body {
    font: 14px/1.5 PingFangSC-Regular,tahoma, Verdana, arial, microsoft yahei, "\5b8b\4f53";
    color: #676b70;
}
a {
    color: #676b70;
    text-decoration: none;
    outline: none;
}

ol,ul {
    list-style: none;
}
small {
    font-size: 12px
}
a {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

i,
em {
	font-style: normal;
	text-decoration: none;
}

li {
	list-style-type: none;
}

ol,
ul {
	margin-top: 0;
	margin-bottom: 0px;
}


/*閫氭爮*/


/*nav*/

.nav-t {
	height: 1rem;
	line-height: 1rem;
	color: #333;
	background: white;
	font-size: 0.34rem;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.nav-t-center {
	width: 6.9rem;
	height: 1rem;
	margin: 0 auto;
	text-align: center;
}

.f {
	float: left;
	font-size: 0.28rem;
	color: #fff;
	margin-left: 0.35rem;
	position: absolute;
	left: 0rem;
}

.f> span {
	float: left;
	width: 0.2rem;
	height: 0.35rem;
	background: url(../img/fanhui.png);
	background-size: 100% 100%;
	margin-top: 0.4rem;
	margin-right: 0.1rem;
}


/*鏍囬鏍忛珮搴�*/

.phone {
	/*width:0.51rem;*/
	/*height:0.54rem;*/
	/*background:url(../img/phone.png);*/
	/*background-size: 100% 100%;*/
	position: absolute;
	right: 0.3rem;
	/*top:0.1rem;*/
	color: #fff;
	font-size: 0.3rem;
	border: 0rem;
	background: #39ac6a;
}

.phone:hover {
	color: #fff;
}


/*bottom*/

.bottom-top {
	height: 1rem;
}

.bottom {
	/*height: 1rem;*/
	margin-top: 0.03rem;
	background: #f7f7f9;
	position: fixed;
	z-index: 2354546;
	bottom: 0rem;
	border-top: 0.03rem solid #d7d7d7;
}

.bottom-center {
	width: 7.5rem;
	margin: 0 auto;
	overflow: hidden;
}

.label {
	overflow: hidden;
}

.label> li {
	float: left;
	width: 20%;
	padding: 0.12rem 0rem;
	text-align: center;
}

.label> li> a> span {
	width: 0.44rem;
	height: 0.41rem;
	display: inline-block;
}

.label> li> a> div {
	font-size: 0.2rem;
	font-weight: 500;
	margin-top: 0.04rem;
	color: #999999;
}

.withdrawal {
	text-indent: center;
	line-height: 0.64rem;
	border-radius: 26%;
	background: #eb1e21;
	font-size: 0.34rem;
	color: #fff;
	font-weight: 600;
}

.label> li> a> i {
	position: absolute;
	display: block;
	background: #e84e40;
	border-radius: 50%;
	width: 0.24rem;
	height: 0.24rem;
	text-align: center;
	font-size: 0.14rem;
	line-height: 0.24rem;
	color: #fff;
	top: -0.28rem;
	right: -0.1rem;
}

.near {
	height: 1rem;
	line-height: 1rem;
	width: 7.5rem;
	background: #000;
	position: fixed;
	bottom: 1rem;
	opacity: 0.6;
	color: #fff;
	font-size: 0.3rem;
	padding: 0rem 0.2rem;
}

.near> span {
	width: 0.2rem;
	height: 0.35rem;
	display: inline-block;
	float: right;
	background: url(../img/return1.png);
	background-size: 100% 100%;
	margin-top: 0.3rem;
}


/**/

.labe {
	overflow: hidden;
}

.labe> li {
	float: left;
	padding: 0.12rem 0rem;
	text-align: center;
	width: 20%;
}

.labe> li> a> span {
	width: 0.44rem;
	height: 0.41rem;
	display: inline-block;
}

.labe> li> a> div {
	font-size: 0.2rem;
	font-weight: 500;
	margin-top: 0.04rem;
	color: #333;
}

.labe> li> a> i {
	position: absolute;
	display: block;
	background: #e84e40;
	border-radius: 50%;
	width: 0.24rem;
	height: 0.24rem;
	text-align: center;
	font-size: 0.14rem;
	line-height: 0.24rem;
	color: #fff;
	top: -0.28rem;
	right: -0.1rem;
}


/*YHT 2017-02-08*/


/*鍙戝竷淇℃伅*/

.detail_circumstance_left {
	line-height: .75rem;
}

.detail_circumstance_right {
	width: 70%;
}

.detail_circumstance_right> input {
	height: .75rem;
	width: 100%;
}


/*publish_topic.html椤甸潰涓柊澧� sent_topcs绫伙紝鏇挎崲divs绫�*/

.sent_topics input {
	display: block;
	width: 2rem;
	margin: 0 auto;
}

.nav-t_cen_left {
	width: 50%
}

.nav-t_cen_right {
	width: 50%
}

.address_head {
	height: 45px;
	width: 100%;
	background: #FFFFFF;
	border-bottom: #dbdbdb 1px solid;
	font-size: 14px;
	color: #000000;
	line-height: 45px;
	
}
#location {
	height: 45px;
	width: 100%;
	background: #FFFFFF;
	border-bottom: #dbdbdb 1px solid;
	font-size: 14px;
	color: #000000;
	line-height: 45px;
	padding-left: 15px;
}

.address_head a {
	color: #000000;
	display: block;
	padding-left: 15px;
}
/**/
.address_head:hover {
	background-color: #ccc;
}
/**/
.address_head_one {
	height: 45px;
	width: 100%;
	background: #f6f6f6;
	border-bottom: #dbdbdb 1px solid;
	font-size: 14px;
	color: #c8c8c8;
	line-height: 45px;
	padding-left: 15px;
}

.address_head_two {
	background: #9cd5b4;
}

.clear{
	clear: both;
}
/*home*/
.h5_coomm{
	width: 100%;
	margin-bottom: 80px;
}
.home_bg{
	position: absolute;
	top: 0px ;
	z-index: -10;
}
.mui-bar{
	background: transparent;
	height: 44px;
}
.mui-title{
	line-height: 44px;
}
.home_bg img{
	width: 100%;
	height: 226px;
}
.home_title h2{
	width: 100%;
	text-align: center;
	color: #fff;
	
}
.home_title{
	
	border-bottom: 1px solid #fff;
}
.left_1{
	width: 50%;
	box-sizing: border-box;
	float: left;
}
.right_1{
	width: 50%;
	box-sizing: border-box;
	float: right;

}
.text_p_color{
	color: #333;
}
.text_p_color1{
	color: #909090;
}
.text_span_color{
	color: #F68E48;
}
.home_title_1{
	width: 100%;
	margin-top: 48px;
}
.left_1 span.active{
	color: #F68E48;
}
.left_2,.center_2,.right_2{
	width: 33.33%;
	box-sizing: border-box;
	float: left;
	text-align: center;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #F0F0F2;
	background: #fff;
}
.comm_mrg{
	width: 100%;
	background: none;
}
.comm_mrg9{
	width: 90%;
	margin: 0px auto;
}
.comm_mrg1{
	width: 96%;
	margin: 0px auto;
}
.comm_mrg7{
	width: 70%;
	margin: 0px auto;
}
.home_bg1{
	background: #fff;
}
.appnavs{
	text-align: center;
    padding-top: 4px;
    /* background: #f8f8f8; */
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    background: #FFFFFF;
    overflow: visible;
    height: 52px;
    border-top: 1px solid rgba(255, 140, 0, .4);
}

.wrapapps{
	width: 20%;
    height: 100%;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
}
.wrapapps img{
	width: 30%;
}
.home_content{
	color:#F68E48;
}
.btn_tijiao,.btn_bg{
	background: #FF7043;
	color: #fff;
}
.btn_hui{
	width: 60%;
	background: #ccc;
	color: #fff;
}
.submin{
	margin-top:3rem;
}

.tankuang{
	position: absolute;
    bottom: 20vw;
    z-index: 10;
    background: #fff;
    width: 30vw;
    left: -5vw;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    border: 1px solid #F68E48;
    line-height: 3rem;
	display: none;
}
.xiaosanjiao{
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 14px solid #F68E48;
    position: absolute;
    left: 45%;
}
.header-bg a img{
    width: 8%;
    margin-top:1rem;
}

.mui-bar-nav{
	box-shadow: none;
	position: relative;
}
section.main {
	font-family: PingFangSC-Regular !important;
	width: 100%;
	margin: 44px 0 0;
	padding-top: 3px;
	background: #f7f7f7;
}
.content{
	color:#F68E48 ;
}
.content_lan{
	color: #7AA4C6;
}
.header-bg{
	background: #ff5722;
	 /*background-image:-webkit-linear-gradient(0deg,red,blue);*/
}
.btn1{
	width:70%;
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
	display: block;
	text-align: center;
	margin: 1rem auto;
	
}
.flt{
	float: left;
}
.rit{
	float: right;
}
.text_dispy{
	display: initial;
}
.text_color{
	color: #333;
}
.right_link{
	color: #fff;
	float: right;
	line-height: 56px;
	padding-right: 1rem;
}

.top_bg{
	overflow: hidden;
	background: #f7f7f7;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
}

*{
	-webkit-user-select:auto!important;
	-moz-user-select:auto!important;
}

.home_receipt{
	overflow: visible;
	height: 20vw;
	position: relative;
	bottom: 5vw;
	width: 20vw;
	padding-top: 4vw;
	border-top: 1px solid rgba(255, 140, 0, .6);
	border-top-left-radius: 50%;
    border-top-right-radius: 50%;
	background: #fff;
}

.home_receipt img{
	width: 35%;
}

.mui-badge{
	position: absolute;
    /* left: 74vw; */
}

.dropdown-backdrop{
	z-index: -1;
}

.home-icon{
	font-size: 24px !important;
	
}

.mui-text-primary {
	color: #007aff;
}

.mui-text-success {
	color: #4cd964;
}

.mui-text-warning {
	color: #f0ad4e;
}

.mui-text-danger {
	color: #dd524d;
}

.mui-text-royal {
	color: #8a6de9;
}

.mui-text-warm {
	color: #FF8C00;
}

.mui-text-default {
	color: #ccc;
}

.mui-text-happy {
	color: #FF4040;
}

.mui-text-info{
	color: #63B8FF;
}

.personal-icon{
	font-size: 21px !important;
	width: 21px;
	margin-right: 0.6rem;
	position: relative;
    top: 4px;
    text-align: center;
    font-weight: 400;
}

.icon-bigger{
	font-size: 30px !important;
}

.icon-litter{
	font-size: 18px !important;
	top: 2px;
}

.mui-bar{
	background: #ffffff;
}

.mui-bar .mui-title{
	font-family: PingFangSC-Regular;
	font-size: 17px;
	color: #030303;
	letter-spacing: 0;
	text-align: center;
}

.mui-bar .mui-icon:active{
	opacity: 1;
}

header.mui-bar .mui-icon {
    font-size: 30px;
    position: relative;
    z-index: 20;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #030303;
}

.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{
	font-size: 28px;
}

.mui-table-view-cell .mui-navigate-right>.mui-addition{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #444444;
	letter-spacing: 0;
	line-height: 14px;
	right: 40px;
}

input.verify_1 {
	font-family: PingFangSC-Regular;
	border: 1px solid #0B6BE8;
	color: #fff;
	background: #0B6BE8;
	text-align: center;
	z-index: 100;
	border-radius: 4px !important;
	font-size: 14px !important;
	line-height: 14px !important;
	width: 8rem !important;
	margin-top: -35px;
    margin-right: 20px;
    padding: 0 !important;
}


input.disableBtn{
	color: #ffffff;
	background: #999;
	border-color: #999;
	opacity: 0.6;
}

.btn-block {
	font-family: PingFangSC-Regular;
	background-image: linear-gradient(58deg, #2134D7 0%, #0089F1 60%, #237ECA 100%);
	box-shadow: 0px 0px 4px 0 rgba(20, 130, 218, 0.43);
	border-radius: 8px !important;
	color: #fff !important;
	line-height: 16px !important;
	padding: 10px 15px !important;
    font-size: 16px !important;
    text-align: center;
    background: #237ECA;
    letter-spacing: 1px;
}

.vericode{
	background-color: #fff !important;
	color: #fff !important;
	z-index: 10;
	padding: 2px !important;
	height: 30px !important;
	position: absolute;
	width: 76px;
	overflow: hidden;
	right: 14px;
}

.verify-img{
	width: 82px;
	height: 36px;
	position: relative;
	margin-left: -4px;
	margin-top: -4px;
}

.mui-control-item, .mui-tab-item, .mui-slider-item {
/* 	touch-action: none; */
}

.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.4);
	width: 100%; 
	height: 100%;
	filter: alpha(opacity = 60);
	opacity: 0.6;
	z-Index: 999;
	text-align: center;
}

.loading-img {
	margin: 3vh auto 2vh;
	width: 46px !important;
	height: 46px !important;
	display: inline;
}

.img-box {
	width: 120px;
	height: 120px;
	text-align: center;
	background: rgba(0, 0, 0, 1) !important;
	border-radius: 8px;
	position: relative;
	margin: 35vh auto;
}

.img-box p {
	font-size: 14px;
	color: #fff;
}

div.notice-header{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(255, 152, 0, .2);
	color: #984c00;
}

p.notice-text{
	color: #984c00;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

div.notice-header .mui-icon{
	font-size: 24px;
    position: relative;
    margin: 8px;
}
.red-point {
    position: relative;
}

.red-point::before {
    content: " ";
    border: 3px solid red;
    border-radius: 3px;
    position: absolute;
    z-index: 1000;
    right: 0;
    margin-right: -8px;
}