@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #0D0D0D;
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

/* clearfix */
.text-center {
    text-align: center;
}

.color-red {
    color: #d34444;
}

.dark-yellow {
    color: #bf8139;
}

.color-green {
    color: #9A353B;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

h3 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.border-none {
    border: none !important;
}

.form-nor {
    width: 100%;
    padding: 0 10px;
}

/*.form-nor .form-content {
    height: 288px;
}*/

.form-nor .list-1 .form-nor-list {
    width: 100%;
    float: left;
}

.form-nor .list-1 .form-nor-list::after {
    clear: both;
}

.form-nor .list-1 .form-nor-list:nth-last-child(1) {
    margin-right: 0px;
}

.form-nor .list-1 .form-nor-list:nth-child(1) {
    margin-left: 0px;
}

.form-nor .list-2 .form-nor-list {
    width: calc((100% - 30px) / 2);
    float: left;
}

.form-nor .list-2 .form-nor-list::after {
    clear: both;
}

.form-nor .list-2 .form-nor-list:nth-last-child(1) {
    margin-right: 0px;
}

.form-nor .list-2 .form-nor-list:nth-child(1) {
    margin-left: 0px;
}

.form-nor .list-3 .form-nor-list {
    width: calc(100% / 3);
    float: left;
}

.form-nor .list-3 .form-nor-list::after {
    clear: both;
}

.form-nor .list-3 .form-nor-list:nth-last-child(1) {
    margin-right: 0px;
}

.form-nor .list-3 .form-nor-list:nth-child(1) {
    margin-left: 0px;
}

.form-nor .list-4 .form-nor-list {
    width: calc(100% / 4);
    float: left;
}

.form-nor .list-4 .form-nor-list::after {
    clear: both;
}

.form-nor .list-4 .form-nor-list:nth-last-child(1) {
    margin-right: 0px;
}

.form-nor .list-4 .form-nor-list:nth-child(1) {
    margin-left: 0px;
}

.form-nor .list-5 .form-nor-list {
    width: calc((100% - 120px) / 5);
    float: left;
}

.form-nor .list-5 .form-nor-list::after {
    clear: both;
}

.form-nor .list-5 .form-nor-list:nth-last-child(1) {
    margin-right: 0px;
}

.form-nor .list-5 .form-nor-list:nth-child(1) {
    margin-left: 0px;
}

.form-nor-list {
    width: 100%;
    margin-top: 5px;
}

.form-nor-list .icon div {
    float: right;
}

.form-nor-list .icon div:after {
    content: "*";
    height: 15px;
    color: #d34444;
    font-size: 20px;
    float: left;
    font-weight: bold;
    margin-left: 3px;
    line-height: 20px;
}

.form-title {
    width: 110px;
    font-size: 12px;
    color: #333;
    margin: 5px 0;
    overflow: hidden;
    float: left;
    text-align: right;
    padding-right: 5px;
}

.form-content {
    /*height: 30px;*/
    margin-left: 110px;
}

.form-content .input-control {
    height: 100%;
    border: 1px solid #9A353B;
    border-radius: 3px;
    width: 100%;
}

.form-box {
    overflow: auto;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c8c8c8;
    font-size: 14px;
}

.med-info.form-nor {
    border: none;
}

.med-info.form-nor .form-box {
    border: none;
    padding-bottom: 5px;
}

/*
.inner-content {
    padding: 10px 15px;
}*/

.message {
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    font-size: 14px;
    padding-bottom: 19px;
}

.message-title {
    height: 40px;
    line-height: 40px;
    background: #ebebeb;
    padding: 0 20px;
}

.message-content {
    border-bottom: 1px dashed #c8c8c8;
}

.message-content.col-1 .message-info {
    width: 100%;
}

.message-content:before,
.message-content:after {
    content: " ";
    display: table;
}

.message-content:after {
    clear: both;
}

.message-content .message-info {
    width: 33.33333%;
    height: 40px;
    line-height: 40px;
    float: left;
}

.message-content .message-info .message-info-l {
    width: 85px;
    float: left;
    text-align: right;
}

.message-content .message-info .message-info-l .color-red {
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}

.message-content .message-info .message-info-r {
    margin-left: 85px;
}

.address-form.form-nor-list .input-control:nth-child(1) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.address-form.form-nor-list .input-control:nth-child(2) {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

.address-form.form-nor-list .input-control:nth-child(1),
.address-form.form-nor-list .input-control:nth-child(2),
.address-form.form-nor-list .input-control:nth-child(3) {
    width: 22.44898%;
    float: left;
}

.address-form.form-nor-list .input-control:nth-last-child(1) {
    width: 32.10204%;
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.add-btn-1.form-box .input-group {
    margin-right: 40px;
    width: auto;
}

.add-btn-1.form-box .add-btn-group {
    float: right;
    margin-top: 35px;
}

.add-btn-1.form-box .add-btn-group .btn {
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 3px;
    color: #797979;
    font-size: 26px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}

.add-btn-1.form-box .add-btn-group .btn:hover,
.add-btn-1.form-box .add-btn-group .btn:active {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.add-btn-2.form-box .input-group {
    margin-right: 80px;
    width: auto;
}

.add-btn-2.form-box .add-btn-group {
    float: right;
    margin-top: 35px;
}

.add-btn-2.form-box .add-btn-group .btn {
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 3px;
    color: #797979;
    font-size: 26px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}

.add-btn-2.form-box .add-btn-group .btn:hover,
.add-btn-2.form-box .add-btn-group .btn:active {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.main-header.main-top {
    margin-top: 10px;
}

.main-header.main-top h3 {
    margin-bottom: 0;
}

.main-header.main-top .main-info {
    background: #fff;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    line-height: 30px;
}

.main-header.main-top .main-info:before,
.main-header.main-top .main-info:after {
    content: " ";
    display: table;
}

.main-header.main-top .main-info:after {
    clear: both;
}

.main-header.main-top input[type='text'] {
    width: 60px;
    height: 30px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    margin: 0 5px;
}

.form-box.list-4，.form-box.list-5 {
    padding-bottom: 0;
    border: none;
}

.form-box.list-4，.form-box.list-5 .form-title {
    margin: 5px 0;
}

.form-box.list-4，.form-box.list-5 .hbtn-group {
    margin-top: 25px;
}

.clear-fix:before,
.clear-fix:after {
    content: " ";
    display: table;
}

.clear-fix:after {
    clear: both;
}

/*main*/
.main-nav {
    width: 160px;
    height: 100%;
    float: left;
    background: #373837;
}

.lyb_header .lyb-nav-logo {
    height: 40px;
    width: 160px;
    float: left;
    text-align: center;
}

.lyb_header .lyb-nav-logo img {
    height: 100%;
}

.main-nav .nav-title {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    line-height: 6px;
}

.main-nav .logo-box {
    width: 44px;
    height: 44px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    display: inline-block;
}

.main-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    /*background: url(../img/bg.jpg) repeat;*/
}

.main-content .content-bottom {
    margin: 20px;
    background: #fff;
    box-shadow: 0 0 20px 0px rgba(177, 177, 177, 0.5);
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.main-content .content-top {
    height: 60px;
    width: 100%;
    background: #fff;
    padding: 0 0px 0 20px;
    border-bottom: 1px solid #dcdcdc;
}

.main-content .left {
    float: left;
    font-size: 12px;
    color: #666666;
    height: 100%;
}

.main-content .left .bread-nav {
    height: 100%;
    line-height: 60px;
}

.main-content .left .bread-nav .bread-nav-blin {
    margin: 0 3px;
}

.main-content .left .bread-nav li {
    float: left;
}

.main-content .left .bread-nav li:nth-last-child(1) {
    font-weight: bold;
    color: #333;
}

.main-content .right {
    float: right;
    height: 100%;
    line-height: 60px;
}

.main-content .right .select-menu-spce {
    float: left;
    /* display: inline-block; */
    width: 1px;
    color: #dcdcdc;
}

.main-content .right .menu-title,
.main-content .right .menu-icon {
    float: left;
}

.main-content .right .select-list.active {
    top: 45px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.main-content .right .select-list {
    position: absolute;
    background: #fff;
    top: 100px;
    width: 200px;
    opacity: 0;
    border-radius: 3px;
    -webkit-box-shadow: 8px 0px 20px rgba(91, 91, 91, 0.25);
    box-shadow: 8px 0px 20px rgba(91, 91, 91, 0.25);
    z-index: 100;
}

.main-content .right .select-list .list:nth-child(1) {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.main-content .right .select-list .list:nth-last-child(1) {
    border: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.main-content .right .select-list .list.active,
.main-content .right .select-list .list:hover {
    background: #9A353B;
    border-bottom: 1px solid #9A353B;
    color: #fff;
}

.main-content .right .select-list .list {
    height: 38px;
    padding: 0 20px;
    border-bottom: 1px solid #cccccc;
    line-height: 38px;
}

.main-content .right .select-menu {
    cursor: pointer;
    float: left;
    padding: 0 30px;
    font-size: 14px;
    color: #444;
    height: 100%;
    position: relative;
}

.main-content .right .select-menu .menu-title {
    display: block;
    line-height: 60px;
    height: 100%;
}

.main-content .right .select-menu .menu-title div {
    height: 60px;
}

.main-content .right .select-menu .tip {
    width: 15px;
    height: 15px;
    margin-top: 22px;
    background: url("../img/menu.png") 0 46px;
    position: relative;
}

.main-content .right .select-menu .tip-num {
    position: absolute;
    left: 6px;
    top: -4px;
    background: #bf8139;
    border-radius: 7px;
    line-height: 12px;
    color: #fff;
    font-size: 12px;
    padding: 1px 3px;
}

.main-content .right .select-menu .menu-icon {
    display: block;
    width: 20px;
    height: 100%;
    margin-left: 10px;
}

.main-content .right .select-menu .menu-icon div {
    margin-top: 22px;
    height: 14px;
    width: 14px;
    margin-left: 0px;
    margin-right: 0px;
    background: url("../img/menu.png");
}

.content-bottom .content-tab .active.list {
    background: #fff;
    color: #333;
}

.content-bottom .content-tab .list {
    line-height: 50px;
    font-size: 14px;
    margin-right: 2px;
    background: #b9b0a3;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    padding: 0 5px;
    margin-top: 5px;
}

.content-bottom .inner-content {
    display: none;
    background: #fff;
    padding: 14px 20px;
}

.content-bottom .inner-content:before,
.content-bottom .inner-content:after {
    content: " ";
    display: table;
}

.content-bottom .inner-content:after {
    clear: both;
}

.content-bottom .inner-content::after {
    clear: both;
}

.content-bottom .inner-content:nth-child(2) {
    display: block;
}

.lyb-form.inner-content-search {
    min-height: 30px;
    background: #F2F2F2;
    padding: 10px;
    padding-top: 0;
}

.hbtn-group:before,
.hbtn-group:after {
    content: " ";
    display: table;
}

#search .hbtn-group {
    margin-top: 10px;
}

.hbtn-group:after {
    clear: both;
}

.hbtn-group .btn-nor {
    font-size: 14px;
    border-radius: 3px;
    background: #9A353B;
}

.hbtn-group .btn-nor:active,
.hbtn-group .btn-nor.active {
    outline: 0;
    background: rgba(159, 69, 69, 0.94);
    opacity: .9;
}

.hbtn-group .btn-gray.btn {
    font-size: 14px;
    border-radius: 3px;
    background: #969696;
}

.hbtn-group .btn-gray.btn:active,
.hbtn-group .btn-gray.btn.active {
    outline: 0;
    background: #b0b0b0;
    opacity: .9;
}

.hbtn-group .btn.btn-icon {
    height: 30px;
    font-size: 14px;
    border-radius: 3px;
    background: #9A353B;
}

.hbtn-group .btn:nth-last-child(1) {
    margin-right: 0px;
}

.hbtn-group .btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    width: 92px;
    height: 30px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
}

.hform-group {
    float: right;
    font-size: 14px;
}

.hform-group .list {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}

.hform-group .list,
.hform-group .hform-control {
    float: left;
}

.hform-group .hform-control {
    border-radius: 3px;
    height: 30px;
    width: 100px;
    box-sizing: border-box;
    margin-right: 6px;
}

.hform-group .hform-control:focus {
    border: 1px solid #9A353B;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbfbfb;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbfbfb;
    outline: none;
}

.hform-group .hform-control.hfc-m {
    width: 140px;
}

.hform-group .hform-date {
    width: 320px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    font-size: inherit;
    float: left;
}

.hform-group .hform-date .middle {
    width: 30px;
    height: 30px;
    border: 1px solid #c8c8c8;
    float: left;
    border-right: 0;
    border-left: 0px;
    background: #ffffff;
    line-height: 27px;
    text-align: center;
    font-size: 10px;
}

.hform-group .hform-date .date-left,
.hform-group .hform-date .date-right {
    position: relative;
    width: 145px;
    height: 30px;
    float: left;
}

.hform-group .hform-date .date-left input,
.hform-group .hform-date .date-right input {
    width: 145px;
    height: 30px;
    padding: 8px;
}

.hform-group .hform-date .date-left input:focus,
.hform-group .hform-date .date-right input:focus {
    border-color: #9A353B;
    outline: none;
}

.hform-group .hform-date .date-left .data-icon,
.hform-group .hform-date .date-right .data-icon {
    position: absolute;
    right: 8px;
    top: 0px;
}

.hform-group .hform-date .date-left input {
    border: 1px solid #c8c8c8;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.hform-group .hform-date .date-right input {
    border: 1px solid #c8c8c8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.inner-content-table {
    width: 100%;
    padding: 10px;
}

/*.hform-group > div {
    margin-right: 6px;
}*/

.hform-group>div:nth-last-child(1) {
    margin-right: 0;
}

.tree-box {
    padding: 15px 20px;
    border: 1px solid #ccc;
}

.tree-box .tree-top:before,
.tree-box .tree-top:after {
    content: " ";
    display: table;
}

.tree-box .tree-top:after {
    clear: both;
}

.tree-box .tree-top .tree-top-left {
    float: left;
    font-size: 14px;
    color: #333;
}

.tree-box .tree-top .tree-top-right {
    float: right;
    font-size: 14px;
    color: #666;
}

.tree-box .tree-top .tree-top-right select {
    width: 120px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.tree-box>.content-tab {
    display: flex;
    flex-wrap: wrap;
}

.tree-box>.content-tab .tab-list {
    height: 28px;
    line-height: 28px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.get-psd {
    min-width: 1200px;
}

.get-psd .logo-container {
    width: 100%;
    height: 102px;
    border-bottom: 1px solid #dcdcdc;
}

.get-psd .logo-container .get-psd-logo {
    width: 1200px;
    margin: 0 auto;
}

.get-psd .logo-container .get-psd-logo img {
    margin-top: 20px;
}

.get-psd .logo-container .get-psd-logo span {
    margin-top: 67px;
    float: right;
    font-size: 16px;
    color: #666;
}

.get-psd .form-container h3 {
    font-size: 18px;
    color: #333;
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

.get-psd .form-container .form-list {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
}

.get-psd .form-container .form-list:nth-child(1) {
    margin-top: 30px;
}

.get-psd .form-container .form-list .form-title,
.get-psd .form-container .form-list .form-input,
.get-psd .form-container .form-list .form-tip {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
}

.get-psd .form-container .form-list .form-title {
    width: 80px;
    padding-right: 10px;
    text-align: right;
    margin: 0;
}

.get-psd .form-container .form-list .form-input {
    width: 300px;
    height: 30px;
}

.get-psd .form-container .form-list .form-input input {
    width: 300px;
    height: 30px;
    border-radius: 3px;
    padding: 3px;
    outline: none;
    border: 1px solid #dcdcdc;
}

.get-psd .form-container .form-list .form-tip {
    margin-left: 18px;
    color: #969696;
}

.get-psd .form-container .form-list .btn-border {
    border: 1px solid #dcdcdc;
    background: none;
    color: #666;
    border-radius: 3px;
    width: 98px;
}

.get-psd .form-container .copy-right {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 14px;
    padding: 20px 0;
    border-top: 1px solid #dcdcdc;
}

.get-psd .scuess-info {
    width: 290px;
    margin: 0 auto;
    margin-top: 90px;
}

.get-psd .scuess-info h3 {
    width: auto;
}

.get-psd .scuess-info .hbtn-group {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.get-psd .scuess-info .hbtn-group .btn {
    float: none;
    margin-top: 20px;
}

.reg-box {
    min-height: 475px;
}

.content-col-3.reg-box {
    width: calc((100% - 40px) / 3);
    float: left;
    border-radius: 3px;
    margin-right: 20px;
}

.content-col-3.reg-box .reg-content-box {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.content-col-3.reg-box .reg-title {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}

.content-col-3.reg-box:nth-last-child(1) {
    margin-right: 0;
}

.content-col-3.reg-box .content-title {
    padding: 0 10px;
    background: #dcdcdc;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.content-col-3.reg-box .content-title:before,
.content-col-3.reg-box .content-title:after {
    content: " ";
    display: table;
}

.content-col-3.reg-box .content-title:after {
    clear: both;
}

.content-col-3.reg-box .content-title li {
    width: 33.33333%;
    float: left;
}

.content-col-3.reg-box .content-list:nth-last-child(1) li {
    border-bottom: none;
}

.content-col-3.reg-box .content-list {
    font-size: 14px;
    padding: 0 10px;
}

.content-col-3.reg-box .content-list:before,
.content-col-3.reg-box .content-list:after {
    content: " ";
    display: table;
}

.content-col-3.reg-box .content-list:after {
    clear: both;
}

.content-col-3.reg-box .content-list li:nth-child(2) {
    text-align: center;
}

.content-col-3.reg-box .content-list li {
    width: 33.33333%;
    height: 40px;
    float: left;
    font-size: inherit;
    line-height: 40px;
    color: inherit;
    border-bottom: 1px dashed #c8c8c8;
}

.content-col-3.reg-box .content-list li .btn {
    border: 1px solid #9A353B;
    border-radius: 3px;
    width: 50px;
    float: right;
    height: 26px;
    line-height: 24px;
    margin-top: 7px;
    text-align: center;
    color: #9A353B;
}

.content-col-3.reg-box .content-list li .btn:active,
.content-col-3.reg-box .content-list li .btn.active,
.content-col-3.reg-box .content-list li .btn:hover {
    outline: 0;
    background: #9A353B;
    color: #fff;
    cursor: pointer;
}

.content-col-3.reg-box.non-reg-box .reg-content-box {
    min-height: 520px;
    background: #f8f2eb;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    padding: 10px;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    padding: 0 10px;
    margin-bottom: 10px;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-top,
.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-bottom {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-align: left;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-top span,
.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-bottom span {
    margin-right: 20px;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-top .btn,
.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-bottom .btn {
    margin-top: 3px;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-top .btn.dark-yellow,
.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-bottom .btn.dark-yellow {
    border-color: #bf8139;
    color: #bf8139;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-top .btn.dark-yellow:hover,
.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-bottom .btn.dark-yellow:hover {
    background: #bf8139;
    color: #ffffff;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-top {
    border-bottom: 1px dashed #c8c8c8;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list .list-bottom {
    border-bottom: 0;
}

.content-col-3.reg-box.non-reg-box .reg-content-box .content-list:nth-last-child(1) {
    margin-bottom: 0;
}

.content-bottom .inner-content:only-child {
    display: block;
}

.main-top h3 {
    font-size: 14px;
}

.main-top .main-info {
    padding: 0 20px;
    margin: 8px 0 20px;
    line-height: 40px;
    font-size: 14px;
    background: #ebebeb;
    border-radius: 3px;
}

/*.main-top .main-info span {
    margin-right: 30px;
}*/

.main-top .main-info span:nth-last-child(1) {
    margin-right: 0;
}

.main-top .main-info .pull-right.dark-yellow {
    cursor: pointer;
}

.pres-left {
    float: left;
    width: 21.73913%;
}

.pres-left .main-top {
    margin-bottom: 8px;
}

.pres-left .content-box {
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    padding: 10px;
}

.pres-left .content-box textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    resize: none;
    overflow: auto;
    font-size: 14px;
    padding: 3px;
}

.pres-right {
    float: right;
    width: 21.73913%;
    background: red;
}

.pres-center {
    width: 56.52174%;
    margin: 0 21.73913%;
    padding: 0 20px;
}

.pres-center .content-bottom {
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    padding: 0;
    margin: 0;
}

.pres-center .content-top {
    height: 30px;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.pres-center .content-top h3 {
    width: auto;
}

.pres-center .content-top .content-top-r {
    float: right;
}

.pres-center .content-top .content-top-r .list {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    border: 1px solid #c8c8c8;
    border-right: 0;
    color: #666;
    font-size: 13px;
    border-bottom: 0;
}

.pres-center .content-top .content-top-r .list:nth-last-child(1) {
    border-right: 1px solid #c8c8c8;
}

.pres-center .content-top .content-top-r .list:nth-child(1) {
    border: 0;
}

.edit-prescrib {
    margin-bottom: 10px;
}

.edit-prescrib:before,
.edit-prescrib:after {
    content: " ";
    display: table;
}

.edit-prescrib:after {
    clear: both;
}

.edit-prescrib .list {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 46%;
    float: left;
    font-size: 14px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    cursor: pointer;
}

.login {
    height: 100%;
    background: url(../img/login-bg.jpg);
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.login .log-center {
    width: 900px;
    height: 460px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border-radius: 3px;
}

.login .login-left {
    width: 500px;
    height: 100%;
    background: url(../img/login-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.login .login-right {
    width: 400px;
    padding: 40px;
    padding-top: 0;
    float: left;
}

.login .login-type-box {
    float: left;
    width: 400px;
    text-align: center;
    line-height: 70px;
    border-bottom: 1px solid #ddd;
}

.login .login-type-box .login-type {
    float: left;
    width: 50%;
    cursor: pointer;
}

.login .login-type-box .login-type.checked {
    color: #9F4545;
    font-weight: bold;
}

.login .login-right .logo {
    background: url(../img/lg_logo.jpg) no-repeat;
    margin-top: 30px;
    ;
    height: 61px;
}

/* .login .login-right .login-form { */
/*   margin-bottom: 70px; } */
.login .login-right .login-form .btn {
    background: #9A353B;
    width: 100%;
    padding: 12px 0;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    margin-top: 30px;
    cursor: pointer;
}

.login .login-right .login-form .btn:hover {
    outline: 0;
    background: rgba(159, 69, 69, 0.94);
    opacity: .9;
}

.login .login-right .login-form .left {
    width: 42px;
    height: 42px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #f2f2f2;
    border: 1px solid #c8c8c8;
    float: left;
}

.login .login-right .login-form .right {
    margin-left: 42px;
    border: 1px solid #c8c8c8;
    height: 42px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 0px;
}

.login .login-right .login-form .right input {
    outline: none;
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 10px;
}

.login .tel {
    font-size: 18px;
    margin-top: 70px;
    color: #666;
}

.login .copy-right {
    color: #d3d3d3;
    font-size: 14px;
    margin-top: 480px;
}

.question-content {
    margin-top: 14px;
}

.question-content .content-left {
    width: 68px;
    float: left;
    line-height: 30px;
}

.question-content .content-right {
    margin-left: 68px;
}

.drug-box .drug-box-item .drug-box-item-amount span {
    padding-left: 4px;
}

.explain-box .explain-box-item .textbox-border {
    height: 26px;
}

.explain-box .explain-box-item span:not(.place-holder) {
    line-height: 26px;
}

.item-title .toggle-show {
    position: absolute;
    right: -19px;
    top: -2px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #9A353B;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    color: #FFFFFF;
    z-index: 999;
}

.icon.icon-double-angle-up {
    font-size: 22px;
    cursor: pointer;
    animation: twinkling 3s infinite ease-in-out;
    -webkit-animation: twinkling 3s infinite ease-in-out;
    transition: all ease 1s;
}

.icon.icon-double-angle-up.icon-rotate {
    transition: all ease 1s;
    transform: rotate(180deg);
}

.item-title {
    position: relative;
}

.item-title .toggle-show {
    position: absolute;
    right: -19px;
    top: -2px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #9A353B;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    color: #FFFFFF;
    z-index: 999;
}

.title-introduce {
    position: relative;
    background-color: #fffce1;
    cursor: default;
    border: 1px solid #f5e49c;
    display: none;
    padding-left: 10px;
}

.title-introduce .triangle {
    height: 9px;
    top: -19px;
    left: 83px;
    width: 9px;
    color: #EBD482;
    font-size: 17px;
    position: absolute;

}

#good_at {
    display: flex;
    display: -webkit-flex;
}

#good_at .hbtn-group .btn.btn-nor {
    margin-top: 10px;
    height: 28px;
    line-height: 28px;
}

#good_at .hbtn-group {
    /* display: inline-block; */
    float: initial;
}

#good_at span {
    display: inline-block;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #9A353B;
    border-radius: 2px;
    margin-right: 10px;
    color: #676767;
    margin-top: 10px;
    height: 26px;
}

.patient_info {
    height: 40px;
    line-height: 40px;
    background: #EBEBEB;
    border-radius: 4px;
    padding: 0 25px;
}

.patient_info span {
    margin-right: 18px;
}

.syptoms {
    position: absolute;
    left: 0;
    width: 113px;
    top: 10px;
}

.syptoms .title {
    line-height: 30px;
}

.syptoms .item {
    height: 70px;
}

.plan {
    margin-top: 10px;
    width: 286px;
    float: left;
}

.plan .title {
    line-height: 30px;
}

.plan .item {
    border-bottom: 1px dashed #ddd;
    margin-top: 8px;
}

.plan .item .reason {
    color: red;
    float: left;
    cursor: pointer;
}

.plan .item .edit,
.plan .item .audit_one,
.plan .item .print,
.plan .item .chehui {
    margin-right: 5px;
}

.plan .item .slide {
    padding: 5px 0;
}

.plan .item .edit,
.plan .item .del,
.plan .item .preview,
.plan .item .audit_one,
.plan .item .print,
.plan .item .chehui {
    color: #CE8C26;
    float: right;
    cursor: pointer;
}

.plan .status {
    color: #9A353B;
}

.pay-url {
    color: #CE8C26;
    float: right;
    margin-right: 20px;
    cursor: pointer;
}

.plan .item .detail {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.plan .audit {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    width: 78px;
    height: 25px;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    background: #9A353B;
    margin: 10px 0;
    margin-bottom: 0;
    margin-right: 10px;
}

.plan .toaudit {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    width: 78px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    background: #9A353B;
    margin: 10px 0;
    margin-bottom: 0;
}

.recipel .explain-box {
    margin-top: 10px;
    margin-left: 147px;
    margin-right: 242px;
}

.recipel .drug-box .drug-box-item {
    line-height: 25px;
    margin-top: 14px;
    background: #F6F0F0;
    padding: 0 20px 0 12px;
    margin-right: 20px;
    border-radius: 4px;
    position: relative;
    padding-bottom: 6px;
}

.drug-box-item-amount .deco-input {
    cursor: pointer;
    border-radius: 2px;
    float: left;
    height: 26px;
    background: #fff;
    min-width: 50px;
    padding: 0 4px;
    border: 1px solid #ddd;
}

.input-required:after {
    content: "*";
    height: 15px;
    color: #d34444;
    font-size: 20px;
    font-weight: bold;
    margin-left: 3px;
    line-height: 20px;
}

#Fee .main-title {
    font-weight: bold;
}

#charge_type_box {
    background: #F5F5F5;
}

#charge_type_box>div>span {
    margin-right: 10px;
}

#charge_type_box .charge-type-item {
    margin-top: 5px;
    display: none;
    padding: 6px 10px;
}

#charge_type_box .charge-type-item .textbox-border {
    height: 25px;
    line-height: 25px;
}

#charge_type_box .charge-type-item>div {
    width: 88px;
    margin-right: 10px;
}

#charge_type_box .charge-type-item div.width-150 {
    width: 150px;
}

#charge_type_box .charge-type-item-show {
    margin-top: 5px;
    display: none;
    padding: 6px 10px;
}

#charge_type_box .charge-type-item-show .textbox-border {
    height: 25px;
    line-height: 25px;
}

#charge_type_box .charge-type-item-show>div {
    width: 88px;
    margin-right: 10px;
}

#charge_type_box .charge-type-item-show div.width-150 {
    width: 150px;
}

#charge_type_box .lyb-textbox,
#charge_type_box .lyb-combobox,
#charge_type_box .lyb-decimal,
#charge_type_box .lyb-radiobox {
    display: inline-block;
    background: #fff;
}

.Fee-right {
    float: right;
    width: 207px;
    height: auto;
    min-width: 207px;
}

.Fee-gray {
    background-color: #ebebeb;
}

#Fee .main-title {
    font-size: 14px;
    height: 25px;
}

#Fee .main-header:nth-child(2) .main-info {
    margin-bottom: 28px;
}

#Fee .main-header.main-top .main-info {
    /* padding-left: 14px; */
    height: auto;
    margin-bottom: 0;
}

#Fee .fee {
    margin-right: 208px;
    border-right: 1px solid #ccc;
}

#Fee .main-header.main-top {
    color: #5f5f5f;
    margin-top: 0;
    /* margin-bottom: 20px; */
}

