/****base start*****/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
dl,
dt,
dd,
span {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    border-color: #000;
}

fieldset,
img {
    border: 0px;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal;
    font-style: normal;
}

strong {
    font-weight: bold;
}

ul,
dl {
    list-style: none;
}
li{
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

img {
    vertical-align: middle;
    border: 0;
}

input,
button {
    vertical-align: middle;
    outline: none;
    border: none;
}

input {
    text-indent: 2px;
}

button {
    cursor: pointer;
}

abbr,
acronym {
    border: 0px;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
}
body{
    height: 100%;
    background-color: #fff;
    font-family:'微软雅黑',"webfont","NotoSansHans-Regular",'Arial','sans-serif';
    min-width: 1366px;
    position: relative;
}

/* 版心 */
.w{
    margin: 0 auto;
    width: 1400px;
}

/* 清除浮动 */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.color-success {
    color: #00b858;
}
.color-error {
    color: #ef5656 !important;
}
.color-warning {
    color: #ffa417 !important;
}
.color-orange{
    color: #ffe032 !important;
}
.color-blue{
    color: #128bff !important;
    cursor: pointer;
}
.color-fff {
    color: #fff;
}
.color-666 {
    color: #666;
}
.color-999 {
    color: #999;
}
.color999{color: #999;}
.color_green{color: #20b868 !important;}
.color_red{color: #e54752 !important;}
.color_blue{color: #20a0ff !important;}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-28 {
    font-size: 28px !important;
}

.ml-4 {
    margin-left: 4px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-16 {
    margin-left: 16px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-40 {
    margin-right: 40px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.p-0 {
    padding: 0 !important;
}

.p-8 {
    padding: 8px !important;
}

.full-width-g {
    width: 100% !important;
}

.lh22 {
    line-height: 22px;
}

.link-g {
    color: #409EFF;
    text-decoration: none;
}

.link-g:hover {
    color: #66b1ff;
}

.flex-g {
    display: flex;
    flex-wrap: wrap;

}

.flex-g.start {
    align-items: flex-start;
}

.flex-g.alignCenter {
    align-items: center;
    align-content: center;
}

.flex-g.center {
    justify-content: center;
}

.flex-g.between {
    justify-content: space-between;
}

.flex-g.end {
    justify-content: flex-end;
}

.flex-g.top {
    align-items: end;
}

.title-mini-g{
    height: 42px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
}

.title-mini-g i{
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #128bff;
    margin-right: 12px;
    position: relative;
    top: 2px;
}
.title-mini-g a{
    font-weight: normal;
    font-size: 14px;
    float: right;
}
.w1200{
    width: 1400px;
    margin: 0 auto;
}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.p100{padding: 100px;}
.pt5{padding-top: 5px;}
.pt1{padding-top: 1px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pb1{padding-bottom:1px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pl10{padding-left:10px;}
.pl16{padding-left:16px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml80{margin-left: 80px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font28{font-size: 28px;}
.font32{font-size: 32px;}
.fl,.z{ float:left;}
.fr,.y{ float:right;}
/****base end*****/




.w1200{ width: 1400px; margin: 0 auto;}
.header{ height: 60px; line-height: 60px; position: absolute; display: none; border-bottom: 1px solid rgba(255,255,255,0.1);  box-sizing: border-box;  width: 100%;}
.header2{ float: right;}
.header2 a{ display: inline-block; font-size: 16px; color: #fff; border-right: 1px solid #ccc; line-height: 60px;  text-align: center; border-radius: 4px; border:none;}
header{ width: 100%;line-height: 60px;height: 60px;position: absolute; left: 0; top: 0px;z-index: 9; box-sizing: border-box; padding: 0 24px; z-index: 998; }
header svg{ width: 126px;height: 100px;position: absolute;top: -18px;left: 0; }
.product_box{
    display: none;
}
.product_box .mini_nav1{
    width: 135px;
}
.product_box .mini_nav1 a{
    text-align: left !important;
}
@media screen and (max-width: 1470px) {
    .product_box {
        display: block;
    }
    .productItem{
        display: none !important;
    }
}
.head_box {
    width: 100%;
    height: 60px;
    max-width: 1600px;
    margin: 0 auto;
}
.logo h1 {
    width: 169px;
    height: 34px;
    background: url(../images/img26.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: 10px;
}
.logo{ position: relative; display: inline-block}
.logo font{ position: absolute; color: #fff; border: 1px solid #fff; border-radius: 8px 8px 8px 0px; font-size: 12px; top: 13px;left: 118px;line-height: 18px;height: 20px;z-index: 3;padding: 0 6px;}
.logo img{ width: 110px;}
.ceiling_nav { display: inline-flex; padding-left: 28px;}
.ceiling_nav a,.ceiling_nav a:link,.login_menu a{ position: relative; display: inline-block; margin:0 16px; font-size: 14px; color: #fff;}
.ceiling_nav a:hover,.login_menu a:hover{ color: #fff;}
.ceiling_nav a.on:after{ content: ''; display: block; width: 100%; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0;}
.mt20{ margin-top: 20px;}
.imgHot{
    padding-left: 4px;
    position: absolute;
    top: 14px;
}
.menuList1a .imgHot{
    top: 3px;
}
.mini_nav{
    font-size: 16px;
    text-align: center;
    position: relative;
    top: -1px;
}
.ceiling_nav .mini_nav1{
    background: #fff;
    display: none;
    top: 60px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    left: 0;
    text-align: left;
    margin: 0 auto;
    transition: all 0.7s ease-out;
    z-index: 10;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 8px 16px;
}
.mini_nav:hover .mini_nav1{
    display: flex;
}
.ceiling_nav .mini_nav1::after {
    content: '';
    position: absolute;
    left: 41px;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #fff transparent;
    top: -14px;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.3));
}
.ceiling_nav .mini_nav1 a{
    display: block;
    margin: 0;
    line-height: 36px;
    color: #333;
    width: 100%;
    text-align: left;
}
.ceiling_nav .mini_nav1 a:hover{
    color: #128bff;
}
.mini_nav .iconsort_desc{
    position: relative;
    top: 2px;
}

.footer {
	width: 100%;
	overflow: hidden;
	background-color: #373f5e;
}
body .footerMin {
	position: fixed;
	bottom: 0;
}
.footer > .functionMenu > .info {
	overflow: hidden;
	text-align: left;
}
.footer > .functionMenu > .info > .hotLine {
	float: right;
	margin: 60px 0 0px 0;
	width: 120px;
	height: 173px;
	position: relative;
}
.footer > .functionMenu > .info > .hotLine > ul > li.one {
	font-size: 16px;
	color: #fff;
}
.footer > .functionMenu > .info > .hotLine > ul > li.two {
	margin: 12px 0 18px;
	font-size: 26px;
	color: #f3d660;
}
.footer > .functionMenu > .info > .hotLine > ul > li.three {
	margin-bottom: 10px;
	height: 22px;
	line-height: 22px;
}
.footer > .functionMenu > .info > .hotLine > ul > li.three > a {
	position: relative;
	display: inline-block;
	width: 84px;
	height: 22px;
	line-height: 22px;
	background-color: #f3d660;
	border-radius: 12px;
}
.footer > .functionMenu > .info > .hotLine .gzh01 {
	width: 120px;
	text-align: center;
}
.footer > .functionMenu > .info > .hotLine p {
    font-size: 14px;
    color: #f5f5f5;
    padding-top: 3px;
}
.footer > .functionMenu > .info > .hotLine img.gzh {
	width: 120px;
}

.footer > .functionMenu > .info > .hotLine > ul > li.three > a > span {
	margin-left: 30px;
	font-size: 12px;
	color: #1b1b1b;
}
.footer > .functionMenu > .info > .hotLine > ul > li.three > .time {
	margin-left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #8a8a8a;
}
.footer > .functionMenu > .info > .quickJumpList2 {
	margin: 48px 0 32px;
	float:right;
	text-align: center;
}
.footer > .functionMenu > .info > .quickJumpList2 > p{
    letter-spacing: 0;
    line-height: 18px;
    color: #fff;
	opacity: 0.6;
    padding: 0;
    margin: 10px 0;
}
.footer > .functionMenu > .info > .quickJumpList2 > .hotline{
    line-height: 50px;
    color: #fff;
    width: 200px;
    border: 1px solid;
    border-color: #ffffff;
    margin: 0 auto;
    text-align: center;
}
.footer > .functionMenu > .info > .quickJumpList2 > .hotline >a{
    color: #fff;
    opacity: 0.6;
}
.footer > .functionMenu > .info > .quickJumpList {
	float: left;
	margin: 48px 0 32px;
}
.footer > .functionMenu > .info > .quickJumpList > ul {
	float: left;
	width: 210px;
}
.footer > .functionMenu > .info > .quickJumpList > ul.isDns {
	width: 240px;
}
.footer > .functionMenu > .info > .quickJumpList > ul.help  {
    width: 240px;
    margin-right: 40px;
}
.footer > .functionMenu > .info > .quickJumpList > ul > li {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 19px;
}
.footer > .functionMenu > .info > .quickJumpList > ul.help li {
	float: left;
	width: 50%;
}
.footer > .functionMenu > .info > .quickJumpList > ul > li:first-child {
	margin-bottom: 18px;
	font-size: 16px;
	color: #f5f5f5;
}
.footer > .functionMenu > .info > .quickJumpList > ul > li:first-child:hover a {
	color: #f5f5f5;
}
.footer > .functionMenu > .info > .quickJumpList > ul > li > a,.footer > .functionMenu > .info > .quickJumpList > ul > li > span {
	color: #fff;
	opacity: 0.6;
}
.footer > .functionMenu > .info > .quickJumpList > ul > li:hover a {
	opacity: 1;
}
.footer > .dns_links a:after {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    position: relative;
    top: 7.5px;
    float: right;
    margin: 0 14px;
    background: rgba(99,111,148,0.6);
}

.footer > .dns_links {
	width: 1400px;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	padding: 18px 0;
	line-height: 26px;
    display: flex;
}

.footer > .dns_links > .dns_links_row a{
	font-size: 12px;
	color: #fff;
	opacity: 0.6;
	position: relative;
}
.footer > .dns_links > span{
    width: 62px;
    color: #fff;
}
.footer > .dns_links .dns_links_row{
    width: 1214px;
}
.footer > .dns_links > a:after{
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	position: relative;
	top: 9px;
	float: right;
	margin: 0 10px;
	background: #fff;
	opacity: 0.6;
}
.footer > .dns_links > a:last-child:after{
	display: none;
}

.footer > .company {
	height: 64px;
	line-height: 64px;
	font-size: 14px;
	color: #fff;
	opacity: 0.6;
}
.footer > .company > a{
	color: #fff;
}
.footer .info:before {
	display: none;
}
.dns_links{ font-size: 12px; line-height: 22px; padding-top: 30px;clear: both; overflow: hidden;}
.dns_links span{ float: left; color: #b1c0eb;}
.dns_links a {font-size: 12px;color: #636f94;position: relative; display: inline-block; float: left; line-height: 28px; opacity: 0.6;}

.tag-box-g{
    position: relative;
    display: inline-block;
}
.tag-g{
    background-image: -moz-linear-gradient( 120deg, rgb(234,51,73) 0%, rgb(255,222,123) 100%);
    background-image: -webkit-linear-gradient( 120deg, rgb(234,51,73) 0%, rgb(255,222,123) 100%);
    background-image: -ms-linear-gradient( 120deg, rgb(234,51,73) 0%, rgb(255,222,123) 100%);
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 8px;
    border-radius: 3px;
    color: #fff !important;
    line-height: 20px !important;;
    border: navajowhite;
    font-size: 12px !important;;
}

.w1240{
    width: 1240px;
    margin: 0 auto;
}

.bigimg {
    width: 600px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 9999;
    border: 10px solid #fff;
}

.masks {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.8;
    filter: Alpha(opacity=50);
    z-index: 998;
    transition: all 1s;
    display: none
}

.imgbox:hover {
    cursor: zoom-in
}

.masks:hover {
    cursor: zoom-out
}

.masks>font {
    position: fixed;
    right: 15px;
    top: 12px;
    width: 30px;
    height: 30px;
    display: block;
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 26px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.masks>img:hover {
    cursor: pointer
}

.index-top-long{
    width: 100%;background: #ccc; position: fixed; top: 0; z-index: 999;
}

.index-top-long .money_item {
    position: relative;
    display: block;
    text-align: center;
}

.index-top-long .money_item span{
    display: none;
}

.tool_title{
    font-size: 20px;
    margin: 40px 0 24px;
}
.tool_box{
    display: flex;
    flex-wrap: wrap;
}

[v-cloak] {
    display: none;
}

.pl-4{
    padding-left: 4px !important;
}

.banner_textarea::-webkit-input-placeholder {
    color: #aaa;
    font-size: 16px;
}

.banner_textarea::-moz-placeholder {
    color: #aaa;
    font-size: 16px;
}

.banner_textarea:-ms-input-placeholder {
    color: #aaa;
    font-size: 16px;
}

.btn {
    display: inline-block;
    line-height: 30px;
    padding: 0 16px;
    font-weight: initial;
    margin-right: 6px;
    border: 1px solid #E3E4E5;
    color: #666;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 12px;
}

.orange-btn {
    background: linear-gradient(-10deg, #0082ff, #0082ff);
    color: #fff !important;
    border: none;
    line-height: 32px;
    height: 32px;
}

.btn:hover {
    background: #fff !important;
    color: #0082ff !important;
    border-color: #0082ff !important;
    z-index: 2;
}

.btn.orange-btn:hover {
    background: linear-gradient(-10deg, #0082ff, #0082ff) !important;
    color: #fff !important;
    border-color: #0082ff !important;
}

.hide {
    display: none !important;
}

/* flex布局 */

.flex {
    display: flex !important;
}

.flexInline {
    display: inline-flex;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-no-shrink {
    flex-shrink: 0;
}

/* flex布局 */

.color42dd3f {
    color: #6ecc50
}

.colorbef663 {
    color: #acd357
}

.colorf6ed44 {
    color: #f9c764
}

.colorf69833 {
    color: #ff9545
}

.colore61610 {
    color: #e0414c
}

.color333 {
    color: #333 !important;
}

.color7fda89 {
    color: #36cb32;
}

.coloreb6a66 {
    color: #e94844;
}

.colora6dbac {
    color: #f59833;
}

.color128bff {
    color: #128bff;
}

.ml10 {
    margin-left: 10px;
}

.c-primary {
    color: #20a0ff;
    padding: 0 2px;
}

.c-primary.on {
    color: #999;
}

.c-primary.ons {
    color: #20a0ff;
}

.title-g {
    height: 42px;
    line-height: 40px;
    font-size: 16px;
    font-weight: inherit !important;
}

.title-g i {
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #128bff;
    margin-right: 12px;
    position: relative;
    top: 2px;
}


.bannerBg {
    background: #4986fb url(../images/img25.jpg) no-repeat center -1px;
    width: 100%;
    padding-top: 35px;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
}

.banner {
    margin: 0 auto;
    padding: 45px 0;
    width: 980px;
}

.banner_nav {
    width: 980px;
    margin: 0 auto;
}

.banner_nav span {
    font-size: 16px;
    color: #333;
    display: inline-block;
    padding: 2px 8px;
    margin: 0 8px;
    cursor: pointer;
    line-height: 22px;
    position: relative;
}

.banner_nav span a {
    color: #fff;
    font-size: 14px;
}

.banner_nav .banner_nav_more span a {
    color: #333;
    padding: 6px 10px;
    display: block;
}

.banner_nav .banner_nav_more span.on:after {
    display: none;
}

.banner_nav .banner_nav_more span a font.icon-new {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    color: #ff940f;
    top: -6px;
    right: 0px;
    font-size: 12px;
    z-index: 8;
}

.banner_nav span.on {
    background: #fff;
    border-radius: 3px;
    color: #fff;
    position: relative;
}

.banner_nav span.on a {
    color: #128bff !important;
}

.banner_nav span.on:after {
    position: absolute;
    top: 26px;
    left: 50%;
    z-index: 99;
    width: 0;
    height: 0;
    content: '';
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translate(-50%);
}


.banner_nav span font {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    top: -14px;
    right: -10px;
    font-size: 12px;
    z-index: 8;
}

.banner_nav span font.new {
    background: linear-gradient(120deg, #ffbe2b, #ff940f)
}

.banner_nav span font.hot {
    background: linear-gradient(120deg, #ff6d18, #e92020);
}

.banner_desc {
    color: #fff;
    opacity: 0.9;
    font-size: 14px;
    width: 970px;
    margin: 20px auto 0;
    line-height: 28px;
}

.icongonggao3 {
    width: 20px;
    height: 20px;
    background: url(../images/icongonggao.gif) no-repeat center;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 6px;
}


.banner_input {
    line-height: 50px;
    margin: 20px auto 5px;
    width: 980px;
    position: relative;
    display: flex;
}

.banner_value {
    border: none;
    font-family: Arial;
    font-size: 16px;
    width: 760px;
    line-height: 18px;
    padding: 16px 0 16px 16px;
    border-radius: 5px;
    box-sizing: border-box;
    resize: none;
    text-indent: 0px;
}

.tool_type {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 50px;
    font-size: 18px;
    color: #458aff;
}

.banner_textarea {
    border: none;
    font-family: Arial;
    font-size: 16px;
    width: 760px;
    line-height: 18px;
    padding: 16px 0 16px 128px;
    border-radius: 5px;
    float: left;
    box-sizing: border-box;
    resize: none;
    outline: none;
    text-indent: 0px;
    max-height: 162px;
}

.banner_submit {
    border: none;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    background: #fff;
    color: #128bff;
    text-align: center;
    width: 135px;
    border-radius: 6px;
    cursor: pointer;
}

.banner_more {
    border: none;
    line-height: 50px;
    /* height: 50px; */
    /* font-size: 16px; */
    background: #fff;
    color: #000;
    text-align: center;
    width: 75px;
    border-radius: 6px;
    cursor: pointer;
}

.banner_more_box {
    color: #fff;
    font-size: 14px;
    padding-bottom: 5px;
}

.banner_more_box > div {
    color: #fff;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 5px;
    display: none;
}

.banner_label {
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 1px;
}

.banner_more_box input[type="checkbox"], .checkboxType input[type="checkbox"] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    margin-right: 5px;
}

.banner_more_box input[type="checkbox"]::before, .checkboxType input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    background: #0F6ED9;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9
}

.banner_more_box input[type="checkbox"]:checked::before, .checkboxType input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #fff;
    color: #0F6ED9;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.banner_more_box label {
    margin: 0 15px 0 2px;
    position: relative;
    top: 2px;
    color: #fff;
    cursor: pointer;
}

.banner_more_box input[type="radio"]:checked + .radio-beauty {
    padding: 2px;
    background-color: #fff;
    border: 1px solid #fff;
    background-clip: content-box;
}

.banner_more_box .radio-name {
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}

.banner_more_box .radio-beauty {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 3px;
    position: relative;
    top: 0px;
}
.banner_node div{
	/* padding-left:64px; */
	margin-top:10px;
}
.select {
    position: relative;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    width: 300px;
    z-index: 10;
    border: none;
    vertical-align: middle;
}

.select:hover {
    z-index: 11;
}

.select dt {
    background: #fff;
    padding-right: 30px;
    position: relative;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-align: left;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 10px;
}

.select.disabled dt {
    background: #eaeae3;
}

.select dt:before {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-2px, -50%);
    width: 0;
    height: 0;
    content: '';
    border-top: 8px solid #128bff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.select:hover dt {
    border-radius: 5px 5px 0 0;
}

.select dd {
    position: absolute;
    left: 0px;
    top: 100%;
    border-radius: 0 0 5px 5px;
    background: #fff;
    border: none;
    text-align: center;
    z-index: 65;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    display: none;
    min-width: 100%;
}

.select dd a {
    display: block;
    line-height: 36px;
    text-align: left;
    padding-left: 13px;
    padding-right: 10px;
    color: #474747;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select dd a:hover {
    color: #474747;
    background: #f8f8f8;
}

.select dd span {
    display: block;
    line-height: 27px;
    text-align: left;
    color: #d4d4d4;
    cursor: default;
}

.select dd.h273 {
    max-height: 273px !important;
    overflow: auto;
}

.select:hover dd {
    display: block;
}

.select .disabled {
    background: #efefef;
    color: #d6d5d7;
}

.select-mini{
    height: 30px;
    line-height: 30px;
    width: 80px;
}
.select-mini dt {
    height: 30px;
    line-height: 30px;
}
.select-mini dt:before {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-2px, -50%);
    width: 0;
    height: 0;
    content: '';
    border-top: 5px solid #128bff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.banner_input .select {
    display: inline-block;
    margin-right: 16px;
    font-size: 14px;
    float: left;
    width: auto;
    min-width: 200px;
}

.banner_input .dropMenu {
    position: relative;
    border-radius: 0 0 5px 5px;
}

.banner_input .dropMenu > a {
    position: relative;
}

.banner_input .dropMenu > a:before {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #128bff;
    content: '';
}

.banner_input .dropMenu > span {
    position: relative;
}

.banner_input .dropMenu > span:before {
    position: absolute;
    right: 4px;
    top: 10px;
    display: block;
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #128bff;
    content: '';
}

.banner_input .dropMenu:hover {
    background: #f4f0ee;
}

.banner_input ul > li > span {
    text-align: left;
    display: block;
    padding-left: 13px;
    color: #999;
}

.banner_input .select dd a {
    overflow: hidden;
    padding-right: 10px;
    font-size: 14px;
}

.banner_key {
    display: flex;
    position: relative;
}

.meunText {
    font-weight: inherit;
}

.select .vertical-nav li ul {
    position: absolute;
    left: 100%;
    top: 0px;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #fff;
    display: none;
    width: 558px;
}

.select .vertical-nav li:hover > ul {
    display: block;
}

.select .disabled, .select .disabled:hover {
    background: #f5f5f5;
    color: #aaa;
    cursor: default;
}

.main02d {
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 0 15px;
}

.main02d input[type="checkbox"], .checkboxType input[type="checkbox"] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    position: relative;
    margin-right: 5px;
}

.main02d input[type="checkbox"]::before, .checkboxType input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    background: #0F6ED9;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9
}

.main02d input[type="checkbox"]:checked::before, .checkboxType input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #fff;
    color: #0F6ED9;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.main02d label {
    margin: 0 15px 0 2px;
    position: relative;
    top: 2px;
    color: #fff;
    cursor: pointer;
}

.main02d.main02ds label {
    color: #333;
}

.main02ds {
    text-align: left;
    padding: 0 15px;
}

.main02ds > font {
    display: inline-block;
}

.checkboxType input[type="checkbox"]::before {
    background: #fff;
    border: 1px solid #0e6dd9;
}

.checkboxType input[type="checkbox"]:checked::before {
    border: 1px solid #0e6dd9;
    color: #0e6dd9;
}

.main02d.main02ds input[type="checkbox"]::before {
    background-color: #fff;
}

.main02d.main02ds input[type="checkbox"]:checked::before {
    background-color: #0F6ED9;
    border: 1px solid #0F6ED9;
    color: #fff;
    font-weight: 400;
}


.icon-lock {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 3px;
    vertical-align: middle;
    cursor: pointer;
}


.vt-icon-infor {
    display: none;
    position: absolute;
    left: -14px;
    top: 80%;
    width: 180px;
    color: #333;
    margin-top: 4px;
    box-sizing: border-box;
    border: 1px solid #e0e1e5;
    background-color: rgba(255, 255, 255, 1);
    padding: 8px 10px;
    line-height: 22px;
    font-size: 12px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    z-index: 99;
    border-radius: 5px;
}

.vt-name:hover .vt-icon-infor {
    display: block;
}


.banner_value::-webkit-input-placeholder {
    font-size: 16px;
}

.banner_value::-moz-placeholder {
    font-size: 16px;
}

.banner_value:-ms-input-placeholder {
    font-size: 16px;
}

.banner_link {
    margin: 0px auto;
    padding-bottom: 40px;
    position: relative;
    height: 66px;
    display: flex;
    /* justify-content: space-between; */
    width: 1400px;
}

.banner_link01 {
    display: flex;
    align-items: center;
    width: 347px;
    color: #fff;
}

.banner_link01:nth-child(2) {
    width: 354px;
}

.banner_link01:nth-child(3) {
    width: 348px;
}

.banner_link01:nth-child(4) {
    width: 430px;
}

.banner_link01:nth-child(5) {
    width: 430px;
}

.banner_link01:nth-child(5) .iconarrow {
    position: relative;
    top: 1px;
    left: 8px;
}

.banner_link02 {
    font-size: 12px;
    width: 70px;
    height: 70px;
    border: 3px solid #c5daff;
    background-image: -moz-linear-gradient(45deg, rgb(0 0 0) 0% 0%, rgb(76, 136, 255) 99%);
    background-image: -webkit-linear-gradient(45deg, rgb(0 0 0) 0%, rgb(76, 136, 255) 99%);
    background-image: -ms-linear-gradient(45deg, rgb(0 0 0) 0%, rgb(76, 136, 255) 99%);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
	flex-direction: column;
	flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    line-height: 22px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 20%);
}

.banner_link02 i {
    display: block;
    width: 30px;
    height: 30px;
	margin-top: 5px;
}
.banner_link02 p{
	margin-top: 1px;
    text-align: center;
}

.banner_link01:nth-child(1) i {
    background: url(../images/img45.png) center no-repeat;
	background-size: 30px 30px;
}

.banner_link01:nth-child(2) i {
    background: url(../images/img46.png) center no-repeat;
	background-size: 30px 30px;
}

.banner_link01:nth-child(3) i {
    background: url(../images/img47.png) center no-repeat;
	background-size: 30px 30px;
}

.banner_link01:nth-child(4) i {
    background: url(../images/img48.png) center no-repeat;
	background-size: 30px 30px;
}

.banner_link03 {
    width: 284px;
    display: flex;
	flex-shrink: 0;
    align-content: space-around;
    flex-wrap: wrap;
    margin-left: 20px;
    line-height: 24px;
    height: 66px;
}

.banner_link03 a {
    color: #fff;
    width: 142px;
    display: inline;
    font-size: 14px;
}

.banner_link03 a.on {
    color: #ffdd54;
}

.banner_link04 a {
    color: #fff;
}


.banner_nav_more {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    line-height: 28px;
    padding: 0px 8px;
}

.banner_nav_more.on {
    background: #fff;
    border-radius: 3px;
    color: #128bff;
    position: relative;
}

.banner_nav_more.on:after {
    position: absolute;
    top: 28px;
    left: 50%;
    z-index: 8;
    width: 0;
    height: 0;
    content: '';
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translate(-50%);
}

.banner_nav_more .list {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    border: 1px solid #dfdfdf;
    background: #fff;
    color: #333;
    z-index: 3;
    width: 145px;
    padding: 5px 0px;
    border-radius: 4px;
    line-height: 30px;
}

.banner_nav_more:hover .list {
    display: block;
}

.banner_nav_more .list > span {
    padding: 0;
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0;
}

.banner_nav_more .list > span.on a {
    color: #128bff;
}

.banner_nav_more .list > span:hover {
    background: #dfdfdf;
    color: #128bff;
}

.banner_storage {
    position: absolute;
    left: 0;
    top: 102%;
    background: #fff;
    border-radius: 5px;
    width: calc(100% - 16px);
    z-index: 6;
    padding: 4px 0;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 0.1);
    display: none;
    opacity: 0.95;
}

.banner_storage p {
    line-height: 28px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banner_storage p:hover, .banner_storage p.on {
    background: #f7f8f9;
    color: #128bff;
}

.banner_time_box {
    width: 100%;
    min-height: 1px;
}

.banner_time {
    width: 800px;
    background: url(../images/imga16.png) center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    z-index: 888;
    top: -520px;
    font-size: 14px;
    transition: all .3s;
    border-radius: 10px;
    overflow: hidden;
}

.banner_time_close, .banner_time_x {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    padding: 20px;
    z-index: 2;
}

.banner_time_close i {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.banner_time_x {
    display: none;
}



.banner_time_mini {
    height: 60px;
    position: relative;
    display: none;
}

.vipBox {
    display: none;
}

.vipBox.on {
    display: flex;
}



.banner_time2a {
    font-size: 16px;
    padding-bottom: 16px;
}

.banner_time2a i, .banner_time2d i {
    position: relative;
    top: 5px;
    margin-right: 8px !important;
}

.banner_time2a span, .banner_time2d span {
    font-size: 14px;
    color: #347FFF;
    display: inline-block;
    margin-left: 24px;
    cursor: pointer;
}

.storageClear {
    text-align: right;
    padding: 0px 20px;
    line-height: 30px;
}

.storageClear span {
    cursor: pointer;
    color: #999;
    font-size: 14px;
}
/*banner end*/

/*历史记录新闻 end*/


/*广告 end*/

.isp_tab_map::before {
    content: '\8fd0\8425\5546\ff1a';
    font-size: 12px;
    display: inline-block;
    width: 60px;
}

.query_box {
    margin: 20px auto;
    overflow: hidden;
    display: none;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 1200px;
    font-size: 16px;
}

.query_box_item {
    width: 600px;
}

.query_title {
    font-size: 18px;
    display: flex;
    align-items: center;
    position: relative;
}

.query_title .checkdetail i {
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #128bff;
    margin-right: 12px;
    position: relative;
    top: 1px;
}
.checkdetail{
	margin-right:8px;
}
.query_title_a {
    display: inline-block;
    max-width: 500px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #20a0ff;
    line-height: 23px;
    font-size: 14px;
}
.query_title_a i{
	margin-right: 5px;
}

.query_share {
    color: #1f2d3d;
    line-height: 36px;
    width: 560px;
    background: #f7fafc;
    padding: 8px 20px 16px;
    font-size: 12px;
}

.share-input {
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    color: #1f2d3d;
    display: inline-block;
    outline: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    font-size: inherit;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    width: 405px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.shareBtnCopy {
    cursor: pointer;
    border-radius: 3px;
    padding: 0px 15px;
    text-align: center;
    border: none;
    color: #fff;
    background: linear-gradient(-10deg, #0082ff, #0082ff);
}

.query_area {
    display: block;
    line-height: 50px;
}

.query_share.query_share_max {
    width: 1200px;
    padding: 12px 32px 24px;
    box-sizing: border-box;
    font-size: 14px;
}

.query_share.query_share_max .share-input {
    width: 965px;
}

.map_tab {
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}
.checkitem{
	border: 1px solid #f0f1f2;
	color: #333;
	font-size: 12px;
	border-radius: 10px;
	padding:0 5px;
	height:22px;
}
.map_nav {
    line-height: 34px;
	height: 34px;
    font-size: 14px;
}

.map_nav a {
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    border: 1px solid #f0f1f2;
    border-radius: 12px;
    margin-right: 8px;
}

.map_nav a.on {
    background: #128bff;
    color: #fff;
    border: 1px solid #128bff;
    border-collapse: collapse;
}

.area_tab::before {
    content: '\5730\533a\ff1a';
    font-size: 12px;
    display: inline-block;
    width: 60px;
}

.map_data_part_box {
    margin-top: 4px;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 34px;
}

.map_data_part {
    width: 25%;
    display: flex;
    box-sizing: border-box;
    border: 1px solid #f0f1f2;
    border-top: none;
}

.map_data_part:nth-child(1), .map_data_part:nth-child(2), .map_data_part:nth-child(3), .map_data_part:nth-child(4) {
    border-top: 1px solid #f0f1f2;
}

.map_data_part span {
    background: #f7fafc;
    display: inline-block;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.map_data_part font {
    display: inline-block;
    width: 50%;
}

.map_data_part_box.ip_pre_list span {
    color: #20a0ff;
    cursor: pointer;
}

.export {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #c4c4c4;
    color: #1f2d3d;
    margin-left: 16px;
    padding: 8px 15px;
    border-radius: 4px;
}

.export:hover {
    color: #20a0ff;
    border-color: #20a0ff;
}

.query_export, .query_ip_pre {
    position: absolute;
    right: 0;
    top: -4px;
    font-size: 12px;
}

.query_export b {
    font-weight: inherit;
}

.table {
    color: #323232;
    font-size: 12px;
    text-align: center;
    border: 1px solid #f0f1f2;
    table-layout: fixed;
    width: 100%;
    line-height: 40px;
}

.table.font14, .table.font14 th, .table.font14 td {
    font-size: 14px !important;
}

.table thead tr {
    background: #257dff;
    color: #fff;
}

.table td {
    border-top: 1px solid #f0f1f2;
    line-height: 22px;
    padding: 12px 5px;
    font-size: 12px;
    text-align: center;
    word-break: break-all;
}

.table th.left,.table td.left {
    text-align: left;
    padding-left: 24px;
}

.table tr:hover td {
    background: #f6f7f8;
}

.table pre {
    text-align: left;
    padding: 0 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table .after, .table .before {
    position: relative;
    z-index: 2;
    cursor: pointer;
    top: 0px;
}

.table .after:before {
    position: absolute;
    right: 3px;
    top: 10px;
    width: 0;
    height: 0;
    content: '';
    border-top: 5px solid rgba(255, 255, 255, 0.4);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.table .before:before {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 0;
    height: 0;
    content: '';
    border-bottom: 5px solid rgba(255, 255, 255, 0.4);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.table .after.on:before {
    border-top: 5px solid rgba(255, 255, 255, 1);
}

.table .before.on:before {
    border-bottom: 5px solid rgba(255, 255, 255, 1);
}

.table .orderBy .after, .table .orderBy .before {
    right: -18px;
}

/*i.loadingRow {
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    background: url(https://www.boce.com/statics/index/img/Icons_03.png);
    margin: 0;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}*/



@-webkit-keyframes move1 {
    0% {
        top: -60px;
        opacity: 1;
        z-index: 999999999;
    }
    10% {
        top: 40px;
        opacity: 1;
        z-index: 999999999;
    }
    90% {
        top: 40px;
        opacity: 1;
        z-index: 999999999;
    }
    100% {
        top: -70px;
        opacity: 1;
        z-index: 999999999;
    }
}

@keyframes move1 {
    0% {
        top: -60px;
        opacity: 1;
        z-index: 999999999;
    }
    10% {
        top: 40px;
        opacity: 1;
        z-index: 999999999;
    }
    90% {
        top: 40px;
        opacity: 1;
        z-index: 999999999;
    }
    100% {
        top: -70px;
        opacity: 1;
        z-index: 999999999;
    }
}



.rs_text {
    text-align: center;
    font-size: 14px;
    color: #999;
    padding-bottom: 10px;
    display: block;
}


.new_detail01b {
	font-size:12px;
    background: #f2f4f7;
    border-radius: 3px;
    line-height: 34px;
    height: 34px;
    padding: 0 8px;
	margin-left:20px;
}
.new_detail01b input{
    background: none;
    line-height: 25px;
    height: 25px;
    width: 200px;
    border-radius: 3px;
}
.new_detail01b .iconfont{
    cursor: pointer;
    padding: 7px;
}

@font-face {
	font-family: "iconfont"; /* Project id 2208523 */
	src:url('/public/static/font/iconfont.woff2?t=1694510542087') format('woff2'),
		url('/public/static/font/iconfont.woff?t=1694510542087') format('woff'),
		url('/public/static/font/iconfont.ttf?t=1694510542087') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.iconfangdajing1:before {
    content: "\e601";
}

.iconright1 font {
	display: inline-block;
    background: url(../images/right1.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin: 0px 16px;
    position: relative;
}
.iconright2 font {
	display: inline-block;
    background: url(../images/right2.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin: 0px 16px;
    position: relative;
}

/*dns检测内容*/
#dns{
	display: flex;
	/* height: 220px; */
	padding: 10px 30px;
	/* margin-bottom:20px; */
	background-color:#f0f2f5;
	border-radius:5px;
}
#dns .echarts-radar{
	width:20%;
}
#dns .detect-main-view .radar-chat {
	float:left;
    top: 20px;
    right: 64px;
    
    /* height: 332px; */
}
#dns .echarts-radar .score-wrapper {
	/* position: absolute; */
	margin-top: -97px;
    margin-left: -57px;
	width:100%;
}
#dns .echarts-radar .score-wrapper .score {
    font-family: Tadfont-Medium;
    font-size: 50px;
    text-align: center;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0;
    color: #fff;
	/* color: #000; */
    text-shadow: 0 4px 10px 0 #0256ff;
}
#dns .echarts-radar .score-wrapper .health-status {
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    color: #fff;
    /* color: #000; */
}
#dns .echarts-radar .score-wrapper .detect-btn {
    margin-left: auto;
    margin-right: auto;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #0256ff;
    width: 88px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    background: linear-gradient(180deg,#e8ebf6,#fff);
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(27.2px);
    backdrop-filter: blur(27.2px);
    box-shadow: 0 3px 4px 0 rgba(37,56,108,.05), 0 8px 15px 0 rgba(49,70,125,.08);
    cursor: pointer;
	
}

#dns .echarts-radar .bg-image {
    width: 58%;

}

#dns .detect-info-card {
	float:right;
    width: 80%;
    height: 150px;
    border-radius: 8px;
    opacity: 1;
    background: linear-gradient(179deg,rgba(2,86,255,.03) 1%,hsla(0,0%,100%,.05) 99%);
    border: 2px solid rgba(126,169,255,.22);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
}
#dns .detect-info-card .title {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #191919;
}
#dns .mt-24 {
    margin-top: 29px!important;
}
#dns .ml-18 {
    margin-left: 18px;
}
#dns .mt-16 {
    margin-top: 16px;
}
#dns .detect-info-card .title span {
    /* color: #0256ff; */
}
#dns .detect-info-card .detect-item:first-of-type {
    margin-top: 0;
}
#dns .detect-info-card .detect-item {
    display: flex;
    align-items: center;
    margin-top: 12px;
}
#dns .detect-info-card .detect-item .item-text {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    color: #191919;
}
#dns .detect-info-card .detect-item .item-text span{
    font-weight: 700;
}
#dns .ml-8 {
    margin-left: 8px;
}
.htmlvertity img{
	width:60%;
}
.htmlvertity .layui-input{
	display: block;
    width: 260px;
    height: 36px;
    margin: 0 auto;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #e6e6e6;
    color: #333;
}