/* 字体 */
@font-face{font-family:montserratbold;src:url(../font/montserrat-bold/montserrat-bold-webfont.eot?rev=55d5f4b7de3d627a4f4fe32f50105506);src:url(../font/montserrat-bold/montserrat-bold-webfont.eot?rev=55d5f4b7de3d627a4f4fe32f50105506#iefix) format('embedded-opentype'),url(../font/montserrat-bold/montserrat-bold-webfont.woff?rev=5e4c6a2973fca52442a02c3880bdf291) format('woff'),url(../font/montserrat-bold/montserrat-bold-webfont.otf?rev=4ad3d37e53b950d205f5cc09955ee114) format('truetype'),url(../font/montserrat-bold/montserrat-bold-webfont.svg?rev=9a38469278877af9e1d35cfc2f08f90c#montserratbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:montserratregular;src:url(../font/montserrat-regular/montserrat-regular-webfont.eot?rev=747cd005d864108d5e6c2aea7a95b93d);src:url(../font/montserrat-regular/montserrat-regular-webfont.eot?rev=747cd005d864108d5e6c2aea7a95b93d#iefix) format('embedded-opentype'),url(../font/montserrat-regular/montserrat-regular-webfont.woff?rev=ad7a780c67f71895d58c4d8dec7dbeb7) format('woff'),url(../font/montserrat-regular/montserrat-regular-webfont.otf?rev=283ee7c7c11e37d207232f729ba77ffd) format('truetype'),url(../font/montserrat-regular/montserrat-regular-webfont.svg?rev=0be7773793ff3dd08f09cad033fd8fd2#montserratregular) format('svg');font-weight:400;font-style:normal}

html{background-color: #fff;position: relative;min-height: 100%;overflow-x:hidden;}
body{background-color: transparent;color:#73777a;font-size:13px;overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family:"montserratregular",'Microsoft Yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;
}
a{color:#454545;cursor:pointer;}
a:hover, a:focus{text-decoration:none;color:#00aaff;}

fieldset{ font-size:12px; }
legend{ font-size:14px; padding-bottom:5px; margin-bottom:10px; font-weight:bold; }

input.noupdown::-webkit-outer-spin-button,
input.noupdown::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

/* 英文强制分行 */
.word-break{ word-wrap:break-word; white-space:normal; word-break:break-all; }

.form-control{ border-color:#c3c6c9; font-size:12px; padding:10px 12px; color:#333; box-shadow:none; -webkit-box-shadow:none; -webkit-transition:none; }
.form-control:focus { border-color: #00c1de; }
.form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }

/*primary nav*/
.nav-primary:before, .nav-primary:after {display: table;content: " ";}
.nav-primary:after {clear: both;}
.nav-primary{background-color: #fff}
.nav-primary li{line-height: 1.5}
.nav-primary li li a{padding:5px 15px;}
.nav-primary li a i{margin-right: 0.5em; font-size:1.4em; display:inline-block;width:24px; text-align:center;}
.nav-primary > ul > li > a{color: #000;padding:10px 10px 10px 20px;position:relative;font-weight:normal;word-wrap:break-word;display: flex;align-items: center;font-size: 1.4rem;}
.nav-primary > ul > li > .dropdown-menu{margin-left: 0;border-radius: 0}
.nav-primary > ul > .dropdown-submenu:hover > a,
.nav-primary > ul > .dropdown-submenu:focus > a,
.nav-primary > ul > li > a:hover,
.nav-primary > ul > li > a:focus,
.nav-primary > ul > li > a:active,
.nav-primary > ul > li.active > a{color: #fff;background-color: #0038ff;}
.nav-primary > ul > li.active > a{}
.nav-primary > ul > li > a:hover{color:#fff;}
.nav-primary > ul > .dropdown-submenu  > a:after{display: none}
.nav-primary .nav-brand{ display:inline-block; text-align:center; padding:15px 15px 10px; }
.nav-primary .nav-brand img{ max-width:100%; }
.nav-primary .nav-brand .txt{ font-size:20px; color:#7985b2; font-style: italic; font-weight: bold }

.nav-primary li.group{ padding:10px 0 10px; }
.nav-primary li.group span{ padding-left:15px; color:#7985b2; }

.nav-primary.bg-light > ul > li > a{border-bottom-color:#dedede;color:#666;border:0; font-size:14px;}
.nav-primary.bg-light > ul > .dropdown-submenu:hover > a,
.nav-primary.bg-light > ul > .dropdown-submenu:focus > a,
.nav-primary.bg-light > ul > li > a:hover,
.nav-primary.bg-light > ul > li > a:focus,
.nav-primary.bg-light > ul > li > a:active{ color:#444; background:#ebebeb; }
.nav-primary.bg-light > ul > li.active > a{color: #000; background:#dedede;}

.nav-switch{ display:block; padding:5px 0 0 0; font-size:24px; text-align:center; }
.nav-switch:hover{ color:#fc3; }
/*overrid the bootstrap colors*/
.panel{border-color: #e0e4e8; }
.panel-heading, .panel-footer{border-color: #e0e4e8;background: #f7f8f9;}
.panel-default .panel-heading{ border-left:3px solid #6d7781;}
.panel-heading:before, .panel-heading:after {display: table;content: " ";}
.panel-heading:after {clear: both;}
.panel-heading .nav{font-size: 12px;margin: -10px  -15px;}
.panel-heading .nav > li > a{border-radius: 0;margin:0;border-width: 0 1px;line-height: 19px;}
.panel-heading .nav > li > a:hover{border-width: 0 1px;}
.panel-heading .nav-tabs{margin: -10px  -16px -11px -16px;}
.panel-heading .nav-tabs > li > a{line-height: 20px}
.panel-heading .nav-tabs.nav-justified{width: auto;}
.panel-heading .nav-tabs.pull-left > li:first-child > a, .panel-heading .nav-tabs.nav-justified > li:first-child > a{border-radius: 4px 0 0}
.panel-heading .nav-tabs.pull-right > li:last-child > a, .panel-heading .nav-tabs.nav-justified > li:last-child > a{border-radius: 0 4px 0 0}
.panel-heading .nav-tabs > li > a:hover, .panel-heading .nav-tabs > li > a:focus{border-width: 0 1px;background: transparent;border-color: transparent;}
.panel-heading .nav-tabs > li.active > a, .panel-heading .nav-tabs > li.active > a:hover, .panel-heading .nav-tabs > li.active > a:focus{background:#fff;border-width: 0 1px;border-color:#ddd;}
.panel-heading .label-large{vertical-align: 10%}
.panel-heading.bg{margin:-16px;margin-bottom:15px;border: none;}

.panel-card{ 
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    border-radius: 10px;
    transition: all .2s ease-in-out;}
.panel-card .card-heading{ font-size:16px; color:#a0a2a3; font-weight:normal; padding:10px; }
.panel-card .card-body{ padding:10px; }

.card-item{ display:block; border:1px solid #dedede; text-align:center; }
.card-item .card-heading{ background:#ddd; padding:8px 10px; color:#333; }
.card-item .card-body{ padding:10px; color:#666; line-height:1.8; }
.card-item .card-body p{ margin:0; padding:0; }
.card-item.active{ border:1px solid #61a1e1; }
.card-item.active .card-heading{ background:#61a1e1; color:#fff; }
.card-item.active .card-body{ color:#333; }

.list_gray{ margin:0; border:0; border-radius:0; }
.list_gray .list-group-item{ border-radius:0; background:#f7f9fa; border:1px solid #f7f9fa; margin-bottom:5px; color:#333; }
.list_gray .list-group-item:last-child{ margin-bottom:0; }
.list_gray .list-group-item:hover{ background:#fff; color:#333; border-color:#00aaff; }

.comment-list .panel-heading{ border-left:0;}

.panel-collapse{padding-bottom:3px;}
.panel-collapse .panel-content{display:none;}
.panel-collapse .panel-heading{margin-bottom:0}
.panel.bg{border: none}
.panel.bg .panel-heading.bg{margin:-15px;margin-bottom:15px;}
.panel.bg .list-group-item{border-color:transparent;}
.panel.bg .list-group-item a{color: #fff}
.panel .list-group{background: transparent;}
.panel .list-group.m-t-n .list-group-item:first-child{border-top:0 }
.panel .table td, .panel .table th{padding:6px 15px;border-top: 1px solid #eaedef;}
.panel .table-striped > tbody > tr:nth-child(odd) > td, .panel .table-striped > tbody > tr:nth-child(odd) > th {background-color: #fcfdfe;}
.panel .table-striped > thead > tr > th{background: #fafbfc;border-right: 1px solid #e0e4e8;border-bottom:1px solid #e0e4e8;}
.panel .table-striped > thead > tr > th:last-child{border-right: none}
.panel-large{min-width: 300px;}
.panel.no-bg{ border:0; background:#fff; }
.panel.no-bg .panel-heading{ background:none; border:0; }
.th-sortable{cursor: pointer;}
.th-sortable .th-sort{float: right;position: relative;}
.th-sort i{position:relative;z-index: 1}
.th-sort .icon-sort{position: absolute;left: 0;top: 3px;color: #bac3cc;z-index: 0}
.list-group{border-radius: 4px}
.list-group-item{padding-right: 15px;border-color:#e4e9ed;}
.list-group-item .icon-chevron-right{float: right;margin-top: 4px;margin-right: -5px}
.list-group-item > .icon-chevron-right + .badge {margin-right: 5px;}
a.list-group-item:hover, a.list-group-item:focus, a.list-group-item:active {background-color: #f1f5f9;}
a.list-group-item.active{background-color: #e1e5e9;border-color:#e1e5e9;color: #3a5a7a}
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge{color: #3a5a7a}
.list-group-item.media{margin-top: 0}
.list-group-item.heading{ background:#F5f6FA; border-left:4px solid #6d7781;}
.progress-mini{height: 6px}
.progress-small{height: 10px}
.progress-small .progress-bar{font-size: 10px;line-height: 1em}
.navbar{background-color: #fff}
.list-normal{background: transparent;}
.list-normal > .list-group-item{border-radius: 0;border-width: 1px 0}
.list-normal > .list-group-item .badge{margin-right: -5px}
.input-group{position: relative; display:inline-table;}
.tooltip-inner{background-color:#233445;background-color: rgba(35, 52, 69, 0.9);}
.tooltip.top .tooltip-arrow {border-top-color: #233445;border-top-color: rgba(35, 52, 69, 0.9);}
.tooltip.right .tooltip-arrow {border-right-color: #233445;border-right-color: rgba(35, 52, 69, 0.9);}
.tooltip.left .tooltip-arrow {border-left-color: #233445;border-left-color: rgba(35, 52, 69, 0.9);}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #233445;border-bottom-color: rgba(35, 52, 69, 0.9);}
.popover-content{font-size: 12px;line-height: 1.5}
/*override bootstrap dropdown-menu*/
.open{z-index: 1050}
.dropdown-menu > .panel{
  border: none;
  margin: -5px 0;
}
.dropdown-menu > li > a > i{ display:inline-block; width:24px; text-align:center; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  background-image: none;filter:none;background-color: #1a63ff;color: #fff;
}
.dropdown-menu > li > a:hover i{color: #fff}
.dropdown-submenu{position: relative;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu > .dropdown-menu{left:100%;top:0;margin-top:0;margin-left: -1px}
.dropup .dropdown-submenu > .dropdown-menu{top: auto;bottom: 0;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-menu.pull-left{left:100%;}
.dropdown-submenu.pull-left>.dropdown-menu{left: -100%;margin-left: 20px}
/*make a inverse one*/
.dropdown-menu.bg-inverse > .divider{height:1px;background-color: #2a3b4c;border: none}
.dropdown-menu.bg-inverse > li > a{color: #8e9eae}
.dropdown-menu.bg-inverse > li > a:hover,
.dropdown-menu.bg-inverse > li > a:focus,
.dropdown-menu.bg-inverse > li > a:active,
.dropdown-menu.bg-inverse > li.active > a,
.dropdown-menu.bg-inverse > .dropdown-submenu:hover > a{color: #fff}
.dropdown-menu .badge{margin-top: 1px}
.dropdown-select > li > a input{position: absolute;left: -9999em;}
/*breadcrumb*/
.breadcrumb{background-color: #fafbfc;border:1px solid #e0e4e8;padding-left: 10px;font-size: 12px}
.breadcrumb.path > li + li:before{ content:'\f105'; }


/*accordion*/
.accordion-group,.accordion-inner{border-color: #e0e4e8}
.accordion-inner{background: #fff;border-radius: 0 0 4px 4px}

.alert{font-size: 75%;border-color: rgba(10,20,20,.1);}
.close i{font-size: 12px;font-weight: normal;display: block;line-height: 1.5;}

.modal-backdrop{background: #fff}
.modal-backdrop.fade.in{opacity: 0.8;filter: alpha(opacity=80);}
.modal-header{border-radius: 6px 6px 0 0;background-color: #f7f8f9}
.modal-header .close{margin-top: 3px}
.modal-footer{padding: 14px 20px 15px;margin-top: 0;border-radius: 0 0 6px 6px;background-color: #f7f8f9}

.bg{background-color: #f7f8f9}
.label{font-weight: 700;}
.badge{background: #b1b5b9}
.badge.bg-white{color: #919599}
.text-white{color: #fff}
.text-muted{color: #919599}
.text-light{color: #919599}
.text-default{color: #a5b6c7;}
.text-warning{color: #f4c414;}
.text-danger{
    color: #0038ff !important;
    font-size: 16px;
    font-weight: 600;}
.text-primary{color: #00aaff}
.text-gray{color: #ccc}
.text-black{color: #333 !important; }
.text-color{color:#2b3f7e}

.text-center{text-align: center !important;}
.shiwaidanger {
    font-size: 13px;
    font-weight: 600;
    color: #ff0500!important;
}
.btn{
  color: #fff;
  background: #a7b2be;
  position: relative;
  border-width: 0;
  font-weight: 700;
  padding: 9px 12px;
}
.btn:hover, .btn:focus, .btn:active, .btn.active {background: #bac3cc;}

.btn.disabled,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: #c4c9cf;
  color: #fff;
}

.btn-white{padding:8px 12px;border-width:1px;border-color:#c3c6c9;color:#657483;background-color:#fff}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active{border-color:#c3c6c9;color:#657483;background-color:#f7f8f9;}

.btn-default{padding:8px 12px;border-width:1px;border-color:#c3c6c9;color:#657483;background-color:#f5f6f7}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{border-color:#c3c6c9;color:#657483;background-color:#fafbfc;}

.btn-primary, .bg-primary, .btn-primary.btn-circle > i{color:#fff;background: #0032ff;border-radius: 6px;box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;transition: all .2s ease-in-out;border: 2px solid #fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.btn-circle:hover > i, .btn.btn-circle:hover > i{color: #fff; background: #2176ff;transition: all .2s ease-in-out;border: 2px solid #fff;}

.btn-success, .bg-success, .btn-success.btn-circle > i{color:#fff;background-color:#3fcf7f}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.btn-circle:hover > i{color:#fff;background-color:#4fdf8f;}

.btn-info, .bg-info, .btn-info.btn-circle > i{color:#fff;background-color:#0032ff;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.btn-circle:hover > i{color:#fff;background-color:#61a1e1;}

.btn-inverse, .bg-inverse, .btn-inverse.btn-circle > i{color:#fff;background-color:#233445}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.btn-circle:hover > i{color:#fff;background-color:#314355;}

.btn-warning, .bg-warning, .btn-warning.btn-circle > i{color:#fff;background-color:#f4c414}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.btn-circle:hover > i{color:#fff;background-color:#f6d616;}

.btn-danger, .bg-danger, .btn-danger.btn-circle > i{color:#fff;background-color:#0038ff}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.btn-circle:hover > i{color:#fff;background-color:#2176ff;}

.btn-twitter, .btn-twitter.btn-circle > i{color:#fff;background-color:#00c7f7}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .btn-twitter.btn-circle:hover > i{color:#fff; background-color:#2fcff6; }

.btn-facebook, .btn-facebook.btn-circle > i{color:#fff;background-color:#335397}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook.btn-circle:hover > i{color:#fff; background-color:#4264ab; }

.btn-gplus, .btn-gplus.btn-circle > i{color:#fff;background-color:#dd4a38}
.btn-gplus:hover, .btn-gplus:focus, .btn-gplus:active, .btn-gplus.active, .btn-gplus.btn-circle:hover > i{color:#fff; background-color:#ea5e4d; }

.btn-on.active{color:#fff;border: 1px solid #767676;background: #8e9eae}

.btn-small{padding: 6px 15px;}
.btn-white.btn-small, .btn-default.btn-small{padding: 5px 10px;}
.btn-large{padding: 15px 16px;}
.btn-white.btn-large, .btn-default.btn-large{padding: 14px 16px;}
.btn-white .caret, .btn-default .caret{border-top-color: #656565}
.dropup .btn-white .caret, .dropup .btn-default .caret{border-bottom-color: #656565}

.btn > i{line-height: 1.428571429;}
.btn-mini,.btn-xs{padding: 3px 6px; font-size: 10.5px; border-radius: 3px;}
.btn-mini i,.btn-xs i{font-size: 9px}
.btn.btn-circle, .btn.btn-circle.disabled{padding:2px 5px;box-shadow: none;border:none;background: transparent;color: #3a5a7a;transition:none;}
.btn.btn-circle:hover, .btn.btn-circle:active, .btn.btn-circle.active{box-shadow: none;background: transparent;}
.btn-circle > i{color: #a5b6c7;background:#e5e9ed;width: 60px;height: 60px;padding:18px 0;font-size:24px;border-radius: 50%;display: block;margin:0 auto;margin-bottom:6px;line-height:normal;transition:all .3s ease-in-out 0s;}
.btn-circle.btn-large > i{width: 80px;height: 80px;padding:22px 0;font-size:36px;}
.btn-circle.btn-small > i{width: 40px;height: 40px;padding:10px 0;font-size:20px;}
.btn-circle.btn-mini > i{width: 30px;height: 30px;padding:8px 0;font-size:14px;}
.btn-circle b.badge{position: absolute;right: 5px;top: 2px;}
.btn-circle .badge i{margin: 0 -5px}
.btn-white.btn-circle > i{color: #a5b6c7;background: #fff}
.btn.btn-circle.disabled > i{background:#c4c9cf;}
.navbar-nav > li > a {
    line-height: 35px!important;
}
[class^="icon-"]:before, [class*=" icon-"]:before{text-decoration: none;margin-left: 0.2em;margin-right: 0.2em}
.icon-stack [class^="icon-"]:before, .icon-stack [class*=" icon-"]:before{margin: 0;}
.icon-xlarge:before{font-size:1.5em;vertical-align: -14%;}
.btn-block{padding-left: 12px;padding-right: 12px}
.text-active, .active .text{display: none !important;}
.active >.text-active{display: inline-block !important;}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active{border:none;background-color: transparent;background-image: none;-webkit-box-shadow: none;box-shadow: none;text-decoration: none;color: #3a5a7a}
form, .carousel, .form-horizontal .control-group, .nav-tabs, .alert, .panel, .progress, .breadcrumb, .accordion{margin-bottom: 15px}
.media, .media .media{margin-top: 10px;}
.pagination{margin:5px 0;}
.pagination-large > li > a, .pagination-large > li > span{padding: 10px 14px}
/*common css*/
.bg-white{background: #fff;}
.bg-black{background: #2b3f7e;}
.bg-light{background: #f5f5f5;}
.bg-lighter{background:#f1f5f9}
.bg-default{background: #bac3cc}
.bg-white-desktop{background-color: #fff}
.bg-focus{background: #ffffee !important;}
.bg-blue{background:#2b3f7e}

.pos-rlt{position: relative;}
.pos-stc{position: static;}
.pos-abt{position: absolute;}
.content-box, .jqstooltip{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.line {*width: 100%;height: 2px;margin: 10px 0;font-size:0;overflow: hidden;background-color: #fff;border-width:0;border-top: 1px solid #e0e4e8;}
.line-mini{margin: 0}
.line-dashed{border-style: dashed;background: transparent;}
.line-large{margin-top:15px;margin-bottom: 15px}
.headline{border-bottom: 5px solid #000;margin-top: 0;line-height: 45px;}
.no-line{border-width: 0}
.no-border{border-color:transparent !important;}
.no-radius{border-radius: 0}
.block{display:block;margin-bottom: 10px}
.block.hide{display: none}
.inline, .inline-desktop{display:inline-block !important;}
.pull-right-desktop{float: right;}
.pull-none{float: none}
.clear{clear:both}
.line-v{border-left:1px solid #dddddd;padding-left:20px}
.line-v-right{border-right:1px solid #dddddd;padding-right:20px;}
.wrapper{}
.w-link{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0}
.btn-s-mini{min-width: 90px}
.btn-s-small{min-width: 100px}
.btn-s-medium{min-width: 120px}
.btn-s-large{min-width: 150px}
.btn-s-xlarge{min-width: 200px}
.btn-s-xxlarge{min-width: 300px}
.btn-padder{padding-left:40px;padding-right:40px}
.l-h-2x{line-height: 2em;}
.text-small{font-size: 12px;}
.text-mini{font-size: 10px;}
.text-large{ font-size:18px; }
.padder{padding:0 15px;}
.no-padder{padding: 0 !important;}
.pull-in{margin-left: -15px;margin-right: -15px;}
.pull-out{margin:-15px;}
.b-t{border-top: 1px solid #e0e4e8}

.m-l{margin-left: 15px}
.m-l-none{margin-left: 0}
.m-l-mini{margin-left: 5px;}
.m-l-small{margin-left: 10px;}
.m-l-large{margin-left: 20px;}
.m-l-n{margin-left: -15px}
.m-l-n-mini{margin-left: -5px}
.m-l-n-small{margin-left: -10px}
.m-l-n-large{margin-left: -20px}

.m-t{margin-top: 15px}
.m-t-none{margin-top:0}
.m-t-mini{margin-top: 5px;}
.m-t-small{margin-top: 10px;}
.m-t-large{margin-top: 4px;}
.m-t-n{margin-top: -15px}
.m-t-n-xmini{margin-top: -1px}
.m-t-n-mini{margin-top: -5px}
.m-t-n-small{margin-top: -10px}
.m-t-n-large{margin-top: -20px}

.m-r{margin-right: 15px}
.m-r-none{margin-right: 0}
.m-r-mini{margin-right: 5px}
.m-r-small{margin-right: 10px}
.m-r-large{margin-right: 20px}
.m-r-n{margin-right: -15px}
.m-r-n-mini{margin-right: -5px}
.m-r-n-small{margin-right: -10px}
.m-r-n-large{margin-right: -20px}

.m-b{margin-bottom: 15px;}
.m-b-none{margin-bottom: 0}
.m-b-mini{margin-bottom: 5px;}
.m-b-small{margin-bottom: 10px;}
.m-b-large{margin-bottom: 20px;}
.m-b-n{margin-bottom: -15px}
.m-b-n-mini{margin-bottom: -5px}
.m-b-n-small{margin-bottom: -10px}
.m-b-n-large{margin-bottom: -20px}

.p-t{padding-top:15px;}
.p-t-mini{padding-top: 5px;}
.p-t-small{padding-top: 10px;}
.p-b{padding-bottom:15px;}
.p-b-mini{padding-bottom: 5px;}
.p-b-small{padding-bottom: 10px;}
.p-b-none{ padding-bottom:0 !important;}
.p-t-none{ padding-bottom:0 !important;}
.p-t-large{padding-top: 20px;}
.p-r{padding-right:15px;}
.p-r-mini{padding-right:5px;}

.header-bar{border-bottom: 1px solid #e0e4e8}
.media-mini{min-width: 50px}
.media-small{min-width: 80px}
.media-large{min-width: 90px}
.avatar{border-radius: 500px;background-color: #fff;padding: 2px}
.thumb-mini{width: 24px}
.thumb-small{width: 36px}
.thumb{width: 64px}
.thumb-large{width: 90px}
.thumb img, .thumb-mini img, .thumb-small img, .thumb-large img{height: auto;max-width: 100%;vertical-align: middle;}
/** 等高 **/
.thumb-mini.thumb-height,
.thumb-small.thumb-height,
.thumb.thumb-height,
.thumb-large.thumb-height{ width:auto; }
.thumb-mini.thumb-height img,
.thumb-small.thumb-height img,
.thumb.thumb-height img,
.thumb-large.thumb-height img{max-height:100%;}
.thumb-mini.thumb-height{height: 24px}
.thumb-small.thumb-height{height: 36px}
.thumb.thumb-height{height: 64px}
.thumb-large.thumb-height{height: 90px}
/**/
.scroll-x, .scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch;}
.scroll-y{overflow-y:auto;}
.scroll-x{overflow-x:auto;}
.no-touch .scroll-x, .no-touch .scroll-y{overflow: hidden;}
.no-touch .scroll-x:hover, .no-touch .scroll-x:focus, .no-touch .scroll-x:active{overflow-x: auto;}
.no-touch .scroll-y:hover, .no-touch .scroll-y:focus, .no-touch .scroll-y:active{overflow-y: auto;}
.no-touch .scroll-y:hover > *{margin-right: -10px;padding-right: 15px}
/*cols*/
.col-lg-2-4 {width: 20.000%;padding-left: 15px;padding-right: 15px}
.col-newline{clear:left;}
input[type="text"], select, textarea{min-width: 40px;height: auto;}

/* Site CSS */
/* Header */
.shiwainavt:hover {
    color: #0031ff!important;
}
.navbar{min-height:65px;border-bottom: 0;box-shadow: 0 2px 4px rgb(189 189 189 / 72%);z-index:1010;border-radius:0;padding:0;margin-bottom:0; font-size:14px;}
.navbar.bg{border-bottom: 1px solid #636568;}
.navbar-brand{font-size:24px;min-width:90px;max-width:500px;font-style: italic;font-weight: 700;padding:10px 15px 0 10px; }
.navbar-brand img{max-height: 30px}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus{color: #fff;}
.navbar-form{position: relative;margin: 10px}
.navbar-form input[type="text"]{border-radius: 17px;font-weight: 700;text-indent: 1.5em;}
.navbar-form i{position: absolute;z-index: 1;left:.6em;top: 50%;margin-top: -8px;color: #bbb}
.navbar-nav{margin: 0}
.navbar .nav > li > div{padding-left: 10px;padding-right: 10px}
.navbar .nav > li > div .dropdown-menu{margin-left: 10px;}
.navbar-avatar .thumb-small{margin:0 4px;vertical-align: baseline;width: 40px;}
.navbar-avatar > li > a{padding: 12px 10px}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background:#e1e5e9;box-shadow:inset 0 1px 0 #0032ff}
.bg .nav li.dropdown > a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;}
.bg .nav > li > a{color: #a5b6c7}
.bg .nav > li > a:hover{color: #fff;}
.bg .nav li.dropdown.open > .dropdown-toggle, .bg .nav li.dropdown.active > .dropdown-toggle, .bg .nav li.dropdown.open.active > .dropdown-toggle {background-color: #000;color: #fff;}
.navbar .badge-notes{float:right;margin-left:-15px;margin-top:-6px;position: relative;font-size: 11px}
.navbar-fixed .navbar{position: fixed;top:0;left: 0;right: 0;z-index: 100;}
.navbar-fixed{padding-top: 51px}
.navbar-nav.pull-right{width: auto;}
.navbar-fixed .navbar-vertical{ left:90px;}

.navbar .nav > li > .header-user{ padding:0; min-width:260px; }
.navbar .nav > li > .header-user .panel{ margin:0; }
.navbar .nav > li > .header-user .panel i{ display:inline-block; width:20px; text-align:center; }

.dropdown-toggle .badge{ position:absolute; right:2px; top:5px; font-style:normal; font-size:8px; font-weight:normal; padding:1px 3px; border-radius:50%; }
.dropdown-toggle .point{ position:absolute; right:8px; top:12px; display:block; width:9px; height:9px; overflow:hidden; border-radius:50%; }
/*content*/
#content{position: relative; min-height: calc(100vh - 104px);}
.page-title{background: #eaedef;border-bottom: 1px solid #d3d6d9;padding: 10px 15px}
/* Footer*/
footer{ font-size:14px; padding:25px 10px 15px 195px; line-height:2;}
.fnav{ font-size:16px; margin-bottom:0; }
.fnav span{ padding:0 12px; }

/*comments*/
.arrow:before, .arrow:after{position: absolute;display: inline-block;border-color: transparent;border-style: solid;content:"";}
.arrow-left:before{margin-left:-7px;top: 6px;left: 0px;border-right-color: #d1d4d7;border-width:7px 7px 7px 0;-moz-border-right-colors: #fff;}
.arrow-left:after{margin-left:-6px;top: 7px;left: 0px;border-right-color: #fff;border-width:6px 6px 6px 0;}

.arrow-right:before{margin-right:-7px;top: 6px;right: 0px;border-left-color: #d1d4d7;border-width:7px 0 7px 7px;-moz-border-left-colors: #fff;}
.arrow-right:after{margin-right:-6px;top: 7px;right: 0px;border-left-color: #fff;border-width:6px 0 6px 6px;}

.arrow-top:before{margin-top:-7px;top: 0;left: 6px;border-bottom-color: #d1d4d7;border-width:0 7px 7px 7px;-moz-border-top-colors: #fff;}
.arrow-top:after{margin-top:-6px;top: 0;left: 7px;border-bottom-color: #fff;border-width:0 6px 6px 6px;}

.chat-item{position: relative;}
.chat-item.arrow-left:before{top:11px;left:47px;}
.chat-item.arrow-left:after{top:12px;left:47px;border-right-color: #f1f5f9;}
.chat-item.arrow-right:before{top:11px;left:auto;right:47px;}
.chat-item.arrow-right:after{top:12px;left:auto;right:47px;}

.comment-list, .comment-item{position: relative;}
.comment-item .panel{padding: 10px}
.comment-item .panel-heading, .comment-item .panel-footer{font-size: 12px;padding: 10px 10px;margin-top:-10px;margin-left:-10px;margin-right:-10px;position: relative;}
.comment-reply{margin-left: 40px}
.comment-item:before{top:10px;left:47px;}
.comment-item:after{top:11px;left:47px;border-right-color: #f5f5f5;}
.comment-list:before{position: absolute;top: 0;bottom: 35px;left: 16px;width: 1px;background: #e0e4e8;content: '';z-index: 0;}
.comment-item > .thumb-small{width: 36px;}

/*Carousel*/
.carousel-padder{padding-left: 30px;padding-right: 30px;}
.carousel-control{width: 30px;color: #999;text-shadow:none;}
.carousel-control i {position: absolute;top: 50%;left: 50%;z-index: 5;display: inline-block;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.carousel-control:hover,
.carousel-control:focus {color: #ccc;text-decoration: none;opacity: 0.9;filter: alpha(opacity=90);}
.carousel-indicators.out{bottom: -25px}
.carousel-indicators li{background: #ddd;background-color: rgba(0,0,0,0.2);border: none;margin: 0}
.carousel-indicators .active{background: #13c4a5;width: 10px;height: 10px;}
.carousel-control.left, .carousel-control.right{background-image:none;filter:none;}
.carousel.carousel-fade .item {-webkit-transition: opacity 2s ease-in-out;-moz-transition: opacity 2s ease-in-out;-ms-transition: opacity 2s ease-in-out;-o-transition: opacity 2s ease-in-out;transition: opacity 2s ease-in-out;}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {left: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {left: 0;z-index: 1;}
.carousel.carousel-fade .carousel-control {z-index: 3;}
.carousel ul.item, .carousel ul.item > li{list-style: none;margin: 0;padding: 0}

.dropfile{border:2px dashed #e0e4e8;text-align: center;min-height: 20px}
.dropfile.hover{border-color: #aac3cc}
.dropfile small{margin: 50px 0;display: block}

/*Charts*/
.axis{margin:6px 0 0}
.axis li{vertical-align:top;font-size: 9px;margin-right:2px;padding: 0;width: 10px;-webkit-text-size-adjust: none;text-align: center;line-height: 1em;white-space:nowrap}
.axis li:last-child{margin-right:0 !important;}
.axis-full{display: table;}
.axis-full li{display: table-cell;padding: 0;width: 1%;}
.easypiechart {position: relative;text-align: center;}
.easypiechart canvas {position: absolute;top: 0;left: 0;}
.easypiechart .easypie-text{position: absolute;z-index:1;line-height: 1;font-size: 75%;width: 100%;top: 60%}

.combodate select{display: inline-block;}
.doc-buttons .btn{margin-bottom: 5px}
.the-icons{list-style: none;margin: 0}
.the-icons i{font-size: 14px;width:40px;margin:0;display: inline-block;text-align: center;}
.the-icons a{line-height: 32px;display: block;}
.the-icons a:hover i{font-size:28px;vertical-align:middle}

.h{font-size: 180px;font-weight: 700;text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0,0,0,.125), 0 10px 20px rgba(0,0,0,.2);}

/* infobox */
.infobox-container {text-align: left;font-size: 0;}

.infobox { display: inline-block;width: 204px;height: 66px;color: #555;background-color: #FFF;box-shadow: none;border-radius: 0;margin: -1px 0 0 -1px;padding: 8px 3px 6px 9px;border: 1px dotted;border-color: #d8d8d8!important;vertical-align: middle;text-align: left;position: relative; }
.infobox>.infobox-icon { display: inline-block;vertical-align: top;width: 44px; }
.infobox>.infobox-icon>[class*="icon-"] {display: inline-block;height: 42px;margin: 0;padding: 1px 1px 0 2px;background-color: transparent;border: 0;text-align: center;position: relative;border-radius: 100%;-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);box-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.infobox>.infobox-icon>[class*="icon-"]:before { font-size: 24px;display: block;padding: 6px 0 7px;margin:0;width: 40px;text-align: center;border-radius: 100%;color: rgba(255,255,255,0.9);background-color: rgba(255,255,255,0.2);text-shadow: 1px 1px 1px rgba(0,0,0,0.14); }
.infobox>.infobox-data {display: inline-block;border: 0;border-top-width: 0;font-size: 13px;text-align: left;line-height: 21px;min-width: 130px;padding-left: 8px;position: relative;top: 0;}
.infobox>.infobox-data>.infobox-data-number {display: block;font-size: 22px;margin: 2px 0 4px;position: relative;text-shadow: 1px 1px 0 rgba(0,0,0,0.15);}
.infobox .infobox-content {color: #555;}
.infobox>.stat {display: inline-block;position: absolute;right: 20px;top: 11px;text-shadow: none;color: #abbac3;font-size: 13px;font-weight: bold;padding-right: 18px;padding-top: 3px;}
.infobox>.stat:before {display: inline-block;content: "";width: 8px;height: 11px;background-color: #abbac3;position: absolute;right: 4px;top: 7px;}
.infobox>.stat:after {display: inline-block;content: "";position: absolute;right: 1px;top: -8px;border: 12px solid transparent;border-width: 8px 7px;border-bottom-color: #abbac3;}
.infobox>.label,.infobox>.badge {position: absolute;right: 20px;top: 11px;text-shadow: none;color: #FFF;font-size: 11px;font-weight: bold;}
.infobox .infobox-content {color: #555;}
.infobox .infobox-content:first-child {font-weight: bold;}

.infobox-small {width: 135px;height: 52px;text-align: left;padding-bottom: 5px;}
.infobox-small>.infobox-icon, .infobox-small>.infobox-chart, .infobox-small>.infobox-progress {display: inline-block;width: 40px;max-width: 40px;height: 42px;line-height: 38px;vertical-align: middle;}
.infobox-small>.infobox-data {display: inline-block;text-align: left;vertical-align: middle;max-width: 72px;min-width: 0;}

.infobox-dark {margin: 1px 1px 0 0;border-color: transparent!important;border: 0;color: #FFF;padding: 4px;}
.infobox-dark .infobox-content {color: #FFF;}
.infobox-dark>.infobox-icon>[class*="icon-"], .infobox-dark>.infobox-icon>[class*="icon-"]:before {background-color: transparent;box-shadow: none;text-shadow: none;border-radius: 0;font-size: 30px;}

.infobox-green { color: #9abc32;border-color: #9abc32; }
.infobox-green>.infobox-icon>[class*="icon-"] {background-color: #9abc32;}
.infobox-green.infobox-dark {background-color: #9abc32;border-color: #9abc32;}
.infobox-green>.badge{background-color: #9abc32;}
.infobox-blue { color: #6fb3e0;border-color: #6fb3e0; }
.infobox-blue>.infobox-icon>[class*="icon-"] {background-color: #6fb3e0;}
.infobox-blue.infobox-dark {background-color: #6fb3e0;border-color: #6fb3e0;}
.infobox-blue>.badge{background-color: #6fb3e0;}
.infobox-blue2 { color: #3983c2;border-color: #3983c2; }
.infobox-blue2>.infobox-icon>[class*="icon-"] {background-color: #3983c2;}
.infobox-blue2.infobox-dark {background-color: #3983c2;border-color: #3983c2;}
.infobox-blue2>.badge{background-color: #3983c2;}
.infobox-pink { color: #cb6fd7;border-color: #cb6fd7; }
.infobox-pink>.infobox-icon>[class*="icon-"] {background-color: #cb6fd7;}
.infobox-pink.infobox-dark {background-color: #cb6fd7;border-color: #cb6fd7;}
.infobox-pink>.badge{background-color: #cb6fd7;}
.infobox-red { color: #d53f40;border-color: #d53f40; }
.infobox-red>.infobox-icon>[class*="icon-"] {background-color: #d53f40;}
.infobox-red.infobox-dark {background-color: #d53f40;border-color: #d53f40;}
.infobox-red>.badge{background-color: #d53f40;}
.infobox-orange { color: #f79263;border-color: #f79263; }
.infobox-orange>.infobox-icon>[class*="icon-"] {background-color: #f79263;}
.infobox-orange.infobox-dark {background-color: #f79263;border-color: #f79263;}
.infobox-orange>.badge{background-color: #f79263;}
.infobox-grey {color: #999;border-color: #999;}
.infobox-grey>.infobox-icon>[class*="icon-"] {background-color: #999;}
.infobox-grey.infobox-dark {background-color: #999;border-color: #999;}
.infobox-grey>.badge{background-color: #999;}

.infobox>.stat.stat-success {color: #77c646;}
.infobox>.stat.stat-success:before {background-color: #77c646;}
.infobox>.stat.stat-success:after {border-bottom-color: #77c646;}
.infobox>.stat.stat-important {color: #e4564f;}
.infobox>.stat.stat-important:before {background-color: #e4564f;top: 3px;}
.infobox>.stat.stat-important:after {border-top-color: #e4564f;border-bottom-color: transparent;bottom: -6px;top: auto;}

.main{ padding-top: 30px; }
.main .page-head{ padding:10px 0 5px; color:#333; }
.main .page-head h4{ font-size:22px; }
.main .page-head h4 i.iconfont{ font-size:22px; }

/* 加载过渡效果 */
.spinner { width: 60px; height: 60px; position: relative; margin: 50px auto; }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #67CF22; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; }
.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
  50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

/* 布局型表格 */
.t-table{ position:relative; padding-top: 37px;}
.t-table .t-thead{ display:-webkit-flex; display:flex; background:#f0f5ff; height:36px; line-height:36px; }
.t-table .t-thead > div{ flex:1; padding:0 15px; }
.t-table .t-row{ display:-webkit-flex; display:flex; border-bottom:1px solid #f5f5f5; font-weight:normal; }
.t-table .t-row .t-col{ flex:1; padding:8px 15px; line-height: 20px; color: black;font-size: 13px;}
.t-table .t-row:last-child{ border-bottom:0; }
/* 表格头部固定，且内容固定高度滚动 */
.panel-table-warp{ position:relative; }
.panel-table-warp .t-thead{ position:absolute; left:0; top:0; right:0; }
.panel-table-warp .t-body{ max-height:250px; overflow:hidden; overflow-y:auto; }

/* wx-qrcode */
.cash .wx-title{ font-size:16px; margin-bottom:5px; }
.cash .cash_price{ font-size:14px; margin-bottom:5px; }
.cash .wx-title b{ padding:0 5px; }
.cash .wx-qrbox{ padding:10px 0 10px; text-align:center; }
.cash .wx-qrbox>dt img{ width:300px; border:1px solid #ddd; margin-bottom:20px; }
.cash .wx-qrbox>dt>dl{ background:#ff7674 url('../../home/img/icon-red.png') no-repeat 20px center; padding:0; color:#fff; height:61px; font-size:16px; width:300px; margin:0 auto; }
.cash .wx-qrbox>dt>dl>dd{ padding:9px 0 0 50px; }
.cash .wx-bottom{ font-size:16px; padding-top:20px; }

/* 响应式 */
@media (max-width: 500px) {
  .cash .wx-qrbox>dt img{ width:230px; }
  .cash .wx-qrbox>dt>dl{ width:230px; }
}


/*desktop*/
@media (min-width: 992px){
  ::-webkit-scrollbar {width:.25em;height:.25em;position:absolute}
  ::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.15)}
  ::-webkit-scrollbar-track {background-color:rgba(0,0,0,0.0)}
  .navbar-brand{margin-left: auto;margin-right:auto;}
  .bg .navbar-brand{border-right-color: transparent;}
  .navbar-form input{transition:width .3s ease-in-out 0s;}
  .navbar-form input:focus{width:200px}
  .bg-black .navbar-form input{background-color: #102030;border-color:#314355;color:#8e9eae;}
  .bg-black .navbar-form input:focus{background-color: #fff;color:#222;}

  .nav-primary > ul > li > .dropdown-menu{margin-top: -1px;margin-left: 0}
  .nav-vertical > ul > li > a > i{display: block;font-size: 1.8em;margin:2px auto}
  .nav-vertical > ul > li > a{text-align: center;border-bottom: none;font-size: 11.5px}
  .nav-primary.nav-vertical > ul > li > a > .badge{position: absolute;top: 4px;right: 15px;font-size: 11px;padding:3px 6px}
  .nav-vertical li.group{ display:none; }

  #nav{position: relative;width: 195px;position: absolute;z-index:99;left:0;top:65px;bottom:0;border-right:0;padding-top:0;overflow-y:auto;box-shadow: 5px 0 30px 0 #d8d8d8;}
  #nav.bg-light{background:#f3f3f3;border-color:#dedede}
  #nav.nav-vertical {width: 90px}
  #nav + #content{padding-left: 195px;}
  #nav.nav-vertical + #content {padding-left: 90px;}
  #nav .nav-switch{ color:#dedede; }
  #nav .nav-switch:hover{ color:#fc3; }

  #nav .logo_mark{ position:absolute;bottom:0;left:0;width:100%;padding-bottom:10px; text-align:center; font-size:12px; }
  #nav .logo_mark a{ color:#aeb6d5; }
  #nav .logo_mark a:hover{ color:#ddd; }

  .nav-primary.nav-doc > ul > li > a{border-bottom: none;padding: 3px 15px;text-shadow:none;}
  .nav-primary .affix{top: 0;min-width:149px;width:195px;}
  .nav-primary.nav-vertical .affix{top: 0;min-width: 89px}
  .content-sidebar{border-bottom:1px solid #d1d4d7;display: table;width:100%;border-spacing:0;table-layout:fixed;}
  .content-sidebar .sidebar{border:0 solid #d1d4d7;border-right-width: 1px;}
  .sidebar{width: 200px;display: table-cell;vertical-align: top}
  .sidebar-small{width: 160px}
  .sidebar-large{width: 300px}
  .main + .sidebar{border-right-width: 0;border-left-width: 1px}
  .modal{overflow-y: auto;}
  .col-lg-2-4{float: left;}

  .table-responsive:not(.pc-active){ overflow:visible; }
}

/*tablet*/
@media (max-width: 991px) {
  /* .slide-nav from left or right*/
  body{overflow-x: hidden;}
  body.slide-nav{overflow: hidden;}
  #header{
    -webkit-transition: -webkit-transform 0.2s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: -moz-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    left:0;
  }
  .slide-nav #nav{position: absolute;left: 0;top: 65px;bottom:0;width: 39%;display: block !important;z-index: 810;box-shadow: 5px 0 30px 0 #d8d8d8;}
  .slide-nav .slide-nav-block{display:block !important;position: absolute;left: 0;right:0;top: 0;bottom: 0;z-index: 500}
  .slide-nav > #content{background-color: #f5f6f7;}
  .slide-nav > #header, .slide-nav > #content{
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
    overflow: hidden;
  }
  .slide-nav.slide-nav-right #nav{left: auto;right: 0}
  .slide-nav.slide-nav-right > #header, .slide-nav.slide-nav-right > #content{
    -webkit-transform: translate3d(-75%, 0px, 0px);
    -moz-transform: translate3d(-75%, 0px, 0px);
    transform: translate3d(-75%, 0px, 0px);
  }
  /* /.slide-nav */
  .page-title{padding: 10px}
  a:hover{text-decoration: none}
  .inline-desktop{display: inherit;}
  .pull-right-desktop{float: none}
  .hidden-sm.show, .visible-lg.show{display: inherit !important;}
  .bg-white-desktop{background-color: transparent;}
  .navbar > .btn{padding:10px 10px;}
  .nav-primary .dropdown-menu{position: relative;left: 0;float: none;display: block;border: none;background: transparent;padding-bottom: 0;-webkit-box-shadow: none;box-shadow: none;z-index: 0}
  .nav-primary .dropdown-menu a{color: #8e9eae;border-bottom: 1px solid #2a3b4c;}
  .nav-primary .dropdown-menu .active a{color: #fff;}
  .nav-primary.bg-light .dropdown-menu a{color: #3e4e5e;border-bottom-color:#d1d4d7;}
  .nav-primary.bg-light .dropdown-menu a:hover{color: #fff}
  .nav-primary .nav{position: static;}
  .col-lg-2-4{width: 100%;float: none}
  .nav-switch{ display:none;}
}

.tip_box{
  float:left;
  text-align:center;
  margin: 5px 0 5px 0px;
  padding-left: 10px;
  height: 34px;
  line-height:34px;
  cursor:pointer;
}

@media (min-width: 768px) {
  .navbar-brand{
    margin-left: auto;
    margin-right: auto;
  }
  .modal-content{
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  }
  .modal.fade .modal-large{ width:900px; margin-left:-450px; }
  .modal.fade .modal-max{ width:1200px; margin-left:-600px; }
}

/*phone*/
@media (max-width: 767px) {
  .main.padder{padding:27px 10px}
  .row, .row .row{margin-left: -10px;margin-right: -10px;}
  .row [class*="col-"]{padding-left: 10px;padding-right: 10px;}
  .shift{display: none !important;}
  .shift.in{display: block !important;}
  .row-2-phone [class*="col-"]{width: 50%;float: left}
  .row-2-phone .col-newline{clear: none}
  .row-2-phone li:nth-child(odd) { clear: left;margin-left: 0}
  .visible-sm-inline{display: inline-block !important;}
  .hidden-sm-only{display: none !important;}
  .text-center-sm{text-align: center !important;}
  .navbar{padding:0}
  .navbar > .btn{padding:11px;}
  .navbar-avatar > li > a{padding: 12px 10px 5px 5px; }
  .navbar-form{float: none;}
  .nav-toggle{position: absolute;left: 0;top: 0}
  .padder-sm{padding-left: 15px; padding-right:15px;}
  .h{font-size: 150px}
  .modal.fade .modal-max{ width:700px; margin-left:-350px; }
  .navbar .nav-brand {
    position: absolute;
    left: 50%;
    margin-left: -92px;
  }
}

@media (max-width: 440px) {
  .toolbar a{width:25%;float: left;margin-bottom: 10px}
  .toolbar a:nth-child(5n){clear: left}

  footer{ font-size:12px; padding:20px 10px 10px; line-height:1.8; }
  .fnav{ font-size:14px; margin-bottom:0; }
  .fnav span{ padding:0 5px; }
}

.input-group{ position:relative; }
.input-group .form-control:last-child,
.input-group .btn:last-child{ border-top-left-radius:0; border-bottom-left-radius:0; }
.input-group .btn:last-child{ border-left:0; float:none; }
.input-group .form-control:first-child,
.input-group .btn:first-child{ border-top-right-radius:0; border-bottom-right-radius:0; }
.input-group .btn:first-child{ border-right:0; }
.input-group .dropdown-input{ display:none; position:absolute; background:#fff; border:1px solid #ccc; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); z-index:10; }
.input-group .dropdown-input ul{ list-style:none; padding:0; margin:0; width:100%; }
.input-group .dropdown-input li{ list-style:none; margin:0; }
.input-group .dropdown-input li:hover{ background:#eee; }
.input-group .dropdown-input li a{ display:block; height:28px; line-height:28px; padding:0 20px; cursor:pointer; color:#333; }
.input-group .dropdown-input li i{ font-size:10px; color:#ccc; }

.filter-row .label{ background:#eee; color:#333; font-weight:normal; }
.filter-row *{ vertical-align:middle; }

.form-inline .form-control{ width:auto; vertical-align:top; }
.form-inline .form-group{ width:auto; display:inline-block; }
.form-inline .btn-group{ vertical-align:top; width:auto; }
.form-inline .btn{ vertical-align:top; }

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{ vertical-align:middle; }
.table-border-none.table thead > tr > th, .table-border-none.table tbody > tr > th, .table-border-none.table tfoot > tr > th, .table-border-none.table thead > tr > td, .table-border-none.table tbody > tr > td, .table-border-none.table tfoot > tr > td{ border-top:0; }

.main-edit .btn-group{ padding:0; margin:0; }
.main-edit .btn-group .active span{ cursor: default; }
.main-edit form.padder{ padding:0; }

/* jconfirm */
.jconfirm{ z-index:1050!important; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top:5px; right:5px; width:30px; height:30px; line-height:30px!important; font-size:30px!important; z-index:1000; }
.bl_dialog .jconfirm-box{ padding:0; }
.bl_dialog .jconfirm-box div.jconfirm-content-pane{ margin-bottom:0; }
.bl_dialog .jconfirm-content{ padding:20px; }
.bl_dialog .jconfirm-box div.jconfirm-title-c{ background:#f7f8f9; padding:15px; }
.bl_dialog .jconfirm-box div.jconfirm-title-c .jconfirm-title{ padding-bottom:0; font-size:18px; font-weight:bold; }
.bl_dialog .jconfirm-buttons{ display:none; }

/* editor */
.edui-editor{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* 重置按钮 */
.btn-toggle .btn-white.active{ background:#46b8da; color:#fff; border-color: #31b0d5; }
.btn-toggle .btn-off.active{ background: #ccc; border-color: #c3c6c9; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
.btn-tab .btn-white, .btn-tab .btn-default{ padding:0; }
.btn-tab .btn-white span, .btn-tab .btn-default span{ display:inline-block; padding:5px 10px; }

.table_verify tr td{ word-break:break-all !important; word-wrap:break-word !important; }

/* 表格自适应 */
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

/* auth */
.main_auth{ padding:100px 10px 120px; }
.main_auth .main_title{ font-size:35px;color:#fff; color:#eee; }
.main_auth .panel{ max-width:450px; margin:0 auto; padding:30px 25px 20px; }
.main_auth .auth_title{ font-size:20px; margin-bottom:25px; font-weight:bold; }
.login_heading{ text-align:center; margin-bottom:28px; }
.user_avatar{ width:64px; height:64px; display:inline-block; text-align:center; border-radius:50%; }
.main_auth .icon{ display:inline-block; width:16px; text-align:center; }
.main_auth .iconfont{ display:inline-block; width:16px; text-align:center; line-height:normal; }
.main_auth .nav-tabs > li > a:hover{ color:#2b3f7e; }
.main_auth .nav-tabs > li.active > a{ font-weight:bold; color:#2b3f7e; }

.third{
  display: flex;
}
.third .mini-logo{
  border-radius: 5px;
  margin-right: 10px;
}
.third .mini-logo img{
  width: 35px;
  height: 35px;
}

.input-group .parsley-error-list{ position:absolute; visibility:hidden; }
.input-group .captcha_img{ vertical-align:middle; }
.bg-black .navbar-brand{ color:#fff; }

/* table */
.border-none,
.border-none td,
.border-none th{ border:none !important; }

/* file input*/
.file-wrapper input[type=file]{
   position:absolute; left:0; top:0; width:100%; height:100%; margin:0; opacity:0; z-index:99; outline:0; display:block; cursor:pointer;
 }

.panel .table-server tbody td{ padding:6.5px 15px; }

.member_product .item a{ padding:10px 15px 10px 45px; margin:5px 0; border:1px solid #fff0; display:block; background-repeat:no-repeat; background-position:left center; }
/*.member_product .item.item_vps a{ background-image:url('../images/home_icon_server.png'); }
.member_product .item.item_vps a:hover{ background-image:url('../images/home_icon_server_active.png'); }
.member_product .item.item_vhost a{ background-image:url('../images/home_icon_host.png'); }
.member_product .item.item_vhost a:hover{ background-image:url('../images/home_icon_host_active.png'); }
.member_product .item.item_server a{ background-image:url('../images/home_icon_idc.png'); }
.member_product .item.item_server a:hover{ background-image:url('../images/home_icon_idc_active.png'); }
.member_product .item.item_ssl a{ background-image:url('../images/home_icon_ssl.png'); }
.member_product .item.item_ssl a:hover{ background-image:url('../images/home_icon_ssl_active.png'); }*/
.member_product .item a i{ font-size:32px; color:#787878; position:absolute; left:15px; top:15px; }
.member_product .item a:hover i{ color:#00aaff; }
.member_product .item h3{ font-size:14px; color:#333; margin:4px 0 3px; white-space:nowrap; }
.member_product .item p{ font-size:12px; color:#999; margin:0; padding:0; height:20px; line-height:20px; overflow:hidden; }
.member_product .item a:hover h3{ color:#00aaff;  }
.user-head-info .user_icon i {
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.user-head-info{ display: inline-block;
    width: 100%;}
.user-head-info .user_avatar{ width: 98px;
    height: 98px;
    margin-right: 15px;
    border: 8px solid rgb(0 0 255 / 7%);}
.user-head-info .user_name{ font-size:20px; background-size:56px; }
.user-head-info .user_icon{ padding:0 10px; display:inline-block; width: 100%;}
.user-head-info .user_icon a{ display: inline-block;
    width: auto;
    position: relative;
    font-size: 13px;
    width: 30%;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.user-head-info .user_icon a.active{ color:#000; }

.wrap{ margin-bottom:20px; padding:15px 25px 15px; position:relative; background:#fff; }
.wrap .wrap-heading{ color:#333; height:25px; line-height:25px; font-size:16px; font-weight:bold; margin-bottom:20px; padding-left:15px; position:relative; }
.wrap .wrap-heading:before{ content:''; display:inline-block; position: absolute; left:0; top:50%; margin-top:-8px; height:14px; width:4px; border-radius:3px; background:#4687ff; vertical-align:text-bottom; }
.wrap .wrap-body{ padding:0 15px; }
.wrap#wrapFooter{ position:fixed;bottom:0;left:210px;right:35px;z-index:10000;padding-top:0;padding-bottom:0;margin-bottom:0;border:1px solid #ebecee;border-radius:5px; box-shadow:0 -2px 12px 1px rgba(0,0,0, 0.1); }
.wrap#wrapFooter .wrap-body{ padding-right:30px; }
.wrap#wrapFooter .wrap-heading{ display:none; }

.wrap .wrap-item{ margin:5px 0; }
.wrap .wrap-item .wrap-rule-name{ float:left; width:90px; padding:11px 0 11px; font-size:14px; color:#999; }
.wrap .wrap-item .wrap-rule-body{ padding-left:110px; }
.wrap-coupon{
  /*padding-right: 100px;*/
}
.wrap-rule-body.warp-rule-static{padding-top:11px; font-size: 14px;}
.wrap-coupon .form-control option{
  padding: 3px 0;
  font-size: 14px;
}
.wrap-coupon .form-control option:disabled{
  color: #999;
}
.wrap-amount.wrap-item .btn_buy{ padding-left:40px;padding-right:40px; }
.show-line{
  margin-top: 20px;
  margin-bottom: 20px;
}
.show-item{
  padding: 11px 0;
  width: 50%;
  display: flex;
  float: left;
}
.show-item-name{
  width: 110px;
}
.rule-list .shiwairu {
    width: 152px!important;
    height: 50px!important;
    line-height: 45px!important;
    font-size: 14px!important;
}
.rule-list .rule-item{ 
    width: 130px;
    height: 37px;
    float: left;
    position: relative;
    margin: 5px 20px 5px 0;
    line-height: 33px;
    text-align: center;
    font-size: 13px;
    padding:0 20px; 
    border: 2px solid #e6e9eb;
    color: #000;
    box-shadow: inset 8px 8px 8px 0px rgb(141 141 141 / 11%), inset -8px -8px 20px 0px #fff;
    border-radius: 10px;
    background: #f7f8fa;
    transition: all .5s;
    font-weight: bold;
}
.rule-item>.iconfont {
    font-weight: 500;
}
.shiwaitehuis {
    top: 5px!important;
    width: 35%!important;
    height: 23px!important;
    line-height: 16px!important;
    border-radius: 6px!important;
}
.rule-list .rule-item.active{ 
    border-color: #015bfe;
    color: #015bfe;
    z-index: 10;
    box-shadow: 0 0px 5px 3px rgb(0 197 255 / 30%), 0px 8px 20px 0px rgb(0 255 198 / 9%);
    background-image: url(https://img.shiwaiyun.net/images/2023/01/03/65643056c8dc983d9eb282fbbd038509-020258d8a8f7b3c3.png)!important;
    background-repeat: no-repeat!important;
    background-position-x: right!important;
    background-color: transparent!important;
    }
/*.rule-list .rule-item:first-child{ border-top-left-radius:5px; border-bottom-left-radius:5px; }*/
/*.rule-list .rule-item:last-of-type{ border-top-right-radius:5px; border-bottom-right-radius:5px; }*/
.rule-list .rule-item.disabled{ color:#aeaeae; cursor:not-allowed; background:#f5f5f5; }
.rule-list .rule-item .badge{ position:absolute; top:-21px; right:0px; font-weight:normal; }
/*.rule-list .rule-item .badge:after{ content:""; position:absolute; left:5px; bottom:-6px; display:inline-block; width:0; height:0; border-width:7px 7px 0 0; border-style:solid; border-color:#b1b5b9 transparent transparent; }*/
.rule-list .rule-item .badge.bg-danger:after{ border-color:#ff5f5f transparent transparent; }
.rule-desc{ color:#999; padding-top:10px; font-size:12px; }
.rule-price{ font-size:24px; }
.rule-input{ margin:5px 0 5px; }
.rule-input .form-control{ height:34px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-color:#ddd; }
.rule-input .form-control:active,
.rule-input .form-control:hover{ border-color:#00aaff; }
.rule-input .input-group-addon{ background:none; font-weight:bold; border-color:#ddd; }
.rule-input .input-group-addon:last-child{ border-top-right-radius:5px; border-bottom-right-radius:5px; }
.rule-slider{ margin:11px 0 0; }

.rule-list .rule-card{ display:block; float:left; border:2px solid #ebecee; margin:5px 10px 5px 0; overflow:hidden; cursor:pointer; width:350px; line-height: 2em; color:#333; position: relative; box-shadow: inset 8px 8px 8px 0px rgb(141 141 141 / 11%), inset -8px -8px 20px 0px #fff;
    border-radius: 10px;
    background: #f7f8fa;
    transition: all .5s;}
.rule-list .rule-card label{ display:block; text-align:center; font-weight:normal; height:42px; line-height:42px; font-size: 16px; }
.rule-list .rule-card .desc{
  text-align: center;
  padding:0 15px;
}
.rule-list .rule-card label:after{
  content: " ";
  height: 1px;
  background: #0096e0;
  width: 30px;
  margin: 0 auto;
  display: block;
}
.rule-list .rule-card .icon-bg{
  display: none;
  color: #fff;
  text-align: right;
  position: absolute;
  right: 0;
  border-top: 30px solid #015bfe;
  border-left: 30px solid transparent;
}
.rule-list .rule-card .icon-ok{
  display: none;
  line-height: 12px;
  position: absolute;
  color: #fff;
  right: -2px;
  top: 3px;
}

.rule-list .rule-card.active,.rule-list .rule-card:hover{ box-shadow: 0 0px 5px 3px rgb(0 197 255 / 30%), 0px 8px 20px 0px rgb(0 255 198 / 9%);border: 2px solid #015bfe;}
.rule-list .rule-card.active .icon-bg,.rule-list .rule-card.active .icon-ok,.rule-list .rule-card:hover .icon-bg,.rule-list .rule-card:hover .icon-ok{
  display: block;
}
.rule-list .rule-card.active label,.rule-list .rule-card:hover label{ color: #0096e0; }
.rule-list .rule-card ul,
.rule-list .rule-card ul li{ list-style-type:none; padding:0; margin:0; }
.rule-list .rule-card ul{ padding:5px 0; text-align: center;}
.rule-list .rule-card ul li{ padding:1px 10px 5px; }

.progress_color_box{ color:#fff; position:relative; border-radius:10px; }
.progress_color_box .pcb_body{ padding:15px; border-radius:10px 10px 0 0; }
.progress_color_box h5{ margin:0 0 5px; padding:0; font-size:14px; }
.progress_color_box .pcb_icon{ position:absolute; right:15px; top:15px;}
.progress_color_box .pcb_foot{ background:#F5f6FA; padding:15px; border-radius:0 0 10px 10px; }

.wrap.wrap_simple{ border:none; margin-bottom:0; padding:0; border-radius:0; background:none; }
.wrap.wrap_simple .wrap-item .wrap-rule-name{ padding:5px 0 5px; }
.wrap.wrap_simple .wrap-body{ margin-left:0; padding:0; }
.wrap.wrap_simple .rule-slider{ margin:5px 0 5px; }

.cash-coupon-item {
  position: relative;
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
  padding-top: 32px;
  width: 232px;
  height: 320px;
  background: url('../images/coupon_bg_normal.png') no-repeat center;
}
.cash-coupon-item.near_expire .cash-coupon-corner{
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  background: url('../images/icon_label_to_expire.png') no-repeat center;
}
.cash-coupon-item.had_use .cash-coupon-corner{
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  background: url('../images/icon_label_used.png') no-repeat center;
}
.cash-coupon-item.had_expire .cash-coupon-corner{
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 80px;
  height: 64px;
  background: url('../images/mark_disabled.png') no-repeat center;
}
.cash-coupon-item:first-child {
  margin-left: 0;
}
.cash-coupon-item.had_expire,
.cash-coupon-item.had_use {
  background-image: url('../images/coupon_bg_disabled.png');
}
.cash-coupon-money {
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.money {
  font-size: 2.5rem;
  font-weight: bold;
}
.cash-coupon-tip {
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
}
.cash-coupon-time {
  color: #1d698f;
  font-size: 12px;
  text-align: center;
}
.had_expire .cash-coupon-time,
.had_use .cash-coupon-time {
  color: #636566;
}

.cash-coupon-bottom {
  padding-top: 24px;
  padding-left: 10px;
  height: 150px;
}
.cash-coupon-bottom-item {
  line-height: 32px;
  font-size: 12px;
  color: #262829;
}
.over-text{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cash-coupon-bottom-item-title {
  color: #a0a2a3;

}
.coupon-bar{
  display: flex;
  flex-wrap: wrap ;
  padding: 0 15px;
}

.cash-coupon-item-btn {
  display: block;
  margin: 0 auto;
  border: 1px solid #00aaff;
  width: 120px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #00aaff;
  text-align: center;
  border-radius: 16px;
}
.cash-coupon-item-btn:hover {
  text-decoration: none;
  color: #00aaff;

}
.oauth_title{
  position: relative;
  margin-bottom: 10px;
}
.oauth_title span{
  display: block;
  margin: 0 auto;
  width: 120px;
  text-align: center;
  background: #fff;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
.oauth_title:before{
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  top: 10px;
  border-bottom: 1px solid #c3c6c9;
  z-index: 0;
}
.oauth_box{
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
}
.oauth_item{
  width: 12%;
  margin: 5px;
  white-space: nowrap;
  text-align: center;
  color: #999;
}
.oauth_item a{
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 5px;
}
.oauth_item img{
  width: 100%;
}
.ssl_product_tips{
  display: flex;
  align-items: center;
}
.shiwaisectigo {
    position: absolute;
    top: 225px;
    right: 0px;
    padding: 0 20px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 100%;
}
.shiwaisectigo img {
    width: 100%;
}
.ssl_product_tips .product_images {
  display: block;
  height: 80px;
  width: 250px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px;
  border-right: 1px solid #ececec;
}
.ssl_product_tips .product_images.Sectigo {
  background-size: 110px;
  background-image: url('https://img.shiwaiyun.net/images/2023/06/13/sectigo.png')
}
.ssl_product_tips .product_content {
  flex: 1;
  line-height: 20px;
  vertical-align: top;
  font-size: 13px;
  padding: 10px;
  box-sizing: border-box;
}

/** 平板模式 */
@media (max-width: 991px) {
  .wrap#wrapFooter{ left:10px; right:10px; }
  .wrap-amount .wrap-rule-name{ display:none; }
  .wrap-amount.wrap-item .wrap-rule-body{ padding-left:10px; }
  .wrap-amount.wrap-item .btn_buy{ padding-left:15px; padding-right:15px; }
}

/** 大尺寸手机 */
@media (max-width: 767px) {
    
  .wrap#wrapFooter{ 
      position:fixed;
      left:0;
      right:0;
  }
  
  .show-item{
    width: 100%;
  }
}

/** 小尺寸手机 */
@media (max-width: 768px) {
  .pull-out{width: 839px;}
  .wrap{ padding:10px 0; }
  .wrap .wrap-item .wrap-rule-name{ float:none; width:100%; }
  .wrap .wrap-item .wrap-rule-body{ padding-left:0; }
  .wrap-coupon{ padding-right:2px; }

  .rule-list .rule-card{ width:auto; max-width:100%; }
  .ssl_product_tips .product_images {
    width: 100px;
    display: none;
  }
}



.navbar .nav-brand {
    display: inline-block;
    text-align: center;
    padding: 5px 15px 5px;
}
.navbar .nav-brand img {
    max-height: 55px;
}
.user-head-info .shiwai-hy {
    line-height: 30px;
    padding-left: 0;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-head-info .shiwai-hym {
    line-height: 40px;
    padding-left: 0;
    color: #035ded;
}
.user-head-info .shiwai-hyz {
    color: #fff !important;
    text-align: center;
    border-radius: 100px;
    border: 4px solid rgba(255,255,255,0.53);
    display: inline-block;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 23px;
    padding: 0;
    min-width: 75px;
}
.shiwai-pt0 {
    padding: 0 !important;
}
.shiwai-xhx {
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .shiwaipr {
        padding-left: 0!important;
    }
}
.shiwai-height {
    height: 290px;
}
.shiwai-dlsj {
    margin-top: 19px;
}
.shiwai-dlsj p {
    display: inline-block;
    /*width: 49%;*/
    font-size: 12px;
    margin: 0;
    color: #777;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}
@media (max-width: 1465px) {
.user-head-info .user_avatar {
    width: 58px;
    height: 58px;
    margin-right: 0;
    border: 5px solid rgb(0 0 255 / 7%);
}
.shiwai-hym {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}
@media (max-width: 1180px) {
.shiwai-hym {
    width: 40%;
}
}
@media (max-width: 1080px) {
.shiwai-hym {
    width: 35%;
}
}
@media (max-width: 767px) {
.user-head-info .shiwai-hym {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 33px;
}
}
@media (max-width: 991px) {
.shiwai-hym {
    width: 40%;
}
}
@media (max-width: 767px) {
.user-head-info .shiwai-hyz {
    color: #fff !important;
    text-align: center;
    border-radius: 100px;
    border: 4px solid rgba(255,255,255,0.53);
    display: inline-block;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
    position: absolute;
    right: 0;
    width: auto;
    padding: 0 5px;
    top: 18px;
}
}
@media (max-width: 1080px) {
.user-head-info .shiwai-hyz {
    min-width: 60px;
}
}
@media (max-width: 767px) {
.user-head-info .user_avatar {
    width: 75px;
    height: 75px;
    margin-right: 10px;
    border: 8px solid rgb(0 0 255 / 7%);
}
.user-head-info .user_icon a {
    font-size: 12px;
    width: 32%;
}
}
@media (max-width: 767px) {
.user-head-info .shiwai-hy {
    line-height: 18px;
    font-size: 12px;
}
.shiwai-height {
    height: auto;
}
/*.panel {*/
/*    padding: 5px;*/
/*}*/
.col-lg-4.shiwai-pt0 {
    padding: 0 10px !important;
}
}
.shiwai-xflj {
    display: flex;
    justify-content: space-between;
    margin: 38px 0 7px;
    color: #777;
}
.shiwai-height-news {
    height: 320px;
}
#notice_body.card-body {
    height: 250px;
    overflow: hidden;
}
.panel .table-server tbody td a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    max-width: 81%;
    margin-right: 6px;
}
.shiwai-height-db {
    height: 165px;
}