html,body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0; }
body{ font: "PingFangSC-Regular","Arial","Microsoft YaHei","黑体","宋体",sans-serif; -webkit-text-size-adjust:none; }

*{ -webkit-overflow-scrolling: touch; } /* iOS 滑动流畅 */

img { }
a{ color:#333; text-decoration:none; }
a:hover{ color:#333; }
em,i{ font-style:normal; }
b{ font-weight: normal; }
li{ list-style:none; }
img{ border:0; vertical-align:middle; }
table{ border-collapse:collapse; border-spacing:0; }
p{ word-wrap:break-word; }
input,textarea{ outline: none; font: 14px "PingFangSC-Regular","Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
*{ outline: none; }

input{
	-webkit-appearance: none; /* 去除 Iphone中input样式 */
}

* {
	/*-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;*/
	-webkit-tap-highlight-color:rgba(255,0,0,0); /* 去掉ios触摸黑色遮罩 */

	box-sizing: border-box;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#bbb; }

input,textarea{ font-size: 14px; color:#333; line-height: 20px; height: 20px; border: none; outline: none; resize: none; padding: 0; margin: 0; width: 100%; }

.flex{ flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1; }
.df{ display: -webkit-box; display: box; display: -webkit-flex; display: flex; }
.wao{ -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; }
.wal{ -webkit-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
.war{ -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.hao{ -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; }
.hal{ -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.har{ -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
.bob{ box-sizing: border-box; }
.cf{ /*-webkit-box-direction:normal; box-direction:normal; */-webkit-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; flex-direction:column; }
.jcb { -webkit-box-pack: justify; -webkit-justify-content: space-between; box-pack: justify; justify-content: space-between; }

.ov-d { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov-2d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ov-3d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.clear::after{ content: ''; clear:both; height:0; display: block; }

.confirmBox{ position: fixed; left: 50%; top: 20px; background: rgba(51, 124, 206,0.9); z-index: 8888; box-shadow: 0 0 10px 2px rgba(51, 124, 206, 0.8); border-radius: 10px; width: 340px; margin-left: -170px; -webkit-animation: bounceInDown 1s both; animation: bounceInDown 1s both; }
.confirmBox .title{ font-size: 18px; color:#fff; line-height: 54px; text-align: center; }
.confirmBox .txt{ font-size: 15px; color:#f3c65f; line-height: 25px; text-align: justify; padding: 3px 14px; }
.confirmBox .spbtn{ padding: 16px 0; }
.confirmBox .btn{ width: 110px; line-height: 34px; text-align: center; background: #fff; border-radius: 5px; margin: 0 16px; font-size: 14px; color:#333; cursor: pointer; }
.alertBox{ position: fixed; left: 50%; top: 20px; background: rgba(51, 124, 206,0.9); z-index: 8888; box-shadow: 0 0 10px 2px rgba(51, 124, 206, 0.8); border-radius: 10px; width: 340px; margin-left: -170px; -webkit-animation: bounceInDown 1s both; animation: bounceInDown 1s both; }
.alertBox .title{ font-size: 18px; color:#fff; line-height: 54px; text-align: center; }
.alertBox .txt{ font-size: 15px; color:#f3c65f; line-height: 25px; text-align: justify; padding: 3px 0; }
.alertBox .spbtn{ padding: 16px 0; }
.alertBox .btn{ width: 110px; line-height: 34px; text-align: center; background: #fff; border-radius: 5px; margin: 0 16px; font-size: 14px; color:#333; cursor: pointer; }
.remindBox{ position: fixed; right: 20px; top: 20px; background: rgba(0, 0, 0,0.8); z-index: 8888; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.7); border-radius: 7px; -webkit-animation: bounceInDown 1s both; animation: bounceInDown 1s both; padding: 0 20px; font-size: 14px; color:#fff; line-height: 40px; }
@-webkit-keyframes bounceInDown{
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0);
	}
	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}
	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes bounceInDown{
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0);
	}
	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}
	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}