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: 'pt_sans';
            src : url('..//img/pt_sans_bold.ttf');
        }
body {
	background-size: 100%;
	/*font-family: 'pingfang';*/
}
.wrap{
	padding-bottom: 15vw;
}
input::-webkit-input-placeholder{
    color:#5c5b5b;
	font-size: 5vw;
}
input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color:#5c5b5b;
	font-size: 5vw;
}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color:#5c5b5b;
	font-size: 5vw;
}
input:-ms-input-placeholder{
	color: #5c5b5b;
	font-size: 5vw;
}
.top-bar {
	padding: 0 3vw;
	height: 10vw;
	background: none;
	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;
	padding-top: 3vw;
	height: 5vw;
	width: auto;
}
.top-bar .return .left-arrow:after {
    content: " ";
    display: inline-block;
    height: 2.8vw;
    width:  2.8vw;
    border-width: 0 0 2px 2px;
    border-color: #000;
    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: 3.5vw;
	line-height: 10vw;
	color: #000;
}
.bottom-list {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 90%;
	padding: 2.5vw 5% 1.5vw 5%;
	height: 11vw;
	background: #025450;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.bottom-list li {	
	height: 11vw;
	text-align: center;
}
.bottom-list li .item-icon {
	display: block;
	width: auto;
	height: 5.5vw;
	margin: 0 auto;
}
.bottom-list li .item-text {
	display: block;
	font-size: 3.2vw;
	line-height: 5vw;
	color: #8bb5f3;
}
.bottom-list li.active .item-text{
	color: #fff;
}
.toparea{
	width: 94%;
	padding: 5vw 3% 0 3%;
	height: 9vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.toparea .t_left{
	width: 60%;
	height: 10vw;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.toparea .t_left span{
	color: #b89f9f;
	padding-left: 3px;
}
.toparea .t_left .mytx{
	width: 7vw;
	height: 7vw;
	border-radius: 50%;
	border: 1px solid #fbdcdc;
}
.toparea .t_right{
	width: 30%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;	
}
.toparea .t_right img{
	width: 6vw;
	height: 6vw;
	margin-left: 2vw;
}

.toparea .rings{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.toparea .rings img{
	width: auto;
	height: 5vw;
}


.cbanniu{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	position: fixed;
	right: 3%;
	bottom: 18vw;
	z-index: 99;
}
.cbanniu img{
	display: block;
	width: auto;
	height: 9vw;
	margin-bottom: 3vw;

}
.blank{
	width: 100%;
	height: 5vw;
}
/*@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;
    }
	.wrap{
		padding-bottom: 20vw;
	}
}
/*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;
    }
	.wrap{
		padding-bottom: 20vw;
	}
}
/*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;
    }
	.wrap{
		padding-bottom: 20vw;
	}
}
/*
.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执行，其他浏览器不执行*/
}