376 lines
8.4 KiB
CSS
376 lines
8.4 KiB
CSS
|
* {max-width:100%;}
|
|||
|
|
html {
|
|||
|
|
background: #FFF;
|
|||
|
|
color: #000
|
|||
|
|
}
|
|||
|
|
*:focus {outline: none;}
|
|||
|
|
body, div, dl, dt, dd, 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;
|
|||
|
|
max-width:100%;
|
|||
|
|
}
|
|||
|
|
fieldset, img {
|
|||
|
|
border: 0
|
|||
|
|
}
|
|||
|
|
address, caption, cite, code, dfn, 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
|
|||
|
|
}
|
|||
|
|
input, textarea, select {
|
|||
|
|
font-size: 100%
|
|||
|
|
}
|
|||
|
|
legend {
|
|||
|
|
color: #000
|
|||
|
|
}
|
|||
|
|
html {
|
|||
|
|
background-color: #f8f7f5
|
|||
|
|
}
|
|||
|
|
*{font-family:Arial, "<><CEA2><EFBFBD>ź<EFBFBD>", sans-serif;}
|
|||
|
|
body {
|
|||
|
|
background: #FFF;
|
|||
|
|
color: #222;
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 15px 15px 0;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
body > .tips {
|
|||
|
|
display: none;
|
|||
|
|
left: 50%;
|
|||
|
|
padding: 20px;
|
|||
|
|
position: fixed;
|
|||
|
|
text-align: center;
|
|||
|
|
top: 50%;
|
|||
|
|
width: 200px;
|
|||
|
|
z-index: 100
|
|||
|
|
}
|
|||
|
|
.page {
|
|||
|
|
padding: 15px
|
|||
|
|
}
|
|||
|
|
.page .page-error, .page .page-loading {
|
|||
|
|
line-height: 30px;
|
|||
|
|
position: relative;
|
|||
|
|
text-align: center
|
|||
|
|
}
|
|||
|
|
.btn {
|
|||
|
|
background-color: #fcfcfc;
|
|||
|
|
border: 1px solid #ccc;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
box-shadow: 0 1px 4px rgba(0,0,0,0.3);
|
|||
|
|
color: #222;
|
|||
|
|
cursor: pointer;
|
|||
|
|
display: block;
|
|||
|
|
font-size: 15px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin: 15px 0;
|
|||
|
|
moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
|
|||
|
|
padding: 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none;
|
|||
|
|
webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3)
|
|||
|
|
}
|
|||
|
|
.icons {
|
|||
|
|
background: url(../images/icons151fd8.png) no-repeat 0 0;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
height: 25px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative;
|
|||
|
|
width: 25px
|
|||
|
|
}
|
|||
|
|
.icons.arrow-r {
|
|||
|
|
background: url(../images/brand_profileinweb_arrow@2x151fd8.png) no-repeat center center;
|
|||
|
|
background-size: 100%;
|
|||
|
|
height: 16px;
|
|||
|
|
width: 12px
|
|||
|
|
}
|
|||
|
|
.icons.check {
|
|||
|
|
background-position: -25px 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#nickname {
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
max-width: 90%;
|
|||
|
|
}
|
|||
|
|
ol, ul {
|
|||
|
|
list-style-position: inside;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#activity-detail .page-bizinfo .header #activity-name {
|
|||
|
|
color: #000;
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
word-break: normal;
|
|||
|
|
word-wrap: break-word
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo .header #post-date {
|
|||
|
|
color: #8c8c8c;
|
|||
|
|
font-size: 11px;
|
|||
|
|
margin: 0
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn {
|
|||
|
|
background: url(../images/brand_profileinweb_bg@2x151fd8.png) no-repeat center center;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
border: 0;
|
|||
|
|
border-radius: 0;
|
|||
|
|
box-shadow: none;
|
|||
|
|
height: 42px;
|
|||
|
|
padding: 12px;
|
|||
|
|
padding-left: 62px;
|
|||
|
|
position: relative;
|
|||
|
|
text-align: left
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn:hover {
|
|||
|
|
background-image: url(../images/brand_profileinweb_bg_HL@2x151fd8.png)
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn .arrow {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 15px;
|
|||
|
|
top: 25px
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn .logo {
|
|||
|
|
height: 42px;
|
|||
|
|
left: 5px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
padding: 6px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 6px;
|
|||
|
|
width: 42px
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn .logo img {
|
|||
|
|
position: relative;
|
|||
|
|
width: 42px;
|
|||
|
|
z-index: 10
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn .logo .circle {
|
|||
|
|
background: url(../images/brand_photo_middleframe@2x151fd8.png) no-repeat center center;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
height: 54px;
|
|||
|
|
left: 0;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
width: 54px;
|
|||
|
|
z-index: 100
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn #nickname {
|
|||
|
|
color: #454545;
|
|||
|
|
font-size: 15px;
|
|||
|
|
text-shadow: 0 1px 1px white
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-bizinfo #biz-link.btn #weixinid {
|
|||
|
|
color: #a3a3a3;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
text-shadow: 0 1px 1px white
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-content {
|
|||
|
|
margin: 18px 0 0;
|
|||
|
|
padding-bottom: 18px
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-content .media {
|
|||
|
|
margin: 18px 0
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-content .media img {
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-content .text {
|
|||
|
|
color: #3e3e3e;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
width: 100%;
|
|||
|
|
/*overflow: hidden;*/
|
|||
|
|
zoom: 1
|
|||
|
|
}
|
|||
|
|
#activity-detail .page-content .text p {
|
|||
|
|
min-height: 1.5em;
|
|||
|
|
min-height: 1.5em
|
|||
|
|
}
|
|||
|
|
#activity-list .header {
|
|||
|
|
font-size: 20px
|
|||
|
|
}
|
|||
|
|
#activity-list .page-list {
|
|||
|
|
border: 1px solid #ccc;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
margin: 18px 0;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
#activity-list .page-list .line.btn {
|
|||
|
|
border-radius: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
text-align: left
|
|||
|
|
}
|
|||
|
|
#activity-list .page-list .line.btn .checkbox {
|
|||
|
|
height: 25px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
padding-left: 35px;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
#activity-list .page-list .line.btn .checkbox .icons {
|
|||
|
|
background-color: #ccc;
|
|||
|
|
left: 0;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0
|
|||
|
|
}
|
|||
|
|
#activity-list .page-list .line.btn.off .icons {
|
|||
|
|
background-image: none
|
|||
|
|
}
|
|||
|
|
.vm {
|
|||
|
|
vertical-align: middle
|
|||
|
|
}
|
|||
|
|
.tc {
|
|||
|
|
text-align: center
|
|||
|
|
}
|
|||
|
|
.db {
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
.dib {
|
|||
|
|
display: inline-block
|
|||
|
|
}
|
|||
|
|
.b {
|
|||
|
|
font-weight: 700
|
|||
|
|
}
|
|||
|
|
.clr {
|
|||
|
|
clear: both
|
|||
|
|
}
|
|||
|
|
.text img {
|
|||
|
|
max-width: 100% !important;
|
|||
|
|
height: auto !important
|
|||
|
|
}
|
|||
|
|
.page-url {
|
|||
|
|
padding-top: 18px
|
|||
|
|
}
|
|||
|
|
.page-url-link {
|
|||
|
|
color: #607fa6;
|
|||
|
|
font-size: 14px;
|
|||
|
|
text-decoration: none;
|
|||
|
|
text-shadow: 0 1px #fff;
|
|||
|
|
-webkit-text-shadow: 0 1px #fff;
|
|||
|
|
-moz-text-shadow: 0 1px #fff
|
|||
|
|
}
|
|||
|
|
.addguestbox{ width:100%;}
|
|||
|
|
|
|||
|
|
.addguestbox td{ text-align:left; height:40px;}
|
|||
|
|
.addguestbox td input{ text-align:left; height:30px;width:200px;}
|
|||
|
|
.addguestbox td.button input{ width:100px; background-color:#670b75; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
|
|||
|
|
.map_container {width:720px; height:600px;}
|
|||
|
|
|
|||
|
|
.blist,.blist ul,.blist ul li{ margin:0; padding:0; width:100%;}
|
|||
|
|
.blist ul li{float:left; margin:10px 10px;}
|
|||
|
|
.blist ul li label{ float:left; font-size:14px; font-weight:bold;width:15%; display:block; }
|
|||
|
|
.blist ul li span{ float:left; margin:0; padding:0; width:83%;display:block;}
|
|||
|
|
.Professionalbox
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
position:relative;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
width:83%;
|
|||
|
|
}
|
|||
|
|
.Professionalbox ul
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
list-style:none;
|
|||
|
|
width:100%;
|
|||
|
|
}
|
|||
|
|
.Professionalbox ul li
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
margin-left:0;
|
|||
|
|
margin-right:10px;
|
|||
|
|
margin-top:0px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
width:auto;
|
|||
|
|
height:30px;
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
background-color:#fff;
|
|||
|
|
overflow:hidden;
|
|||
|
|
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px 3px 3px 3px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
.Professionalbox ul li.selected
|
|||
|
|
{
|
|||
|
|
border:1px solid #00601b;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.Professionalbox ul li span
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0 5px;
|
|||
|
|
width:auto;
|
|||
|
|
height:30px;
|
|||
|
|
display:block;
|
|||
|
|
background-color:#eee;
|
|||
|
|
color:#aaa;
|
|||
|
|
text-align:center;
|
|||
|
|
line-height:30px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
.Professionalbox ul li.selected span
|
|||
|
|
{
|
|||
|
|
padding-right:25px;
|
|||
|
|
background:#eee url(/images/mobilebg.png) no-repeat right -43px;
|
|||
|
|
}
|
|||
|
|
.baomingheader
|
|||
|
|
{
|
|||
|
|
position:relative;margin:0; height:40px; width:100%; color:#fff; text-align:center; font-size:large; font-weight:bold; line-height:40px;background:#00a2e9;
|
|||
|
|
}
|
|||
|
|
.baomingheader a,.baomingheader a:visited{position:relative; float:left; top:0; left:0; width:32px; height:40px;background:#00a2e9 url(/images/mobilebg.png) no-repeat 10px 5px; text-indent:1000px; overflow:hidden;}
|
|||
|
|
.baominglist,.baominglist ul,.baominglist ul li{ margin:0; padding:0;}
|
|||
|
|
.baominglist{margin:0px 10px;}
|
|||
|
|
.baominglist ul{width:100%;}
|
|||
|
|
.baominglist ul li{float:left; margin:5px 0px; width:50%; height:37px; overflow:hidden;}
|
|||
|
|
.baominglist ul li label{ float:left; font-size:14px; font-weight:bold;width:24%; display:block; height:37px; overflow:hidden;}
|
|||
|
|
.baominglist ul li span{ float:left; margin:0; padding:0; width:76%;display:block; height:37px; overflow:hidden;}
|
|||
|
|
input[type='text']{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #dfdfdf; text-indent:2px; height:30px;}
|
|||
|
|
.baominglist ul li span input[type='text']{ width:95%;}
|
|||
|
|
|
|||
|
|
.baoming_log{margin:0px 10px;}
|
|||
|
|
.baoming_log ul{width:100%;}
|
|||
|
|
.baoming_log ul li{float:left; margin:0px; width:100%; height:37px; overflow:hidden; border-bottom:1px solid #dfdfdf; line-height:37px;}
|
|||
|
|
.baoming_log ul li a,.baoming_log ul li a:visited{float:left; font-size:16px; font-weight:bold; background: url(/images/mobilebg.png) no-repeat 0px -74px; text-indent:25px; display:block;}
|
|||
|
|
.baoming_log ul li span{ float:left; display:block; margin-left:20px; font-size:14px; color:#666;}
|
|||
|
|
@media screen and (max-width:480px)
|
|||
|
|
{
|
|||
|
|
.baominglist ul li{width:100%;}
|
|||
|
|
.baominglist ul li label{width:24%;}
|
|||
|
|
.baominglist ul li span{width:76%;}
|
|||
|
|
}
|