.self-color {
    background: #D1E1B3 !important;
}

.recipel #habit_box.drug-box {
    display: block;
}

.recipel #habit_box.drug-box input {
    width: 400px;
}

.recipel #habit_box.drug-box .drug-box-item {
    justify-content: flex-start;
    width: 50%;
}

.recipel #habit_box.drug-box .drug-box-item .drug-box-item-title {
    text-align: right;

}

/*#plan_detail_box{
	padding-bottom:10px;
}*/
.habit_table,
.recipel_table {
    width: 100%;
}

.habit_table thead {
    background: #f1f0f0;
}

.habit_table tr {
    height: 30px;
}

.habit_table tr td,
.habit_table tr th,
.recipel_table tr td,
.recipel_table tr th {
    border: 1px solid #ddd;
    padding: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.recipel_table tr {
    height: 14px;
}

.see_more {
    display: inline-block;
    width: 97%;
    border: 1px solid #ddd;
    border-top: 0;
    text-decoration: underline;
    text-align: right;
    line-height: 22px;
    color: #9A353B;
    padding-right: 5px;
    cursor: pointer;
}

.lyb-textbox[data-name="totalNum"],
.lyb-textbox[data-name="dailyNum"],
.lyb-textbox[data-name="onceNum"],
.lyb-textbox[data-name="fewDays"],
.lyb-textbox[data-name="splitNum"],
.lyb-textbox[data-name="splitDay"],
.lyb-textbox[data-name="onejTimes"],
.lyb-combobox[data-name="onceNumSelect"],
.lyb-textbox[data-name="firstBrewingTime"],
.lyb-textbox[data-name="secondBrewingTime"],
.lyb-textbox[data-name="thirdBrewingTime"],
.lyb-decimal[data-name="totalNum"],
.lyb-decimal[data-name="dailyNum"],
.lyb-decimal[data-name="onceNum"],
.lyb-decimal[data-name="fewDays"],
.lyb-decimal[data-name="splitNum"],
.lyb-decimal[data-name="splitDay"],
.lyb-decimal[data-name="onejTimes"],
.lyb-decimal[data-name="onceNumSelect"],
.lyb-decimal[data-name="firstBrewingTime"],
.lyb-decimal[data-name="secondBrewingTime"],
.lyb-decimal[data-name="thirdBrewingTime"] {
    width: 50px;
    margin: 0 4px;
}

.error_color {
    border: 1px solid red !important;
}

.hight-recipel {
    background: #F5EEE6;
}

#lyb_nav li {
    float: left;
    cursor: pointer;
    user-select: none;
    line-height: 40px;
    padding: 0 7px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
}

