html {
    font-family: "Microsoft YaHei";
    /*font-family: "hyFT";*/
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 14px;
    min-width: 1280px;
    color: #333;
}

a[title=站长统计] {
    display: none;
}

a[title=站長統計] {
    display: none;
}

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

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

input {
    border: 1px solid #DFDFDF;
    font-size: 14px;
}

.over-ell {
    /*display:block;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container {
    margin: 20px;
    /*padding: 30px;*/
    border: 1px solid #DFDFDF;
    background-color: #fff;
}

.opacity {
    opacity: 0;
}

/* 清除浮动 */
.clear {
    clear: both;
}

/*清除浮动*/
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

/*清除浮动*/

.cursor-point {
    cursor: pointer;
}

.wn-point {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #FF5E41;
    position: fixed;
    top: 0;
    left: 0;
}

#barCode {
    margin: 5px auto;
    display: block;
    text-align: center;
}

.pull-l {
    float: left !important;
    display: inline-block;
}

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

.text-l {
    text-align: left !important;
}

.text-c {
    text-align: center !important;
}

.text-r {
    text-align: right !important;
}

.pos-rel {
    position: relative;
}

.wn-panel {
    margin: 20px;
    background-color: #fff;
}

.wn-panel > .wn-panel-head.screen-box {
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #ddd;
}

.wn-panel > .wn-panel-head.screen-box .date-box .text {
    height: 28px;
    line-height: 28px;
}

.wn-panel > .wn-panel-head.screen-box .nav {
    padding-bottom: 8px;
}

.wn-panel > .wn-panel-head.screen-box .nav li {
    height: 28px;
    line-height: 28px;
}

.wn-panel > .wn-panel-head.screen-box .wn-input {
    height: 26px !important;
    line-height: 26px !important;
}

.wn-panel > .wn-panel-head.screen-box .search-btn {
    height: 28px !important;
    line-height: 28px !important;
}

.wn-panel > .wn-panel-head.screen-box .search-input {
    margin-top: 8px !important;
}

.wn-panel > .wn-panel-head.screen-box .search-input input {
    height: 26px !important;
    line-height: 26px !important;
}

.wn-panel > .wn-panel-head.screen-box .search-input .search-icon {
    top: 5px;
    right: 7px;
}

.wn-panel .wn-panel-body {
    padding: 20px;
    border: 1px solid #ddd;
}

.wn-panel .wn-panel-body .count-box {
    padding-bottom: 20px;
}

.wn-panel .wn-panel-body .count-box .count {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-right: 20px;
}

.wn-panel .wn-panel-body .count-box .line {
    float: left;
    border-right: 1px solid #DFDFDF;
    height: 19px;
    margin-top: 5px;
    margin-right: 20px;
}

.wn-panel .wn-panel-body .count-box .search-input {
    margin-right: 20px;
}

.wn-panel .wn-panel-body .count-box .search-input input {
    height: 26px !important;
    line-height: 26px !important;
}

.wn-panel .wn-panel-body .count-box .search-input .search-icon {
    top: 5px;
    right: 7px;
}

.wn-panel .wn-panel-body .count-box .search-btn {
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    float: left;
    padding: 0 15px;
    color: #333;
    transition: box-shadow .2s;
}

.wn-panel .wn-panel-body .count-box .search-btn:hover {
    box-shadow: 1px 1px 5px #ccc;
}

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

.none {
    display: none !important;
}

.pay-icon {
    width: 40px;
    height: 30px;
    display: block;
}

.pay-icon[data-type="money"] {
    background: url("/assets/img/cashPayIconGray.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon.active[data-type="money"] {
    background: url("/assets/img/cashPayIcon.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon[data-type="weChat"] {
    background: url("/assets/img/weixinPayIconGray.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon.active[data-type="weChat"] {
    background: url("/assets/img/weixinPayIcon.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon[data-type="aliPay"] {
    background: url("/assets/img/zhifubaoPayIconGray.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon.active[data-type="aliPay"] {
    background: url("/assets/img/zhifubaoPayIcon.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon[data-type="card"] {
    background: url("/assets/img/cardPayIconGray.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon.active[data-type="card"] {
    background: url("/assets/img/cardPayIcon.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon[data-type="balance"] {
    background: url("/assets/img/blancePayIconGray.png") no-repeat;
    background-size: 100% 100%;
}

.pay-icon.active[data-type="balance"] {
    background: url("/assets/img/blancePayIcon.png") no-repeat;
    background-size: 100% 100%;
}

.wn-btn-box .wn-btn {
    padding: 15px 40px;
    border: 1px solid #DFDFDF;
    background-color: #fff;
    color: #999;
    display: inline-block;
    border-radius: 5px;
    transition: background .3s;
}

.wn-btn-box .wn-btn:hover {
    background-color: #f8f8f8;
}

.wn-btn-box .wn-btn.black {
    background-color: #333333;
    color: #fff;
    border-color: #333333;
}

.wn-btn-box .wn-btn.black:hover {
    background-color: #0f0f0f;
    border-color: #0f0f0f;
}

.wn-btn-box .wn-btn.ori {
    background-color: #ff5d49;
    color: #fff;
    border-color: #ff5d49;
}

.wn-btn-box .wn-btn.ori:hover {
    background-color: #e75442;
    border-color: #e75442;
}

.pay_select {
    margin-top: 20px;
}

.pay:hover {
    text-decoration: underline;
}

.pay_select .pay img {
    width: 40px;
    height: 30px;
    display: block;
}

.pay_select .pay .active-img {
    display: none;
}

.pay_select .pay {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px;
    text-align: center;
    cursor: pointer;
    color: #999999;

}

.pay_select .pay.active {
    color: black;
}

.pay_select .pay.active .active-img {
    display: block;
}

.pay_select .pay.active .not-active {
    display: none;
}

.pay_select .un_select {
    color: #999999;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

}

.pay_select .pay .word {
    margin-top: 10px;
}

/*头部样式*/
#header {
    border-bottom: 1px solid #DFDFDF;
    position: relative;
}

#header .logo {
    float: left;
    height: 56px;
    line-height: 71px;
    width: 180px;
    text-align: center;
}


.tl-padding10{
    margin-left: 10px;
}
#header .user_info .quit {
    color: #FF6042;
}

#header .user_info .list img {
    max-height: 22px;
    vertical-align: middle;
}

#header .user_info .list {
    margin-right: 20px;
    float: left;
}

#header .user_info .user-name {
    padding-right: 50px;
    margin-right: 0;
    cursor: pointer;
}

#header .user_info .user-name:before {
    left: auto;
    right: 20px !important;
}

#header .user_info .division {
    height: 30px;
    border-left: 1px solid #DFDFDF;
    margin-top: 14px;
}

#header .user_info {
    float: right;
    line-height: 56px;
}

#header .login-out-test:hover {
    box-shadow: 1px 1px 5px #444;
}

#header .login-out-test {
    position: absolute;
    width: 150px;
    height: 36px;
    background-color: #ff6134;
    left: 50%;
    margin-left: -75px;
    top: 50%;
    margin-top: -18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    transition: box-shadow .3s;
}

.header-contact-box {
    position: relative;
}

.header-contact-box:hover {
    color: #ff6134 !important;
}

.header-contact-box:hover .two-code-box {
    padding: 10px;
    height: auto;
    opacity: 1;
}

.header-contact-box:hover .arrow {
    display: block;
}

.header-contact-box .arrow {
    position: absolute;
    top: 56px;
    left: 50%;
    border-bottom: 15px solid #ff6134;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -5px;
    display: none;
    z-index: 9;
}

.header-contact-box .two-code-box {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    background-color: #fff;
    box-shadow: 1px 1px 10px #ff6134;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s;
    z-index: 9;
}

.header-contact-box .two-code-box img {
    width: 100%;
    height: auto !important;
    max-height: inherit !important;
}

/*头部样式*/

/*弹出层样式开始*/
.layui-layer {
    border-radius: 10px !important;
}

.layui-layer[type=dialog] {
    border-radius: 2px !important;
}

.pop_window {
    position: relative;
}

.pop_window .big_title {
    background-color: #FF5E41;
    color: white;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.pop_window .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url("/assets/img/close.png") no-repeat;
    background-size: 100% 100%;
}

.pop_window .scroll {
    overflow: auto;
    height: 479px;
    border-top: 3px solid #EFEFEF;
    border-bottom: 3px solid #EFEFEF;
}

.pop_window .form {

    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 40px;
}

.pop_window .input_div {
    float: left;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    margin-right: 20px;
    margin-top: 20px;
    background-color: white;
}

.pop_window .input_div .sex-text {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 40px;
}

.pop_window .wn-select .wn-option-group {
    width: 100px;
    right: 0;
    left: auto;
}

.pop_window .wn-select {
    text-align: center;
}

.pop_window .wn-select:before {
    right: 15px;
    left: auto;
}

.pop_window .input_div .star {
    float: left;
    color: red;
    height: 40px;
    line-height: 40px;
    width: 15px;
    text-align: center;
}

.pop_window .input_div .input {
    float: left;
    border: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 270px;
}

.pop_window .input_div select {
    border: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 65px;
    margin-right: 5px;
    text-align: right;
}

.pop_window .input_div .addr {
    width: 577px;
}

.pop_window .input_div .long {
    width: 350px;
}

.pop_window .input_div .short {
    width: 150px;
}

.pop_window .pet_info {
    padding-left: 40px;
}

.pop_window .pet_info .title {
    color: #999999;
}

.pop_window .pet_info .info_detail {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin-top: 20px;
    padding-left: 20px;
    width: 575px;
    background-color: #F9F9F9;
}

.pop_window .block {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    cursor: pointer;
}

.pop_window .block .word {
    float: left;
    color: #999999;
    line-height: 25px;
}

.pop_window .block .img {
    float: left;
    margin-right: 5px;
}

