/*------------------------------------element-plus-----------------------------------------*/
/*form内居中显示*/
.el-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/*------------------------------------general-----------------------------------------*/
/*--@import url('https://cdn.hhh.org/font/Arial/index.css');--*/


  
::-webkit-scrollbar {width: 4px;height:4px;display:block;}
::-webkit-scrollbar-thumb {background-color:rgba(100,100,100,.7);}
.hide-scrollbar ::-webkit-scrollbar{display:none;}

.loading{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.8);z-index:999;}
.relative{position:relative;}
.display-n{display:none;}

html, body {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    overflow-x: overlay;
    overflow-y: overlay;
    -webkit-font-smoothing: antialiased;
    text-align:center;
    height:100%;
    margin:0;
    padding: 0;
}

.container, .container-fluid {min-height: 65%;}

a {
}

a:hover, a:active, a:focus {
text-decoration: underline;
}

.section-title {
  margin: 0;
  padding-bottom: 32px;
}

h1,h2,h3,h4,h5,h6 {
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
}

p {
  font-size: 16px;
  font-weight: lighter;
  color: #000;
  line-height: 25px;
  letter-spacing: 0.2px;
}

/*--------------------------------------- mobile response -----------------------------------------*/
@media (max-width: 580px) {
h1 {
font-size: 29px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
p {
font-size: 14px;
font-weight: 300;
}
.searchtld{
display:none;
}
}

/*-----------------HEADER-------------------------*/
.header{
background:#1a2942;
text-align: center;
width:100%;
}

.brand{
width:110%;
text-align: center;
padding:4% 1% 4% 1%;
}

.mainsearch{
width:100%;
margin:1% 0 1% 0;
}

.searchinput{
width:55%;
background:#fff;
padding:4% 0 4% 4%;
text-align: left;
color:#777;
font-size:15px;
font-weight:500;
display:inline-block;
border-color:transparent;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

.searchtld{
width:20%;
background:#E7EFFD;
padding:4% 0 4% 0;
text-align:center;
color:#777;
font-size:15px;
font-weight:400;
display:inline-block;
border-color:transparent;
}

.searchsubmit{
width:18%;
min-width:35px;
color:#fff;
padding:4%;
background: #3562A6;
display:inline-block;
height:100%;
border-color:transparent;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
.searchsubmit:hover{
background:#5d81b7;
}


/*-----------------------------------footer------------------------------------*/
footer {
position: relative;
padding:30px 0 0 0;
color:#fff;
background: #1a2942;
font-size:13px;
}

.footer-title{
font-size:16px;
margin-bottom: 10px;
}

footer ul li {
list-style:none;
margin:2% 0 0 0;
}

footer ul > li > a{
color:#ccc;
}

footer ul > li > a:hover {
text-decoration: underline;
color:#fff;
}


.copy{
font-size:13px;
color:#ccc;
text-align:center;
padding:1%;
margin:0;
}


/*------------------------------------NAV---------------------------------------*/
.venus-menu{border:1px;margin-bottom: 0;width: 100%;padding: 0;position:relative;list-style: none;background: #1a2942;color: #fff;float:left;}

.venus-menu li{display: inline-block;margin: 0;padding: 0;float: left;line-height: 20px;position: relative;}
.venus-menu > li > a{padding: 10px 20px;font-size: 15px;color: #fff;text-decoration: none;display: block;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear;}
.venus-menu li:hover > a,.venus-menu li.active a{background: #000;color: #fff;}
.venus-menu > li > a i{color: #bababa;}


.venus-menu > li:hover > a i,.venus-menu li.active a i{color: #ffd700;}
.venus-menu ul, .venus-menu ul li ul{list-style: none;margin: 0;padding: 0;display: none;position: absolute;z-index: 9;width: 140px;}
.venus-menu ul{top: 56px;left: 0;padding-top: 10px;}
.venus-menu > li > ul > li:first-child a:before{content: '';position: absolute;bottom: 48px;left: 45%;margin-left: -48px;width: 0;height: 0;border-left: 8px solid rgba(255, 255, 255, 0);border-right: 8px solid rgba(255, 255, 255, 0);border-bottom: 8px solid #000;}
.venus-menu > li > ul > li ul li:first-child a:before{content: '';position: absolute;bottom: 16px;left: 45%;margin-left: -71px;width: 0;height: 0;border-top: 8px solid rgba(255, 255, 255, 0);border-right: 8px solid #000;border-bottom: 8px solid rgba(255, 255, 255, 0);}
.venus-menu ul li ul{top: 0;left: 100%;padding-left: 10px;}
.venus-menu ul li{clear:both;width:100%;border: none;}
.venus-menu ul li a{padding:14px 20px;width:100%;color:#fff;font-size:14px;text-decoration:none;display:inline-block;float:left;clear:both;background: #000;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.venus-menu ul li:hover > a{background: #1a2942;color: #ffd700;}
.venus-menu > li > ul > li:first-child:hover a:before{border-bottom-color: #000;}
.venus-menu > li > ul > li ul li:first-child:hover a:before{border-right-color: #000;}
.venus-menu > li .indicator{position: absolute;color: #bababa;top: 10px;right: 5px;font-size: 20px;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear;transition: color 0.2s linear;}
.venus-menu > li:hover > .indicator{color: #fff;}
.venus-menu ul > li .indicator{top: 14px;right: 8px;color: #fff;}
.venus-menu i{line-height: 20px !important;margin-right: 6px;font-size: 20px;float: left;}
.venus-menu li.myacc{float:right;color:#fff;display:inline-block;}

/*------------------------------------SIDE BAR---------------------------------------*/
/*-side bar general-*/
ul,ol{list-style:outside none none;margin:0;padding:0}
ul li,ol li{list-style:none}

/*-side-nav-*/
.side-nav-dark .side-nav{background-color:#1a2942;color:#99abb4}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a{color:#99abb4}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:hover .title,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:hover .arrow,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder{color:#fff}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:focus .title,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:focus .arrow,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder{color:#fff}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open a .title,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open a .arrow,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open a .icon-holder{color:#fff}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu{background:#192532}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li a:hover,
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li a:focus{color:#fff}
.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li.active a{color:#fff}

.side-nav{height:100%;text-align:left;width:300px;z-index:9;position:fixed;overflow:hidden;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}

.side-nav .side-nav-inner{position:relative;height:100%;}

.side-nav .side-nav-inner .side-nav-menu{position:relative;list-style:none;margin:0;padding-left:0;overflow:auto;height:calc(100vh - 10px);}
.side-nav .side-nav-inner .side-nav-menu li{position:relative;display:block}
.side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow{position:absolute;right:30px;line-height:26px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open a{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open a .icon-holder{color:#fff}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open a .arrow{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open .dropdown-menu{display:block}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open .dropdown-menu .dropdown-menu{padding-left:20px}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open .dropdown-menu .arrow{line-height:25px}
.side-nav .side-nav-inner .side-nav-menu li a{color:#8a8a8a;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.side-nav .side-nav-inner .side-nav-menu li a:hover,.side-nav .side-nav-inner .side-nav-menu li a:focus{text-decoration:none;color:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder,.side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder{color:#fff}
.side-nav .side-nav-inner .side-nav-menu li a.dropdown-toggle:after{display:none;border-radius:0}
.side-nav .side-nav-inner .side-nav-menu li.side-nav-header{text-transform:uppercase;font-size:12px;padding:15px 20px;opacity:.7}
.side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu{position:relative;width:100%;box-shadow:none;border:0;border-radius:0;padding-left:50px;padding-top:0;background-color:transparent;float:none}
.side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li a{padding:10px 15px}
.side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li a:hover,.side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li a:focus{background-color:transparent;color:#515365}
.side-nav .side-nav-inner .side-nav-menu li.dropdown ul.dropdown-menu li.active a{color:#515365}
.side-nav .side-nav-inner .side-nav-menu li a{position:relative;display:block;padding:10px 15px;font-weight:500;font-size:15px;white-space:nowrap}
.side-nav .side-nav-inner .side-nav-menu li a .icon-holder{display:inline-block;height:25px;width:25px;line-height:25px;text-align:center;position:relative;left:0;font-size:20px;margin-right:14px}
.side-nav .side-nav-inner .side-nav-menu li a .icon-holder i{vertical-align:middle}
.side-nav .side-nav-inner .side-nav-menu li.dropdown.open>a{color:#fff;background:#e22a6f}
.side-nav .side-nav-inner .side-nav-menu li a:hover,.side-nav .side-nav-inner .side-nav-menu li a:focus{color:#fff;background:#e22a6f}

.sidebar-toggle{color:#fff;}
.sidebar-remove{text-align: right;color: #ccc;margin:8% 8% 0 0;}
@media only screen and (min-width:992px){
.side-nav-folded .side-nav{width:0;padding-top:2%;}

.mask{display:block;position:fixed;width:100vw;height:100vh;background-color:black;opacity:.5;z-index:8;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}
}

@media only screen and (max-width:992px){
.nav-left{padding:5% 0 5% 0;}
.side-nav{display:block;width:300px;text-align:left;z-index:9;position:fixed;overflow:hidden;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}
.side-nav-folded .side-nav{width:0;padding-top:2%;}
.mask{display:block;position:fixed;width:100vw;height:100vh;background-color:black;opacity:.5;z-index:8;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}
}