#lyb_nav li:hover {
    color: #0D0D0D;
    background: #FFFFFF;
}

#lyb_nav li[class^="icon-"]:before,
li[class*=" icon-"]:before {
    display: block;
    text-align: center;
    font-size: 23px;
}

#lyb_nav .lyb_h_color {
    color: #0D0D0D;
    background: #FFFFFF;
}

.lyb_d_flex {
    display: flex;
    display: -webkit-flex;
}

.lyb_form_box {
    width: 100%;
}

.lyb_content_box {
    width: 25%;
    float: left;
    height: 30px;
    margin-top: 10px;
}

.lyb_s_between {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.lyb_label {
    width: 105px;
    line-height: 30px;
    float: left;
    text-align: right;
    padding-right: 9px;
}

.lyb_content {
    margin-left: 110px;
    line-height: 30px;
    background: #FFFFFF;
}

.lyb_content .lyb-datebox {
    width: 100%;
}

.lyb_fl {
    float: left;
}

.lyb_fr {
    float: right;
}

.lyb_header {
    /*height: 80px;*/
    width: 100%;
    background: #2D2E2D;
    box-shadow: 0 0 10px rgba(130, 125, 125, 0.5);
    display: flex;
    align-items: center;
}

.lyb_header .lyb-nav-right {
    background: #373837;
    /* margin-left: 160px; */
    /* min-width: 1212px; */
    /* overflow: hidden; */
    display: flex;
    /*justify-content: space-between;*/
    /* flex-wrap: nowrap; */
    flex-grow: 1;
}

.lyb-nav-bar {
    height: 100%;
    background: #373837;
    flex-grow: 1;
}

.lyb-login-bar {
    height: 100%;
    background: #373837;
    line-height: 40px;
    min-width: 287px;
    padding-right: 10px;
}

.lyb_call_center {
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    /*margin-bottom: 10px;*/
    text-align: center;
    box-shadow: 0 0 10px rgba(130, 125, 125, 0.5);
}

.lyb_dash_line {
    width: 100%;
    border-top: 1px dashed #D9D9D9;
    margin: 10px 0;
}

.lyb-login-bar span {
    color: #FFFFFF;
}

.lyb-login-bar #lyb-login-menu {
    cursor: pointer;
}

