﻿@charset "utf-8";
@import url('font/iconfont.min.css');

* {margin: 0; padding: 0;}
html, body{height:100%;font:14px/1.5 "微软雅黑", "Microsoft Yahei", "Arial Unicode MS", "Hiragino Sans GB", Tahoma, Verdana, Simsun, Mingliu, Arial, Helvetica, sans-serif; color: #444; background-color:#fff;}

html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
div {/*margin:0px auto;*/}
img {border: none; text-decoration: none; vertical-align:top; max-width: 100%; max-height:100%;}

a {color: #444; text-decoration: none}
a:focus {outline:none;-moz-outline:none;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {color: #444; text-decoration: none}
a:active {color: #444; text-decoration: none}

select{ -webkit-appearance: none; }

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
abbr[title],dfn[title] {border-bottom: 1px dotted;cursor:help;}
input[type="checked"],input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],textarea,input[type="search"]{-webkit-appearance:none;}
ul,ol,li,dl{list-style: outside none none}

.clear{zoom:1;}
.clear{clear:both;}
.clear:before,.clear:after{content:"";display:block;clear:both;overflow:hidden;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{display: inline-block;}
.clearfix{display: block; zoom: 1;}
.display{ display: block;}
.nodisplay{ display: none;}

/* base */
.container-fluid{padding-right: 0 !important;padding-left: 0 !important;}
.container{padding-right: 0 !important;padding-left: 0 !important;margin-right: auto;margin-left: auto;}
.row{margin-right: 0;margin-left: 0;}
@media screen and (min-width:0px) and (max-width: 768px){
    .container{max-width: 640px;min-width: 320px;}
    .header-nav-block{max-width: 640px;min-width: 320px;}
    .navbar-item{max-width: 640px;min-width: 320px;}
}
@media screen and (min-width: 768px) {
    .container{max-width: 720px;}
    .header-nav-block{max-width: 720px;}
    .navbar-item{max-width: 720px;}
}
@media screen and (min-width: 992px) {
    .container{max-width: 960px;}
    .header-nav-block{max-width: 960px;}
    .navbar-item{max-width: 960px;}
}
@media screen and (min-width: 1200px) {
    /*.container{max-width: 1140px;}*/
    .container{max-width: none;}
    .header-nav-block{max-width: none;}
    .navbar-item{max-width: none;}
}
@media screen and (min-width:1400px){
    /*.container{max-width: 1340px;}*/
    .container{max-width: none;}
    .header-nav-block{max-width: none;}
    .navbar-item{max-width: none;}
}

/* base end */

/* util */
em.unit{font-style: normal;font-weight: normal;}
/* util end */

/* font */
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
/* font end */

/* text */
.tcenter{text-align: center;}
.tright{text-align: center;}
.tleft{text-align: center;}
/* text end */

/* input */
input.no-border,select.no-border{border: none;outline: none;color: #676767;}
input.no-border:active,select.no-border:active,input.no-border:focus,select.no-border:focus{ box-shadow: none;border-color: transparent;}

.password-icon {width: 40px;height: 31px;position: absolute;right: 1px;top: 1px;display: block;}
.password-icon.password-show {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURQAAACcmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNjIdX3QAAAAvdFJOUwBy+FH5xi5NI7KX/pv9LANQ1KbX4XSljX6MkZKA5OVMFMW8HTG+CkA/cxUyTggbLtaEKgAAAHNJREFUGNOdj0cOw0AMA+m67um99575/++iwDDgs3kRB5BESeqqoCiCFsYZpixueA1RVR1gXnMKF91vOkLak/pj63594XQ2M5DcyOr7U5bXnZnoPzKF7VPab2BYL/FC8oeXE06amGThgz9LWpe41dJ1/uoH5wEK6MO/n0AAAAAASUVORK5CYII=) no-repeat 13px center;}
.password-icon.password-hide {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAACcmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNicmNiNep8AAAAAvdFJOUwD5+IWbQnBEUDN1j12gzcgcmvwBGlZ+mSMojISsCco7kHYgaFM0FAewW6t6ibRcpqBGGwAAAFhJREFUGNNjYKAFYGVD5inKM2gz6iH4yozSDJqcGrpqEK6EnIySCpDW0WKR4hAR4OEWFFcAiaurMrAJifHxMzNxMUjKQtSKsjLwsjBwcsDNEmZgYGenossBTFkEYgaqhw8AAAAASUVORK5CYII=) no-repeat 13px center;}
/* text end */

/* color */
.t-red{ color: #ff4f60;}
.t-orange{ color: #FF4500;}
.t-tomato{ color: #FF6347;}
.t-coral{ color: #FF7F50;}
.t-yellow{ color: #ffc107;}
.t-green{ color: #28a745;}
.t-skyblue{ color: #17a2b8;}
.t-lightblue{ color: #39a4ff;}
.t-blue{ color: #007bff;}
.t-white{ color: #f8f9fa;}
.t-grey{ color: #6c757d;}
.t-gray2{ color: #888;}
.t-lgray{ color: #bbb;}
.t-black{ color: #343a40;}

.bg-red{ background-color: #ff4f60;color: #fff;}
.bg-red:hover{ background-color: #ff3f51;}
.bg-orange{ background-color: #FF4500;color: #fff;}
.bg-orange:hover{ background-color: #f54200;}
.bg-tomato{ background-color: #FF6347;color: #fff;}
.bg-tomato:hover{ background-color: #ff5b3e;}
.bg-coral{ background-color: #FF7F50;color: #fff;}
.bg-coral:hover{ background-color: #ff7340;}
.bg-yellow{ background-color: #ffc107;color: #fff;}
.bg-yellow:hover{ background-color: #fabc01;}
.bg-green{ background-color: #28a745;color: #fff;}
.bg-green:hover{ background-color: #1ea53d;}
.bg-skyblue{ background-color: #17a2b8;color: #fff;}
.bg-skyblue:hover{ background-color: #0ca1b8;}
.bg-lightblue{ background-color: #39a4ff;color: #fff;}
.bg-lightblue:hover{ background-color: #2497f9;}
.bg-blue{ background-color: #007bff;color: #fff;}
.bg-blue:hover{ background-color: #0071eb;}
.bg-white{ background-color: #f8f9fa;color: #666;}
.bg-white:hover{ background-color: #fff;}
.bg-gray{ background-color: #6c757d;color: #fff;}
.bg-gray:hover{ background-color: #60686f;}
.bg-gray2{ background-color: #888;color: #fff;}
.bg-gray2:hover{ background-color: #797979;}
.bg-lgray{ background-color: #bbb;color: #fff;}
.bg-lgray:hover{ background-color: #a9a9a9;}
.bg-black{ background-color: #343a40;color: #fff;}
.bg-black:hover{ background-color: #252a2e;}
/* color end */

/* margin */
.margin0{margin:0px !important}
.margin10{margin:10px !important}
.margin20{margin:20px !important}
.margin30{margin:30px !important}
.margin40{margin:40px !important}

.margintop0{margin-top:0px !important}
.margintop5{margin-top:5px !important}
.margintop10{margin-top:10px !important}
.margintop20{margin-top:20px !important}
.margintop30{margin-top:30px !important}
.margintop40{margin-top:40px !important}

.marginright0{margin-right:0px !important}
.marginright10{margin-right:10px !important}
.marginright20{margin-right:20px !important}
.marginright30{margin-right:30px !important}
.marginright40{margin-right:40px !important}

.marginbottom0{margin-bottom:0px !important}
.marginbottom10{margin-bottom:10px !important}
.marginbottom20{margin-bottom:20px !important}
.marginbottom30{margin-bottom:30px !important}
.marginbottom40{margin-bottom:40px !important}

.marginleft0{margin-left:0px !important}
.marginleft10{margin-left:10px !important}
.marginleft20{margin-left:20px !important}
.marginleft30{margin-left:30px !important}
.marginleft40{margin-left:40px !important}
/* margin end */

/* padding */
.padding0{padding:0px !important}
.padding5{padding:5px !important}
.padding10{padding:10px !important}
.padding20{padding:20px !important}
.padding30{padding:30px !important}
.padding40{padding:40px !important}

.paddingtop0{padding-top:0px !important}
.paddingtop5{padding-top:5px !important}
.paddingtop10{padding-top:10px !important}
.paddingtop20{padding-top:20px !important}
.paddingtop30{padding-top:30px !important}
.paddingtop40{padding-top:40px !important}

.paddingbottom0{padding-bottom:0px !important}
.paddingbottom5{padding-bottom:5px !important}
.paddingbottom10{padding-bottom:10px !important}
.paddingbottom20{padding-bottom:20px !important}
.paddingbottom30{padding-bottom:30px !important}
.paddingbottom40{padding-bottom:40px !important}

.paddingleft0{padding-left:0px !important}
.paddingleft5{padding-left:5px !important}
.paddingleft10{padding-left:10px !important}
.paddingleft20{padding-left:20px !important}
.paddingleft30{padding-left:30px !important}
.paddingleft40{padding-left:40px !important}

.paddingright0{padding-right:0px !important}
.paddingright5{padding-right:5px !important}
.paddingright10{padding-right:10px !important}
.paddingright20{padding-right:20px !important}
.paddingright30{padding-right:30px !important}
.paddingright40{padding-right:40px !important}
/* padding end*/

/* mobile */
.m-head{position:relative; height:42px; line-height:42px; background-color:#03CC6C; color:#fff; font-size:16px; text-align:center;max-width: 640px;}
.m-right{position:absolute; top:0px; left:10px; width:40px; height:40px; line-height:40px; color:#fff; font-size:16px; cursor:pointer;}
.m-left{position:absolute; top:0px; right:10px; width:80px; height:40px; line-height:40px; color:#fff; font-size:16px; cursor:pointer; text-align:right;}

.img-code{padding: 0;cursor: pointer;max-height: 2.375rem;max-width: 6.8rem;}
/* mobile end */

/* footer */
.footer-info {position: fixed;bottom: 0;margin: 0 auto;width: 100%;color: #999;font-size:0.5rem;text-align:center;padding: 5px 0;}
.footer-info a{color: #999;}
.footer-info .footer-cpy {}
.footer-info .footer-copyright {}
/* footer end */

/* navbar */
.navbar-block{height: 50px;}
.navbar-item{height: 50px;width: 100%;position: fixed;z-index: 90;bottom: 0;margin: 0 auto;background: #fff;border-top: 1px solid #ddd;color: #666;right:0;left:0;margin:0 auto;}
.navbar-item a.item{display: block; width:25%; float:left; text-align:center; font-size: 1rem; position:relative;padding: 4px 0;}
.navbar-item .navIcon{color: #838791;width: 25px; height: 25px;line-height: 25px;}
.navbar-item .text{display:block; margin-top: -4px;}
.navbar-item .home{background-position: 0 0;}
.navbar-item .active .home{background-position: 0 -34px;}
.navbar-item .sort{background-position: -33px 0;}
.navbar-item .active .sort{background-position: -33px -34px;}
.navbar-item .shop{background-position: -69px 0;}
.navbar-item .active .shop{background-position: -66px -34px;}
.navbar-item .member{background-position: -100px 0;}
.navbar-item .active .member{background-position: -99px -34px;}
.navbar-item.item-1 a.item{width:100%;}
.navbar-item.item-2 a.item{width:50%;}
.navbar-item.item-3 a.item{width:33%;}
.navbar-item.item-4 a.item{width:25%;}
/* navbar end*/

/* header-navbar */
.header-block{ height: 40px;}
.header-nav-block{height:40px;width: 100%;background: #39a4ff;position: fixed;line-height: 40px;z-index: 91;right:0;left:0;margin:0 auto;}
.header-nav-block .header-item{width:100%;}
.header-nav-block .header-item .title{color: #fff;font-size: 1.25rem;font-weight: normal;text-align: center;}

.header-nav-block .nav-left,.header-nav-block .nav-right{height: 40px;position: absolute;top: 0px;display: block;overflow: hidden;}
.header-nav-block .nav-left{left:5px;}
.header-nav-block .nav-right{right:5px;}
.header-nav-block .iconfont{font-size: 1.5rem;color: #fff;text-align: center;padding: 0.5rem 0.35rem;}

.header-nav-block .nav-search{position: absolute; left: 3px; right: 54px; margin: 3px 0;}
.header-nav-block .nav-search .search-input{display: block; width: 100%; height: 34px; line-height: 34px; font-size: 1rem; color: #555; background-color: #fff; border-radius: 5px; background: #fff url(../image/base/icon-search2.jpg) no-repeat 5px center; background-size: 25px; padding-left: 30px;border: 1px solid #CCCCCC;}
.header-nav-block .nav-search-btn{position: absolute; right: 3px; margin: 3px 0;}

.header-nav-block .nav-search-result{position: absolute; right: 54px; left: 54px; margin: 3px 0;}
.header-nav-block .nav-search-result .search-input,.header-nav-block .nav-search-result .search-input-show{display: block; width: 100%; height: 34px; line-height: 34px; font-size: 1rem; color: #555; background-color: #fff; border-radius: 5px; background: #fff url(../image/base/icon-search1.png) no-repeat 5px center; background-size: 25px; padding-left: 30px;border: 1px solid #CCCCCC;}
.header-nav-block .nav-search-btn{position: absolute; right: 3px; margin: 3px 0;}
.header-nav-block .nav-search-btn .search-btn{display: block; width: 48px; height: 34px; font-size: 1rem; color: #5a5a5a; background: #e2e2e2; border-radius: 5px; border: none; line-height: 33px;border: 1px solid #d4d4d4;font-weight: 700;}
.header-nav-block .nav-search-clear{width: 34px;height: 34px;position: absolute;right: 0px;top: 0px;display: block;background: url(../image/base/icon-close.png) center center no-repeat;background-size: 20px 20px;}

.nav-search-location {position: absolute;left: 5px;color: #fff;height: 100%;cursor: pointer;}
.nav-search-location span:after {content: "\25BC";font-size: 0.5rem;}

/* navbar end*/

/* search-box */
section.search-box {}
section.search-box .search-form{padding: 0.5rem;}
section.search-box .search-form form{ margin-bottom: 0;}
section.search-box .search-btn-block {display: flex;border-top: 1px solid #ced4da; }
section.search-box .search-btn-block .btn {display: inline-block;width: 50%;text-align: center;border-radius: 0;padding: .75rem;outline: none;box-shadow: none;}
section.search-box .search-btn-block .btn:first-child {border-right: 1px solid #ced4da; }
.search-form div.form-group.row label{padding-right: 0;padding-left: 0;text-align: right;}
.search-form div.form-group{margin-bottom: 0.25rem;}
.search-form div.form-group label{margin-bottom: 0.25rem;}
.search-box-mask {}

.search-form .underline{border: none;}
.search-form .underline input,.search-form .underline select{border: none;outline: none;color: #676767;border-bottom: 1px solid #ced4da;border-radius: 0;}
.search-form .underline input:active,.search-form .underline select:active,.search-form .underline input:focus,.search-form .underline select:focus{ box-shadow: none;border-color: #ced4da;}
/* search-box end*/

/* mask */
section.head-drop-box {display: none;top: 40px;z-index: 91;width: 100%;background-color: #fff;color: #4d525d;position: fixed;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.mask-box{display: none;position: fixed;top: 0;left: 0;z-index: 90;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
/* mask end */

/*bootstrap-select*/
.search-form .underline .bootstrap-select button.btn{border: none;outline: none;color: #676767;border-bottom: 1px solid #ced4da;border-radius: 0;}
.search-form .underline .bootstrap-select button.btn:active,.search-form .underline .bootstrap-select button.btn:focus{ box-shadow: none;border-color: #ced4da;}
/* search-box end */

/* goto-top */
.goto-top{cursor:pointer;display:none;width:40px;height:40px;bottom:60px;right:10px;position:fixed;z-index:90;border:1px solid #dedcdc;border-radius:100%;background:rgba(255,255,255,.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADS0lEQVRYhe1YS2sTURT+7rkzbR7TpgnEmlooUhSZ0k0LCqJk063LG9wK0oUguHF9kx/QreBCCq5kshE3boQK4qZUXHXormqFLqwt2petJsdFMj7SmSaZmbSbfquEe+Z835w79zwucIYznC5EVAfMLFAui9cAnV9bS8p0WlzK5fYA1AFAVCr1ExfIzKJaKpH3f9m2GQCU6xqAjQkbvwAArisAoAoF5ai6EIJ7KpABAaUIAMq2zZUOo6O1pgnXFQoAqtW6ALoW2l6c1rRQLBqsNbW39ofWmlgpGcWHLxylJCsl4/LHSkknLn+sNcXmrMVv5Ej2Sty//kOLZEDEua1BcJSSzNx9NmHlSI4hT7blaRMII+gh2Mvck3TQAgGwtm1mQPjx+UaItSZUKv8JLObz1sfdn+O7fdEE9QG4QLS6uLn5/Q8fIKpKUalarbXa+0awqfy/t/m6vz/z5fDgSe2QJcJHVhBE3TTMBwCe/svFzWrUVmCzth4xHN3ZeVkfHLxWY450cAioZ7a3P3/wWWOtqW3tZmZxEofDl9cn5RyJ4HKpZLpK1eDzPfQU5bIAQGh2QYFwlAqVXubHxhIDhvEsQ/T8Xj5vhdHYEe+C1obuMrvblmVbRO8HiBYHid6mpVwZN82pngj8NDeXXNA68HS3YsQ0b6eI9oYMY56LRQMAclI+ShPtnzPNu12Io6XZWbNT4462OC/lXIrkQYHovo/wO2miHxnTfOQJP5Yz4JCEMiwmk6MDUr6xpFwdTySuB9lNpsxpS8qVDNHS5f7+i8fydtM4HGc40t8/kybayJLxSmWzmXa+HhcKqSwZL5JE34b7+m6F4fQ19tvmqVRqOiPlRtY0yx07a2LYMB4OSWPrUiJx02e5s+39IzDggau53OANy7K7Fedh2rKuTGYy2SN8WlNQy+X78QqAHdelxs+/dbdZ4N2wAt/t7KwErYWa+HrZTXtocgRmjeOOP6tGn0aiXfkJCQYIjS4mfN/Zq8Yh1nkn7uHJiXPs9MDe0B0hot78Efvg3krQbcfDgHCUI6O+YMfwrjAWikWjIbZRHhkQXg71SqZ3K9Fth+Qh+vWb1lR1XaGyWUKhUCsDKK+vS2xt1WHbHPX67QxnOG38BsZoVBBSpEmGAAAAAElFTkSuQmCC) no-repeat;background-size:100%}
/* goto-top end */

/* icon */
.back-icon,.back-icon-noevent{background:url(../image/base/icon-back.png) no-repeat center; background-size: 24px; -webkit-background-size: 24px;}
.search-icon{background:url(../image/base/icon-search.png) no-repeat center; background-size: 24px; -webkit-background-size: 24px;}
.close-icon{width: 40px;height: 40px;position: absolute;top: 0;display: block;overflow: hidden;text-indent: -999px;}
.close-icon::after,.close-icon::before {content: '';position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;transform: translateX(-50%) translateY(-50%);height: 20px;width: 2px;background-color: #fff;}
.close-icon.icon-grey::after,.close-icon.icon-grey::before {background-color: #838791;}
.close-icon::after {transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.close-icon::before {transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
/* icon end*/

/* line */
.noneline {border-bottom: 0px solid #dedcdc !important;}
.underline {border-bottom: 1px solid #dedcdc;}
.overline {border-top: 1px solid #dedcdc;}
.blankline {height: 8px;width: 100%;position: relative;}
.blankline.gray,.blanktitle.gray {background: #f0f2f5;}

.blanktitle {width: 100%;position: relative;padding: 0.25rem 0.5rem;color: #666;}
/* line end*/

/* list-group title-text*/
.list-group.title-text{margin-bottom: 10px;}
.list-group.title-text .list-group-item {}
.list-group.title-text .list-group-item > .title {float: left;color: #0c0b0b;}
.list-group.title-text .list-group-item > .text {float: right;}
.list-group.title-text .list-group-item > .text input.text-value {border: none;outline: none;width: 100%;text-align: right;color: #676767;}
/* list-group end*/

/* list-group title-text-flex*/
.list-group.title-text-flex{}
.list-group.title-text-flex .list-group-item {display: flex;}
.list-group.title-text-flex .list-group-item > .title {display: flex;width: 30%;padding: 0 0.25rem;/*justify-content: flex-start;text-align: left;*/color: #616161;font-weight: 700;}
.list-group.title-text-flex .list-group-item > .text {display: flex;width: 70%;padding: 0 0.25rem;/*justify-content: flex-end;text-align: right;*/}
.list-group.title-text-flex .list-group-item > .text input.text-value {border: none;outline: none;width: 100%;text-align: right;color: #676767;}
.list-group.title-text-flex.list-group-flush .list-group-item:last-child{border-bottom: 0;}


.list-group.title-text-flex.flex-right .list-group-item > .title {width: auto;min-width: 30%;}
.list-group.title-text-flex.flex-right .list-group-item > .text {width: auto;max-width: 70%;margin-left: auto;}
/* list-group end*/

/* list-group list-group-flush*/
.list-group .tip:before {content:"";width:12px;height:12px;position:absolute;top:50%;margin-top:-5px;right:10px;border-top:1px solid #838791;border-left:1px solid #838791;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.list-group.list-group-flush{}
.list-group.list-group-flush .list-group-item{word-break: break-all;}
/* list-group end*/

/* li-group*/
.li-group {font-size:0.8rem;}
.li-group .li-group-item {border-radius:5px;border:1px solid #ddd;padding: 10px 15px 1px 15px;margin-bottom:10px;}
.li-group .li-group-item .item-info{}
.li-group .li-group-item.item-defual {border:1px solid #cc6916;}
.li-group .li-group-item p {padding:2px;margin-bottom:0;}
.li-group .li-group-item p span.item-value{color: #676767;}
.li-group .li-group-btn {border-top: 1px solid #dedcdc;margin-top: 5px;padding: 2px;}
.li-group .li-group-item .item-info .item-more {display: none;}
.li-group .showmore-btn {color: #676767;cursor: pointer;}

/* li-group end*/

/* li-menu*/
.list-menu {background-color:#fff;}
.list-menu.title-text{margin-bottom: 0;}
.list-menu .menu-icon {width:1.75rem;border-radius: 20%;}
.list-menu .iconfont{display: inline-block;width: 1.67rem;height: 1.67rem;line-height: 1.67rem;vertical-align: middle;text-align: center;border-radius: 0.5rem;font-size: 1.2rem;}
.list-menu .menu-name {margin:0 10px;line-height:1.75rem;}
.list-menu .menu-right-block {line-height:1.75rem;margin-right: 1rem;}
.list-menu.list-menu-block{border-top: 1px solid #ddd;}
.list-menu .list-group-item{padding: 7px 15px;border-radius: 0;border-right: 0px solid #ddd;border-left: 0px solid #ddd;}
.list-menu .list-menu-item {border-width:0px 0px 1px 0px;text-align:center;padding:10px 0 5px 0;}
.list-menu .list-menu-item img {width: 40px;}
.list-menu .list-menu-item p {margin:0.2rem 0;font-size:0.9rem;}
.list-menu .tip:before {content:"";width:12px;height:12px;position:absolute;top:50%;margin-top:-5px;right:15px;border-top:1px solid #838791;border-left:1px solid #838791;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
/* li-menu end*/

/* menu-list*/
.menu-list{}
.menu-list.menu-3 .menu-item{width: 33.33%;}
.menu-list:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.menu-list .menu-item{width: 25%;float: left;padding: 0.5rem 0;text-align: center;}
.menu-list .menu-item .iconfont{display: block;width: 2.75rem;height: 2.75rem;line-height: 2.75rem;margin: 0 auto;vertical-align: middle;text-align: center;border-radius: 0.5rem;font-size: 1.75rem;}
.menu-list .menu-item .menu-name{color: #666;font-size: 0.9rem;margin-top: 0.25rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* menu-list end*/

/* uline-title-text */
.uline-title-text{border-bottom: 1px solid #dedcdc;}
.uline-title-text.noneline{border-bottom: 0px solid #dedcdc;}
.uline-title-text > .title,.uline-title-text > .ltitle {color: #0c0b0b;}
.uline-title-text > .title {text-align: center;}
.uline-title-text > .ltitle {text-align: left;}
.uline-title-text > .text ,.uline-title-text > .rtext{color: #6f6f6f;}
.uline-title-text > .rtext { text-align: right;}
/* uline-group end*/

/* btn */
.text-wrap {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-wrap2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-wrap3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* btn end*/

/* btn */
.cbtn{font-size: 1rem;color: #666;border: 1px solid #bbb;padding: 0.375rem 0.75rem;margin: 0.25rem 0.25rem;}
.cbtn.smbtn{font-size: 0.75rem;padding: 0.25rem 0.5rem;margin: 0.125rem 0.125rem;}
.btn.btn-common{}
.btn.btn-red{border: 1px solid #ff4f60;color: #fff;background-color: #ff4f60;}
.btn.btn-orange{border: 1px solid #FF4500;color: #fff;background-color: #FF4500;}
.btn.btn-tomato{border: 1px solid #FF6347;color: #fff;background-color: #FF6347;}
.btn.btn-coral{border: 1px solid #FF7F50;color: #fff;background-color: #FF7F50;}
.btn.btn-yellow{border: 1px solid #ffc107;color: #fff;background-color: #ffc107;}
.btn.btn-green{border: 1px solid #28a745;color: #fff;background-color: #28a745;}
.btn.btn-skyblue{border: 1px solid #17a2b8;color: #fff;background-color: #17a2b8;}
.btn.btn-lightblue{border: 1px solid #39a4ff;color: #fff;background-color: #39a4ff;}
.btn.btn-blue{border: 1px solid #007bff;color: #fff;background-color: #007bff;}
.btn.btn-white{border: 1px solid #f8f9fa;color: #fff;background-color: #f8f9fa;}
.btn.btn-grey{border: 1px solid #6c757d;color: #fff;background-color: #6c757d;}
.btn.btn-grey2{border: 1px solid #888;color: #fff;background-color: #888;}
.btn.btn-black{border: 1px solid #343a40;color: #fff;background-color: #343a40;}
.btn.btn-trans{color: #fff;background-color: transparent;}
/* btn end*/

/* img */
.img-align-center {display: flex;align-items: center;}
.img-size-80 { width: 80px;height: 80px;}
.img-maxsize-80 { max-width: 80px;max-height: 80px;}
/* img end*/

/* custom-checkbox */
.custom-control.custom-checkbox{left: 2px;}
.custom-checkbox-m.custom-control{padding-left: 2rem;}
.custom-checkbox-m .custom-control-label{line-height: 1.5rem;}
.custom-checkbox-m .custom-control-label::after {top: 0;left: -2rem;display: block;width: 1.5rem;height: 1.5rem;}
.custom-checkbox-m .custom-control-label::before {top: 0;left: -2rem;width: 1.5rem;height: 1.5rem;}
.custom-checkbox-lg.custom-control{padding-left: 2.5rem;}
.custom-checkbox-lg .custom-control-label{line-height: 2.5rem;}
.custom-checkbox-lg .custom-control-label::after {left: -2.5rem;display: block;width: 2rem;height: 2rem;}
.custom-checkbox-lg .custom-control-label::before {left: -2.5rem;width: 2rem;height: 2rem;}
.custom-checkbox-circle .custom-control-label::before {-ms-border-radius: 1rem;border-radius: 1rem;}
/* custom-checkbox end*/

/* custom-checkbox自定义 */
.c-checkbox{position: relative;padding: 2px 15px 2px 35px;display: inline-block;line-height: 2rem;}
.c-checkbox label{ margin-bottom: 0;}
.c-checkbox input[type="checkbox"],.c-checkbox input[type="radio"]{opacity: 0;position: absolute;cursor: pointer;z-index: 2;top: 2px;left: 2px;width: 2rem;height: 2rem;}
.c-checkbox label:before{content: '';position: absolute;top: 2px;left: 2px;width: 2rem;height: 2rem;border-radius: 1rem;border: 1px solid #dedcdc;}
.c-checkbox input[type="checkbox"]:checked +label:after,.c-checkbox input[type="radio"]:checked +label:after{position: absolute;content: "\2714";top: 2px;left: 2px;font-size: 1.25rem;line-height: 2rem;width: 2rem;height: 2rem;color: #fff;background-color: #007bff;border-radius: 1rem;text-align: center;}
/* custom-checkbox自定义 end*/


/* tab-nav */
.tab-nav-head{height: 2.5rem;}
.tab-nav-head.tab-fixed-top .tab-nav{position: fixed;width: 100%;z-index: 1;}
.tab-nav{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;z-index: 0;margin-bottom: 0;padding: 0 10px;background-color: #FFF;}
.tab-nav-item{width: 1%;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;position: relative;text-align: center;color: #585858;font-size: 1rem;height: 2.5rem;line-height: 2.5rem;display: block;}
.tab-nav-item a{display: inherit;color: inherit;}
.tab-panel{position: relative;overflow: hidden;background-color: #FFF;}
.tab-panel .tab-panel-item{width: 100%;position: absolute;top: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.tab-panel .tab-panel-item ul{ margin-bottom: 0;}
.tab-panel .tab-panel-item.tab-active{position: relative;-webkit-transition: -webkit-transform .15s;transition: -webkit-transform .15s;transition: transform .15s;transition: transform .15s, -webkit-transform .15s;-webkit-transform: translateX(0);transform: translateX(0);}
.tab-nav-item.tab-active{color: #FF5E53;}
.tab-nav:after{content: '';position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #e5e5e5;}
.tab-nav-item.tab-active:before{content: '';width: 100%;height: 2px;position: absolute;left: 50%;bottom: 0;margin-left: -50%;z-index: 4;background-color: currentColor;}
/* tab-nav end*/

/* regular-radio */
.regular-radio {display:none;}
.regular-radio + label {-webkit-appearance:none;background-color:#fafafa;border:1px solid #cacece;box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding:5px 8px;border-radius:10px;display:inline-block;position:relative;margin-bottom: 0;}
.regular-radio:checked + label:after {/*content:' ';width:12px;height:12px;border-radius:50px;position:absolute;top:3px;background:#99a1a7;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);text-shadow:0px;left:3px;font-size:32px;*/}
.regular-radio:checked + label {background-color:#f9f3f3;color:#ff1000;border:1px solid #ff1000;box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1),inset 0px 0px 10px rgba(0,0,0,0.1);}
.regular-radio + label:active,.regular-radio:checked + label:active {box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1);}
/* regular-radio end*/

/* validate */
.field-validation-error {color: #ff0000;}
/* validate end*/

/* bootstrap */
.alert.empty-list{text-align: center;margin: 10px;margin-top: 20px;}

.form-control{padding: .375rem .8rem;}
.form-control[readonly] { background-color: #fff; }

.tooltip .tooltip-inner{background-color: #efefef;color: #525252;}
.tooltip.bs-tooltip-top .arrow::before{border-top-color: #efefef;}
.tooltip.bs-tooltip-right .arrow::before{border-right-color: #efefef;}
.tooltip.bs-tooltip-bottom .arrow::before{border-bottom-color: #efefef;}
.tooltip.bs-tooltip-left .arrow::before{border-left-color: #efefef;}

/* bootstrap end*/

/* bootstrap-select */
.bootstrap-select .dropdown-toggle.btn-light { border-color: #ced4da;background-color: #fff;}
/* bootstrap-select end*/

/* layui-open-form */
.layui-m-layerchild.full-screen-mask {position: fixed;bottom: 0;left: 0;top: 0;width: 100%;height: 100%;}
.layui-m-layerchild.full-screen-mask .layui-m-layercont {width: 100%;height: 100%;}
.layui-m-layerchild.full-screen-mask .layui-m-layercont iframe {width: 100%;height: 100%;}

.layui-m-layer .layui-m-layerchild.layui-open-form .layui-m-layercont { padding: 20px 10px;}
.layui-open-form.layui-m-layerchild h3 { background-color: #03A9F4;color: #fff;height: 3rem;line-height: 3rem;margin: 0;}
.layui-open-form.layui-m-layerchild .layui-m-layerbtn {height: 40px;line-height: 40px;box-sizing: border-box;}
.layui-m-layercont .form-group * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.layui-m-layercont .layercont-from .form-group{ margin-bottom: 5px;}
.layui-m-layercont .layercont-from .row >[class^="col-"]{padding-left: 5px;padding-right: 5px;}
.layui-m-layercont .layercont-from {height:100%;width:100%;}
.layui-m-layercont .shade_from .shade_title {font-size:30px;text-align:center;font-weight:bold;}
.layui-m-layercont .shade_from > div:not(:last-child) {margin-bottom:10px;}
.layui-m-layercont .shade_from .input_style {margin-left:5px;padding:0 10px;height:30px;border-radius:5px;width:65%;outline:0px;border:1px solid #CCCCCC;}
/* layui-open-form end*/


/* layui-open-up-form */
.layui-m-layer .layui-m-layerchild.layui-open-up-form{position: fixed;bottom: 0;left: 0;width: 100%;height: 75%;border-radius: 0;}
.layui-m-layer .layui-m-layerchild.layui-open-up-form .layui-m-layercont { padding: 0;text-align: left;line-height: normal;height: 100%;}
/* layui-open-up-form end*/

