@charset "UTF-8";
/* Scss Document */
/* 引入compass的库 */
/*引入基础样式*/
html, body, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, fieldset, form, label, input, button, select, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; border: 1px solid #DDD; }

td { padding: 0.5rem; border: 1px solid #DDD; }

img { border: none; vertical-align: top; }

/* 清除a标签中图片边框 */
input, button, select, textarea, .btn { font: inherit; -webkit-tap-highlight-color: transparent; }

input, button, select { vertical-align: middle; }

p { margin: 1.5rem 0; }

hr { width: 100%; border: none; border-bottom: 1px solid #DDD; margin: 1.2rem auto; }

:focus { outline: 0; }

/*清除链接虚线边框*/
* { -webkit-tap-highlight-color: transparent; }

/*主色*/
/*配色*/
/*红色*/
/*绿色*/
/*一般*/
/*黄色*/
/*灰色*/
/*网页背景色*/
/*边框线颜色*/
/*文字默认颜色*/
/*链接文字颜色*/
/*=============铵钮=============*/
html { font-size: 10px; }

* { box-sizing: border-box; }

body { background: #efeff4; font: normal 1.4rem/1.6 'Helvetica Neue',Helvetica,sans-serif; color: #333; }

.clearListStyle { margin: 0; padding: 0; list-style: none; }
.clearListStyle li { margin: 0; padding: 0; }

a { text-decoration: none; color: #333; }

/*文本颜色*/
.text-primary { color: #1364bf; }

.text-ornament { color: #f95110; }

.text-white { color: #FFF; }

.text-default { color: #333; }

.text-grey { color: #999; }

.text-info { color: #5bc0de; }

.text-danger { color: #F00; }

.text-success { color: #5cb85c; }

.text-warning { color: #FA0; }

/*背景*/
.bg-grey { padding: 1rem; background-color: #E8E8E8; }

.bg-info { padding: 1rem; background-color: #daf1f8; }

.bg-danger { padding: 1rem; background-color: #ffd6d6; }

.bg-success { padding: 1rem; background-color: #d8eed8; }

.bg-warning { padding: 1rem; background-color: #ffeecc; }

/*常用*/
.pull-left { float: left; }

.pull-right { float: right; }

.pull-center { margin-left: auto; margin-right: auto; }

.text-left { text-align: left; }

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

.text-center { text-align: center; }

.show { display: block; }

.hidden { display: none; }

.clear { clear: both; }

.clearfix:before, .pull-center:before, .clearfix:after, .pull-center:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 10; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; }

.swiper-container-horizontal > .swiper-pagination { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }

.col-2 { width: 16.66667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33333%; }

.col-6 { width: 50%; }

.col-8 { width: 66.66667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33333%; }

.col-12 { width: 100%; }

.img1-1 { width: 100%; display: block; position: relative; }
.img1-1:after { display: block; padding-top: 100%; content: ''; }
.img1-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.img4-3 { width: 100%; display: block; position: relative; }
.img4-3:after { display: block; padding-top: 75%; content: ''; }
.img4-3 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/*按钮*/
.btn { display: inline-block; padding: 0.6rem 1.2rem; background-color: #FFF; border: 1px solid #CCC; border-radius: 0.4rem; font-size: 1.6rem; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-appearance: none; }
.btn:active { -moz-box-shadow: inset 0 0.3rem 0.5rem rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0.3rem 0.5rem rgba(0, 0, 0, 0.15); box-shadow: inset 0 0.3rem 0.5rem rgba(0, 0, 0, 0.15); }
.btn.disabled, .btn.disabled:visited, .btn.disabled:hover { background-color: #DDD; border-color: #AAA; color: #999; cursor: text; }
.btn.btn-sm { padding: 0.3rem 0.6rem; font-size: 1.2rem; border-radius: 0.3rem; }
.btn.btn-lg { padding: 1rem 1.6rem; font-size: 1.8rem; border-radius: 0.6rem; }
.btn.btn-border { background: none; }
.btn.btn-borderless { background: none; border: none; }

.btn-primary { background-color: #1364bf; border-color: #1364bf; color: #FFF; }
.btn-primary.btn-border { color: #1364bf; }

.btn-ornament { background-color: #f95110; border-color: #f95110; color: #FFF; }
.btn-ornament.btn-border { color: #f95110; }

.btn-info { background-color: #5bc0de; border-color: #5bc0de; color: #FFF; }
.btn-info.btn-border { color: #5bc0de; }

.btn-danger { background-color: #F00; border-color: #F00; color: #FFF; }
.btn-danger.btn-border { color: #F00; }

.btn-success { background-color: #5cb85c; border-color: #5cb85c; color: #FFF; }
.btn-success.btn-border { color: #5cb85c; }

.btn-warning { background-color: #FA0; border-color: #FA0; color: #FFF; }
.btn-warning.btn-border { color: #FA0; }

.btn-grey { background-color: #999; border-color: #999; color: #FFF; }
.btn-grey.btn-border { color: #999; }

.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }

/* 表单元素 */
.form-control { height: 3.8rem; border: 1px solid #ddd; padding: 0.5rem; font-size: inherit; vertical-align: middle; display: inline-block; background-color: #fff; -moz-appearance: none; -webkit-appearance: none; }

select.form-control { -webkit-appearance: menulist; }

textarea.form-control { height: auto; }

.switch { -moz-appearance: none; -webkit-appearance: none; width: 4.4rem; height: 2.4rem; background: #DDD; border-radius: 1.2rem; border: 0.2rem solid #DDD; display: inline-block; position: relative; }
.switch::before { width: 2rem; height: 2rem; content: ""; background: #FFF; border-radius: 50%; position: absolute; left: 0; top: 0; }
.switch:checked { background: #f95110; border-color: #f95110; }
.switch:checked:before { left: 2rem; background: #FFF; }

/*分页*/
.pagination { font-size: 0; text-align: center; padding: 1.5rem 0; }
.pagination li { display: inline-block; margin-left: -1px; }
.pagination li a { display: block; padding: .8rem 1.5rem; background-color: #FFF; border: 1px solid #DDD; font-size: 1.5rem; }
.pagination li.active a { background-color: #1364bf; border-color: #1364bf; color: #FFF; }

/* 弹出层 */
.window-pop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 120; padding: 1rem; -webkit-box-align: center; -webkit-transition: all .5s; }
.window-pop .wrap { width: 80%; max-width: 100%; margin: 0 auto; background: #fff; border-radius: .5rem; overflow: hidden; }
.window-pop .wrap div.window-pop-content { font-size: 1.4rem; -webkit-box-align: center; padding: 1rem; display: block; }
.window-pop .wrap div.window-pop-btns { display: -webkit-box; display: box; border-top: 1px solid #E8E8E8; }
.window-pop .wrap div.window-pop-btns span { display: block; -webkit-box-flex: 1; text-align: center; padding: 1rem; cursor: pointer; }
.window-pop .wrap div.window-pop-btns span:first-child { border-right: 1px solid #E8E8E8; }
.window-pop .wrap div.window-pop-btns span:active { background: #eee; }
.window-pop .wrap .title { height: 4rem; line-height: 4rem; padding: 0 1rem 0; border-bottom: 1px solid #E8E8E8; font-weight: bold; font-size: 1.4rem; }
.window-pop .wrap .title .close { float: right; }

/* 提示框 */
.window-alert { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 11; padding: 1rem; -webkit-box-align: center; -webkit-transition: all .5s; }
.window-alert p { margin: 0 2rem; font-size: 1.6rem; color: #fff; padding: 0.5rem 1rem; background: rgba(0, 0, 0, 0.8); border-radius: .6rem; text-align: center; -webkit-box-align: center; -webkit-transition: all .5s; }

/*# sourceMappingURL=public.css.map */