.lyb-info-box {
    margin-top: 10px;
}

.lyb-title-box {
    line-height: 30px;
    background: #f9ebc9;
    color: #810102;
    padding: 0 10px;
}

.form-content.bigtext-box {
    height: 60px;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.h-50 {
    height: 50px !important;
}

.lyb-fl {
    float: left !important;
}

.lyb-fr {
    float: right !important;
}

.lyb-show {
    display: block !important;
}

#lyb_login_menu {
    display: none;
    position: absolute;
    background: #FFFFFF;
    color: #0D0D0D;
    left: -130px;
    text-align: center;
    right: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    z-index: 999;
}

#lyb_login_menu div {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    line-height: 30px;
}

#store_list li {
    border-top: 1px dashed #ccc;
    font-size: 12px;
}

.form-nor-list .form-content .lyb-bigtext {
    height: 60px !important;
}

.no-bg {
    background: none !important;
}

.recipel .drug-box {
    display: flex;
    flex-wrap: wrap;
}

.recipel .drug-box .icon.icon-remove-sign {
    position: absolute;
    top: -11px;
    right: -6px;
    cursor: pointer;
    color: #bf8139;
    font-size: 18px;
}

.recipel .lyb-bigtext .place-holder {
    top: 13px;
}

.recipel .drug-box .drug-box-item .drug-box-item-amount span {
    padding-left: 4px;
}

.recipel .drug-box .drug-box-item .drug-box-item-amount .lyb-textbox {
    margin-top: 5px;
}

