* {padding: 0; margin: 0; font-family: "微软雅黑"; } body {margin-bottom: 100px; } a {text-decoration: none; } .pbOpacity, .pbOpacityError {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: 999999; display: none; } .pbContent {width: 300px; /*height: 390px;*/ padding-bottom: 15px; background-color: #fff; margin: 20% auto; position: relative; box-shadow: 0 0 30px rgba(0, 0, 0, .6); text-align: center; } .pbCcloseIcon {display: inline-block; position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; cursor: pointer; /*border-radius: 15px; background-color: rgba(204, 204, 204, 0.34);*/ background: url("../images/icon.png") no-repeat -149px -31px; } .pbCcloseIcon:hover {background: url("../images/icon.png") no-repeat -180px -31px; } .pbCcloseIcon p {/*line-height: 30px;*/ font-size: 17px !important; display: none; } .pbCImg {/*margin-top: 6%;*/ text-align: center; } .pbCTowxBox {border-top: 2px solid #eee; background-color: #f8f8f8; /*position: absolute;*/ bottom: 18px; width: 100%; padding-top: 15px; } .pbCTowx {width: 90%; display: block; margin: 0 auto; /*background-color: #f54343;*/ background-color: #1AAD19; /*border-radius: 5px;*/ color: #fff; font-size: 18px; padding: 5px 0; /*border: 1px solid rgba(255,0,0,.5);*/ border: 1px solid rgba(0, 188, 212, 0.6); box-shadow: 1px 1px 2px rgba(0, 0, 0, .6); } .pbCTitle2 {font-size: 15px; padding: 0 10px; } .pbCTitle3 {font-size: 15px; color: #999; margin: 10px 0px; padding: 0 10px; } .pbCTitle2 .public {color: #f54343; font-weight: bold; } .pbCTitle1 {padding: 10px 0; text-align: center; font-size: 20px; color: #666; background-color: #f8f8f8; border-bottom: 2px solid #eee; } .open_div {width: 100px; height: 30px; background-color: #1AAD19; line-height: 30px; text-align: center; margin-left: 70%; margin-top: 23px; border-radius: 5px; } .open_div a {color: #FFF; display: block; } .popup {position: fixed; bottom: 0; width: 100%; overflow: hidden; z-index: 9999; height: 70px; max-width: 750px; border-top: 1px #CCC solid; background-color: #FFF; left: 50%; margin-left: -375px; } .img_div {float: left; } .content_div {height: 70px; float: left; margin-left: 25px; line-height: 35px; } .content_div span {display: block; width: 150px; } .content_div span:nth-child(1) {float: left; } .content_div span font {color: red; font-weight: bold; float: right; } .pbCImg img {margin: 0 auto; width: 100%; } .content_div span input {color: red; font-weight: bold; float: right; width: 80px; line-height: 35px; border: none; outline: none; text-align: center; font-size: 20px; } .mask {display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; background: unset !important; background-color: unset !important; } .main-content {padding: 0px; } .bottomBar {background: #FFF; position: fixed; z-index: 999; left: 0px; bottom: 0px; width: 100%; height: 70px; padding: 0px; margin: 0px; box-shadow: 0px 0px 5px 0px #CCC; } .bottomBarDiv {width: 100%; height: 100%; } .wxPng {padding: 5px; width: 60px; } .openWx {width: 70px; height: 30px; float: right; margin: 20px 0px; margin-right: 15px; background: #28c65b; text-align: center; line-height: 30px; } .openWx a {color: #FFF; } .bottomBarContentDiv {height: 70px; } .bottomBarContent {display: block; height: 35px; line-height: 35px; margin-left: 10px; } .bottomBarDiv div {float: left; } .bottomBarDiv div:last-child {float: right; } .wxId {color: red; font-weight: 600; }