@charset "UTF-8";
/*颜色变量*/
/*====== Base Begin ======*/
* { margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

/** 设置默认字体 **/
body, button, select, textarea, input { font-family: "Microsoft YaHei", "微软雅黑", SimSun, sans-serif; line-height: 1; font-size: 0.24rem; color: #333333; }

/*去掉ios的圆角*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; -moz-appearance: none; }

body { box-sizing: border-box; background-color: #ebebeb; height: 100%; }

html { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; }

/* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; }

/* 统一等宽字体 */
small { font-size: 12px; }

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; cursor: pointer; color: #999999; -webkit-tap-highlight-color: transparent; }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }

/** 重置表单元素 **/
legend { color: #000; }

/* for ie6 */
fieldset, img { border: 0; }

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { /* 使得表单元素在 ie 下能继承字体大小 */ font-size: 100%; outline: none; font-family: inherit; box-sizing: border-box; }

/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-spacing: 0; }

/* 清除浮动 */
.ks-clear:after, .clear:after { content: '\20'; display: block; height: 0; clear: both; }

.ks-clear, .clear { *zoom: 1; }

.clearAfter, .com-box .com-section .com-list:after, .notice-item:after, .screen-box .screen-con ul:after, .offer-list .table-box .row-head:after, .offer-list .table-box .row-body:after, .offer-slide .slide-right .shead .row-head:after, .offer-slide .slide-right .sbody .table-box .row-body:after, .market-msg .msg-row:after, .buy-sell-form .form-con:after, .buy-sell-form .buy-left .state-text:after, .buy-sell-form .sell-item .sell-row:after, .mine-menu .menu-list:after, .mess-list .list-item:after, .mess-title:after { content: '\20'; display: block; height: 0; clear: both; }

::-ms-input-placeholder { color: #999999; }

::-webkit-input-placeholder { color: #999999; }

/*====== Base End ======*/
/*====== 公共排版样式 Begin======*/
.col, .col-0, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24{ position: relative; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.col-0 { width: 0%; }

.col-1 { width: 4.16667%; }

.col-2 { width: 8.33333%; }

.col-3 { width: 12.5%; }

.col-4 { width: 16.66667%; }

.col-5 { width: 20.83333%; }

.col-6 { width: 25%; }

.col-7 { width: 29.16667%; }

.col-8 { width: 33.33333%; }

.col-9 { width: 37.5%; }

.col-10 { width: 41.66667%; }

.col-11 { width: 45.83333%; }

.col-12 { width: 50%; }

.col-13 { width: 54.16667%; }

.col-14 { width: 58.33333%; }

.col-15 { width: 62.5%; }

.col-16 { width: 66.66667%; }

.col-17 { width: 70.83333%; }

.col-18 { width: 75%; }

.col-19 { width: 79.16667%; }

.col-20 { width: 83.33333%; }

.col-21 { width: 87.5%; }

.col-22 { width: 91.66667%; }

.col-23 { width: 95.83333%; }

.col-24 { width: 100%; }

.col-99{font-size: 0.24rem}

.col-98{font-size: 0.24rem}

.wth, .wth-0, .wth-1, .wth-2, .wth-3, .wth-4, .wth-5, .wth-6, .wth-7, .wth-8, .wth-9, .wth-10, .wth-11, .wth-12, .wth-13, .wth-14, .wth-15, .wth-16, .wth-17, .wth-18, .wth-19, .wth-20, .wth-21, .wth-22, .wth-23, .wth-24, .wth-25, .wth-26, .wth-27, .wth-28, .wth-29, .wth-30, .wth-31, .wth-32, .wth-33, .wth-34, .wth-35, .wth-36, .wth-37, .wth-38, .wth-39, .wth-40, .wth-41, .wth-42, .wth-43, .wth-44, .wth-45, .wth-46, .wth-47, .wth-48, .wth-49, .wth-50, .wth-51, .wth-52, .wth-53, .wth-54, .wth-55, .wth-56, .wth-57, .wth-58, .wth-59, .wth-60, .wth-61, .wth-62, .wth-63, .wth-64 { position: relative; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }

.wth-0 { width: 0rem; }

.wth-1 { width: 0.1rem; }

.wth-2 { width: 0.2rem; }

.wth-3 { width: 0.3rem; }

.wth-4 { width: 0.4rem; }

.wth-5 { width: 0.5rem; }

.wth-6 { width: 0.6rem; }

.wth-7 { width: 0.7rem; }

.wth-8 { width: 0.8rem; }

.wth-9 { width: 0.9rem; }

.wth-10 { width: 1rem; }

.wth-11 { width: 1.1rem; }

.wth-12 { width: 1.2rem; }

.wth-13 { width: 1.3rem; }

.wth-14 { width: 1.4rem; }

.wth-15 { width: 1.5rem; }

.wth-16 { width: 1.6rem; }

.wth-17 { width: 1.7rem; }

.wth-18 { width: 1.8rem; }

.wth-19 { width: 1.9rem; }

.wth-20 { width: 2rem; }

.wth-21 { width: 2.1rem; }

.wth-22 { width: 2.2rem; }

.wth-23 { width: 2.3rem; }

.wth-24 { width: 2.4rem; }

.wth-25 { width: 2.5rem; }

.wth-26 { width: 2.6rem; }

.wth-27 { width: 2.7rem; }

.wth-28 { width: 2.8rem; }

.wth-29 { width: 2.9rem; }

.wth-30 { width: 3rem; }

.wth-31 { width: 3.1rem; }

.wth-32 { width: 3.2rem; }

.wth-33 { width: 3.3rem; }

.wth-34 { width: 3.4rem; }

.wth-35 { width: 3.5rem; }

.wth-36 { width: 3.6rem; }

.wth-37 { width: 3.7rem; }

.wth-38 { width: 3.8rem; }

.wth-39 { width: 3.9rem; }

.wth-40 { width: 4rem; }

.wth-41 { width: 4.1rem; }

.wth-42 { width: 4.2rem; }

.wth-43 { width: 4.3rem; }

.wth-44 { width: 4.4rem; }

.wth-45 { width: 4.5rem; }

.wth-46 { width: 4.6rem; }

.wth-47 { width: 4.7rem; }

.wth-48 { width: 4.8rem; }

.wth-49 { width: 4.9rem; }

.wth-50 { width: 5rem; }

.wth-51 { width: 5.1rem; }

.wth-52 { width: 5.2rem; }

.wth-53 { width: 5.3rem; }

.wth-54 { width: 5.4rem; }

.wth-55 { width: 5.5rem; }

.wth-56 { width: 5.6rem; }

.wth-57 { width: 5.7rem; }

.wth-58 { width: 5.8rem; }

.wth-59 { width: 5.9rem; }

.wth-60 { width: 6rem; }

.wth-61 { width: 6.1rem; }

.wth-62 { width: 6.2rem; }

.wth-63 { width: 6.3rem; }

.wth-64 { width: 6.4rem; }

/*====== 公共排版样式 End ======*/
/*====== 公共颜色Begin ======*/
.red { color: #e83342 !important; }

.white { color: #FFFFFF !important; }

.black { color: #333333 !important; }

.gray { color: #666666 !important; }

.light-gray { color: #999999 !important; }

.yellow { color: #e6a205 !important; }

.bg-red { background-color: #e83342 !important; }

.bg-white { background-color: #FFFFFF !important; }

.bg-yellow { background-color: #e6a205 !important; }

.bg-theme { background-color: #ebebeb !important; }

/*====== 公共颜色End ======*/
/*====== 公共边距Begin ======*/
.marT-10 { margin-top: 0.1rem !important; }

/*====== 公共边距End ======*/
/*====== 公共样式Begin ======*/
.border { border: 1px solid #e7e5e4; }

.borderBottom { border-bottom: 1px solid #e7e5e4; }

.borderTop { border-top: 1px solid #e7e5e4; }

.borderLeft { border-left: 1px solid #e7e5e4; }

.borderRight { border-right: 1px solid #e7e5e4; }

.floatL { float: left; }

.floatR { float: right; }

.alignL { text-align: left; }

.alignR { text-align: right; }

.alignC { text-align: center; }

.block { display: block; }

.dis-none { display: none; }

.nowrap { overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; }

.hidden { overflow: hidden; }

.text-underline { text-decoration: underline !important; }

/*====== 公共样式End ======*/
/*====== 正文内容样式Begin  ======*/
.content { box-sizing: border-box; width: 100%; overflow: auto; padding: 0.9rem 0 1.5rem 0; min-height: 100%; }

.con-banner { display: block; height: 2.35rem; overflow: hidden; zoom: 1; position: relative; }

.content-top { box-sizing: border-box; width: 100%; padding: 0.9rem 0 0; min-height: 100%; }

/*====== 正文样式End  ======*/
/*==== 按钮样式Begin ====*/
.foot-btn { position: fixed; z-index: 600; bottom: 0; height: 0.8rem; line-height: 0.8rem; width: 100%; text-align: center; color: #FFFFFF; font-size: 0.36rem; background-color: #a71f21, #e83342, #e80607; border: none; }

/*==== 按钮样式Begin ====*/
/*====== 头部标题样式 Begin ======*/
.myheader { top: 0; position: fixed; z-index: 600; height: 0.9rem; line-height: 0.9rem; width: 100%; font-size: 0.30rem; text-align: center; background-color: #ffffff; overflow: hidden; zoom: 1; }
.myheader .left-btn { position: absolute; left: 0; top: 0; width: 0.9rem; height: 0.9rem; text-align: center; }
.myheader .right-btn { position: absolute; right: 0; top: 0; width: 0.9rem; height: 0.9rem; text-align: center; }
.myheader .right-txt { position: absolute; right: 0; top: 0; padding-right: 0.2rem; width: 1.0rem; height: 0.9rem; line-height: 0.9rem; text-align: right; font-size: 0.24rem; }
.myheader .header-search { padding-left: 0.9rem; height: 0.9rem; padding-right: 0.2rem; }
.myheader .header-search .search-box { margin-top: 0.15rem; height: 0.6rem; width: 100%; border-radius: 0.6rem; background-color: #ebebeb; overflow: hidden; flex-direction: row; }
.myheader .header-search .search-box .search-input { border: none; padding: 0 0 0 0.3rem; vertical-align: middle; height: 0.6rem; line-height: 0.6rem; zoom: 1; color: #999999; background-color: transparent; }
.myheader .header-search .search-box .search-btn { height: 0.6rem; line-height: 0.6rem; text-align: center; color: #999999; }
.myheader .header-title { padding: 0 0.9rem; text-align: center; font-size: 0.3rem; color: #333333; }

.myheader .header-uls {  text-align: left; font-size: 0.3rem; color: #333333;overflow: auto; }
.myheader .header-uls .left-txts{display:inline-block;white-space: nowrap;}
.myheader .header-uls .left-txts .col-98{display: inline-block;white-space:nowrap;padding: 0 0.1rem;}

.myheader .header-title .left-txt{width:491px;margin-left:-50px;}
.myheader .header-title .col-6{ width:100px; ;font-size:0.25rem; }
.myheader .header-title .col-01{ width:100px ;font-size:0.25rem;}
/*.myheader .header-title .col-02{  width:25% ;font-size:0.25rem;} */
.header-l { top: 0; position: fixed; z-index: 600; height: 0.9rem; line-height: 0.9rem; width: 100%; font-size: 0.30rem; text-align: center; background-color: transparent; overflow: hidden; zoom: 1; }
.header-l .left-btn { position: absolute; left: 0; top: 0; width: 0.9rem; height: 0.9rem; text-align: center; color: #FFFFFF; }
.header-l .right-btn { position: absolute; right: 0; top: 0; width: 0.9rem; height: 0.9rem; text-align: center; color: #FFFFFF; }
/*====== 头部标题样式 End ======*/
/*====== 底部导航菜单 Begin ======*/
.myfooter { position: fixed; z-index: 600; box-sizing: border-box; background-color: #FFFFFF; width: 100%; height: 0.95rem; bottom: 0; border-top: 1px solid #cccccc; display: flex; display: -webkit-flex; flex-direction: row; }
.myfooter .foot-nav { flex: 1; display: block; float: left; height: 0.95rem; text-align: center; }
.myfooter .foot-nav span { display: block; width: 100%; height: 0.6rem; line-height: 0.65rem; font-size: 0.45rem; color: #999999; }
.myfooter .foot-nav p { color: #999999; height: 0.4rem; font-size: 0.24rem; }
.myfooter .foot-nav.active span { color: #e83342; }
.myfooter .foot-nav.active p { color: #e83342; height: 0.35rem; font-size: 0.24rem; }

/*====== 底部导航菜单 End ======*/
/*====== 底部按钮 Begin ======*/
.footer-box { position: fixed; z-index: 600; box-sizing: border-box; background-color: #FFFFFF; width: 100%; height: 0.95rem; bottom: 0; display: flex; display: -webkit-flex; flex-direction: row; }
.footer-box .footer-btn { flex: 1; height: 0.95rem; line-height: 0.95rem; text-align: center; background-color: #e83342; color: #FFFFFF; font-size: 0.3rem; }

/*====== 底部按钮 End ======*/
.index-notice { vertical-align: middle; height: 0.4rem; line-height: 0.4rem; zoom: 1; margin: 0.2rem 0.2rem; padding: 0 0.2rem; font-size: 0.24rem; background-color: #ffffff; border-radius: 0.4rem; color: #333333; }
.index-notice .tap { display: block; width: 0.6rem; height: 0.3rem; background: url(../img/notice.png) no-repeat; background-size: 0.6rem 0.3rem; color: #FFFFFF; font-size: 0.18rem; margin: 0.05rem; float: left; line-height: 0.3rem; text-align: center; padding-right: 0.03rem; }
.index-notice .more { display: block; vertical-align: middle; height: 0.4rem; line-height: 0.4rem; zoom: 1; color: #999999; margin-left: 0.15rem; font-size: 0.18rem; }
.index-notice .line { height: 0.2rem; width: 1px; background-color: #999999; margin-top: 0.1rem; }
.index-notice .title { font-size: 0.18rem; line-height: 0.4rem; max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-notice a { color: #333333; }

.index-menu { display: flex; height: 2.0rem; width: 100%; background-color: #FFFFFF; flex-direction: row; }
.index-menu .menu-item { display: flex; display: -webkit-flex; flex: 1; height: 2.0rem; flex-direction: column; align-items: center; color: #333333; font-size: 0.24rem; }
.index-menu .menu-item img { width: 1.50rem; height: 1.50rem; }

.index-recommend { width: 100%; height: 1.6rem; background-color: #FFFFFF; margin: 0.2rem 0; }
.index-recommend a { width: 100%; height: 100%; }
.index-recommend img { width: 100%; height: 100%; }

.index-floor1 { background-color: #FFFFFF; margin: 0.2rem 0; }
.index-floor1 .floor-con { padding: 0.1rem 0; overflow: hidden; }

.index-floor2 { background-color: #FFFFFF; margin: 0.2rem 0; }
.index-floor2 .floor-con { height: 2.4rem; padding: 0.1rem 0; }

.index-hot { background-color: #FFFFFF; margin: 0.2rem 0; }
.index-hot .hot-con { height: 2.1rem; padding: 0.1rem 0; overflow-x: auto; }

.commodity-list { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; }
.commodity-list .commodity-item { display: block; width: 1.5rem; height: 2.05rem; background-color: #f7f7f7; margin: 0.07rem 0.05rem; }
.commodity-list .commodity-item .item-picture { width: 100%; height: 1.15rem; text-align: center; }
.commodity-list .commodity-item .item-picture img { max-height: 1.15rem; max-width: 100%; min-height: 0.5rem; min-width: 50%; }
.commodity-list .commodity-item .item-title { height: 0.25rem; line-height: 0.25rem; color: #333333; font-size: 0.14rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.commodity-list .commodity-item .item-tag { display: flex; display: -webkit-flex; flex-direction: row; height: 0.4rem; width: 100%; }
.commodity-list .commodity-item .item-tag .tag { flex: 1; display: flex; display: -webkit-flex; flex-direction: column; }
.commodity-list .commodity-item .item-tag .tag-bg1 { background-color: #e83342; }
.commodity-list .commodity-item .item-tag .tag-bg2 { background-color: #666666; }
.commodity-list .commodity-item .item-tag .tag-p { display: flex; display: -webkit-flex; color: #FFFFFF; font-size: 0.12rem; text-align: center; flex: 1; justify-content: center; align-items: center; }

.hot-list { display: flex; display: -webkit-flex; flex-direction: row; padding: 0 0.2rem; width: 13.9rem; /*根据排行的数量设置*/ }
.hot-list .hot-item { display: block; width: 1.4rem; height: 1.9rem; margin: 0 0.05rem; padding-top: 0.05rem; position: relative; }
.hot-list .hot-item .hot-tag { position: absolute; top: 0; left: 0; height: 0.3rem; line-height: 0.35rem; zoom: 1; color: #FFFFFF; font-size: 0.18rem; background: url(../img/title4.png) no-repeat; background-size: 0.85rem 0.3rem; padding: 0 0.3rem 0 0.16rem; }
.hot-list .hot-item .top-1 { background: url(../img/title1.png) no-repeat; background-size: 0.85rem 0.3rem; }
.hot-list .hot-item .top-2 { background: url(../img/title2.png) no-repeat; background-size: 0.85rem 0.3rem; }
.hot-list .hot-item .top-3 { background: url(../img/title3.png) no-repeat; background-size: 0.85rem 0.3rem; }
.hot-list .hot-item .picture { width: 1.4rem; height: 1.4rem; }
.hot-list .hot-item .picture img { height: 100%; width: 100%; }
.hot-list .hot-item .title { line-height: 0.2rem; color: #333333; font-size: 0.18rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.2rem; }

.floor-tap-scroll { width: 100%; height: 0.8rem; overflow-x: auto; }

.floor-tap { position: relative; height: 0.8rem; border-bottom: 1px solid #cccccc; font-size: 0.20rem; padding: 0.1rem 0.1rem 0; white-space: nowrap; }
.floor-tap .tap-item { line-height: 0.7rem; color: #050505; padding: 0 0.1rem; }
.floor-tap .active { color: #e83342; }

.hot-tap { position: relative; height: 0.5rem; display: flex; display: -webkit-flex; flex-direction: row; align-content: center; font-size: 0.22rem; padding: 0 0.2rem; }
.hot-tap .tap-item { flex: 1; line-height: 0.5rem; color: #333333; }
.hot-tap .active { color: #e83342; }

/*==== 全部商品页面 Begin =====*/
.content-scroll { box-sizing: border-box; width: 100%; overflow: auto; padding: 0.9rem 0 0.95rem 0; height: 100%; }

.type-list { width: 25%; float: left; height: 100%; overflow-x: hidden; overflow: auto; background-color: #FFFFFF; }
.type-list ul li { height: 0.98rem; line-height: 0.98rem; padding: 0; font-size: 0.24rem; color: #333333; text-align: center; background-color: #FFFFFF; border-right: 1px solid #e7e5e4; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.type-list ul li.active { background-color: #ebebeb; color: #e83342; border-right: none; }

.com-box { width: 75%; float: left; height: 100%; overflow-x: hidden; overflow: auto; }
.com-box .com-section { background-color: #FFFFFF; margin: 0.2rem; padding: 0.1rem; }
.com-box .com-section .com-item-title { color: #333333; height: 0.3rem; font-size: 0.2rem; padding-left: 0.1rem; }
.com-box .com-section .com-list .item-box { float: left; width: 50%; padding: 0.1rem; text-align: center; }
.com-box .com-section .com-list .com-item { display: block; width: 1.90rem; height: 2.05rem; background-color: #f7f7f7; }
.com-box .com-section .com-list .com-item .picture { width: 100%; height: 1.15rem; text-align: center; }
.com-box .com-section .com-list .com-item .picture img { max-height: 1.15rem; max-width: 100%; min-height: 0.6rem; min-width: 50%; }
.com-box .com-section .com-list .com-item .item-title { height: 0.25rem; line-height: 0.25rem; color: #333333; font-size: 0.14rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com-box .com-section .com-list .com-item .item-tag { display: flex; display: -webkit-flex; flex-direction: row; height: 0.4rem; width: 100%; }
.com-box .com-section .com-list .com-item .item-tag .tag { flex: 1; display: flex; display: -webkit-flex; flex-direction: column; }
.com-box .com-section .com-list .com-item .item-tag .tag-bg1 { background-color: #e83342; }
.com-box .com-section .com-list .com-item .item-tag .tag-bg2 { background-color: #666666; }
.com-box .com-section .com-list .com-item .item-tag .tag-p { display: flex; display: -webkit-flex; color: #FFFFFF; font-size: 0.12rem; text-align: center; flex: 1; justify-content: center; align-items: center; }

/*==== 全部商品页面 End =====*/
.notice-item { display: block; background-color: #FFFFFF; padding: 0.2rem 0.1rem; margin: 0.2rem; border-radius: 0.1rem; font-size: 0.28rem; vertical-align: middle; }
.notice-item .title { vertical-align: middle; color: #333333; display: inline-block; width: auto; max-width: 75%; position: relative; }
.notice-item .title .title-text { display: inline-block; max-width: 4rem; padding: 0.05rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.notice-item .title .iconfont { position: absolute; right: -0.4rem; top: 0; color: #e83342; }
.notice-item .date { color: #999999; vertical-align: middle; text-align: right; padding: 0.05rem 0; width: 25%; float: right; }

.mess-wrap { margin: 0.2rem; padding: 0.2rem; background-color: #FFFFFF; border-radius: 0.2rem; color: #666666; font-size: 0.24rem; line-height: 1.5; word-break: break-word; }
.mess-wrap img { max-width: 100%; }
.mess-wrap .wrap-title { font-size: 0.3rem; color: #333333; padding-bottom: 0.1rem; word-break: break-word; }
.mess-wrap .wrap-time { font-size: 0.2rem; color: #999999; padding-bottom: 0.1rem; }

.screen-box { background-color: #FFFFFF; position: fixed; z-index: 700; width: 100%; left: 0; top: 0.9rem; box-shadow: 0.05rem 0.05rem 0 #e7e5e4; -moz-box-shadow: 0 0.05rem 0.05rem #e7e5e4; /*firefox*/ -webkit-box-shadow: 0 0.05rem 0.05rem #e7e5e4; /*webkit*/ box-shadow: 0 0.05rem 0.05rem #e7e5e4; transition: height 0.3s; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; overflow: hidden; }
.screen-box .screen-type { padding: 0.2rem; border-bottom: 1px solid #e7e5e4; color: #333333; font-size: 0.24rem; }
.screen-box .screen-con { padding: 0.1rem; }
.screen-box .screen-con ul li { padding: 0.1rem; }
@media screen and (max-width: 480px) { .screen-box .screen-con ul li .screen-item { font-size: 12px; } }
@media screen and (min-width: 481px) { .screen-box .screen-con ul li .screen-item { font-size: 0.18rem; } }
.screen-box .screen-con ul li .screen-item { display: block; padding: 0.2rem 0; line-height: 0; color: #999999; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #e7e5e4; border-radius: 0.04rem; overflow: hidden; }
.screen-box .screen-con ul li .screen-item:active { background-color: rgba(240, 240, 240, 0.5); }
.screen-box .screen-con ul li .active { color: #e83342; border: 1px solid #e83342; }

.screen-bg { background-color: rgba(0, 0, 0, 0.1); position: fixed; z-index: 650; width: 100%; left: 0; top: 0.9rem; }

.offer-list { background-color: #FFFFFF; padding: 0; margin: 0.2rem 0; overflow-x: auto; overflow-y: hidden; position: relative; }
.offer-list .num-id { width: 0.8rem; position: absolute; background-color: #FFFFFF; top: 0; left: 0; -moz-box-shadow: 0.05rem 0 0.05rem #e7e5e4; /*firefox*/ -webkit-box-shadow: 0.05rem 0 0.05rem #e7e5e4; /*webkit*/ box-shadow: 0.05rem 0 0.05rem #e7e5e4; }
.offer-list .num-id .head { font-size: 0.24rem; color: #333333; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
.offer-list .num-id .num { display: block; color: #999999; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; vertical-align: middle; }
.offer-list .num-id .num input { vertical-align: middle; }
@media screen and (max-width: 480px) { .offer-list .num-id .num { font-size: 12px; } }
@media screen and (min-width: 481px) { .offer-list .num-id .num { font-size: 0.18rem; } }
.offer-list .table-scroll { margin-left: 0.8rem; overflow-x: auto; overflow-y: hidden; }
.offer-list .table-box { width: 200%; }
.offer-list .table-box .row-head { font-size: 0.24rem; color: #333333; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
.offer-list .table-box .row-head span { padding: 0 0.05rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.offer-list .table-box .row-body { color: #999999; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
.offer-list .table-box .row-body span { padding: 0 0.05rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media screen and (max-width: 480px) { .offer-list .table-box .row-body { font-size: 12px; } }
@media screen and (min-width: 481px) { .offer-list .table-box .row-body { font-size: 0.18rem; } }
.offer-list .t-foot { font-size: 0.24rem; height: 0.75rem; line-height: 0.75rem; background-color: #FFFFFF; position: fixed; bottom: 0.9rem; width: 100%; }
.offer-list table thead { font-size: 0.24rem; }
.offer-list table thead tr > td { color: #333333; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
@media screen and (max-width: 480px) { .offer-list table tbody { font-size: 12px; } }
@media screen and (min-width: 481px) { .offer-list table tbody { font-size: 0.18rem; } }
.offer-list table tbody tr > td { color: #999999; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.5rem; line-height: 0.5rem; }

.offer-slide { height: 100%; padding: 0.2rem 0; position: relative; }
.offer-slide .slide-left { position: relative; z-index: 100; width: 40%; height: 100%; overflow: hidden; background-color: #FFFFFF; -moz-box-shadow: 0.05rem 0 0.05rem #e7e5e4; /*firefox*/ -webkit-box-shadow: 0.05rem 0 0.05rem #e7e5e4; /*webkit*/ box-shadow: 0.05rem 0 0.05rem #e7e5e4; float: left; text-align: center; border-top: 1px solid #e7e5e4; border-bottom: 1px solid #e7e5e4; padding-bottom: 0.75rem; }
.offer-slide .slide-left .head { position: absolute; z-index: 100; top: 0; left: 0; font-size: 0.24rem; color: #333333; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; width: 100%; background-color: #FFFFFF; }
.offer-slide .slide-left .head .head-th { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; text-align: center; }
.offer-slide .slide-left .slide-num { padding-top: 0.65rem; width: 100%; height: 100%; overflow: hidden; }
.offer-slide .slide-left .num { color: #999999; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
.offer-slide .slide-left .num .num-th { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; text-align: center; }
@media screen and (max-width: 480px) { .offer-slide .slide-left .num { font-size: 12px; } }
@media screen and (min-width: 481px) { .offer-slide .slide-left .num { font-size: 0.18rem; } }
.offer-slide .slide-right { position: relative; width: 60%; height: 100%; overflow: hidden; background-color: #FFFFFF; float: left; border-top: 1px solid #e7e5e4; border-bottom: 1px solid #e7e5e4; padding-bottom: 0.75rem; }
.offer-slide .slide-right .shead { position: absolute; z-index: 80; top: 0; left: 0; height: 0.65rem; width: 100%; overflow: hidden; background-color: #FFFFFF; border-bottom: 1px solid #e7e5e4; }
.offer-slide .slide-right .shead .row-head { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 1px solid #e7e5e4; border-right: 1px solid #e7e5e4; position: relative; z-index: 90; font-size: 0.24rem; color: #333333; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
.offer-slide .slide-right .shead .row-head span { padding: 0 0.05rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.offer-slide .slide-right .sbody { padding-top: 0.65rem; height: 100%; width: 100%; overflow: hidden; }
.offer-slide .slide-right .sbody .table-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 1px solid #e7e5e4; border-right: 1px solid #e7e5e4; }
.offer-slide .slide-right .sbody .table-box .row-body { color: #999999; text-align: center; border-bottom: 1px solid #e7e5e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.65rem; line-height: 0.65rem; }
.offer-slide .slide-right .sbody .table-box .row-body span { padding: 0 0.05rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media screen and (max-width: 480px) { .offer-slide .slide-right .sbody .table-box .row-body { font-size: 12px; } }
@media screen and (min-width: 481px) { .offer-slide .slide-right .sbody .table-box .row-body { font-size: 0.18rem; } }
.offer-slide .foot-sum { position: absolute; z-index: 101; font-size: 0.24rem; height: 0.75rem; line-height: 0.75rem; background-color: #FFFFFF; bottom: 0.2rem; left: 0; width: 100%; border-top: 1px solid #e7e5e4; border-bottom: 1px solid #e7e5e4; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.banner-img { width: 100%; height: 4.0rem; }
.banner-img img { width: 100%; height: 100%; }

.market-msg { margin: 0.2rem; background-color: #FFFFFF; border-radius: 0.2rem; overflow: hidden; }
.market-msg .msg-row { padding: 0.2rem 0; font-size: 0.20rem; }
.market-msg .msg-row .por { color: #666666; text-align: right; }
.market-msg .msg-row .val { color: #e83342; text-align: left; }

.con-box { margin: 0.2rem 0; background-color: #FFFFFF; }

.hq-chart { height: 4.5rem; background-color: #FFFFFF; }

.tap-float { position: relative; height: 0.9rem; border-bottom: 1px solid #cccccc; font-size: 0.24rem; padding-top: 0.1rem; white-space: nowrap; }
.tap-float .tap-item { display: block; float: left; width: 50%; line-height: 0.8rem; height: 0.8rem; color: #333333; text-align: center; }
.tap-float .active { color: #e83342; }

.pop-modal { position: fixed; z-index: 700; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; }
.pop-modal .modal-bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }
.pop-modal .modal-con { position: absolute; bottom: 0; left: 0; height: 6.4rem; width: 100%; background-color: #FFFFFF; }

.buy-sell-form { height: 5.5rem; }
.buy-sell-form .buy-form { padding: 0 0.2rem; }
.buy-sell-form .form-con { height: 4.3rem; padding: 0.1rem 0; border-bottom: 1px solid #e7e5e4; }
.buy-sell-form .form-con-sell { height: 4.3rem; background-color: #ebebeb; overflow-x: hidden; overflow-y: auto; }
.buy-sell-form .form-submit { height: 1.2rem; background-color: #FFFFFF; padding: 0.2rem; }
.buy-sell-form .buy-left { padding-right: 0.3rem; }
.buy-sell-form .buy-left .buy-label { color: #333333; font-size: 0.24rem; line-height: 0.4rem; margin-top: 0.05rem; }
.buy-sell-form .buy-left .state-text { color: #666666; font-size: 12px; line-height: 0.4rem; }
.buy-sell-form .buy-left .buy-input { position: relative; height: 0.5rem; line-height: 0.5rem; margin-top: 0.05rem; }
.buy-sell-form .buy-left .buy-input .num-calc { position: absolute; top: 0; width: 0.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #999999; }
.buy-sell-form .buy-left .buy-input .num-calc:active { opacity: 0.5; }
.buy-sell-form .buy-left .buy-input .sub { left: 0; }
.buy-sell-form .buy-left .buy-input .add { right: 0.2rem; }
.buy-sell-form .buy-left .buy-input .input-field { padding: 0 0.8rem 0 0.6rem; }
.buy-sell-form .buy-left .buy-input .input-field input { width: 100%; height: 0.5rem; line-height: 0.5rem; border: none; background-color: #ebebeb; text-align: center; }
.buy-sell-form .buy-left .buy-input .input-field input:disabled { background-color: #aaaaaa; }
.buy-sell-form .buy-right { color: #333333; }
.buy-sell-form .buy-right table > thead > tr > td { line-height: 0.57rem; text-align: center; font-size: 0.24rem; }
.buy-sell-form .buy-right table > tbody > tr > td { line-height: 0.57rem; text-align: center; font-size: 12px; }
.buy-sell-form .sell-item { height: 1rem; padding: 0.15rem 0.1rem; border-radius: 0.1rem; background-color: #FFFFFF; margin: 0.1rem 0.2rem; }
.buy-sell-form .sell-item .sell-row { color: #333333; font-size: 12px; line-height: 0.35rem; text-align: center; }
.buy-sell-form .sell-item .sell-row span, .buy-sell-form .sell-item .sell-row p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.buy-sell-form .sell-item .sell-input { position: relative; height: 0.35rem; line-height: 0.35rem; }
.buy-sell-form .sell-item .sell-input .num-calc { position: absolute; top: 0; width: 0.4rem; height: 0.35rem; line-height: 0.35rem; text-align: center; color: #999999; }
.buy-sell-form .sell-item .sell-input .num-calc:active { opacity: 0.5; }
.buy-sell-form .sell-item .sell-input .num-calc .iconfont { font-size: 0.34rem !important; }
.buy-sell-form .sell-item .sell-input .sub { left: 0; }
.buy-sell-form .sell-item .sell-input .add { right: 0; }
.buy-sell-form .sell-item .sell-input .input-field { padding: 0 0.4rem; }
.buy-sell-form .sell-item .sell-input .input-field input { width: 100%; height: 0.35rem; line-height: 0.35rem; border: none; background-color: #ebebeb; text-align: center; }
.buy-sell-form .sell-item .sell-input .input-field input:disabled { background-color: #aaaaaa; }
.buy-sell-form .btn-box1 { padding: 0 0.3rem; }
.buy-sell-form .all-check { display: block; width: 0.6rem; float: left; text-align: center; font-size: 0.24rem; padding: 0.1rem 0; line-height: 0.3rem; }
.buy-sell-form .btn-box2 { width: 5.4rem; float: left; }
.buy-sell-form .btn-submit { display: block; height: 0.8rem; line-height: 0.8rem; width: 100%; border-radius: 0.8rem; background-color: #e83342; color: #FFFFFF; font-size: 0.32rem; text-align: center; }
.buy-sell-form .btn-submit:active { opacity: 0.8; }

.mobile-table { color: #333333; }
.mobile-table table > thead > tr > td { line-height: 0.5rem; text-align: center; font-size: 0.24rem; }
.mobile-table table > tbody > tr:active { background-color: rgba(200, 200, 200, 0.5); }
.mobile-table table > tbody > tr > td { line-height: 0.45rem; text-align: center; font-size: 12px; }

.details-con-box { line-height: 1.5; padding: 0.2rem; word-break: break-word; }

.mine-menu { background-color: #FFFFFF; margin: 0.2rem 0; }
.mine-menu .menu-type { padding: 0.2rem; border-bottom: 1px solid #e7e5e4; color: #333333; font-size: 0.24rem; }
.mine-menu .menu-list { padding: 0.1rem 0.2rem; }
.mine-menu .menu-list .menu-item { display: block; float: left; width: 20%; padding: 0.1rem 0.05rem; color: #999999; font-size: 0.16rem; text-align: center; }
.mine-menu .menu-list .menu-item .icon-img { height: 0.54rem; text-align: center; margin-bottom: 0.15rem; }
.mine-menu .menu-list .menu-item .icon-img img { height: 0.54rem; width: auto; }

/*杈撳叆鍒楄〃*/
.mess-list { background-color: #FFFFFF; margin: 0.2rem 0; }
@media screen and (max-width: 480px) { .mess-list .list-item { font-size: 12px; } }
@media screen and (min-width: 480px) { .mess-list .list-item { font-size: 0.18rem; } }
.mess-list .list-item { padding: 0.15rem; border-bottom: 1px solid #e7e5e4; }
.mess-list .list-item .item-text { line-height: 0.45rem; color: #333333; }
.mess-list .list-item .item-value { line-height: 0.45rem; color: #999999; }
.mess-list .list-item .item-btn { line-height: 0.45rem; background-color: #e83342; color: #FFFFFF; text-align: center; border: none; }
.mess-list .list-item .item-btn:active { opacity: 0.5; }
.mess-list .list-item .item-btn:disabled { opacity: 0.5; }
.mess-list .list-item .item-input { width: 100%; height: 0.45rem; line-height: 0.45rem; border: none; color: #333333; }
.mess-list .list-item .item-input:disabled { border: none; background-color: transparent; color: #999999; }
.mess-list .list-item .item-input:readonly { border: none; background-color: transparent; color: #999999; }
.mess-list .list-item .item-note { width: 100%; line-height: 0.35rem; padding: 0.05rem; border: none; color: #333333; }
.mess-list .list-item .item-note:disabled { border: none; background-color: transparent; color: #999999; }
.mess-list .list-item .item-note:readonly { border: none; background-color: transparent; color: #999999; }
.mess-list .list-item .check-lable { vertical-align: middle; margin-right: 0.15rem; display: inline-block; }
.mess-list .list-item .check-lable input[type="checkbox"], .mess-list .list-item .check-lable input[type="radio"] { vertical-align: middle; }
.mess-title { padding: 0.05rem 0.2rem; font-size: 0.24rem; line-height: 0.45rem; }

.login-box { width: 100%; min-height: 100%; background: url(../img/bg.png) no-repeat; background-size: 100% 100%; padding: 0.3rem 0; }
.login-box .login-logo { padding: 0.6rem 0 0; text-align: center; }
.login-box .login-logo img { height: 1.0rem; }
.login-box .login-row { margin: 0.3rem 1rem; padding: 0.1rem 0.4rem; height: 0.6rem; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-radius: 0.6rem; border: 1px solid #cccccc; }
.login-box .login-row .login-input { width: 100%; height: 0.6rem; line-height: 0.6rem; border: none; color: #FFFFFF; background: transparent; font-size: 0.24rem; }
.login-box .login-row .login-input::-ms-input-placeholder { color: #FFFFFF; }
.login-box .login-row .login-input::-webkit-input-placeholder { color: #FFFFFF; }
.login-box .login-row .code-btn { width: 100%; height: 0.6rem; line-height: 0.6rem; border: none; color: #FFFFFF; background: #e80607; font-size: 0.20rem; text-align: center; border-radius: 0.1rem; }
.login-box .login-row .code-btn:disabled { background-color: #dddddd; color: #e80607; }
.login-box .login-row .code-img { height: 100%; width: 1.2rem; }
.login-box .login-select { margin: 0.3rem 1rem; padding: 0.1rem 0.8rem 0.1rem 0.4rem; height: 0.6rem; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-radius: 0.6rem; border: 1px solid #cccccc; position: relative; }
.login-box .login-select .login-input { width: 100%; height: 0.6rem; line-height: 0.6rem; border: none; color: #FFFFFF; background: transparent; font-size: 0.24rem; }
.login-box .login-select .login-input::-ms-input-placeholder { color: #FFFFFF; }
.login-box .login-select .login-input::-webkit-input-placeholder { color: #FFFFFF; }
.login-box .login-select .option-box { position: absolute; z-index: 100; top: 0.82rem; left: 0; background: white; width: 100%; line-height: 0.6rem; border-radius: 0.3rem; display: none; height: 3.0rem; overflow-y: auto; }
.login-box .login-select .option-box a { display: block; height: 0.8rem; line-height: 0.8rem; padding: 0 0.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-top: 1px solid transparent; color: #333333; font-size: 0.24rem; }
.login-box .login-text { margin: 0 1rem; font-size: 0.2rem; color: #FFFFFF; }
.login-box .login-text a { color: #e80607; }
.login-box .login-submit { display: block; width: 4.4rem; margin: 0.3rem auto; padding: 0 0.4rem; height: 0.8rem; border-radius: 0.8rem; border: none; text-align: center; color: #FFFFFF; background: #e80607; font-size: 0.28rem; }
.login-box .login-text-r { margin: 0.5rem 0.4rem 0; font-size: 0.24rem; color: #FFFFFF; text-align: right; }
.login-box .login-text-r a { color: #e80607; }

.red-checkbox { opacity: 0; }

/* .signBank2{position: relative; float: right; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-right: 10px;width: 33.3333%;}
.signBank{position: relative; float: right; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-right: 10px; width: 33.3333%;} */
.signBank2{width: 33.3333%;position: relative; float: right;min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-right: 30%;}
.signBank{width: 33.3333%;position: relative; float: right;min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-right: 30%; margin-top: 5%}
/*# sourceMappingURL=layout.css.map */