.recipel .explain-box .title {
    line-height: 30px;
}

.recipel .explain-box .explain-box-item {
    display: flex;
    line-height: 26px;
    float: left;
    margin-right: 20px;
}

.recipel .explain-box .explain-box-item .textbox-border {
    height: 26px;
}

.recipel .explain-box .explain-content {
    border-bottom: 1px dashed #ddd;
}

.recipel .conten-title .title,
.recipel .conten-title .chooss-tem span,
.recipel .conten-title .chooss-tem .lyb-combobox {
    float: left;
}

.recipel input.text {
    height: 26px;
    line-height: 26px;
    border: solid 1px #c8c8c8;
    border-radius: 3px;
    width: 50px;
    margin-top: 7px;
    padding: 0 6px;
}

.hide_box {
    display: none;
}

.recipel {
    padding: 0 10px;
}

.recipel .plan {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.recipel .lyb-flex-box>div {
    margin-right: 5px;
}

.recipel .mask_modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
}

.recipel .mask_modal .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 30px;
    line-height: 30px;
    margin-left: -150px;
    margin-top: -15px;
    font-size: 18px;
    color: #7f7f7f;
}

.lyb-tree-box {
    width: 230px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background: #f5f5f5;
    float: left;
    padding: 5px;
}

.lyb-tree-box .lyb-tree-box-title {
    background: #f9ebc9;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #810102;
    padding-left: 10px;
}

.lyb-tree-detail {
    margin-left: 230px;
}

.lyb-flex-box {
    display: flex;
    align-items: center;
}

.lyb-line30 {
    line-height: 30px;
}

.lyb-flex-box>div {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-right: 8px;
}

/*------------------------------定制 tabs------------------------------*/
.tabs-border {
    border: none;
}

.tabs-border .panes-border .tabs {
    background: transparent;
    height: 33px;
}

.tabs-border .panes-border .tabs .panes-tab {
    margin: 0 5px 0 0;
    border: solid 1px #e2e2e2;
    border-bottom: none;
    height: 34px;
    line-height: 32px;
    border-radius: 4px 4px 0 0;
}

.tabs-border .contents {
    background: #fff;
    border: solid 1px #e2e2e2;
}

/*--------------------------------定制 accordion-------------------------*/
.accordion-border .accordion.expand>.accordion-node {
    color: #0D0D0D;
}

.accordion-border .accordion.expand .accordion-node {
    border-bottom-color: #DCDCDC;
}

.accordion-border .accordion .accordion-children .accordion-leaf {
    border-left: 2px solid #DCDCDC;
    padding-left: 53px;
}

/*--------------------------------定制 accordion-------------------------*/
.accordion-border .accordion.expand>.accordion-node {
    color: #0D0D0D;
}

.accordion-border .accordion.expand .accordion-node {
    border-bottom-color: #DCDCDC;
}

.accordion-border .accordion .accordion-children .accordion-leaf {
    border-left: 2px solid #DCDCDC;
    padding-left: 53px;
}

/*--------------------------------会员 二级三级tab-------------------------*/

.lyb-second-tab .tabs-border .panes-border .tabs .panes-tab {
    min-width: 84px;
    height: 28px;
    border-radius: 3px;
    background: #dddddd;
    margin-right: 6px;
    color: #333;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    float: left;
    cursor: pointer;
    border: solid 1px #e2e2e2;

}

.lyb-second-tab .tabs-border .panes-border .tabs .panes-tab.selected {
    color: #fff;
    background: #810102;
    border: none !important;
}

.lyb-second-tab .tabs-border .panes-border,
.lyb-third-tab .tabs-border .panes-border {
    border-bottom: 0;
}

.lyb-third-tab .tabs-border .panes-border .tabs .panes-tab {
    height: 33px;
}

.lyb-third-tab .tabs-border .panes-border .tabs .panes-tab.selected {
    border-top: 2px solid #dba54a;
}

.lyb-cp {
    cursor: pointer;
}

.lyb-border-title {
    display: flex;
    color: #dba54a;
    margin-bottom: 10px;
    padding: 0px 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    overflow: hidden;
    line-height: 26px;
    height: 28px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

/*

    fullCalendar

*/

#fullCalendar table {
    width: 100%;
}

#fullCalendar table th {
    text-align: center;
    padding: 0 2px;
}

#fullCalendar table td {
    text-align: center;
    padding: 35px;
}

#fullCalendar table th,
#fullCalendar table td {
    border: 1px solid #ddd !important;
}

#fullCalendar table td.prev-day {
    color: #ccc;
}

#fullCalendar table td.next-day {
    color: #ccc;
}

#fullCalendar table td.today {
    color: red;
    background: #ce999d;
}

.lyb-color {
    color: #9A353B;
}

.lyb-bgcolor {
    color: #9A353B;
}

.bx_detail div {
    display: inline-block;
}

.bx_detail div[class^="lyb-"] {
    width: 55px;
}

.base_info span {
    margin-right: 30px;
    line-height: 20px;
}

.lyb_required {
    position: relative;
}

.lyb_required:before {
    width: 10px;
    top: -1px;
    position: absolute;
    display: block;
    left: -12px;
    content: "*";
    height: 15px;
    color: #d34444;
    font-size: 20px;
    float: left;
    font-weight: bold;
    margin-left: 3px;
    line-height: 20px;
}

.register-insur {
    background: #F2F2F2;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
}

.lyb-border {
    border: 1px solid #C8C8C8;
}

.lyb-white {
    background: #FFFFFF;
}

.lyb-express-title {
    border-left: 4px solid #9F4545;
    padding-left: 5px;
    color: #0D0D0D;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

.recipel_tem_tab {
    position: relative;
    line-height: 14px;
    border: 1px solid #e6e6e6;
    background: #ffffff;
}

.recipel_tem_tab .tem_tab_head {
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.recipel_tem_tab .tab_first {
    padding-left: 0;
}

.recipel_tem_tab .tab_last {
    border-right: 0 !important;
}

.recipel_tem_tab .tem_tab_head_item {
    color: #333;
    padding-right: 12px;
    padding-left: 12px;
    /* border-right: 1px solid #dfe0e1;*/
    cursor: pointer;
    width: 50%;
    text-align: center;
    background: #F2F2F2;
}

.recipel_tem_active {
    position: absolute;
    bottom: -1px;
    left: 11px;
    width: 56px;
    height: 2px;
    background: #9A353B;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.recipel_tem_content {
    height: 230px;
    overflow: auto;
    padding: 6px;
}

.tem-click {
    background: #FFFFFF !important;
    height: 36px;
}

.recipel_tem_content .contentEl {
    display: none;
}

.recipel_title {
    line-height: 30px;
    font-weight: bold;
}

.recipel_content {
    border: 1px solid #ddd;
    padding: 0 10px;
}

.recipel_content div {
    line-height: 28px;
}

.recipel_content .title {
    font-weight: bold;
}

.margin-0 {
    margin: 0 !important;
}

/*-----------------------------上传组件添加图片预览----------------------------*/

.lyb-upload .textbox-border {
    min-height: 30px;
    height: auto;
}

.lyb-upload .textbox-border .textbox {
    height: initial !important;
}

.lyb-upload .textbox-border .upload-preview {
    position: relative;
    display: flex;
    padding: 2px;
}

.lyb-upload .textbox-border .upload-preview div {
    margin-right: 10px;
    height: 25px;
}

.lyb-upload .textbox-border .upload-preview .icon-remove-sign {
    position: absolute;
    top: -13px;
    right: -6px;
    color: #9A353B;
    cursor: pointer;
}

.lyb-upload .textbox-border .upload-preview img {
    height: 100%;
    cursor: pointer;
}

#coupon_radio .listbox-border .listbox .listbox-node.inline-node.box-node {
    height: 28px;
    line-height: 36px;
}

#axk_sheet .datasheet-border .datasheet-body .view-row .view-cell,
#axk_sheet .datasheet-head .head-row .head-cell {
    height: 30px;
    line-height: 30px;
}

#axk_sheet .datasheet-border .viewgrid-border .datasheet-view .view-body .view-row .view-cell {
    height: 30px;
    line-height: 30px;
}

.recipel .form-title {
    width: 100px;
}

.recipel .form-content {
    margin-left: 102px;
}

.doctor_studio {
    display: flex;
    padding: 10px;
}

.doctor_studio .form-title {
    font-weight: bold;
}

.doctor_studio #memberForm .form-nor-list {
    margin: 5px 0;
}

.doctor_studio .doctor_left {
    display: flex;
    min-width: 600px;
    flex-direction: column;
    margin-left: 5px;
    padding: 4px;
    border: 1px solid #ddd;
}

.doctor_studio .doctor_left .sheet_box {
    height: 50%;
    overflow-y: scroll;
    border-bottom: 1px solid #ddd;
}

.doctor_studio .doctor_left .title,
.doctor_studio .doctor_right .title {
    background: #F2F2F2;
    height: 32px;
    line-height: 32px;
    padding: 0 14px;
    font-weight: bold;
}

