@charset "UTF-8";
.wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; min-width: 1200px; }

.main { position: relative; margin: 0 auto; width: 1200px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.header { position: relative; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; background-color: #c6acd1; font-size: 16px; overflow: hidden; }

.header .logo { padding-left: 54px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 50px; font-size: 20px; font-weight: bold; background: url("../img/logo.jpg") no-repeat left center/auto 50px; }

.header ul { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; min-width: 700px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; }

.header ul li { width: 120px; }

.header ul li a { height: 100%; }

.header ul li a:hover { color: #ff0000; }

.header .extral { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; text-align: right; }

.header .extral a { padding: 4px; margin: 0 5px; }

.container { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; background: url("../img/banner.jpg") no-repeat top center/100% 100%, -webkit-gradient(linear, left top, left bottom, from(#fdf9ff), to(#c6acd1)); background: url("../img/banner.jpg") no-repeat top center/100% 100%, -webkit-linear-gradient(#fdf9ff, #c6acd1); background: url("../img/banner.jpg") no-repeat top center/100% 100%, -moz-linear-gradient(#fdf9ff, #c6acd1); background: url("../img/banner.jpg") no-repeat top center/100% 100%, -o-linear-gradient(#fdf9ff, #c6acd1); background: url("../img/banner.jpg") no-repeat top center/100% 100%, linear-gradient(#fdf9ff, #c6acd1); background-blend-mode: overlay; }

.container .main { min-height: -webkit-calc(100vh - 136px); min-height: -moz-calc(100vh - 136px); min-height: calc(100vh - 136px); }

.footer { position: relative; padding: 20px 0; text-align: center; }

/* 漫画列表 */
.manlist { padding-top: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.manlist .cells { position: relative; margin: 0 20px 40px; line-height: 1.5; width: 280px; }

.manlist .cells a { display: block; }

.manlist .cells img { margin: 0 auto; height: 220px; -o-object-fit: cover; object-fit: cover; }

.manlist .cells .name { margin-top: 10px; font-weight: bold; }

.manlist .cells .desc { margin-top: 10px; }

/* 关于我们,联系我们公用 */
.com-content { margin-top: 20px; line-height: 2; font-size: 16px; overflow: hidden; }

/* 用户协议 */
.opacity-content { position: relative; margin: 20px; padding: 30px; font-size: 16px; line-height: 2; background-color: rgba(255, 255, 255, 0.3); overflow: hidden; }

.inps { position: relative; margin: 0 auto 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; width: 300px; }

.inps .label { text-align: right; }

.inps input { margin-left: 10px; }

.inps .wi { width: 180px; }

/* 漫画内页 */
.mh-inner img { margin: 0 auto; display: block; width: 80%; }