上传文件至 'businessweb-user/css'

businessweb-user/css/common.css

@@ -0,0 +1,99 @@
+*{
+    margin: 0;
+    padding:0;
+}
+div.hide{
+    display: none
+}
+button, input {
+    outline: none;
+    border: none;
+    background-color: #fff;
+}
+#opacity {
+    position: fixed;
+    display: none;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, .8);
+    z-index: 666;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+}
+#opacity .ios img{
+    width: 100%;
+    display: block;
+}
+.mask {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0.5;
+    z-index: 1;
+    /* styles required for IE to work */
+    background-color: #000;
+    filter: alpha(opacity=0);
+}
+.agreetit {
+    z-index: 2;
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    top: 16%;
+    left: 50%;
+    width: 80%;
+    height: 12rem;
+    margin-left: -40%;
+    border-radius: 0.1rem;
+    background-color: white;
+    font-size: 0.5rem;
+}
+.agreetit .title {
+    width: 100%;
+    padding: 0.4rem 0;
+    text-align: center;
+    color: #333;
+}
+.agreetit .agreetit-main {
+    flex: 1;
+    width: 100%;
+    padding: 0 0.2rem;
+    overflow-y: auto;
+    font-size: 0.3rem;
+    box-sizing: border-box;
+}
+.agreetit .agreetit-main p {
+    font-size: 0.42rem;
+    line-height: 0.7rem;
+    white-space: pre-line;
+}
+.agreetit .agreetit-main h1,
+.agreetit .agreetit-main h2,
+.agreetit .agreetit-main h3 {
+    font-size: 0.3rem;
+}
+.agreetit .bottom {
+    display: flex;
+    height: 1.2rem;
+    line-height: 1.2rem;
+    // border-top: 1px solid #ddd;
+}
+.agreetit .bottom .cancle {
+    text-align: center;
+    flex: 1;
+    color: #666;
+    border-right: 1px solid #ddd;
+}
+.agreetit .bottom .sure {
+    text-align: center;
+    flex: 1;
+    color: #15a61d;
+}

businessweb-user/css/popup.css

@@ -0,0 +1,172 @@
+.ui-mask {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    z-index: 10;
+    background: rgba(0, 0, 0, 0.298039);
+}
+.ui-dialog {
+	background-color: #fff;
+	z-index: 11;
+	width: 85%;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	border-radius: 5px;
+	text-align: center;
+	font-size: 0.4rem;
+	-webkit-transform: translate3D(-50%, -50%, 0);
+	   -moz-transform: translate3D(-50%, -50%, 0);
+	    -ms-transform: translate3D(-50%, -50%, 0);
+	     -o-transform: translate3D(-50%, -50%, 0);
+	        transform: translate3D(-50%, -50%, 0);
+}
+.ui-dialog>.ui-title {
+	padding: 10px 0;
+	border-bottom: 1px solid #e5e5e5;
+}
+.ui-dialog>.ui-content {
+	padding: 15px 3px;
+}
+.ui-dialog>.ui-btns {
+	border-top: 1px solid #e5e5e5;
+	font-size: 14px;
+	display: flex;
+}
+.ui-dialog>.ui-btns>a {
+	flex: 1;
+	line-height: 42px;
+	text-align: center;
+	color: #09f;
+	text-decoration: none;
+	-webkit-tap-highlight-color: transparent;
+	border-right: 1px solid #e5e5e5;
+}
+.ui-dialog>.ui-btns>a:last-child {
+	border-right: none;
+}
+.ui-toast {
+	width: auto;
+	min-width: 35%;
+	max-width: 60%;
+}
+.ui-toast>.ui-content {
+	background-color: rgba(0, 0, 0, 0.7);
+	color: #fff;
+	padding: 20px 10px;
+	border-radius: 5px;
+}
+.ui-loading>.ui-content {
+    box-sizing: border-box;
+    padding: 0;
+    height: 60px;
+    position: absolute;
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+    background-color: rgba(0, 0, 0, 0.7);
+	color: #fff;
+}
+.ui-loading {
+	width: 30%;
+	height: 86px;
+}
+.ui-line-spin {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate3d(-50%, -50%, 0);
+}
+.ui-line-spin>div {
+	position: absolute;
+	width: 3px;
+	height: 10px;
+	background-color: #fff;
+	border-radius: 1px;
+    -webkit-animation-fill-mode: both;
+	animation-fill-mode: both;
+	margin: 2px;
+	transform-origin: 50% 0%;
+}
+@keyframes line-spin {
+	0% {
+		background-color: #fff;
+	}
+	50% {
+		background-color: rgb(0, 0, 0);
+	}
+	100% {
+		background-color: #fff;
+	}
+}
+.ui-line-spin>div:nth-of-type(1) {
+	animation: line-spin 1.2s 0.12s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(2) {
+	animation: line-spin 1.2s 0.24s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(3) {
+	animation: line-spin 1.2s 0.36s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(4) {
+	animation: line-spin 1.2s 0.48s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(5) {
+	animation: line-spin 1.2s 0.60s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(6) {
+	animation: line-spin 1.2s 0.72s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(7) {
+	animation: line-spin 1.2s 0.84s ease-in-out infinite;
+}
+.ui-line-spin>div:nth-of-type(8) {
+	animation: line-spin 1.2s 0.96s ease-in-out infinite;
+}
+.ui-loading>.ui-text {
+	position: absolute;
+	width: 100%;
+	top: 60px;
+	padding-bottom: 10px;
+	background-color: rgba(0,0,0,0.7);
+	font-size: 14px;
+	color: #fff;
+	border-radius: 0 0 5px 5px;
+}
+.ui-progress {
+	background-color: rgba(0, 0, 0, 0.7);
+	width: auto;
+	max-width: 65%;
+}
+.ui-progress>.ui-content {
+	width: 100%;
+	padding: 6px 20px 15px 20px;
+	box-sizing: border-box;
+}
+.ui-progress>.ui-content>.ui-outer {
+	height: 5px;
+	background-color: rgba(255, 255, 255, 0.5);
+	border-radius: 3px;
+}
+.ui-progress>.ui-content>.ui-outer>.ui-inner {
+	width: 0%;
+	height: 100%;
+	background-color: rgba(255, 255, 255, 0.8);
+	border-radius: inherit;
+}
+.ui-progress>.ui-text {
+	font-size: 14px;
+	line-height: 16px;
+	padding: 10px 20px;
+	color: #fff;
+}
+.fade {
+	opacity: 0;
+	transition: opacity 0.25s linear;
+	-webkit-transition: opacity 0.25s linear;
+	-moz-transition: opacity 0.25s linear;
+}
+.fade.in {
+	opacity: 1;
+}