@charset "UTF-8";

* {margin: 0; padding: 0;}
/* html, body {height: 100%;} */
a {text-decoration: none; color: inherit;}
li {list-style: none;}

.blind {width: 1px; height: 1px; overflow: hidden; position: absolute; top: -9999em;left: -9999em; display: block; text-indent: -9999em; font-size: 0px; line-height: 0;}

.container-wrap {min-width: 320px; margin: 0 auto; width: 100%; height: 100%;}
.contents {height: 100%;}


/* app-header */
.app-header {position: relative; width: 100%; height: 59px; background-color: #425969; overflow: hidden; line-height: 59px;}

/* app-content */
.app-content {position: relative; height: 100%;}
.app-content .img_wrap {width: 100%;}
.app-content .img_wrap img {width: 100%;}

.tab_wrap {position: fixed; bottom: 0; left: 0; background-color: #fff; width: 100%;}
.tab_wrap .tab {display: flex; justify-content: center; margin-bottom: 22px;     padding: 0 12px;}
.tab_wrap .tab button {width: 25%;}


/* tabcontent */
.tabcontent {height: 225px; overflow-y: scroll;}
.tabcontent > div {display: flex; align-items: center;}
.tabcontent > div .first {position: relative; box-sizing: border-box; text-align: center;}

.tabcontent .inner {position: relative; height: 75px; border-bottom: 1px solid #ccc; padding: 0 20px;}
.tabcontent .first {position: absolute; top: 0; left: 0;}
.tabcontent .middle {position: absolute; top: 50%; left: 72px; transform: translateY(-50%);}
.tabcontent .last {position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

.tabcontent .first img {display: block; position: absolute; top: 8px; left: 50%; transform: translateX(-50%);}
.tabcontent .first img.loca {top: 6px;}


/* detail_wrap */
.detail_wrap {position: fixed; bottom: 0; left: 0; background-color: #fff;
width: 100%;}
.detail_wrap_inner {padding: 25px 20px 0;}
.detail_wrap .top {display: flex; justify-content: space-between;}
.detail_wrap .middle {position: relative; margin-top: 14px; display: flex;     align-items: center;}
.detail_wrap .middle span.tag {position: absolute; top: 12px; left: 0;}
.detail_wrap .bottom {display: flex; margin-top: 30px;}
.detail_wrap .bottom a {width: 50%; text-align: center;}