.login-bg {background: url("../images/bg.jpg") repeat-y center top;}


/*授权登录*/
.login-oauth {background-color: #fff; margin: 20px 10px; text-align: center; padding: 20px 0;}
.login-oauth .mui-card-header {text-align: center;}
.login-oauth li a {text-align: center; display: inline-block; padding: 0 5px;}
.login-oauth li a img {width: 60px; height: 60px;}
.login-oauth li a i {font-size: 24px; width: 24px; height: 24px; line-height: 24px; text-align: center; box-sizing: content-box; border-radius: 100px;}
.login-oauth li a span {line-height: 30px; display: block;}
.login-oauth li a:hover {opacity: 0.8}

.member-breadcrumb ul {display: flex;color: #666;}
.member-breadcrumb ul a {color: #666;}
.member-breadcrumb ul i {display: none; padding-right: 10px; padding-left: 6px}
.member-breadcrumb ul i.fa-angle-right {display: inline-block !important;}

.member-nav {background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; padding-top: 10px; padding-bottom: 10px}
.member-nav .nav-item1 {margin-bottom: 10px;}
.member-nav li .a1 {position: relative; color: #000}
.member-nav li a i {width: 20px; display: inline-block;}
.member-nav li .a1 .arrow {position: absolute; right: 10px; top: 8px}
.member-nav li a .arrow:before {width: 10px; margin-right: 5px;
    margin-left: 5px;
    margin-top: -32px;
    display: inline;
    font-size: 16px;
    font-family: "FontAwesome";
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;}
.member-nav li.active .a1 {color: #2f3d9a}
.member-nav li .sub-menu li .a2 {color: #666}
.member-nav li .sub-menu li .a2:hover {color: #2f3d9a}
.member-nav li .sub-menu li.active .a2 {color: #2f3d9a; border-left: solid 2px #2f3d9a}


.dyui-member-main-r .portlet.light>.portlet-title>.caption {border-bottom: solid 2px #a4804d; color: #a4804d}


/*表单*/
.control-label {
    margin-top: 1px;
    font-weight: 400;

}

.form-horizontal .control-label,
.form-horizontal .col-md-10,
.form-horizontal .col-md-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle {
    color: #949494;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.form-horizontal .form-group .mt-checkbox,
.form-horizontal .form-group .mt-radio {margin-bottom: 0}
.form-horizontal .form-group .mt-checkbox.mt-checkbox-outline>span,
.form-horizontal .form-group .mt-radio.mt-radio-outline>span {margin-top: 5px !important;}
.form-horizontal .form-group .input-group {width: auto}
.form-horizontal .input-group-addon {margin-right: 10px}


@media (min-width: 768px) {
    .form-horizontal .form-group {display: flex; margin-bottom: 15px}
    .form-horizontal .form-actions {align-items: center; padding: 20px 0;}
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
}

}

.table .btn {margin-right: 5px}
.tabbable-line>.nav-tabs>li {margin-right: 10px;}
.tabbable-line>.nav-tabs>li a {padding: 10px 10px 10px; display: inline-block}
.tabbable-line>.nav-tabs>li i {display: none}
.tabbable-line>.nav-tabs>li.active {border-color: #197aff; }
.tabbable-line>.nav-tabs>li.active a {color: #197aff}


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff!important;
}
.template-download {
    padding: 10px 0;
    border-bottom: 1px dotted #e2e2e2;
}


/*我的收藏*/
.fc-checkable li .cont {display: flex; justify-items: center}

/*列表复选框*/
.form-horizontal .mt-checkbox.mt-checkbox-outline {height: 20px; margin-bottom: 0;}
.mt-checkbox.mt-checkbox-outline>span {}


/*我的订单*/
.order-list li.item {border: solid 1px #ddd; margin-bottom: 15px;}
.order-list li.item .item-header {background-color: #f1f1f1; padding: 10px; color: #666;}
.order-list li.item .item-header a {color: #333}
.order-list li.item .item-header span {padding: 0 20px;}
.order-list li.item .item-box {display: flex; justify-content: space-between;}
.order-list li.item .item-goods {border-right: solid 1px #ddd; flex: 1;}
.order-list li.item .item-goods-item {display: flex; border-bottom: solid 1px #ddd; padding: 15px;}
.order-list li.item .item-goods-item:last-child {border-bottom: none;}
.order-list li.item .item-goods-item .thumb {margin-right: 15px;}
.order-list li.item .item-name {border-right: solid 1px #ddd; padding: 10px 20px;}
.order-list li.item .item-price {border-right: solid 1px #ddd; padding: 10px 20px}
.order-list li.item .item-status {border-right: solid 1px #ddd; padding: 10px 20px}
.order-list li.item .item-btn {padding: 10px 20px}
.order-list li.item .item-btn label {display: block}
.order-list li.item .item-btn label .btn {width: 100%; margin-bottom: 8px}

@media (max-width: 768px) {
    .order-list li.item .item-box {display: block; justify-content: space-between;}
}