@charset "utf-8";
/* CSS Document */
*:focus { outline: none; }/*去掉获得焦点时的带颜色边框*/
textarea {resize:none;}
.textover{overflow:hidden;text-overflow:ellipsis;}
.yy{text-shadow:5px 2px 6px #000;}
.opac{filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;}
.radi{-ms-border-radius: 8px;-o-border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
pre,.pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
tr,th,td{vertical-align: middle;}
.strong{font-weight: bold;}
.btnm3{margin:3px;}
/*-- All --*/
body {font-family: Arial,sans-serif;word-spacing: 1px;letter-spacing: 1px;background-image: url();background-repeat: no-repeat;background-position: center center;background-attachment:fixed;background-size:cover;background-color:#ffffff;}
@media (max-width:768px){body {background-position: 0 0;}}
body, a, a:link{cursor:url(static/mouse.cur),default;} 
a:hover {cursor:url(static/Hand.cur),wait;}
.faqq{color:var(--green-2);position: relative;margin-right:15px;}
.faqq::after {content: "";border-radius:50%;border: 3px solid var(--green-5);position: absolute;left: -3px;top:-5px;width: 24px;height:24px;}

/*导航*/
.navbar>.container>.navbar-header{position: relative;display:block;}
.navbar .navbar-brand img{transform: translate(1px, 30%);}

a{text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {cursor:url(static/Hand.cur);text-decoration: none;}
a:active {text-decoration: none;}
a.btn{margin-left: 5px;margin-top:8px;}

ul.row li { display: inline-block;list-style: none;margin-bottom:-10px;}
.h30{line-height: 30px;min-height: 30px;height:auto;}
.pad10{padding: 10px 0;}
.pad20{padding: 20px 0;}
.pad35{padding: 35px 0;}
.pad65{padding: 65px 0;}
.padLR15{padding:1px 15px;}
.padTB10{padding-top: 10px;padding-bottom:10px;}
.padB70{padding-bottom:70px;}
.padTB70{padding-top: 70px;padding-bottom:70px;}

.marT10{margin-top: 10px;}
.mart25{margin-top: 25px;}
.mart45{margin-top: 45px;}
.mart75{margin-top:75px;}
.marL5{margin-left: 5px;}
.marL10{margin-left: 10px;}
.marL25{margin-left: 25px;}
.marB20{margin-bottom: 20px;}
.marB35{margin-bottom: 35px;}
.marB50{margin-bottom: 50px;}
.marTB8{margin-top: 8px;margin-bottom: 8px;}
.marTB15{margin-top: 15px;margin-bottom: 15px;}
.marTB25{margin-top: 25px;margin-bottom: 25px;}
.marTB50{margin-top: 50px;margin-bottom: 50px;}
.marRL10{margin-left: 10px;margin-right: 10px;}
.bg-media{background-color:var(--green-6); }
.bgccc{background-color: #CCCCCC;}
.bg000{background-color: #000000;color:var(--white);}
.bg111{background-color: #EFEFEF;}
.bg222{background-color: #4987AE; color:#FFFFFF;}/*blue*/
.bg333{background-color: #ffffff; color:#000000;}

.curso{cursor: pointer;}
.none{display: none;}

/*SVG图标*/
.svgico {width: 40px;}
/*二维码*/
#QR canvas {
    border: 1px solid transparent;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    max-width: 120px;
    display: block;
}
 /*小图标*/
.xtb{display: inline; padding: .2em .6em .3em;font-size: 75%;font-weight: 700; line-height: 1;text-align: center;white-space: nowrap; vertical-align: baseline; border-radius: .35em;}
.xtb-warning {color: #f0ad4e;border: 1px solid #f0ad4e;}
.xtb-primary {color: #337ab7;border: 1px solid #337ab7;}
.xtb-success {color: #5cb85c;border: 1px solid #5cb85c;}
.xtb-info {color:#5bc0de;border: 1px solid #5bc0de;}
.xtb-danger {color: #d9534f;border: 1px solid #d9534f;}
/*媒体*/
.media{margin-bottom: 30px;border-bottom: 1px dashed #797878;padding: 30px 0 20px;overflow: hidden;
}
/*商品列表*/
.HomeList{padding-top:50px;padding-bottom:30px;border-bottom: 1px dashed var(--green-2);}
.HomeList .price{display: inline-block; font-size:30px;padding:6px 20px 6px 22px;color:var(--white);background-color:var(--green);}

.shopCart{border: 1px solid var(--ccc);border-left:3px solid var(--green);border-radius: 5px;margin:10px;padding-top: 10px;padding-bottom:10px;font-size:18px;vertical-align: middle;line-height:150%;}
.shopCart>div{vertical-align: middle;}
.shopCart>div .form-group {margin-bottom: 0; }/*特殊*/
@media (min-width: 992px) {
   .shopCart>div{line-height:200%;}
}
@media (max-width:768px){.shopCart>div .form-group {max-width:280px; }}

.xyd{/*background-color: #337ab7;*/
    border: 3px solid #337ab7;
    border-radius: 50%;
    color: #ffffff;padding:10px;
    font-size: 30px;
    height:60px;
    text-align: center;
    transform: translateX(-50%);
    width:60px;display:block;margin-left:48%;
    font-weight: bold;margin-bottom:25px;}

.border-radius50{-ms-border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.border-radius5{-ms-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.Y60,.Y45{display:block;text-align: center;-ms-border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.Y60{width:60px;height:60px;font-size: 30px;line-height: 55px;}
.Y45{width:45px;height:45px;font-size: 25px;line-height: 40px;}

.Y60Bg{background-color: #337ab7;color:#ffffff;}
.Y45alpha{margin:22px auto 1px auto;background-color:#337ab7;background-image: url(biz-tk/img/alpha_30.png);cursor: pointer;
background-repeat: no-repeat;background-position: center center;text-indent:-99999px;}
.Y45alpha:hover{background-color:#2e6da4;background-position:-9999px -9999px;text-indent:1px;}
blockquote footer:before, blockquote small:before {content: '';}/*重新自定义*/
#tf3 a.btn{margin-left:0;}/*特殊*/
#freedomli li a{font-size: 15px;font-weight: bolder;color:#337ab7}
#freedomli li a:hover,#tabsbtn li.active a{background-color:#337ab7;color:#ffffff;}

.yzm{background-repeat: no-repeat;background-position: right center;}
.whoinfoload{background-image: url(biz-tk/img/load.gif);background-repeat: no-repeat;background-position: center center;height:150px;}
.layui-m-layercont .flt{float:left;}
.layui-m-layercont input,.layui-m-layercont select{width:96%;height:22px;display: block;font-size:14px;}

/*Registry*/
.tabs ul{display: block;}
.tabs ul li{display: inline-block;}
#navbar a{color: var(--green);}
#navbar li.active a,#navbar li a:hover{background-color: var(--green-6);}
#navbar{z-index:5;}
#mymenu,#mymenu-sticky-wrapper,.is-sticky{z-index: 5;width:100%;clear: both;}
#infoList{height:220px;display: inline-block;width: 100%;overflow: hidden;}
#infoList ul li,#ftlink a{height: 25px;text-align: justify;line-height: 25px;text-indent: 2px;}
#myfooter a:link {color: var(--white);}
#myfooter a:visited {color:  var(--white);}
#myfooter a:hover {color: var(--green);transition: all 0.8s ease 0s;}
#myfooter a:active {color: var(--white);}
#myfooter a.ico {width:40px;height:40px;display: inline-block;border-radius: 50%;background-color:var(--primary);line-height: 40px;text-align:center;margin:2px 4px 5px 0; color: var(--white);transition: all 0.8s ease 0s;}
#myfooter a:hover.ico {background-color:var(--white);color: var(--green-2);}
#myfooter a.ico i{font-size: 21px;}

/*域名表格*/
table .load{background-repeat: no-repeat;background-position: center center;background-image: url(biz-tk/img/load1.gif);}
table .btn{margin-top: 1px;}
/*解析页*/

.dmhd{max-width:165px;overflow: hidden;text-overflow: ellipsis;}
blockquote .small:before, blockquote footer:before, blockquote small:before {content: '';}
.bkinfo{background-color: #d9edf7;border-left: 5px solid #31708f;color:#31708f;border-radius:5px;}
.bkwar{background-color: #fcf8e3;border-left: 5px solid #8a6d3b;color:#8a6d3b;border-radius:5px;}
.bktxt{background-color: #eee;border-left: 5px solid #ccc;color:#555;border-radius:5px;}
.color-pulse-a {animation: pulseTXT 1s infinite;}
@keyframes pulseTXT{0%{color:#777777}50%{color:red}to{color:#777777}}

/*域名页*/
#AboutDmPage{background-repeat: no-repeat;background-position: center top;background-size:cover;}
#AboutDm h3{margin-top:30px;margin-bottom:25px;}
#AboutDm h4{margin-top:25px;margin-bottom:15px;}
/*================
  BRAND LOGO STYLE
==================*/
.brand-logo {
  /*background: #f8f9f9 none repeat scroll 0 0;*/
  position: relative;padding:20px 0 20px 0;
}
.brand-logo .brand-carousel li,.brand-logo .owl-theme .owl-nav {margin:0;padding:0;}
.brand-logo .brand-carousel li a img { width: auto;display: inline-block;}
.brand-logo .owl-controls {position: absolute;top: 20%;width: 100%;left: 0;}/*按钮*/
.brand-logo .owl-carousel {position: relative;padding:0;}

.brand-logo .owl-theme span span {
  background-color: transparent;
  color: #999999;
  display: inline-block;
  font-size: 24px;
  margin: 0;
  opacity: 0;
  padding: 0 5px;
  transition: all 0.3s ease 0s;left: 1px;
  position: absolute;
  top: 10%;
  z-index: 9999;
}
.brand-logo .owl-theme:hover span span{opacity: 1;}

.brand-logo .owl-theme span.owl-next span {left: auto;right: 0px;}
.brand-logo .owl-theme .owl-prev,
.brand-logo .owl-theme .owl-next {width: 25%;text-align: center;}
.brand-logo .owl-theme .owl-prev span,
.brand-logo .owl-theme .owl-next span {width: 40px;height: 40px;line-height: 40px;color: #fff;background: #337ab7;-webkit-transition: .5s ease;transition: .5s ease;}
.brand-logo .owl-theme .owl-prev span:hover,
.brand-logo .owl-theme .owl-next span:hover {
    color: #fff;
    background-color: #3baed4;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.brand-logo .brand-carousel li a img,
.brand-logo .brand-carousel li span {border: 1px solid #cccccc;border-radius: 4px;margin-bottom: 3px;opacity: 0.9;transition: all 100ms ease-out 0s;width:96%;height:80px;display:inline-block;
}
.brand-logo .brand-carousel li:hover span{background-color:#fefefe;opacity: 1;}/*border: 1px solid transparent;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);*/

.brand-logo .brand-carousel li:hover a  img,
.brand-carousel .owl-stage-outer {margin-left: 0px;padding: 0px;position: relative;z-index: -1;}/*视窗*/

/*why*/
.process-item {margin-top: 30px;}
.process-item:hover .process-item-number{background-color: #000000;border-color: #000000;} 
.process-item-content {
	padding: 30px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
}
.process-item-number {
    background-color: #337ab7;
    border: 5px solid #337ab7;
    border-radius: 50%;
    color: #FFF;
    font-size: 20px;
    height: 60px;
    left: 50%;
    line-height: 45px;
    text-align: center;
    top: -30px;
    transform: translateX(-50%);
    width: 60px;
    font-weight: 700;
    position: absolute;
}
.process-item-title {
    color: #292929;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0px;
    margin: 15px 0px;
    text-transform: capitalize;
}

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 5px;

  h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }

  p:last-child {
    margin-bottom: 0;
  }

  code {
    border-radius: 3px;
  }

  + .bs-callout {
    margin-top: -5px;
  }
}

.bs-callout-danger {
  border-left-color: #ce4844;

  h4 {
    color: #ce4844;
  }
}

.bs-callout-warning {
  border-left-color: #aa6708;

  h4 {
    color: #aa6708;
  }
}

.bs-callout-info {
  border-left-color: #1b809e;

  h4 {
    color: #1b809e;
  }
}
/*返回顶部 202503*/
.flash-icon, .flash-icon:before,.flash-icon:after{height: 50px;width: 50px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.flash-icon:before,.flash-icon:after{top:0px;left:0px;right:0;bottom:0;position: absolute;content: "";border: 2px solid var(--primary);}
.flash-icon {position:relative;background-color: #c80000;z-index: 2; display: block; margin:25px auto 28px auto;font-size:25px;color:var(--white);background-color:var(--primary);line-height:180%;transition: all 0.8s ease 0s;}
.flash-icon:hover{color:var(--primary);background-color:var(--white);transition: all 0.8s ease 0s;}
.flash-icon:before {animation-name: blink-a;animation-duration: 2s;animation-iteration-count: infinite;}
.flash-icon:after {animation-name: blink-a;animation-duration: 2s;animation-delay: 1s;animation-iteration-count: infinite;}
@keyframes blink-a {
	0%   {transform: scale(1, 1);}
	100%  {transform: scale(2, 2); opacity: 0;}
}

/* 容器 */
.MyInput {position: relative;padding-left: 25px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none;}
/* 隐藏浏览器的默认复选框 */
.MyInput input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom radio button */
.radiobtn{position: absolute;
  top: 1px;left: 0;
  height: 20px;width: 20px;border: 1px solid var(--green-0);border-radius: 50%;}

/* On mouse-over, add a grey background color */
.MyInput:hover input ~ .radiobtn{background-color: var(--green-2);}

/* When the radio button is checked, add a blue background */
.MyInput input:checked ~ .radiobtn{background-color: var(--green-0);}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.MyInput input:checked ~ .radiobtn:after {display: block;}

/* Style the indicator (dot/circle) */
.MyInput .radiobtn:after {
   left: 6px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*Grid*/
.grid-main{margin: 3.5rem auto; padding: 0 1rem;}
.grid {
            display: grid;
            grid-template-columns: repeat(1, 100%); /*repeat(1, 1fr);*/
            gap: 0.0rem;justify-content:stretch; align-content:stretch; 
        }
        .grid-card {
            background-color: var(--white);word-wrap: break-word;word-break: normal;/*导致异常 white-space: pre-wrap;*/
            border-radius: 0.9rem;
            padding: 1.0rem;
            transition: all 0.3s ease;
            border: 0px solid var(--green-2);
            display: flex;
            flex-direction: column;
        }
		.grid-card>img{cursor: pointer;}
		.grid-card .stat-2{color:var(--danger);text-decoration: line-through;}
        .grid-card .panel:hover {
             box-shadow: 5px 5px 10px var(--green-5), -5px -5px 10px var(--green-5);
        }
		.grid-card .panel{margin-bottom: 1px; transition: all 0.3s ease;}
	@media (min-width: 640px) {
            .grid { grid-template-columns: repeat(2, 50%); }
        }
        @media (min-width: 1024px) {
            .grid { grid-template-columns: repeat(3, 33.33%); }
        }