@charset "utf-8";
.mt-44{ margin-top: 44px;}
.mt-50{ margin-top: 50px;}
.mt-88{ margin-top: 88px;}
.mb-15{ margin-bottom: 15px;}
.mb-80{ margin-bottom: 80px;}
.btn:focus { color: #fff;}
.btn-danger { color: #fff; background-color: #ff3333; border-color: #ff3333;}
.form-control:focus{ box-shadow: none;}
.align-right{ text-align: right;}
i{ font-style: normal;}
i.tag{ font-family: '宋体';}
.number{ font-family: "Helvetica";}
.price{ color: #ff3333; font-family: "Helvetica"; font-style: normal;}
.white{ color: #fff;}
.black{ color: #000;}
.gray{ color: #999;}
.red{ color: #ff3333;}
.blue{ color: #1b76d3; }
.bg-yellow{ background: #f8a940;}
.bg-blue{ background: #1b76d3;}
.bg-gray{ background: #ccc;}
.global-color{ background-color: #1b76d3; color: #1b76d3;}
.global-btn{ display: block; width: 45%; height: 40px; line-height: 40px; margin: 30px auto; border: none; outline: none; border-radius: 20px; font-size: 16px; color: #fff; text-align: center;}
.btn-primary{ background: #1b76d3;}
.btn-not-bg{ display: block; width: 140px; margin: 25px auto; border: solid 1px #1b76d3; border-radius: 16px; background: none;}
ul.select-box { display: grid; width: 100%; margin-bottom: 10px; grid-template-columns: 80px calc(100% - 80px);}
ul.select-box > li.title{ line-height: 34px; border-radius: 4px 0 0 4px; color: #fff; text-align: center; background: #1b76d3;}
ul.select-box > li select.form-control{ border-radius: 0 4px 4px 0;}
/*顶部分类*/
.x-scroll{ width: 100%; height: 44px; background: #fff; overflow-x: scroll; overflow-y: hidden;}
.x-scroll::-webkit-scrollbar { width: 0 !important; height: 0;}
.top-cats{ float: left; padding: 0 5px;}
.top-cats li{ float: left; padding: 0 10px;}
.top-cats li a{ display: inline-block; width: 100%; height: 44px; line-height: 44px; color: #333; font-size: 15px;}
.top-cats li.current a{ border-bottom: solid 2px #1b76d3; color: #1b76d3;}

.top-tab{ display: flex; width: 100%; height: 44px; justify-content: space-between; background: #fff;}
.top-tab li{ flex: 1; height: 44px; text-align: center;}
.top-tab li a{ display: inline-block; height: 44px; line-height: 44px; color: #666;}
.top-tab li.current a{ color: #1b76d3; border-bottom: solid 2px #1b76d3;}
/*提示信息*/
.flash-message, .error-message{ z-index: 100; position: fixed; top: 240px; left: 10%; width: 80%; text-align: center; opacity: .9;}
/*微信分享提示*/
.wechat-share-tips{ display: none; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .9;}
.wechat-share-tips img{ width: 100%; height: 100%;}
/*海报分享提示*/
.poster-tips{ padding-top: 15px; text-align: center; font-size: 14px; color: #f08273;}
/*--header--*/
.header{ display: grid; width: 100%; height: 44px; line-height: 44px; padding: 0 10px; grid-template-columns: 30px calc(100% - 60px) 30px; grid-template-rows: repeat(3, 50px); font-size: 16px; color: #fff;}
.header .iconfont{ color: #fff;}
.header .right-back{ text-align: right;}
.header p { text-align: center;}
.header .more-menu .iconfont{ color: #fff; font-size: 34px;}
.header .slide-menu .iconfont{ color: #fff; font-size: 22px;}
.header.white{ border-bottom: solid 1px #ccc; color: #333; background: #fff;}
.header.white .iconfont{ color: #333;}
.header .header-tab{ display: flex; width: 100%; height: 32px; margin-top: 6px; border: solid 1px #fff; border-radius: 16px; justify-content: space-between;}
.header .header-tab a{ flex: 1; height: 30px; line-height: 30px; color: #fff; text-align: center;}
.header .header-tab a.current{ border-radius: 15px; color: #1b76d3; background: #fff;}
/*--dropdown--*/
.dropdown-layout{ display: none; z-index: 99; position: fixed; top: 40px; right: 5px; width: 100px;}
.dropdown-layout-show{ display: block;}
.dropdown-box{ position: relative;}
.dropdown-box .arrow{ position: absolute; right: 10px; top: -9px; display: block; border-bottom: 10px solid rgba(85, 85, 85, 0.95); border-left: 10px solid transparent; border-right: 10px solid transparent;}
.dropdown{ border-radius: 4px; background: rgba(85, 85, 85, 0.95); font-size: 14px;}
.dropdown a{ display: flex; align-items: center; color: #fff;}
.dropdown > li{ height: 40px; line-height: 40px; padding-left: 10px; border-bottom: 1px solid #999;}
.dropdown > li:last-child{ border-bottom: none;}
.dropdown li .iconfont { margin-right: 8px;}
/* 修改boostrap翻页默认颜色 */
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #1b76d3;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    background-color: #1b76d3; border-color: #1b76d3;
}
.pagination>li>a, .pagination>li>span{ color: #1b76d3;}

.content-box{ max-width: 750px; overflow: hidden;}
.box-padding{ padding: 15px;}
/*--login_and_register--*/
.login-register{ width: 100%; height: calc(100vh - 44px); padding: 30px 30px; background: #fff;}
.login-register .log-title{ display: block; margin-bottom: 30px; font-size: 20px; color: #333; font-weight: bold; border: 0;}
.login-register .log-tab{ margin-bottom: 20px;}
.login-register .log-tab a{ display: inline-block; margin-right: 20px; height: 30px; line-height: 30px; font-size: 16px; color: #666;}
.login-register .log-tab a.current{ font-size: 18px; color: #333; font-weight: bold;}
.login-register .log-input{ width: 100%; height: 36px; padding-bottom: 10px; margin-bottom: 10px; border-width: 0 0 1px 0; text-indent: 3px; border-color: #eee;}
.login-register .log-box{ display: grid; grid-template-columns: calc(100% - 100px) 100px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding: 0;}
.login-register .log-box .log-input{ padding-bottom: 0; border-width: 0;}
.login-register .log-box img{ height: 36px; border-radius:  5px;}
.login-register .log-box .send-code{ display: block; height: 36px; line-height: 36px; border: 0; border-radius: 18px; color: #fff; text-align: center; background: #2B6D16;}
 .login-register .log-box .send-code.disabled { background: #ccc; cursor: not-allowed; box-shadow: none; pointer-events: none;}
.login-register .log-note{ line-height: 20px; margin-top: 15px; font-size: 12px;}
.login-register .log-note a{ color: #2B6D16;}
.login-register .log-note span{ font-size: 14px; cursor: pointer;}
.login-register .log-note span.icon-selected{ color: #2B6D16;}
.login-register .log-btn{ display: block; height: 40px; width: 100%; margin: 20px auto; border: 0; border-radius: 20px; color: #fff; background: #2B6D16;}
.login-register .log-other p{ margin-top: 30px; text-align: center; color: #999;}
.login-register .log-other a{ color: #666;}
.login-register .layui-form-select .layui-input{ height: 40px;}