* {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, "΢ÈíÑźÚ", 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%;} }