代码修改后的版本，全部提交
This commit is contained in:
ss001
375
Mtxfw.VipSite/mobile/css/three-level.css
Normal file
375
Mtxfw.VipSite/mobile/css/three-level.css
Normal file
@@ -0,0 +1,375 @@
|
||||
* {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%;}
|
||||
}
|
||||
Reference in New Issue
Block a user