@charset "utf-8"; * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%;  font-size: 20px; background: #f5f5f5; } body { font-family: "Microsoft yahei", "Hiragino Sans GB", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } a { -webkit-tap-highlight-color: transparent; text-decoration: none; color: #333; } img { display: block; width: 100%; height: auto; border: none; } input { outline: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } input::-webkit-input-placeholder { color: #999; } ul, li, ol { list-style: none; } .f_left { float: left; } .f_right { float: right; } .f_clears { overflow: hidden; } .f_clear:before, .f_clear:after { content: ''; display: block; clear: both; } .hide { display: none; } /*文字两端对齐*/ .wordSpace { text-align: justify; text-align-last: justify; } /*全屏效果*/ .fullScreen { width: 100%; height: 100%; overflow: hidden; } /*垂直居中*/ .centerY { position: absolute; top: 50%; transform: translateY(-50%); } /*水平居中*/ .centerX { position: absolute; left: 50%; transform: translateX(-50%); } /*垂直水平居中*/ .allcenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*渐变*/ .gradient { background-image: -webkit-linear-gradient(156deg, #ff7e24, #f84c32 40%, #ed0246); background-image: -moz-linear-gradient(156deg, #ff7e24 0, #f84c32 40%, #ed0246 100%); background-image: -o-linear-gradient(156deg, #ff7e24 0, #f84c32 40%, #ed0246 100%); background-image: linear-gradient(294deg, #ff7e24, #f84c32 40%, #ed0246); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*强制不换行显示省略号-IOS移动端滑动顺畅*/ .nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-overflow-scrolling: touch; } /*相册*/ .album { overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } /* 遮罩层 */ .mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 9999; display: none; } /* 限制两行,不能加内边距 */ .line { -webkit-line-clamp: 2; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /*没有更多*/ .nomore { font-size: .6rem; text-align: center; color: #999; padding: .5rem 0; background-color: #fff; } /*标签*/ .label span { display: inline-block; vertical-align: middle; font-size: 10px; height: 16px; padding: 0 2px; margin-right: 5px; background-color: #eff3fc; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; color: #668ae9; } /*渐变按钮*/ .ir_btn { display: block; width: 100%; height: 44px; line-height: 44px; font-size: 16px; color: #fff; border: none; margin: .5rem 0; border-radius: .3rem; text-align: center; -webkit-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3); -moz-box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3); box-shadow: 0 4px 8px 0 rgba(246, 76, 50, .3); background-image: -webkit-linear-gradient(left, #f54732, #ff7338); background-image: -webkit-gradient(linear, left top, right top, from(#f54732), to(#ff7338)); background-image: -moz- oldlinear-gradient(left, #f54732, #ff7338); background-image: -o-linear-gradient(left, #f54732, #ff7338); background-image: linear-gradient(90deg, #f54732, #ff7338); } /*实体按钮*/ .ir_click { display: block; width: 84px; height: 28px; line-height: 28px; background-image: -webkit-linear-gradient(top, #fff 50%, #ddc4c4); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ddc4c4)); background-image: -moz- oldlinear-gradient(top, #fff 50%, #ddc4c4 100%); background-image: -o-linear-gradient(top, #fff 50%, #ddc4c4 100%); background-image: linear-gradient(-180deg, #fff 50%, #ddc4c4); -webkit-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7); -moz-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7); box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7); -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; margin: 11px auto 0; color: #f42032; text-align: center; } /*更多按钮*/ .ir_more { position: relative; display: block; height: 2.2rem; line-height: 2.2rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; text-align: center; background-color: #f3f3f3; color: #86add5; margin-top: .5rem; } .flex { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } /* flex 子元素 自适应 超出不换行省略号*/ .flexs { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flexs-2 { width: 50%; } .flexs-3 { width: 33.33333%; } .flexs-4 { width: 25%; } /*display*/ .display_flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .display_flex>* { display: block; } .display_inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .display_inline-flex>* { display: block; } /*伸缩流方向*/ .flex-direction_column { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } /*主轴对齐*/ .justify-content_flex-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .justify-content_flex-end { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .justify-content_flex-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } /*侧轴对齐*/ .align-items_flex-start { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .align-items_flex-end { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .align-items_center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .align-items_baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; } /*伸缩性*/ .flex_auto { -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; flex: auto; } .flex_1 { width: 0; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } /*显示顺序*/ .order_2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order_3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .menu { position: fixed; left: 0; right: 0; bottom: 0; padding-top: .1rem; overflow: hidden; background-color: #f2f2f2!important; border-top: 1px solid #ddd; } .menu a{ float: left; width: 33.33%; text-align: center; } .menu img{ margin: 0 auto; width: .8rem; } .load { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); display: none;z-index: 999999;} .load div { width: 3rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;color:#fff;}.layui-m-layerchild { font-size: .4rem!important; } .layui-m-layerbtn span { font-size: .4rem!important; } .layui-m-layerbtn { height: 1rem!important; line-height: 1rem!important; } .layui-m-layercont{ font-size: .4rem; }