
html { font-size: 14px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;}
input:-webkit-autofill {-webkit-box-shadow: inset 100px 100px 100px white,0 0 8px #fff !important;}

form.layui-form table td { padding: 8px 5px; }
form.layui-form table th { text-align: right; padding: 8px 0; padding-right: 5px;}
form.layui-form table th em { color: rgb(254, 137, 106); margin-right: 4px;}
form.layui-form table td .layui-form-switch { margin-top: 0; }
form.layui-form table[lay-th-vtop] th { vertical-align: top; padding-top: 15px; }
form.layui-form table input, form.layui-form table .layui-form-select, form.layui-form table .layui-textarea { display: inline-block; }

select[lay-ignore] { border: 1px solid #e7e7e7; box-sizing: border-box; -webkit-box-sizing: border-box; }
select[lay-ignore] { position: relative; height: 30px; line-height: 28px; padding: 0 5px; text-align: left; cursor: pointer; }

.container { max-width: 100%; margin-right: auto; margin-left: auto; }
.container::after { display: table; clear: both; content: '' }
@media (min-width: 480px) {
    .container { padding: 0px; }
}
@media (min-width: 768px) {
    .container { width: 750px }
}
@media (min-width: 992px) {
    .container { width: 970px }
}
@media (min-width: 1200px) {
    .container { width: 1170px }
}
@media (min-width: 1600px) {
    .container { width: 1310px }
}

.g-background { background: #f44 !important; }
.g-color{ color: #f44 !important; }
.g-br-color { border-color: #f44 !important; }
.g-br-color-after:after { border-color: #f44 !important; }

.layui-btn-red { background: #f44; }

.rrz-shadow { box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.login { margin: 0 auto; max-width: 500px;}
.login .box { margin: 50px 0; padding: 38px 50px 50px; box-shadow: 0 0 50px #ccc;; border-radius: 5px; background: #fff;}
.login .box input { height: 43px;padding: 5px 12px; }
.login .box input:focus { border-color: #f44; }
.login .logo { display: block; margin-top: 10px; text-align: center; }
.login .logo img { width: 65%; }
.login h1.title { font-size: 18px; color: #333; margin-top: 0px; margin-bottom: 40px; padding: 0; text-align: center; }

@media (max-width: 640px) {
    .login .box { box-shadow: none; background: transparent; padding: 30px 15px; }
}
@media (max-width: 480px) {
    .login { padding: 0 10px; }
}

.rrz-footer { text-align: center; padding: 30px; color: #777;}
.rrz-footer p { margin-bottom: 5px;}
.rrz-footer a {color: #777; }


.user-centre{ overflow-x: hidden; }
.user-centre .rrz-head { overflow: hidden; height: 100%; line-height: 80px;z-index: 1; position: relative;-webkit-box-shadow: 0 0 7px rgba(6, 0, 1, 0.11); box-shadow: 0 0 7px rgba(6, 0, 1, 0.11); }
.user-centre .rrz-head .logo, .user-centre .rrz-head .info{ padding: 0 15px; }
.user-centre .rrz-head .logo img{ height: 75px; max-width: 100%; object-fit: contain; }
.user-centre .rrz-head .logo .title { font-size: 22px; }
.user-centre .rrz-head .logo .title:before { padding: 0 10px; color: #ddd; font-size: 22px; content: "|\00a0" }
.user-centre .rrz-head .info{ text-align: right; }
.user-centre .rrz-head .info .logout:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }
.user-centre .btn-menu { background: transparent; border: none; display: block; height: 30px; position: absolute; top: 20px; right: 10px; width: 30px; z-index: 999; }
.user-centre .btn-menu:hover, .user-centre .rrz-head .btn-menu:focus, .user-centre .rrz-head .btn-menu:active { outline: none; }

.user-centre .btn-menu.is-closed .c-top { -webkit-transition: all 0.35s ease-in-out; top: 5px; }
.user-centre .btn-menu.is-closed .c-middle { margin-top: -2px; top: 50%; }
.user-centre .btn-menu.is-closed .c-bottom { -webkit-transition: all 0.35s ease-in-out; bottom: 5px; }
.user-centre .btn-menu.is-closed .c-top, .user-centre .btn-menu.is-closed .c-middle, .user-centre .btn-menu.is-closed .c-bottom,
.user-centre .btn-menu.is-open .c-top, .user-centre .btn-menu.is-open .c-middle,
.user-centre .btn-menu.is-open .c-bottom { height: 3px; left: 0; position: absolute; width: 100%; }
.user-centre .btn-menu.is-open .c-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; }
.user-centre .btn-menu.is-open .c-middle { background-color: #ffffff; display: none; }
.user-centre .btn-menu.is-open .c-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; }

.user-header { position: relative; height: 100px; margin-bottom: 53px; border-radius: 0 0 10% 10%; background: linear-gradient(90deg, #FF7601 10%, #ff9900 60%); }
.user-header .user-info { position: absolute; top: 20px; left: 10px; right: 10px; height: 150px; padding: 10px; background-color: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, .1); }
.user-header .user-info .user-info-top { width: 100%; display: flex; border-bottom: 1px solid #eee; padding-bottom: 10px; align-items: center; }
.user-header .user-info .user-info-bottom .user-info-item { text-align: center;width: 100px;}
.user-header .user-info-m { flex: 1; }
.user-header { padding: 30px 15px 10px; text-align: center; }
.user-header .avatar { width: 80px; height: 80px; margin-right: 10px; position: relative;border-radius: 50%; overflow: hidden; cursor: pointer; }
.user-header .avatar img { width: 100%; height: 100%; object-fit: contain;border-radius: 50%; }
.user-header .avatar .el-icon-edit-outline { position: absolute; width: 100%; height: 24px; line-height: 24px; background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; color: #fff; z-index: 2; font-size: 16px; border-radius: 0 0 50px 50px; }

.rrz-user { background-color: #f7f7f7; padding: 10px 0; overflow-x: hidden; }
.rrz-user .content { position: relative; background-color: #fff; }
.rrz-user .rrz-user-left { width: 200px; color: #666; min-height: 600px; }
.rrz-user .rrz-user-right { width: calc(100% - 200px); padding-left: 15px; }

.rrz-user .sidebar{ background: #fff; }
.rrz-user .sidebar-box ul.layui-nav { padding: 15px 0; border-bottom: 1px solid #eee; }
.rrz-user .sidebar-box ul:last-child{ border-bottom: none; }
.rrz-user .layui-nav-tree { width: 100%; background: #fff; }
.rrz-user .layui-nav-tree .layui-nav-item.title {text-align: center; font-size: 16px; font-weight: 700; color: #333;}
.rrz-user .layui-nav-tree .layui-nav-item a { color: #76838f; padding: 0; text-align: center; background: inherit;}

.rrz-user .layui-nav-tree .layui-nav-item { background: inherit;}
.rrz-user .layui-nav-tree .layui-nav-item a:hover{ background: rgba(159, 210, 246, 0.1); }
.rrz-user .layui-nav-tree .g-background a { color: #fff; }

.rrz-user .content>.layui-tab{ margin: 0; padding: 15px; }

.rrz-user .layui-form.auto-table-form{ padding: 35px 0; }
.rrz-user .layui-form.auto-table-form [type="submit"] { min-width: 30%;}
.rrz-user .layui-form.auto-table-form .layui-form-select{ width: 100%; }

.articles-list {  }
.articles-list .item{ border-bottom: 1px solid #eee; }
.articles-list input[type=checkbox]{  width: 17px; height: 17px; }

.rrz-user .pagination { text-align: center; padding: 10px 0; }
.rrz-user .pagination a { padding: 6px 12px; margin-left: -1px; line-height: 1.5; color: #ff7600; text-decoration: none; background-color: #fff; border: 1px solid #eee; display: inline-block; }
.rrz-user .pagination .hover { background: #ff7600; color: #fff; border-color: #ff7600; }

@media (min-width: 768px) {
    .rrz-user .sidebar { display: block !important; }
}
@media (max-width: 992px) {
    .rrz-user .layui-form.auto-table-form{ padding: 20px; }
    .rrz-user .layui-form.auto-table-form table{ width: 100%; }
    .rrz-user .layui-form.auto-table-form tr { display: block; }
    .rrz-user .layui-form.auto-table-form th { text-align: left; width: 100% !important; display: block; padding-bottom: 0; }
    .rrz-user .layui-form.auto-table-form td {display: block;padding: 8px 0;}
    .rrz-user .layui-form.auto-table-form tr.user-name{ display: block;margin-bottom: 15px; }
    .rrz-user .layui-form.auto-table-form tr.user-name th{ display: inline; }
    .rrz-user .layui-form.auto-table-form tr.user-name td{ text-align: center;display: inline;padding-left: 20px; }
    .rrz-user .layui-form.auto-table-form [type="submit"] { min-width: 100%;}
}

@media (max-width: 640px) {
    .rrz-user{ padding-top: 0; }
    .rrz-user .container >.layui-row{ padding: 0; }
    .rrz-user-info .content, .rrz-user-articles .content{ background: transparent; }
    .rrz-user .content>.layui-tab{ padding: 0; }
    .rrz-user .layui-tab-title{ display: none; }
    .rrz-user .layui-form.auto-table-form tr { display: flex!important;; padding: 0 15px; background-color: #fff; margin-bottom: 10px; line-height: 60px; }
    .rrz-user .layui-form.auto-table-form td,.rrz-user .layui-form.auto-table-form th{ padding: 0; }
    .rrz-user .layui-form.auto-table-form td{ display: block!important;flex: 1; text-align: right!important; }
    .rrz-user .layui-form.auto-table-form th { width:auto !important; display: block; }
    .rrz-user .layui-form.auto-table-form input{ border: none; text-align: right;  }

    .rrz-user .layui-form.auto-table-form .arrow input { padding-right: 20px; position: relative; }
    .rrz-user .layui-form.auto-table-form .arrow:after{ font-family: layui-icon!important; content: '\e602'; position: absolute;font-size: 20px;right: 10px;line-height: 60px; color: #999; }

    .rrz-user .layui-form.auto-table-form tr.newline {display: block !important; }
    .rrz-user .layui-form.auto-table-form tr.newline th{ line-height: 1.5; padding: 15px 0 0; }
    .rrz-user .layui-form.auto-table-form tr.newline td{ line-height: 1.5; text-align: left!important; padding: 10px 0 15px; }
    .rrz-user .layui-form.auto-table-form tr.btn-submit{ background: transparent!important; }
    .rrz-user .layui-form.auto-table-form tr.btn-submit .h25{  display: none;}

    .rrz-user .layui-form.auto-table-form select{ border: none; }

    /* 投稿列表样式 */
    .articles-list h4.title{  font-size: 13px!important; }
    .articles-list .img{ width: 60px; height: 60px; }
    /*==end*/

}

@media (max-width: 768px) {
    .rrz-user .overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 9; }
    .rrz-user .sidebar { position: fixed; display: none; top:0; bottom: 0; left: 0;z-index: 100; border-radius: 0; width: 220px;  }
    .rrz-user .rrz-user-right { float: none; width: auto; padding-left: 0; }
    .rrz-user .layui-form.auto-table-form{ padding: 20px 0; }
}
