html,body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
ul,li,p,a,h3,h4,h5{
	padding: 0;
	margin: 0;
	list-style: none;
}
/*@font-face{
            font-family: 'pingfang';
            src : url('..//fonts/苹方字体.ttf');
        }*/
body {
	background: #f8f8f8;
	background-size: 100%;
	font-family: '思源黑体';
}
.wrap{
	padding-bottom: 19vw;
}
input::-webkit-input-placeholder{
    color:#cdcacb;
}
input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color:#cdcacb;
}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #cdcacb;
}
input:-ms-input-placeholder{
	color: #cdcacb;
}
.top-bar {
	padding: 0 3vw;
	height: 10vw;
	background: #d35b3b;
	text-align: center;
}
.top-bar .backto {
    height: 4.5vw;
    width: auto;
    position: absolute;
    left: 3%;
    top: 3vw;
}
.top-bar .return {
	position: absolute;
	left: 3vw;
	top: 0;
	font-size: 3.5vw;
	line-height: 12vw;
	color: #fff;
}
.top-bar .return .left-arrow {
	padding-left: 1vw;
    padding-right: 3vw;
    position: relative;
}
.top-bar .return .left-arrow:after {
    content: " ";
    display: inline-block;
    height: 3vw;
    width: 3vw;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 0;
    /*margin-top: 4vw;*/
    right: 0;
}
.top-bar .title {
	font-size: 4vw;
	line-height: 10vw;
	color: #fff;
}
.bottom-list {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 2vw;
	padding-bottom: 3vw;
	height: 11vw;
	background: #f9f9f9;
	border-top: 1px solid #ededed;
}
.bottom-list li {
	float: left;
	width: 25%;
	height: 11vw;
	text-align: center;
}
.bottom-list li .item-icon {
	display: block;
	width: auto;
	height: 8vw;
	margin: 0 auto;
}
.bottom-list li .item-text {
	display: block;
	font-size: 3vw;
	line-height: 5vw;
	color: #76787a;
}
.bottom-list li.active .item-text{
	color: #ff7800;
}
/*@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
.bottom-list{
	padding-bottom: 3vw;
}
}*/
/*iPhone X 适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .bottom-list {
        padding-bottom: 37px;
    }
}
/*iPhone XS max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
    .bottom-list {
        padding-bottom: 37px;
    }
}
/*iPhone XR max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
    .bottom-list {
        padding-bottom: 37px;
    }
}
/*
.fixed-bottom{
 bottom: 0;
 bottom: constant(safe-area-inset-bottom);
 bottom: env(safe-area-inset-bottom);
}*/

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix{
*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}