.pop_window .add_pet {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pop_window .add_pet .add_btn {
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    float: left;
    color: #999999;
    cursor: pointer;
}

.pop_window .option {
    background-color: #F5F5F5;
    height: 70px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pop_window .option .white_btn {
    float: left;
    border: 1px solid #dfdfdf;
    color: #999999;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 40px;
    width: 60px;
    text-align: center;
    background-color: white;
    cursor: pointer;
}

.pop_window .option .red_btn {
    float: right;
    border: 1px solid #dfdfdf;
    color: white;
    padding: 15px;
    border-radius: 5px;
    width: 180px;
    margin-top: 10px;
    text-align: center;
    margin-right: 40px;
    background-color: #FF5E41;
    cursor: pointer;
}

.pop_window .option .gray_btn {
    float: right;
    border: 1px solid #dfdfdf;
    color: white;
    padding: 15px;
    border-radius: 5px;
    width: 180px;
    margin-top: 10px;
    text-align: center;
    margin-right: 40px;
    background-color: #999;
    cursor: pointer;
}

.pop_window .option.wn-btn-box .wn-btn {
    margin-top: 10px;
    margin-right: 10px;
}

.pop_window .option.wn-btn-box .wn-btn:last-child {
    margin-right: 0;
}

.pop_window .option.wn-btn-box {
    padding: 0 40px;
}

.pop_window .scroll .select_block {
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 20px;
}

.pop_window .scroll .select_block .title {
    color: #999999;
}

.pop_window .scroll .select_block .selection {

}

.pop_window .scroll .select_block .selection .item {
    float: left;
    border-radius: 5px;
    background-color: #F5F5F5;
    color: #999999;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
    margin-top: 10px;
    cursor: pointer;
}

.pop_window .scroll .select_block .selection .select {
    height: 36px;
    width: 96px;
    line-height: 36px;
    border: 2px solid #FF5E41;
    color: #FF5E41;
    background-color: white;
}

/*弹出层样式结束*/

.integral-history-content {
    height: 456px;
    overflow: auto;
}

.integral-history-list li {
    position: relative;
    padding: 20px 0;
    padding-right: 80px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 30px;
}

.integral-history-list li .name {
    font-size: 14px;
    padding-bottom: 5px;
}

.integral-history-list li .date {
    font-size: 12px;
}

.integral-history-list li .number {
    position: absolute;
    width: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    top: 50%;
    right: 30px;
    margin-top: -15px;
    font-size: 14px;
}

.main {
    height: calc(100% - 57px);
}

/* 取消焦点框 */
input {
    outline: none;
}

select {
    outline: none;
}

/* 菜单 */
.menu {
    float: left;
    /*border-right: 1px solid #DFDFDF;*/
    /*border-left: 1px solid #DFDFDF;*/
    height: calc(100% - 57px);
    overflow: auto;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    /*background-color: #fff;*/
    color: #999;
    background-image: linear-gradient(-180deg, #535659 0%, #373A3E 100%);
    font-size: 12px;
}
/* @media screen and (min-width:1680px) and (max-width:1920px){
    .menu {
        float: left;
        height: calc(100% - 57px);
        overflow: hidden;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 3;
        color: #999;
        background-image: linear-gradient(-180deg, #535659 0%, #373A3E 100%);
        font-size: 12px;
    }
} */

.menu .menu-shop {
    border-bottom: 1px solid #333;
}

.menu .menu-shop .header {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}

.cla-img-back {
    height: 180px;
    background-image: url('/assets/img/sun.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 180px;
    z-index: -1;
    top: 0px;
}

.menu .menu-shop .wn-select {
    /*margin-top: 6px;*/
    padding: 0 10px;
}

.menu .menu-shop .wn-select:before {
    right: 7px;
    background: none;
    /*background: url("/assets/img/arr_gray.png") no-repeat;*/
}

.menu .menu-shop .wn-select.open:before {
    /*background: url("/assets/img/arr_gray.png") no-repeat;*/
    /*transform: rotate(180deg);*/
}

.menu .menu-shop .wn-select .wn-select-name {
    padding: 10px;
    width: 140px;
    font-size: 14px;
    color: #cccccc;
}

.menu .menu-shop .wn-select .wn-select-name:before {
    position: absolute;
    width: 10px;
    height: 5px;
    background: url("../img/selectDown.png") no-repeat;
    background-size: 100% 100%;
    content: '';
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.cla-div-dz {
    padding: 7px 0;
    margin: auto;
    margin-top: -25px;
    margin-bottom: 20px;
    font-size: 12px;
    height: 5px;
    width: 28%;
    text-align: center;
}

.cla-div-dz span {
    position: relative;
    bottom: 100%;
}

.menu .menu-shop .wn-select .wn-option-group {
    border: 0;
    box-shadow: none;
    background-color: #535659;
}

.menu .menu-shop .wn-select .wn-option-group li {
    border: 0;
}

.menu .menu-shop .wn-select .wn-option-group li:hover {
    background-color: #404040;
}

/*.menu .menu-shop .wn-select .wn-select-name:before {*/
/*position: absolute;*/
/*width: 10px;*/
/*height: 5px;*/
/*background: url("../img/selectDown.png") no-repeat;*/
/*background-size: 100% 100%;*/
/*content: '';*/
/*right: -15px;*/
/*top: 50%;*/
/*margin-top: -3px;*/
/*}*/

.menu .menu-shop .wn-select.open .wn-select-name:before {
    background: url("../img/selectUp.png") no-repeat;
    background-size: 100% 100%;
}

.menu .menu-shop .plus {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    /*padding-top: 6px;*/
}

.menu .menu-shop .plus i {
    width: 14px;
    height: 14px;
    float: left;
}

.menu .menu-shop .plus i.renz {
    margin-right: 9px;
    background: url("/assets/img/menu_rez.png") no-repeat;
    background-size: 100% auto;
}

.menu .menu-shop .plus i.renz.active {
    margin-right: 9px;
    background: url("/assets/img/menu_rez_a.png") no-repeat;
    background-size: 100% auto;
}

.menu .menu-shop .plus i.level {
    background: url("/assets/img/menu_plus.png") no-repeat;
    background-size: 100% auto;
}

.menu .menu-shop .plus i.level.active {
    background: url("/assets/img/menu_plus_a.png") no-repeat;
    background-size: 100% auto;
}
.menu .menu-shop .plus i.chain {
    background: url("/assets/img/chainno.png") no-repeat;
    background-size: 100% auto;
    margin-left: 9px;
}

.menu .menu-shop .plus i.chain.active {
    background: url("/assets/img/chain.png") no-repeat;
    background-size: 100% auto;
    margin-left: 9px;
}

.menu .logo {
    width: 180px;
    height: 55px;
    text-align: center;
    border-bottom: 1px solid #DFDFDF;
}

.menu .logo img {
    margin-top: 10px;
}

.menu .menu_item:hover {
    background-color: #333;
}

.menu .menu_item {
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*border-bottom: 1px solid #DFDFDF;*/
    cursor: pointer;
    color: #999;
    display: block;
}

.menu .active {
    background-color: #333;
    color: #ccc;
    position: relative;
}

/*.menu .active:before {*/
/*position: absolute;*/
/*height: 100%;*/
/*top: 0;*/
/*right: -1px;*/
/*!*border-right: 1px solid #f8f8f8;*!*/
/*content: ' ';*/
/*}*/

.menu .menu_item.active:before {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: 0;
    border-right: 7px solid #F8F8F8;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: ' ';
    margin-top: -6px;
}

.menu .menu_item .img {
    margin-top: 13px;
    margin-left: 30px;
    height: 28px;
    width: 28px;
    float: left;
    display: none;
}

.menu .menu_item .img-select {
    margin-top: 11px;
    margin-left: 30px;
    width: 18px;
    float: left;
}

.menu .menu_item .word {
    margin-left: 20px;
    margin-right: 20px;
    float: left;
}

.menu .menu_item .arrow {
    float: right;
    display: block;
    margin-top: 16px;
    margin-right: 15px;
}

.menu .menu_item .hi-num {
    width: 20px;
    height: 20px;
    border-radius: 50% 50%;
    background: #ff5d49;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 10px;

}

.menu .menu_item .hi-num span {
    position: relative;
    bottom: 9px;
    font-size: 12px;
    color: #fff;
}

.menu .active .arrow {
    opacity: 1;
    display: none;
}

.menu .active .img {
    display: none;
}

.menu .active .img-select {
    display: block;
}

.menu .btn-list {
    padding: 20px;
    border-top: 1px solid #333;
}

.menu .btn-list .btn {
    display: block;
    height: 32px;
    line-height: 32px;
    background-color: #5A5E62;
    border-radius: 4px;
    /*border: 1px solid #dfdfdf;*/
    color: #999;
    text-align: center;
    transition: box-shadow .2s;
    margin-bottom: 10px;
}

.menu .btn-list .btn.active {
    display: block;
    /*height: 35px;*/
    /*line-height: 35px;*/
    background-color: #ff5d49;
    border: 0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    transition: box-shadow .2s;
}

.menu .btn-list .btn:hover {
    box-shadow: 1px 1px 5px #333;
}

.wn-content {
    /*min-width: 1200px;*/
}

.wn-body {
    width: calc(100% - 180px);
    float: left;
    overflow: auto;
    height: 100%;
    background-color: #f8f8f8;
    padding-left: 180px;
}

/*表格样式*/
.wn-table {
    width: 100%;
    border-collapse: collapse;
    /*border: 1px solid #DFDFDF;*/
    border-spacing: 0;
    line-height: 50px;
}

.wn-table .tag {
    display: block;
    float: left;
    font-size: 12px;
    padding: 1px 3px;
    background: linear-gradient(to bottom, #3c9d11, #007078);
    color: #fff;
    line-height: normal;
    margin-top: 16px;
    border-radius: 3px;
    margin-left: 6px;
}

.wn-table .tag.blue {
    background: linear-gradient(to bottom, #6186ff, #3f25a1);
}

.wn-table .tag.iceblue {
    background: linear-gradient(to bottom, #37a8ff, #1861f5);
}

.wn-table .tag.qian {
    background: linear-gradient(to bottom, #ff5f40, #f59d8c);
}

.wn-table .tag.password {
    background: linear-gradient(to bottom, #ff3a5d, #feab96);
}

.wn-table .come {
    float: right;
    padding-right: 20px;
}

.wn-table .wechat {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    background: url(/assets/img/wechatcome.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.wn-table .sex-icon {
    display: inline-block;
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.wn-table .dog-icon {
    display: inline-block;
    float: left;
    margin-top: 12px;
    margin-right: 5px;
    width: 24px;
    height: 24px;
}

.wn-table .edit-a {
    float: left;
    margin-right: 10px;
}

.wn-table .dog-icon.dog-g {
    background: url("/assets/img/dog-g.png") no-repeat;
    background-size: 100%;
}

.wn-table .dog-icon.dog-m {
    background: url("/assets/img/dog-m.png") no-repeat;
    background-size: 100%;
}

.wn-table .dog-icon.cat-g {
    background: url("/assets/img/cat-g.png") no-repeat;
    background-size: 100%;
}

.wn-table .dog-icon.cat-m {
    background: url("/assets/img/cat-m.png") no-repeat;
    background-size: 100%;
}

.wn-table .dog-icon.other-g {
    background: url("/assets/img/other-g.png") no-repeat;
    background-size: 100%;
}

.wn-table .dog-icon.other-m {
    background: url("/assets/img/other-m.png") no-repeat;
    background-size: 100%;
}

.wn-table .date-icon {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: url("/assets/img/time.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

.wn-table .date {
    height: 30px !important;
    line-height: 30px;
    background-color: #F7F8F9 !important;
}

.wn-table .member-header {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 13px;
    margin-right: 10px;
}

.wn-table .date td {
    border-right: 0;
}

.wn-table .male {
    background: url("/assets/img/vip_boy.png") no-repeat;
    background-size: 100%;
}

.wn-table .female {
    background: url("/assets/img/vip_girl.png") no-repeat;
    background-size: 100%;
}

.wn-table tr {
    height: 50px;
}

.wn-table.no-bg tbody tr {
    background-color: #fff;
}

.wn-table thead {
    background-color: #fff;
    border-bottom: 2px solid #DFDFDF;
}

.wn-table th, td {
    border: 1px solid #DFDFDF;
    border-left: 0;
    text-align: left;
    padding-left: 20px;
}

.wn-table tr th:last-child {
    border-right: 0;
}

.wn-table tr td:last-child {
    border-right: 0;
}

.wn-table tbody tr {
    background-color: #F7F8F9;
}

.wn-table tbody tr:nth-child(2n) {
    background-color: #fff;
}

.wn-table tbody tr:hover {
    background-color: #F7F8F9;
}

.wn-table-bordered {
    border: 1px solid #DFDFDF;
}

.wn-table .table-edit:first-child {
    margin-right: 40px;
}

/*表格样式*/

.black-text {
    color: #000 !important;
}

.black3-text {
    color: #333 !important;
}

.red-text {
    color: red !important;
}

.gray-text {
    color: #999 !important;
    /*display: inline-block;*/
}
.gray-text6 {
    color: #666 !important;
    /*display: inline-block;*/
}

.green-text {
    color: #6cc509 !important;
    /*display: inline-block;*/
}

/*复选框样式*/
.wn-checkbox {
    width: 15px;
    height: 15px;
    border: 1px solid #DFDFDF;
    display: block;
    /*margin: 0 auto;*/
    cursor: pointer;
}

.wn-checkbox-des {
    width: 15px;
    height: 15px;
    background: rgba(153, 153, 153, 1);
    display: block;
    cursor: pointer;
}

.wn-checkbox.active {
    width: 17px;
    height: 17px;
    border: 0;
    background: url("../img/checkActive.png") no-repeat;
    background-size: 100% 100%;
}

/*复选框样式*/

/*排序按钮样式*/
.wn-sort-arrow {
    position: relative;
    height: 20px;
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    cursor: pointer;
}

.wn-sort-arrow:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 8px;
    background: url("../img/sortUp.png") no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
}

.wn-sort-arrow:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 8px;
    background: url("../img/sortDown.png") no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
}

/*排序按钮样式*/

/*自定义下拉控件样式*/
.wn-select {
    position: relative;
}

.wn-select .wn-input {
    width: calc(100% - 32px);
}

.wn-select:before {
    position: absolute;
    width: 10px;
    height: 5px;
    background: url("../img/selectDown.png") no-repeat;
    background-size: 100% 100%;
    content: '';
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.wn-select[data-type=search] {
    border: 0;
    padding-left: 0;
}

.wn-select[data-type=search]:before {
    right: 20px;
    left: auto;
}

.wn-select.open:before {
    background: url("../img/selectUp.png") no-repeat;
    background-size: 100% 100%;
}

.wn-select .wn-select-b {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.wn-select.up .wn-select-b {
    top: 0;
}

.wn-select .wn-select-b1 {
    position: relative;
}

.wn-select.open .wn-option-group {
    height: auto;
    border: 1px solid #DFDFDF;
    opacity: 1;
    max-height: 200px;
    overflow: auto;
    box-shadow: 0 0 5px #dfdfdf;
}

.wn-select .wn-option-group {
    position: absolute;
    left: -1px;
    width: 100%;
    box-shadow: 0 0 1px #dfdfdf;
    background-color: #fff;
    top: 2px;
    height: 0;
    overflow: hidden;
    border: 0;
    opacity: 0;
    transition: opacity .3s;
}

.wn-select.up .wn-option-group {
    bottom: 2px;
    top: auto;
}

.wn-select .wn-option-group li:hover {
    background-color: #F8F8F8;
}

.wn-select .wn-option-group li a {
    display: block;
    height: 100%;
}

.wn-select .wn-option-group li {
    line-height: 35px;
    border-bottom: 1px solid #DFDFDF;
    transition: background .2s;
    cursor: pointer;
}

.wn-select .wn-option-group li:last-child {
    border-bottom: 0;
}

/*自定义下拉控件样式*/

.wn-add-icon {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../img/addRed.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 10px;
}

/*筛选框样式*/
.screen-box {
    border-bottom: 1px solid #DFDFDF;
    padding-left: 20px;
}

.screen-box .date-box {
    float: left;
    padding-top: 8px;
    margin-right: 10px;
}

.screen-box .date-box .wn-input {
    width: 80px;
    float: left;
}

.screen-box .date-box .text {
    float: left;
    height: 38px;
    line-height: 38px;
    width: 30px;
    text-align: center;
}

.screen-box .wn-select {
    margin: 8px 0;
    margin-right: 10px;
}

.screen-box .wn-year {
    width: 100px;
}

.screen-box .wn-month {
    width: 100px;
}

.screen-box .search-btn:hover {
    box-shadow: 2px 2px 8px #999;
}

.screen-box .search-btn {
    display: block;
    float: left;
    margin-right: 10px;
    margin: 8px 0;
    border-radius: 3px;
    line-height: 38px;
    height: 38px;
    background-color: #ff5d49;
    padding: 0 20px;
    transition: box-shadow .2s;
}

.screen-box .search-btn .icon {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/assets/img/searchIcon.png") no-repeat;
    background-size: 100% 100%;
}

.screen-box .search-btn .icon.add-reser {
    width: 15px;
    height: 15px;
    background: url("/assets/img/add.png") no-repeat;
    background-size: 100% 100%;
    bottom: 2px;
    position: relative;
}

.screen-box .nav {
    float: left;
    padding-top: 8px;
    margin-right: 30px;
}

.screen-box .nav li {
    float: left;
    line-height: 38px;
    height: 38px;
}

.screen-box .nav li .arrow {
    padding: 0 10px;
}

.screen-btn {
    line-height: 43px;
    padding: 0 25px;
    display: block;
    float: left;
    color: #bfbfbf;
    position: relative;
}

.screen-btn:before {
    position: absolute;
    top: 50%;
    right: 0;
    border-right: 1px solid #DFDFDF;
    height: 26px;
    content: '';
    margin-top: -13px;
}

.screen-btn.active:before {
    border-right: 0;
}

.screen-btn.active {
    background-color: #535559;
    color: #fff;
}

.screen-edit-btn:hover {
    box-shadow: 2px 2px 8px #999;
}

.screen-edit-btn {
    display: block;
    float: left;
    height: 30px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    line-height: 30px;
    padding: 0 10px;
    margin-left: 30px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #fff;
    transition: box-shadow .2s;
}

.screen-edit-btn .cla-ai-btn {
    border-left: 1px solid #DFDFDF;
    padding-left: 10px;
}

.screen-edit-btn .add {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 9px;
    margin-right: 8px;
    background: url("../img/add.png") no-repeat;
    background-size: 100% 100%;
}

.screen-edit-btn .screen {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 10px;
    margin-right: 8px;
    background: url("../img/search.png") no-repeat;
    background-size: 100% 100%;
}

.screen-edit-btn .expend {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 10px;
    margin-right: 8px;
    background: url("../img/expend.png") no-repeat;
    background-size: 100% 100%;
}

.screen-edit-btn .saocode {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 10px;
    margin-right: 8px;
    background: url("../img/sCode.png") no-repeat;
    background-size: 100% 100%;
}

.screen-edit-btn.del {
    background-color: #FF5E41;
    color: #fff;
    border-color: #FF5E41;
}

.cla-btn-col-pord {
    background-color: #ffffff;
    color: #333333;
    border-color: #DFDFDF;
}

.cla-btn-col {
    background-color: #ffffff;
    color: #333333;
    border-color: #DFDFDF;
    float: left;
    display: inline-block;
    margin-top: 10px;

}

.screen-box .search-input {
    margin-top: 5px;
    margin-left: 30px;
}

.search-input {
    position: relative;
}

.search-input input {
    float: left;
    width: 250px;
    line-height: 33px;
    height: 33px;
    border: 1px solid #dfdfdf;
    padding: 0;
    padding-left: 10px;
    padding-right: 30px;
    border-radius: 4px;
    box-shadow: inset 0 0 5px #dfdfdf;
    font-size: 14px;
}

.search-input .search-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url("../img/search_tag.png") no-repeat;
    background-size: 100% 100%;
}

/*筛选框样式*/

/*商品库存页面样式开始*/
.product-stock-table {
    padding: 0 20px 20px 20px;
    /* padding-bottom: 55px; */
    height: calc(100% - 148px);
    overflow: auto;
}

.product-stock-table .wn-table tr th:first-child {
    /*padding-left: 0;*/
}

.product-stock-table .wn-table tr td:first-child {
    /*padding-left: 0;*/
}

.product-stock-table .wn-table {
    background-color: #fff;
}

.product-stock {
    height: 100%;
}

#selectProduct ul li.active {
    height: 36px;
    width: 96px;
    line-height: 36px;
    border: 2px solid #FF5E41;
    color: #FF5E41;
    background-color: white;
}

/*商品库存页面样式结束*/

/*商品底部统计栏样式开始*/
.product-btm-count-box {
    background-color: white;
    border-top: 1px solid #dfdfdf;
    height: 50px;
    box-shadow: 0 0 5px 0 #cccccc;
}

.product-btm-count-box .content {
    padding: 0 20px;
}

.product-btm-count-box .count-text {
    line-height: 50px;
    float: left;
}

.product-btm-count-box .wn-page {
    line-height: 50px;
}

/*商品底部统计栏样式结束*/

/*分页样式开始*/
.wn-page {

}

.wn-page .wn-page-size {
    font-size: 14px;
}

.wn-page .wn-page-size input[name=count] {
    border-color: transparent;
}

.wn-page .wn-page-size input {
    width: 30px;
    border-radius: 3px;
    padding: 0 5px;
    text-align: center;
}

.wn-page .wn-page-size .btnpage {
    float: right;
    height: 50px;
    background-color: #FF5E40;
    color: #fff;
    border-color: #FF5E40;
    width: 120px;
    cursor: pointer;
    border-style: none;
    outline: none;
}

.wn-page .wn-page-size .btnelse {
    float: right;
    height: 30px;
    margin: 10px;
    width: 120px;
    cursor: pointer;
    outline: none;
    color: #333;
    background-color: #fff;
    border: 1px #dfdfdf solid;
    border-radius: 4px;
}

.wn-page .wn-page-btn-box {
    margin-left: 30px;
    margin-top: 13px;
}

.wn-page .wn-page-btn-box li:hover {
    box-shadow: 1px 1px 5px #999;
}

.wn-page .wn-page-btn-box .first, .end {
    font-size: 12px;
    color: #333 !important;
    height: 19px;
    line-height: 19px;
}

.wn-page .wn-page-btn-box li {
    float: left;
    padding: 2px 10px;
    background-color: #d7d7d7;
    line-height: normal;
    margin-right: 10px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    transition: box-shadow .2s;
}

.wn-page .wn-page-btn-box .active {
    background-color: #535353;
    cursor: default;
}

.wn-page .wn-page-btn-box .wn-page-up, .wn-page-down {
    height: 19px;
    width: 20px;
    position: relative;
}

.wn-page .wn-page-btn-box .wn-page-up:before {
    background: url("../img/pageUp.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 12px;
    margin-top: -6px;
    margin-left: -5px;
    content: '';
}

.wn-page .wn-page-btn-box .wn-page-down:before {
    background: url("../img/pageDown.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 12px;
    margin-top: -6px;
    margin-left: -5px;
    content: '';
}

/*分页样式结束*/

/*商品分类页面开始*/
.product-classify-content {
    padding: 20px;
    height: calc(100% - 100px);
}

.product-classify-content .classify-title {
    border: 1px solid #DFDFDF;
    background-color: #fff;
    font-size: 16px;
}

.product-classify-content .classify-title li {
    float: left;
    padding: 15px 20px;
    border-right: 1px solid #DFDFDF;
}

.product-classify-content .classify-title li:last-child {
    border-right: 0;
}

.product-classify-content .classify-title .big-classify {
    width: 250px;
}

.product-classify-content .classify-title .min-classify {
    width: 360px;
}

.product-classify-content .classify-title .pro-add-classify {
    position: relative;
}

.product-classify-content .classify-title .pro-add-classify .wn-add {
    position: absolute;
    top: 50%;
    right: 10px;
    background: url("../img/add_count.png") no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-size: 100% 100%;
    cursor: pointer;
}

.product-classify-content .classify-body {
    background-color: #fff;
    border: 1px solid #DFDFDF;
    height: calc(100% - 47px);
}

.product-classify-content .classify-body .classify-list:before {
    position: absolute;
    top: 0;
    left: 56px;
    height: 100%;
    border-right: 1px solid #DFDFDF;
    content: '';
}

.product-classify-content .classify-body .classify-list {
    width: 347px;
    border-right: 1px solid #DFDFDF;
    height: 100%;
    overflow: auto;
    position: relative;
}

.product-classify-content .classify-body .classify-list li {
    background-color: #FAFBFC;
    border-bottom: 1px solid #DFDFDF;
    color: #bfbfbf;
    cursor: pointer;
}

.product-classify-content .classify-body .classify-list li:last-child {
    /*border-bottom: 0;*/
}

.product-classify-content .classify-body .classify-list li.active {
    background-color: transparent;
    color: #000;
}

.product-classify-content .classify-body .classify-list li.active .classify-name {
    color: #FF5E41;
}

.product-classify-content .classify-body .classify-list .num {
    width: 56px;
    border-right: 1px solid #DFDFDF;
    line-height: 51px;
    text-align: center;
    float: left;
}

.product-classify-content .classify-body .classify-list .classify-name {
    float: left;
    width: calc(100% - 77px);
    padding-left: 20px;
    line-height: 51px;
    position: relative;
}

.product-classify-content .classify-body .classify-list .classify-name:before {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 10px;
    right: 10px;
    background: url("../img/arrowRBlack.png") no-repeat;
    margin-top: -5px;
    content: '';
    opacity: .4;
}

.product-classify-content .classify-body .classify-list .active .classify-name:before {
    opacity: 1;
}

.product-classify-content .classify-body .classify-list .active .classify-edit-box {
    display: block;
}

.classify-edit-box {
    position: absolute;
    top: 50%;
    right: 25px;
    line-height: normal;
    color: #bfbfbf;
    margin-top: -13px;
    display: none;
}

.classify-edit-box a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: '';
}

.classify-edit-box .edit-btn:before {
    background: url("../img/编辑.png") no-repeat;
    background-size: 100% 100%;
}

.classify-edit-box .del-btn:before {
    background: url("../img/classifyDel.png") no-repeat;
    background-size: 18px 18px;
    background-position: center center;
}

.classify-edit-box a {
    display: block;
    float: left;
    color: #bfbfbf;
    width: 60px;
    margin-right: 10px;
    text-align: right;
    position: relative;
    height: 26px;
    line-height: 26px;
}

.classify-edit-box a:last-child {
    margin-right: 0;
}

.product-classify {
    height: 100%;
}

.product-classify-content .classify-details {
    width: 360px;
    padding: 20px;
    height: calc(100% - 40px);
    overflow: auto;
    border-right: 1px solid #DFDFDF;
}

.product-classify-content .classify-details-ul li {
    border: 1px solid #DFDFDF;
    line-height: 48px;
    padding-left: 20px;
    background-color: #FAFBFC;
    border-radius: 3px;
    position: relative;
    margin-bottom: 10px;
}

.product-classify-content .classify-details-ul .classify-edit-box {
    display: block;
}

.classify-details-add {
    width: 100px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: right;
    font-size: 14px;
    margin-top: 20px;
}

.classify-details-add:before {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url("../img/addMinClassify.png") no-repeat;
    background-size: 100% 100%;
    content: '';
}

/*商品分类页面结束*/

/*新增商品弹出层样式开始*/
.model-form {
    padding: 30px 30px;
    color: #bfbfbf;
    background-color: #fff;
}

.pop_window.layui-layer-wrap {
    height: 100%;
}

.model-form.wn-model-form {
    height: calc(100% - 145px);
    overflow: auto;
    padding-bottom: 0;
}

.model-form .row {
    margin-bottom: 20px;
    font-size: 14px;
}

.row .pay-type-ul {
}

.row.line {
    border-bottom: 1px solid #ddd;
}

.row .classify-box li {
    cursor: pointer;
    float: left;
    padding: 15px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    color: #999;
    margin-right: 20px;
}

.row .classify-box li.active {
    border-color: #ff5f40;
    color: #ff5f40;
}

.row .classify-box li .icon {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 19px;
}

.row .classify-box li .icon img {
    max-width: 100%;
}

.row .pay-type-ul li {
    float: left;
    width: calc(20% - 20px);
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.row .pay-type-ul li:hover {
    text-decoration: underline;
}

.row .pay-type-ul li.active {
    color: #333;
}

.row .pay-type-ul li .name {
    line-height: 30px;
}

.row .pay-type-ul img {
    width: 100%;
    display: block;
    max-width: 80px;
    margin: 0 auto;
    margin-bottom: 6px;
}

.row .pay-type-ul li .active-img {
    display: none;
}

.row .pay-type-ul li.active .active-img {
    display: block;
}

.row .pay-type-ul li.active .not-active {
    display: none;
}

.row.select .select-title {
    width: 60px;
    line-height: 38px;
    height: 38px;
    float: left;
    margin-left: 15px;
    font-size: 13px;
}

.row.select .wn-select {
    width: calc(100% - 77px) !important;
    border-color: transparent;
    padding-left: 0;
}

.row.select .wn-select .wn-input {
    border-color: transparent;
    padding-left: 0;
    padding-right: 30px;
    width: calc(100% - 32px);
}

.row.select .wn-select[data-type=search]:before {
    right: 15px;
}

.row.select .select-box {
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    width: calc(50% - 18px);
    position: relative;
}

.select-box .not-null {
    position: absolute;
    top: 50%;
    left: 3px;
    color: red;
    /* height: 8px; */
    margin-top: -10px;
    line-height: 20px;
}

.product-type {
    margin-top: 15px;
}

.product-type li .name {
    margin-right: 10px;
}

.product-type li {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    padding-left: 40px;
    line-height: 40px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.product-type li:before {
    position: absolute;
    top: 50%;
    left: 13px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url("../img/radioGray.png") no-repeat;
    content: '';
}

.product-type li.active {
    border-color: #ff5d49;
}

.product-type li.active:before {
    background: url("../img/radioRed.png") no-repeat;
}

.model-classify-select {
    width: calc(50% - 32px);
    margin-right: 30px;
    float: left;
    border: 1px solid #DFDFDF;
    line-height: 36px;
    border-radius: 3px;
    padding-left: 15px;
    cursor: pointer;
    background-color: #fff;
}

.model-classify-select.all-width {
    width: calc(100% - 17px);
}

.model-classify-select:last-child {
    margin-right: 0;
}

.model-classify-select[data-type=search] {
    width: calc(50% - 15px);
}

.model-classify-select .not-null {
    position: absolute;
    top: 50%;
    left: 3px;
    color: red;
    /*height: 8px;*/
    margin-top: -10px;
    line-height: 20px;
}

.model-classify-select .wn-option-group {
    width: calc(100% - 2px) !important;
}

.model-photo-ul li img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.model-photo-ul li {
    width: 100px;
    height: 100px;
    border: 1px solid #DFDFDF;
    background-color: #fbfbfb;
    border-radius: 3px;
    float: left;
    margin-right: 20px;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
}

/*新增商品弹出层样式结束*/

/*form*/
.wn-input {
    width: calc(100% - 35px);
    border-radius: 4px;
    line-height: 36px;
    padding: 0 15px;
    height: 36px;
}
.wn-input2 {
    width: calc(100% - 35px);
    border: 0;
    border-radius: 4px;
    line-height: 36px;
    padding: 0 15px;
    height: 36px;
}

.wn-input-box {
    position: relative;
}

.wn-input-box .not-null {
    position: absolute;
    top: 50%;
    left: 3px;
    color: red;
    /*height: 8px;*/
    margin-top: -10px;
    line-height: 20px;
}

.wn-input-box .date-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    background: url("../img/dateIcon.png") no-repeat;
    background-size: 100% 100%;
    right: 10px;
}

.wn-input-box.has-title.has-err {
    border-color: red;
}

.wn-input-box.has-title {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
}

.wn-input-box.has-title label.title {
    width: 30px;
    padding-left: 15px;
    line-height: 38px;
    float: left;
    font-size: 13px;
}
.wn-input-box.has-title label.title2 {
    width: 100px;
    padding-left: 15px;
    line-height: 38px;
    float: left;
    font-size: 13px;
}

.wn-input-box.has-title label.title3 {
    width: 60px;
    padding-left: 15px;
    line-height: 38px;
    float: left;
    font-size: 13px;
}

.wn-input-box.has-title label.title.three {
    width: 41px;
}

.wn-input-box.has-title .input-box.tree {
    float: left;
    width: calc(100% - 56px);
}

.wn-input-box.has-title .input-box {
    float: left;
    width: calc(100% - 45px);
}

.wn-input-box.has-title .input-box2 {
    float: left;
    width: calc(100% - 145px);
}
.input-box9:after{
    content: "%";
    display: block;
    height: 0;
    position: absolute;
    top: 20px;
    left: 87%;
}

.wn-input-box.has-title .input-box .wn-input {
    border: 0;
    height: 38px;
    padding-left: 5px;
    width: calc(100% - 20px);
}

.row, .input-content {
    position: relative;
}

.input-content .err-tip {
    position: absolute;
    display: none;
    bottom: -17px;
    left: 0;
    color: red;
    font-size: 12px;
}

.input-content.has-err .err-tip {
    display: block;
}

.input-content.has-err input {
    border-color: red;
}

.row .half-row {
    width: calc(50% - 16px);
    margin-right: 30px;
    float: left;
}

.row .half-row .check-box {
    line-height: 40px;
    display: block;
    border-bottom: 1px solid #ddd;
}

.row .half-row:last-child {
    margin-right: 0;
}

.row .wn-check-box {
    line-height: 34px;
}

.row .rourihgt {
    /*line-height: 34px;*/
    margin: 0;
}

.wn-check-ul {
    padding-top: 10px;
}

.wn-check-ul li {
    float: left;
    width: 33%;
    padding-bottom: 10px;
}

.wn-check-ul li label {
    display: block;
    color: #333;
}

/*form*/

/*登录页面开始*/
.down-btn-box {
    padding-top: 20px;
}

.down-btn-box .title {
    font-size: 24px;
    color: #ff5d49;
}

.down-btn-box .btn-ul {
    padding-top: 30px;
}

.down-btn-box .btn-ul li {
    float: left;
    margin-right: 20px;
    height: 50px;
    margin-bottom: 15px;
}

.down-btn-box .btn-ul .down-btn:hover {
    box-shadow: 1px 1px 5px #999;
}

.down-btn-box .btn-ul .down-btn {
    position: relative;
    padding: 10px 25px;
    border: 1px solid #ff5d49;
    border-radius: 30px;
    font-size: 20px;
    color: #ff5d49;
    padding-left: 60px;
    transition: box-shadow .2s;
}

.down-btn-box .btn-ul .down-btn .icon {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -15px;
    width: 20px;
    /*height: 20px;*/
}

.down-btn-box .btn-ul .down-btn .two-code-box {
    position: absolute;
    width: 180px;
    background-color: #fff;
    top: -244px;
    color: #000;
    font-size: 14px;
    line-height: normal;
    box-shadow: 1px 1px 10px #ff6134;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 1s;
    left: 50%;
    margin-left: -110px;
}

.down-btn-box .btn-ul .down-btn .arrow {
    position: absolute;
    border-top: 15px solid #ff6134;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -20px;
    display: none;
    left: 50%;
    margin-left: -12px;
}

.down-btn-box .btn-ul .down-btn:hover .two-code-box {
    padding: 20px;
    height: auto;
    opacity: 1;
}

.down-btn-box .btn-ul .down-btn:hover .arrow {
    display: block;
}

.down-btn-box .btn-ul .down-btn .two-code-box img {
    width: 180px;
    height: 180px;
}

.login-form {
    padding: 30px;
    padding-bottom: 0;
}

.login-form .row {
    margin-bottom: 20px;
}

.login-form .title {
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
}

.login-form .wn-register-btn {
    float: left;
    display: block;
    line-height: 43px;
    background-color: #fff;
    color: #333;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    width: 100px;
    border: 1px solid #DFDFDF;
}

.login-form .wn-login-btn {
    float: right;
    display: block;
    line-height: 45px;
    background-color: #ff5f40;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    width: calc(100% - 120px);
}

.login-form .wn-open-btn {
    display: block;
    line-height: 45px;
    background-color: #ff5f40;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
}

.wn-test-btn {
    display: block;
    line-height: 38px;
    background: #fff;
    color: #ff5f40;
    border-radius: 5px;
    text-align: center;
    height: 38px;
    border: 1px solid #ff5f40;
}

.login-form .protocol {
    color: #bfbfbf;
    text-align: center;
}

.login-form .input-btn {
    position: absolute;
    height: 24px;
    line-height: 24px;
    top: 50%;
    right: 15px;
    margin-top: -12px;
    color: #ff5f40;
    text-decoration: underline;
}

.wn-input-box .input-btn {
    position: absolute;
    height: 24px;
    line-height: 24px;
    top: 50%;
    right: 15px;
    margin-top: -12px;
    color: #ff5f40;
    text-decoration: underline;
}

.wn-login .wn-content {
    width: 100%;
    min-width: 100px;
    background-color: #f8f8f8;
    height: 100%;
}

.wn-login .wn-login-body {
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    background: #C0EBEF;
    background: url("../img/backdropImg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wn-login-body p {
    margin: 0 auto;
    width: 300px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 3px;
}

.cla-login-rong {
    height: 260px;
    width: 600px;
    background: white;
    margin: 0 auto;
}

.rong-severk {
    height: 270px;
    width: 500px;
    padding: 47px 50px;
}

.cla-tel-btn {
    display: inline-block;
    padding: 20px 80px;
    height: 20px;
    width: 40px;
    font-size: 20px;
    background: black;
    opacity: 0.6;
    color: #ddd;
}

.cla-tel-act {
    background: white;
    color: black;
    animation: tel_go 0.5s ease both;
}

@keyframes tel_go {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.cla-bj-logo {
    height: 54px;
    width: 228px;
    margin: 0 auto;
    /* margin-top: 300px; */
    background-image: url("/assets/img/homeText.png");
    background-repeat: no-repeat;
    background-size: 228px;
}

.cla-login-left {
    display: inline-block;
    width: 400px;
    margin: 0;
    background: white;
    height: 100%;
    float: left;
}

.cla-tex {
    height: 14px;
    width: 268px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 10px 15px;
    margin-left: 50px;
    margin-top: 20px;
}

.cla-zhuce {
    margin-left: 150px;
    margin-top: 20px;
}

.cla-login-left .ori-text.vo {
    display: block;
    text-decoration: underline;
    position: relative;
    bottom: 28px;
    left: 220px;
    width: 75px;
}

.cla-login-left .ori-text.gray-text.vo {
    bottom: 28px;
    left: 200px;
    width: 105px;
    color: #999 !important;
}

.cla-login-left .ori-text {
    display: block;
    text-decoration: underline;
    position: relative;
    bottom: 28px;
    left: 270px;
    width: 75px;
}

.cla-login-left .ori-text.gray-text {
    bottom: 28px;
    left: 250px;
    width: 105px;
    color: #999 !important;
}

.cla-a-yanz {
    display: block;
    text-decoration: underline;
    position: relative;
    bottom: 28px;
    left: 360px;
    width: 75px;
}

.cla-kuo .gray-text {
    width: 102px;
    left: 350px;
    color: #999 !important;
}

.cla-login-left .cla-chk {
    position: relative;
    top: 50px;
    right: 255px;
    font-size: 12px;
}

.cla-login-left .ori-btn {
    padding: 6px 136px;
    height: 28px;
    border: none;
    background-color: #ff5f40;
    color: white;
    line-height: normal;
    position: relative;
    left: 50px;
    top: 10px;
}

.cla-btn-open {
    height: 28px;
    border: none;
    background-color: #ff5f40;
    color: white;
    line-height: normal;
    position: relative;
    left: 50px;
    margin-left: 100px;
    padding: 6px 108px;
    top: 30px;
}

.cla-gerat {
    margin-left: 230px;
    margin-top: 60px;
    font-size: 12px;
}

.cla-login-cen {
    display: inline-block;
    width: 1px;
    margin: 0;
    background: #CCCCCC;
    height: 80%;
    margin-bottom: 15px;
    float: left;
    margin-top: 26px;
}

.cla-li3 {
    width: 199px;
    height: 100%;
    float: left;
    text-align: center;
}

.cla-li3 img {
    width: 130px;
    height: 130px;
}

.cla-li3 p {
    color: #0f0f0f;
    font-size: 14px;
    width: auto;
    letter-spacing: 0;
    margin-top: 40px;
    margin-bottom: 20px;
}

.cla-li3 span {
    font-size: 12px;
}

.cla-li3 .win {
    background-image: url('/assets/img/win.png');
    background-repeat: no-repeat;
    background-size: 19px auto;
    background-position: 39px center;
}

.cla-li3 .mac {
    background-image: url('/assets/img/mac.png');
    background-repeat: no-repeat;
    background-size: 19px auto;
    background-position: 39px center;
}

.cla-li3 .shou {
    background-image: url('/assets/img/softwareOperation.png');
    background-repeat: no-repeat;
    background-size: 19px auto;
    background-position: 39px center;
}

.cla-token-img {
    width: 100px;
    height: 36px;
    border-radius: 18px;
    background: #ff5f40;
    margin: 0 auto;
    margin-bottom: 5px;
    cursor: pointer
}

.cla-login-right {
    display: inline-block;
    width: calc(100% - 401px);
    margin: 0;
    background: white;
    height: 20px;
    float: left;
    padding: 120px 0;
}

.cla-login-right a {
    margin-left: 50px;
    color: #cccccc;
}

.c-pointer {
    cursor: pointer;
}

.cla-inspect {
    height: 18px;
    width: 600px;
    background: white;
    margin: 20px auto;
    text-align: center;
    padding: 16px 0;
}

.cla-xiaoyu {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    transform: rotate(-315deg);
}

.cla-dayu {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    transform: rotate(-315deg);
}

.cla-xiangxia {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #ff5f40;
    border-bottom: 2px solid #ff5f40;
    transform: rotate(-315deg);
}

.cla-xiangshang {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #ff5f40;
    border-bottom: 2px solid #ff5f40;
    transform: rotate(-135deg);
}

.wn-login .wn-login-download-box {
    width: calc(50% - 30px);
    float: right;
    padding-top: 100px;
    padding-left: 30px;
}

.wn-login-download-box .wn-login-text-icon {
    width: 200px;
    height: 55px;
    background: url("/assets/img/snailText1.png") no-repeat;
    background-size: 100%;
    background-position: center center;
}

.wn-login-download-box .wn-text {
    font-size: 36px;
    padding-top: 7px;
    font-weight: normal;
    margin: 0;
}

.wn-login-download-box .wn-download-btn:hover {
    box-shadow: 1px 1px 5px #999;
}

.wn-login-download-box .wn-download-btn {
    position: relative;
    width: 199px;
    height: 60px;
    background-color: #ff6134;
    color: #fff;
    border-radius: 30px;
    display: block;
    margin-top: 50px;
    text-align: right;
    font-size: 20px;
    line-height: 56px;
    /* padding-left: 30px; */
    transition: box-shadow .2s;
    background-image: url('/assets/img/iosAndAndroid.png');
    background-repeat: no-repeat;
    background-size: 65px auto;
    background-position: 35px center;
    padding-right: 37px;
}

.wn-login-download-box .wn-download-btn .two-code-box {
    position: absolute;
    width: 180px;
    background-color: #fff;
    top: -244px;
    color: #000;
    font-size: 14px;
    line-height: normal;
    box-shadow: 1px 1px 10px #ff6134;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 1s;
    left: 50%;
    margin-left: -110px;
}

.wn-login-download-box .wn-download-btn .arrow {
    position: absolute;
    border-top: 15px solid #ff6134;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -20px;
    display: none;
    left: 50%;
    margin-left: -12px;
}

.wn-login-download-box .wn-download-btn:hover .two-code-box {
    padding: 20px;
    height: auto;
    opacity: 1;
}

.wn-login-download-box .wn-download-btn:hover .arrow {
    display: block;
}

.wn-login-download-box .wn-download-btn .two-code-box img {
    width: 180px;
    height: 180px;
}

.wn-login-download-box .wn-see-test:hover {
    box-shadow: 1px 1px 5px #ff6134;
}

.wn-login-download-box .wn-see-test a:hover {
    text-decoration: underline;
}

.wn-login-download-box .wn-see-test a {
    color: #ff6134;
}

.wn-login-download-box .wn-see-test {
    position: relative;
    width: 248px;
    height: 58px;
    background-color: #fff;
    color: #ff6134;
    border-radius: 30px;
    display: block;
    margin-top: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 56px;
    border: 1px solid #ff6134;
    transition: box-shadow .2s;
    background-image: url("/assets/img/testIcon.png");
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 90px center;
}

.wn-login-download-box .wn-see-test .login-btn {
    margin-right: 60px;
}

.wn-login-download-box .wn-download-btn .wn-ios {
    display: block;
    width: 27px;
    height: 32px;
    background: url("../img/iosIcon.png") no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 43px;
}

.wn-login {
    height: 100%;
}

.wn-login .wn-feature {
    width: 1000px;
    margin: 0 auto;
    height: calc(100% - 580px);
    min-height: 120px;
    position: relative;
}

.wn-login .wn-feature-ul {
    position: absolute;
    width: 100%;
    height: 100%;
}

.wn-login .wn-feature-ul li {
    width: 25%;
    float: left;
    height: 100%;
    position: relative;
}

.wn-login .wn-feature-ul li:hover {
    background-color: #ffeee9;
}

.wn-login .wn-feature-ul li:before {
    position: absolute;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    right: 0;
    border-right: 1px solid #DFDFDF;
    content: '';
}

.wn-login .wn-feature-ul .feature-box {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 80px;
    margin-top: -40px;
    color: #333333;
}

.wn-login .wn-feature-ul .feature-box .wn-img-box {
    /*width: 45px;*/
    height: 45px;
    line-height: 45px;
}

.wn-login .wn-feature-ul .feature-box img {
    max-height: 100%;
    vertical-align: middle;
}

.wn-login .wn-feature-ul .feature-box .wn-text {
    padding-top: 15px;
    display: block;
    font-weight: normal;
}

.login-nav {
    width: 100%;
    height: 65px;
    background-color: #f2f2f2;
    border-radius: 11px 11px 0 0;
    overflow: hidden;
    color: #ccc;
    font-size: 16px;
}

.login-nav li {
    width: 50%;
    float: left;
    text-align: center;
    line-height: 65px;
    cursor: pointer;
}

.login-nav .active {
    background-color: #fff;
    color: #333;
    cursor: default;
}

/*登录页面结束*/

/*会员页面开始*/
.menu-member-screen-box .screen-edit-btn:first-child {
    margin-left: 0;
}

.pet-info-ul > li {
    border: 1px solid #e4e4e4;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.pet-info-ul > li .row:last-child {
    margin-bottom: 0;
}

.pet-info-ul > li .del-btn {
    position: relative;
    padding-left: 30px;
    line-height: 26px;
}

.pet-info-ul > li .del-btn:before {
    position: absolute;
    background: url("../img/编辑.png") no-repeat;
    top: 0;
    left: 0;
    content: '';
    width: 26px;
    height: 26px;
}

.pet-form .add-pet {
    display: inline-block;
    padding: 10px;
    border: 1px solid #e4e4e4;
    color: #bfbfbf;
    border-radius: 4px;
}

.pet-form .add-pet:hover {
    text-decoration: underline;
}

/*会员页面结束*/

/*会员详情开始*/
.member-detail-other-content .row {
    border-bottom: 1px solid #DFDFDF;
    font-size: 13px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.member-detail-other-content .wn-input {
    font-size: 13px;
    line-height: 30px;
    border-color: transparent;
    padding-left: 5px;
}

.member-detail-other-content .wn-input:hover {
    border-color: #DFDFDF;
    box-shadow: 0 0 3px #dfdfdf inset;
}

.member-detail-other-content .wn-input:focus {
    border-color: #DFDFDF;
    box-shadow: 0 0 3px #dfdfdf inset;
}

.member-detail-other-content .label-title {
    float: left;
    width: 50px;
    line-height: 32px;
    margin-left: 10px;
}

.member-detail-other-content .wn-input-box {
    width: calc(100% - 86px);
    float: right;
}

.member-detail-other-content .tag {
    max-width: 26px;
    max-height: 26px;
    float: left;
    margin-top: 3px;
}

/*会员详情结束*/

/*收银*/
.cash-nav .search-input input {
    height: 26px;
    line-height: 26px;
}

.cash-nav .search-input .search-icon {
    top: 6px;
}

.choice-member-page {
    padding: 20px;
    text-align: center;
}

.choice-member-page .wn-page-btn-box {
    margin-top: 0 !important;
}

.choice-member-page .wn-page-size {
    padding-top: 3px;
}

.choice-member-page .wn-page {
    display: inline-block;
}

.content .bar .wn-page {
    padding-top: 17px;
    padding-left: 15px;
}

.content .bar .wn-page-size {
    margin-top: 3px;
}

.content .bar .wn-page-btn-box {
    margin-top: 0 !important;
}

.ori-text {
    color: #ff5f40 !important;
}

#shopClassify .classify {
    height: 100%;
}

.cash-pay-classify .classify:hover {
    background-color: #efeded;
}

.cash-pay-classify .item .select-p-box.open .select {
    border-top: 1px solid #bfbfbf !important;
}

.cart-product-ul .img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.cart-product-ul .right {
    float: left;
    width: calc(100% - 100px);
}

.cart-product-ul > li {
    padding: 20px 30px;
    border-bottom: 1px solid #bfbfbf;
}

.cart-product-ul .name {
    font-size: 20px;
    /*padding-bottom: 25px;*/
    padding-top: 5px;
}

.cart-product-ul .price {
    float: left;
    padding-top: 25px;
    margin-right: 50px;
}

.cart-product-ul .stock {
    float: left;
    padding-top: 25px;
}

.add_area {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.add_area .add {
    float: left;
    width: 21px;
    height: 22px;
    background-color: #F8F8F8;
    color: #fff;
    border-left: 1px solid #ccc;
    text-align: center;
    line-height: 18px;
    font-size: 31px;
    border-radius: 4px;
    position: relative;
}

.add_area .add:active, .cut:active {
    /*border: 2px solid #FC6047;*/
    box-shadow: 0 0 5px #333;
}

.add_area .add.disabled {
    background-color: #F8F8F8;
    color: #d7d7d7;
    border-color: #d7d7d7;
}

.add_area .add:before {
    position: absolute;
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 2px;
    top: 50%;
    left: 0;
    background-color: #333;
    margin-top: -1px;
    content: ' ';
}

.add_area .add.disabled:before {
    background-color: #ccc;
}

.add_area .add:after {
    position: absolute;
    height: calc(100% - 10px);
    margin: 5px 0;
    width: 2px;
    top: 0;
    left: 50%;
    background-color: #333;
    margin-left: -1px;
    content: ' ';
}

.add_area .add.disabled:after {
    background-color: #ccc;
}

.add_area .cut {
    float: left;
    width: 21px;
    height: 22px;
    background-color: #F8F8F8;
    color: #fff;
    border-right: 1px solid #ccc;
    text-align: center;
    line-height: 16px;
    font-size: 35px;
    border-radius: 4px;
    position: relative;
}

.add_area .cut.disabled {
    float: left;
    width: 22px;
    height: 22px;
    background-color: #F8F8F8;
    color: #d7d7d7;
    border-color: #d7d7d7;
}

.add_area .cut:before {
    position: absolute;
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 2px;
    top: 50%;
    left: 0;
    background-color: #333;
    margin-top: -1px;
    content: ' ';
}

.add_area .cut.disabled:before {
    background-color: #ccc;
}

.add_area .count {
    float: left;
    width: 50px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.add_area .count input {
    border: 0;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

.card-content li {
    margin-bottom: 10px;
}

.card-content li:last-child {
    margin-bottom: 0;
}

.card-box .title {
    float: left;
    padding-right: 5px;
}

.card-box .card-content .name {
    max-width: 200px;
}

.card-box .discount-input {
    width: 80px;
    float: left;
}

.discount-box .title {
    padding-top: 9px;
}

.discount-box .mar-r {
    margin-right: 30px;
}

/*收银*/

/*导入页面开始*/

.import-content .wn-btn:hover {
    /*text-decoration: underline;*/
    box-shadow: 1px 1px 5px #999;
}

.import-content .wn-btn {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #FC6047;
    color: #FC6047;
    font-size: 14px;
    background-color: #fff;
    border-radius: 5px;
    transition: box-shadow .2s;
}

.import-content {
    min-width: 980px;
    margin: 0 auto;
    padding: 0 30px;
}

.import-content > .title {
    font-size: 30px;
    padding-top: 25px;
}

.import-content > .step {
    width: calc(50% - 10px);
    float: left;
}

.import-content > .step > li {
    padding: 10px 0;
}

.import-content > .step .num {
    background-color: #FC6047;
    float: left;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
}

.import-content > .step .box {
    width: calc(100% - 60px);
    float: right;
    border: 1px solid #DFDFDF;
    padding: 12px;
    box-shadow: 1px 1px 5px #dfdfdf;
}

.import-content > .step .box .title {
    font-size: 20px;
    padding-bottom: 10px;
}

.import-content > .step .box .info {
    line-height: 20px;
}

.import-content > .upload {
    width: calc(50% - 10px);
    float: right;
    padding-top: 10px;
}

.import-content > .upload .file-box {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    padding: 40px;
}

.import-content > .upload .title {
    font-size: 18px;
}

.import-content > .upload .file-box .upload-btn-box {
    padding: 10px 0;
}

.import-content > .upload .file-box .upload-btn-box .input-content {
    float: left;
    width: calc(100% - 120px);
}

.import-content > .upload .file-box .upload-btn-box .wn-btn {
    padding: 8px 20px;
    float: right;
}

.import-content > .upload .file-box .start-btn:hover {
    /*background-color: #BB533A;*/
    box-shadow: 2px 2px 8px #999;
}

.import-content > .upload .file-box .start-btn {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 200px;
    line-height: 40px;
    background-color: #FC6047;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    transition: box-shadow .3s;
}

.import-content > .upload .file-box .btm-box {
    /*width: calc(100% - 140px);*/
    width: 130px;
    margin: 0 auto;
    padding-top: 20px;
}

.import-content > .upload .file-box .down-btn {
    color: #FC6047;
    font-size: 16px;
    padding-bottom: 2px;
    border-bottom: 2px solid #FC6047;
}

.import-content > .upload .tip-box {
    background-color: #F9F9F9;
    margin-top: 20px;
    padding: 12px;
}

.import-content > .upload .tip-ul {
    padding-top: 10px;
    padding-left: 10px;
}

.import-content > .upload .tip-ul li:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #97989C;
    border-radius: 4px;
    content: ' ';
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.import-content > .upload .tip-ul li {
    line-height: 25px;
    padding-left: 15px;
    position: relative;
}

/*导入页面结束*/
.member-card-ul li:hover {
    border-color: #FC6047;
    color: #FC6047;
}

.member-card-ul li {
    padding: 10px;
    border: 1px solid #DFDFDF;
    cursor: pointer;
    margin-bottom: 5px;
    border-radius: 5px;
    transition: border-color .3s;
}

.member-card-ul li.active {
    border-color: #FC6047;
    color: #FC6047;
}

.member-card-ul {
    height: 138px;
    overflow: auto;
    padding: 30px;
    color: #999;
}

/*设置页面开始*/
.set-content {
    height: calc(100% - 84px);
    padding: 20px;
    overflow: auto;
}

/*我的店铺*/
.set-shop-body {
    border: 1px solid #DFDFDF;
    padding-top: 40px;
    background-color: #fff;
    min-height: calc(100% - 42px);
    /*padding-bottom: 20px;*/
    position: relative;
}

.cla-memb-center {
    width: 1px;
    height: calc(100% - 40px);
    background: #d7d7d7;
    position: absolute;
    top: 20px;
    left: 417px;
    float: left;
}

.cla-long-min {
    width: 1px;
    /*height: calc(100% - 40px);*/
    position: relative;
    background: #d7d7d7;
    top: 20px;
    /*left: 417px;*/
    height: 635px;
    float: left;

}

.cla-body-left {
    display: inline-block;
    width: 337px;
    float: left;
    padding: 0 40px;
}

.cla-min-right {
    width: calc(100% - 500px);
    float: left;
    padding: 0 40px;
}

.cla-min-right p {
    color: #333333;
}

.cla-body-right {
    width: calc(100% - 497px);
    float: left;
    padding: 0 40px;
}

.set-shop-body .header {
    border-bottom: 1px solid #DFDFDF;
    /*padding-bottom: 20px;*/
}

.set-shop-body .cla-head-boder {
    border-bottom: none;
}

.set-shop-body .header .logo {
    /*margin-top: 25px;*/
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    float: left;
}

.set-shop-body .header .logo > img {
    width: 100%;
    height: 100%;
    float: left;
}

.set-shop-body .header .logo:hover .update {
    background: rgba(0, 0, 0, .6);
}

.set-shop-body .header .logo .update {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 15px;
    height: 15px;
    text-align: center;
    font-size: 9px;
    transition: background .3s;
}

.set-shop-body .header .info {
    float: left;
    width: calc(100% - 66px);
    padding-left: 16px;
}

.set-shop-body .set-shop-btn {
    padding: 0;
    width: 148px;
    height: 38px;
    line-height: 38px;
}

.set-shop-body .header .info .name {
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
    padding-top: 4px;
}

.set-shop-body .header .info .number {
    font-size: 12px;
    color: #999;
}

.set-shop-body .header .info .icon {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    height: 15px;
    width: 15px;
}

.set-shop-body .header .info .icon.rez {
    background: url("/assets/img/rez.png") no-repeat;
    background-size: auto 100%;
}

.set-shop-body .header .info .icon.active.rez {
    background: url("/assets/img/rez_a.png") no-repeat;
    background-size: auto 100%;
}

.set-shop-body .header .info .icon.hight {
    background: url("/assets/img/hight.png") no-repeat;
    background-size: auto 100%;
}

.set-shop-body .header .info .icon.active.hight {
    background: url("/assets/img/hight_a.png") no-repeat;
    background-size: auto 100%;
}

.set-shop-body .header .info .icon.chain {
    background: url("/assets/img/chainno.png") no-repeat;
    background-size: auto 100%;
}

.set-shop-body .header .info .icon.active.chain {
    background: url("/assets/img/chain.png") no-repeat;
    background-size: auto 100%;
}

.set-shop-body .header .info .give-money {
    padding: 6px 20px;
    border: 1px solid #ff5f40;
    background-color: #ffe7e3;
    color: #ff5f40;
    line-height: normal;
    font-size: 14px;
    margin-left: 20px;
    float: left;
    margin-top: 3px;
}

.set-shop-body .detail {
    padding-top: 30px;
}

.set-shop-body .detail > .title {
    float: left;
    width: 70px;
    color: #999;
    line-height: 34px;
    padding-top: 10px;
}

.set-shop-body .detail .info .tip {
    padding-top: 25px;
}

.set-shop-body .detail .info {
    /*float: left;*/
    /*width: calc(100% - 70px);*/
}

.set-shop-body .detail .info .row {
    padding: 10px 0;
    border-bottom: 1px solid #DFDFDF;
}

.set-shop-body .detail .info .row .title {
    float: left;
    /*padding-left: 30px;*/
    /*background: url("/assets/img/setIcon.png") no-repeat;*/
    /*background-position: 0 3px;*/
    /*background-size: 23px;*/
    line-height: 30px;
    height: 30px;
    margin-top: 3px;
    color: #333;
    font-size: 13px;
}

.set-shop-body .detail .info .row .print {
    float: left;
    padding-right: 30px;
    background-size: 23px;
    line-height: 30px;
    height: 30px;
    margin-top: 3px;
    color: #333;
    font-size: 13px;
}

.set-shop-body .detail .info .row .input-box input:hover {
    /*border-color: #DFDFDF;*/
    /*box-shadow: 0 0 3px #dfdfdf inset;*/
}

.set-shop-body .detail .info .row .input-box input:focus {
    border-color: #DFDFDF;
    box-shadow: 0 0 3px #dfdfdf inset;
}

.set-shop-body .detail .info .row .input-box input {
    border-color: transparent;
    color: #FC6047;
    font-size: 14px;
}

.set-shop-body .detail .info .row .input-box {
    float: left;
    width: calc(100% - 100px);
}

.set-shop-body .detail .info .row.leader .title {
    background-position: 0 -23px;
}

.set-shop-body .detail .info .row.phone .title {
    background-position: 0 -50px;
}

.set-shop-body .detail .info .row.address .title {
    background-position: 0 -78px;
}

.set-shop-body .detail .info .row.mark .title {
    background-position: 0 -107px;
    /*width: 65px;*/
}

.set-shop-body .detail .info .row.weixin .title {
    /*background: url("/assets/img/weChat.png") no-repeat;*/
    /*width: 65px;*/
}

/*店员设置*/
.clerk-table th {
    background-color: #fff;
}

.clerk-table .add-clerk-btn {
    color: #FC6047;
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding-left: 30px;
    background: url("/assets/img/addClerk.png") no-repeat;
    background-position: left center;
}

/*短信设置*/
.message-history-screen-box {
    margin: 20px;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #ddd;
}

.set-message-body {
    border: 1px solid #DFDFDF;
    padding: 40px;
    background-color: #fff;
    min-height: calc(100% - 82px);
}

.set-message-content .nav {
    border: 1px solid #ddd;
    background-color: #fff;
    /*border-bottom: 0;*/
    padding: 10px 40px;
}

.set-message-content .nav .title {
    color: #999;
    float: left;
    width: 85px;
    line-height: 33px;
}

.set-message-content .nav .info {
    float: left;
    width: calc(100% - 90px);
}

.set-message-content .nav .info .number {
    float: left;
    line-height: 33px;
}

.set-message-content .nav .info .message-send-history-btn {
    line-height: 33px;
}

.set-message-body .row {
    line-height: 34px;
}

.set-message-body .row .title {
    color: #999;
    float: left;
    width: 85px;
    padding-top: 8px;
    font-size: 14px;
}

.set-message-body .row .info.border {
    border-bottom: 1px solid #DFDFDF;
}

.set-message-body .row .info {
    float: left;
    width: calc(100% - 90px);
    padding: 8px 0;
}

.set-message-body .row .info .number {
    float: left;
    line-height: 36px;
}

.recharge-number-btn {
    float: right;
    padding: 6px 40px;
    border: 1px solid #ff5f40;
    background-color: #ffe7e3;
    color: #ff5f40;
    line-height: normal;
    position: relative;
}

.message-send-history-btn {
    float: right;
    margin-right: 20px;
    text-decoration: underline;
    color: #333;
}

.recharge-number-btn:hover .two-code-box {
    padding: 10px;
    height: auto;
    opacity: 1;
}

.recharge-number-btn:hover .arrow {
    display: block;
}

.recharge-number-btn .arrow {
    position: absolute;
    top: 35px;
    left: 50%;
    border-bottom: 15px solid #ff6134;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -5px;
    display: none;
    z-index: 9;
}

.recharge-number-btn .two-code-box {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    background-color: #fff;
    box-shadow: 1px 1px 10px #ff6134;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s;
    z-index: 9;
}

.recharge-number-btn .two-code-box img {
    width: 100%;
    height: auto !important;
    max-height: inherit !important;
}

.set-message-body .row .remind-check-ul label {
    margin-right: 20px;
}

.set-message-body .row .remind-ul {
    padding-left: 5px;
}

.set-message-body .row .remind-ul > li {
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 0;
}

.set-message-body .row .remind-ul > li label {
    display: block;
}

.set-message-body .row .remind-ul > li input {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.set-message-body .row .remind-ul > li .name {
    float: left;
    width: 71px;
    /*border-right: 1px solid #dfdfdf;*/
    height: 25px;
    line-height: 25px;
    /*margin-top: 7px;*/
    /*margin-right: 15px;*/
}

.set-message-body .row .remind-ul > li .detail {
    float: left;
    color: #999;
    width: calc(100% - 145px);
    line-height: 25px;
    border-left: 1px solid #DFDFDF;
    padding-left: 15px;
}

/*会员卡设置*/
.set-member-body {
    border: 1px solid #DFDFDF;
    padding: 40px;
    background-color: #fff;
    min-height: calc(100% - 82px);
}

.set-member-body > .title {
    color: #999;
    font-size: 16px;
}

.set-member-card-ul > li:before {
    border-right: 1px solid #DFDFDF;
    position: absolute;
    top: 0;
    right: -40px;
    height: 100%;
    content: ' ';
}

.set-member-card-ul > li:nth-child(2n):before {
    border-color: transparent;
}

.set-member-card-ul > li {
    width: calc(50% - 122px);
    margin: 40px;
    padding: 20px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    float: left;
    position: relative;
    box-shadow: 0 0 5px #dfdfdf;
    margin-bottom: 0;
}

.set-member-card-ul > li .new-btn {
    display: none;
}

.set-member-card-ul > li .old-btn {
    display: block;
}

.set-member-card-ul > li.active .new-btn {
    display: block;
}

.set-member-card-ul > li.active .old-btn {
    display: none;
}

.set-member-card-ul > li.active {
    border-color: #ff5f40;
}

.set-member-card-ul > li .wn-input {
    background-color: #fbfbfb;
}

.set-member-card-ul > li .wn-select {
    background-color: #fbfbfb;
}

.set-member-card-ul > li.active .wn-input {
    background-color: #fff;
}

.set-member-card-ul > li.active .wn-input[disabled] {
    background-color: #fbfbfb !important;
}

.set-member-card-ul > li.add:hover {
    box-shadow: 2px 2px 10px #333;
}

.set-member-card-ul > li.add {
    height: 413px;
    border: 1px solid #ff5d49;
    box-shadow: none;
    cursor: pointer;
    background-color: #ffe7e3;
    transition: box-shadow .3s;
}

.set-member-card-ul > li.add:before {
    width: 140px;
    height: 2px;
    background-color: #ff5d49;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -70px;
    content: ' ';
}

.set-member-card-ul > li.add:after {
    height: 140px;
    width: 2px;
    background-color: #ff5d49;
    position: absolute;
    top: 50%;
    margin-top: -70px;
    left: 50%;
    margin-left: -1px;
    content: ' ';
}

.set-member-card-ul > li .row {
    margin-bottom: 20px;
}

.set-member-card-ul > li .row:last-child {
    /*margin-bottom: 0;*/
}

.set-member-card-ul > li .row .title {
    float: left;
    width: 60px;
    line-height: 38px;
    height: 38px;
    color: #333;
}

.set-member-card-ul > li .row .input-box {
    float: right;
    width: calc(100% - 70px);
}

.set-member-card-ul > li .row .no-mar {
    margin-right: 0 !important;
}

.set-member-card-ul > li .row .wn-btn {
    display: block;
    padding: 7px 30px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    margin-right: 10px;
    transition: box-shadow .3s;
    color: #999;
}

.set-member-card-ul > li .row .wn-btn:hover {
    box-shadow: 1px 1px 3px #999;
}

.set-member-card-ul > li .row .wn-btn[data-type=del] {
    background-color: #f8f8f8;
}

.set-member-card-ul > li .row .wn-btn[data-type=edit] {
    background-color: #ffe7e3;
    border-color: #ff5f40;
    color: #ff5f40;
}

.set-member-card-ul > li .row .wn-btn[data-type=save] {
    background-color: #ff5f40;
    border-color: #ff5f40;
    color: #fff;
}

.set-member-card-ul > li .row .wn-select {
    width: calc(100% - 85px);
    float: right;
}

.set-member-card-ul > li .row .wn-select:before {
    left: auto;
    right: 20px;
}

.set-member-card-ul > li .row .wn-select[data-type=search] {
    width: calc(100% - 70px);
}

/*设置页面结束*/

/*pc登录页面开始*/
.wn-only-login {
    height: 100%;
    background-color: #f8f8f8;
}

.only-login-form {
    width: 400px;
    margin: 0 auto;
    padding-top: 100px;
}

.only-login-form .logo {
    text-align: center;
    margin-bottom: 20px;
}

.only-login-form .logo img {
    width: 200px;
}

.only-login-form .row {
    margin-bottom: 20px;
}

.only-login-form .wn-login-btn:hover {
    box-shadow: 1px 1px 5px #999;
}

.only-login-form .wn-login-btn {
    display: block;
    line-height: 38px;
    background-color: #ff5f40;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    width: calc(100% - 2px);
    border: 1px solid #ff5f40;
    transition: box-shadow .2s;
}

.only-login-form .wn-login-btn.white {
    background-color: #fff;
    color: #ff5f40;
}

.only-login-form .line {
    border-bottom: 1px solid #a8a8a8;
}

.only-login-form .see-test-btn-box {
    position: fixed;
    top: 100px;
    right: -30px;
    z-index: 1;
    transition: right .2s;
}

.only-login-form .see-test-btn-box:hover {
    right: -20px;
}

.only-login-form .see-test-btn-box:hover .see-test-btn {
    box-shadow: 1px 1px 5px #999;
}

.only-login-form .see-test-btn-box .see-test-btn {
    padding: 10px 40px;
    border: 1px solid #ff5d49;
    color: #ff5d49;
    border-radius: 20px;
    position: relative;
    transition: box-shadow .2s;
    padding-left: 50px;
}

.only-login-form .see-test-btn > img {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -6px;
    width: 13px;
}

/*pc登录页面结束*/

/*支出页面开始*/
.expend-table-box {
    margin: 20px;
    padding: 30px;
    border: 1px solid #DFDFDF;
    background-color: #fff;
}

.expend-table-box .count-box {
    padding-bottom: 10px;
}

.expend-table-box .count-box .count {
    float: left;
    font-size: 20px;
    font-weight: bold;
}

.expend-table-box .count-box .line {
    float: left;
    margin: 0 20px;
    border-right: 1px solid #DFDFDF;
    height: 26px;
}

.expend-table-box .count-box .remember:hover {
    box-shadow: 2px 2px 6px #999;
}

.expend-table-box .count-box .remember {
    float: left;
    padding: 5px 15px;
    background-color: #ffe7e3;
    border: 1px solid #ff5d49;
    color: #ff5d49;
    border-radius: 5px;
    margin-left: 10px;
    transition: box-shadow .2s;
}

.expend-table-box .count-box .yus {
    background-color: #fff;
    color: #333;
    border: 1px #ccc solid;
    margin: 20px;
    margin-left: 0;
}

/*支出页面结束*/
.code-pay-btn {
    float: left;
    height: 26px;
    line-height: 26px;
    background-color: #FFF6F5;
    border: 1px solid #FFD1C8;
    color: #FF5F40;
    margin-top: 7px;
    margin-left: 20px;
    border-radius: 4px;
    padding: 0 20px;
    padding-right: 40px;
    position: relative;
    transition: box-shadow .3s;
}

.code-pay-btn:hover {
    box-shadow: 0 1px 5px rgba(255, 209, 200, 0.6);
}

.code-pay-btn:before {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    content: ' ';
    background: url("/assets/img/sCode.png") no-repeat;
    background-size: 100% 100%;
}

.code-pay-btn.hang-btn:before {
    display: none;
}

.code-pay-btn.hang-btn {
    padding-right: 20px;
}

/*查询销售页面开始*/
.remember-type-ul {
    border-radius: 5px;
    border: 1px solid #DFDFDF;
    padding-top: 20px;
}

.remember-type-ul li:before {
    /* border: 1px solid #fff; */
    content: ' ';
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    /* background: url("/assets/img/rememberIcon.png") no-repeat; */
    border-radius: 22px;
    transition: box-shadow .2s;
}

.remember-type-ul li[data-type="2"]:before {
    background-position: -40px;
}

.remember-type-ul li[data-type="3"]:before {
    background-position: -80px;
}

.remember-type-ul li[data-type="4"]:before {
    background-position: -120px;
}

.remember-type-ul li[data-type="5"]:before {
    background-position: -160px;
}

.remember-type-ul li[data-type="6"]:before {
    background-position: -200px;
}

.remember-type-ul li[data-type="7"]:before {
    background-position: -320px;
}

.remember-type-ul li[data-type="8"]:before {
    background-position: -280px;
}

.remember-type-ul li[data-type="9"]:before {
    background-position: -240px;
}

.remember-type-ul li[data-type="10"]:before {
    background: url("/assets/img/shuif.png") no-repeat;
    background-size: 100%;
}

.remember-type-ul li[data-type="11"]:before {
    background: url("/assets/img/jiaot.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="12"]:before {
    background: url("/assets/img/wangl.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="13"]:before {
    background: url("/assets/img/weix.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="14"]:before {
    background: url("/assets/img/cany.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="15"]:before {
    background: url("/assets/img/peix.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="16"]:before {
    background: url("/assets/img/tongx.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="17"]:before {
    background: url("/assets/img/wuy.png") no-repeat;
    background-size: 100%
}

.remember-type-ul li[data-type="18"]:before {
    background: url("/assets/img/qifei.png") no-repeat;
    background-size: 100%
}

/* .remember-type-ul li:hover {
    color: #ff5d49;
}

.remember-type-ul li:hover:before {
    box-shadow: 1px 1px 7px #ff5d49;
}

.remember-type-ul li.active:before {
    border-color: #ff5d49;
} */

.remember-type-ul li {
    float: left;
    width: 103px;
    height: 70px;
    text-align: center;
    /* padding-top: 50px; */
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    color: #333;
}

/*查询销售页面结束*/

/*报表页面开始*/
.cart-content {
    margin: 20px;
    border: 1px solid #DFDFDF;
    background-color: #fff;
}

.cart-content .nav {
    border-bottom: 1px solid #DFDFDF;
    color: #999;
    padding-left: 30px;
}

.cart-content .nav > li {
    float: left;
    padding: 15px 0;
    margin-right: 10px;
}

.cart-content .nav > li a {
    margin-right: 5px;
}

.cart-content .bar {
    border-bottom: 1px solid #DFDFDF;
    color: #999;
}

.cart-content .bar > li:hover {
    color: #ff5d49;
}

.cart-content .bar > li:hover .text {
    color: #999;
}

.cart-content .bar > li.select-box:hover {
    color: #999;
}

.cart-content .bar > li {
    float: left;
    padding: 15px 50px;
    position: relative;
    cursor: pointer;
}

.cart-content .bar > li.active {
    color: #ff5d49;
}

.cart-content .bar > li.active .text {
    color: #999;
}

.cart-content .bar > li:before {
    position: absolute;
    right: 0;
    top: 50%;
    height: 26px;
    margin-top: -13px;
    border-right: 1px solid #DFDFDF;
    content: ' ';
}

.cart-content .bar > li:last-child:before {
    border: 0;
}

.cart-content .bar > li.diy-select {
    padding: 5px 50px;
}

.cart-content .bar > li.select-box {
    padding: 5px 10px;
    width: 200px;
}

.cart-content .bar > li.diy-select .date-box {
    float: left;
    display: none;
}

.cart-content .bar > li.diy-select .wn-input {
    float: left;
    width: 85px;
}

.cart-content .bar > li.diy-select .btn:hover {
    box-shadow: 2px 2px 8px #999;
}

.cart-content .bar > li.diy-select .btn {
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    line-height: 38px;
    height: 38px;
    background-color: #ff5d49;
    padding: 0 20px;
    transition: box-shadow .2s;
    margin-left: 20px;
}

.cart-content .bar > li.diy-select .btn .icon {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/assets/img/searchIcon.png) no-repeat;
    background-size: 100% 100%;
}

.cart-content .bar > li.diy-select .text {
    float: left;
    height: 38px;
    line-height: 38px;
    width: 30px;
    text-align: center;
}

.cart-content .bar > li.diy-select .title {
    float: left;
    height: 38px;
    line-height: 38px;
}

.cart-content .bar > li.active.diy-select .title {
    padding-right: 50px;
}

.cart-content .bar > li.active.diy-select .date-box {
    display: block;
}

.cart-content .bar > li.active.diy-select {
    padding-right: 0;
}

.cart-content .content {
    padding: 30px;
}

.cart-content .content > #cartContent {
    width: 100%;
    height: 400px;
}

.cart-content .content > .detail {
    border-top: 1px solid #DFDFDF;
}

.cart-content .content > .detail li {
    float: left;
    width: calc(50% - 50px);
    border-bottom: 1px solid #DFDFDF;
    padding: 20px 10px;
    margin-right: 30px;
}

.cart-content .content > .detail li:nth-child(2n) {
    margin-right: 0;
    width: calc(50% - 20px);
}

.cart-content .content > .detail .color {
    float: left;
    width: 20px;
    height: 20px;
    background-color: #DFDFDF;
    border-radius: 10px;
    margin-right: 10px;
}

.cart-content .content > .detail .name {
    float: left;
    line-height: 20px;
    /*margin-right: 50px;*/
    max-width: 150px;
}

.cart-content .content > .detail .tip {
    width: 17px;
    height: 17px;
    margin-top: 1px;
    float: left;
    background: url("/assets/img/tip.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 10px;
    position: relative;
    transition: all .4s;
}

.cart-content .content > .detail .tip .tip-text {
    position: absolute;
    width: 200px;
    padding: 5px 10px;
    right: -230px;
    margin-left: -100px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: 5px;
    top: -100%;
    transition: all .4s;
    display: none;
}

.cart-content .content > .detail .tip:hover .tip-text {
    display: block;
}

.cart-content .content > .detail .info {
    float: left;
    line-height: 20px;
    /*margin-right: 50px;*/
    width: 200px;
    text-align: center;
}

.cart-content .content > .detail .count {
    float: left;
    line-height: 20px;
    /*margin-right: 50px;*/
}

.cart-content .content > .detail .btn {
    float: right;
    line-height: 20px;
}

.cart-content .content > #chartTable .ratio-line:hover {
    box-shadow: 1px 1px 5px #999;
}

.cart-content .content > #chartTable .ratio-line {
    display: inline-block;
    vertical-align: middle;
    background-color: #ff5d49;
    height: 20px;
    width: 100%;
    transition: box-shadow .2s;
}

.cart-content .content > #chartTable td {
    padding-right: 20px;
}

.cart-content .content > #chartTable .title {
    margin-top: 20px;
    padding: 20px 0;
    font-size: 16px;
}

.cart-content .content > .title {
    padding: 10px;
    font-size: 16px;
}

.cart-content .content > .detail-ul {
    border-top: 1px solid #DFDFDF;
}

.cart-content .content > .detail-ul li {
    float: left;
    width: calc(50% - 50px);
    border-bottom: 1px solid #DFDFDF;
    padding: 15px 10px;
    margin-right: 30px;
    line-height: 30px;
}

.cart-content .content > .detail-ul li:nth-child(2n) {
    margin-right: 0;
    width: calc(50% - 20px);
}

.cart-content .content > .detail-ul .sex-icon {
    float: left;
    width: 30px;
    height: 30px;
    background: url("/assets/img/vip_no.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}

.cart-content .content > .detail-ul .sex-icon[data-type=male] {
    background: url("/assets/img/vip_boy.png") no-repeat;
    background-size: 100% 100%;
}

.cart-content .content > .detail-ul .sex-icon[data-type=female] {
    background: url("/assets/img/vip_girl.png") no-repeat;
    background-size: 100% 100%;
}

.cart-content .content > .detail-ul .name {
    float: left;
    width: 33%;
}

.cart-content .content > .detail-ul .price {
    float: left;
    width: 33%;
    text-align: center;
}

.cart-content .content > .detail-ul .date {
    float: left;
    width: 33%;
    text-align: right;
}

/*报表页面结束*/

.ori-btn {
    padding: 6px 40px;
    border: 1px solid #ff5f40;
    background-color: #ffe7e3;
    color: #ff5f40;
    line-height: normal;
    position: relative;
}

/*预约服务页面开始*/
.reservation-content {

}

.reservation-content .bar {
    padding: 10px;
    border-bottom: 1px solid #DFDFDF;
}

.reservation-content .bar > .title {
    float: left;
    height: 33px;
    line-height: 33px;
    padding-left: 20px;
    color: #ff5d49;
}

.reservation-content .bar > .change:hover {
    box-shadow: 1px 1px 5px #999;
}

.reservation-content .bar > .change {
    float: left;
    position: relative;
    border: 1px solid #dfdfdf;
    padding: 6px 15px;
    margin-left: 20px;
    border-radius: 4px;
    padding-left: 42px;
    transition: box-shadow .3s;
}

.reservation-content .bar > .change:before {
    content: ' ';
    width: 18px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 12px;
}

.reservation-content .bar > .change[data-type=list]:before {
    background: url("/assets/img/reservationList.png") no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.reservation-content .bar > .change[data-type=table]:before {
    background: url("/assets/img/reservationTable.png") no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.reservation-content .filtrate > .ori-btn {
    float: right;
}

.reservation-content .res-content {
    padding: 30px;
}

.reservation-content .res-content ul.time {
    float: left;
    width: 200px;
    border: 1px solid #DFDFDF;
    border-bottom: 0;
    color: #999;
}

.reservation-content .res-content ul.time li.choice {
    background-color: #fff;
    color: #333;
    position: relative;
    cursor: pointer;
}

.reservation-content .res-content ul.time li.choice .arrow {
    display: block;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.reservation-content .res-content ul.time li {
    border-bottom: 1px solid #DFDFDF;
    line-height: 80px;
    height: 80px;
    padding-left: 20px;
    background-color: #f8f8f8;
}

.reservation-content .res-content > .right {
    float: left;
    width: calc(100% - 202px);
    overflow: auto;
}

.reservation-content .res-content .data-content {
    min-width: 100%;
    color: #333;
}

.reservation-content .res-content .data-content .item {
    width: 200px;
    float: left;
}

.reservation-content .res-content .data-content .item li {
    border-bottom: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    min-height: 80px;
    padding-left: 20px;
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow .2s;
}

.reservation-content .res-content .data-content .item li.title {
    border-top: 1px solid;
    line-height: 80px;
}

.reservation-content .res-content .data-content .item li:hover {
    box-shadow: 1px 1px 5px #333;
}

.reservation-content .res-content .data-content .item li.title:hover {
    box-shadow: none;
}

.reservation-content .res-content .data-content .item li.active {
    border-top: 2px solid;
    height: 78px;
    min-height: 78px;
}

.reservation-content .res-content .data-content .item li .text {
    display: inline-block;
    vertical-align: middle;
}

.reservation-content .res-content .data-content .item li .text .name {
    line-height: normal;
}

.reservation-content .res-content .data-content .item li .text .pet {
    line-height: normal;
}

.reservation-content .res-content .data-content .item li .text .wechat {
    font-size: 12px;
    line-height: normal;
    padding-top: 4px;
}

.reservation-content .res-content .data-content .item li .text .wechat i {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url("/assets/img/wechatcome.png") no-repeat;
    background-size: 100% 100%;
}

.reservation-form .type-ul {
    padding-top: 15px;
}

.reservation-form .type-ul li:hover {
    box-shadow: 1px 1px 5px #333;
    border-color: #ff5d49;
}

.reservation-form .type-ul li {
    float: left;
    padding: 8px 30px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    margin: 5px 20px;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.reservation-form .type-ul li.active {
    border-color: #ff5d49;
}

.reservation-form .type-ul li .icon {
    float: left;
    width: 20px;
    height: 20px;
    background: url("/assets/img/reservationIcon.png") no-repeat;
    background-position: 0 0;
    background-size: 70px;
    margin-right: 5px;
}

.reservation-form .type-ul li .icon.entrust {
    /*寄养*/
    background: url("/assets/img/td_entrust.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .icon.pickup {
    /*接送*/
    background: url("/assets/img/td_pickup.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .icon.caution {
    /*提醒*/
    background: url("/assets/img/td_caution.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .icon.bath {
    /*洗澡*/
    background: url("/assets/img/td_bath.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .icon.vaccine {
    /*疫苗*/
    background: url("/assets/img/td_vaccine.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .icon.waidrive {
    /*外驱*/
    background: url("/assets/img/td_waidrive.png") no-repeat;
    background-size: 100%;

}

.reservation-form .type-ul li .icon.neidrive {
    /*内驱*/
    background: url("/assets/img/td_neidrive.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .icon.spa {
    /*spa*/
    background: url("/assets/img/td_spa.png") no-repeat;
    background-size: 100%;
}

.reservation-form .type-ul li .name {
    float: left;
}

.reservation-form .line {
    border-bottom: 1px solid #DFDFDF;
}

.reservation-form .row .text {
    float: left;
    line-height: 38px;
    height: 38px;
    padding: 0 6px;
}

/*预约服务页面结束*/

/*店员报表开始*/
.settlement-classify {
    border-top: 1px solid #DFDFDF;
    border-bottom: 2px solid #DFDFDF;
    color: #999;
    margin-top: 20px;
}

.settlement-classify > li:hover {
    text-decoration: underline;
}

.settlement-classify > li {
    float: left;
    padding: 15px 40px;
    position: relative;
    cursor: pointer;
}

.settlement-classify > li.active {
    color: #ff5d49;
    background-color: #ffe7e3;
}

.settlement-classify > li:before {
    position: absolute;
    top: 50%;
    right: 0;
    height: 26px;
    border-right: 1px solid #DFDFDF;
    margin-top: -13px;
    content: ' ';
}

.settlement-count-box {
    padding: 30px 0;
}

.settlement-count-box > li:before {
    position: absolute;
    border-right: 1px solid #DFDFDF;
    height: 26px;
    margin-top: -13px;
    top: 50%;
    right: 0;
    content: ' ';
}

.settlement-count-box > li {
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
    line-height: 38px;
}

.settlement-count-box > li .title {
    float: left;
    margin-right: 10px;
}

.settlement-count-box > li .text {
    float: left;
}

.settlement-count-box > li .input-box {
    float: left;
    width: 100px;
    position: relative;
}

.settlement-count-box > li .input-box input {
    padding-right: 20px;
}

.settlement-count-box > li .input-box .unit {
    position: absolute;
    display: block;
    line-height: 38px;
    height: 38px;
    top: 50%;
    right: 0;
    margin-top: -19px;
    color: #999;
}

.settlement-content .content > .detail li {
    width: calc(50% - 30px);
    padding-left: 0;
}

/*店员报表结束*/

/*小工具页面开始*/
.tool-content {
    margin: 20px;
    border: 1px solid #DFDFDF;
    background-color: #fff;
    height: calc(100% - 93px);
    /*overflow: auto;*/
}

.tool-content .flow-icon {
    position: absolute;
    width: 300px;
    top: 20px;
    left: 50%;
    margin-left: -150px;
}

.tool-content > .nav {
    padding-left: 20px;
    border-bottom: 1px solid #dfdfdf;
}

.tool-content > .nav li {
    float: left;
    padding: 15px 5px;
}

.tool-content > .nav li .arrow {
    margin-left: 10px;
}

.tool-content .icon-ul {
    /*text-align: center;*/
    width: 940px;
    margin: 0 auto;
    padding-top: 100px;
}

.tool-content .icon-ul li {
    width: 300px;
    margin-right: 20px;
    float: left;
}

.tool-content .icon-ul li:last-child {
    margin-right: 0;
}

.tool-content .icon-ul li img {
    width: 100%;
}

.tool-content .tool-download-btn:hover {
    box-shadow: 1px 1px 5px #999;
}

.tool-content .tool-download-btn {
    width: 150px;
    margin: 30px auto;
    line-height: 50px;
    height: 50px;
    display: block;
    background-color: #ff6866;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    margin-bottom: 40px;
    transition: box-shadow .2s;
}

/*小工具页面结束*/
/*寄养页面列表开始*/
.foster-content {
    padding: 40px;
    height: calc(100% - 100px);
    padding-bottom: 10px;
    overflow: auto;
}

.foster-content > .nav {
    border-bottom: 1px solid #dfdfdf;
}

.foster-content > .nav li {
    float: left;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #999999;
    cursor: pointer;
}

.foster-content > .nav li.active {
    background-color: #ffe7e3;
    color: #ff5d49;
}

.foster-content > .nav li.add {
    height: auto;
    line-height: normal;
    float: right;
    width: auto;
    color: #ff5d49;
}

.foster-type-ul li.active {
    color: #ff5d49;
}

#fosterList .min-text {
    font-size: 12px;
}

#fosterList .wechat {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    background: url("/assets/img/wechatcome.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}

#fosterList .come {
    float: right;
    padding-right: 20px;
}

/*寄养页面列表结束*/
/*寄养详情页面开始*/
.foster-detail-content {
    /*padding: 40px;*/
}

.foster-detail-content .head-img {
    height: 45px;
    width: 45px;
    float: left;
    position: relative;
    top: 45px;
    left: 35px;

}

.foster-detail-content .pet {
    border-bottom: 1px solid #dfdfdf;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 120px;
    /*background: #eee;*/
}

.foster-detail-content .pet .head {
    margin-left: 20px;
    width: 105px;
    height: 105px;
}

.foster-detail-content .pet .msgbox {
    margin-left: 150px;
    margin-top: 15px;
    border-bottom: 1px #dfdfdf solid;
    padding-bottom: 5px;
    padding-left: 0px;
}

.foster-detail-content .pet .msg {
    display: inline-block;
    font-size: 16px;
    margin-right: 85px;
}

.foster-detail-content .btn {
    border-bottom: 1px solid #dfdfdf;
    height: 40px;
    background: #eee;
    margin-top: 12px;
}

.foster-detail-content .btn .med {
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    cursor: pointer
}

.foster-detail-content .btn .act {
    background: #535559;
    color: white;
}

.foster-detail-content .del {
    padding: 30px;
    border-bottom: 1px #ddd solid;
}

.foster-detail-content .del .time {
    margin: 30px;
}

.foster-detail-content .del .time .back {
    background: url("/assets/img/medban.png") no-repeat;
    height: 47px;
    width: 62px;
    text-align: center;
    line-height: 55px;
    display: inline-block;
}

.foster-detail-content .del .akg {
    background: #e5e5e5;
    margin: 20px 30px;
    padding: 15px 40px;
    height: 110px;
    border-radius: 10px;
}

.foster-detail-content .pet .head {
    background-size: 100%;
}

.foster-detail-content .pet .head.dog-m {
    background: url("/assets/img/dog-m.png") no-repeat;
}

.foster-detail-content .pet .head.dog-g {
    background: url("/assets/img/dog-g.png") no-repeat;
}

.foster-detail-content .pet .head.cat-g {
    background: url("/assets/img/cat-g.png") no-repeat;
}

.foster-detail-content .pet .head.cat-m {
    background: url("/assets/img/cat-m.png") no-repeat;
}

.foster-detail-content .pet .head.other-g {
    background: url("/assets/img/other-g.png") no-repeat;
}

.foster-detail-content .pet .head.other-m {
    background: url("/assets/img/other-m.png") no-repeat;
}

.foster-detail-content .info {
    width: calc(100% - 200px);
    float: left;
    padding-left: 55px;
    padding-top: 5px;
}

.foster-detail-content .info .name {
    font-size: 20px;
    font-weight: bold;
}

.foster-detail-content.medical-detail-content .info .name {
    font-size: 18px;
}

.foster-detail-content .info .name #come {
    font-size: 12px;
    padding-left: 20px;
    padding-top: 5px;
}

.foster-detail-content .info .name #come .wechat {
    display: block;
    float: left;
    width: 15px;
    height: 16px;
    margin-right: 5px;
    background: url("/assets/img/wechatcome.png") no-repeat;
    background-size: 100% 100%;
}

.foster-detail-content .info .classify {
    float: left;
    padding-right: 40px;
    border-right: 1px solid #dfdfdf;
    font-size: 15px;
    line-height: 31px;
}

.foster-detail-content.medical-detail-content .info .classify {
    line-height: 20px;
}

.foster-detail-content .info .date {
    float: left;
    padding-left: 40px;
    line-height: 31px;
}

.foster-detail-content.medical-detail-content .info .date {
    line-height: 20px;
}

.foster-detail-content .info .long:hover {
    box-shadow: 1px 1px 5px #333;
}

.foster-detail-content .info .long {
    float: left;
    margin-left: 40px;
    border: 1px solid #ff5f40;
    color: #ff5f40;
    padding: 5px 15px;
    border-radius: 7px;
    transition: box-shadow .2s;
    margin-right: 40px;
    position: relative;
}

.foster-detail-content .info .long:before {
    position: absolute;
    top: 0;
    right: -40px;
    content: ' ';
    border-right: 1px solid #ddd;
    height: 100%;
}

.foster-detail-content .info .long:last-child:before {
    border-right: 0;
}

.foster-detail-content .list-box {
    padding: 20px 40px;
    border-bottom: 1px solid #dfdfdf;
}

.foster-detail-content .list-box .row {
    padding-bottom: 20px;
}

.foster-detail-content .list-box .row:last-child {
    padding-bottom: 0;
}

.foster-detail-content .list-box .left {
    float: left;
    width: 255px;
}

.foster-detail-content .list-box .right {
    float: left;
    width: calc(100% - 285px);
    margin-left: 30px;
}

.foster-detail-content .list-box .title {
    float: left;
    color: #999999;
    padding-right: 20px;
}

.foster-detail-content .list-box .with {
    float: left;
    width: calc(100% - 50px);
}

.foster-detail-content .list-box .with li {
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    font-size: 13px;
    margin-right: 20px;
}

.foster-detail-content .list-box .with .icon {
    height: 50px;
    line-height: 70px;
}

.foster-detail-content .list-box .with.heal .icon {
    height: 35px;
    line-height: 50px;
}

.foster-detail-content .list-box .with.heal .text {
    padding-top: 3px;
}

.foster-detail-content .dynamic > li {
    padding: 20px 40px;
    border-bottom: 1px solid #dfdfdf;
}

.foster-detail-content .dynamic > li .photo {
    padding: 20px 0;
}

.foster-detail-content .dynamic > li .photo li {
    width: 100px;
    height: 100px;
    line-height: 140px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.foster-detail-content .dynamic > li .photo li img {
    max-width: 100%;
    max-height: 100%;
}

/*寄养详情页面结束*/

/*美容页面开始*/
.beautiful-table-ul li {
    float: left;
    position: relative;
    padding-right: 30px;
}

.beautiful-table-ul li:before {
    position: absolute;
    content: ' ';
    width: 14px;
    height: 14px;
    background-color: #ececec;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    background: url("/assets/img/heal.png") no-repeat;
    background-size: 100% auto;
}

.beautiful-table-ul li.not:before {
    background: url("/assets/img/not-heal.png") no-repeat;
    background-size: 100% auto;
}

/*美容页面结束*/

.open-hight-model .banner {
    height: 190px;
    color: #fff;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=RGBA(251, 172, 110, 1.00), endcolorstr=RGBA(251, 96, 59, 1.00), gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=RGBA(251, 172, 110, 1.00), endcolorstr=RGBA(251, 96, 59, 1.00), gradientType=0); /*IE8*/
    background: rgba(251, 96, 59, 1.00); /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(top, rgba(251, 172, 110, 1.00), rgba(251, 96, 59, 1.00));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(251, 172, 110, 1.00)), to(rgba(251, 96, 59, 1.00)));
    background: -o-linear-gradient(top, rgba(251, 172, 110, 1.00), rgba(251, 96, 59, 1.00));
    text-align: center;
    padding-top: 30px;
}

.open-hight-model .more-text {
    padding: 20px;
    font-size: 20px;
}

.open-hight-model .tes-ul {
    text-align: center;
}

.open-hight-model .tes-ul li {
    width: 50%;
    float: left;
    /*background-color: #2e8ded;*/
    padding: 40px 0;
}

.open-hight-model .tes-ul li img {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
}

.open-hight-model .tes-ul li .title {
    font-size: 20px;
    color: #333;
}

.open-hight-model .tes-ul li .info {
    font-size: 14px;
}

.order-pay-search {

}

.order-pay-search li {
    border-bottom: 1px solid #ddd;
    height: 50px;
    line-height: 50px;
}

.order-pay-search li .name {
    float: left;
    color: #333;
}

.order-pay-search li input {
    float: right;
    margin-top: 20px;
}

/*订单详情页面开始*/
.order-detail-content {
    padding: 40px;
}

.order-detail-content .print-btn {
    padding: 5px 15px;
    background-color: #ffe7e3;
    border: 1px solid #ff5d49;
    color: #ff5d49;
    border-radius: 5px;
    margin-left: 10px;
    transition: box-shadow .2s;
}

.order-detail-content .info {
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.order-detail-content .info .red-btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #ff5f40;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    border-radius: 4px;
    margin-left: 50px;
    transition: box-shadow .2s;
    margin-top: 5px;
}

.order-detail-content .info .red-btn:hover {
    box-shadow: 1px 1px 5px #999;
}

.order-detail-content .info .header {
    float: left;
    margin-right: 20px;
}

.order-detail-content .info .header img {
    width: 50px;
    height: 50px;
}

.order-detail-content .info .name {
    float: left;
    font-weight: bold;
    font-size: 18px;
    /*margin-top: 10px;*/
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #dedede;
}

.order-detail-content .info .phone {
    float: left;
    font-size: 18px;
    /*padding-top: 10px;*/
}

.order-detail-content .info .balance {
    font-size: 14px;
    padding-top: 7px;
}

.order-detail-pays {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 20px;
}

.order-detail-pays .title {
    font-weight: bold;
    padding-bottom: 10px;
}

.order-detail-pays li {
    float: left;
    margin-right: 20px;
}

.order-pay-ways {
    font-size: 12px;
    margin-bottom: 30px;
}

.order-pay-ways li {
    float: left;
    width: 25%;
    text-align: center;
    cursor: pointer;
}

.order-pay-ways li .pay-icon {
    margin: 0 auto;
    margin-bottom: 5px;
}

.order-pay-row {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 27px;
    color: #333;
}

.order-pay-row .title {
    float: left;
}

.order-pay-row .box {
    float: right;
    width: 88px;
    height: 25px;
    line-height: 25px;
    border: 1px solid transparent;
    text-align: center;
    border-radius: 4px;
}

.order-pay-row .box.border {
    border-color: #ddd;
}

.order-pay-print {
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    font-size: 12px;
}

/*订单详情页面结束*/

.blue-text {
    color: #48b4ff !important;
}

.welcome-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.welcome-img {
    position: absolute;
    width: 500px;
    height: 290px;
    top: 50%;
    margin-top: -145px;
    left: 50%;
    margin-left: -250px;
}

#id-btn-remarks {
    border-radius: 3px;
    line-height: 38px;
    height: 38px;
    background-color: #ff5d49;
    padding: 2px 20px;
    color: white;
    font-size: 12px;
}

.cla-home-one {
    height: 50px;
    background: #ffffff;
    border-bottom: 2px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    border-left: none;
    border-right: none;
}

.cla-home-two {
    background: #ffffff;
    padding-left: 40px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.cla-one-aspan {
    padding-top: 15px;
    padding-left: 40px;
}

.cla-one-aspan input {
    font-size: 14px;
    height: 26px;
    width: 270px;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    padding: 1px 10px;
    margin-left: 50px;
}

.cla-one-aspan a {
    margin-right: 20px;
    color: #1861f5;
}

.cla-two-btn {
    font-size: 20px;
}

.cla-btn-shu {
    display: inline-block;
    height: 20px;
    width: 1px;
    background: #cdcdcd;
    margin: 0 20px;
}

.cla-btn-ku {
    text-align: center;
    display: inline-block;
    background: #ff5f40;
    color: white;
    width: 130px;
    height: 20px;
    border-radius: 4px;
    font-size: 16px;
    padding: 10px 10px;
}

.cla-btn-ku.comp-type {
    margin-left: 50px;
    width: 90px;
    padding: 5px;
    border: 1px #dfdfdf solid;
    background: #fff;
    color: #333;
    line-height: 20px;
}

.cla-a-ispro {
    background: #f8f8f8;
    color: black;
    border: 1px solid #DFDFDF;
    margin-left: 0;
}

.cla-two-ipt {
    width: 100px;
    height: 36px;
    text-align: center;
    cursor: pointer;
}

#id-icon-img {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/assets/img/searchIcon.png) no-repeat;
    background-size: 100% 100%;
}

#id-icon-a {
    display: inline-block;
    margin: 8px 0;
    border-radius: 3px;
    line-height: 38px;
    height: 38px;
    background-color: #ff5d49;
    padding: 0 30px;
}

#id-ku-table {
    width: calc(100% - 80px);
    border: 0 solid #DFDFDF;;
    margin-left: 40px;
}

#id-backgcole {
    background: #ffffff;
    border: 1px solid #DFDFDF;
    border-top: none;
    padding: 0;
    position: relative;
    left: 20px;
    top: 30px;
    width: calc(100% - 30px);
}

.cla-two-time {
    transform: translate(0px, 25px);
}

.ori-text-imp_ {
    color: #FF5E41 !important;
}

.cla-btn-down {
    margin-top: 124px;
}

.cla-box-ft {
    margin-top: 50px;
}

.cla-tuikuan {
    margin-top: 148px;
}

.cla-tui-body {
    height: 120px;
}

.cla-tui-body p {
    font-size: 16px;
    color: #333;
    margin: 0;
}

.cla-tui-body img {
    height: 56px;
    width: 56px;
    display: inline-block;
    float: left;
}

.cla-tui-msge {
    height: 56px;
    width: calc(100% - 100px);;
    display: inline-block;
    float: right;
    padding: 0 20px;
}

.cla-diy-heng {
    height: 1px;
    width: 100%;
    background-color: #999999;
    margin: 40px auto;
}

.cla-ipt-box {
    float: left;
    width: calc(100% - 75px);
}

.cla-ipt-box input {
    border: none;
    text-align: right;
}

.cla-ipt-box div {
    border: none;
    text-align: right;
    padding: 10px 20px;
}

.cla-ipt-jajn {
    width: 95px;
    float: right;
    margin-top: 7px;
}

.pull-l .cla-b-size {
    font-size: 16px;
}

.cla-print {
    /*float: left;*/
}

.cla-img-two {
    width: 90px;
    height: 90px;
}

.cla-imgrong {
    display: inline-block;
    border: 1px solid #DFDFDF;
    padding: 5px;
    height: 90px;
    margin-top: 15px;
}

.cla-div-aprong {
    display: inline-block;
    position: relative;
    top: 10px;
    left: 24px;
}

.cla-aprong-up {
    top: -20px;
    left: 24px;
}

.cla-imgrong .two-msge {
    font-size: 12px;
    color: #333333;
    text-align: center;
    padding: 25px 0;
    height: 40px;
}

.cla-print-li {
    width: 50%;
    height: 20px;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 0;
    float: right;
}

.cla-print-short-li {
    border: none;
}

.cla-print-li:nth-child(2n) {
    width: calc(50% - 20px);
    float: left;
}

.cla-print-li .js-set-print {
    margin-right: 10px;
}

.cla-print-li .js-set-text {
    border: none;
    /*border-radius: 4px;*/
    width: 70%;
    font-size: 14px;
    padding: 5px 10px;
}

.scroll textarea {
    outline: none;
    resize: none;
    width: 290px;
    height: 80px;
    padding: 10px 20px;
    position: relative;
    top: 30px;
    left: 40px;
    border: 1px solid #e4e4e4;
    font-size: 14px;
}

.go-out-stock {
    position: absolute;
    height: 38px;
    line-height: 38px;
    width: 70px;
    top: 0;
    right: 0;
    text-align: center;
}

.cla-min-body {
    height: auto;
}

.cla-div-phons {
    text-align: center;
}

.cla-div-phons p {
    margin-bottom: 90px;
}

.cla-img-phon {
    display: block;
    height: 366px;
    width: 180px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 30px;
}

.cla-img-minfoo {
    display: block;
    height: 100px;
    width: 100px;
    margin: 0 auto;

}

.cla-btn-three {
    display: inline-block;
    width: 160px;
    height: 68px;
    margin-right: 30px;
    text-align: center;
    margin-top: 20px;
}

.cla-img-three {
    width: 160px;
    height: 68px;
}

.cla-intment {
    display: inline-block;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
    margin: 0 10px;
    height: 20px;
    width: 150px;
}

.cla-model-toggol {
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;

}

.cla-triangle {
    display: inline-block;
    height: 2px;
    width: 50px;
    margin: 0;
    background: #CCCCCC;
    transform: translate(6px, -3px);
}

.triangle-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #CCCCCC;
    border-bottom: 4px solid transparent;
    margin-left: 0;
}

.cla-min-check {
    margin: 0 15px;
}

#idUpdaMesg {
    height: 26px;
    width: 118px;
    margin: 0;
    border-radius: 0;
}

#idUpdaMesg:before {
    width: 35px;
    height: 2px;
    background-color: #ff5d49;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -17px;
    content: ' ';
}

#idUpdaMesg:after {
    height: 35px;
    width: 2px;
    background-color: #ff5d49;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 50%;
    margin-left: -1px;
    content: ' ';
}

.cla-btn-three .set-member-card-ul {
    display: inline-block;
    position: relative;
    /*bottom: 1px;*/
}

.cla-wn-body {
    color: #333333;
}

.cla-a-bjdele a {
    text-decoration: underline;
}

.cla-Adver-rong {
    padding: 15px 20px;
    height: 366px;
}

.js-choose-time .cla-Adver-rong {
    padding: 15px 20px;
    height: 486px;
}

.cla-Adver-list {
    display: inline-block;
    width: 164px;
    height: 72px;
    border: 2px solid #e4e4e4;
    text-align: center;
    margin: 0 7px;
    margin-top: 15px;
}

.cla-Adver-list img {
    width: 160px;
    height: 68px;
    /*margin: 0 auto;*/
    margin-top: 2px;
}

.cla-Adver-list span {
    color: #999;
    margin-bottom: 15px;
}

.js-choose-adver .option {
    margin-top: 8px;
}

.js-edit-adver .option {
    margin-top: 8px;
}

.js-choose-time .option {
    margin-top: 8px;
}

.cla-Adver-arr {
    text-align: center;
}

.cla-Adver-arr img {
    margin-top: 15px;
    height: 150px;
    width: 350px;
}

.cla-Adver-arr input {
    margin-top: 20px;
    width: 330px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 10px;
    color: #333;
}

.cla-Adver-arr textarea {
    margin-top: 20px;
    width: 330px;
    height: 120px;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 10px;
    color: #333;
    border: 1px solid #e4e4e4;
    outline: none;
    resize: none;
}

.cla-li-input {
    height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    color: #333333;
    width: calc(100% - 60px);
    margin: 0 auto;
    display: block;
}

.cla-li-input input {
    float: right;
}

.cla-a-li {
    float: left;
    margin: 5px 0;
    margin-left: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    color: #333;
}

.cla-a-li .add {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url("/assets/img/add.png") no-repeat;
    background-size: 15px 15px;
    background-position: center center;
}

.cla-a-li a {
    margin: 0;
    padding: 0 15px;
    border-left: 1px solid #e4e4e4;
}

/*正向入场动画*/
.cla-op-one {
    animation: fadeInRight 0.5s ease both;
}

.cla-op-two {
    animation: fadeInLeft 0.5s ease both;
}

.cla-op-three .cla-login-rong {
    /*animation: fadeInUp 0.5s ease both;*/
    height: 410px;
}

.cla-op-four {
    animation: fadeInDown 0.5s ease both;
}

.cla-op-forget .cla-login-rong {
    padding: 50px;
    height: 210px;
    width: 500px;
}

.cla-forget-ipt {
    position: relative;
    bottom: 50px;
    right: 50px;
}

.cla-forget-back {
    cursor: pointer;
    position: relative;
    top: 50px;
    left: 40px;
    width: 60px;
}

/*@keyframes fadelength {*/
/*from {*/
/*height: 160px;*/
/*}*/

/*to {*/
/*height: 190px;*/
/*}*/
/*}*/
/*@keyframes fadeInLeft {*/
/*from {*/
/*opacity: 0;*/
/*transform: translate3d(-20%, 0, 0);*/
/*}*/

/*to {*/
/*opacity: 1;*/
/*transform: none;*/
/*}*/
/*}*/
/*@keyframes fadeInRight {*/
/*from {*/
/*opacity: 0;*/
/*transform: translate3d(20%, 0, 0);*/
/*}*/

/*to {*/
/*opacity: 1;*/
/*transform: none;*/
/*}*/
/*}*/
/*@keyframes fadeInDown {*/
/*from {*/
/*opacity: 0;*/
/*transform: translate3d(0, -20%, 0);*/
/*}*/

/*to {*/
/*opacity: 1;*/
/*transform: none;*/
/*}*/
/*}*/
/*@keyframes fadeInUp {*/
/*from {*/
/*height: 260px;*/
/*}*/
/*to{*/
/*height: 410px;*/
/*}*/
/*}*/

/*to {*/
/*opacity: 1;*/
/*transform: none;*/
/*}*/
/*}*/

.cla-saocode-body {
    text-align: center;
}

.cla-saocode-body img {
    height: 210px;
    width: 670px;
    margin-top: 130px;
}

.bottom-ti {
    background-color: white;
    border-top: 1px solid #dfdfdf;
    height: 56px;
    box-shadow: 0 0 5px 0 #cccccc;
    position: fixed;
    width: calc(100% - 182px);
    padding-left: 202px;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.bottom-ti .msge {
    position: relative;
    top: 15px;
}

.bottom-ti .ruku-btn {
    display: inline-block;
    height: 16px;
    padding: 20px 50px;
    background: #FF5E41;
    width: 50px;
    color: white;
    float: right;
    cursor: pointer;
    font-size: 14px;
}

.cla-tabel-body {
    padding: 40px;
}

.cla-mark-scanin {
    border-bottom: 1px solid #dfdfdf;
    height: 20px;
    padding: 10px 15px;
    margin: 20px 0;
}

.cla-mark-scanin input {
    border: none;
    width: 500px;
}

.medical-set-ul {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.medical-set-ul li {
    position: relative;
}

.medical-set-ul li .del {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -9px;
    background: url("/assets/img/select_del.png") no-repeat;
    background-size: 100% auto;
}

.medical-content .medical-op-box {
    padding-bottom: 20px;
}

.medical-content .medical-op-box .wn-btn {
    display: block;
    text-align: center;
}

.medical-content .medical-op-box .wn-btn.order-by {
    width: 98px;
    height: 28px;
    border: 1px solid #ccc;
    background-color: #fbfbfb;
    line-height: 28px;
    float: left;
}

.medical-content .medical-op-box .wn-btn.red-btn {
    width: 130px;
    height: 30px;
    background-color: #ff5f40;
    color: #fff;
    line-height: 30px;
    float: right;
}

.medical-content .medical-op-box .wn-btn.red-border-btn {
    width: 128px;
    height: 28px;
    border: 1px solid #ff5f40;
    background-color: #ffe7e3;
    color: #ff5f40;
    line-height: 28px;
    float: right;
}

.medical-detail-info {
    padding-top: 30px;
    border-bottom: 1px solid #ddd;
}

.medical-detail-info li {
    margin-bottom: 30px;
}

.medical-detail-info li .title {
    float: left;
    color: #999;
    margin-right: 18px;
}

.medical-detail-info li .text {
    float: left;
}

.cla-print-num {
    width: calc(100% - 30px);
    border: #DFDFDF 1px solid;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 14px;
}

.wn-body .reservation-content .filtrate {
    margin-left: 30px;
    padding-top: 40px;
    padding-left: 5px;
    margin-right: 30px;
}

.wn-body .reservation-content .filtrate .btn {
    display: inline-block;
    border: 1px #dfdfdf solid;
    border-radius: 4px;
    padding: 5px 0;
    width: 165px;
    text-align: center;
    margin-right: 15px;
}

.wn-input-box > .typebtn {
    display: inline-block;
    width: 60px;
    margin: 30px 15px;
    border: 1px #dfdfdf solid;
    border-radius: 4px;
    text-align: center;
    padding: 10px 10px;
    color: #999;
}

.wn-input-box > .typebtn.message {
    margin: 5px 1px;
}

.wn-input-box > .typebtn.message.act {
    color: #ff5f40;
    border: 1px #ff5f40 solid;
}

.wn-input-box > .typebtn:hover {
    color: #ff5f40;
    border: 1px #ff5f40 solid;
}

.wn-model-form .proli {
    border-bottom: 1px #dfdfdf solid;
    height: 50px;
    margin: 10px;
}

.wn-model-form .proli img {
    width: 50px;
    height: 50px;
}

.wn-model-form .proli .specs {
    margin: 10px;
}

.screen-edit-btn-blob {
    float: left;
    margin: 0 20px;
    margin-left: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    color: #333;
    width: 95px;
}

.screen-edit-btn-blob .screen {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url("/assets/img/search.png") no-repeat;
    background-size: 15px 15px;
    background-position: center center;
}

.cla-ex-box input {
    width: 95%;
    border-radius: 4px;
    height: 20px;
    padding: 5px;
    font-size: 14px;
    margin-bottom: 30px;
}

.row .cla-input-dis {
    display: inline-block;
    padding: 5px 15px;
    height: 26px;
    border-radius: 4px;
    border: 1px #DFDFDF solid;
    width: calc(45% - 10px);
    line-height: 26px
}

.row .cla-input-dis .wn-date {
    border: none;
    line-height: 24px;
    width: 80px;
}

.row.cla-while-dis .mark {
    display: block;
    width: 597px;
    margin-left: 3px;
    padding: 0 16px;
    line-height: 30px;
    border-radius: 4px;
}

.row.cla-while-dis .cla-input-dis {
    margin: 3px;
}

.download-set {
    width: 200px;
    padding: 10px 0;
    background: #ff5f40;
    color: white;
    text-align: center;
    display: block;
}

.screen-box .add-btn {
    margin: 8px 30px;
    background: #fff;
    border: 1px #dfdfdf solid;
    padding: 0 10px;
    border-radius: 4px;
}

.preview-btn {
    color: #ff5f40;
    border: 1px #dfdfdf solid;
    border-radius: 4px;
    padding: 0 10px;
}

.foot-records {
    position: absolute;
    bottom: 0;
    width: 500px;
    font-size: 12px;
    color: white;
    text-align: center;
    margin-left: 50%;
    left: -250px;
    z-index: 1;
}

.foot-records2 {
    font-size: 12px;
    color: white;
    text-align: center;
}

.foot-index-img {
    /*background: url("../img/test1.png") no-repeat;*/
    /*background-size: cover;*/
    /*height: 800px;*/
}

.vb-none {
    visibility: hidden;
}

.i-question {
    background: #ff5f40;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
}

.scanin-input-num {
    border-radius: 4px;
    padding: 0 10px;
    width: 95px;
    color: #ff5f40;
}

.none-tip {
    background-color: rgba(0, 0, 0, 0.7);
    width: auto;
    display: none;
    position: absolute;
    top: 60px;
    right: 40px;
    padding: 5px;
    border-radius: 4px;
}

.i-question:hover .none-tip {
    display: block;
}

.choice-btn {
    border: 1px #dfdfdf solid;
    border-radius: 4px;
    width: 100px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin: 5px;
    color: #333;
    cursor: pointer;
    width: auto;
    padding:0 10px;
}

.choice-btn.act {
    border: 1px #ff5f40 solid;
    color: #ff5f40;
}

.choice-btn:hover {
    border: 1px #ff5f40 solid;
    color: #ff5f40;
}

.open-btn {
    border: 1px #dfdfdf solid;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin: 20px;
    color: #333;
    cursor: pointer;
}

.power-set-unit {
    margin-right: 40px;
}

.power-set-line {
    border-bottom: 1px #dfdfdf solid;
    padding-bottom: 15px;
}

.power-set-line:last-child {
    border-bottom: none;
}
.hang-form-task{
    background-color: #ffe7e3;
    border: 1px solid #ff5d49;
    color: #ff5d49;
    border-radius: 5px;
    width: 40px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
}
.tl-top-10{
    margin-top: 10px;
}
.tl-btn-30{
    /*line-height: 1.499;*/
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 15px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    position: relative;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
    box-shadow: 0 2px 0 rgba(0,0,0,0.015);
    color:  #FF5F40;
    background-color: #fff;
    border-color: #FF5F40;

}
.tl-btn-30:focus {
    color: #FF5F40;
    background-color: #fff;
    border-color: #FF5F40;
    outline: 0;
}
.tl-relative{
    position: relative;
}
.tl-ab-right{
    position: absolute;right: 8px;top: 5px;
}
.tl-radius{
    border-radius: 16px;
    color: #FF5F40;
    background: #FFE7E3;
}
.tl-top-15{
    margin-top: 15px;
}
.mr10{
    margin-right: 10px;
}
.ori-select::before{
    background: url(../img/ori_down.png) no-repeat!important;
}