html, body{ background: #F7F9FC; }

.label{ font-size:12px; }

.btn{ border-radius:8px; border-color:#d9d9d9; font-weight:normal; }
.btn-small, .btn-small{ padding-top:8px !important; padding-bottom:8px !important; }
.btn-white{ color:#333; }
.btn-primary, .btn-primary.btn-circle > i{color:#fff;background-color:#3182ff; border-color:#3182ff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.btn-circle:hover > i{color:#fff; background-color:#59a1ff; border-color:#59a1ff;}

.nav-tabs > li > a{ padding-left:0; padding-right:0; margin-right:30px; color:rgba(0,0,0,.85); font-weight:normal; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus{ background:none; border:0; font-weight:normal; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:0; color:#3182ff; border-bottom:2px solid #3182ff; background:none; }

.form-control{ border-color:#d9d9d9; }
.form-control.input-small{ padding-top:8px; padding-bottom:8px; height:36px; border-radius:8px; }
.input-group-addon{ background:#f9f9f9; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){ border-top-left-radius:8px; border-bottom-left-radius:8px; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child){ border-top-right-radius:8px; border-bottom-right-radius:8px; }
.input-group .dropdown-input{ border-radius:10px; border-color:#d7d7d7; }
.btn-mini i, .btn-xs i{ font-size:12px; }

.alert{ border-radius:8px; font-size:14px; color:#444; }
.alert b{ font-weight:normal; }
.alert i{ color:#3182ff; font-size:16px; }
.alert-info{ background-color:#f0f8ff; border-color:#abd5ff; }
.alert-info i{ color:#3182ff; }
.alert-warning{ background-color:#fffbe6; border-color:#ffe58f; }
.alert-warning i{ color:#faad14; }
.alert-success{ background-color:#f6ffed; border-color:#b7eb8f; }
.alert-success i{ color:#52c41a; }
.alert-danger{ background-color:#fff2f0; border-color:#ffccc7; }
.alert-danger i{ color:#ff4d4f; }

.pagination-small > li > a, .pagination-small > li > span{ height:35px; line-height:35px; padding-top:0 !important; padding-bottom:0 !important; }
.pagination-small > li:first-child > a, .pagination-small > li:first-child > span{ border-radius:8px; border-top-right-radius:0; border-bottom-right-radius:0; }
.pagination-small > li:last-child .btn{ border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; height:35px; line-height:35px; padding-top:0 !important; padding-bottom:0 !important; }

.panel{ border:0; border-radius:15px; box-shadow: 0 0 2px rgba(0,0,0,.3); }
.panel-heading{ border-top-right-radius:15px; border-top-left-radius:15px; background:none; border-bottom:0; padding:22px 20px 10px; font-size:18px; font-weight:bold; color:#333; }
.panel-footer{ border-bottom-right-radius:15px; border-bottom-left-radius:15px; padding-top:15px; padding-bottom:15px; background:none; border-top:0; }
.panel-heading .nav-tabs.pull-left > li:first-child > a, .panel-heading .nav-tabs.nav-justified > li:first-child > a{ border-radius:10px 0 0; }
.panel-card{ border-radius:10px; box-shadow: 0 0 5px #eee; }
.main .panel{ padding-top:12px; }
.main .panel > form:first-child{ padding-top:15px; }

.panel-heading .nav{ float:none !important; border-bottom:1px solid #eee; }
.panel-heading .nav > li{ margin-right:30px; }
.panel-heading .nav > li > a{ border:0; border-radius:0; font-size:14px; padding-left:0; padding-right:0; font-weight:normal; }
.panel-heading .nav > li > a:hover, .panel-heading .nav > li.active > a { border:0; color:#3182ff; font-weight:normal; }
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover{ text-shadow: 0 0 .25px currentcolor; border-bottom:2px solid #3182ff; }
.panel-heading .nav-tabs{ margin:0; }

.navbar-fixed{ padding-top:81px; }
.navbar-fixed .navbar{ left:0; height:80px; min-height:80px; padding-left:40px; padding-right:40px; box-shadow: 0 0 5px rgba(0,0,0,.3); }
.navbar-nav > li > a{ height:80px; line-height:80px; padding-top:0; padding-bottom:0; overflow:hidden; }

.dropdown-menu{ padding:5px 0; border-radius:10px; margin-left:0; }
.dropdown-menu > li > a{ padding:0 15px; line-height:30px; font-size:14px; color:#666; font-weight:normal; }
.dropdown-menu > li > a:hover, .nav .dropdown-menu > li.active > a{ color:#3182ff; font-weight:normal; background:#f7f7f7; font-weight:normal; }
.dropdown-menu > li > a:focus, .dropdown-submenu:focus > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus{ font-weight:normal; }

.nav > li > a{ text-align:center; color:#666; border:0; }
.nav > li > a > .nav_icon i{ font-size:30px; color:#3182ff; }
.nav > li > a:hover, .nav > li.active > a{ color:#3182ff; font-weight:bold; }
.nav > li > a:hover i, .nav > li.active > a i{ opacity:1; font-weight:normal; }
.nav .dropdown-menu{ padding:10px 0; border-radius:10px; margin-left:0; }
.nav .dropdown-menu > li > a{ padding:0 20px 0 15px; line-height:45px; font-size:15px; color:#666; }
.nav .dropdown-menu > li > a > i{ line-height:45px; color:#999; font-size:20px; margin-right:10px; }
.nav .dropdown-menu > li > a > i.flag-icon{ width:1em; line-height:0.75em; box-shadow:2px 2px 5px rgba(0,0,0,.3); }
.nav .dropdown-menu > li > a:hover, .nav .dropdown-menu > li.active > a{ color:#3182ff; font-weight:normal; background:#f7f7f7; }
.nav .dropdown-menu > li > a:hover > i, .nav .dropdown-menu > li.active > a > i{ color:#3182ff; }
.nav .dropdown-menu .panel{ border-top-left-radius:0; border-top-right-radius:0; }
.nav .dropdown-menu .panel .panel-heading{ font-weight:normal; }

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{ background:#f7f7f7;box-shadow:none; }

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th{ background:#ebf3ff!important; color:#333; padding:12px 15px; font-size:14px; }
.table-hover > tbody > tr:hover td { background-color:#f7f7f7 !important; }
.panel .table td, .panel .table th{ padding:8px 15px; }

.table-empty{ display:flex;align-items:flex-start;justify-content:center;padding:30px;color:#333; text-align:left; }
.table-empty-image{ width:120px;margin-right:40px; }
.table-empty-right h2{ font-size:24px; margin-bottom:10px; }
.table-empty-right .desc{ color:#999; font-size:14px; margin-bottom:15px; }

.main .page-head h4{ font-weight:bold; margin:25px 0 20px; font-size:24px; color:#333; }
.main .page-head h4 i.iconfont{ display:none; }
.main .panel .pull-out{ margin-left:0; margin-right:0; }
.main .panel-table-warp .pull-out{ margin-left:-15px; margin-right:-15px; }
.main .panel-table-warp .t-thead{ border-radius:15px 15px 0 0; margin-top:3px; }
/*.main .panel > .pull-out > div, .main > .pull-out > div > table{ border:1px solid #eee; border-radius:10px; }*/

.input-group-search{ padding:0 0 5px; }
.input-group-search input[name='sq']{ border-left:0; border-right:0; }

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{ border-radius:15px; }

.navbar-fixed .layui-layer{ border-radius:10px; }
.navbar-fixed .layui-layer-title{ border-radius:10px 10px 0 0; }
.navbar-fixed .layui-layer-iframe iframe{ border-radius:0 0 10px 10px; }

.wrap{ border-radius:15px; border:none; box-shadow: 0 0 2px rgba(0,0,0,.3); padding:25px 25px; }
.wrap .wrap-heading{ padding-left:0; font-size:20px; font-weight:normal; margin-bottom:25px; }
.wrap .wrap-heading:before{ background:none; display:none; }
.wrap .wrap-body{ padding:0 0; }
.wrap .wrap-item .wrap-rule-name{ color:#666; }
.wrap#wrapFooter{ border-radius:15px; left:180px; right:14px; border:1px solid #d7d7d7; border-radius:15px 15px 0 0; }
.wrap#wrapFooter .show_hide_config{ position:absolute; top:-26px; left:50%; margin-left:-60px; width:120px; height:26px; line-height:26px; text-align:center; background:#fff; font-size:12px; border-radius:8px 8px 0 0; border:1px solid #d7d7d7; border-bottom:0; }
.wrap#wrapFooter .show_hide_config a{ color:#999; }
.wrap#wrapFooter .show_hide_config a:hover{ color:#333; }
.wrap-coupon{ padding-right:15px; }
.wrap.wrap_simple{ box-shadow:none; }

.rule-list .rule-item{ width:200px; height:50px; line-height:50px; margin-right:15px; margin-bottom:15px; margin-top:0; border-radius:6px; }
.rule-list .rule-item:first-child{ border-radius:6px; }
.rule-list .rule-item:last-child{ border-radius:6px; }
.rule-list .rule-item:hover{ border:1px solid #3182ff; box-shadow: 0 0 15px rgba(0,0,0,.1); color:#333; }
.rule-list .rule-item.disabled:hover{ border:1px solid #ddd; box-shadow:none; }
.rule-list .rule-item.active{ background:none; border:1px solid #3182ff; color:#333; }
.rule-list .rule-item.active::before{ position:absolute;content:'';width:16px;height:16px;margin-top:-8px;top:50%;right:10px;background:#3182ff; z-index:1;border-radius:50%;}
.rule-list .rule-item.active::after { position:absolute;content:'';width:3px;height:6px;transform:rotate(45deg);border-right:2px solid #FFF;border-bottom:2px solid #FFF;margin-top:-5px;top:50%;right:15px;z-index: 2;}

.warp-item-small .rule-item{ width:150px; height:34px; line-height:34px; margin:5px 10px 6px 0; }

.rule-input .input-group-addon{ font-weight:normal; }
.rule-input .input-group-addon:last-child{ color:#333; }
.rule-input .input-group-addon:last-child:hover{ color:#fff; }

.btn-group-country .rule-item{ width:250px; height:66px; line-height:66px; overflow:hidden; }
.btn-group-country .rule-item.has_country{ padding:13px 25px; line-height:20px; }
.btn-group-country .rule-item .flag-icon{ width:2.5em; line-height:1.875em; margin-top:5px; margin-right:10px; }
.btn-group-country .rule-item .iconcolor{ font-size:28px; float:left; margin:9px 15px 0 0; }
.btn-group-country .rule-item .badge{ top:0; right:0; bottom:0; width:60px; line-height:64px; background:none; color:rgba(26, 45, 73, 0.24); font-size:18px; text-align:left; }
.btn-group-country .rule-item .badge:after{ display:none; }
.btn-group-country .rule-item img{ float:left; height:35px; margin:3px 15px 0 0; }

@media (min-width: 992px) {
    .nav-white{ background:#fff; }
    #nav { position:fixed; top:80px; left:30px; top:100px; width:130px; height:calc(100vh - 80px); padding-bottom:30px; display:flex !important; flex-direction:column; align-items:center; justify-content:space-between; background:none; overflow:visible }
    #nav > .nav{ width:110px; margin-bottom:0; padding:10px 0; border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,.3); background:#fff; }
    #nav + #content{ padding-left:165px; }
}

@media (max-width: 991px) {
    .slide-nav > #header, .slide-nav > #content{ -webkit-transform: translate3d(45%, 0px, 0px);-moz-transform: translate3d(45%, 0px, 0px);transform: translate3d(45%, 0px, 0px); }
    .slide-nav #nav{ width:45%; }
    .nav .dropdown-menu{ margin-left:-20px; }
    .navbar > .btn{ padding:0 10px; height:80px; line-height:80px; }
}