.doctor_studio .doctor_left .title span,
.doctor_studio .doctor_right .title span {
    font-size: 18px;
    color: #9F4545;
}

.doctor_right .this_clinic {
    margin-top: 12px;
}

.doctor_right .this_clinic .title {
    height: 30px;
    line-height: 30px;
}

.doctor_studio .doctor_right {
    flex-grow: 1;
    min-width: 497px;
    max-width: 550px;
}

.doctor_studio .doctor_right.prescribe_right {
    flex-grow: 1;
    padding: 0 0 0 10px;
    min-width: 350px;
    width: 350px;
}

.doctor_studio .form-nor {
    border: 1px solid #D9D9D9;
    padding: 0;
    margin: 0px;
    background: #F2F2F2;
    border-bottom: 0;
}

.doctor_studio .doctor_left .lyb-form div[class^="lyb"]:not('.lyb-datasheet') {
    height: 26px;
}

.doctor_studio .doctor_left div.lyb-upload .textbox-border {
    height: initial !important;
}

.doctor_studio .doctor_left div[class^="lyb"] .textbox-border {
    height: 26px;
}

.doctor_studio .border-bottom {
    border-bottom: 1px solid #D9D9D9;
}

.doctor_studio .zhenduan {
    width: 40px;
    float: left;
    line-height: 100px;
    text-align: center;
}

.doctor_studio .zhenduan-right {
    margin-left: 40px;
    border-left: 1px solid #D9D9D9;
}

.doctor_studio .zhenduan-right .form-nor-list .form-title {
    width: 70px;
}

.doctor_studio .zhenduan-right .form-nor-list .form-content {
    margin-left: 70px;
}

.bold-font {
    font-weight: bold;
}

.studio-recipel {
    margin-top: 18px;
    border: 1px solid #D9D9D9;
}

.studio-recipel .recipel-title {
    height: 50px;
    background: #F2F2F2;
    line-height: 30px;
    padding: 10px;
    border-bottom: 1px solid #D9D9D9;
}

.studio-recipel .recipel-money {
    font-size: 16px;
    color: #9F4545;
    letter-spacing: 0;
    margin-left: auto !important;
}

.studio-recipel .recipel-content {
    padding: 24px 10px;
    background: #FAF9F5;
    border-top: 1px dashed #D9D9D9;
}

.studio-recipel .recipel-content .recipel-content-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.studio-recipel .recipel-content .recipel-content-item {
    width: 25%;
    display: flex;
    height: 74px;
    position: relative;
    /*margin: 10px 0;*/
    margin-bottom: 10px;
}

.studio-recipel .recipel-content .recipel-content-item .icon-remove-sign {
    position: absolute;
    left: -6px;
    top: -6px;
    cursor: pointer;
}

.studio-recipel .recipel-content .recipel-content-item .recipel_tips {
    position: absolute;
    /* top: 74px; */
    left: 0px;
    bottom: 0px;
    width: 60%;
    background: #CAB5A2;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.studio-recipel .recipel-content .recipel-content-item .recipel_tips p,
.studio-recipel .recipel-content .recipel-content-item .recipel_tips span {
    display: inline-block;
}

.studio-recipel .recipel-content .recipel-content-item.tip-color .left {
    background: #F0DAE0;
    border: 1px solid #DAA0B0;
}

.studio-recipel .recipel-content .recipel-content-item.tip-color .left .name {
    border-right: 1px solid #DAA0B0;
}

.recipel-content-title {
    font-weight: bold;
    font-size: 24px;
}

.studio-recipel .recipel-content .recipel-content-item .left {
    width: 60%;
    background: #F7E9DA;
    border: 1px solid #CAB5A2;
    border-radius: 3px;
    display: flex;
    line-height: 72px;
}

.recipel-content .content-item {
    margin-bottom: 10px;
}

.studio-recipel .recipel-content .recipel-content-item .left .name {
    width: 70%;
    text-align: center;
    border-right: 1px solid #CAB5A2;
    position: relative;
}

.studio-recipel .recipel-content .recipel-content-item .left .num {
    width: 38%;
    text-align: center;
}

.studio-recipel .recipel-content .recipel-content-item .right {
    /*width:40%;*/
    padding-left: 3px;
    cursor: pointer;
}

.studio-recipel .recipel-content .recipel-content-item .right p {
    font-size: 12px;
    line-height: 16px;
    color: #444444;
}

.contentEl .item {
    max-height: 120px;
    border: 1px solid #ddd;
    margin-top: 5px;
}

.contentEl .item .title {
    background: #F2F2F2;
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
}

.contentEl .item .title .time {
    font-size: 14px;
    font-weight: bold;
}

.contentEl .item .title .opt {
    font-size: 14px;
    font-weight: bold;
}

.contentEl .item .title .opt span {
    margin-left: 10px;
    font-size: 12px;
    color: #B97737;
    text-decoration: underline;
    cursor: pointer;
}

.contentEl .item .content {
    padding: 5px;
}

.contentEl .item .content .detail {
    overflow: hidden;
    line-height: 23px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.recipel-write-top>div {
    margin-top: 10px;
}

.BG-FFFFFF {
    background-color: #FFFFFF;
}

.BG-F2F2F2 {
    background-color: #F2F2F2;
}

.recipel-content-item .edit-input {
    width: 23px;
    display: inline;
    background: transparent;
    border: none;
}

.recipel-content-content .lyb-flex-box>div {
    margin-right: 3px;
}

.hide-box {
    display: none;
}

.studio-recipel .title {
    line-height: 38px;
    background: #F2F2F2;
    font-size: 16px;
    color: #0D0D0D;
    padding: 0 17px;
    font-weight: bold;
}

.studio-recipel .content {
    padding: 20px;
}

.studio-recipel .content .content-title {
    border-left: 4px solid #9F4545;
    padding-left: 5px;
    color: #0D0D0D;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

.studio-recipel .content .content-detail {
    background: #F7F7F7;
    border: 1px solid #E6E6E6;
}

.recipel_tem_content .datasheet-border .datasheet-body .view-row .view-cell,
.recipel_tem_content .datasheet-head .head-row .head-cell {
    height: 30px;
    line-height: 30px;
}

.recipel_tem_content .datasheet-border .viewgrid-border .datasheet-view .view-body .view-row .view-cell {
    height: 30px;
    line-height: 30px;
}

.hjhj {
    line-height: 35px;
    text-align: right;
    font-size: 16px;
    color: #9F4545;
    font-weight: bold;
    border-bottom: 1px dashed #ddd;
}

/*********************************************/
.lyb-remind {
    position: absolute;
    bottom: -200px;
    right: 30px;
    height: 200px;
    width: 200px;
    border: 1px solid #ccc;
    min-width: 260px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.35) !important;
    background: #fff;
    z-index: 1;
}

.lyb-remind .remind-title {
    padding: 0 15px !important;
    padding-right: 0 !important;
    background-color: #810102 !important;
    height: 35px !important;
    line-height: 35px !important;
    color: #fff !important;
}

.lyb-remind .wont-remind {
    margin-right: 50px;
    float: right;
    font-size: 10px;
    line-height: 40px;
    text-decoration: underline;
    cursor: pointer;
}

.lyb-remind .content {
    height: 137px;
    line-height: 24px;
    word-break: break-all;
    overflow: auto;
    font-size: 12px !important;
    padding: 15px !important;
    clear: both;
}

.lyb-remind .remind-close {
    top: 10px !important;
    font-size: 0;
    line-height: initial;
    position: absolute;
    right: 15px;
}

.lyb-remind .close-ico {
    position: relative;
    width: 16px;
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    font-size: 14px;
    /*    background: url(/resources/common/img/remind.png) no-repeat;
        background-position: 0 -40px;*/
    cursor: pointer;
    color: white;
    font-weight: bold;
}

#order_history .order-box {
    margin-bottom: 10px;
}

#order_history .order-box .lyb-datasheet .datasheet-border .viewgrid-border .datasheet-head .head-row {
    background: #F2F2F2;
}

#order_history .order-box .datasheet-border .viewgrid-border .datasheet-view .view-body .view-row .view-cell .text,
#order_history .order-box .datasheet-border .viewgrid-border .datasheet-head .head-row .head-cell .text {
    color: #b2b0b0;
}

#order_history .history-orderno {
    width: 260px;
    cursor: pointer;
    color: #9A353B;
    margin-right: 15px;
    display: inline-block;
}

.cash-title {
    height: 40px;
    background: #F2F2F2;
    border-left: 2px solid #B0B0B0;
    padding-left: 10px;
    line-height: 40px;
}

.add-cash-title {
    background: #ebebeb;
    border-left: 2px solid #0D0D0D;
}

.ruku_btn_high {
    background: #9A353B !important;
}

.coupon-title {
    line-height: 30px;
    position: relative;
    font-weight: bold;
}

.coupon-title:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 65%;
    top: 6px;
    background: #9A353B;
}

