@CHARSET "UTF-8";
html{height:100%;margin:0;}
body { color: #000000; font-family:微软雅黑, arial; font-size:12px; background:#fff; height:100%;margin:0;}
body,div,p,span,ul,li,dl,dt,dd,h1,h2,h3,input,form,select{ margin:0; padding:0;}
h1,h2{ font-weight:normal; font-size:14px;}
input, textarea{ font-family:微软雅黑;}
ul, li { list-style-type:none; }
img { border:0;}

.hl-clear {clear: both}
.hl-margin-top-70 {margin-top: 70px}
.hl-padding-bottom-50 {padding-bottom: 50px}
.hl-padding-bottom-30 {padding-bottom: 30px}
.hl-margin-top-20 {margin-top: 20px}

.hl-container {width: 100%; text-align: center; display: block; min-width: 1200px}
.hl-container .hl-content {width: 1200px; display: inline-block}
.hl-container .hl-header-top {width: 100%; height: 75px; display: block; border-bottom: solid 1px #d4d4d4; min-width: 1200px}

.hl-header-top .hl-logo {float: left; height: 108px; text-align: left;}
.hl-header-top .hl-logo a {width: 184px;height: 63px; vertical-align: middle; margin-top: 4px; display: block}
.hl-header-top .hl-top-link {float: right; height: 58px; text-align: left; margin-top: 12px; font-size: 15px; font-weight: 500;}
.hl-header-top .hl-top-link a {color: #000000; text-decoration: none}
.hl-header-top .hl-top-link a:hover {color: #0858b8; text-decoration: none}
.hl-header-top .hl-top-link .hl-top-user-cart {background-image: url("/talos/images/hl_gwc.png"); padding-left: 56px; height: 50px; background-repeat: no-repeat; width: 120px; margin-right: 69px; line-height: 50px; float: right}
.hl-header-top .hl-top-link .hl-top-user-cart span {color: #0858b8;}
.hl-header-top .hl-top-link .hl-top-control {margin-right: 90px; float: right; line-height: 50px;}
.hl-header-top .hl-top-link .hl-top-icp {margin-right: 90px; float: right; line-height: 50px; }
.hl-header-top .hl-top-link .hl-top-login {color: #0858b8; border: solid 1px #d4d4d4;line-height: 48px; text-align: center; margin-right: 0px; margin-top: 0px; float: right; padding: 0 15px}
.hl-header-top .hl-top-link .hl-top-login.hide {display: none}

.hl-header-bottom {height: 58px; border-bottom: solid 1px #d4d4d4; min-width: 1200px}
.hl-header-bottom .hl-nav {float: left; width: 240px; text-align: center; height: 58px}
.hl-header-bottom .hl-nav a {display:block; width: 239px; text-align: center; line-height: 58px; height: 58px; border-right: solid 1px #d4d4d4; font-size: 16px; text-decoration: none; color: #000000; font-weight: 500}
.hl-header-bottom .hl-nav a.first {width: 238px; border-left: solid 1px #d4d4d4}
.hl-header-bottom .hl-nav:last-child {background-color: #0858b8}
.hl-header-bottom .hl-nav:last-child a {color: #ffffff;line-height: 21px; height: 27px; width: 70px; border-bottom: 1px solid #FFFFFF; margin-top: 18px; margin-left: 86px; border-right: none;}
.hl-header-bottom .hl-nav:hover {background-color: #0858b8}
.hl-header-bottom .hl-nav:hover a {color: #ffffff}
.hl-header-bottom .hl-nav:hover .hl-nav-sub {display: block}

.hl-header-bottom .hl-nav .hl-nav-sub {display:none; width: 1160px; background-color: #0858b8; color: #ffffff; padding: 20px; z-index: 3; position: relative}
.hl-header-bottom .hl-nav .hl-nav-sub.one {margin-left: 1px}
.hl-header-bottom .hl-nav .hl-nav-sub.two {margin-left: -240px}
.hl-header-bottom .hl-nav .hl-nav-sub.three {margin-left: -480px; min-height: 200px}
.hl-header-bottom .hl-nav .hl-nav-sub.four {margin-left: -480px}
.hl-header-bottom .hl-nav .hl-nav-sub.five {margin-left: -480px}

.hl-header-bottom .hl-nav .hl-nav-sub-sub {width: 1180px; height: 100%; display: table-cell; text-align: left}
.hl-header-bottom .hl-nav .hl-nav-sub-sub .el-tabs__item {width: 230px; height: 50px; line-height: 50px; text-align: left; color: #ffffff; font-size: 16px; font-weight: 500}
.hl-header-bottom .hl-nav .hl-nav-sub-sub .el-tabs__item.is-active{background-color: #108ce3}
.hl-header-bottom .hl-nav .hl-nav-sub-sub .hl-nav-sub-sub-sub {width: 230px; float: left;}
.hl-header-bottom .hl-nav .hl-nav-sub-sub .hl-nav-sub-sub-sub a {width: 230px; text-align: center; line-height: 50px; color: #ffffff; font-weight: 500; border: none;}
.hl-header-bottom .hl-nav .hl-nav-sub-sub .hl-nav-sub-sub-sub a .hl-nav-type-2-img {width: 230px}
.hl-header-bottom .hl-nav .hl-nav-sub-sub .hl-nav-sub-sub-sub a .hl-nav-type-2-font {width: 230px; font-size: 14px; line-height: 20px; color: #ffffff}

.hl-bottom {background-color: #385373; height: 275px; width: 100%; display: block}
.hl-bottom-link {border-bottom: solid 1px #ffffff; height: 66px; min-width: 1200px}
.hl-bottom-link a {float: left; width: 160px; height: 27px; line-height: 26px; margin-top: 20px; text-align: center; border-left: solid 1px #ffffff; font-size: 14px; color: #ffffff; font-weight: 500; text-decoration: none}
.hl-bottom-link a.first {border-left: 0; margin-left: 0; width: 90px; text-align: left}
.hl-bottom-link a:last-child {width: 140px; text-align: right}
.hl-bottom-proto {width: 905px; float: left}
.hl-bottom-proto ul li {font-size: 15px; color: #ffffff; font-weight: 400; text-align: left; line-height: 41px}
.hl-bottom-proto ul li.hl-bottom-net-police {background-image: url("/talos/images/hl_bottom_gongan.png"); background-position: center left; padding-left: 27px; background-repeat: no-repeat;}

.hl-bottom-contact {width: 295px; float: left; text-align: center}
.hl-bottom-contact .hl-bottom-contact-telephone {font-size: 24px; color: #ffffff; font-weight: 500; letter-spacing: 2px; margin-top: 8px}
.hl-bottom-contact .hl-bottom-contact-info {font-size: 14px; color: #ffffff; font-weight: 500; letter-spacing: 10px; margin-top: 11px; width: 295px; text-align: center;}
.hl-bottom-contact .hl-bottom-contact-icon {margin-top: 22px;}
.hl-bottom-contact .hl-bottom-contact-icon .hl-bottom-contact-icon-radius {width: 98px; float: left; text-align: center; border: 0px; cursor: pointer}

.hl-index-banner {width: 100%; background-color: #08117a; display: block; height: 556px; z-index: 2;margin-top: -1px;}
.hl-index-banner .el-carousel {height: 95%}
.hl-index-banner .el-carousel__container {height: 95%}
/*background-color: #e6eef8*/
.hl-index-domain {width: 100%; background-color:#F9F9F9; display: block; height: 142px}
.hl-index-domain .hl-index-domain-query {margin-top: 33px; width: 1200px; display: flex}
.hl-index-domain .hl-index-domain-query .hl-index-domain-query-text {border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: solid 1px #0858b8; height: 71px; padding-left: 41px; padding-right: 41px; font-size: 20px; width: 730px; border-right-width: 1px; z-index: 2; position: relative}
.hl-index-domain .hl-index-domain-query .hl-index-domain-query-text::-webkit-input-placeholder {color: #6a8fcc; font-size: 20px;}
.hl-index-domain .hl-index-domain-query .hl-index-domain-query-text:-moz-placeholder {color: #6a8fcc; padding-left: 67px; font-size: 20px}
.hl-index-domain .hl-index-domain-query .hl-index-domain-query-text:-ms-input-placeholder {color: #6a8fcc; padding-left: 67px; font-size: 20px}
.hl-index-domain .hl-index-domain-query .hl-index-domain-query-select {display: inline-block;}
.hl-index-domain .hl-index-domain-query .el-select .el-input__inner {height: 73px; width: 176px; border: solid 1px #0858b8; border-left-width: 0px; border-right: 0px; border-radius: 0px; color: #527ec6; font-size: 23px}
.hl-index-domain .hl-index-domain-query .el-select .el-icon-arrow-up:before{content: ''}
.hl-index-domain .hl-index-domain-query .hl-index-domain-query-select .el-icon-arrow-up {background-image: url("/talos/images/hl_index_domain_query_select.png"); background-repeat: no-repeat; background-position: center center;}
.hl-index-domain .hl-index-domain-query .el-button {border: solid 2px #0858b8; border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: #0858b8; color: #ffffff; font-size: 40px; display: flex}
.hl-index-domain .hl-index-domain-query .el-button span {font-size: 20px; margin-left: 28px; line-height: 40px; letter-spacing: 2px}

.hl-index-cloud {background-color: #ffffff;
/* -moz-box-shadow:1px 2px 9px #8D9092; 
 -webkit-box-shadow:1px 2px 9px #8D9092; 
 box-shadow: 1px 2px 9px #8D9092;*/
}
.hl-index-cloud .hl-index-cloud-product {}

.hl-index-v-host {background: linear-gradient(to bottom, #d1d8e2 1%, #e6eef8 5%, #e6eef8 99%); padding-bottom: 79px;background: #f7f8fa;}

.hl-index-domain-package,.hl-index-partner {background-color: #ffffff; padding-bottom: 57px; 
/*	-moz-box-shadow:1px 2px 9px #8D9092; -webkit-box-shadow:1px 2px 9px #8D9092; 
	box-shadow: 1px 2px 9px #8D9092;*/
}

.hl-index-region {background: linear-gradient(to bottom, #f0f0f0 1%, #fafafa 5%, #fafafa 99%); padding-bottom: 58px}

.hl-index-region .hl-index-region-switch {display: flex; width: 1200px}
.hl-index-region .hl-index-region-switch p {width: 600px; display: inline-block; margin-bottom: 10px; font-size: 18px; text-align: center; cursor: pointer}
.hl-index-region .hl-index-region-switch p.first {text-align: right; padding-right: 155px}
.hl-index-region .hl-index-region-switch p.last {text-align: left; padding-left: 155px}
.hl-index-region .hl-index-region-switch p.mapTypeCheck {color: #0858b8}

.hl-index-region-map {width: 100%; height: 630px}
.hl-index-region .nodeMapCon {height: 650px;}

.hl-domain-banner {width: 100%; height: 552px; background-image: url("/talos/images/hl_domain_baner_01.png"); z-index: 2;margin-top: -1px;}
.hl-domain-banner .hl-domain-banner-content {}
.hl-domain-banner .hl-domain-banner-content h2 {color: #ffffff; font-size: 47px; margin-top: 125px; font-weight: 600; letter-spacing: 12px; display: block}
.hl-domain-banner .hl-domain-banner-content h3 {color: #ffffff; font-size: 17px; line-height: 50px; letter-spacing: 10px; font-weight: 100; display: block}
.hl-domain-banner .hl-domain-banner-content .hl-domain-banner-content-search {width: 1200px; display: flex; margin-top: 50px;}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-query-text {height: 65px; border: 0px; padding-left: 41px; padding-right: 41px; font-size: 22px; width: 730px; border-right: solid 1px #c2c2c2; z-index: 2; position: relative}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-query-text::-webkit-input-placeholder {color: #c2c2c2; font-size: 22px;}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-query-text:-moz-placeholder {color: #c2c2c2; padding-left: 67px; font-size: 22px}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-query-text:-ms-input-placeholder {color: #c2c2c2; padding-left: 67px; font-size: 22px}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-query-select {display: inline-block;}
.hl-domain-banner .hl-domain-banner-content .el-select .el-input__inner {height: 65px; width: 160px; border: 0px;border-radius: 0px; color: #527ec6; font-size: 24px; font-weight: 600}
.hl-domain-banner .hl-domain-banner-content .el-select .el-select__tags-text {color: #527ec6; font-size: 22px; font-weight: 600}
.hl-domain-banner .hl-domain-banner-content .el-select .el-icon-arrow-up:before{content: ''}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-query-select .el-icon-arrow-up {background-image: url("/talos/images/hl_index_domain_query_select.png"); background-repeat: no-repeat; background-position: center center;}
.hl-domain-banner .hl-domain-banner-content .el-button {border-radius: 0px;background-color: #0858b8; color: #ffffff; font-size: 40px; display: flex; border-color: #0858b8; width: 227px; margin-top: -1px;}
.hl-domain-banner .hl-domain-banner-content .el-icon-search:before{content: ''}
.hl-domain-banner .hl-domain-banner-content .el-button span {font-size: 20px; margin-left: 56px; line-height: 40px}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-price {margin-top: 26px; color: #ffffff; font-size: 17px; width: 1200px; text-align: center; display: table}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-price dt {width: 110px; height: 32px; line-height: 32px; background-color: #0858b8; text-align: center; display: table-cell; border: 0px}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-price dd {width: 252px; text-align: center; line-height: 32px; display: table-cell; border-left: 1px solid #ffffff}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-price dd:nth-child(1) {border-left: 0px}
.hl-domain-banner .hl-domain-banner-content .hl-domain-domain-price dd.first {border-left: 0px}

.hl-domain-package {background-color: #ffffff; width: 100%; padding-bottom: 98px}

.hl-domain-process {background: linear-gradient(to bottom, #d1d8e2 1%, #e6eef8 5%, #e6eef8 99%); width: 100%; padding-bottom: 120px}
.hl-domain-process .hl-domain-process-table {width: 1200px; display: flex}
.hl-domain-process .hl-domain-process-main {width: 850px; height: 352px; border: 1px solid #c2c2c2}
.hl-domain-process .hl-domain-process-main dl {margin-top: 97px; display: flex}
.hl-domain-process .hl-domain-process-main dl dd {width: 140px; margin-left: 60px}
.hl-domain-process .hl-domain-process-main dl dd:first-child {margin-left: 45px}
.hl-domain-process .hl-domain-process-main li.text {color: #0858b8; font-size: 26px; margin-top: 24px}
.hl-domain-process .hl-domain-process-main li.text-en {color: #c8c8c8; font-size: 12px; margin-top: 12px}
.hl-domain-process .hl-domain-process-right {width: 350px; height: 352px; border: 1px solid #c2c2c2; border-left: none}
.hl-domain-process .hl-domain-process-right li.first {height: 62px; border-bottom: 1px solid #c2c2c2}
.hl-domain-process .hl-domain-process-right li.first span{width: 280px; border-left: 4px solid #0858b8; margin-left: 38px; display: block; font-size: 26px; text-align: left; padding-left: 22px; margin-top: 16px}
.hl-domain-process .hl-domain-process-right li.second dl {margin-top: 59px; display: flex}
.hl-domain-process .hl-domain-process-right li.second dd:first-child {width: 119px; display: inline-block; text-align: right; padding-right: 10px}
.hl-domain-process .hl-domain-process-right li.second dd:last-child {width: 156px; display: inline-block; padding-left: 14px; font-size: 16px; text-align: left; border-left: 1px solid #c2c2c2; letter-spacing: 2px; line-height: 30px}
.hl-domain-process .hl-domain-process-right li.third a {width: 176px; height: 45px; line-height: 43px; border: 1px solid #0858b8; color: #0858b8; display: inline-block; text-decoration: none; margin-top: 26px; font-size: 20px}

.hl-domain-result {width: 100%; background-color: #e6eef8}
.hl-domain-result .hl-domain-result-box {border: 1px solid #c2c2c2; margin-top: 80px; margin-bottom: 80px; background-color: #ffffff}
.hl-domain-result .hl-domain-result-box ul {width: 1040px; margin-left: 80px}
.hl-domain-result .hl-domain-result-box .title-ok {color: #1e89ed; font-size: 26px; margin-top: 30px; text-align: left; margin-bottom: 10px}
.hl-domain-result .hl-domain-result-box .title-error {color: #009b66; font-size: 21px; font-weight: 500; text-align: left; margin-top: 30px; margin-bottom: 10px}
.hl-domain-result .hl-domain-result-box .result {border-bottom: dashed 1px #cccccc; color: #000000; line-height: 104px; width: 1040px; text-align: left}
.hl-domain-result .hl-domain-result-box .result dl {}
.hl-domain-result .hl-domain-result-box .result dd {display: inline-block}
.hl-domain-result .hl-domain-result-box .result dd.domain {font-size: 20px}
.hl-domain-result .hl-domain-result-box .result dd.remark {float: right; font-size: 20px; color: #009B66}
.hl-domain-result .hl-domain-result-box .result dd.add-button {float: right; width: 122px;}
.hl-domain-result .hl-domain-result-box .result dd.add-button a { width: 122px; height: 36px; display: inline-block; line-height: 36px; border-radius: 2px; background-color: #1e89ed; color: #ffffff; font-size: 20px; text-decoration: none; text-align: center; margin-top: 35px}
.hl-domain-result .hl-domain-result-box .result dd.price {float: right; margin-right: 18px; font-size: 20px; text-align: right}
.hl-domain-result .hl-domain-result-box .result dd.price .price-number {color: #f9a85e}
.hl-domain-result .hl-domain-result-box .checkbox {font-size: 16px; font-weight: 400}
.hl-domain-result .hl-domain-result-box .checkbox input {margin-right: 14px}
.hl-domain-result .hl-domain-result-box .checkbox input[type="checkbox"]{width:14px;height:14px; display: inline-block;text-align: center;vertical-align: middle; line-height: 14px;position: relative; margin-top: -8px;}
.hl-domain-result .hl-domain-result-box .checkbox input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #f6fbff;width: 100%;height: 100%;border: 1px solid #1e89ed; border-radius:2px;}
.hl-domain-result .hl-domain-result-box .checkbox input[type="checkbox"]:checked::before{content: "\2713";position: absolute;top: 0;left: 0;background: #1e89ed;width: 100%;height: 100%;border: 1px solid #1e89ed; border-radius:2px; color: #ffff; font-weight: bold;}
.hl-domain-result .hl-domain-result-box .goods a {height: 56px; display: inline-block; line-height: 56px; border-radius: 2px; background-color: #1e89ed; color: #ffffff; font-size: 20px; text-decoration: none; text-align: center; padding-left: 24px; padding-right: 24px; margin-left: 20px}
.hl-domain-result .hl-domain-result-box .default {font-size: 26px; margin-top: 50px}

.hl-domain-register-info .material_table table tr td {font-size: 16px; color: #393939; text-align: left; line-height: 50px}
.hl-domain-register-info .material_table table tr td.tright {text-align: right}
.hl-domain-register-info .material_table table tr td span {margin-right: 10px; display: inline-block;}
.hl-domain-register-info .material_table table tr td input {border: 1px solid #6086b3; height: 50px; line-height: 50px; padding: 0 15px; width: 500px; font-size: 16px}
.hl-domain-register-info .material_table table tr td input[type="radio"], .person_table table tr.error td input[type="radio"] {width: 20px;height: 12px;border: none;}
.hl-domain-register-info .material_table .m-select {height: 50px; line-height: 50px; border: 1px solid #6086b3; font-size: 16px}
.hl-domain-register-info .material_table .btnhg {border: 0; border-radius: 0; background-color: #0858b8; font-size: 18px;}

.hl-cloud-banner img {width: 100%; border: none; z-index: 2;margin-top: -1px;}
.hl-cloud-product {width: 100%; background-color: #ffffff}
.hl-cloud-advantage {width: 100%; background: linear-gradient(to bottom, #d1d8e2 1%, #e6eef8 5%, #e6eef8 99%); padding-bottom: 76px}
.hl-cloud-advantage .hl-cloud-advantage-list {width: 100%; display: flex; text-align: center}
.hl-cloud-advantage .hl-cloud-advantage-list ul {width: 276px; border: 1px solid #c8cfd8; box-shadow: 0 0 5px #c8cfd8; height: 302px; margin-left: 32px; background-color: #ffffff; display: inline-block; box-sizing: border-box}
.hl-cloud-advantage .hl-cloud-advantage-list ul:first-child {margin-left: 0px}
.hl-cloud-advantage .hl-cloud-advantage-list ul li {margin: 22px; width: 218px;}
.hl-cloud-advantage .hl-cloud-advantage-list ul li.title { height: 54px; border-bottom: 1px solid #c8c8c8; vertical-align: bottom; display: block; text-align: left; padding-left: 18px; box-sizing: border-box}
.hl-cloud-advantage .hl-cloud-advantage-list ul li.title span {border-bottom: 2px solid #0858b8; line-height: 52px; font-size: 19px; font-weight: 500; letter-spacing: 3px; display: inline-block}
.hl-cloud-advantage .hl-cloud-advantage-list ul li.content {font-size: 14px; letter-spacing: 1px; height: 190px; padding: 10px; padding-top: 0px; line-height: 22px; box-sizing: border-box; text-align: left}
.hl-cloud-function {width: 100%; background-color: #ffffff; -moz-box-shadow:1px 2px 9px #8D9092; -webkit-box-shadow:1px 2px 9px #8D9092; box-shadow: 1px 2px 9px #8D9092;}
.hl-cloud-function .hl-cloud-function-list {display: table; width: 1200px; text-align: center; margin-bottom: 60px}
.hl-cloud-function .hl-cloud-function-list:last-child {margin-bottom: 97px}
.hl-cloud-function .hl-cloud-function-list dl {width: 434px; margin-left: 178px; height: 94px; color: #000000; display: inline-block}
.hl-cloud-function .hl-cloud-function-list dl:hover {color: #0858b8}
.hl-cloud-function .hl-cloud-function-list dl:hover .title-en {color: #c8c8c8}
.hl-cloud-function .hl-cloud-function-list dl.left {margin-left: 0px}
.hl-cloud-function .hl-cloud-function-list dl dd {width: 326px; text-align: left; display: inline-block; float: right}
.hl-cloud-function .hl-cloud-function-list dd.icon {width: 108px; height: 94px; float: left; text-align: left;}
.hl-cloud-function .hl-cloud-function-list dd.icon span {font-size: 74px}
.hl-cloud-function .hl-cloud-function-list dd.title {font-size: 18px;  line-height: 36px}
.hl-cloud-function .hl-cloud-function-list dd.title-en {font-size: 14px; color: #c8c8c8; line-height: 26px; text-transform: uppercase}
.hl-cloud-function .hl-cloud-function-list dd.content {font-size: 14px; line-height: 26px; margin-top: 8px;}
.hl-cloud-scenarios {width: 100%; background: linear-gradient(to bottom, #d1d8e2 1%, #e6eef8 5%, #e6eef8 99%); padding-bottom: 76px}
.hl-cloud-scenarios .hl-cloud-scenarios-box {border: 1px solid #c8cfd8; box-shadow: 0 0 5px #c8cfd8; height: 530px; padding: 20px; box-sizing: border-box; background-color: #ffffff;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-head {border-bottom: 1px solid #c8c8c8; width: 1160px; display: table; height: 60px; text-align: center}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-head a {line-height: 58px; text-decoration: none; display: inline-block; color: #000000; font-weight: 500; font-size: 20px; margin-left: 100px; letter-spacing: 5px}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-head a:first-child {margin-left: 0px}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-head a.active {line-height: 58px; color: #0858b8; border-bottom: 2px solid #0858b8; letter-spacing: 5px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-left {width: 678px;float: left; border-right: 1px solid #c8c8c8; height: 446px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-left li {list-style-type: disc; margin-left: 40px; text-align: left; width: 620px; margin-top: 42px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-left li .title {color: #000000; font-size: 18px; line-height: 38px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-left li .content {color: #000000; font-size: 13px; line-height: 25px}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right {width: 420px; margin-left: 40px; margin-top: 50px; float: left}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right .title {color: #000000; text-align: left; font-size: 18px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right .title .icon {color: #0858b8; font-weight: bold; font-size: 28px; margin-right: 18px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right .table table {background-color: #c8c8c8; width: 100%; margin-top: 34px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right .table table td {background-color: #ffffff; text-align: center; padding: 10px; font-size: 14px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right .remark {color: #c8c8c8; text-align: left; font-size: 14px; margin-top: 32px;}
.hl-cloud-scenarios .hl-cloud-scenarios-box .hl-cloud-scenarios-box-right .link a {color: #0858b8; display: inline-block;text-decoration: none;font-size: 18px; height: 42px; line-height: 42px; border: 1px solid #0858b8; padding-left: 24px; padding-right: 24px; margin-top: 17px; }

.hl-cloud-register {width: 100%; background-color: #f8fafb}
.hl-cloud-register .hl-cloud-register-box {width: 1200px; border: 1px solid #edeff0; box-shadow: 0 0 5px #edeff0; background-color: #ffffff; margin-top: 50px; margin-bottom: 50px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-top {width: 100%; border-bottom: 1px solid #dcdcdc; height: 70px; display: block; text-align: left}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-top h1 {font-size: 22px; color: #0858b8; font-weight: 400; border-bottom: 2px solid #0858b8; line-height: 69px; padding-left: 55px; display: inline-block}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-l {width: 800px}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r {width: 300px; border-left: 0px}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r #set-m {width: 260px; padding: 20px 20px; text-align: left; background-color: #f6f7fb; margin-top: 20px; border-radius: 10px;}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r h4 {border-bottom: 1px solid #c8c8c8;}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r li .p-o {color: #6e6e6e}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r li .p-t {color: #6e6e6e}
.hl-cloud-register .hl-cloud-register-box .slider-m-o dt {border: 1px solid #c8c8c8; font-size: 16px; color: #707070; margin-right: -1px; background: #ffffff;}
.hl-cloud-register .hl-cloud-register-box .slider-m-o dt.active {background-color: #0858b8; border: 1px solid #0858b8; color: #ffffff;}
.hl-cloud-register .hl-cloud-register-box .szmm, .cjsz {border: 1px solid #c8c8c8; font-size: 16px; color: #6e6e6e; margin-right: -1px; background: #ffffff;}
.hl-cloud-register .hl-cloud-register-box .bs {background-color: #0858b8; border: 1px solid #0858b8; color: #ffffff;}
.hl-cloud-register .hl-cloud-register-box #security {display: flex}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-l .slider-m-o .sel .sel-inp.on {background: #0858b8; font-size: 16px;}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-l .slider-m-o .sysdisk .sysdisk-inp {background: #0858b8; font-size: 16px;}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-l .slider-m-o .datadisk .datadisk-inp {background: #0858b8; font-size: 16px;}
.hl-cloud-register .hl-cloud-register-box .entire-bar {background-color: #dedede;}
.hl-cloud-register .hl-cloud-register-box .slider-m-o-m .action-block {background: #0858b8;}
.hl-cloud-register .hl-cloud-register-box .slider-m-o-m .action-bar {background: #5093e4;}
.hl-cloud-register .hl-cloud-register-box .szpass {text-align: left;}
.hl-cloud-register .hl-cloud-register-box .szpass input { margin-left: 1%; width: 24%; height: 34px; line-height: 34px; border: 1px solid #e7e7e7; color: #74b8f4; font-size: 14px; padding-left: 5px;}
.hl-cloud-register .hl-cloud-register-box .count a {width: 36px;height: 36px;font-weight: 700;text-align: center;line-height: 36px;padding: 0;margin: 0;overflow: hidden;border: 1px solid #c8c8c8; vertical-align: middle;margin-top: -5px;}
.hl-cloud-register .hl-cloud-register-box .config-box .link-btn {font-size: 16px; color: #6e6e6e;}
.hl-cloud-register .hl-cloud-register-box .count-info .number_input {color: #0858b8;font-size: 16px;height: 36px;line-height: 36px;border: 1px solid #c8c8c8;padding: 0; margin: 0 -5px;}
.hl-cloud-register .hl-cloud-register-box .salemsg {right: 10px;top: -11px;background-color: #f46767;padding: 1px 4px;color: #ffffff;font-size: 12px;border-radius: 2px;line-height: 14px;}
.hl-cloud-register .hl-cloud-register-box .config-box {display: flex}
.hl-cloud-register .hl-cloud-register-box .config-box .config-time dt {height: 26px;line-height: 26px;background: #f6f7fb;}
.hl-cloud-register .hl-cloud-register-box .config-box .config-time dt.sale-discount {background-color: #e6eef8; color: #0858b8}
.hl-cloud-register .hl-cloud-register-box .config-box .config-time dt.active {background-color: #0858b8; color: #ffffff; border: 1px solid #0858b8;}
.hl-cloud-register .hl-cloud-register-box .v-host-cont .config-time dt {height: 30px; line-height: 30px; text-align: center; margin-top: 5px}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r a.buy {display: inline-block; text-decoration: none; height: 30px; line-height: 30px; font-size: 16px; background: #0858b8; text-align: center; color: #fff; border-radius: 2px; margin: 15px 0 10px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-left: 10px; padding-right: 10px}
.hl-cloud-register .hl-cloud-register-box .cloud-main-l .l-r a.goods {background-color: #f6f7fb; color: #0858b8; border: 1px solid #0858b8; margin-left: 16px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom {width: 1200px; display: flex; text-align: left}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-left {width: 804px; display: inline-block; margin-left: 36px;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right {width: 300px; display: inline-block; margin-left: 18px; border-radius: 10px; background-color: #f6f7fb; height: 530px; margin-top: 18px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-left .hl-cloud-row-title {display: block; border-bottom: 1px solid #dcdcdc;margin-bottom: 24px; margin-top: 60px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-left .hl-cloud-row-title span {color: #707070; font-size: 20px; line-height: 50px; border-bottom: 2px solid #707070; display: inline-block}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-input__inner {border-radius: 0px; font-size: 16px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-select .el-input__inner {font-size: 16px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-radio-button:first-child .el-radio-button__inner {border-left: 1px solid #c8c8c8; border-radius: 0px;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-radio-button__orig-radio:checked+.el-radio-button__inner {color: #FFF;  background-color: #0858b8;-webkit-box-shadow: -1px 0 0 0 #0858b8;    box-shadow: -1px 0 0 0 #0858b8;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-radio-button:last-child .el-radio-button__inner {border-radius: 0px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-radio-button__inner {font-size: 15px; padding: 12px 12px;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-form-item__label {font-size: 15px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .safe-set .el-form-item__content {width: 600px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .safe-set .el-input {width: 180px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right .cloud-buy-block-right {width: 270px; margin-left: 15px; margin-top: 2px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right .hl-cloud-scan-title {border-bottom: 1px solid #c8c8c8; line-height: 50px; font-size: 14px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right .hl-cloud-scan-title span {border-left: 3px solid #0858b8; padding-left: 15px;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right table {width: 270px; margin-top: 10px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right td {font-size: 14px; color: #656565; line-height: 30px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .hl-cloud-register-right td._this_td {width: 60px}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {border-left-color: #0858b8;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-checkbox-button.is-checked .el-checkbox-button__inner {background-color: #0858b8; border-color: #0858b8;}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-checkbox-button:first-child .el-checkbox-button__inner {border-radius: 0}
.hl-cloud-register .hl-cloud-register-box .hl-cloud-register-bottom .el-checkbox-button:last-child .el-checkbox-button__inner {border-radius: 0}

.hl-v-host-product {width: 100%; background-color: #ffffff}
.hl-v-host-advantage {width: 100%;background: linear-gradient(to bottom, #d1d8e2 1%, #e6eef8 5%, #e6eef8 99%); padding-bottom: 97px}
.hl-v-host-advantage .hl-v-host-advantage-list .title {display: flex; text-align: center; width: 1200px}
.hl-v-host-advantage .hl-v-host-advantage-list .title a dl {width: 200px; display: inline-block; text-align: center; color: #393939}
.hl-v-host-advantage .hl-v-host-advantage-list .title a dl:hover {color: #0858b8}
.hl-v-host-advantage .hl-v-host-advantage-list .title a.selected dl {color: #0858b8}
.hl-v-host-advantage .hl-v-host-advantage-list .title a dl .first {font-size: 55px}
.hl-v-host-advantage .hl-v-host-advantage-list .title a dl .second {font-size: 20px; line-height: 60px;}
.hl-v-host-advantage .hl-v-host-advantage-list .title a dl .line {border: 0; width: 42px; display: inline-block}
.hl-v-host-advantage .hl-v-host-advantage-list .title a dl:hover .line {}
.hl-v-host-advantage .hl-v-host-advantage-list .title a.selected dl .line {border-bottom: 2px solid #0858b8}
.hl-v-host-advantage .hl-v-host-advantage-list .content {width: 1200px; border: 1px solid #0858b8; padding: 20px; margin-top: -3px; text-align: left; font-size: 14px; line-height: 20px; box-sizing: border-box; min-height: 82px}
.hl-v-host-scenarios {width: 100%; background-color: #ffffff; -moz-box-shadow:1px 2px 9px #8D9092; -webkit-box-shadow:1px 2px 9px #8D9092; box-shadow: 1px 2px 9px #8D9092; padding-bottom: 130px}
.hl-v-host-scenarios .hl-v-host-scenarios-box {width: 1200px; display: flex; text-align: left}
.hl-v-host-scenarios .hl-v-host-scenarios-box dl {width: 280px; height: 306px; margin-left: 35px; border: 1px solid #dedede; box-shadow: 0 0 5px #dedede; text-align: center}
.hl-v-host-scenarios .hl-v-host-scenarios-box dl:first-child {margin-left: 0px}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.title {width: 234px; margin-left: 23px; text-align: center; border-bottom: 1px solid #c8c8c8; margin-top: 44px}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.title .title-text {font-size: 20px; font-weight: 500; color: #393939; display: block; width: 234px; text-align: center}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.title .title-line {border-bottom: 2px solid #0858b8; width: 70px; display: inline-block; height: 14px; margin-bottom: -4px}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.content {text-align: center; width: 234px; margin-left: 18px; font-size: 14px; line-height: 26px;}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.link {width: 100%; display: flex; background-color: #0858b8; color: #ffffff; font-size: 16px; height: 40px; line-height: 26px; margin-top: 32px}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.link .name {width: 182px; display: inline-block; text-align: center; border-right: 1px solid #ffffff; height: 26px; margin-top: 7px}
.hl-v-host-scenarios .hl-v-host-scenarios-box dd.link a {width: 90px; display: inline-block; text-align: center; color: #ffffff; text-decoration: none; height: 26px; margin-top: 7px}
.hl-v-host-partner {width: 100%; background-color: #e6eef8; -moz-box-shadow:1px 2px 9px #bdc8d6; -webkit-box-shadow:1px 2px 9px #bdc8d6; box-shadow: 1px 2px 9px #bdc8d6;}

.hl-login {background-image: url("/talos/images/hl_login_bg.png"); background-repeat: no-repeat; width: 100%; z-index: 2;margin-top: -1px;}
.hl-login .hl-login-box {background-color: #ffffff; width: 1118px; height: 517px; margin-top: 86px; margin-bottom: 76px; display: inline-block}
.hl-login .hl-login-box .hl-login-box-div {display: flex}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-left {width: 652px; height: 517px; display: inline-block}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-left .showImg {width: 551px; height: 316px; background-image: url("/talos/images/hl_login_show_image.png"); margin-top: 104px; margin-left: 62px; display: block}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right {width: 466px; border-left: 2px solid #9aaabe; height: 517px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul {width: 367px; margin-left: 37px; margin-top: 38px;}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.title h2 {font-weight: 500; font-size: 19px; color: #393939}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form {margin-top: 36px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner {border: 1px solid #9aaabe; border-radius: 0; height: 45px; line-height: 45px; color: #393939; font-size: 20px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner::-webkit-input-placeholder {color: #393939; font-size: 15px;}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner:-moz-placeholder {color: #393939; font-size: 15px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner:-ms-input-placeholder {color: #393939; font-size: 15px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .img-div img {height: 44px; border: 1px dashed #9aaabe; margin-left: 10px;margin-top: -3px;}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .img-div a {display: inline-block;margin-left: 10px;font-size: 15px;line-height: 36px;text-decoration: none;border-bottom: 1px solid #0858b8;color: #0858b8;}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-button {background: #0858b8;border: 1px solid #0858b8;border-radius: 0px; height: 45px;letter-spacing: 5px;font-size: 18px; width: 100%; color: #ffffff}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input-group__append {background-color: #0858b8; border: 1px solid #0858b8; border-radius: 0; padding: 0; padding-right: 40px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input-group__append .el-button {font-size: 14px; letter-spacing: 0px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link {display: block; border-bottom: 1px solid #e4ecf7; height: 50px}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link a {font-size: 14px; color: #0858b8; text-decoration: none}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link a:first-child {float: left}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link a:last-child {float: right}
.hl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.remark {display: block;text-align: left;line-height: 26px;font-size: 14px;color: #393939;margin-top: 8px;}

.hl-user-register {background-image: url("/talos/images/hl_user_register_bg.png"); background-repeat: no-repeat; width: 100%; z-index: 2;margin-top: -1px;}
.hl-user-register .hl-user-register-container { width: 1118px; margin-top: 70px; margin-bottom: 40px; display: inline-block}
.hl-user-register .hl-user-register-container .title-box {color: #ffffff}
.hl-user-register .hl-user-register-container .title-box h2 {font-size: 31px; font-weight: 700; letter-spacing: 5px}
.hl-user-register .hl-user-register-container .title-box .slogan {font-size: 17px; font-weight: 300; display: inline-block; margin-top: 18px}
.hl-user-register .hl-user-register-container .form-box {border: 1px solid #dcdcdc; box-shadow: 0 0 5px #8e8e8e;margin: auto;margin-top: 51px; width: 862px; min-height: 400px; background: #ffffff; padding-bottom: 52px}
.hl-user-register .hl-user-register-container .form-box ul {width: 588px; display: inline-block;}
.hl-user-register .hl-user-register-container .form-box ul li.to-login {text-align: right; display: inline-block; width: 100%; font-size: 16px; color: #626363; letter-spacing: 2px; margin-top: 24px;}
.hl-user-register .hl-user-register-container .form-box ul li.to-login a {text-decoration: none; color: #0858b8}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form {text-align: left;  margin-top: 25px}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-input__inner {border: 1px solid #9aaabe; border-radius: 0; height: 44px; line-height: 44px; color: #393939; font-size: 20px}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-input__inner::-webkit-input-placeholder {color: #393939; font-size: 16px;}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-input__inner:-moz-placeholder {color: #393939; font-size: 16px}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-input__inner:-ms-input-placeholder {color: #393939; font-size: 16px}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .img-div img {height: 42px; border: 1px dashed #9aaabe; margin-left: 10px}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .img-div a {display: inline-block;margin-left: 10px;font-size: 15px;line-height: 36px;text-decoration: none;border-bottom: 1px solid #0858b8;color: #0858b8;}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-button {background: #0858b8;border: 1px solid #0858b8;border-radius: 0px; height: 44px;letter-spacing: 3px;font-size: 16px; width: 100%; color: #ffffff}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-radio__label {font-size: 16px}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-radio__input.is-checked+.el-radio__label {color: #0858b8;}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-radio__input.is-checked .el-radio__inner {border-color: #0858b8; background: #0858b8;}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .el-form-item__content {display: flex}
.hl-user-register .hl-user-register-container .form-box ul li.hl-user-register-form .hl-icon-cover-css {margin-left: 10px; font-size: 20px; margin-top: 15px}
.hl-user-register .hl-user-register-container .form-box ul li.bottom a {text-decoration: none; color: #0858b8; font-size: 14px}
.hl-user-register .hl-user-register-container .form-box dl {width: 1000px; display: inline-block}
.hl-user-register .hl-user-register-container .form-box dl dt {text-align: left; font-size: 26px; font-weight: 600; display: inline-block; width: 100%; line-height: 60px; margin-top: 14px; border-bottom: 1px solid #dcdcdc; color: #393939;}
.hl-user-register .hl-user-register-container .form-box dl dd {font-size: 16px; line-height: 80px; margin-top: 50px;}
.hl-user-register .hl-user-register-container .form-box a {text-decoration: none; color: #0858b8}

.hl-user-register .hl-user-register-container .find-pass-box dl {width: 1000px; display: inline-block}
.hl-user-register .hl-user-register-container .find-pass-box {border: 1px solid #dcdcdc; box-shadow: 0 0 5px #8e8e8e; margin-top: 51px; width: 1118px; min-height: 400px; background: #ffffff; padding-bottom: 52px}
.hl-user-register .hl-user-register-container .find-pass-box dl dt {text-align: left; font-size: 26px; font-weight: 600; display: inline-block; width: 100%; line-height: 60px; margin-top: 14px; border-bottom: 1px solid #dcdcdc; color: #393939;}
.hl-user-register .hl-user-register-container .find-pass-box dl dd.step {text-align: left; border-bottom: 1px solid #dcdcdc; margin-top: 24px}
.hl-user-register .hl-user-register-container .find-pass-box .el-steps--horizontal {margin-left: 185px; margin-bottom: 20px;}
.hl-user-register .hl-user-register-container .find-pass-form-box {width: 592px; display: inline-block;}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.to-login {text-align: right; display: inline-block; width: 100%; font-size: 16px; color: #626363; letter-spacing: 2px; margin-top: 24px;}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.to-login a {text-decoration: none; color: #0858b8}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form {text-align: left;  margin-top: 25px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-input__inner {border: 1px solid #9aaabe; border-radius: 0; height: 54px; line-height: 54px; color: #393939; font-size: 20px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-input__inner::-webkit-input-placeholder {color: #393939; font-size: 18px;}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-input__inner:-moz-placeholder {color: #393939; font-size: 18px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-input__inner:-ms-input-placeholder {color: #393939; font-size: 18px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .img-div img {height: 51px; border: 1px dashed #9aaabe; margin-left: 10px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .img-div a {display: inline-block;margin-left: 10px;font-size: 18px;line-height: 36px;text-decoration: none;border-bottom: 1px solid #0858b8;color: #0858b8;}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .hl-form-btn .el-button {background: #0858b8;border: 1px solid #0858b8;border-radius: 0px; height: 54px;letter-spacing: 5px;font-size: 22px; width: 100%; color: #ffffff}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-radio__label {font-size: 18px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-radio__input.is-checked+.el-radio__label {color: #0858b8;}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-radio__input.is-checked .el-radio__inner {border-color: #0858b8; background: #0858b8;}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .el-form-item__content {display: flex}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .hl-icon-cover-css {margin-left: 10px; font-size: 20px; margin-top: 15px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.bottom a {text-decoration: none; color: #0858b8; font-size: 16px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .account-row .el-form-item__content {font-size: 18px}
.hl-user-register .hl-user-register-container .find-pass-form-box ul li.hl-user-register-form .account-row .account {color: #0858b8}

.hl-user-cart .registerSteps {width: 1200px}
.hl-user-cart .order_process {height: 40px}
.hl-user-cart .process {height: 40px; line-height: 40px; font-size: 16px;}
.hl-user-cart .order_current_process {width: 382px; background: #0858b8;}
.hl-user-cart .order_arrow_complete_process {width: 26px;}
.hl-user-cart .order_arrow_process {background: #9aaabe; height: 40px;}
.hl-user-cart .order_next_process {border-width: 23px 20px;}
.hl-user-cart .order_prev_process {border-width: 20px 18px; border-left-color: #9aaabe;}
.hl-user-cart .order_prev_process.selected {border-left-color: #0858b8;}
.hl-user-cart .order_nopass_process {width: 382px; background: #9aaabe;}
.hl-user-cart .empty_cart {width: 1200px}
.hl-user-cart .empty_cart .p1 {display: block; text-align: left}
.hl-user-cart .empty_cart_m {width: 100%; display: block}
.hl-user-cart .empty_cart_m p {padding: 0; width: 450px; display: inline-block; font-size: 16px}
.hl-user-cart .empty_cart_m p a {color: #0858b8; display: inline-block;}
.hl-user-cart .shopping_cart {width: 1200px}
.hl-user-cart .hl_buy_orderpre {background-color: #0858b8;border-radius: 2px;}
.hl-user-cart .cartbg {background-color: #9aaabe}
.hl-user-cart .order_pass_process {width: 382px; background: #4888d4;}
.hl-user-cart .order_arrow_process.passed {background: #0858b8;}
.hl-user-cart .passed .order_prev_process {border-left-color: #4888d4;}
.hl-user-cart .shoppingcart_center2 {width: 1200px}
.hl-user-cart .payment_center {width: 1200px}
.hl-user-cart .payment_center7 {width: 1200px}
.hl-user-cart .payment_center6_right,.payment_center12 {border-radius: 2px}
.hl-user-cart .hly_order_info .hly_order_title {text-align: left}
.hl-user-cart .nomanager-table {width: 100%}
.hl-user-cart .bustable tr td, table.bustable tr th {padding: 10px 0px 10px 0px;}

.hl-user-center {width: 100%; display: flex; height: 100%}
.hl-user-center .hl-user-center-left {width:290px; display: inline-block; height: 100%; background-color: #385373; z-index: 1}
.hl-user-center .hl-user-center-left .logo {height: 98px; border-bottom: 1px solid #6a85a5; text-align: center}
.hl-user-center .hl-user-center-left .logo img {display: inline-block; height: 68px; margin-top: 14px}
.hl-user-center .hl-user-center-left .menu .el-menu {border: none}
.hl-user-center .hl-user-center-left .menu a {color: #ffffff; text-decoration: none; display: block; width: 100%}
.hl-user-center .hl-user-center-left .menu .el-submenu__title i {color: #ffffff}
.hl-user-center .hl-user-center-left .menu .el-menu-item i {color: #ffffff}
.hl-user-center .hl-user-center-right {width: 100%; min-width: 910px; display: inline-block;}
.hl-user-center .hl-user-center-right .hl-right-top {height: 73px; box-shadow: 0 0 10px #b5b3b3; width: 100%; display: inline-block; z-index: -1}
.hl-user-center .hl-user-center-right .hl-right-top dl {width: 100%;font-size: 30px;margin-top: 14px;}
.hl-user-center .hl-user-center-right .hl-right-top dl a {color: #346de3; text-decoration: none}
.hl-user-center .hl-user-center-right .hl-right-top dl a:hover {color: #3a95e3;}
.hl-user-center .hl-user-center-right .hl-right-top dl dt {color: #346de3; float: left; width: 50px; margin-left: 20px;}
.hl-user-center .hl-user-center-right .hl-right-top dl dd {float: right; letter-spacing: 10px; margin-right: 20px}
.hl-user-center .hl-user-center-right .hl-right-top dl dd span {letter-spacing: 2px; font-size: 16px; vertical-align: middle;}
.hl-user-center .hl-user-center-right .hl-right-top dl dd .iconfont {font-size: 30px}
.hl-user-center .hl-user-center-right iframe {width: 100%; border: none; margin-top: 0px}

.hl-public-domain-package-product .el-tabs--card>.el-tabs__header {border-bottom: none}
.hl-public-domain-package-product .el-tabs--card>.el-tabs__header .el-tabs__nav {border: none}
.hl-public-domain-package-product .el-tabs--card>.el-tabs__header .el-tabs__item {width: 216px; height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; letter-spacing: 10px; margin-left: 34px; border: solid 1px #c2c2c2; padding-left: 32px}
.hl-public-domain-package-product .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {background-color: #0858b8; color: #ffffff; border: none}
.hl-public-domain-package-product .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {margin-left: 220px}
.hl-public-domain-package-product .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {padding-left: 34px}
.hl-public-domain-package-product .el-tabs__item {}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane {display: flex; margin-top: 54px}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card {width: 270px; margin-left: 34px; height: 278px; border-radius: 0px}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card:first-child{margin-left: 0px;}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .el-card__header {text-align: left; padding-top: 50px}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .el-card__header span {font-size: 30px;}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .el-card__header p {color: #c2c2c2; margin-top: 36px}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .text {display: flex}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .text dd {width: 115px; display: inline-block; float: left; text-align: center;}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .text dd:first-child {color: #0858b8; font-size: 26px}
.hl-public-domain-package-product .el-tabs__content .el-tab-pane .el-card .text dd:last-child {color: #6a8fcc; font-size: 18px; text-decoration: line-through; line-height: 40px}

.hl-help-banner {width: 100%; overflow: hidden; z-index: 2;margin-top: -1px;}
.hl-help-banner img {height: 554px}
.hl-help-content {}
.hl-help-content .title {text-align: left;margin-top: 32px; border-bottom: 1px solid #c8c8c8; width: 700px;}
.hl-help-content .title h2 {color: #393939; font-size: 30px;}
.hl-help-content .title span {color: #c2c2c2;margin-top: 29px;font-size: 13px;display: block;letter-spacing: 32px;font-weight: 600;margin-bottom: 16px;}
.hl-help-content .search {width: 800px; display: inline-block}
.hl-help-content .search .el-input__inner {border-radius: 0px; border: 1px solid #0858b8; height: 50px; line-height: 50px; font-size: 18px}
.hl-help-content .search .el-input__inner::-webkit-input-placeholder {color: #528acd; font-size: 18px;}
.hl-help-content .search .el-input__inner:-moz-placeholder {color: #528acd; font-size: 18px}
.hl-help-content .search .el-input__inner:-ms-input-placeholder {color: #528acd; font-size: 18px}
.hl-help-content .search .el-input-group__append {background-color: #0858b8; color: #ffffff; border: 1px solid #0858b8; border-radius: 0;font-size: 16px;}
.hl-help-content .content {width: 1200px; margin-top: 53px; border: 1px solid #cfcfcf; padding: 46px; box-sizing: border-box}
.hl-help-content .content dl.con {border-top: 1px solid #cfcfcf; margin-top: 35px; padding-top: 20px; box-sizing: border-box;}
/* border-bottom: 1px solid #cfcfcf;*/
.hl-help-content .content dl.con dd {width: 100%; line-height: 47px; font-size: 15px; font-weight: 500;border-bottom: none \9; color: #626363}
.hl-help-content .content dl.con dd:last-child {border-bottom: none}
.hl-help-content .content dl.con dd:hover {color: #0858b8}
.hl-help-content .content dl.con dd:hover a {color: #0858b8}
.hl-help-content .content dl.con dd ul li.li-title {float: left;}
.hl-help-content .content dl.con dd ul li a {color: #626363; text-decoration: none}
.hl-help-content .content dl.con dd ul li:first-child {list-style: initial; list-style-position: inside; width: 950px; text-align: left;}
.hl-help-content .content dl.con dd ul li:last-child {}
.hl-help-content .content .hl-page {margin-top: 48px}
.hl-help-content .content .hl-page .el-pagination.is-background .el-pager li:not(.disabled).active {background-color: #0858b8;}
.hl-help-content .content .hl-page {display: inline-table;  }
.hl-help-content .contact {width: 1200px; display: flex; margin-top: 53px; border: 2px solid #cdcdcd; padding: 17px; box-sizing: border-box; margin-bottom: 78px}
.hl-help-content .contact .item {width: 432px; height: 84px; display: block;}
.hl-help-content .contact .item:first-child {margin-left: 128px; border-right: 2px solid #cdcdcd;}
.hl-help-content .contact .item:last-child {margin-left: 140px;}
.hl-help-content .contact .item .img {width: 100px; height: 100px; float: left;}
.hl-help-content .contact .item .img img {width: 75px;}
.hl-help-content .contact .item .text {float: left; margin-left: 26px; font-size: 17px; color: #444444; font-weight: 500; line-height: 37px; text-align: left;}

.hl-help-info .hl-info-breadcrumb {margin-top: 36px;}
.hl-help-info .hl-info-breadcrumb .el-breadcrumb {font-size: 16px}
.hl-help-info .hl-info-breadcrumb .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {font-weight: 400; color: #707171;}
.hl-help-info .hl-info-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {color: #707171;}
.hl-help-info .title {margin-top: 59px; width: 100%; display: inline-block; text-align: left; border-bottom: 1px solid #cfcfcf;}
.hl-help-info .title h2 {font-size: 26px; color: #393939; letter-spacing: 2px;}
.hl-help-info .title span {font-size: 14px; color: #707171; margin-top: 36px; display: block; margin-bottom: 24px;}
.hl-help-info .content {margin-top: 46px; text-align: left; width: 100%; padding-bottom: 39px; border-bottom: 1px solid #cfcfcf;}
.hl-help-info .recent {width: 100%; display: flex;font-size: 15px; line-height: 42px; margin-top: 20px; margin-bottom: 75px;}
.hl-help-info .recent .item {width: 600px;float: left \9;}
.hl-help-info .recent .item .tag {color: #626363}
.hl-help-info .recent .item .no {color: #b5b7b7}
.hl-help-info .recent .item a {text-decoration: none; color: #393939}
.hl-help-info .recent .item:first-child {text-align: left}
.hl-help-info .recent .item:first-child .tag {padding-left: 20px}
.hl-help-info .recent .item:last-child {text-align: right}
.hl-help-info .recent .item:last-child .tag {padding-right: 20px;}

.hl-about {width: 100%; text-align: center}
.hl-about .hl-about-top {margin-top: 53px}
.hl-about .hl-about-top h2 {font-size: 32px; letter-spacing: 4px; color: #393939;}
.hl-about .hl-about-top span {font-size: 16px; color: #c2c2c2; letter-spacing: 26px; font-weight: 600; margin-top: 28px; display: block;}
.hl-about .hl-about-content {margin-top: 8px; margin-bottom: 86px; font-size: 18px; color: #626363; line-height: 36px; text-align: left;}

.hl-diy-computer-room {width: 100%; text-align: center; display: flex}
.hl-diy-computer-room dl {width: 100%; text-align: center; display: flex}
.hl-diy-computer-room dl dd {margin-left: 25px;float: left \9;}
.hl-diy-computer-room dl dd:first-child {margin-left: 0px}
.hl-diy-computer-room dl dd img {width: 277px; height: 185px}

.hl-public-product-cloud {padding-bottom: 75px}
.hl-public-product-cloud-register {width: 1200px; text-align: center; display: table}
.hl-public-product-cloud-register a {width: 216px; height: 60px; line-height: 60px; text-align: center; color: #000000; background-color: #ffffff; border: 1px solid #c2c2c2; font-weight: bold; font-size: 20px; margin-left: 34px; display: inline-block; text-decoration: none}
.hl-public-product-cloud-register a:first-child {margin-left: 0px}
.hl-public-product-cloud-register a.active {width: 216px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; background-color: #0858b8; border: 1px solid #0858b8; font-weight: bold; font-size: 20px}
.hl-public-product-cloud-list {width: 1200px; text-align: left; display: flex; margin-top: 60px; }
.hl-public-product-cloud-list .left-div {width: 216px; height: 558px; background-image: url("/talos/images/hl_cloud_public_backgroud.png"); background-repeat: no-repeat}
.hl-public-product-cloud-list .left-div .text-area {width: 176px; text-align: center; color: #ffffff;}
.hl-public-product-cloud-list .left-div .text-area .title-en {margin-top: 37px; font-size: 15px; font-weight: 300}
.hl-public-product-cloud-list .left-div .text-area .title {margin-top: 20px; font-size: 19px; font-weight: 800; border: 1px solid #ffffff; width: 134px; height: 60px; line-height: 60px; margin-left: 23px}
.hl-public-product-cloud-list .left-div .text-area .title-h2 {margin-top: 30px; font-size: 15px}
.hl-public-product-cloud-list .left-div .text-area ul {width: 126px; margin-left: 23px; margin-top: 10px; list-style-type: disc}
.hl-public-product-cloud-list .left-div .text-area ul li {width: 100%; list-style-type: disc; margin-left: 19px; text-align: left; line-height: 26px;}
.hl-public-product-cloud-list .left-div .text-area .link {margin-top: 30px}
.hl-public-product-cloud-list .product-list {width: 951px; display: flex; margin-left: 12px}
.hl-public-product-cloud-list .product-list .product-item {width: 301px; margin-left:14px; border: 1px solid #dedede; box-shadow: 0 0 5px #dedede }
.hl-public-product-cloud-list .product-list .product-item:first-child {width: 301px; margin-left:0px}
.hl-public-product-cloud-list .product-list .product-item dl {width: 100%; text-align: center; display: flex}
.hl-public-product-cloud-list .product-list .product-item .top dd:first-child {width: 115px; height: 97px}
.hl-public-product-cloud-list .product-list .product-item .top dd:last-child {width: 114px; height: 97px; background-image: url("/talos/images/hl_cloud_public_product_hot.png"); background-repeat: no-repeat; background-position: top right}
.hl-public-product-cloud-list .product-list .product-item .top .icon {width: 72px; height: 60px; margin-top: 37px;}
.hl-public-product-cloud-list .product-list .product-item .top .icon-new {background-image: url("/talos/images/hl_cloud_public_icon_new.png");}
.hl-public-product-cloud-list .product-list .product-item .top .icon-base {background-image: url("/talos/images/hl_cloud_public_icon_base.png");}
.hl-public-product-cloud-list .product-list .product-item .top .icon-standard {background-image: url("/talos/images/hl_cloud_public_icon_standard.png");}
.hl-public-product-cloud-list .product-list .product-item .top .icon-high {background-image: url("/talos/images/hl_cloud_public_icon_high.png");}
.hl-public-product-cloud-list .product-list .product-item .title {color: #0858b8; text-align: center; width: 244px; margin-left: 30px}
.hl-public-product-cloud-list .product-list .product-item .title h2 {font-size: 22px; margin-top: 23px}
.hl-public-product-cloud-list .product-list .product-item .title span {font-size: 14px; margin-top: 15px; display: block}
.hl-public-product-cloud-list .product-list .product-item .line {border-top: 1px solid #c8c8c8; width: 244px;  margin-left: 30px; margin-top: 31px}
.hl-public-product-cloud-list .product-list .product-item .info {margin-top: 24px; width: 244px;  margin-left: 30px; font-weight: 600; line-height: 30px;}
.hl-public-product-cloud-list .product-list .product-item .info dl {width: 244px; display: table;}
.hl-public-product-cloud-list .product-list .product-item .info dd:first-child {margin-top: 0px; float: left}
.hl-public-product-cloud-list .product-list .product-item .info dd:last-child {margin-right: 0px; float: right}
.hl-public-product-cloud-list .product-list .product-item .line.line2 {margin-top: 40px}
.hl-public-product-cloud-list .product-list .product-item .bottom {width: 244px; margin-left: 30px; font-size: 14px; color: #0858b8; margin-top: 40px}
.hl-public-product-cloud-list .product-list .product-item .bottom a {color: #0858b8; line-height: 26px; letter-spacing: 2px}
.hl-public-product-cloud-list .product-list .product-item .bottom dl {width: 244px; display: table;}
.hl-public-product-cloud-list .product-list .product-item .bottom dd:first-child {margin-top: 0px; float: left; vertical-align: bottom}
.hl-public-product-cloud-list .product-list .product-item .bottom dd:last-child {margin-right: 0px; float: right}
.hl-public-product-cloud-list .product-list .product-item .bottom .price {font-size: 30px}

.hl-public-product-v-host {width: 100%; display: flex; text-align: center}
.hl-public-product-v-host ul {width: 350px; margin-left: 40px; border: 1px solid #c8cfd8; box-shadow: 0 0 5px #c8cfd8; background-color: #ffffff}
.hl-public-product-v-host ul:first-child {margin-left: 32px}
.hl-public-product-v-host ul li.title {background-color: #0858b8; text-align: center; color: #ffffff; width: 100%; display: block; height: 80px; line-height: 80px}
.hl-public-product-v-host ul li.title h3 {font-size: 19px; font-weight: 600;letter-spacing: 2px;}
.hl-public-product-v-host ul li.content{height: 185px;}
.hl-public-product-v-host ul li.content div {width: 292px; margin-left: 40px; text-align: center; color: #000000; font-size: 15px; line-height: 35px; margin-top: 20px;}
.hl-public-product-v-host ul li.link a {text-decoration: none; display: inline-block; font-size: 16px; border: 1px solid #0858b8; color:#0858b8; padding: 6px 15px; margin-top: 38px; margin-bottom: 35px;}

.hl-public-show-title {text-align: center;}
.hl-public-show-title h2 {font-size: 32px; margin-top: 58px;}
.hl-public-show-title span {font-size: 15px; margin-top: 32px; font-weight: 800; color: #c2c2c2; letter-spacing: 18px; display: block; margin-bottom: 47px; text-transform: uppercase}

.hl-public-partner {display: flex; margin-bottom: 43px}
.hl-public-partner li {width: 300px; text-align: center; float: left}
.hl-public-partner li.first {text-align: left}
.hl-public-partner li.last {text-align: right}

.hl-control-v-host .hl-top-head {margin:20px 20px 0px 20px; background-color: #ffffff; height: auto; width: auto;}
.hl-control-v-host .hl-top-head .hl-top-head-title {height: 78px; background-color: #385373;}
.hl-control-v-host .hl-top-head .hl-mleft-78 {margin-left: 78px;}
.hl-control-v-host .hl-top-head .hl-mright-78 {margin-right: 78px;}
.hl-control-v-host .hl-top-head .hl-mtop-42 {margin-top: 42px;}
.hl-control-v-host .hl-top-head .hl-top-head-title .hl-big-title {height: 78px; width: auto;  font-family: "Microsoft YaHei"; font-size: 26px; color:#ffffff; line-height: 78px;}
.hl-control-v-host .hl-top-head .hl-top-head-title .hl-big-title img{width: 28px; height: 28px; margin-top: 24px; margin-right: 18px; float: left}
.hl-control-v-host .hl-top-head .hl-top-head-title-small {font-family: "Microsoft YaHei"; font-size: 22px; color: #393939; }
.hl-control-v-host .hl-top-head .hl-top-head-title-small .hl-div {margin: 4px 18px 0px 0px; float: left; background-color: #013fbe; width: 8px; height: 22px;}
.hl-control-v-host .hl-top-head .hl-content {width: auto; height: 150px; margin-top: 30px; border:1px #FFF solid;}
.hl-control-v-host .hl-top-head .hl-content .hl-function {float: left; height: 100px; width: 100px; margin: 10px 10px 10px 0px; border: 1px #F00 solid;}
.hl-control-v-host .hl-top-head .hl-content .hl-function {display: inline-block; text-align: center; height: 115px; width: 115px; margin: 0px 115px 0px 0px; border:1px #FFF solid;}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon {margin-top: 25px;}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-font {font-family: "微软雅黑"; font-size: 14px; color: #393939; width: 115px;}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon-w24 {width: 24px}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon-w26 {width: 26px}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon-w28 {width: 28px}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon-h24 {height: 24px}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon-h26 {height: 26px}
.hl-control-v-host .hl-top-head .hl-content .hl-function .hl-icon-h28 {height: 28px}

.hl-control-v-host .hl-v-host-content {margin:20px 20px 20px 20px; height: 59%; background-color:#ffffff; border: 1px #FFF solid;}
.hl-control-v-host .hl-v-host-content .hl-mleft-78 {margin-left: 78px;}
.hl-control-v-host .hl-v-host-content .hl-mright-78 {margin-right: 78px;}
.hl-control-v-host .hl-v-host-content .hl-mtop-42 {margin-top: 42px;}
.hl-control-v-host .hl-v-host-content .hl-content-title {width: auto; font-family: "微软雅黑"; font-size: 22px; color: #393939; position: relative; border: 1px #FFF solid;}
.hl-control-v-host .hl-v-host-content .hl-content-title .hl-div {margin: 4px 18px 0px 0px; float: left; background-color: #013fbe; width: 8px; height: 22px; }
.hl-control-v-host .hl-v-host-content .hl-content {width: auto; height:auto; margin-top: 30px; border: 1px #FFF solid;}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function {display: inline-block; text-align: center; height: 115px; width: 115px; margin: 0px 115px 0px 0px; border:1px #FFF solid;}

.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon {margin-top: 25px; padding-bottom: 12px;}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-font {font-family: "微软雅黑"; font-size: 14px; color: #393939; width: 115px;}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon-w24 {width: 24px}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon-w26 {width: 26px}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon-w28 {width: 28px}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon-h24 {height: 24px}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon-h26 {height: 26px}
.hl-control-v-host .hl-v-host-content .hl-content .hl-function .hl-icon-h28 {height: 28px}


.hl-contorl-login {background-image: url("/talos/images/hl_login_bg.png"); background-repeat: no-repeat; width: 100%; z-index: 2;margin-top: -1px;}
.hl-contorl-login .hl-login-box {background-color: #ffffff; width: 1118px; height: 538px; margin-top: 86px; margin-bottom: 86px; display: inline-block}
.hl-contorl-login .hl-login-box .hl-login-box-div {display: flex}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-left {width: 652px; height: 538px; display: inline-block}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-left .showImg {width: 551px; height: 316px; background-image: url("/talos/images/hl_control_login_show_image.png"); margin-top: 110px; margin-left: 62px; display: block}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right {width: 466px; border-left: 2px solid #9aaabe; height: 538px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul {width: 367px; margin-left: 37px; margin-top: 38px;}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.title h2 {font-weight: 500; font-size: 20px; color: #393939}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form {margin-top: 41px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner {border: 1px solid #9aaabe; border-radius: 0; height: 45px; line-height: 45px; color: #393939; font-size: 15px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner::-webkit-input-placeholder {color: #393939; font-size: 15px;}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner:-moz-placeholder {color: #393939; font-size: 15px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-input__inner:-ms-input-placeholder {color: #393939; font-size: 15px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .img-div img {height: 51px; border: 1px dashed #9aaabe; margin-left: 10px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .img-div a {display: inline-block;margin-left: 10px;font-size: 18px;line-height: 36px;text-decoration: none;border-bottom: 1px solid #0858b8;color: #0858b8;}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.hl-login-form .el-button {background: #0858b8;border: 1px solid #0858b8;border-radius: 3px; height: 47px;letter-spacing: 5px;font-size: 17px; width: 100%; color: #ffffff}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link {display: block; border-bottom: 1px solid #e4ecf7; height: 50px}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link a {font-size: 16px; color: #0858b8; text-decoration: none}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link a:first-child {float: left}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.link a:last-child {float: right}
.hl-contorl-login .hl-login-box .hl-login-box-div .hl-login-box-right ul li.remark {display: block;text-align: left;line-height: 26px;font-size: 14px;color: #393939;margin-top: 8px;}
.hl-contorl-login body {margin: 0; padding: 0;}
.hl-contorl-login input {appearance:none; -moz-appearance:none; -webkit-appearance:none; background: none; border:none;}
.hl-contorl-login .wrap {margin: 200px 0 0 200px;}
.hl-contorl-login .box {position: relative; width: 100%; height: 45px; border-radius: 30px; background: #686B69; line-height: 45px; overflow: hidden; color: #fff; font-size: 14px;}
.hl-contorl-login .btn {position: absolute; top: 0; left: 0; height: 50px; width: 50px; background: #0e81cc; border-radius: 50px; text-align: center; z-index: 100;}
.hl-contorl-login .tips {position: absolute; top: 0; left: 0; height: 45px; width: 100%; text-align: center; z-index: 99;}


/*--------QQ客服--------------*/
.rides-cs {  font-size: 12px; background:#0858b8; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 25px;height: 181px;vertical-align: middle;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 120px; float: left; padding:5px; margin:30px 0;overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url("/default/images/btnCtn.png"); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


/** ie 兼容 10+ **/
.hl-index-banner .el-carousel--horizontal {
    overflow: hidden;
}

/** 修改菜单样式 **/
.menu .el-submenu__title,.menu .el-menu-item{
	padding: 0 53px;
}

.img-code {width: 130px}

.load_box {
    position: absolute;
    max-width: 70%;
    background: #FFFFFF;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    padding: 18px 40px;
    font-size: 17px;
    color: #000;
    position: fixed;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0px 0px 3px #A9A1A1;
    -webkit-box-shadow: 0px 0px 3px #A9A1A1;
    -moz-box-shadow: 0px 0px 3px #A9A1A1;
    z-index: 11000;
    top: 50%;
    margin-top: -55px;
}

/** ie版本低9弹框颜色 **/
.iefix-dialog {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1099;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    display: none;
}
.ielow-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1100;
    margin: -225px 0 0 -290px;
    width: 580px;
    min-height: 380px;
    /*background: #00a4ff;*/
    background: #0757B7;
    text-align: center;
    display: none;
}
.iefix-con {
    padding-top: 40px;
}
.iefix-con {
    display: inline-block;
    vertical-align: middle;
}
.iefix-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    padding-top: 20px;
}
.iefix-txt {
    color: #EEEEEE;
    padding-top: 15px;
    width: 360px;
    margin: 0 auto;
    line-height: 1.8;
    margin-top: 8px;
}
.iefix-btn {
    padding: 30px 0;
}

.iefix-btn a {
    width: 150px;
    height: 30px;
    padding-top: 10px;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 10px;
}
.iefix-btn a {
    display: inline-block;
    vertical-align: middle;
    text-decoration:none;
}
.iefix-btn a:hover{
    background: #ffffff;
    color: #00a4ff;
}
.iefix-icon-up,.iefix-icon-ff {
    display: inline-block;
    vertical-align: middle;
}
.iefix-icon-ff,.iefix-icon-chrome,.iefix-icon-360 {
    display: inline-block;
    vertical-align: middle;
}
.iefix-btn A:hover .iefix-icon-ff {
    background-image: url("/talos/images/ie-dialog-icon.png");
    background-position: -194px -170px;
}

.iefix-icon-up {
    width: 120px;
    height: 99px;
    background-image: url("/talos/images/ie-dialog-icon.png");
    background-position: -124px 0px;
}
.iefix-icon-ff {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url("/talos/images/ie-dialog-icon.png");
    background-position: -158px -188px;
}
.iefix-icon-chrome {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url("/talos/images/ie-dialog-icon.png");
    background-position: -176px -188px;
}
.iefix-btn a:hover .iefix-icon-chrome{
    background-image:url("/talos/images/ie-dialog-icon.png");
    background-position:-212px -188px;
}

.iefix-icon-360{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url("/talos/images/ie-dialog-icon.png");
    background-position: -67px -207px;
}
.iefix-btn a:hover .iefix-icon-360{
    background-image:url("/talos/images/ie-dialog-icon.png");
    background-position: -86px -206px;
}