* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft Yahei", sans-serif; }
body { background-color: #f5f5f5; }
.blackblock { height:80px; width:100%; }
a { text-decoration: none; }
/* 顶部栏样式 */
.top-bar { display: flex; align-items: center; padding: 10px 15px; background: linear-gradient(to right, #ff6b6b, #ff9a8b); color: white; position: relative; }
.city-select { display: flex; align-items: center; margin-right: 15px; }
.city-select i { margin-left: 5px; font-size: 12px; }
.search-box { flex: 1; background-color: rgba(255, 255, 255, 0.2); padding: 8px 12px; border-radius: 20px; display: flex; align-items: center; }
.search-box i { margin-right: 5px; }
/* 浮动按钮样式 */
.float-buttons { position: fixed; top: 15px; right: 15px; display: flex; flex-direction: column; z-index: 999; }
.float-btn { background-color: white; border: none; border-radius: 5px; padding: 8px 12px; margin-bottom: 5px; display: flex; align-items: center; color: #333; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); cursor: pointer; }
.float-btn i { margin-right: 5px; }
#video-btn i { color: #4ade80; /* 教程视频图标颜色 */ }
#service-btn i { color: #42a5f5; /* 联系客服图标颜色 */ }
/* Banner区域样式 */
.banner { background: linear-gradient(to bottom, #ff9a8b, #ffc3a0); padding: 20px 15px; text-align: center; color: white; }
.banner h1 { font-size: 28px; margin-bottom: 10px; }
.banner p { font-size: 16px; margin-bottom: 5px; }
/* 服务网格样式 */
.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 15px; }
.service-item { background-color: white; border-radius: 8px; padding: 15px; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
.icon { width: 50px; height: 50px; margin: 0 auto 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; }
/* 各服务项图标背景色 */
.id-loss { background-color: #42a5f5; }
.personal-doc { background-color: #ffa726; }
.enterprise-doc { background-color: #64b5f6; }
.invoice { background-color: #ab47bc; }
.marriage { background-color: #f06292; }
.announcement { background-color: #f44336; }
.court { background-color: #f57c00; }
.government { background-color: #7e57c2; }
.debt { background-color: #ffc107; }
.labor { background-color: #ffa726; }
.environment { background-color: #4caf50; }
.auction { background-color: #607d8b; }
.apology { background-color: #8bc34a; }
.praise { background-color: #4caf50; }
.promotion { background-color: #2196f3; }
.overseas { background-color: #f44336; }
.service-item p { font-size: 12px; line-height: 1.5; }
/* 底部导航栏样式 */
.nav-bar { display: flex; background-color: white; border-top: 1px solid #eee; padding: 10px 0; position: fixed; width: 100%; bottom: 0; }
.nav-item { flex: 1; text-align: center; color: #666; cursor: pointer; font-size:14px; }
.nav-item.active { color: #ff6b6b; }
.nav-item i { display: block; margin-bottom: 5px; font-size: 22px; }
.nav-item p { font-size: 12px; }
/* 新增：顶部导航栏（带返回按钮） */
.top-bar h1 { flex: 1; text-align: center; font-size: 18px; font-weight: normal; }
.back-btn { margin-right: 10px; cursor: pointer; }
/* 新增：登报内容区域 */
.notice-section { background-color: white; padding: 15px; margin: 10px 0; border-radius: 8px; }
.notice-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.notice-header span { color: #666; font-size: 15px; }
.edit-btn { background-color: transparent; border: 1px solid #ff6b6b; color: #ff6b6b; padding: 5px 10px; border-radius: 4px; font-size: 14px; cursor: pointer; }
.notice-content { color: #333; line-height: 1.6; font-size: 15px; padding: 10px; background-color: #f9f9f9; border-radius: 4px; }
/* 新增：报纸推荐说明 */
.newspaper-desc { padding: 0 15px; margin-bottom: 15px; }
.newspaper-desc p { color: #666; font-size: 14px; line-height: 1.5; }
/* 新增：报纸选择区域 */
.newspaper-select { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 10px; }
.select-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.select-header span { font-size: 16px; color: #333; font-weight: 500; }
.city-location { display: flex; align-items: center; color: #666; font-size: 14px; }
.city-location i:first-child { color: #ff6b6b; margin-right: 5px; }
.city-location i:last-child { margin-left: 5px; font-size: 12px; }
.newspaper-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.newspaper-card { border: 1px solid #eee; border-radius: 6px; padding: 10px; position: relative; text-align: center; cursor: pointer; }
.newspaper-card.active { border-color: #ff6b6b; background-color: rgba(255, 107, 107, 0.05); }
.newspaper-level { position: absolute; top: 5px; left: 5px; font-size: 12px; padding: 2px 5px; border-radius: 3px; color: white; }
.national { background-color: #42a5f5; /* 国家级 */ }
.provincial { background-color: #4caf50; /* 省级 */ }
.municipal { background-color: #ff9800; /* 市级 */ }
.newspaper-tag { position: absolute; top: 5px; right: 5px; font-size: 12px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-color: #ff6b6b; color: white; }
.newspaper-name { margin: 25px 0 5px; font-size: 14px; color: #333; }
.newspaper-price { font-size: 15px; color: #ff6b6b; font-weight: 500; }
.newspaper-card input[type="radio"] { position: absolute; opacity: 0; }
/* 新增：数量控制区域 */
.quantity-control { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 10px; }
.control-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.control-item:last-child { margin-bottom: 0; }
.control-item label { color: #666; font-size: 15px; }
.number-control { display: flex; align-items: center; }
.control-btn { width: 30px; height: 30px; border: 1px solid #eee; background-color: white; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.number-control input { width: 40px; height: 30px; text-align: center; border: 1px solid #eee; border-left: none; border-right: none; font-size: 15px; margin-bottom: 0;}
/* 新增：收件信息区域 */
.recipient-info { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 10px; }
.info-item { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #f5f5f5; }
.info-item:last-child { border-bottom: none; }
.info-item label { width: 80px; color: #666; font-size: 15px; }
.info-item input { flex: 1; padding: 8px 10px; border: 1px solid #eee; border-radius: 4px; font-size: 15px; color: #333; }
.area-select { flex: 1; display: flex; justify-content: space-between; align-items: center; color: #999; font-size: 15px; }
.select-address { background-color: #f5f5f5; border: none; padding: 6px 10px; border-radius: 4px; font-size: 12px; color: #666; margin-left: 10px; cursor: pointer; border:1px solid #3DA3ED; }
/* 新增：选填项区域 */
.optional-section { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 10px; }
.optional-section h3 { font-size: 16px; color: #333; margin-bottom: 10px; font-weight: 500; }
.optional-section p { color: #666; font-size: 14px; margin-bottom: 5px; }
.optional-section .note { color: #999; margin-bottom: 15px; }
.upload-btn { width: 50px; height: 50px; border: 1px dashed #ccc; border-radius: 8px; background-color: #f9f9f9; display: flex; align-items: center; justify-content: center; color: #999; font-size: 20px; margin-bottom: 15px; cursor: pointer; }
/* 新增：发票和支付区域 */
.invoice-payment { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 80px; /* 预留底部按钮空间 */ }
.invoice-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; }
.invoice-item label { color: #666; font-size: 15px; }
.invoice-select { display: flex; align-items: center; color: #333; font-size: 15px; }
.invoice-select i { margin-left: 5px; color: #999; }
.total-payment { display: flex; justify-content: space-between; align-items: center; position: fixed; width: 100%; bottom: 0; left: 0; background: #fff; padding: 10px 20px; }
.total-price { font-size: 18px; color: #ff6b6b; font-weight: 500; }
.pay-btn { background-color: #ff6b6b; color: white; border: none; padding: 10px 25px; border-radius: 20px; font-size: 16px; cursor: pointer; }
/* 新增：填写登报内容页面样式 */
.notice-info { background-color: white; padding: 15px; margin: 10px 0; border-radius: 8px; }
.info-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f5f5f5; }
.info-item:last-child { border-bottom: none; }
.info-item label { color: #333; font-size: 16px; font-weight: 500; }
.info-item span { color: #999; font-size: 15px; }
.notice-content-section { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 10px; }
.content-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.content-header label { font-size: 16px; color: #333; font-weight: 500; }
.template-tip { color: #ff6b6b; font-size: 14px; margin-left: 5px; }
.reset-btn { background-color: white; border: 1px solid #ddd; color: #666; padding: 6px 15px; border-radius: 4px; font-size: 14px; cursor: pointer; }
.clear-btn { background-color: white; border: 1px solid #ff6b6b; color: #ff6b6b; padding: 6px 15px; border-radius: 4px; font-size: 14px; cursor: pointer; margin-left: 5px; }
.notice-textarea { width: 100%; border: 1px solid #eee; border-radius: 4px; padding: 10px; font-size: 15px; line-height: 1.8; resize: none; }
.replace-btn { display:none; position: relative; left: calc(100% - 100px); top: -49px; background-color: white; border: 1px solid #eee; border-radius: 20px; padding: 6px 15px; font-size: 14px; cursor: pointer; /*display: flex;*/ align-items: center; }
.replace-btn i { margin-right: 5px; }
.modify-tip { color: #ff6b6b; font-size: 15px; margin-top: 10px; }
.notice-rules { background-color: white; padding: 15px; border-radius: 8px; margin-bottom: 100px; }
.id-card-tip { color: #ff6b6b; font-size: 15px; line-height: 1.6; margin-bottom: 15px; }
.promise h3 { color: #333; font-size: 16px; margin-bottom: 8px; }
.promise p { color: #666; font-size: 14px; line-height: 1.6; }
.action-buttons { display: flex; padding: 15px; position: fixed; bottom: 0; left: 0; right: 0; background-color: white; border-top: 1px solid #f5f5f5; }
.preview-btn { flex: 1; background-color: white; border: 1px solid #ff6b6b; color: #ff6b6b; padding: 12px 0; border-radius: 30px; font-size: 16px; cursor: pointer; margin-right: 10px; }
.select-newspaper-btn { flex: 2; background-color: #ff6b6b; color: white; border: none; padding: 12px 0; border-radius: 30px; font-size: 16px; cursor: pointer; }
/* 新增：订单详情页面样式 */
.top-bar .home-btn { margin-right: 10px; cursor: pointer; }
.order-track, .recipient-address, .order-info, .upload-image { background-color: white; padding: 15px; border-radius: 8px; margin: 10px 0; }
.track-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.track-header h2 { font-size: 16px; color: #333; font-weight: 500; }
.track-header i { color: #999; }
.order-track p { color: #666; font-size: 14px; line-height: 1.6; }
.order-track p span { font-weight: 500; }
.recipient-address h2, .order-info h2, .upload-image h2 { font-size: 16px; color: #333; font-weight: 500; margin-bottom: 15px; }
.address-info { display: flex; align-items: flex-start; }
.address-info i { color: #42a5f5; font-size: 20px; margin-right: 10px; margin-top: 3px; }
.address-text p { color: #666; font-size: 14px; line-height: 1.6; }
.address-text p:first-child { font-weight: 500; }
.info-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.pay-btn { background-color: #ff6b6b; color: white; border: none; padding: 8px 20px; border-radius: 4px; font-size: 14px; cursor: pointer; }
.info-list { list-style: none; }
.info-list li { display: flex; padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
.info-list li:last-child { border-bottom: none; }
.info-list li span:first-child { width: 100px; color: #333; font-size: 15px; font-weight: 500; }
.info-list li span:last-child, .info-list li p { flex: 1; color: #666; font-size: 15px; line-height: 1.6; }
.info-list li p { margin: 0; }
.info-list li span:last-child { font-weight: normal; }
 .info-list li:nth-child(5) span:last-child {
 color: #ff6b6b;
 font-weight: 500;
}
.upload-btn { width: 80px; height: 80px; border: 1px dashed #ccc; border-radius: 8px; background-color: #f9f9f9; display: flex; align-items: center; justify-content: center; color: #999; font-size: 24px; cursor: pointer; }
.action-buttons { display: flex; padding: 15px; position: fixed; bottom: 0; left: 0; right: 0; background-color: white; border-top: 1px solid #f5f5f5; }
.modify-order-btn { flex: 1; background-color: white; border: 1px solid #ddd; color: #333; padding: 12px 0; border-radius: 4px; font-size: 16px; cursor: pointer; margin-right: 10px; }
.return-list-btn { flex: 1; background-color: #ff6b6b; color: white; border: none; padding: 12px 0; border-radius: 4px; font-size: 16px; cursor: pointer; }
/* 新增：发票页面样式 */
.invoice-type, .title-type, .personal-info, .invoice-note, .receive-email, .lipiaoxia-feature, .invoice-instruction { background-color: white; padding: 15px; border-radius: 8px; margin: 10px 0; }
label { display: block; font-size: 16px; color: #666; margin-bottom: 10px; }
.btn-group { display: flex; gap: 10px; }
.type-btn, .title-btn { flex: 1; padding: 8px 0; border-radius: 20px; font-size: 14px; cursor: pointer; }
.type-btn.active { background-color: #ff6b6b; color: white; border: 1px solid #ff6b6b; }
.type-btn { background-color: white; color: #999; border: 1px solid #ddd; }
.title-btn.active { background-color: #ff6b6b; color: white; border: 1px solid #ff6b6b; }
.title-btn { background-color: white; color: #999; border: 1px solid #ddd; }
.input-item { margin-bottom: 15px; }
.input-item input { width: 100%; padding: 10px; border: 1px solid #eee; border-radius: 4px; font-size: 15px; color: #333; }
 .input-item input::placeholder {
 color: #ccc;
}
.invoice-note p { color: #333; font-size: 14px; line-height: 1.6; }
.red-highlight { color: #ff6b6b; font-weight: 500; }
.receive-email .email-info { display: flex; justify-content: space-between; align-items: center; padding: 10px; border: 1px solid #eee; border-radius: 4px; margin-bottom: 10px; }
.close-btn { background-color: transparent; border: none; cursor: pointer; color: #999; }
.email-tip { color: #999; font-size: 14px; line-height: 1.6; }
.blue-highlight { color: #42a5f5; }
.lipiaoxia-feature .app-info { display: flex; flex-direction: column; align-items: center; margin-bottom: 15px; }
.app-icon { width: 60px; height: 60px; border-radius: 8px; margin-bottom: 5px; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.feature-item { text-align: center; }
.feature-icon { width: 40px; height: 40px; border-radius: 6px; margin-bottom: 5px; }
.feature-item h3 { font-size: 15px; color: #333; margin-bottom: 5px; }
.feature-item p { font-size: 13px; color: #999; line-height: 1.5; }
.invoice-instruction h3 { font-size: 16px; color: #333; margin-bottom: 10px; }
.invoice-instruction p { font-size: 14px; color: #666; line-height: 1.6; }
.action-button { padding: 15px; position: fixed; bottom: 0; left: 0; right: 0; background-color: white; border-top: 1px solid #f5f5f5; }
.submit-btn { width: 100%; background-color: #ff6b6b; color: white; border: none; padding: 15px 0; border-radius: 30px; font-size: 18px; cursor: pointer; }
/* 新增：我的订单页面样式 */
.top-bar .home-btn { margin-right: 10px; cursor: pointer; font-size: 20px; }
.order-tabs { display: flex; border-bottom: 1px solid #f5f5f5; background-color: white; }
.tab-btn { flex: 1; padding: 15px 0; background-color: white; border: none; font-size: 16px; cursor: pointer; }
.tab-btn.active { color: #ff6b6b; border-bottom: 2px solid #ff6b6b; }
.order-list { padding: 15px; background-color: #f5f5f5; }
.order-card { background-color: white; border-radius: 8px; padding: 15px; }
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.card-header h2 { font-size: 18px; color: #333; font-weight: 500; }
.status { color: #ff6b6b; font-size: 14px; display: flex; align-items: center; }
.status i { margin-left: 5px; font-size: 12px; }
.order-details { list-style: none; margin-bottom: 15px; }
.order-details li { display: flex; padding: 8px 0; border-bottom: 1px solid #f5f5f5; }
.order-details li:last-child { border-bottom: none; }
.order-details li span:first-child { color: #666; width: 100px; font-size: 14px; }
.order-details li span:last-child { color: #333; font-size: 14px; }
.order-details li:last-child span:last-child { color: #ff6b6b; }
.card-actions { display: flex; justify-content: flex-end; gap: 10px; }
.pay-btn { background-color: white; border: 1px solid #ff6b6b; color: #ff6b6b; padding: 8px 20px; border-radius: 20px; font-size: 14px; cursor: pointer; }
.cancel-btn { background-color: #f5f5f5; border: 1px solid #ddd; color: #999; padding: 8px 20px; border-radius: 20px; font-size: 14px; cursor: pointer; }
.return-home-btn { position: fixed; bottom: 0; left: 0; right: 0; }
.return-home-btn button { width: 100%; background-color: #ff6b6b; color: white; border: none; padding: 15px 0; font-size: 18px; cursor: pointer; }
/* 新增："我的"页面样式 */
.top-bar { display: flex; align-items: center; justify-content: space-between; padding: 15px; background-color: #ff6b6b; color: white; position: relative; }
.wechat-tag { display: flex; align-items: center; font-size: 14px; }
.wechat-tag i { margin-right: 5px; }
.top-bar h1 { font-size: 18px; font-weight: normal; }
.top-right-btns { display: flex; gap: 10px; }
.dot-btn, .circle-btn { background-color: rgba(255, 255, 255, 0.3); border: none; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; }
.login-section { padding: 30px 20px; display: flex; flex-direction: column; align-items: center; background-color: #f5f5f5; min-height: calc(100vh - 120px); /* 顶部栏+底部导航高度 */ }
.login-form { width: 100%; max-width: 400px; }
.input-item { display: flex; align-items: center; background-color: white; border: 1px solid #eee; border-radius: 4px; padding: 10px; margin-bottom: 15px; }
.input-item label { color: #999; margin-right: 10px; width: 60px; text-align: center;font-size: 14px; }
.input-item input { flex: 1; border: none; outline: none; font-size: 15px; margin-bottom:0;}
.login-btn { width: 100%; background-color: #ff6b6b; color: white; border: none; padding: 12px; border-radius: 4px; font-size: 16px; cursor: pointer; }
/* 新增："我的"授权页面样式 */
.user-header { background-color: #ff6b6b; color: white; padding: 20px 15px; position: relative; }
.avatar-area { display: flex; align-items: center; margin-bottom: 15px; }
.avatar { width: 80px; height: 80px; border-radius: 50%; background-color: #ddd; margin-right: 15px; }
.auth-text { font-size: 20px; font-weight: 500; color: #333; }
.user-header h1 { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); font-size: 18px; font-weight: normal; }
.func-list { background-color: #f5f5f5; padding: 10px; }
.func-item { display: flex; align-items: center; justify-content: space-between; background-color: white; padding: 15px; margin-bottom: 10px; border-radius: 8px; }
.func-item i:first-child { color: #ff6b6b; font-size: 20px; margin-right: 10px; }
.func-item span { flex: 1; font-size: 16px; color: #333; }
.phone-number { color: #999; margin-right: 10px; }
.func-item i:last-child { color: #999; font-size: 14px; }
/* 新增：模板分类页面样式 */
.top-bar { display: flex; align-items: center; padding: 15px; background-color: #ff6b6b; color: white; }
.back-btn { cursor: pointer; margin-right: 15px; }
.top-bar h1 { font-size: 18px; font-weight: normal; flex: 1; text-align: center; }
.search-area { padding: 0 15px 15px; }
.search-area { display: flex; align-items: center; background-color:#ff6b6b; padding: 10px; }
.search-area .sbox { border-radius: 20px; background: #fff; width: 100%; display: flex; padding: 0 16px; }
.city-select { display: flex; align-items: center; color: #333; font-size: 16px; margin-right: 15px; border-right: 1px solid #ddd; padding-right: 15px; }
.city-select i { margin-left: 5px; font-size: 12px; }
.search-box { flex: 1; display: flex; align-items: center; color: #999; font-size: 16px; }
.search-box i { margin-right: 5px; }
.category-tabs { display: flex; overflow-x: auto; background-color: white; padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
.category-tabs .tab-btn { flex: 0 0 auto; padding: 10px 15px; background-color: transparent; border: none; font-size: 14px; cursor: pointer; white-space: nowrap; text-decoration: none; color: #333; }
.category-tabs .tab-btn.active { color: #ff6b6b; border-bottom: 2px solid #ff6b6b; }
.template-list { padding: 15px; background-color: #f5f5f5; }
.template-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.template-btn { background-color: white; border: none; border-radius: 8px; padding: 15px; font-size: 14px; text-align: center; cursor: pointer; color: #333; text-decoration: none; }
.inp_srh { border:0; display:flex; background: none; }
.newspaper-name img { display: flex; max-width: 100%; height: 40px; margin: 0 auto; }
#picview { text-align: center; }
#picview img { margin: 10px; }
.fpbox {
    display: none;
}

/*location开始*/
.mui-indexed-list {
	position: relative;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	overflow: hidden;
	background-color: #fafafa;
	height: 300px;
	cursor: default;
}
.mui-indexed-list-inner {
	margin: 0px;
	padding: 0px;
	overflow-y: auto;
	border: none;
}
.mui-indexed-list-inner::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.mui-indexed-list-empty-alert,
.mui-indexed-list-inner.empty ul {
	display: none;
}
.mui-indexed-list-inner.empty .mui-indexed-list-empty-alert {
	display: block;
}
.mui-indexed-list-empty-alert {
	padding: 30px 15px;
	text-align: center;
	color: #ccc;
	padding-right: 45px;
}
.mui-ios .mui-indexed-list-inner {
	width: calc(100% + 10px);
}
.mui-indexed-list-group,
.mui-indexed-list-item {
	padding-right: 45px;
}
.mui-ios .mui-indexed-list-group,
.mui-ios .mui-indexed-list-item,
.mui-ios .mui-indexed-list-empty-alert {
	padding-right: 55px;
}
.mui-indexed-list-group {
	background-color: #f7f7f7;
}
.mui-indexed-list-group {
	padding-top: 3px;
	padding-bottom: 3px;
}
.mui-indexed-list-search {
	border-bottom: solid 1px #e3e3e3;
	z-index: 15;
}
.mui-indexed-list-search.mui-search:before {
	margin-top: -10px;
}
.mui-indexed-list-search input {
	border-radius: 0px;
	margin: 0px;
	background-color: #fafafa;
}
.mui-indexed-list-bar {
	width: 23px;
	background-color: lightgrey;
	position: absolute;
	height: 100%;
	z-index: 10;
	right: 0px;
	-webkit-transition: .2s;
}
.mui-indexed-list-bar a {
	display: block;
	text-align: center;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	color: #aaa;
}
.mui-indexed-list-bar.active {
	background-color: rgb(200,200,200);
}
.mui-indexed-list-bar.active a {
	color: #333;
}
.mui-indexed-list-bar.active a.active {
	color: #007aff;
}
.mui-indexed-list-alert {
	position: absolute;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.5);
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 40px;
	text-align: center;
	line-height: 80px;
	font-size: 35px;
	color: #fff;
	display: none;
	-webkit-transition: .2s;
}
.mui-indexed-list-alert.active {
	display: block;
}
			.mui-backdrop-action.mui-backdrop.mui-active, .mui-bar-backdrop.mui-backdrop.mui-active{opacity: 0;}
			.mui-indexed-list-search.mui-search:before{margin-top: -15px;}
			.mui-input-row.mui-search .mui-icon-clear{top: 10px;}
			.location{width: 100%;max-width:640px; margin: auto;position: fixed;top: 0;left: 0;}
			.location .mui-search .mui-placeholder .mui-icon{margin-right: 0.1rem;}
			.location .mui-indexed-list-group{background-color: #f7f4f8;}
			.mui-table-view-divider:after,.mui-table-view:before,.mui-table-view-divider:before{height: 0;}
			.location .mui-bar-nav~.mui-content{padding-top: 0;}
			.location .mui-table-view-cell:after{left: 0;color: #d2d2d2;}
			.location .mui-table-view-cell{padding: 13px 15px;}
			.location input[type='search']{height: 44px;background-color: none;}
			.location .mui-search .mui-placeholder{line-height: 44px;height: 44px;}
			.location .mui-indexed-list-inner{/*padding-top: 2.5rem;*/position: relative;overflow: auto;}
			.location .guild{position: absolute;z-index: 9; top: 0rem; width: 100%; height: auto;padding: 0 20px 0 10px;}
			.place_ac{padding:0 23px 10px 0;}
			.location .guild h5{line-height: 30px;padding-top: 10px;}
			.location .guild .btnout{width: 25%;float: left;padding: 0 10px;margin: 10px 0;}
			.location .guild .btnout button{width: 100%;}
			/*location结束*/
			
/*ajax登录*/
#login_board * {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, "微软雅黑", sans-serif;
  box-sizing: border-box;
  -webkit-user-select: inherit;
}
#login_board img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0;
}
#login_board a,
#login_board a:hover {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
#login_board input,
#login_board input:hover,
#login_board input:focus,
#login_board textarea,
#login_board textarea:hover,
#login_board textarea:focus {
  outline: none 0;
  border: none 0;
  font-size: inherit;
  line-height: inherit;
  -webkit-user-select: text;
}
.common_board {
  width: 60em;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.common_board .preparing {
  height: 10em;
  line-height: 9.8em;
  color: #aeaeae;
  text-align: center;
}
.common_board .preparing span {
  font-size: 1em;
}
.common_board .preparing a {
  color: #ed7579;
}
.inner_board {
  background-color: #fff;
  width: 100%;
  margin-bottom: 1em;
  border-radius: 0.3em;
  overflow: hidden;
  box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.1);
}
.inner_board .inner_title {
  height: 3em;
  line-height: 3em;
  padding: 0em;
  background: #ff6b6b;
  position: relative;
}
.inner_board .inner_title span {
  font-size: 1em;
  color: #fff;
}
.inner_board .inner_title .icon {
  display: block;
  float: left;
  padding: 0 1em;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 2.8em;
}
.inner_board .inner_title .icon img {
  vertical-align: middle;
  display: inline-block;
}
.inner_board .inner_title .more {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5em;
  height: 100%;
  cursor: pointer;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  background-repeat: no-repeat;
  background-position: center;
}
.inner_board .inner_title .more:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.inner_board .inner_title .refresh,
.inner_board .inner_title .shut {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5em;
  height: 100%;
  cursor: pointer;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  background-repeat: no-repeat;
  background-position: center;
}
.inner_board .inner_title .refresh:hover {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.inner_board .inner_title .title_nav {
  position: absolute;
  left: 15%;
  bottom: 0;
  height: 100%;
  width: 70%;
  text-align: center;
  line-height: 3em;
}
.inner_board .inner_title .title_nav .nav_btn {
  font-size: 0;
  min-width: 100px;
  padding: 0 10px;
  height: 46px;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  line-height: 46px;
  background-color: #f08e9c;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.08);
  vertical-align: bottom;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}
.inner_board .inner_title .title_nav .nav_btn span {
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  color: #fff;
  opacity: 0.6;
  font-size: 16px;
}
.inner_board .inner_title .title_nav .nav_btn.active {
  background-color: #fff;
  box-shadow: 0 -0.15em 0.25em rgba(0, 0, 0, 0.13);
}
.inner_board .inner_title .title_nav .nav_btn.active span {
  color: #ed7579;
  opacity: 1;
}
.inner_board .inner_title .title_nav .nav_btn:last-child {
  margin-right: 0;
}
.inner_board .inner_content {
  padding: 0.5em;
}
.bb {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  width: 1.2em;
  height: 1.2em;
  margin: 0 0.1em;
  transform: translateY(-0.2em);
}
.bb.small {
  width: 1.1em;
  height: 1.1em;
  margin: 0 0.1em;
  transform: translateY(-0.15em);
}
#bottom_info {
  background-color: #fafafa;
  border-radius: 0.3em;
  height: 10em;
  margin-bottom: 1em;
  padding-left: 23em;
  padding-top: 2.8em;
  box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.1);
  overflow: hidden;
  color: #999;
}
#bottom_info .logo_place {
  position: absolute;
  left: 0;
  top: 0;
  width: 18em;
  height: 100%;
  line-height: 9.8em;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.1);
}
#bottom_info .logo_place img {
  display: inline-block;
  vertical-align: middle;
}
#bottom_info .bottom_nav {
  height: 1em;
  line-height: 0.9em;
  overflow: hidden;
}
#bottom_info .bottom_nav .nav_btn {
  display: block;
  float: left;
  margin-right: 5em;
}
#bottom_info .bottom_nav .nav_btn span {
  font-size: 0.85em;
}
#bottom_info .text {
  margin-top: 2.2em;
  height: 1em;
  line-height: 0.9em;
}
#bottom_info .text span {
  font-size: 0.85em;
}
#footer {
  left: 0;
  width: 100%;
  min-width: 60em;
  height: 10em;
  background-color: #393939;
  z-index: 999;
  box-shadow: 0 -0.15em 0.15em rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}
#footer .common_board {
  width: 60em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#footer .common_board .footer_nav {
  padding-top: 3em;
  overflow: visible;
  height: 0;
}
#footer .common_board .footer_nav .footer_nav_btn {
  font-size: 0.85em;
  display: block;
  float: left;
  margin-right: 5em;
  color: #999;
}
#footer .common_board .text {
  padding-top: 2em;
  margin-top: 2em;
  height: 1em;
  line-height: 0.9em;
  font-size: 0.75em;
  color: #999;
}
#footer .common_board .divider {
  border: thin solid #999;
  position: relative;
  top: 2em;
  width: 45em;
}
#footer .common_board .logo_place {
  position: relative;
  float: right;
  top: -4em;
  right: 1em;
}
.pagination {
  display: none;
  text-align: center;
  margin: 1.2em 0;
}
.pagination .content {
  font-size: 0px;
  -webkit-text-size-adjust: none;
}
.pagination .content a {
  display: inline-block;
  font-size: 20px;
  line-height: 1.4em;
  height: 1.6em;
  border-radius: 0.15em;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}
.pagination .content a span {
  font-size: 0.7em;
}
.pagination .content a.page_btn,
.pagination .content a.dot {
  padding: 0 0.4em;
  height: 1.3em;
  line-height: 1.1em;
  margin-top: 0.15em;
  color: #5b5b5b;
}
.pagination .content a.page_btn.current {
  background-color: #f7f7f7;
  color: #f6a4ba;
  font-weight: bold;
}
.pagination .content a.page_btn:not(.current):hover {
  background-color: #fafafa;
}
.pagination .content a.dot {
  cursor: default;
}
.pagination .content a.operate_btn {
  width: 4em;
  margin: 0 0.5em;
  background-color: #aeaeae;
  color: #fff;
  cursor: default;
}
.pagination .content a.operate_btn.available {
  background-color: #f6a4ba;
  cursor: pointer;
}
.pagination.big .content a {
  height: 2em;
  line-height: 1.8em;
}
.pagination.big .content a span {
  font-size: 0.8em;
}
.pagination.big .content a.page_btn {
  height: 1.5em;
  line-height: 1.3em;
}
.pagination.big .content a.operate_btn {
  width: 5em;
}
.pop_board {
  display: none;
  position: fixed;
  z-index: 3000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pop_board .full_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.pop_board .inner_board {
  position: absolute;
  width: 25em;
  top: 50%;
  left: 50%;
  margin: 0;
  margin-left: -12.5em;
  margin-top: -7em;
  z-index: 6;
  color: #5b5b5b;
}
.pop_board .inner_board .inner_content {
  height: 10em;
  padding: 1.2em 2.4em;
}
.pop_board .inner_board .inner_content .inner {
  height: 5.1em;
  line-height: 1.5em;
  color: #5b5b5b;
  text-align: center;
}
.pop_board .inner_board .inner_content .inner span,
.pop_board .inner_board .inner_content .inner a {
  font-size: 0.9em;
}
.pop_board .inner_board .inner_content .btns {
  height: 2.5em;
  line-height: 2.4em;
}
.pop_board .inner_board .inner_content .btns .btn {
  display: block;
  width: 7.5em;
  height: 100%;
  border-radius: 2em;
  text-align: center;
  background-color: #e0e0e0;
  color: #fff;
  float: left;
}
.pop_board .inner_board .inner_content .btns .btn span {
  font-size: 0.9em;
}
.pop_board .inner_board .inner_content .btns .btn.sure {
  background-color: #ed7579;
}
.pop_board .inner_board .inner_content .btns .btn:nth-child(2) {
  float: right;
}
.pop_board .inner_board .inner_content .btns .btn:only-child {
  float: none;
  margin: 0 auto;
}
#purchase_notice .inner_board .inherit {
  color: #ff8a65;
  display: inline-block;
  padding: 0 0.2em;
}
#purchase_notice .inner_board .inner_content {
  display: none;
}
#purchase_notice.notice .inner_content.notice {
  display: block;
}
#purchase_notice.notice .inner_board .inner_title {
  background: #ff8a65;
}
#purchase_notice.notice .inner_board .inner_content .btns .btn.sure {
  background-color: #ff8a65;
}
#purchase_notice.notice .inner_board .inherit {
  color: #ff8a65;
}
#purchase_notice.fail .inner_content.fail {
  display: block;
}
#purchase_notice.fail .inner_board .inner_title {
  background: #e64a19;
}
#purchase_notice.fail .inner_board .inner_content .btns .btn.sure {
  background-color: #e64a19;
}
#purchase_notice.fail .inner_board .inherit {
  color: #e64a19;
}
#purchase_notice.success .inner_content.success {
  display: block;
}
#purchase_notice.success .inner_board .inner_title {
  background: #00bfa5;
}
#purchase_notice.success .inner_board .inner_content .btns .btn.sure {
  background-color: #00bfa5;
}
#purchase_notice.success .inner_board .inherit {
  color: #00bfa5;
}
#purchase_travel .inner_board {
  margin-top: -12em;
}
#purchase_travel .inner_board .inner_content {
  height: auto;
  padding: 1.2em;
}
#purchase_travel .inner_board .inner_content .inner {
  height: auto;
  padding-bottom: 1.2em;
  text-align: left;
}
#purchase_travel .inner_board .inner_content .inner .travel_info {
  height: 1.5em;
  line-height: 1.3em;
}
#purchase_travel .inner_board .inner_content .inner .travel_info span {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: middle;
}
#purchase_travel .inner_board .inner_content .inner .travel_info span b {
  display: inline-block;
  padding: 0 0.3em;
  font-weight: normal;
  color: #ed7579;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter {
  display: inline-block;
  vertical-align: middle;
  width: 5em;
  height: 1.5em;
  border-radius: 2em;
  padding: 0 1.5em;
  border: solid 0.05em #aeaeae;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn {
  display: block;
  position: absolute;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.3em;
  text-align: center;
  z-index: 5;
  font-size: inherit;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn:before {
  content: '';
  display: block;
  width: 0.7em;
  height: 0.1em;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #aeaeae;
  margin-left: -0.35em;
  margin-top: -0.05em;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn.plus:after {
  content: '';
  display: block;
  width: 0.1em;
  height: 0.7em;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #aeaeae;
  margin-left: -0.05em;
  margin-top: -0.35em;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn.available:before,
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn.available:after {
  background-color: #FF7043;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn.minus {
  border-right: solid 0.05em #aeaeae;
  left: 0.1em;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter a.btn.plus {
  border-left: solid 0.05em #aeaeae;
  right: 0.1em;
}
#purchase_travel .inner_board .inner_content .inner .travel_info .counter input {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.7em;
  color: #5b5b5b;
}
#purchase_travel .inner_board .inner_content .inner .address_title {
  color: #aeaeae;
  height: 1.5em;
  line-height: 1.3em;
  margin-top: 0.5em;
  position: relative;
}
#purchase_travel .inner_board .inner_content .inner .address_title span {
  font-size: 0.7em;
}
#purchase_travel .inner_board .inner_content .inner .address_title a#purchase_travel_new_address {
  position: absolute;
  right: 0;
  top: 0;
  color: #ED7579;
}
#purchase_travel .inner_board .inner_content .inner .address_list {
  margin-top: -0.3em;
  width: 100%;
  overflow: hidden;
}
#purchase_travel .inner_board .inner_content .inner .address_list .list_content {
  width: 23.6em;
  height: 10em;
  overflow-y: scroll;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper {
  width: 22.6em;
  height: 3em;
  background-color: #fafafa;
  outline: solid 1px #e0e0e0;
  outline-offset: -1px;
  margin-top: 0.3em;
  cursor: pointer;
  padding: 0.4em 0.5em;
  position: relative;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .address_line {
  height: 1.1em;
  line-height: 0.9em;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .address_line span {
  display: inline-block;
  margin-right: 0.7em;
  font-size: 0.7em;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .btn {
  position: absolute;
  right: 0em;
  color: #bbb;
  font-size: 1em;
  display: none;
  height: 1.4em;
  padding: 0 0.5em;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .btn span {
  font-size: 0.6em;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .btn:hover {
  color: #ED7579;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .btn.edit {
  top: 0.1em;
  line-height: 1.5em;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper .btn.remove {
  bottom: 0.1em;
  line-height: 1.1em;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper:hover .btn {
  display: block;
}
#purchase_travel .inner_board .inner_content .inner .address_list .address_wrapper.choosed {
  outline: solid 0.1em #ed7579;
  outline-offset: -0.1em;
}
#purchase_travel .inner_board .inner_content .btns {
  height: 1.8em;
  line-height: 1.6em;
}
#purchase_travel .inner_board .inner_content .btns .btn {
  width: 5em;
}
#purchase_travel .inner_board .inner_content .btns .btn span {
  font-size: 0.7em;
}
#purchase_travel .inner_board.no_address {
  margin-top: -6.5em;
}
#purchase_travel .inner_board.no_address .inner_content .inner .address_list,
#purchase_travel .inner_board.no_address .inner_content .inner .address_title {
  display: none;
}
#purchase_travel_ul .inner_board {
  margin-top: -6.5em;
}
#purchase_travel_ul .inner_board .inner_content {
  height: auto;
  padding: 1.2em;
}
#purchase_travel_ul .inner_board .inner_content .inner {
  height: auto;
  padding-bottom: 1.2em;
  text-align: left;
}
#purchase_travel_ul .inner_board .inner_content .inner .purchase_info {
  height: 1.5em;
  line-height: 1.3em;
}
#purchase_travel_ul .inner_board .inner_content .inner .purchase_info span {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: middle;
}
#purchase_travel_ul .inner_board .inner_content .inner .purchase_info span b {
  display: inline-block;
  padding: 0 0.3em;
  font-weight: normal;
  color: #ed7579;
}
#purchase_travel_ul .inner_board .inner_content .inner .purchase_info input {
  display: inline-block;
  vertical-align: middle;
  width: 5em;
  height: 1.5em;
  padding: 0 0 0 0.5em;
  border: solid 0.05em #aeaeae;
}
#purchase_travel_ul .inner_board .inner_content .btns {
  height: 1.8em;
  line-height: 1.6em;
}
#purchase_travel_ul .inner_board .inner_content .btns .btn {
  width: 5em;
}
#purchase_travel_ul .inner_board .inner_content .btns .btn span {
  font-size: 0.7em;
}
#login_board {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9990;
}
#login_board .common_board {
  position: absolute;
  width: 20em;
  height: 20em;
  left: 50%;
  top: 50%;
  margin-left: -10em;
  margin-top: -7.5em;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  z-index: 9999;
}
#login_board .common_board .inner_board .inner_title {
  padding: 0 1.2em;
}
#login_board .common_board .inner_board .inner_title .login_nav {
  display: block;
  float: left;
  text-align: center;
  line-height: 3em;
  width: 4.5em;
  height: 100%;
  opacity: 0.6;
  color: #fff;
  position: relative;
}
#login_board .common_board .inner_board .inner_title .login_nav span {
  font-size: 0.9em;
}
#login_board .common_board .inner_board .inner_title .login_nav.active {
  opacity: 1;
}
#login_board .common_board .inner_board .inner_title .login_nav.active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.8em;
  height: 0.45em;
  margin-left: -0.4em;
  box-sizing: border-box;
  border-bottom: solid 0.45em #fff;
  border-left: solid 0.4em transparent;
  border-right: solid 0.4em transparent;
}
#login_board .common_board .inner_board .inner_content {
  height: 12em;
  padding: 0;
  position: relative;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}
#login_board .common_board .inner_board .inner_content .lefter {
  width: 20em;
  height: 100%;
  float: left;
  padding-top: 0.5em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line {
  height: 3em;
  padding: 0.5em 0em;
  line-height: 1.8em;
  position: relative;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .input_title {
  display: block;
  width: 5.6em;
  height: 100%;
  padding-right: 0.9em;
  float: left;
  text-align: right;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .input_title span {
  font-size: 0.8em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .input_place {
  width: 12em;
  float: left;
  height: 100%;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .input_place input {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.15em;
  border: solid 1px #e0e0e0;
  font-size: 0.8em;
  padding: 0 0.6em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .hint {
  display: block;
  position: absolute;
  width: 100%;
  height: 1em;
  line-height: 0.8em;
  left: 0;
  top: 2.5em;
  padding-left: 6.1em;
  color: #aeaeae;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .hint span {
  font-size: 0.6em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .input_place.verify {
  width: 6em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .verify_code {
  float: left;
  display: block;
  width: 5em;
  height: 100%;
  margin-right: 1em;
  background-color: #f2f2f2;
  border-radius: 0.15em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .remember {
  float: left;
  color: #aeaeae;
  width: 8em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .remember input {
  display: inline-block;
  margin-right: 0.2em;
  margin-bottom: -0.1em;
  vertical-align: middle;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .remember span {
  font-size: 0.7em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .sure_btn {
  display: block;
  float: left;
  width: 5em;
  height: 100%;
  background-color: #ff6b6b;
  text-align: center;
  color: #fff;
  border-radius: 0.15em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .sure_btn span {
  font-size: 0.8em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .forget {
  display: block;
  float: left;
  color: #aeaeae;
  text-align: right;
  width: 4em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .forget span {
  font-size: 0.7em;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line .forget:hover {
  color: #f6a4ba;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line.remember {
  height: 2em;
  line-height: 1.3em;
  padding: 0em 0;
}
#login_board .common_board .inner_board .inner_content .lefter .input_line.sure {
  height: 2em;
  padding: 0;
}
#login_board .common_board .inner_board .inner_content .lefter.login {
  display: block;
}
#login_board .common_board .inner_board .inner_content .lefter.register {
  display: none;
}
#login_board .common_board .inner_board .inner_content .righter {
  width: 10em;
  height: 100%;
  float: left;
  padding-top: 1em;
  border-left: solid 1px #e0e0e0;
  display: block;
}
#login_board .common_board .inner_board .inner_content .righter .title {
  height: 2em;
  line-height: 1.8em;
  color: #aeaeae;
  text-align: center;
}
#login_board .common_board .inner_board .inner_content .righter .title span {
  font-size: 0.8em;
}
#login_board .common_board .inner_board .inner_content .righter .btn {
  display: block;
  width: 6.5em;
  height: 2em;
  line-height: 1.8em;
  margin: 0.5em auto;
  color: #fff;
  border-radius: 0.15em;
  text-align: center;
}
#login_board .common_board .inner_board .inner_content .righter .btn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.7em;
}
#login_board .common_board .inner_board .inner_content .righter .btn img {
  height: 1.1em;
  margin-right: 0.3em;
  display: inline-block;
  vertical-align: middle;
}
#login_board .common_board .inner_board .inner_content .righter .btn.weibo {
  background-color: #fd5835;
}
#login_board .common_board .inner_board .inner_content .righter .btn.wechat {
  background-color: #0ac216;
}
#login_board .common_board .inner_board .inner_content .righter .btn.qq {
  background-color: #42b6f4;
}
#login_board .common_board.register {
  height: 21em;
  margin-top: -10.5em;
}
#login_board .common_board.register .inner_board .inner_content {
  height: 18em;
}
#login_board .common_board.register .inner_board .inner_content .lefter.login {
  display: none;
}
#login_board .common_board.register .inner_board .inner_content .lefter.register {
  display: block;
}
#login_board .full_bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9995;
  background-color: rgba(0, 0, 0, 0.5);
}
input#getautoregyzm {
    width: 90px;
    font-size: 12px!important;
    text-align: center;
    line-height: 32px;
    margin-left: 10px;
    display: inline-block;
    background: #ff6b6b;
    color: #fff;
}
.hiddenxx{ display:none;}