/*右侧菜单 */
.layadmin-side-spread-sm.layadmin-side-spread-sm-to-right .layui-body { transform: inherit !important; }
.layadmin-side-spread-sm.layadmin-side-spread-sm-to-right .layui-nav.layui-layout-left { transform: inherit !important; }
.layadmin-side-spread-sm.layadmin-side-spread-sm-to-right .layui-nav.layui-layout-right { transform: inherit !important; }
.layui-mobile-body .layui-layout-admin .layui-layout-left .layui-nav-item { margin: 0 10px; }
.layui-mobile-body .win10_command_center { width: 80%; }
.layui-mobile-body .win10_command_center .msgs .msg .btn_close_msg { right: 11px; }
/*列表展示*/
.mobile_common_list { }
.mobile_common_list ul li { background: #fff; margin: 7px 8px; border-radius: 10px; }
.mobile_common_list ul li .detail_bd { padding: 5px; }
.mobile_common_list ul li .detail_no { padding: 10px 5px; border-bottom: 1px solid #f3f3f3; font-weight: bold; }
.mobile_common_list ul li .detail_bd:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.mobile_common_list ul li .detail_bd .detail_list { padding: .15rem 0; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile_common_list ul li .detail_bd .detail_list i { color: #999; padding-right: .3rem; font-style: normal; }
.mobile_common_list ul li .detail_bd .detail_list:last-child { width: 100%; }
.mobile_common_list ul li .detail_bd .detail_list.hb_detail_list { display: flex; width: 100%; }
.mobile_common_list ul li .detail_bd .detail_list.hb_detail_list span { white-space: initial; }
.mobile_common_list ul .layui-inline.hb_layui-inline { justify-content: flex-end; display: flex; padding: 10px; border-top: 1px solid #f3f3f3; }
/*列表展示 end*/

/*通用遮罩*/
.cover-floor { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 500011; display: none; }

/*筛选弹窗*/
.filterpop.childwindow { height: calc(100% - 50px); padding-top: 50px !important; }
.filterpop { height: 100%; width: 80%; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; bottom: 0; left: 20%; z-index: 500012; background: #fff; transition: transform .3s; transform: translate3d(100%,0,0); -webkit-transition: transform .3s; -webkit-transform: translate3d(100%,0,0); display: none; }
.filterpop.filterpopshow { left: 20%; transition: transform .3s; transform: translate3d(0%,0,0); -webkit-transition: transform .3s; -webkit-transform: translate3d(0%,0,0); }
.filterpop .sx_bd { height: -moz-calc(100% - 44px); height: -webkit-calc(100% - 44px); height: calc(100% - 44px); }
.filterpop .sx_bd .sx_bdin { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden }
.filterpop .index-bnts { height: 44px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; padding-right: 0px; overflow: hidden; }
.filterpop .index-bnts .left { background-color: #fff; color: #252525; font-size: 16px; position: relative; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; }
.filterpop .index-bnts .left:before { content: ''; height: 1px; width: 200%; position: absolute; left: 0; top: 0; right: auto; bottom: auto; background-color: #e3e5e9; border: 0px solid transparent; border-radius: 0px; -webkit-border-radius: 0px; transform: scale(0.5); -webkit-transform: scale(0.5); transform-origin: top left; -webkit-transform-origin: top left; }
.filterpop .index-bnts .right { background-color: #009688; color: #fff; font-size: 16px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; }


.sx_bdin .itemlist { }
.sx_bdin .itemlist ul { margin-right: 10px; overflow: hidden; padding-bottom: 1px; }
.sx_bdin .itemlist ul li { margin-top: 10px; height: 29px; width: 50%; color: #232326; padding-left: 10px; float: left; font-size: 13px; box-sizing: border-box; position: relative; }

.sx_bdin .itemlist ul li span { height: 30px; display: block; padding-left: 5px; padding-right: 5px; text-align: center; line-height: 30px; background-color: #f3f3f3; border-radius: 5px; border: 1px solid #f3f3f3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.sx_bdin .itemlist ul li.on span { border: 1px solid #333333; background: #fff; }
.sx_bdin .itemlist ul li.on:after { content: ""; position: absolute; left: 10px; top: 0px; width: 15px; height: 15px; background: url(http://tea10pic.oss-cn-shenzhen.aliyuncs.com/6364462728432746716814208.png) left top no-repeat; background-size: cover; }

.sx_bdin .itemlist .from-to { background: #f3f3f3; border-radius: 5px; margin: 10px 10px 0; padding: 10px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; }
.sx_bdin .itemlist .from-to input, .sx_bdin .itemlist .from-to span, .sx_bdin .itemlist .from-to .fttxt { display: inline-block; }
.sx_bdin .itemlist .from-to span { display: block; width: 8px; margin-left: 9px; margin-right: 9px; height: 14px; border-bottom: 1px solid #848689; }
.sx_bdin .itemlist .from-to input { border-radius: 5px; background: #fff; border: 0; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; display: block; height: 28px; line-height: 28px; text-align: center; font-size: 12px; }
.sx_bdin .itemlist .from-to .fttxt { height: 28px; line-height: 28px; margin-left: 10px; }


.title-line { padding-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 15px; overflow: hidden; margin-bottom: 7px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; }
.title-line .title { text-align: left; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; height: 20px; line-height: 20px; color: rgba(0,0,0,0.5); margin-top: 2px; margin-bottom: 2px; }
.title-line i { display: block; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: 8px; margin-right: 2px; margin-top: 8px; }
.title-line i.down { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-top: 2px; }


.filterpopshow .weui-cells__group_form .weui-cells:before { left: 0px; right: 0px; }
.filterpopshow .weui-cells__group_form .weui-cells:after { left: 0px; right: 0px; }
.filterpopshow .weui-cell_select-before.weui-cell_access .weui-cell__hd { padding-left: 15px; }

/*通用filter bar*/

.filter_bar { background: #fff; border-bottom: 1px solid #f3f3f3; }
.filter_bar ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.filter_bar ul li { width: 100%; padding: 0 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #666666; height: 44px; line-height: 44px; position: relative; font-size: 14px; }
.filter_bar ul li:last-child { overflow: hidden; }
.filter_bar ul li.on { color: #85736e; }
.filter_bar ul li:before { content: ''; width: 1px; height: 50%; border-right: 1px solid #cccccc; position: absolute; top: 50%; right: -1px; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); z-index: 10; }
.filter_bar ul li.price_ud { display: inline-block; }
.filter_bar ul li.price_ud:after { content: ""; width: 7px; height: 10px; display: inline-block; background: url(http://tea10pic.oss-cn-shenzhen.aliyuncs.com/6364460916269296892982263.png) bottom center no-repeat; background-size: cover; margin-left: 4px; }
.filter_bar ul li.price_ud.arrow-down:after { background-position: 0px -10px; }
/*由低到高*/
.filter_bar ul li.price_ud.arrow-up:after { background-position: 0px 0px; }
/*由高到低*/
.filter_bar ul li:last-child:before { display: none; }
/*通用filter bar*/
/*筛选弹窗*/

/*飞行球*/
.flyball { position: fixed; top: 0; left: 0; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear,-webkit-transform .5s linear; z-index: 9999999; }
.flyball .inner { position: absolute; top: 0; left: 0; background-color: #cf3232; border-radius: 50%; width: 0.35rem; height: 0.35rem; }
.flyball, .flyball .inner { will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0) }
.flyball .inner { transition: -webkit-transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0),-webkit-transform .5s cubic-bezier(.3,-.2,1,0) }
/*飞行球*/