/*
 *  Zname.com - v2.0.0 - 2023-10
 *  Author: DH
 *  Content:Default Css
 */
:root{
    --subject-color:#4150e3;
    --subject-drak-color:#3644d0;
    --subject-light-bg:#f2f5ff;
    --subject-semidrak-bg:#e0e6fc;
}

html{font-size:14px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body {margin:0;font-family:'ProximaNova','ProximaNova-fallback','Helvetica','sans-serif',"Microsoft Yahei";font-size:1rem;line-height:1.8;text-align:left;color: #262626;background: #fff;}
.btn:focus,
input:focus{outline: none!important;box-shadow:none!important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type='number'] {-moz-appearance: textfield;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:1.4rem;padding-left:1.4rem;}
@media (min-width:576px){.container{max-width: 100%;padding-right:1.125rem;padding-left:1.125rem;} }
@media (min-width:992px){html{font-size:14px}.container, .container-lg, .container-md, .container-sm{max-width: 100%;padding-right: 1.125rem;padding-left:1.125rem;} }
@media (min-width:1100px){.container, .container-lg, .container-md, .container-sm{max-width: 960px;}}
@media (min-width:1200px){.container, .container-lg, .container-md, .container-sm{max-width: 1040px;}}
@media (min-width:1300px){.container, .container-lg, .container-md, .container-sm{max-width: 1140px;}}
@media (min-width:1400px){html{font-size:15px}.container, .container-lg, .container-md, .container-sm{max-width: 1320px;}}
@media (min-width:1500px){.container, .container-lg, .container-md, .container-sm{max-width: 1420px;}}
@media (max-width: 768px){.full-width {width: 100%;}}

.iconfont{font-size: inherit;}
a{color:#333;text-decoration:none;}
a:hover{color: var(--subject-color);text-decoration:none}

.btn.disabled, .btn:disabled {opacity: .45;cursor: not-allowed;}
.btn-group-lg>.btn, .btn-lg {padding: .6rem 1.7rem;font-size: 1.15rem;}
.btn-primary {color: #fff;background-color:var(--subject-color);border-color: var(--subject-color);}
.btn-primary:hover{border-color:var(--subject-drak-color);background-color:var(--subject-drak-color);color: #fff;}
.btn-primary.disabled,.btn-primary:disabled{background-color:#5f6faa;border-color:#5f6faa}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary.focus,
.btn-primary:focus{color:#fff;background-color:var(--subject-color);border-color:var(--subject-color);box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.show>.btn-primary.dropdown-toggle{color:#fff;background-color:var(--subject-color);border-color:var(--subject-color)}
.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
.btn-outline-primary {color:var(--subject-color);border-color: #cccdcf;background-color:#fff;}
.btn-outline-primary:hover{border-color:var(--subject-drak-color);background-color:var(--subject-drak-color);color: #fff;}
.btn-light-primary{border-color:#cdd8f9;background-color:#f2f5ff;color: #6c88ed;}
.btn-light-primary:hover{border:1px solid var(--subject-color);background-color:#f2f4fd;color:var(--subject-color)}
.btn-light-secondary{border-color: #cccdcf;color:#7e7f7f;background:#f5f5f5}
.btn-light-secondary:hover{border:1px solid var(--subject-color);background-color:#f2f4fd;color:var(--subject-color)}
.btn-secondary {color:#fff;background-color: #5c6892;border-color:#5c6892;}
.btn-secondary:hover,
.btn-secondary:focus{color:#fff!important;background-color: #465178!important;border-color:#465178!important;}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#04d3d9;border-color:#04d3d9}
.btn-outline-secondary{border-color: #cccdcf;color:#7e7f7f;background:#fff}
.btn-outline-secondary:hover{border:1px solid var(--subject-color);background-color:#f2f4fd;color:var(--subject-color)}
.btn-success {background-color: #00c084;border-color: #00c084;}
.btn-success:hover{background-color: #00ae7b;border-color: #00ae7b;}
.btn-gray{color:#9e9ea9;background-color:#eff0f3;border-color:#eff0f3}
.btn-gray:hover{color:#9e9ea9;background-color:#e4e5e6;border-color:#e4e5e6}
.btn-link-gray{color: #999;}
.btn-link-gray:hover{color:var(--subject-color);}
.btn-outline-light{background: none;border-color:#fff;color: #fff}
.btn-outline-light:hover{background:rgba(255,255,255,0.1)!important;border-color:#fff;color: #fff;text-decoration: none!important}
.btn-outline-link{color: #333;}
.btn-outline-link:hover{color: var(--subject-color);text-decoration: underline}
.btn-light{background: #fff;color: #333}
.btn-light:hover{background:#fcfcfc;color:var(--subject-color)}
/*badge*/
.badge-primary {color: var(--subject-color);background-color:var(--subject-semidrak-bg);border-color:var(--subject-semidrak-bg);}
.btn.badge-primary:hover,
.btn.badge-primary:focus{background-color:#d6dfff;color: var(--subject-color);}
.badge-success{background-color:#2cbc77}
.badge-secondary{background-color:#627eea}
.btn.badge-secondary:hover,
.btn.badge-secondary:focus{background-color:#5570d6}
.badge-info{background-color:#3796e8}
.badge-warning{background-color:#ffa421;color: #fff;}
.badge-danger{background-color:#ff6746}
.badge-dark{background-color:#6e6e6e}
.badge-light{background-color:#eceef3;color: #5c6892;}
.badge-gray{background-color:#eceef1;color: #5970c2;}
a.badge-gray:hover{background-color:#e5e6ec;color: #4150e3;}
.light.badge-default{background:#adb6c7}
.light.badge-success{background-color:#b2dec9;color:#2cbc77}
.light.badge-info{background-color: #e7f3ff;color: #007bff;}
.light.badge-primary{background-color:#fff;color:var(--subject-color)}
.light.badge-secondary{background-color:#c9d4ff;color:var(--subject-color)}
.light.badge-warning{background-color:#fff4e3;color:#f9980d}
.light.badge-danger{background-color:#ffedea;color:#ff6746}
.light.badge-dark{background-color: #b7b7b7;color: #fff;}
.light.badge-light{background-color:#eee;color:#9e9e9e}
/* alert */
.alert-sm{position: relative;padding: .35rem .75rem;}
.alert-primary {color: var(--subject-color);background-color:var(--subject-semidrak-bg);border-color:var(--subject-semidrak-bg);}
.alert-default{background: #dfdfdf;color: #5c6892;}
.alert-secondary{background:#f1f7ff;border-color:#f2f4fd;color:#364daf}
.alert-danger{background:#ffdcdb;border-color:#ffdcdb;color:#ef4300}
.alert-success{background:#c8f2d1;border-color:#c8f2d1;color:#37d159}
.alert-warning{background: #fff1e5;border-color: #fff1e5;color: #ec4700;}
.alert-dark{color:#fff;background-color:var(--subject-color);border-color:var(--subject-color);}
.alert-light{background: #ededed;border-color: #ededed;color: #959595;}

.modal-title{font-weight:700}
.modal-content{box-shadow:0 .3rem 1.8rem rgba(51,51,51,.1);border:none}
.domain-icon{border-radius:100%;height:1.8rem;width:1.8rem;display:inline-block;overflow:hidden;vertical-align:middle;position:relative}
.domain-icon .img{width:100%;height:100%}
.domain-icon-square{height:15rem;width:15rem}
.domain-icon .text{position:absolute;bottom:1rem;left:0;font-size:1.5rem;width:100%;text-align:center;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.2)}

/*	domain-check */
.domain-check{margin-right:.5rem;cursor: pointer;display: inline-block!important;}
.domain-check input{position: relative;height:1.2rem;width:1.2rem;vertical-align: middle;margin-right:.3rem;z-index: 0;}
.domain-check input+span{vertical-align: middle;}
.domain-check input::after{content:' ';height:1.2rem;width:1.2rem;background: url("../images/choose.png") no-repeat center;z-index:2;display:block;position:absolute;cursor: pointer;}
.domain-check input::before {box-sizing: border-box;content:' ';position: absolute;top:0px;left:0px;height:1.2rem;width:1.2rem;background: #fff;border: solid 1px #cacaca;border-radius:.111rem; z-index: 1;display:block;cursor: pointer;}
.domain-check input:checked::before{background:var(--subject-color);border-color:var(--subject-color);}
.domain-check input:checked+span{color:var(--subject-color);}
.domain-check input[type=radio]::before {border-radius:100%;height:1.2rem;width:1.2rem;}
.domain-check input[disabled]::before {background: #ddd;border-color: #ddd;}
.domain-check input[disabled]+span{color:#ccc;}
/*layout*/
.left{float: left}
.right{float: right}
/*font*/
.fs-0{font-size:calc(1.55rem + 1.7vw)!important}
.fs-1{font-size:calc(1.4rem + 1.3vw)!important}
.fs-2{font-size:calc(1.325rem + .9vw)!important}
.fs-3{font-size:calc(1.3rem + .6vw)!important}
.fs-4{font-size:calc(1.2rem + .3vw)!important}
.fs-5{font-size:1.25rem!important}
.fs-6{font-size:1rem!important}
.fs-7{font-size:.875rem!important}
.fs-8{font-size:.75rem!important}
.fst-italic{font-style:italic!important}
.fst-normal{font-style:normal!important}
.fw-lighter{font-weight:lighter!important}
.fw-light{font-weight:300!important}
.fw-normal{font-weight:400!important}
.fw-medium{font-weight:500!important}
.fw-semibold{font-weight:600!important}
.fw-bold{font-weight:700!important}
.fw-bolder{font-weight:bolder!important}
.lh-1{line-height:1!important}
.lh-sm{line-height:1.25!important}
.lh-base{line-height:1.5!important}
.lh-lg{line-height:2!important}
/*text color*/
.text-yellow {color: #ffd821!important;}
.text-warning {color: #ec4700!important;}
.text-primary {color:var(--subject-color)!important;}
a.text-primary:hover{color:var(--subject-drak-color)!important;}
/*check_all*/
.check_all{display: inline-block;padding:2px 8px;border:solid 1px transparent;line-height: 20px;border-radius: 2px;}
.check_all.active{border-color: #ff9e5d;color: #ff6300;}
/* form	*/
.form-control-lg {height: calc(1.5em + 1rem + 2px);padding: .5rem 1rem;font-size: 1.125rem;line-height: 1.5;border-radius: .3rem;}
@media (min-width:300px){
    .form-inline .form-control {display: inline-block;width: auto;vertical-align: middle;}
}
/*width/height*/
.width-100{width: 5.555rem}
.width-120{width: 6.666rem}
.width-150{width: 8.333rem}

.min-width-100{min-width: 5.555rem}
.min-width-120{min-width: 6.666rem}
.min-width-150{min-width: 8.333rem}
.min-width-200{min-width: 12.5rem}

/*tooltip*/
.tooltip.show{opacity:1}
.tooltip-inner {max-width:200px;background-color:#fff;box-shadow: 0 .1rem .5rem .3rem rgb(68 75 99 / 12%)!important;color:#666;text-align: left}
.tooltip-inner .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {border-top-color: #fff}
.tooltip-inner .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {border-right-color: #fff}
.tooltip-inner .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {border-bottom-color: #fff}
.tooltip-inner .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {border-left-color: #fff}

/*nav*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color:var(--subject-color);}


@media screen and (max-width : 768px ){
    .xs-hide{display: none; !important;}
}