html{ background:#fafafa; }
.tbody{ max-width: 640px; margin-left: auto; margin-right: auto;}

.logo{ position: absolute; left: 20px; top:20px; }
.logo img{ max-height:60px; }

.titbar{ position: relative; z-index: 2; background:url(../images/meng.png) top center no-repeat; background-size: 100% auto; margin-top: -180px; padding:120px 15px 10px; min-height: 280px; }

.trans{ position:absolute; left:30px; bottom:60px; }
.trans .mark1{ width:40px; margin-top:-10px; }
.trans .mark2{ width:40px; margin:0 auto; animation: heart 1.3s ease-in-out infinite alternate; }

.infobar{ position: relative; padding-bottom: 20px; }
.infobar .tit{ border-left:10px solid var(--main-color); line-height: 1.2; padding-left: 10px; margin-bottom: 10px; }
.infobar .uk-wrap{ margin:0 15px; box-shadow: 0 0 5px 3px rgba(0,0,0,0.05); padding:15px; border-radius: 10px; background: #fff; }
.infobar .uk-wrap img{ max-width: 100%;}

.fixedbtn{ position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0 0 5px 3px rgba(0,0,0,0.05); padding:10px; }
.fixedbtn .uk-button{ min-height: 55px;}

.weui-popup__modal{ overflow: inherit!important;}
.msgform{ position: relative; }
.msgform .close-popup{ position: absolute; right:20px; top:-20px; background: #fff; border-radius: 50px; padding:10px; width:40px; height: 40px; box-shadow: 0 0 5px 3px rgba(0,0,0,0.05); }
.msgform .close-popup span{ display: block; }
.msgform .hd{ padding: 20px 10px 10px; border-bottom: 1px solid #e5e5e5; }
.msgform .bd{ padding: 10px 15px 0; }
.msgform .bd .uk-input{ height: 44px; font-size: 16px; }
.msgform .fd{ padding: 10px; }


.uk-modal-dialog{ border-radius: 20px; }
.uk-modal-close-outside{ width: 60px; height: 60px; left: 50%; top:auto; bottom:-100px; transform: translate(-50%,0); background:rgba(0,0,0,0.50); border-radius: 50%; }



@keyframes heart{
    from {transform:translate(0,0px) }
    to {transform:translate(0,10px)}/* 下浮高度 */
}

.title{ margin-bottom:10px; }
.title span{ display:block; background:var(--main-color); color:#fff; padding:5px 25px; text-align:center; }

.caselist{ padding:10px; }
.caselist li{ margin-bottom:15px; }
.caselist .uk-wrap{ position:relative; padding:15px; border-radius:10px; background:#fff; box-shadow:0 0 5px 3px rgba(0,0,0,0.1); }
.caselist .uk-wrap::before{ position:absolute; left:0; top:20px; content:''; display:block; width:5px; height:18px; background:var(--main-color); }
.caselist .uk-wrap .tit{ margin-bottom:10px; }

.piclist{ padding:10px; }
.piclist .uk-wrap{ background:#fff; padding:5px;  border-radius:10px;  box-shadow:0 0 5px 3px rgba(0,0,0,0.1); }
.piclist .uk-wrap img{ border-radius:6px; }