老系统对接
This commit is contained in:
94
webapp/css/SalesManindex.css
Normal file
94
webapp/css/SalesManindex.css
Normal file
@ -0,0 +1,94 @@
|
||||
html,body{
|
||||
font-size: 62.5%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #f0f0f0;
|
||||
font-family: 'Microsoft YaHei',arial,sans-serif,'Droid Sans Fallback';
|
||||
}
|
||||
.main {
|
||||
margin: 0 7%;
|
||||
}
|
||||
img{
|
||||
height: 20;
|
||||
width: 20;
|
||||
}
|
||||
.title{
|
||||
text-align:center;
|
||||
font-size: 2.6rem;
|
||||
font-weight: 700;
|
||||
color: #ff8903;
|
||||
margin: 23px 0 10px;
|
||||
line-height: 1em;
|
||||
}
|
||||
abbr{
|
||||
font-size: 2.1rem;
|
||||
color: #66667A;
|
||||
}
|
||||
.t2{
|
||||
line-height: 1em;
|
||||
height: 22px;
|
||||
margin: 0 0 15px;
|
||||
font-size: 1.4rem;
|
||||
color: #666;
|
||||
text-align:center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.s_code {
|
||||
border: 1px solid #d7d7d7;
|
||||
border-radius: 5px;
|
||||
height: 40px;
|
||||
width: 99%;
|
||||
}
|
||||
li{
|
||||
margin: 0 0 6% 0;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.sex{
|
||||
margin: 0 0 5% 13%;
|
||||
}
|
||||
.s_code input ,select{
|
||||
height: 40px;
|
||||
padding: 0 5%;
|
||||
border-radius: 5px;
|
||||
width: 90%;
|
||||
font-size: 1.6rem;
|
||||
color: #666;
|
||||
border: none;
|
||||
font-weight: 600;
|
||||
outline: none;
|
||||
-webkit-user-select: auto;
|
||||
}
|
||||
select{
|
||||
width: 100%;
|
||||
color: #B1A9A9;
|
||||
background-color: white;
|
||||
}
|
||||
option{
|
||||
text-align: center;
|
||||
}
|
||||
#btn_valid {
|
||||
width: 28%;
|
||||
float: right;
|
||||
color: #fff;
|
||||
}
|
||||
#btn_bind {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: 5px;
|
||||
font-size: 1.6rem;
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.btn-orange {
|
||||
background-color: #ff8a01;
|
||||
color: #fff;
|
||||
}
|
||||
.btn-gray {
|
||||
color: #fff;
|
||||
background-color: #c9c8c8;
|
||||
}
|
||||
25
webapp/css/base.css
Normal file
25
webapp/css/base.css
Normal file
@ -0,0 +1,25 @@
|
||||
@CHARSET "UTF-8";
|
||||
body,html{height:100%;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden;background-color:#fbf9fe}.container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
|
||||
|
||||
.hd {
|
||||
padding: 2em 0 0 0;
|
||||
}
|
||||
|
||||
.page_title {
|
||||
text-align: center;
|
||||
font-size: 34px;
|
||||
color: #FA9128;
|
||||
font-weight: 400;
|
||||
margin: 0 15%;
|
||||
}
|
||||
.weui_btn_sino{
|
||||
background-color: #FA9128;
|
||||
}
|
||||
.weui_btn_sino:not(.weui_btn_disabled):visited {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.weui_btn_sino:not(.weui_btn_disabled):active {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
background-color: #EE8525;
|
||||
}
|
||||
|
||||
8
webapp/css/currentOrder.css
Normal file
8
webapp/css/currentOrder.css
Normal file
@ -0,0 +1,8 @@
|
||||
.topinfo{
|
||||
height:50px;
|
||||
background:#1476bd;
|
||||
margin-bottom: -20px;
|
||||
font-size: 20px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
51
webapp/css/demos.css
Normal file
51
webapp/css/demos.css
Normal file
@ -0,0 +1,51 @@
|
||||
body, html {
|
||||
height: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.demos-title {
|
||||
text-align: center;
|
||||
font-size: 34px;
|
||||
color: #3cc51f;
|
||||
font-weight: 400;
|
||||
margin: 0 15%;
|
||||
}
|
||||
|
||||
.demos-sub-title {
|
||||
text-align: center;
|
||||
color: #888;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.demos-header {
|
||||
padding: 35px 0;
|
||||
}
|
||||
|
||||
.demos-content-padded {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.demos-second-title {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #3cc51f;
|
||||
font-weight: 400;
|
||||
margin: 0 15%;
|
||||
}
|
||||
|
||||
.text_content ul{list-style:none;}
|
||||
.group:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
|
||||
.li_title{text-align:right;float:left;}
|
||||
.li_content{word-break:break-all;word-wrap:break-word;float:left;}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
143
webapp/css/jquery-labelauty.css
Normal file
143
webapp/css/jquery-labelauty.css
Normal file
@ -0,0 +1,143 @@
|
||||
/*!
|
||||
* LABELAUTY jQuery Plugin Styles
|
||||
*
|
||||
* @file: jquery-labelauty.css
|
||||
* @author: Francisco Neves (@fntneves)
|
||||
* @site: www.francisconeves.com
|
||||
* @license: MIT License
|
||||
*/
|
||||
|
||||
/* Prevent text and blocks selection */
|
||||
input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
|
||||
input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }
|
||||
|
||||
/* Hide original checkboxes. They are ugly! */
|
||||
input.labelauty { display: none !important; }
|
||||
|
||||
/*
|
||||
* Let's style the input
|
||||
* Feel free to work with it as you wish!
|
||||
*/
|
||||
input.labelauty + label
|
||||
{
|
||||
display: table;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
background-color: #efefef;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
-moz-border-radius: 3px 3px 3px 3px;
|
||||
-webkit-border-radius: 3px 3px 3px 3px;
|
||||
|
||||
|
||||
transition: background-color 0.25s;
|
||||
-moz-transition: background-color 0.25s;
|
||||
-webkit-transition: background-color 0.25s;
|
||||
-o-transition: background-color 0.25s;
|
||||
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
|
||||
/* Stylish text inside label */
|
||||
|
||||
input.labelauty + label > span.labelauty-unchecked,
|
||||
input.labelauty + label > span.labelauty-checked
|
||||
{
|
||||
display: inline-block;
|
||||
line-height: 16px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
/* Stylish icons inside label */
|
||||
|
||||
input.labelauty + label > span.labelauty-unchecked-image,
|
||||
input.labelauty + label > span.labelauty-checked-image
|
||||
{
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
|
||||
transition: background-image 0.5s linear;
|
||||
-moz-transition: background-image 0.5s linear;
|
||||
-webkit-transition: background-image 0.5s linear;
|
||||
-o-transition: background-image 0.5s linear;
|
||||
}
|
||||
|
||||
/* When there's a label, add a little margin to the left */
|
||||
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,
|
||||
input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked
|
||||
{
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
/* When not Checked */
|
||||
input.labelauty:not(:checked):not([disabled]) + label:hover
|
||||
{
|
||||
background-color: #eaeaea;
|
||||
color: #a7a7a7;
|
||||
}
|
||||
input.labelauty:not(:checked) + label > span.labelauty-checked-image
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.labelauty:not(:checked) + label > span.labelauty-checked
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* When Checked */
|
||||
input.labelauty:checked + label
|
||||
{
|
||||
background-color: #3498db;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
input.labelauty:checked:not([disabled]) + label:hover
|
||||
{
|
||||
background-color: #72c5fd;
|
||||
}
|
||||
input.labelauty:checked + label > span.labelauty-unchecked-image
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.labelauty:checked + label > span.labelauty-unchecked
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.labelauty:checked + label > span.labelauty-checked
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
input.labelauty.no-label:checked + label > span.labelauty-checked
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* When Disabled */
|
||||
input.labelauty[disabled] + label
|
||||
{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Add a background to (un)checked images */
|
||||
input.labelauty + label > span.labelauty-unchecked-image
|
||||
{
|
||||
background-image: url( ../images/input-unchecked.png );
|
||||
}
|
||||
|
||||
input.labelauty + label > span.labelauty-checked-image
|
||||
{
|
||||
background-image: url( ../images/input-checked.png );
|
||||
}
|
||||
2
webapp/css/layui.css
Normal file
2
webapp/css/layui.css
Normal file
File diff suppressed because one or more lines are too long
362
webapp/css/main.css
Normal file
362
webapp/css/main.css
Normal file
@ -0,0 +1,362 @@
|
||||
|
||||
@charset "utf-8";
|
||||
/*
|
||||
Author: Miaohu
|
||||
Description: This is the main css.
|
||||
Date: 12/04/2014
|
||||
*/
|
||||
|
||||
/* CSS Reset courtesy of Meyer */
|
||||
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
|
||||
vertical-align: baseline;
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-style: inherit;
|
||||
display: inherit;
|
||||
font-size: 100%;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* remember to define focus styles! */
|
||||
:focus {
|
||||
outline: 0;
|
||||
}
|
||||
body {
|
||||
background: white;
|
||||
line-height: 1;
|
||||
color: black;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
/* tables still need cellspacing="0" in the markup */
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
caption, th, td {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
}
|
||||
/* remove possible quote marks (") from <q> & <blockquote> */
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: "";
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: "" "";
|
||||
}
|
||||
|
||||
/* General styling */
|
||||
body{
|
||||
background-color: #ffffff;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
font-family: "Microsoft YaHei","SimHei","Arial";
|
||||
color: #4f4f4f;
|
||||
text-align: left;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
img, video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
/* Hides from IE-mac */
|
||||
* html .clearfix {height: 1%;}
|
||||
/* End hide from IE-mac */
|
||||
.clearfix{
|
||||
zoom:1
|
||||
}
|
||||
.clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
/* Common definitions */
|
||||
.f_l{
|
||||
float: left;
|
||||
}
|
||||
.f_r{
|
||||
float: right;
|
||||
}
|
||||
.i_b{
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
}
|
||||
.p_r{
|
||||
position: relative;
|
||||
}
|
||||
.p_a{
|
||||
position: absolute;
|
||||
}
|
||||
.v_t{
|
||||
vertical-align: top;
|
||||
}
|
||||
.v_m{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.v_b{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.t_l{
|
||||
text-align: left;
|
||||
}
|
||||
.t_c{
|
||||
text-align: center;
|
||||
}
|
||||
.t_r{
|
||||
text-align: right;
|
||||
}
|
||||
.fw_b{
|
||||
font-weight: bold;
|
||||
}
|
||||
.fw_n{
|
||||
font-weight: normal;
|
||||
}
|
||||
.m_t0{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
max-width: 1306px;
|
||||
background-color: hsla(0, 0%, 100%, 0.61);
|
||||
}
|
||||
/* <20><><EFBFBD>ΰ<EFBFBD>ť */
|
||||
.btn_rectangle{
|
||||
display:inline-block;
|
||||
border-radius: 5px;
|
||||
font-size: 1.57rem;
|
||||
}
|
||||
.color_orange{
|
||||
color: #ff8400;
|
||||
}
|
||||
.color_blue{
|
||||
color: #4691ff;
|
||||
}
|
||||
.color_brown{
|
||||
color: #b58d64;
|
||||
}
|
||||
.color_green{
|
||||
color: #44da44;
|
||||
}
|
||||
.color_black{
|
||||
color: #000000;
|
||||
}
|
||||
.color_grey{
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/* ɫ<><C9AB> */
|
||||
.colorlump{
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: #ffffff;
|
||||
vertical-align: middle;
|
||||
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1> */
|
||||
.dropdownlist{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
/* <20><>ɫ<EFBFBD><C9AB>ť */
|
||||
.btn_white{
|
||||
border: 0.1rem solid #dadada;
|
||||
background-color: #ffffff;
|
||||
color: #8f8f8f;
|
||||
}
|
||||
/* <20><>ɫ<EFBFBD><C9AB>ť */
|
||||
.btn_green{
|
||||
background-color: #1eb34f;
|
||||
color: #ffffff;
|
||||
display: inline-block;
|
||||
}
|
||||
/* <20><>ɫ<EFBFBD><C9AB>ť */
|
||||
.btn_orange{
|
||||
background-color: #ff8400;
|
||||
color: #ffffff;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.loadmodal{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
opacity: 0.5;
|
||||
background-color: #000000;
|
||||
}
|
||||
#turnPic,.tipTxt{
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
z-index: 101;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.tipTxt{
|
||||
top: 80px;
|
||||
width: 170px;
|
||||
height: 20px;
|
||||
color: #D2D2D2;
|
||||
font-size: 14px;
|
||||
}
|
||||
.turnpic_01,.turnpic_02,.turnpic_03,.turnpic_04,.turnpic_05,.turnpic_06,.turnpic_07,.turnpic_08,.turnpic_09,.turnpic_10,.turnpic_11,.turnpic_12{
|
||||
background: url(../../img/loading.png) no-repeat;
|
||||
}
|
||||
.turnpic_01{
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
.turnpic_02{
|
||||
background-position: -69px 0px;
|
||||
}
|
||||
.turnpic_03{
|
||||
background-position: -138px 0px;
|
||||
}
|
||||
.turnpic_04{
|
||||
background-position: -207px 0px;
|
||||
}
|
||||
.turnpic_05{
|
||||
background-position: -276px 0px;
|
||||
}
|
||||
.turnpic_06{
|
||||
background-position: -345px 0px;
|
||||
}
|
||||
.turnpic_07{
|
||||
background-position: -415px 0px;
|
||||
}
|
||||
.turnpic_08{
|
||||
background-position: -484px 0px;
|
||||
}
|
||||
.turnpic_09{
|
||||
background-position: -553px 0px;
|
||||
}
|
||||
.turnpic_10{
|
||||
background-position: -622px 0px;
|
||||
}
|
||||
.turnpic_11{
|
||||
background-position: -691px 0px;
|
||||
}
|
||||
.turnpic_12{
|
||||
background-position: -760px 0px;
|
||||
}
|
||||
|
||||
/* <20><>ʾ<EFBFBD><CABE> */
|
||||
.tooltip{
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.mask{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
z-index: 10;
|
||||
}
|
||||
.tooltipcont{
|
||||
background-color: #ffffff;
|
||||
border-radius: 0.7rem;
|
||||
text-align: center;
|
||||
padding: 5% 0;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
width: 80%;
|
||||
max-width: 600px;
|
||||
height: 35%;
|
||||
max-height: 315px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.tooltipcont img{
|
||||
width: 23%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
.tooltipoper{
|
||||
padding: 0 5%;
|
||||
margin-top: 8%;
|
||||
}
|
||||
.tooltipoper span{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
width: 45%;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.tooltipoper span.btn_white{
|
||||
padding: 2.5% 0;
|
||||
}
|
||||
|
||||
/* <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD> */
|
||||
#autocomplete{
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
background-color: #ffffff;
|
||||
border-top: 0.07rem solid #E0E0E0;
|
||||
}
|
||||
#autocomplete h1 {
|
||||
color: #807f7f;
|
||||
padding: 0 3%;
|
||||
height: 4rem;
|
||||
line-height: 4rem;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 300px) and (max-width: 400px){
|
||||
.tooltip,.tooltip span { font-size: 1rem; }
|
||||
.colorlump{ width: 14px; height: 14px; }
|
||||
}
|
||||
@media screen and (min-width: 400px) and (max-width: 500px){
|
||||
.colorlump{ width: 16px; height: 16px; }
|
||||
}
|
||||
@media screen and (min-width: 500px) and (max-width: 600px){
|
||||
.colorlump{ width: 18px; height: 18px; }
|
||||
}
|
||||
@media screen and (min-width: 700px) and (max-width: 800px){
|
||||
.colorlump{ width: 22px; height: 22px; }
|
||||
}
|
||||
@media screen and (min-width: 800px) and (max-width: 900px){
|
||||
.colorlump{ width: 24px; height: 24px; }
|
||||
}
|
||||
@media screen and (min-width: 900px) {
|
||||
.colorlump{ width: 26px; height: 26px; }
|
||||
}
|
||||
143
webapp/css/newCss/currentOrder.css
Normal file
143
webapp/css/newCss/currentOrder.css
Normal file
@ -0,0 +1,143 @@
|
||||
@charset "utf-8";
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.currentOrderWrapper {
|
||||
|
||||
}
|
||||
.currentOrderTitle {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
color: #1589f9;
|
||||
font-size: 1rem;
|
||||
padding: 0 1.3rem;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.currentOrderTitleList {
|
||||
width: 33.3%;
|
||||
float: left;
|
||||
}
|
||||
.currentOrderTitleItem {
|
||||
display: inline-block;
|
||||
border-bottom: 1px solid #1589f9;
|
||||
height: 3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.currentOrderTitleItemNon {
|
||||
display: inline-block;
|
||||
height: 3rem;
|
||||
box-sizing: border-box;
|
||||
color: #d6d6d6;
|
||||
}
|
||||
.currentOrderList {
|
||||
padding: 1.33rem;
|
||||
border-top: 1px solid #f5f5f5;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
background: #ffffff;
|
||||
/*-moz-box-shadow: 0 2px 3px #dddddd;;
|
||||
box-shadow: 0 2px 3px #dddddd;;*/
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.currentOrderListTitle {
|
||||
font-size: 1rem;
|
||||
color: #575765;
|
||||
padding-left: 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
.line {
|
||||
display: block;
|
||||
width: 0.22rem;
|
||||
height: 0.88rem;
|
||||
background: #575765;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
top: 0.25rem;
|
||||
left: -0.5rem;
|
||||
}
|
||||
.currentOrderCon {
|
||||
font-size: 0.85rem;
|
||||
color: #94979d;
|
||||
line-height: 1.4rem;
|
||||
padding-top: 0.7rem;
|
||||
}
|
||||
.fileBtnWrapper {
|
||||
float: right;
|
||||
font-size: 0;
|
||||
/*margin-top: 0.2rem;*/
|
||||
}
|
||||
.fileBtn {
|
||||
padding: 0.3rem 0.6rem;
|
||||
background: #85d4fc;
|
||||
border-radius: 0.4rem;
|
||||
color: #fff;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.currentFile {
|
||||
background: #85d4fc;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
.otherFile {
|
||||
background: #1589f9;
|
||||
}
|
||||
|
||||
|
||||
/* 照片上传页面 s */
|
||||
.searchWrapper {
|
||||
padding: 0.6rem;
|
||||
}
|
||||
.searchBtn {
|
||||
width: 100%;
|
||||
height: 2.088rem;
|
||||
text-align: center;
|
||||
background: #e3e4e6;
|
||||
border-radius: 5px;
|
||||
background-image: none;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.line2 {
|
||||
display: block;
|
||||
width: 0.22rem;
|
||||
height: 0.73rem;
|
||||
background: #94979d;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
top: 0.25rem;
|
||||
left: -0.6rem;
|
||||
}
|
||||
.currentOrderListTitle2 {
|
||||
font-size: 0.85rem;
|
||||
color: #94979d;
|
||||
position: relative;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
|
||||
.searchBtn::-webkit-input-placeholder { /* WebKit browsers */
|
||||
background-image: url(../images/search.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1rem 1rem;
|
||||
background-position: 40%;
|
||||
}
|
||||
.searchBtn:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
background-image: url(../images/search.png);
|
||||
}
|
||||
.searchBtn::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
background-image: url(../images/search.png);
|
||||
}
|
||||
.searchBtn:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
background-image: url(../images/search.png);
|
||||
}
|
||||
.por {
|
||||
position: relative;
|
||||
}
|
||||
.noPdT {
|
||||
padding-top: 0;
|
||||
}
|
||||
.posAb {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.pdChange {
|
||||
padding: 1.3rem 1.33rem 1.1rem;
|
||||
}
|
||||
/* 照片上传页面 e */
|
||||
120
webapp/css/newCss/login.css
Normal file
120
webapp/css/newCss/login.css
Normal file
@ -0,0 +1,120 @@
|
||||
@charset "utf-8";
|
||||
.loginWrapperBg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-image: url("../../images/newImage/loginBg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
.loginWrapper {
|
||||
padding: 2.8rem 1.55rem 0;
|
||||
}
|
||||
.loginTitle {
|
||||
font-size: 1.4rem;
|
||||
color: #121c32;
|
||||
padding: 0 0.45rem;
|
||||
margin-bottom: 1.5rem;
|
||||
position: relative;
|
||||
}
|
||||
.loginTitle img{
|
||||
width: 3.13rem;
|
||||
margin-right: 0.5rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bindRole {
|
||||
font-weight: bold;
|
||||
margin-top: 1.34rem;
|
||||
color: #575765;
|
||||
}
|
||||
.loginForm {
|
||||
padding: 0 0.28rem;
|
||||
}
|
||||
.loginFormItem {
|
||||
display: flex;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.5rem 0.22rem;
|
||||
position: relative;
|
||||
}
|
||||
.loginFormItem:after {
|
||||
height: 1px;
|
||||
content: '';
|
||||
width: 100%;
|
||||
border-top: 1px solid #b9b8b8;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
-webkit-transform: scaleY(0.5);
|
||||
}
|
||||
.itemTitle {
|
||||
/* width: 4rem; */
|
||||
height: 2rem;
|
||||
padding-right: 0.5rem;
|
||||
font-size: 1rem;
|
||||
line-height: 2rem;
|
||||
color: #575765;
|
||||
}
|
||||
.itemInput {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
background: none;
|
||||
padding-left: 0.5rem;
|
||||
color: #575765;
|
||||
font-size: 1rem;
|
||||
flex: 1;
|
||||
}
|
||||
input.itemInput::-webkit-input-placeholder{
|
||||
color:#cbcbcb;
|
||||
}
|
||||
input.itemInput::-moz-placeholder{ /* Mozilla Firefox 19+ */
|
||||
color:#cbcbcb;
|
||||
}
|
||||
input.itemInput:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
|
||||
color:#cbcbcb;
|
||||
}
|
||||
input.itemInput:-ms-input-placeholder{ /* Internet Explorer 10-11 */
|
||||
color:#cbcbcb;
|
||||
}
|
||||
.loginFormSubmit {
|
||||
width: 100%;
|
||||
margin-top: 3rem;
|
||||
margin-bottom:1rem;
|
||||
height: 2.8rem;
|
||||
background: rgba(96,96,96,0.18);
|
||||
color: #fff;
|
||||
font-size: 1rem;
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
border-radius: 1.4rem;
|
||||
}
|
||||
.loginBtnActive {
|
||||
background:#1589f9;
|
||||
}
|
||||
.loginTitle img.checkImg {
|
||||
width: 1.26rem;
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
.checkItem {
|
||||
font-size: 0.95rem;
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.435rem;
|
||||
border: 1px solid #ffb533;
|
||||
color: #ffb533;
|
||||
padding: 0.25rem 0.8rem 0.25rem 0.3rem;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
.arrowPosition {
|
||||
position: absolute;
|
||||
top: 1.4rem;
|
||||
right: 0;
|
||||
}
|
||||
.arrow {
|
||||
width: 0.5rem;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
65
webapp/css/newCss/myInfo.css
Normal file
65
webapp/css/newCss/myInfo.css
Normal file
@ -0,0 +1,65 @@
|
||||
@charset "utf-8";
|
||||
body {
|
||||
background: #f6f6f6;
|
||||
}
|
||||
.infoWrapper {
|
||||
|
||||
}
|
||||
.myInfo {
|
||||
background: #FFFFFF;
|
||||
padding-top: 0.53rem;
|
||||
}
|
||||
.myInfo li {
|
||||
line-height: 3.64rem;
|
||||
position: relative;
|
||||
padding: 0 1.35rem;
|
||||
box-sizing: border-box;
|
||||
clear: both;
|
||||
}
|
||||
.myInfo li:after {
|
||||
height: 1px;
|
||||
content: '';
|
||||
width: 100%;
|
||||
border-top: 1px solid #eaeaea;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
-webkit-transform: scaleY(0.5);
|
||||
}
|
||||
.rightInfo {
|
||||
float: right;
|
||||
height: 3.64rem;
|
||||
}
|
||||
.infoItem {
|
||||
color: #575765;
|
||||
}
|
||||
.arrowPosition {
|
||||
height: 3.64rem;
|
||||
line-height: 3.84rem;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
.arrow {
|
||||
width: 0.5rem;
|
||||
margin-left: 0.5rem;
|
||||
margin-top: 1.4rem;
|
||||
}
|
||||
/*.inputWrapper {
|
||||
padding: 3.44rem 1.55rem 0 1.55rem;
|
||||
}*/
|
||||
.loginFormSubmit {
|
||||
width: 100%;
|
||||
height: 2.8rem;
|
||||
background: rgba(96,96,96,0.18);
|
||||
color: #fff;
|
||||
font-size: 1rem;
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
border-radius: 1.4rem;
|
||||
/*margin: 3.44rem 1.55rem 0 1.55rem;*/
|
||||
}
|
||||
.loginBtnActive {
|
||||
background: #1589f9;
|
||||
}
|
||||
|
||||
129
webapp/css/newCss/option.css
Normal file
129
webapp/css/newCss/option.css
Normal file
@ -0,0 +1,129 @@
|
||||
@charset "utf-8";
|
||||
.optionDialog {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,1,23,0.7);
|
||||
}
|
||||
.dialog_con {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
padding-top: 2rem;
|
||||
background: #ffffff;
|
||||
position:fixed;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform:translateX(-50%) translateY(-50%);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.dialogList {
|
||||
margin: 0 0.4rem 0.5rem;
|
||||
max-height: 20rem;
|
||||
overflow-y:auto ;
|
||||
}
|
||||
.carType_list {
|
||||
padding: 0.8rem 1.2rem;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
.check-item {
|
||||
width: 1.11rem;
|
||||
height: 1.11rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: right;
|
||||
}
|
||||
.check-item-bg,.check-item-bg2 {
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
.dialog input[type='radio'] {
|
||||
float: right;
|
||||
width: 1.11rem;
|
||||
height: 1.11rem;
|
||||
opacity: 0;
|
||||
}
|
||||
.check-item-bg {
|
||||
background-image: url(../../images/newImage/radio1.png);
|
||||
}
|
||||
.check-item-bg2 {
|
||||
background-image: url(../../images/newImage/radio2.png);
|
||||
}
|
||||
.dialogTitle {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
padding: 0.8rem 0 0.8rem 1.5rem;
|
||||
color: #575765;
|
||||
}
|
||||
.dialogList label {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.dialogList label:not(:last-child):after {
|
||||
height: 1px;
|
||||
content: '';
|
||||
width: 100%;
|
||||
border-top: 1px solid #eaeaea;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
-webkit-transform: scaleY(0.5);
|
||||
}
|
||||
.buttonWrap {
|
||||
background: #f0f0f1;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
height: 2.24rem;
|
||||
padding: 0.78rem 0;
|
||||
}
|
||||
.buttonWrap a{
|
||||
float: left;
|
||||
display: block;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
height: 2.24rem;
|
||||
line-height: 2.24rem;
|
||||
position: relative;
|
||||
}
|
||||
.cancelBtn {
|
||||
color: #757679;
|
||||
}
|
||||
.confirmBtn {
|
||||
color: #1589f9;
|
||||
}
|
||||
.confirmBtn:after {
|
||||
width: 1px;
|
||||
content: '';
|
||||
height: 100%;
|
||||
border-left: 1px solid #b9b8b8;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1px;
|
||||
transform: scaleX(0.5);
|
||||
-webkit-transform: scaleX(0.5);
|
||||
}
|
||||
.carType_listDiv {
|
||||
padding: 0.5rem 1.2rem;
|
||||
display:flex;
|
||||
}
|
||||
.carType_listDiv label {
|
||||
margin-right: 1rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
.carType_listDivInput {
|
||||
flex: 1;
|
||||
font-size: 1rem;
|
||||
padding: 0.5rem 0.2rem;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.mb2 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.mt1 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
135
webapp/css/newCss/orderDetail.css
Normal file
135
webapp/css/newCss/orderDetail.css
Normal file
@ -0,0 +1,135 @@
|
||||
@charset "utf-8";
|
||||
body {
|
||||
background: #f3f4f5;
|
||||
}
|
||||
.orderInfoWrapper {
|
||||
/*padding-top: 0.53rem;*/
|
||||
}
|
||||
.orderInfoUl {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.3rem;
|
||||
background: #fff;
|
||||
padding-top: 0.53rem;
|
||||
}
|
||||
.orderInfoItem {
|
||||
display: flex;
|
||||
line-height: 3.55rem;
|
||||
padding: 0 1.35rem;
|
||||
position: relative;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.infoTitle {
|
||||
/* width: 4rem; */
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.infoCon {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.orderInfoUl li:after {
|
||||
height: 1px;
|
||||
content: '';
|
||||
width: 100%;
|
||||
border-top: 1px solid #eaeaea;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
-webkit-transform: scaleY(0.5);
|
||||
}
|
||||
.addrWrapper img{
|
||||
width: 1.24rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.orderInfoDriver {
|
||||
line-height: 3.55rem;
|
||||
padding: 0 1.35rem;
|
||||
position: relative;
|
||||
background: #FFFFFF;
|
||||
color: #1589f9;
|
||||
}
|
||||
.driverArrow img {
|
||||
width: 0.5rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
.driverArrow {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
.loginFormSubmit {
|
||||
width: 100%;
|
||||
height: 2.8rem;
|
||||
background: none;
|
||||
color: #fff;
|
||||
font-size: 1rem;
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
border-radius: 1.4rem;
|
||||
border: 1px solid #1589f9;
|
||||
color: #1589f9;
|
||||
/*margin: 3.44rem 1.55rem 0 1.55rem;*/
|
||||
}
|
||||
.loginBtnActive {
|
||||
background: #1589f9;
|
||||
color: #ffffff;
|
||||
}
|
||||
.mt7 {
|
||||
margin-top: 0.7rem;
|
||||
}
|
||||
.mt35 {
|
||||
margin-top: 3.5rem;
|
||||
}
|
||||
|
||||
.noPadding {
|
||||
padding-top:0 ;
|
||||
}
|
||||
.newOrderAsk {
|
||||
height: 5.22rem;
|
||||
line-height: 5.22rem;
|
||||
text-align: center;
|
||||
font-size: 1.4rem;
|
||||
color: #1589f9;
|
||||
background: #ffffff;
|
||||
}
|
||||
.pd17 {
|
||||
padding-top: 1.4rem;
|
||||
}
|
||||
|
||||
/*弹框样式*/
|
||||
.check-busy {
|
||||
width: 1.11rem;
|
||||
height: 1.11rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: right;
|
||||
color: #d1d2d4;
|
||||
}
|
||||
.carType_list {
|
||||
padding: 1.2rem;
|
||||
}
|
||||
.border1px {
|
||||
height: 1px;
|
||||
content: '';
|
||||
width: 100%;
|
||||
border-top: 1px solid #eaeaea;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
-webkit-transform: scaleY(0.5);
|
||||
}
|
||||
.marTop1 {
|
||||
margin-top:1rem
|
||||
}
|
||||
a {
|
||||
color:#1589f9;
|
||||
}
|
||||
105
webapp/css/newCss/reset.css
Normal file
105
webapp/css/newCss/reset.css
Normal file
@ -0,0 +1,105 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*禁用字号自动调整*/
|
||||
html{
|
||||
-webkit-text-size-adjust:100%;
|
||||
-ms-text-size-adjust:100%;
|
||||
}
|
||||
input[type=button]{
|
||||
-webkit-appearance:none;
|
||||
outline:none
|
||||
}
|
||||
a{
|
||||
-webkit-tap-highlight-color:transparent
|
||||
}
|
||||
/*appearance 属性允许您使元素看上去像标准的用户界面元素*/
|
||||
/*input[type="button"],input[type="submit"],input[type="reset"],input{
|
||||
-webkit-appearance:none;
|
||||
resize:none;
|
||||
}*/
|
||||
|
||||
/*取消高亮链接*/
|
||||
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, input, textarea, button, select, p, a, img, form, table,
|
||||
tr, td, th, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
|
||||
-webkit-tap-highlight-color:rgb(0,0,0,0);
|
||||
}
|
||||
|
||||
/*设置html5元素为块状*/
|
||||
header,footer,aside,nav,section,article,details,menu,hgroup,figure,figcaption{
|
||||
display: block;
|
||||
}
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
height:auto;
|
||||
width:auto\9;
|
||||
-ms-interpolation-mode:bicubic;
|
||||
}
|
||||
|
||||
body, div, ul, ol, dl, li, dd, dt, h1, h2, h3, h4, h5, h6, input, textarea, button, select, p, a, img, form, table, tr, td,
|
||||
th, tbody, article, aside, details, figcaption, figure, header, footer, hgroup, menu, nav, section {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:none;
|
||||
}
|
||||
|
||||
body {
|
||||
font:12px Microsoft YaHei, '宋体' Tahoma, Arial, sans-serif;
|
||||
color:#555;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
em, i {
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.clearfix:after{
|
||||
content:"";
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
height:0;
|
||||
clear:both;
|
||||
}
|
||||
.clearfix{
|
||||
zoom:1;
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
/*font-family:"华文细黑" ,Microsoft YaHei, Tahoma, Arial, sans-serif;*/
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration:none;
|
||||
/*color:#333333;*/
|
||||
}
|
||||
|
||||
ul, ol, dl, li, dd {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-size:100%;
|
||||
font-family:Microsoft YaHei;
|
||||
}
|
||||
|
||||
img {
|
||||
border:none;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.inputWrapper {
|
||||
padding: 4.2rem 1.55rem 0.5rem 1.55rem;
|
||||
}
|
||||
|
||||
|
||||
64
webapp/css/newCss/uploadPhoto.css
Normal file
64
webapp/css/newCss/uploadPhoto.css
Normal file
@ -0,0 +1,64 @@
|
||||
@charset "utf-8";
|
||||
body {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.uploadWrapper {
|
||||
padding: 0.355rem 1rem 0;
|
||||
font-size: 0;
|
||||
}
|
||||
.uploadTitle {
|
||||
height: 3.955rem;
|
||||
line-height: 3.955rem;
|
||||
padding-left: 0.3rem;
|
||||
font-size: 1rem;
|
||||
color: #575765;
|
||||
/*font-weight:700;*/
|
||||
}
|
||||
|
||||
.inputWrapper {
|
||||
padding: 4.2rem 0.55rem 0;
|
||||
}
|
||||
.loginFormSubmit {
|
||||
width: 100%;
|
||||
height: 2.8rem;
|
||||
background: #1589f9;
|
||||
color: #fff;
|
||||
font-size: 1rem;
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
border-radius: 1.4rem;
|
||||
border: 1px solid #1589f9;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/*.photoWrapper img {
|
||||
width: 49.5%;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.photoWrapper img:nth-child(odd){
|
||||
margin-right: 0;
|
||||
}
|
||||
.photoWrapper img:nth-child(odd){
|
||||
margin-right: 1%;
|
||||
}*/
|
||||
.imgWrapper {
|
||||
width: 48%;
|
||||
height: 6.9rem;
|
||||
text-align: center;
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 0.25rem;
|
||||
float: left;
|
||||
}
|
||||
.imgWrapper:nth-child(even){
|
||||
margin-right: 0;
|
||||
}
|
||||
.imgWrapper:nth-child(odd){
|
||||
margin-right: 1%;
|
||||
}
|
||||
.imgWrapper img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
300
webapp/css/notice.css
Normal file
300
webapp/css/notice.css
Normal file
@ -0,0 +1,300 @@
|
||||
.wrapper {
|
||||
width:17rem;
|
||||
padding:0 1rem;
|
||||
}
|
||||
.title {
|
||||
width:100%;
|
||||
margin:3rem 0;
|
||||
}
|
||||
.title input {
|
||||
font-size: 1rem;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: #DBDEE4;
|
||||
}
|
||||
:-moz-placeholder {
|
||||
color: #DBDEE4;
|
||||
}
|
||||
::-moz-placeholder {
|
||||
color: #DBDEE4;
|
||||
}
|
||||
:-ms-input-placeholder {
|
||||
color: #DBDEE4;
|
||||
}
|
||||
.noticeCon {
|
||||
width:100%;
|
||||
}
|
||||
#noticeConInsert {
|
||||
width:100%;
|
||||
min-height:10rem;
|
||||
font-size:0.7rem;
|
||||
}
|
||||
|
||||
/*谁可以看 start */
|
||||
.checkSupplier {
|
||||
width:100%;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.optionSupplier {
|
||||
font-size:0.8rem;
|
||||
line-height: 0.85rem;
|
||||
}
|
||||
.selectOption {
|
||||
float: left;
|
||||
color: #000000;
|
||||
}
|
||||
.seeIcon {
|
||||
width:0.85rem;
|
||||
height: 0.85rem;
|
||||
background-image: url("../images/seeIcon.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.85rem 0.85rem;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.resetWrapper {
|
||||
float: right;
|
||||
margin-right:1.6rem;
|
||||
color: #FF0000;
|
||||
display: none;
|
||||
}
|
||||
.resetImg {
|
||||
width:0.88rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.resetIcon {
|
||||
width:0.85rem;
|
||||
height: 0.85rem;
|
||||
background-image: url("../images/reset.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.85rem 0.85rem;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.selectAll {
|
||||
float: right;
|
||||
color: #0F69EC;
|
||||
}
|
||||
.arrowTo {
|
||||
width:0.45rem;
|
||||
height:0.85rem;
|
||||
background-image: url("../images/arrowTo.png");
|
||||
background-size: 0.45rem 0.8rem;
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.addContinue {
|
||||
float: right;
|
||||
color: #0F69EC;
|
||||
}
|
||||
.addIcon {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
background-image: url("../images/addIcon2.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.8rem 0.8rem;
|
||||
display: inline-block;
|
||||
margin-left:10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.addImg {
|
||||
width: 0.77rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/*谁可以看 end */
|
||||
|
||||
/*供应商列表 s */
|
||||
/*.supplierList {
|
||||
margin-top: 1.5rem;
|
||||
}*/
|
||||
.listItem {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
.listItem p {
|
||||
font-size: 0.75rem;
|
||||
color: #0F69EC;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.listCon {
|
||||
font-size: 0.65rem;
|
||||
color: #333333;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
/*供应商列表 e */
|
||||
|
||||
.sendTo {
|
||||
margin:5rem auto;
|
||||
text-align: center;
|
||||
}
|
||||
.sendTo input {
|
||||
width: 7rem;
|
||||
height: 2.2rem;
|
||||
line-height: 2.2rem;
|
||||
text-align: center;
|
||||
/*margin: 0 auto;
|
||||
display: block;*/
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
/*选择供应商弹框 s */
|
||||
#checkModal {
|
||||
width:100%;
|
||||
position: fixed;
|
||||
top:0;
|
||||
left: 0;
|
||||
right:0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
background: #fff;
|
||||
display: none;
|
||||
}
|
||||
.modalWrapper {
|
||||
width: 100%;
|
||||
}
|
||||
.modalNav {
|
||||
width: 100%;
|
||||
padding: 0 1rem;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
font-size: 0.8rem;
|
||||
line-height: 3rem;
|
||||
background: #E6E8ED;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.modalNav a{
|
||||
flex: 1;
|
||||
color: #C9C9C9;
|
||||
}
|
||||
.modalNav a.navActive {
|
||||
color: #0F69EC;
|
||||
}
|
||||
.navActive {
|
||||
color: #0F69EC;
|
||||
}
|
||||
.modalNav a.navActive .activeBorder {
|
||||
height: 3rem;
|
||||
display: inline-block;
|
||||
border-bottom: 2px solid #0F69EC;
|
||||
box-sizing: border-box;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/* 省列表 s */
|
||||
.zoneWrapper {
|
||||
width: 100%;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.zoneProvince,.zoneCity {
|
||||
width: 100%;
|
||||
}
|
||||
#checkAllProvince {
|
||||
padding: 1rem;
|
||||
text-align: right;
|
||||
font-size: 0.7rem;
|
||||
height: 1rem;
|
||||
}
|
||||
.confirm {
|
||||
width:17rem;
|
||||
padding:0 1rem;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
.confirmBtn {
|
||||
display: block;
|
||||
width: 7rem;
|
||||
height: 2.2rem;
|
||||
margin:1.4rem auto;
|
||||
line-height: 2.2rem;
|
||||
text-align: center;
|
||||
background: #F2F3F6;
|
||||
color: #C9C9C9;
|
||||
border:1px solid #C6C6C6;
|
||||
border-radius: 2px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.confirmBtnActive {
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
}
|
||||
.supplierConfirmBtnActive {
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
}
|
||||
#checkAllCity,#checkAllSupplier {
|
||||
/*padding: 1rem;*/
|
||||
text-align: right;
|
||||
font-size: 0.7rem;
|
||||
height: 1rem;
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
right: 1rem;
|
||||
}
|
||||
.check-item {
|
||||
width: 0.9rem;
|
||||
height: 0.9rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 0.5rem;
|
||||
float: right;
|
||||
}
|
||||
.checkbox-item-bg {
|
||||
background-image: url(../images/uncheck.png);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
.checkbox-item-bg2 {
|
||||
background-image: url(../images/oncheck.png);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
.checkNum {
|
||||
width: 0.9rem;
|
||||
height: 0.9rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
vertical-align: middle;
|
||||
opacity: 0;
|
||||
}
|
||||
.border-1px {
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
-webkit-transform: scaleY(0.5);
|
||||
-webkit-transform-origin: 0 0;
|
||||
overflow: hidden;
|
||||
background: #eaeaea;
|
||||
}
|
||||
.provinceList,.cityList {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
right:0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
top:3.5rem;
|
||||
}
|
||||
.provinceList {
|
||||
bottom:0.5rem;
|
||||
}
|
||||
.cityList {
|
||||
bottom:5rem;
|
||||
}
|
||||
.provinceListItem,.cityListItem,.supplierListItem {
|
||||
padding: 1rem;
|
||||
text-align: left;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
/* 省列表 e */
|
||||
/*选择供应商弹框 e */
|
||||
94
webapp/css/noticereset.css
Normal file
94
webapp/css/noticereset.css
Normal file
@ -0,0 +1,94 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*禁用字号自动调整*/
|
||||
html{
|
||||
-webkit-text-size-adjust:100%;
|
||||
-ms-text-size-adjust:100%;
|
||||
}
|
||||
|
||||
/*appearance 属性允许您使元素看上去像标准的用户界面元素*/
|
||||
/*input[type="button"],input[type="submit"],input[type="reset"],input{
|
||||
-webkit-appearance:none;
|
||||
resize:none;
|
||||
}*/
|
||||
|
||||
/*取消高亮链接*/
|
||||
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, input, textarea, button, select, p, a, img, form, table,
|
||||
tr, td, th, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
|
||||
-webkit-tap-highlight-color:rgb(0,0,0,0);
|
||||
}
|
||||
|
||||
/*设置html5元素为块状*/
|
||||
header,footer,aside,nav,section,article,details,menu,hgroup,figure,figcaption{
|
||||
display: block;
|
||||
}
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
height:auto;
|
||||
width:auto\9;
|
||||
-ms-interpolation-mode:bicubic;
|
||||
}
|
||||
|
||||
body, div, ul, ol, dl, li, dd, dt, h1, h2, h3, h4, h5, h6, input, textarea, button, select, p, a, img, form, table, tr, td,
|
||||
th, tbody, article, aside, details, figcaption, figure, header, footer, hgroup, menu, nav, section {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:none;
|
||||
}
|
||||
|
||||
body {
|
||||
font:12px Microsoft YaHei, '宋体' Tahoma, Arial, sans-serif;
|
||||
color:#555;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
em, i {
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.clearfix:after{
|
||||
content:"";
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
height:0;
|
||||
clear:both;
|
||||
}
|
||||
.clearfix{
|
||||
zoom:1;
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
/*font-family:"华文细黑" ,Microsoft YaHei, Tahoma, Arial, sans-serif;*/
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration:none;
|
||||
/*color:#333333;*/
|
||||
}
|
||||
|
||||
ul, ol, dl, li, dd {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-size:100%;
|
||||
font-family:Microsoft YaHei;
|
||||
}
|
||||
|
||||
img {
|
||||
border:none;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
58
webapp/css/photoDisplay.css
Normal file
58
webapp/css/photoDisplay.css
Normal file
@ -0,0 +1,58 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
.photoDisplay{
|
||||
top: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: rgb(244, 243, 239);
|
||||
}
|
||||
|
||||
.weui_navbar_photo{
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background-color:#fafafa;
|
||||
}
|
||||
|
||||
.weui_navbar_item_photo {
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding: 13px 0;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.weui_tab_bd_photo{
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
.wrap_photoDisplay {
|
||||
width:5rem ;
|
||||
height:5rem ;
|
||||
background: url(../images/z_add.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
float: left;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
|
||||
.z_addImg {
|
||||
float: left;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
|
||||
.closeWindow{
|
||||
background: url(../images/close_03.png) no-repeat;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close2 {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
356
webapp/css/reset.css
Normal file
356
webapp/css/reset.css
Normal file
@ -0,0 +1,356 @@
|
||||
html{
|
||||
color:#000;
|
||||
background:#FFF;
|
||||
}
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
table{
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
fieldset,img{
|
||||
border:0;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,strong,th,var{
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
}
|
||||
ol,ul{
|
||||
list-style:none;
|
||||
}
|
||||
caption,th{
|
||||
text-align:left;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6{
|
||||
font-size:100%;
|
||||
font-weight:normal;
|
||||
}
|
||||
q:before,q:after{
|
||||
content:'';
|
||||
}
|
||||
abbr,acronym{
|
||||
border:0;
|
||||
font-variant:normal;
|
||||
}
|
||||
sup{
|
||||
vertical-align:text-top;
|
||||
}
|
||||
sub{
|
||||
vertical-align:text-bottom;
|
||||
}
|
||||
input,textarea,select{
|
||||
font-family:inherit;
|
||||
font-size:inherit;
|
||||
font-weight:inherit;
|
||||
*font-size:100%;
|
||||
}
|
||||
legend{
|
||||
color:#000;
|
||||
}
|
||||
#yui3-css-stamp.cssreset{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
.h1{
|
||||
height: 1px;
|
||||
}.h2{
|
||||
height: 2px;
|
||||
}.h3{
|
||||
height: 3px;
|
||||
}.h4{
|
||||
height: 4px;
|
||||
}.h5{
|
||||
height: 5px;
|
||||
}.h6{
|
||||
height: 6px;
|
||||
}.h7{
|
||||
height: 7px;
|
||||
}.h8{
|
||||
height: 8px;
|
||||
}.h9{
|
||||
height: 9px;
|
||||
}.h10{
|
||||
height: 10px;
|
||||
}.h11{
|
||||
height: 11px;
|
||||
}.h12{
|
||||
height: 12px;
|
||||
}.h13{
|
||||
height: 13px;
|
||||
}.h14{
|
||||
height: 14px;
|
||||
}.h15{
|
||||
height: 15px;
|
||||
}.h16{
|
||||
height: 16px;
|
||||
}.h17{
|
||||
height: 17px;
|
||||
}.h18{
|
||||
height: 18px;
|
||||
}.h19{
|
||||
height: 19px;
|
||||
}.h20{
|
||||
height: 20px;
|
||||
}.h21{
|
||||
height: 21px;
|
||||
}.h22{
|
||||
height: 22px;
|
||||
}.h23{
|
||||
height: 23px;
|
||||
}.h24{
|
||||
height: 24px;
|
||||
}.h25{
|
||||
height: 25px;
|
||||
}.h26{
|
||||
height: 26px;
|
||||
}.h27{
|
||||
height: 27px;
|
||||
}.h28{
|
||||
height: 28px;
|
||||
}.h29{
|
||||
height: 29px;
|
||||
}.h30{
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.pl1{
|
||||
padding-left: 1px;
|
||||
}
|
||||
.pl2{
|
||||
padding-left: 2px;
|
||||
}.pl3{
|
||||
padding-left: 3px;
|
||||
}.pl4{
|
||||
padding-left: 4px;
|
||||
}.pl5{
|
||||
padding-left: 5px;
|
||||
}.pl6{
|
||||
padding-left: 6px;
|
||||
}.pl7{
|
||||
padding-left: 7px;
|
||||
}.pl8{
|
||||
padding-left: 8px;
|
||||
}.pl9{
|
||||
padding-left: 9px;
|
||||
}.pl10{
|
||||
padding-left: 10px;
|
||||
}.pl11{
|
||||
padding-left: 11px;
|
||||
}.pl12{
|
||||
padding-left: 12px;
|
||||
}.pl13{
|
||||
padding-left: 13px;
|
||||
}.pl14{
|
||||
padding-left: 14px;
|
||||
}.pl15{
|
||||
padding-left: 15px;
|
||||
}.pl16{
|
||||
padding-left: 16px;
|
||||
}.pl17{
|
||||
padding-left: 17px;
|
||||
}.pl18{
|
||||
padding-left: 18px;
|
||||
}.pl19{
|
||||
padding-left: 19px;
|
||||
}.pl20{
|
||||
padding-left: 20px;
|
||||
}.pl21{
|
||||
padding-left: 21px;
|
||||
}.pl22{
|
||||
padding-left: 22px;
|
||||
}.pl23{
|
||||
padding-left: 23px;
|
||||
}.pl24{
|
||||
padding-left: 24px;
|
||||
}.pl25{
|
||||
padding-left: 25px;
|
||||
}.pl26{
|
||||
padding-left: 26px;
|
||||
}.pl127{
|
||||
padding-left: 27px;
|
||||
}.pl28{
|
||||
padding-left: 28px;
|
||||
}.pl29{
|
||||
padding-left: 29px;
|
||||
}.pl30{
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
|
||||
.pt1{
|
||||
padding-left: 1px;
|
||||
}
|
||||
.pt2{
|
||||
padding-left: 2px;
|
||||
}.pt3{
|
||||
padding-left: 3px;
|
||||
}.pt4{
|
||||
padding-left: 4px;
|
||||
}.pt5{
|
||||
padding-left: 5px;
|
||||
}.pt6{
|
||||
padding-left: 6px;
|
||||
}.pt7{
|
||||
padding-left: 7px;
|
||||
}.pt8{
|
||||
padding-left: 8px;
|
||||
}.pt9{
|
||||
padding-left: 9px;
|
||||
}.pt10{
|
||||
padding-left: 10px;
|
||||
}.pt11{
|
||||
padding-left: 11px;
|
||||
}.pt12{
|
||||
padding-left: 12px;
|
||||
}.pt13{
|
||||
padding-left: 13px;
|
||||
}.pt14{
|
||||
padding-left: 14px;
|
||||
}.pt15{
|
||||
padding-left: 15px;
|
||||
}.pt16{
|
||||
padding-left: 16px;
|
||||
}.pt17{
|
||||
padding-left: 17px;
|
||||
}.pt18{
|
||||
padding-left: 18px;
|
||||
}.pt19{
|
||||
padding-left: 19px;
|
||||
}.pt20{
|
||||
padding-left: 20px;
|
||||
}.pt21{
|
||||
padding-left: 21px;
|
||||
}.pt22{
|
||||
padding-left: 22px;
|
||||
}.pt23{
|
||||
padding-left: 23px;
|
||||
}.pt24{
|
||||
padding-left: 24px;
|
||||
}.pt25{
|
||||
padding-left: 25px;
|
||||
}.pt26{
|
||||
padding-left: 26px;
|
||||
}.pt27{
|
||||
padding-left: 27px;
|
||||
}.pt28{
|
||||
padding-left: 28px;
|
||||
}.pt29{
|
||||
padding-left: 29px;
|
||||
}.pt30{
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.f12{
|
||||
font-size: 12px;
|
||||
}
|
||||
.f13{
|
||||
font-size: 12px;
|
||||
}.f14{
|
||||
font-size: 12px;
|
||||
}.f15{
|
||||
font-size: 12px;
|
||||
}.f16{
|
||||
font-size: 12px;
|
||||
}.f17{
|
||||
font-size: 12px;
|
||||
}.f18{
|
||||
font-size: 12px;
|
||||
}.f19{
|
||||
font-size: 12px;
|
||||
}.f20{
|
||||
font-size: 12px;
|
||||
}.f21{
|
||||
font-size: 12px;
|
||||
}.f22{
|
||||
font-size: 12px;
|
||||
}.f23{
|
||||
font-size: 12px;
|
||||
}.f24{
|
||||
font-size: 12px;
|
||||
}.f25{
|
||||
font-size: 12px;
|
||||
}.f26{
|
||||
font-size: 12px;
|
||||
}.f27{
|
||||
font-size: 12px;
|
||||
}.f28{
|
||||
font-size: 12px;
|
||||
}.f29{
|
||||
font-size: 12px;
|
||||
}.f30{
|
||||
font-size: 12px;
|
||||
}.f31{
|
||||
font-size: 12px;
|
||||
}.f32{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.l12{
|
||||
line-height: 12px;
|
||||
}
|
||||
.l13{
|
||||
line-height: 13px;
|
||||
}.l14{
|
||||
line-height: 14px;
|
||||
}.l15{
|
||||
line-height: 15px;
|
||||
}.l16{
|
||||
line-height: 16px;
|
||||
}.l17{
|
||||
line-height: 17px;
|
||||
}.l18{
|
||||
line-height: 18px;
|
||||
}.l19{
|
||||
line-height: 19px;
|
||||
}.l20{
|
||||
line-height: 20px;
|
||||
}.l21{
|
||||
line-height: 21px;
|
||||
}.l22{
|
||||
line-height: 22px;
|
||||
}.l23{
|
||||
line-height: 23px;
|
||||
}.l24{
|
||||
line-height: 24px;
|
||||
}.l25{
|
||||
line-height: 25px;
|
||||
}.l26{
|
||||
line-height: 26px;
|
||||
}.l27{
|
||||
line-height: 27px;
|
||||
}.l28{
|
||||
line-height: 28px;
|
||||
}.l29{
|
||||
line-height: 29px;
|
||||
}.l30{
|
||||
line-height: 30px;
|
||||
}.l31{
|
||||
line-height: 31px;
|
||||
}.l32{
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.mr0{
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.fts{
|
||||
font-style: '<27><><EFBFBD><EFBFBD>';
|
||||
}
|
||||
.ftwy{
|
||||
font-style: '<><CEA2><EFBFBD>ź<EFBFBD>';
|
||||
}
|
||||
.ftn{
|
||||
font-style: normal;
|
||||
}
|
||||
.fwb{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
951
webapp/css/salesManInfo.css
Normal file
951
webapp/css/salesManInfo.css
Normal file
@ -0,0 +1,951 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
:not (input,textarea ){
|
||||
-webkit-touch-callout: inherit;
|
||||
-webkit-user-select: auto
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
font-family: Hiragino Sans GB, Arial, Helvetica, "<22><><EFBFBD><EFBFBD>", sans-serif;
|
||||
font-size: 14px;
|
||||
color: #323232;
|
||||
-webkit-touch-callout: inherit;
|
||||
-webkit-user-select: auto;
|
||||
background-color: #f5f5f5;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
body.white {
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
a {
|
||||
color: #878787;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
button,input,select,textarea {
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
dt,dd {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
textarea,input {
|
||||
resize: none;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
ul,ol,li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
.arrow-ent {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-right: 2px solid #ccc;
|
||||
border-bottom: 2px solid #ccc;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: -1px
|
||||
}
|
||||
|
||||
.arrow-ent.right {
|
||||
-webkit-transform: rotate(-45deg)
|
||||
}
|
||||
|
||||
.arrow-ent.bottom {
|
||||
-webkit-transform: rotate(-315deg);
|
||||
position: relative;
|
||||
top: -2px
|
||||
}
|
||||
|
||||
.arrow-ent.top {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
position: relative;
|
||||
top: 2px
|
||||
}
|
||||
|
||||
.arrow-ent.left {
|
||||
-webkit-transform: rotate(-225deg)
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #f63
|
||||
}
|
||||
|
||||
.o-price {
|
||||
text-decoration: line-through
|
||||
}
|
||||
|
||||
.Hide {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
.Clear {
|
||||
float: none !important
|
||||
}
|
||||
|
||||
.Fix:after {
|
||||
display: block;
|
||||
content: '\20';
|
||||
height: 0;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.f-l {
|
||||
float: left
|
||||
}
|
||||
|
||||
.f-r {
|
||||
float: right
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-info,.receipt-detail .receipt-extra,.delivery-box .mes-list tr,.link-btn,.refund-flow .navbar,.order-list a,.order-info .list-info,.order-info .deal-info,.receipt-box .navbar,header,.content,.col-list a,.section .top-border,.section .cont
|
||||
{
|
||||
background:
|
||||
url(//i1.dpfile.com/mod/app-weixin-bank-my/1.0.0/css/img/repeat-x-bottom.png)
|
||||
repeat-x 0 bottom;
|
||||
background-size: auto 1px
|
||||
}
|
||||
|
||||
.my-order .order-menu a .icon,.refund-flow .navbar .help {
|
||||
background:
|
||||
url(//i2.dpfile.com/mod/app-weixin-bank-my/1.0.0/css/img/c.comm.png)
|
||||
no-repeat center 0;
|
||||
background-size: 30px auto
|
||||
}
|
||||
|
||||
.col-list a {
|
||||
display: block
|
||||
}
|
||||
|
||||
.col-list a.off {
|
||||
color: #999
|
||||
}
|
||||
|
||||
.col-list a.off .arrow-ent {
|
||||
display: none
|
||||
}
|
||||
|
||||
.flex-box {
|
||||
display: -webkit-box
|
||||
}
|
||||
|
||||
.flex-box .pic {
|
||||
font-size: 0
|
||||
}
|
||||
|
||||
.flex-box .info {
|
||||
-webkit-box-flex: 1
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 1px
|
||||
}
|
||||
|
||||
.section .top-border {
|
||||
height: 1px
|
||||
}
|
||||
|
||||
.section .cont {
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.r-btn,.g-btn,.n-btn {
|
||||
font-size: 18px;
|
||||
padding: 10px 20px;
|
||||
margin: 0 22px 20px;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
display: block;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.r-btn {
|
||||
background-color: #f63
|
||||
}
|
||||
|
||||
.n-btn {
|
||||
background-color: #fff;
|
||||
border: 1px solid #c7c7c7;
|
||||
color: #f63
|
||||
}
|
||||
|
||||
.g-btn {
|
||||
background-color: #dbdbdb;
|
||||
border: 1px solid #fff
|
||||
}
|
||||
|
||||
.link-btn {
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
background-color: #FFF;
|
||||
display: block;
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.view-btn {
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.view-btn .arrow-ent {
|
||||
left: 5px;
|
||||
top: -4px
|
||||
}
|
||||
|
||||
.card-btn {
|
||||
display: block;
|
||||
height: 43px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
line-height: 43px;
|
||||
border-radius: 4px;
|
||||
background-color: #06bf04;
|
||||
color: #fff;
|
||||
border: 1px solid #189b16;
|
||||
cursor: pointer;
|
||||
margin: 0 15px 10px
|
||||
}
|
||||
|
||||
.card-btn.done {
|
||||
opacity: .5
|
||||
}
|
||||
|
||||
header {
|
||||
height: 52px;
|
||||
background-color: #fff;
|
||||
display: -webkit-box;
|
||||
padding: 0 10px
|
||||
}
|
||||
|
||||
header nav,header .back,header h3 {
|
||||
-webkit-box-align: center;
|
||||
display: -webkit-box
|
||||
}
|
||||
|
||||
header .back {
|
||||
position: absolute;
|
||||
line-height: 52px
|
||||
}
|
||||
|
||||
header .back .arrow-ent {
|
||||
border-color: #f63
|
||||
}
|
||||
|
||||
header nav {
|
||||
-webkit-box-flex: 1;
|
||||
box-flex: 1;
|
||||
-ms-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
header nav .box {
|
||||
border: 1px solid #f63;
|
||||
border-radius: 4px;
|
||||
display: -webkit-box
|
||||
}
|
||||
|
||||
header nav .box a {
|
||||
font-size: 14px;
|
||||
padding: 4px 11px;
|
||||
display: block;
|
||||
color: #f63
|
||||
}
|
||||
|
||||
header nav .box a.on {
|
||||
color: #fff;
|
||||
background-color: #f63
|
||||
}
|
||||
|
||||
header h3 {
|
||||
-webkit-box-flex: 1;
|
||||
box-flex: 1;
|
||||
-ms-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
margin: 0 auto;
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.qr-box.cont {
|
||||
padding: 11px 15px 11px 20px
|
||||
}
|
||||
|
||||
.qr-box .pic {
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
.qr-box .pic .icon {
|
||||
background:
|
||||
url(//i2.dpfile.com/mod/app-weixin-bank-my/1.0.0/css/img/qr-icon.png)
|
||||
no-repeat;
|
||||
background-size: 58px auto;
|
||||
width: 58px;
|
||||
height: 60px;
|
||||
display: block
|
||||
}
|
||||
|
||||
.qr-box .info {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.qr-box .info h3 {
|
||||
color: #333;
|
||||
font-size: 17px;
|
||||
line-height: 19px;
|
||||
margin: 8px 0
|
||||
}
|
||||
|
||||
.qr-box .info p {
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
color: #FFA54B
|
||||
}
|
||||
|
||||
.qr-box .info .arrow-ent {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0
|
||||
}
|
||||
|
||||
.page-item {
|
||||
background-color: #fff;
|
||||
border: 1px solid #d8d8d8;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 20px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.page-item .l-semicircle,.page-item .r-semicircle {
|
||||
position: absolute;
|
||||
background-color: #f5f5f5;
|
||||
z-index: 99;
|
||||
top: 27px
|
||||
}
|
||||
|
||||
.page-item .r-semicircle {
|
||||
border-radius: 8px 0 0 8px;
|
||||
border: 1px solid #d8d8d8;
|
||||
border-right: 0;
|
||||
right: -1px;
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
display: block
|
||||
}
|
||||
|
||||
.page-item .l-semicircle {
|
||||
border-radius: 0 8px 8px 0;
|
||||
border: 1px solid #d8d8d8;
|
||||
border-left: 0;
|
||||
left: -1px;
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
display: block
|
||||
}
|
||||
|
||||
.page-item .navbar {
|
||||
margin: 8px 12px 0 11px;
|
||||
padding-bottom: 8px
|
||||
}
|
||||
|
||||
.page-item .navbar h3 {
|
||||
font-size: 14px;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.ytips {
|
||||
padding: 10px 15px;
|
||||
background-color: #fffcf0;
|
||||
border-top: 1px solid #f4dea2;
|
||||
border-bottom: 1px solid #f4dea2;
|
||||
color: #eeb734;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-top: 10px
|
||||
}
|
||||
|
||||
.ytips .cont {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical
|
||||
}
|
||||
|
||||
.ytips .arrow-ent {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
margin-top: -5px
|
||||
}
|
||||
|
||||
.my-info {
|
||||
margin-top: 45px
|
||||
}
|
||||
|
||||
.my-info .cont {
|
||||
padding: 0px 15px 10px
|
||||
}
|
||||
|
||||
.my-info .cont h3 {
|
||||
line-height: 20px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 7px;
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
padding: 13px 15px 13px 0;
|
||||
}
|
||||
|
||||
.my-info .cont .balance {
|
||||
font-size: 13px;
|
||||
line-height: 17px
|
||||
}
|
||||
|
||||
.my-info .cont .balance .price {
|
||||
padding-left: 3px
|
||||
}
|
||||
|
||||
.my-info .cont .balance .price strong {
|
||||
padding-left: 2px;
|
||||
font-size: 17px
|
||||
}
|
||||
|
||||
.my-order .col-list a .number {
|
||||
font-size: 12px;
|
||||
margin-top: 1px
|
||||
}
|
||||
|
||||
.my-order .col-list a .arrow-ent {
|
||||
top: 0
|
||||
}
|
||||
|
||||
.my-order .order-menu {
|
||||
padding: 17px 2%
|
||||
}
|
||||
|
||||
.my-order .order-menu a {
|
||||
float: left;
|
||||
width: 32%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.my-order .order-menu a .icon {
|
||||
border-radius: 22.5px;
|
||||
-webkit-border-radius: 22.5px;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
display: block;
|
||||
margin: 0 auto 5px
|
||||
}
|
||||
|
||||
.my-order .order-menu a .icon.un-pay {
|
||||
background-color: #3cb2ef;
|
||||
background-position: center 9px
|
||||
}
|
||||
|
||||
.my-order .order-menu a .icon.un-use {
|
||||
background-color: #71d01d;
|
||||
background-position: center -25px
|
||||
}
|
||||
|
||||
.my-order .order-menu a .icon.refund {
|
||||
background-color: #ffc000;
|
||||
background-position: center -60px
|
||||
}
|
||||
|
||||
.my-info .col-list,.my-coupon .col-list,.my-order .col-list,.my-booking .col-list,.my-feedback .col-list
|
||||
{
|
||||
padding-left: 15px
|
||||
}
|
||||
|
||||
.my-info .col-list a,.my-coupon .col-list a,.my-order .col-list a,.my-booking .col-list a,.my-feedback .col-list a
|
||||
{
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
padding: 13px 15px 13px 0
|
||||
}
|
||||
|
||||
.my-info .col-list a.none,.my-coupon .col-list a.none,.my-order .col-list a.none,.my-booking .col-list a.none,.my-feedback .col-list a.none
|
||||
{
|
||||
background-image: none
|
||||
}
|
||||
|
||||
.my-info .col-list a .sub,.my-coupon .col-list a .sub,.my-order .col-list a .sub,.my-booking .col-list a .sub,.my-feedback .col-list a .sub
|
||||
{
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
line-height: 18px
|
||||
}
|
||||
|
||||
.my-info .col-list a .number,.my-coupon .col-list a .number,.my-order .col-list a .number,.my-booking .col-list a .number,.my-feedback .col-list a .number
|
||||
{
|
||||
color: #999
|
||||
}
|
||||
|
||||
.my-info .col-list a .arrow-ent,.my-coupon .col-list a .arrow-ent,.my-order .col-list a .arrow-ent,.my-booking .col-list a .arrow-ent,.my-feedback .col-list a .arrow-ent
|
||||
{
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
.receipt-box {
|
||||
margin: 0 15px;
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.receipt-list a {
|
||||
color: #999;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
padding-top: 12px;
|
||||
padding-bottom: 13px;
|
||||
margin: 0 13px;
|
||||
border-bottom: 1px dotted #ededed
|
||||
}
|
||||
|
||||
.receipt-list a.table {
|
||||
display: table
|
||||
}
|
||||
|
||||
.receipt-list a:last-child {
|
||||
border: none
|
||||
}
|
||||
|
||||
.receipt-list a .code {
|
||||
color: #f63;
|
||||
font-size: 19px;
|
||||
line-height: 21px;
|
||||
margin-top: 4px
|
||||
}
|
||||
|
||||
.receipt-list a .code.expired {
|
||||
text-decoration: line-through;
|
||||
color: #999
|
||||
}
|
||||
|
||||
.receipt-list a .password {
|
||||
color: #f63
|
||||
}
|
||||
|
||||
.receipt-list a .refund {
|
||||
color: #65c07a
|
||||
}
|
||||
|
||||
.receipt-list a .f-r {
|
||||
border-left: 1px dotted #EDEDED;
|
||||
padding-left: 25px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 6px;
|
||||
height: 44px;
|
||||
width: 100px;
|
||||
box-sizing: border-box;
|
||||
display: box;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
-webkit-box-align: center;
|
||||
-ms-box-align: center;
|
||||
box-align: center
|
||||
}
|
||||
|
||||
.receipt-list a .t-r,.receipt-list a .t-l {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.receipt-list a .t-l {
|
||||
width: 65%
|
||||
}
|
||||
|
||||
.receipt-list a .t-r {
|
||||
width: 35%;
|
||||
border-left: 1px dotted #EDEDED;
|
||||
padding-left: 20px
|
||||
}
|
||||
|
||||
.receipt-list a .t-r span {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px
|
||||
}
|
||||
|
||||
.receipt-list .view-more {
|
||||
display: block;
|
||||
padding: 10px 0 11px;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
height: 16px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.receipt-list .view-more .arrow-ent {
|
||||
border-width: 1px;
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
.receipt-list .tips {
|
||||
background-color: #F6F6F6;
|
||||
padding: 0 12px;
|
||||
font-size: 12px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical
|
||||
}
|
||||
|
||||
.receipt-detail {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-info {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-info .pic img {
|
||||
width: 103px;
|
||||
height: 77px
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-info .info {
|
||||
position: relative;
|
||||
margin-left: 16px
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-info .info h3 {
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
font-weight: 400;
|
||||
margin-right: 20px;
|
||||
color: #333;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
-webkit-box-orient: vertical
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-info .info .arrow-ent {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 0
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-extra {
|
||||
padding: 12px 15px;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 5px;
|
||||
background-color: #fff;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-extra p {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #999;
|
||||
margin: 4px 0
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-extra p.num {
|
||||
color: #f63;
|
||||
font-size: 24px;
|
||||
line-height: 26px
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-extra p.done {
|
||||
color: #999;
|
||||
font-size: 24px;
|
||||
line-height: 26px;
|
||||
text-decoration: line-through
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-extra p.status {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 41%;
|
||||
font-size: 14px;
|
||||
line-height: 14px
|
||||
}
|
||||
|
||||
.receipt-detail .receipt-extra p.status.refunding {
|
||||
color: #65c07a
|
||||
}
|
||||
|
||||
|
||||
h3.order-info.sub {
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
line-height: 14px;
|
||||
margin-bottom: 15px;
|
||||
margin-left: 20px
|
||||
}
|
||||
|
||||
.delivery-box .navbar {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding: 0 10px
|
||||
}
|
||||
|
||||
.delivery-box .navbar a {
|
||||
color: #08C
|
||||
}
|
||||
|
||||
.delivery-box .mes-list {
|
||||
border-collapse: collapse;
|
||||
margin-left: 10px
|
||||
}
|
||||
|
||||
.delivery-box .mes-list tr td {
|
||||
width: 80%;
|
||||
font-size: 14px;
|
||||
padding: 10px 0;
|
||||
color: #333;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.delivery-box .mes-list tr td:first-child {
|
||||
width: 20%
|
||||
}
|
||||
|
||||
.fu-menu .col-list {
|
||||
padding-left: 20px
|
||||
}
|
||||
|
||||
.fu-menu a {
|
||||
color: #333;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
position: relative;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.fu-menu a .arrow-ent {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
margin-top: -5px
|
||||
}
|
||||
|
||||
.col-list a:last-child {
|
||||
background-image: none
|
||||
}
|
||||
|
||||
.refund-detail {
|
||||
font-size: 12px;
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
.refund-detail .cont {
|
||||
padding: 7px 15px 10px
|
||||
}
|
||||
|
||||
.refund-detail li {
|
||||
margin-bottom: 8px
|
||||
}
|
||||
|
||||
.refund-detail li:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
|
||||
.refund-detail li p {
|
||||
color: #333;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
width: 80%;
|
||||
word-break: break-word
|
||||
}
|
||||
|
||||
.refund-detail li p:first-child {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
width: 50px;
|
||||
text-align: left;
|
||||
margin-right: 3px
|
||||
}
|
||||
|
||||
.refund-detail li p.price {
|
||||
color: #f63
|
||||
}
|
||||
|
||||
.refund-detail li p.price strong {
|
||||
font-size: 17px
|
||||
}
|
||||
|
||||
.refund-flow .navbar {
|
||||
font-size: 14px;
|
||||
padding-left: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #333;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.refund-flow .navbar .help {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 0;
|
||||
color: #999;
|
||||
background-position: right -102px;
|
||||
padding-right: 30px
|
||||
}
|
||||
|
||||
.refund-flow .list {
|
||||
margin-left: 25px;
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
|
||||
.refund-flow .list li {
|
||||
position: relative;
|
||||
border-left: 1px solid #ededed;
|
||||
padding-left: 20px;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 20px;
|
||||
padding-right: 5px
|
||||
}
|
||||
|
||||
.refund-flow .list li:last-child {
|
||||
padding-bottom: 0;
|
||||
border-left: none
|
||||
}
|
||||
|
||||
.refund-flow .list li.on mark {
|
||||
background-color: orange
|
||||
}
|
||||
|
||||
.refund-flow .list li.on h3 {
|
||||
color: #333
|
||||
}
|
||||
|
||||
.refund-flow .list li.on p {
|
||||
color: #666
|
||||
}
|
||||
|
||||
.refund-flow .list li h3,.refund-flow .list li p {
|
||||
color: #999;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
.refund-flow .list li h3 {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.refund-flow .list li p {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.refund-flow .list li mark {
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
border-radius: 9px;
|
||||
-webkit-border-radius: 9px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
background-color: #ededed;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
top: 0;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 16px 0 10px 15px;
|
||||
line-height: 15px;
|
||||
color: #666;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
section.form .cont .checks {
|
||||
background-color: #fff;
|
||||
padding-left: 15px;
|
||||
padding-top: 10px
|
||||
}
|
||||
|
||||
section.form .cont .checks p {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
section.form .cont .checks p label {
|
||||
padding-left: 10px
|
||||
}
|
||||
|
||||
section.form .cont .blank {
|
||||
height: 10px;
|
||||
background-color: #f5f5f5;
|
||||
padding: 12px 0 12px 10px;
|
||||
line-height: 15px;
|
||||
color: #666;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
section.form .cont textarea {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
border-color: #fff
|
||||
}
|
||||
|
||||
.r-btn {
|
||||
padding: 7px 0;
|
||||
background-color: #f63
|
||||
}
|
||||
img{
|
||||
height:60px;
|
||||
width:80px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0px;
|
||||
|
||||
}
|
||||
#org_show1{
|
||||
height: 40px;
|
||||
}
|
||||
#org_show{
|
||||
width: 270px;
|
||||
height: 40px;
|
||||
float: left;
|
||||
}
|
||||
715
webapp/css/sweetalert.css
Normal file
715
webapp/css/sweetalert.css
Normal file
@ -0,0 +1,715 @@
|
||||
body.stop-scrolling {
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.sweet-overlay {
|
||||
background-color: black;
|
||||
/* IE8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
/* IE8 */
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 10000; }
|
||||
|
||||
.sweet-alert {
|
||||
background-color: white;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
width: 478px;
|
||||
padding: 17px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -256px;
|
||||
margin-top: -200px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 99999; }
|
||||
@media all and (max-width: 540px) {
|
||||
.sweet-alert {
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
left: 15px;
|
||||
right: 15px; } }
|
||||
.sweet-alert h2 {
|
||||
color: #575757;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
text-transform: none;
|
||||
position: relative;
|
||||
margin: 25px 0;
|
||||
padding: 0;
|
||||
line-height: 40px;
|
||||
display: block; }
|
||||
.sweet-alert p {
|
||||
color: #797979;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
text-align: inherit;
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: normal; }
|
||||
.sweet-alert fieldset {
|
||||
border: none;
|
||||
position: relative; }
|
||||
.sweet-alert .sa-error-container {
|
||||
background-color: #f1f1f1;
|
||||
margin-left: -17px;
|
||||
margin-right: -17px;
|
||||
overflow: hidden;
|
||||
padding: 0 10px;
|
||||
max-height: 0;
|
||||
webkit-transition: padding 0.15s, max-height 0.15s;
|
||||
transition: padding 0.15s, max-height 0.15s; }
|
||||
.sweet-alert .sa-error-container.show {
|
||||
padding: 10px 0;
|
||||
max-height: 100px;
|
||||
webkit-transition: padding 0.2s, max-height 0.2s;
|
||||
transition: padding 0.25s, max-height 0.25s; }
|
||||
.sweet-alert .sa-error-container .icon {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
background-color: #ea7d7d;
|
||||
color: white;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin-right: 3px; }
|
||||
.sweet-alert .sa-error-container p {
|
||||
display: inline-block; }
|
||||
.sweet-alert .sa-input-error {
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
right: 26px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s; }
|
||||
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 6px;
|
||||
background-color: #f06e57;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -4px;
|
||||
left: 50%;
|
||||
margin-left: -9px; }
|
||||
.sweet-alert .sa-input-error::before {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .sa-input-error::after {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .sa-input-error.show {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
.sweet-alert input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d7d7d7;
|
||||
height: 43px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 17px;
|
||||
font-size: 18px;
|
||||
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
|
||||
padding: 0 12px;
|
||||
display: none;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s; }
|
||||
.sweet-alert input:focus {
|
||||
outline: none;
|
||||
box-shadow: 0px 0px 3px #c4e6f5;
|
||||
border: 1px solid #b4dbed; }
|
||||
.sweet-alert input:focus::-moz-placeholder {
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.5; }
|
||||
.sweet-alert input:focus:-ms-input-placeholder {
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.5; }
|
||||
.sweet-alert input:focus::-webkit-input-placeholder {
|
||||
transition: opacity 0.3s 0.03s ease;
|
||||
opacity: 0.5; }
|
||||
.sweet-alert input::-moz-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.sweet-alert input:-ms-input-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.sweet-alert input::-webkit-input-placeholder {
|
||||
color: #bdbdbd; }
|
||||
.sweet-alert.show-input input {
|
||||
display: block; }
|
||||
.sweet-alert button {
|
||||
background-color: #AEDEF4;
|
||||
color: white;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 5px;
|
||||
padding: 10px 32px;
|
||||
margin: 26px 5px 0 5px;
|
||||
cursor: pointer; }
|
||||
.sweet-alert button:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
|
||||
.sweet-alert button:hover {
|
||||
background-color: #a1d9f2; }
|
||||
.sweet-alert button:active {
|
||||
background-color: #81ccee; }
|
||||
.sweet-alert button.cancel {
|
||||
background-color: #D0D0D0; }
|
||||
.sweet-alert button.cancel:hover {
|
||||
background-color: #c8c8c8; }
|
||||
.sweet-alert button.cancel:active {
|
||||
background-color: #b6b6b6; }
|
||||
.sweet-alert button.cancel:focus {
|
||||
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
|
||||
.sweet-alert button::-moz-focus-inner {
|
||||
border: 0; }
|
||||
.sweet-alert[data-has-cancel-button=false] button {
|
||||
box-shadow: none !important; }
|
||||
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
|
||||
padding-bottom: 40px; }
|
||||
.sweet-alert .sa-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid gray;
|
||||
-webkit-border-radius: 40px;
|
||||
border-radius: 40px;
|
||||
border-radius: 50%;
|
||||
margin: 20px auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-sizing: content-box; }
|
||||
.sweet-alert .sa-icon.sa-error {
|
||||
border-color: #F27474; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-x-mark {
|
||||
position: relative;
|
||||
display: block; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-line {
|
||||
position: absolute;
|
||||
height: 5px;
|
||||
width: 47px;
|
||||
background-color: #F27474;
|
||||
display: block;
|
||||
top: 37px;
|
||||
border-radius: 2px; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
left: 17px; }
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
right: 16px; }
|
||||
.sweet-alert .sa-icon.sa-warning {
|
||||
border-color: #F8BB86; }
|
||||
.sweet-alert .sa-icon.sa-warning .sa-body {
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 47px;
|
||||
left: 50%;
|
||||
top: 10px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
margin-left: -2px;
|
||||
background-color: #F8BB86; }
|
||||
.sweet-alert .sa-icon.sa-warning .sa-dot {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
margin-left: -3px;
|
||||
left: 50%;
|
||||
bottom: 10px;
|
||||
background-color: #F8BB86; }
|
||||
.sweet-alert .sa-icon.sa-info {
|
||||
border-color: #C9DAE1; }
|
||||
.sweet-alert .sa-icon.sa-info::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 29px;
|
||||
left: 50%;
|
||||
bottom: 17px;
|
||||
border-radius: 2px;
|
||||
margin-left: -2px;
|
||||
background-color: #C9DAE1; }
|
||||
.sweet-alert .sa-icon.sa-info::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
margin-left: -3px;
|
||||
top: 19px;
|
||||
background-color: #C9DAE1; }
|
||||
.sweet-alert .sa-icon.sa-success {
|
||||
border-color: #A5DC86; }
|
||||
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
|
||||
content: '';
|
||||
-webkit-border-radius: 40px;
|
||||
border-radius: 40px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 120px;
|
||||
background: white;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .sa-icon.sa-success::before {
|
||||
-webkit-border-radius: 120px 0 0 120px;
|
||||
border-radius: 120px 0 0 120px;
|
||||
top: -7px;
|
||||
left: -33px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 60px 60px;
|
||||
transform-origin: 60px 60px; }
|
||||
.sweet-alert .sa-icon.sa-success::after {
|
||||
-webkit-border-radius: 0 120px 120px 0;
|
||||
border-radius: 0 120px 120px 0;
|
||||
top: -11px;
|
||||
left: 30px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 0px 60px;
|
||||
transform-origin: 0px 60px; }
|
||||
.sweet-alert .sa-icon.sa-success .sa-placeholder {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid rgba(165, 220, 134, 0.2);
|
||||
-webkit-border-radius: 40px;
|
||||
border-radius: 40px;
|
||||
border-radius: 50%;
|
||||
box-sizing: content-box;
|
||||
position: absolute;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
z-index: 2; }
|
||||
.sweet-alert .sa-icon.sa-success .sa-fix {
|
||||
width: 5px;
|
||||
height: 90px;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
left: 28px;
|
||||
top: 8px;
|
||||
z-index: 1;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .sa-icon.sa-success .sa-line {
|
||||
height: 5px;
|
||||
background-color: #A5DC86;
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
z-index: 2; }
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 46px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .sa-icon.sa-custom {
|
||||
background-size: contain;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
/*
|
||||
* Animations
|
||||
*/
|
||||
@-webkit-keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-transform: scale(0.95); }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
@keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-transform: scale(0.95); }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
@-webkit-keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
|
||||
@keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
|
||||
@-webkit-keyframes slideFromTop {
|
||||
0% {
|
||||
top: 0%; }
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@keyframes slideFromTop {
|
||||
0% {
|
||||
top: 0%; }
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@-webkit-keyframes slideToTop {
|
||||
0% {
|
||||
top: 50%; }
|
||||
100% {
|
||||
top: 0%; } }
|
||||
|
||||
@keyframes slideToTop {
|
||||
0% {
|
||||
top: 50%; }
|
||||
100% {
|
||||
top: 0%; } }
|
||||
|
||||
@-webkit-keyframes slideFromBottom {
|
||||
0% {
|
||||
top: 70%; }
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@keyframes slideFromBottom {
|
||||
0% {
|
||||
top: 70%; }
|
||||
100% {
|
||||
top: 50%; } }
|
||||
|
||||
@-webkit-keyframes slideToBottom {
|
||||
0% {
|
||||
top: 50%; }
|
||||
100% {
|
||||
top: 70%; } }
|
||||
|
||||
@keyframes slideToBottom {
|
||||
0% {
|
||||
top: 50%; }
|
||||
100% {
|
||||
top: 70%; } }
|
||||
|
||||
.showSweetAlert[data-animation=pop] {
|
||||
-webkit-animation: showSweetAlert 0.3s;
|
||||
animation: showSweetAlert 0.3s; }
|
||||
|
||||
.showSweetAlert[data-animation=none] {
|
||||
-webkit-animation: none;
|
||||
animation: none; }
|
||||
|
||||
.showSweetAlert[data-animation=slide-from-top] {
|
||||
-webkit-animation: slideFromTop 0.3s;
|
||||
animation: slideFromTop 0.3s; }
|
||||
|
||||
.showSweetAlert[data-animation=slide-from-bottom] {
|
||||
-webkit-animation: slideFromBottom 0.3s;
|
||||
animation: slideFromBottom 0.3s; }
|
||||
|
||||
.hideSweetAlert[data-animation=pop] {
|
||||
-webkit-animation: hideSweetAlert 0.2s;
|
||||
animation: hideSweetAlert 0.2s; }
|
||||
|
||||
.hideSweetAlert[data-animation=none] {
|
||||
-webkit-animation: none;
|
||||
animation: none; }
|
||||
|
||||
.hideSweetAlert[data-animation=slide-from-top] {
|
||||
-webkit-animation: slideToTop 0.4s;
|
||||
animation: slideToTop 0.4s; }
|
||||
|
||||
.hideSweetAlert[data-animation=slide-from-bottom] {
|
||||
-webkit-animation: slideToBottom 0.3s;
|
||||
animation: slideToBottom 0.3s; }
|
||||
|
||||
@-webkit-keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
|
||||
@keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
|
||||
@-webkit-keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
|
||||
@keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
|
||||
@-webkit-keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
|
||||
@keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
|
||||
.animateSuccessTip {
|
||||
-webkit-animation: animateSuccessTip 0.75s;
|
||||
animation: animateSuccessTip 0.75s; }
|
||||
|
||||
.animateSuccessLong {
|
||||
-webkit-animation: animateSuccessLong 0.75s;
|
||||
animation: animateSuccessLong 0.75s; }
|
||||
|
||||
.sa-icon.sa-success.animate::after {
|
||||
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
||||
animation: rotatePlaceholder 4.25s ease-in; }
|
||||
|
||||
@-webkit-keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
|
||||
.animateErrorIcon {
|
||||
-webkit-animation: animateErrorIcon 0.5s;
|
||||
animation: animateErrorIcon 0.5s; }
|
||||
|
||||
@-webkit-keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
|
||||
@keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
|
||||
.animateXMark {
|
||||
-webkit-animation: animateXMark 0.5s;
|
||||
animation: animateXMark 0.5s; }
|
||||
|
||||
@-webkit-keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
|
||||
@keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
|
||||
.pulseWarning {
|
||||
-webkit-animation: pulseWarning 0.75s infinite alternate;
|
||||
animation: pulseWarning 0.75s infinite alternate; }
|
||||
|
||||
@-webkit-keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
|
||||
@keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
|
||||
.pulseWarningIns {
|
||||
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
|
||||
animation: pulseWarningIns 0.75s infinite alternate; }
|
||||
|
||||
/* Internet Explorer 9 has some special quirks that are fixed here */
|
||||
/* The icons are not animated. */
|
||||
/* This file is automatically merged into sweet-alert.min.js through Gulp */
|
||||
/* Error icon */
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
|
||||
-ms-transform: rotate(45deg) \9; }
|
||||
|
||||
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
|
||||
-ms-transform: rotate(-45deg) \9; }
|
||||
|
||||
/* Success icon */
|
||||
.sweet-alert .sa-icon.sa-success {
|
||||
border-color: transparent\9; }
|
||||
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
|
||||
-ms-transform: rotate(45deg) \9; }
|
||||
|
||||
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
|
||||
-ms-transform: rotate(-45deg) \9; }
|
||||
81
webapp/css/updatePhone.css
Normal file
81
webapp/css/updatePhone.css
Normal file
@ -0,0 +1,81 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
font-family: Hiragino Sans GB, Arial, Helvetica, "<22><><EFBFBD><EFBFBD>", sans-serif;
|
||||
font-size: 14px;
|
||||
color: #323232;
|
||||
-webkit-touch-callout: inherit;
|
||||
-webkit-user-select: auto;
|
||||
background-color: white;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
#head{
|
||||
height: 50px;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#head #p{
|
||||
padding-top:17px;
|
||||
|
||||
}
|
||||
|
||||
#head #p h3{
|
||||
padding-left:20px;
|
||||
float: left;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#head #p a{
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width:60px;
|
||||
height:30px;
|
||||
line-height: 30px;
|
||||
border-radius: 3px;
|
||||
font-size:18px;
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
background-clip: padding-box;
|
||||
margin:-5px 20px;
|
||||
float: right;
|
||||
background-color: #3FA851;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
#form{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#phone{
|
||||
margin:30px 0 0 30px;
|
||||
border: none;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
hr{
|
||||
margin:5px 5px 0 10px;
|
||||
}
|
||||
#info{
|
||||
margin: 15px 5px 0 30px;
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
2023
webapp/css/weui.css
Normal file
2023
webapp/css/weui.css
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user