body {
|
margin:0;
|
background:#FFFFFF;
|
font-family: Helvetica, Arial, sans-serif;
|
}
|
|
.div_left {
|
text-align:left;
|
}
|
|
.div_center {
|
text-align:center;
|
}
|
|
.div_right {
|
text-align:right;
|
}
|
|
#div_prompt {
|
display:none;
|
position:fixed;
|
z-index:100;
|
left:0;
|
right:0;
|
bottom:100px;
|
height:30px;
|
text-align:center;
|
}
|
|
.div_loading_message {
|
display:inline-block;
|
max-width:240px;
|
height:30px;
|
border-radius:15px;
|
background-color:rgba(0,0,0,0.6);
|
background-image:url(../icon/loading_alpha.gif);
|
background-repeat:no-repeat;
|
background-position:5px 3px;
|
background-size:24px 24px;
|
font-size:14px;
|
padding-left:36px;
|
padding-right:20px;
|
color:#FFFFFF;
|
line-height:30px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_alert_message {
|
display:inline-block;
|
max-width:260px;
|
height:30px;
|
border-radius:15px;
|
border:#606060 1px solid;
|
padding:0 20px;
|
background:rgba(0,0,0,0.8);
|
color:#FFFFFF;
|
font-size:14px;
|
text-align:center;
|
line-height:30px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
#div_confirm {
|
display:none;
|
position:fixed;
|
z-index:50;
|
top:0;
|
left:0;
|
right:0;
|
bottom:0;
|
background:rgba(0,0,0,0.5);
|
}
|
|
.div_confirm_area {
|
position:absolute;
|
top:180px;
|
left:40px;
|
right:40px;
|
height:110px;
|
border-radius:4px;
|
border:#C0C0C0 1px solid;
|
background:#F8F8F8;
|
box-shadow:2px 2px 6px #606060;
|
}
|
|
.div_confirm_label {
|
position:absolute;
|
left:0;
|
top:16px;
|
right:0;
|
height:40px;
|
color:#808080;
|
font-size:16px;
|
text-align:center;
|
line-height:20px;
|
}
|
|
.div_confirm_cancel {
|
position:absolute;
|
left:20px;
|
top:70px;
|
width:80px;
|
height:30px;
|
border-radius:6px;
|
background:#C0C0C0;
|
color:#FFFFFF;
|
font-size:16px;
|
text-align:center;
|
line-height:30px;
|
}
|
|
.div_confirm_ok {
|
position:absolute;
|
right:20px;
|
top:70px;
|
width:80px;
|
height:30px;
|
border-radius:6px;
|
background:#0090FF;
|
color:#FFFFFF;
|
font-size:16px;
|
text-align:center;
|
line-height:30px;
|
}
|
|
#div_visual {
|
display:none;
|
position:fixed;
|
z-index:80;
|
top:0;
|
left:0;
|
right:0;
|
bottom:0;
|
}
|
|
#div_visual_aid {
|
position:absolute;
|
box-sizing:border-box;
|
left:0;
|
top:0;
|
width:80px;
|
height:80px;
|
border-radius:40px;
|
border:#FFFFFF 1px solid;
|
background:rgba(0,0,0,0.2);
|
}
|
|
.div_error {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
background:#FFFFFF;
|
color:#808080;
|
font-size:14px;
|
line-height:20px;
|
padding:8px;
|
overflow:auto;
|
}
|
|
.div_full {
|
display:none;
|
position:fixed;
|
top:0;
|
bottom:0;
|
left:0;
|
right:0;
|
overflow:auto;
|
}
|
|
.div_page {
|
display:none;
|
position:fixed;
|
top:0;
|
bottom:0;
|
right:0;
|
}
|
|
|
@media screen and (max-width:639px) {
|
.div_page { left:0; }
|
}
|
|
@media screen and (min-width:640px) {
|
.div_page { left:280px; }
|
}
|
|
.div_page_title {
|
position:absolute;
|
top:0;
|
left:0;
|
right:0;
|
height:40px;
|
background:#0090FF;
|
padding:0 60px;
|
color:#FFFFFF;
|
font-size:16px;
|
font-weight:bold;
|
line-height:40px;
|
overflow:hidden;
|
text-align:center;
|
}
|
|
.div_page_back {
|
position:absolute;
|
left:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_back.png);
|
background-size:40px 40px;
|
}
|
|
.div_page_white {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
background:#FFFFFF;
|
overflow:auto;
|
-webkit-overflow-scrolling: touch;
|
}
|
|
.div_page_grey {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
background:#F0F0F0;
|
overflow:auto;
|
-webkit-overflow-scrolling: touch;
|
}
|
|
.div_page_lite {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
background:-webkit-linear-gradient(bottom, #D0E0FF, #F0F8FF);
|
overflow:auto;
|
-webkit-overflow-scrolling: touch;
|
}
|
|
.div_page_group {
|
position:relative;
|
overflow:hidden;
|
}
|
|
.div_header_plus {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_plus.png);
|
background-size:100%;
|
}
|
|
.div_header_filter {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_filter.png);
|
background-size:100%;
|
}
|
|
.div_header_confirm {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_confirm.png);
|
background-size:100%;
|
}
|
|
.div_header_start {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_start.png);
|
background-size:100%;
|
}
|
|
.div_header_edit {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_edit.png);
|
background-size:100%;
|
}
|
|
.div_header_comment {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_say.png);
|
background-size:100%;
|
}
|
|
.div_header_users {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_users.png);
|
background-size:100%;
|
}
|
|
.div_header_info {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_info.png);
|
background-size:100%;
|
}
|
|
.div_header_dot {
|
position:absolute;
|
right:2px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_dot.png);
|
background-size:100%;
|
}
|
|
.div_header_button {
|
position:absolute;
|
right:10px;
|
top:4px;
|
width:60px;
|
height:30px;
|
box-sizing:border-box;
|
border: 1px solid transparent;
|
border-color: rgba(255,255,255,0.6);
|
border-radius:4px;
|
color:#FFF;
|
text-align:center;
|
line-height:30px;
|
background-size:100%;
|
}
|
|
.div_menu {
|
display:none;
|
position:fixed;
|
box-sizing:border-box;
|
top:0;
|
bottom:0;
|
left:0;
|
}
|
|
@media screen and (max-width:639px) {
|
.div_menu { right:0; }
|
}
|
@media screen and (min-width:640px) {
|
.div_menu { width:280px; }
|
}
|
|
.div_menu_title {
|
position:absolute;
|
top:0;
|
left:0;
|
right:0;
|
height:40px;
|
background:#0090FF;
|
padding:0 60px;
|
color:#FFFFFF;
|
font-size:16px;
|
font-weight:bold;
|
line-height:40px;
|
text-align:center;
|
overflow:hidden;
|
}
|
|
.div_menu_back {
|
position:absolute;
|
left:6px;
|
top:0;
|
width:40px;
|
height:40px;
|
background:url(../icon/header_menu.png);
|
background-size:100%;
|
}
|
|
.div_menu_group {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
background:-webkit-linear-gradient(left, #D0E0FF, #F0F8FF);
|
padding-top:12px;
|
overflow:auto;
|
}
|
|
@media screen and (min-width:640px) {
|
.div_menu_group { border-right:#C0D0E0 1px solid; }
|
}
|
|
.div_menu_off {
|
position:relative;
|
box-sizing:border-box;
|
margin:20px 10px;
|
height:50px;
|
border-radius:4px;
|
background-color:#FFFFFF;
|
background-image:url(../icon/menu_forward_off.png);
|
background-repeat:no-repeat;
|
background-position:center right;
|
background-size:30px 30px;
|
padding-left:64px;
|
color:#6080A0;
|
font-size:18px;
|
line-height:50px;
|
-webkit-touch-callout:none;
|
-webkit-user-select:none;
|
}
|
|
.div_menu_on {
|
position:relative;
|
box-sizing:border-box;
|
margin:20px 10px;
|
height:50px;
|
border-radius:4px;
|
background-color:#0090FF;
|
background-image:url(../icon/menu_forward_on.png);
|
background-repeat:no-repeat;
|
background-position:center right;
|
background-size:30px 30px;
|
padding-left:64px;
|
color:#FFFFFF;
|
font-size:18px;
|
line-height:50px;
|
-webkit-touch-callout: none;
|
-webkit-user-select:none;
|
}
|
|
.div_menu_on img, .div_menu_off img {
|
position:absolute;
|
top:10px;
|
left:16px;
|
width:30px;
|
height:30px;
|
}
|
|
.div_field {
|
position:absolute;
|
z-index:3;
|
top:40px;
|
left:0;
|
right:0;
|
height:32px;
|
border-bottom:#60A0FF 1px solid;
|
background:rgba(230, 240, 255, 0.9);
|
}
|
|
.div_field_item {
|
position:relative;
|
box-sizing:border-box;
|
float:left;
|
margin:6px 0;
|
height:20px;
|
color:#0060C0;
|
font-size:14px;
|
line-height:20px;
|
text-align:center;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_field_border {
|
border-right:#A0D0E0 1px solid;
|
}
|
|
.div_field_filler {
|
position:relative;
|
height:32px;
|
}
|
|
.div_sheet {
|
position:absolute;
|
top:72px;
|
left:0;
|
right:0;
|
bottom:0;
|
background:#FFFFFF;
|
overflow:auto;
|
}
|
|
.div_row {
|
position:relative;
|
height:28px;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_row_blue {
|
position:relative;
|
height:28px;
|
background:#E0F0FF;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_cell {
|
position:relative;
|
box-sizing:border-box;
|
float:left;
|
height:28px;
|
padding:2px;
|
color:#808080;
|
font-size:12px;
|
line-height:24px;
|
text-align:center;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_property {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
padding:8px;
|
background:#FFFFFF;
|
overflow:auto;
|
}
|
|
.div_property_title {
|
position:relative;
|
margin-top:20px;
|
height:24px;
|
border-bottom:#0090FF 1px solid;
|
background:url(../icon/next.png) no-repeat center left;
|
background-size:12px 12px;
|
padding-left:24px;
|
font-size:14px;
|
line-height:24px;
|
color:#0090FF;
|
}
|
|
.div_property_row {
|
position:relative;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_property_label {
|
position:absolute;
|
top:0;
|
left:0;
|
width:100px;
|
height:28px;
|
color:#808080;
|
font-size:14px;
|
line-height:28px;
|
}
|
|
.div_property_content {
|
position:relative;
|
min-height:18px;
|
padding:5px 5px 5px 100px;
|
color:#0090FF;
|
font-size:14px;
|
line-height:18px;
|
white-space:normal;
|
word-break:break-all;
|
}
|
|
.div_form {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
padding:8px;
|
background:#FFFFFF;
|
overflow:auto;
|
}
|
|
.div_form_row {
|
position:relative;
|
border-bottom:#F0F0F0 1px solid;
|
overflow:hidden;
|
}
|
|
.div_form_label {
|
position:absolute;
|
top:0;
|
left:0;
|
width:80px;
|
height:48px;
|
color:#808080;
|
font-size:14px;
|
line-height:48px;
|
}
|
|
.div_form_content {
|
position:relative;
|
margin-left:80px;
|
padding:10px 0;
|
color:#0090FF;
|
font-size:14px;
|
line-height:28px;
|
overflow:hidden;
|
}
|
|
.div_form_prompt {
|
position:relative;
|
margin-left:80px;
|
height:28px;
|
padding:10px 0;
|
color:#A0A0A0;
|
font-size:14px;
|
line-height:28px;
|
overflow:hidden;
|
}
|
|
.div_form_check_on {
|
position:relative;
|
margin:6px 0;
|
height:16px;
|
background:url(../icon/filter_on.png) no-repeat left center;
|
background-size:16px 16px;
|
padding-left:20px;
|
color:#808080;
|
font-size:14px;
|
line-height:16px;
|
}
|
|
.div_form_check_off {
|
position:relative;
|
margin:6px 0;
|
height:16px;
|
background:url(../icon/filter_off.png) no-repeat left center;
|
background-size:16px 16px;
|
padding-left:20px;
|
color:#808080;
|
font-size:14px;
|
line-height:16px;
|
}
|
|
.div_switch_off, .div_switch_on {
|
position:relative;
|
float:left;
|
height:28px;
|
border:#0090FF 1px solid;
|
border-right:none;
|
padding:0 16px;
|
font-size:14px;
|
text-align:center;
|
line-height:28px;
|
}
|
|
.div_switch_off {
|
background:#FFFFFF;
|
color:#0090FF;
|
}
|
|
.div_switch_on {
|
background:#0090FF;
|
color:#FFFFFF;
|
}
|
|
.div_switch_left {
|
border-top-left-radius:4px;
|
border-bottom-left-radius:4px;
|
}
|
|
.div_switch_right {
|
border-top-right-radius:4px;
|
border-bottom-right-radius:4px;
|
border-right:#0090FF 1px solid;
|
}
|
|
.input_text {
|
display:block;
|
position:relative;
|
width:80%;
|
height:24px;
|
border-radius:2px;
|
border:#E0E0E0 1px solid;
|
background:#F8F8F8;
|
padding:1px;
|
color:#606060;
|
font-size:14px;
|
line-height:24px;
|
-webkit-appearance:none;
|
outline:none;
|
resize:none;
|
}
|
|
.input_file {
|
display:block;
|
opacity:0;
|
height:8px;
|
-webkit-appearance:none;
|
outline:none;
|
resize:none;
|
}
|
|
.input_textarea {
|
display:block;
|
position:relative;
|
width:80%;
|
height:60px;
|
border-radius:2px;
|
border:#E0E0E0 1px solid;
|
background:#F8F8F8;
|
padding:1px;
|
color:#606060;
|
font-size:14px;
|
line-height:20px;
|
-webkit-appearance:none;
|
outline:none;
|
resize:none;
|
}
|
|
.div_photo_group {
|
position:relative;
|
overflow:hidden;
|
}
|
|
.div_photo_add {
|
position:relative;
|
float:left;
|
margin:8px;
|
width:58px;
|
height:58px;
|
border:#E0E0E0 1px solid;
|
border-radius:4px;
|
color:#0090FF;
|
font-size:36px;
|
line-height:54px;
|
text-align:center;
|
}
|
|
.img_photo {
|
display:block;
|
position:relative;
|
float:left;
|
margin:8px;
|
height:58px;
|
border:#E0E0E0 1px solid;
|
border-radius:4px;
|
}
|
|
.div_button_area {
|
position:absolute;
|
z-index:5;
|
bottom:0;
|
left:0;
|
right:0;
|
height:40px;
|
padding:6px 12px;
|
border-top:#C0D0E0 1px solid;
|
background:#F0F8FF;
|
}
|
|
.div_button {
|
position:relative;
|
margin:8px auto;
|
box-sizing:border-box;
|
width:40%;
|
height:28px;
|
border-radius:4px;
|
font-size:16px;
|
line-height:28px;
|
text-align:center;
|
}
|
|
.div_button_2 {
|
position:relative;
|
float:left;
|
margin:8px 10%;
|
box-sizing:border-box;
|
width:30%;
|
height:28px;
|
border-radius:4px;
|
font-size:16px;
|
line-height:28px;
|
text-align:center;
|
}
|
|
.div_button_3 {
|
position:relative;
|
float:left;
|
margin:8px 5%;
|
box-sizing:border-box;
|
width:23%;
|
height:28px;
|
border-radius:4px;
|
font-size:16px;
|
line-height:28px;
|
text-align:center;
|
}
|
|
.div_button_off {
|
background:#FFFFFF;
|
color:#0090FF;
|
border:#0090FF 1px solid;
|
}
|
|
.div_button_on {
|
background:#0090FF;
|
color:#FFFFFF;
|
}
|
|
.div_button_red {
|
background:#FFFFFF;
|
color:#FF0000;
|
border:#C0C0C0 1px solid;
|
}
|
|
#div_guide {
|
display:none;
|
position:fixed;
|
z-index:10;
|
top:0;
|
left:0;
|
right:0;
|
height:200px;
|
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
|
}
|
|
.div_guide_icon {
|
position:absolute;
|
right:10px;
|
top:4px;
|
width:54px;
|
height:54px;
|
background:url(../icon/guide_corner.png);
|
background-size:100%;
|
}
|
|
.div_guide_label {
|
position:absolute;
|
right:60px;
|
top:24px;
|
line-height:20px;
|
color:#FFFFFF;
|
font-size:14px;
|
text-align:right;
|
}
|
|
.div_list_item {
|
position:relative;
|
margin:0 8px;
|
height:36px;
|
border-bottom:#E0E0E0 1px solid;
|
background:#FFFFFF;
|
color:#A0A0A0;
|
font-size:12px;
|
text-align:center;
|
line-height:36px;
|
}
|
|
.div_list_code {
|
position:absolute;
|
top:0;
|
left:0;
|
width:80px;
|
height:36px;
|
font-size:14px;
|
line-height:36px;
|
text-align:left;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_list_name {
|
position:absolute;
|
top:0;
|
left:80px;
|
right:32px;
|
height:36px;
|
font-size:14px;
|
line-height:36px;
|
text-align:left;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_list_del {
|
position:absolute;
|
top:0;
|
right:0;
|
width:36px;
|
height:36px;
|
background:url(../icon/del2.png) no-repeat center;
|
background-size:20px 20px;
|
}
|
|
.div_geo_group {
|
position:absolute;
|
top:40px;
|
bottom:0;
|
left:0;
|
right:0;
|
overflow:auto;
|
padding:8px;
|
background:#E0E0E0;
|
}
|
|
.div_geo_item {
|
position:relative;
|
float:left;
|
box-sizing:border-box;
|
border-bottom:#E0E0E0 1px solid;
|
border-right:#E0E0E0 1px solid;
|
width:50%;
|
height:32px;
|
background:#FFFFFF;
|
padding:0 12px;
|
color:#808080;
|
font-size:14px;
|
line-height:32px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_coming_label {
|
margin:30px;
|
color:#808080;
|
text-align:center;
|
}
|
|
.img_coming_icon {
|
display:block;
|
margin:10px auto;
|
width:128px;
|
height:128px;
|
}
|
|
.div_preview_area {
|
position:absolute;
|
top:20px;
|
left:20px;
|
right:20px;
|
bottom:60px;
|
}
|
|
#img_preview {
|
display:block;
|
position:relative;
|
max-width:100%;
|
max-height:100%;
|
margin:0 auto;
|
}
|
|
.div_upload_area {
|
position:absolute;
|
left:40px;
|
right:40px;
|
bottom:30px;
|
height:30px;
|
}
|
|
.div_upload_bar {
|
position:relative;
|
margin:0 auto;
|
width:200px;
|
height:8px;
|
border:#0090FF 1px solid;
|
border-radius:4px;
|
}
|
|
#div_upload_percent {
|
position:absolute;
|
top:2px;
|
left:2px;
|
width:2px;
|
height:4px;
|
border-radius:3px;
|
background:#0090FF;
|
}
|
|
.div_upload_info {
|
position:relative;
|
margin:0 auto;
|
width:200px;
|
height:20px;
|
}
|
|
#div_upload_number {
|
position:absolute;
|
left:2px;
|
top:0;
|
height:20px;
|
color:#0090FF;
|
font-size:10px;
|
line-height:20px;
|
}
|
|
#div_upload_status {
|
position:absolute;
|
left:60px;
|
right:60px;
|
top:0;
|
height:20px;
|
color:#0090FF;
|
font-size:10px;
|
line-height:20px;
|
text-align:center;
|
}
|
|
#div_upload_size {
|
position:absolute;
|
right:2px;
|
top:0;
|
height:20px;
|
color:#0090FF;
|
font-size:10px;
|
line-height:20px;
|
text-align:right;
|
}
|