.coupon-title span {
    margin-left: 5px;
}

.fg1 {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.course-lable {
    float: left;
    border: 2px solid #c9d6dc;
    border-radius: 8px;
    width: 186px;
    padding: 10px;
    margin-top: 10px;
    background: #fff;
}

.course-lable .course-title {
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: 4px;
}

.course-lable .course-info {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    text-align: center;

}

.course-lable .course-info .num {
    color: #9A353B;
    font-weight: bold;
    font-size: 16px;
}

.table_tips {
    position: absolute;
    top: -333px;
    border: 1px solid #9A353B;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    padding: 2px;
    z-index: 99;
    background: #9A353B;
    color: white;
    padding-left: 4px;
    word-wrap: break-word;
    word-break: break-all;
    min-height: 25px;
}

.table_tips:before {
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    background: #9A353B;
    position: absolute;
    top: 13px;
    left: -3px;
    color: #9A353B;
    font-weight: bold;
    font-size: 14px;
    z-index: 1;
    transform: rotate(295deg);
}

.order_show_remark {
    border: 1px solid #ddd;
    border-top: 0;
    padding-left: 10px;
}

.his_link {
    cursor: pointer !important;
    color: #CE8C26 !important;
    text-decoration: underline !important;
    min-width: 28px !important;
    font-size: 13px !important;
}

.his_standard_color {
    color: #9A353B;
}

.bg#f {
    background: #ffffff;
}

.his_high_light_green {
    background: #c0d394;
}

.his_high_light_blue {
    background: #1da9ed;
}

.his_high_light_pink {
    background: pink;
}

.plan div[data-name="furtherName"] {
    width: 255px;
}

.recipel_iframe_box {
    margin-top: 10px;
    margin-left: 247px;
    margin-right: 290px;
    height: 100%;
}

.his-corner-mark {
    position: absolute;
    top: -50%;
    right: -11%;
    background: #9A353B;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    line-height: 15px;
    color: #ffffff;
}

.charge-type-item #refund_coupon_remark .textbox-border.readonly {
    border: none;
    background: #f5f5f5 !important;
}

.small .datasheet-border .datasheet-body .view-row .view-cell,
.small .datasheet-head .head-row .head-cell {
    height: 25px;
    line-height: 25px;
}

.small .datasheet-border .viewgrid-border .datasheet-view .view-body .view-row .view-cell {
    height: 25px;
    line-height: 25px;
}

.sheet_text_align_left .datasheet-border .viewgrid-border .datasheet-view .view-body .view-row .view-cell .text {
    text-align: left;
}

.pot-schedule {
    display: flex;
    border: 1px solid #ddd;
}

.pot-schedule .pot-left {
    height: 100%;
    border-right: 1px solid #ddd;
}

.pot-schedule .hospital-box {
    width: 100px;
}

.pot-schedule .hospital-box .content {
    text-align: center;
    margin-top: 50%;
}

.pot-schedule .hospital-box .content b {
    padding: 5px;
    border: 1px solid #9A353B;
}

.pot-schedule .hospital-box .content p {
    font-weight: bold;
    color: #666666;
    margin-top: 6px;
}

.pot-schedule .pot-right {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}

.pot-box {
    width: 20%;
    border: 1px solid #ddd;
    border-left: none;
    background: #F7F7F7;
    border-top: none;
}

.pot-schedule .title {
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    background: #ffffff;
}

.pot-box .content .limit {
    padding: 5px 12px;
    border-bottom: solid 2px #9f4545;
}

.pot-box .content .detail {
    padding: 5px 5px;
}

.pot-box .un_finish .status,
.pot-box .finish .status,
.pot-box .nothing .status {
    font-weight: bold;
    color: #fff;
    padding: 0 5px;
}

.pot-box .finish .status {
    background: #999999;
}

.pot-box .un_finish .status {
    background: #9A353B;
}

.pot-box .nothing .status {
    background: #999999;
    color: #0D0D0D;
}

.pot-box .content .detail-item {
    margin: 2px 0;
}

.pot-box .content .detail-item span {
    margin-left: 4px;
}

.pot-box .content .print {
    text-decoration: underline !important;
    cursor: pointer !important;
    color: #E3B462 !important;
}

.pot-box .content .member {
    text-decoration: underline;
    cursor: pointer;
}

.pot-box .content .btn {
    text-decoration: underline;
    cursor: pointer;
    color: #E3B462;
}

.pot-box .content .finish .btn {
    color: #ccc;
    text-decoration: none;
    cursor: not-allowed;
}

.pot-box .content .finish .time {
    color: #ccc;
}

.pot-box .content .disabled_time {
    color: #ccc;
}

.lyb_fix_bottom {
    text-align: center;
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    padding-top: 2px;
    border-top: 1px solid #ddd;
    background: #ececec;
}

.border-card {
    border: 1px solid #ddd;
    padding: 5px;
    margin: 5px;
}

.zan_red {
    color: #9F4545;
}

.recommend_table_border {
    border: 1px solid #ddd;
    padding: 5px;
    background: #F3F3F3;
    margin-bottom: 10px;
}

.recommend_table_border table {
    width: 100%;
    border: 1px solid #ddd;
    background: #F3F3F3;
}

.recommend_table_border thead {
    background: #EAEAEA;
}

.recommend_table_border h1 {
    padding-bottom: 5px;
}

.recommend_table_border table th,
.recommend_table_border table td {
    border: 1px solid #ddd;
    padding: 2px 4px;
    text-align: center;
}

.recommend_table_border table td {
    background: #ffffff;
}

#recommend_sheet .table_tips {
    top: 0;
    left: 0;
    width: 175px;
    height: 26px;
    text-align: center;
}

#recommend_sheet .table_tips::before {
    left: initial;
    right: -3px;
    bottom: 3px;
    top: initial;
    transform: rotate(305deg);
}

#recommend_sheet .table_tips_box {
    position: absolute;
    top: -80px;
    left: -174px;
    width: 190px;
    height: 200px;
    text-align: center;
    background: url("../img/intro2.png") no-repeat;
    background-position: top;
    background-size: 100%;
    padding-top: 70px;
    font-weight: bold;
}

#recommend_sheet .table_tips_box p {
    color: #9F4545;
    font-size: 13px;
}

#recommend_sheet .close-button {
    background: white;
    border-radius: 50%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .6);
    margin: 4px;
    margin-left: auto;
    width: 26px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

#recommend_sheet .close-button .button-bg {
    background: url("../img/icon-bg.png") no-repeat center center;
    background-size: auto 26px;
    height: 26px;
    position: relative;
    width: 26px;
    z-index: 2;
}

.chat-box {
    height: 660px;
    padding-top: 3%;
}

.bangbang {
    box-sizing: border-box;
    width: 1130px;
    height: 580px;
    min-height: 560px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
}

.bangbang .left-pane,
.bangbang .right-pane {
    float: left;
}

.bangbang-left {
    width: 250px;
}

.jimi-left-header {
    box-sizing: border-box;
    padding: 10px;
    background: #77403e;
    background-image: linear-gradient(-139deg, #b3221c 0%, #a04242 100%);
    height: 104px;
}

.search-bar {
    width: 230px;
    height: 24px;
    box-sizing: border-box;
    margin-top: 10px;
}

.search-bar-input {
    outline: 0 none;
    height: 24px;
    box-sizing: border-box;
    line-height: 24px;
    width: 100%;
    border-radius: 4px;
    border: 0;
    font-size: 12px;
    padding: 0 5px 0 30px;
    background: url("../img/bangbang-search.png") no-repeat #FFF 10px 5px;
}

.jimi-left-content {
    height: 476px;
    border-right: 1px solid #E7E7E7;
}

.dialog-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.dialog-list p {
    font-size: 10px;
    /*padding-left: 28px;*/
    color: #999;
}

.dialog {
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    user-select: none;
    background: #F2F5F9;
}

.dialog.active {
    font-size: 14px;
    background: #D2E6F9;
}

.dialog-name {
    line-height: 20px;
    width: 120px;
    color: #1C2229;
    margin-bottom: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.dialog-name .msg-status {
    width: 10px;
    height: 10px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 4px;
}

.dialog-name .msg-status.actived {
    background: #c03e3e;
}

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

.jimi-head {
    width: 100%;
    height: 60px;
    background-color: #fafafa;
}

.jimi-head .customer-info-wrapper {
    float: left;
    box-sizing: border-box;
    margin-left: 10px;
    padding-top: 10px;
}

.jimi-chat {
    box-sizing: border-box;
    float: left;
    background-color: #fafafa;
    width: 550px;
    border-right: 1px solid #e7e7e7;
}

.jimi-chat--container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    height: 375px;
}

.jimi-chat--wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    background-color: #fff;
}

.jimi-chat--log-btn {
    font-size: 12px;
    color: #5a606b;
    text-align: center;
    margin-bottom: 12px;
    cursor: pointer;
}

.message--date {
    font-size: 13px;
    color: #a1a6af;
    text-align: center;
    margin-bottom: 13px;
}

.message.waiter-message .message--pin {
    text-align: right;
}

.message--pin {
    box-sizing: border-box;
    font-size: 12px;
    color: #A1A6AF;
    padding: 0 42px;
    margin-bottom: 3px;
    width: 100%;
    text-align: left;
}

.message.waiter-message .message--container {
    flex-direction: row-reverse;
}

.message--container {
    box-sizing: border-box;
    display: flex;
}

.message.waiter-message .message--head {
    float: left;
    margin-left: 10px;
}

.message--container .message--head {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    overflow: hidden;
}

.chat-box .message {
    border: none;
}

.img-bg {
    overflow: hidden;
    width: 100%;
    height: 100%;

}

.avatar {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.waiter-message .avatar {
    background: url("../img/lyb_waiter_photo.png");
    background-size: cover;
}

.message--container .message--content {
    position: relative;
}

.message--container .message--wrapper {
    max-width: 391px;
}

.text-message {
    position: relative;
    box-sizing: border-box;
    min-height: 42px;
    line-height: 1.4;
    font-size: 13px;
    color: #252525;
    letter-spacing: 0;
}

.message.customer-message .message--head {
    float: right;
    margin-right: 10px;
}

.message--container .message--head {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    overflow: hidden;
}

.message.customer-message .message-content,
.message.customer-message .message--icon,
.message.customer-message .message--wrapper {
    float: right;
}

.input-field {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 144px;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
}

.input-field--toolbar {
    box-sizing: border-box;
    height: 32px;
    margin-bottom: 5px;
    padding-top: 12px;
    padding-left: 20px;
    width: 100%;
}

.input-field--tool__emoji {
    background-image: url(../img/sprite.png);
    background-position: -166px -70px;
    width: 20px;
    height: 20px;
}

.input-field--tool {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 18px;
    cursor: pointer;
}

.input-field--tool__image {
    background-image: url(../img/sprite.png);
    background-position: -30px -122px;
    width: 18px;
    height: 18px;
}

.send-box {
    box-sizing: border-box;
    width: 100%;
}

.send-box .send-textarea {
    box-sizing: border-box;
    width: 100%;
    height: 74px;
    padding: 0px 19px 0px 19px;
    background-color: #fff;
    color: #252525;
    font-size: 13px;
    font-family: inherit;
    word-break: break-all;
    white-space: normal;
    overflow-y: auto;
}

.input-field--btn-wrap {
    position: relative;
    float: right;
}

.input-field--send-btn {
    width: 60px;
    float: right;
    margin-right: 10px;
    text-align: left;
}

.jimi-btn.panda {
    background: #fff;
    color: #343036;
    border: 1px solid #d9d9d9;
}

.jimi-btn {
    box-sizing: border-box;
    height: 26px;
    padding: 0 12px;
    line-height: 26px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background-color: #f23030;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dialog {
    box-sizing: border-box;
    font-size: 13px;
    user-select: none;
    padding: 10px;
    background: rgb(242, 245, 249);
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.dialog:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 0;
    height: 1px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background: #ccc;
}

.dialog:last-child::after {
    height: 0;
}

.dialog .dialog-avator {
    margin-right: 5px;
}

.dialog .dialog-avator img {
    width: 30px;
    height: 30px;
    vertical-align: top;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user-info-avatar {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 4px;
    overflow: hidden;
}

.text-message.waiter-message .text-message--container {
    float: left;
    margin-left: 5px;
    padding-left: 17px;
    text-align: justify;
    word-break: break-all;
}

.text-message.customer-message .text-message--container {
    float: right;
    margin-right: 5px;
    padding-right: 17px;
    background-color: #d0e9ff;
}

.text-message--container {
    position: relative;
    display: inline-block;
    min-height: 18px;
    line-height: 1.4;
    background-color: #f3f3f3;
    border-radius: 4px;
    padding: 12px 9px;
    word-break: break-all;
}

.list-wrap {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    margin-top: 4px;
}

.product-list {
    padding: 0 20px;
}

.product-item {
    padding: 20px 0;
    cursor: pointer;
    display: flex;
}

.pic-wrap {
    float: left;
    width: 80px;
    height: 80px;
}

.pic-wrap img {
    width: 100%;
    height: 100%;
}

.info-wrap {
    width: 260px;
    float: left;
    margin-left: 10px;
}

.info-wrap .title {
    height: 28px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.jimi-right-pane {
    float: left;
    box-sizing: border-box;
    width: 330px;
}

.jimi-right-tabs {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #ddd;
    ;
}

.jimi-right-pane .tab-content {
    padding: 20px;
}

.jimi-right-pane .tab-content p {
    line-height: 30px;
}

.lyb-table th {
    font-weight: bold;
}

.lyb-table th,
.lyb-table td {
    border: 1px solid #ddd;
    padding: 7px;
}

.message_num {
    border-radius: 50%;
    background: #9A353B;
    color: #FFFFFF;
    width: 14px;
    padding: 2px;
    height: 14px;
    text-align: center;
    line-height: 14px;
}

.his-hide {
    display: none !important;
}

#remind {
    z-index: 2 !important;
}

/* 地址搜索 */
.search-address {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 3;
    background-color: #FFFFFF;
    max-height: 130px;
    overflow-y: scroll;
}

.search-address-ul li {
    line-height: 40px;
    border: 1px solid #CCCCCC;
    border-top: 0;
    padding-left: 8px;
}

.contraindicated-box {
    position: relative;
}

.checkbox-avoid li {
    display: inline-block;
    position: relative;
    margin: 0 8px 8px 0;
}

.checkbox-avoid input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.checkbox-avoid input[type=radio] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.checkbox-avoid .text {
    display: block;
    padding: 6px 18px;
    border: solid 1px #ccc;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}

.checkbox-avoid input:checked+label,
.checkbox-avoid input:checked~.text {
    color: #C03E3E;
    border-color: #C03E3E;
}

.combobox {
    width: 300px;
    position: relative;
}

.combobox .input {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    border: solid 1px #ccc;
    cursor: pointer;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
}

.combobox .input:hover .clear {
    display: block;
}

.combobox .input input {
    display: inline-block;
    width: 90%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    border: none;
    outline: none;
}

.combobox .input .clear {
    position: absolute;
    right: 30px;
    top: 0px;
    width: 20px;
    height: 100%;
    background: url(../../lybui/img/icons/close.png) center center no-repeat;
    display: none;
    z-index: 1001;
}

.combobox .input .icon-sort {
    float: right;
    font-size: 14px;
}

.combobox .select_box {
    box-shadow: 2px 2px 10px 0 #a7a7a7;
    box-sizing: border-box;
    margin-top: 2px;
    display: flex;
    position: absolute;
    width: 100%;
    background: #ffffff;
    z-index: 1000;
    display: none;
}

.combobox .select_box .left {
    box-sizing: border-box;
    width: 35%;
    max-height: 250px;
    overflow: auto;
}

.combobox .select_box .left::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.combobox .select_box .left .title {
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    background: #cccccc;
    cursor: pointer;
    color: #333333;
}

.combobox .select_box .left .title:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
}

.combobox .select_box .right {
    max-height: 250px;
    box-sizing: border-box;
    width: 65%;
    overflow: auto;
    padding: 10px 0;
}

.combobox .select_box .hidden {
    display: none;
}

.combobox .select_box .right::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.combobox .select_box .right .content {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}

body::-webkit-scrollbar{
    display: none;
}

/* 预约提示 */
#appointTips{
    margin-top: 12px;
    padding-left: 110px;
    box-sizing: border-box;
    display: none;
}
#appointTips .appoint_tips_item{
    border-radius: 4px;
    overflow: hidden;
}
#appointTips .appoint_tips_item:not(:first-child){
    margin-top: 8px;
}
#appointTips .appoint_tips_item .tips_title{
    font-weight: bold;
    font-size: 13px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0px 12px;
    box-sizing: border-box;
}
.tips_title-blue{
    background: #E4F3FC;
    color: #0199FE;
}
.tips_title-red{
    background: #F9EFEF;
    color: #C03E3E;
}
.tips_title-yellow{
    background: #FFFBE8;
    color: #E79445;
}
.tips_title-green{
    background: #E2FAEF;
    color: #21936C
}
#appointTips .appoint_tips_item .part-box{
    width: 100%;
    box-sizing: border-box;
    background-color: #F7F7F7;
    padding: 10px 12px;
}
.part-box .master-box{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.part-lable{
    font-size: 13px;
    font-weight: 400;
    padding-right: 13px;
    flex-shrink: 0;
    width: 40px;
}
.part-item{
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 2px 12px;
    cursor: pointer;
    user-select: none;
    margin-top: 2px;
    margin-right: 12px;
}
.part-item-red:hover{
    color: #C03E3E;
    border-color: #C03E3E;
}
.part-item-yellow:hover{
    color: #E79445;
    border-color: #E79445;
}
.part-box .subsidiary-box{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.part-box .subsidiary-box .part-items{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.width122{
    width: 122px !important;
}