/* ============================ reset ============================ */
@import url('/style/icons.css');

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

:focus {
    outline: 0;
}

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

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    font-family: inherit;
}

input[type=button], input[type=submit], button {
    cursor: pointer;
    -webkit-appearance: none;
}

pre {
    display: block;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    font-family: 'microsoft yahei';
}

/* bootsp table*/
.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.bootstrap-table .fixed-table-pagination>.pagination ul.pagination a {
    padding: 6px 12px;
    line-height: 1.428571429;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-list .btn.btn-secondary {
    display: none;
}

.dropdown-menu .dropdown-item {
    position: relative;
    display: block;
    padding: .2rem .4rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    float: left;
}

.dropdown-menu .dropdown-item.active {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.dropdown-menu.show {
    display: block;
}

/* bootsp table*/
.text, .select {
    box-sizing: border-box;
    margin-right: 6px;
    padding: 2px;
    height: 34px;
    min-width: 80px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    background: #FAFAFA;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 8px;
}

.textsm {
    box-sizing: border-box;
    margin-right: 1px;
    padding: 2px;
    height: 34px;
    max-width: 82px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    background: #FAFAFA;
    font-size: 12px;
}

.wh40 {
    width: 40px;
}

.wh50 {
    width: 50px;
}

.wh60 {
    width: 60px;
}

img, input, textarea, select, button {
    vertical-align: middle;
}

textarea {
    border: 1px solid #ccc;
    padding: 4px;
}

em {
    color: #c00;
    font-style: normal;
}

body {
    margin: 60px 0 0px;
    background-color: #FFF;

    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-attachment: fixed;
    font: 12px/1.5 Microsoft YaHei, Arial, Verdana, sans-serif, Segoe UI, Tahoma !important;
}

ol, ul {
    list-style: none;
}

ol li {
    list-style-type: disc;
    list-style-position: inside;
}

caption, th {
    text-align: left;
}

sub {
    vertical-align: baseline;
}

sup {
    vertical-align: top;
}

blockquote, q {
    quotes: none;
    background: #F7F8FA;
    border: 1px solid #E5E5E5;
    padding: 10px;
    position: relative;
    line-height: 24px;
    margin: 25px 0;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

a {
    outline: none;
    color: #007bfc;
    text-decoration: none;
    cursor: pointer;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #b4b4b4;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e8e8e8;
}

input[type="checkbox"]:checked {
    background: #2196f3;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

.gqtx:after {
    background: #f00;
    color: #fff;
    padding: 0 4px;
    font-size: 12px;
    content: "\8fc7\671f";
    border-radius: 2px;
}

table {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.table td {
    padding: 10px 5px;
    border-bottom: 1px dashed #FFF;
    vertical-align: middle;
}

.td1 tr td, thead tr th {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 14px;
}

html {
    position: relative;
    min-height: 100%;
}


.footall {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

#page {
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    float: right;
}

#page p, #page a {
    float: left;
    padding: 0 8px;
    background: #f5f5f6;
    border: 1px solid #d7d8d9;
    line-height: 28px;
    margin-right: -1px;
    min-width: 20px;
    user-select: none;
    cursor: pointer;
}

#page p {
    background: #f5f5f6;
    color: #999;
}

#page .pageSizes {
    color: #666;
    float: left;
    line-height: 30px;
    height: 30px;
    border: 1px solid #d7d8d9;
}

#page p.pageEllipsis, #page p.pageRemark {
    background: none;
    border: 0;
}

#page p b {
    color: #777;
}

#page a {
    background: #ffffff;
}

#page .cur {
    /* border-radius: 10px; */
    background: #03A9F4;
    color: #fff;
    font-weight: bold;
    border-color: #03A9F4;
    font-size: 12px;
}

.header0 {
    position: fixed;
    top: 0;
    z-index: 9994;
    box-sizing: border-box;
    width: 100%;
    background: rgba(24, 24, 24, 0.9);
}

.header0 .container {
    position: relative;
}

.logo {
    float: left;
}

.logo img {
    height: 50px;
}

.divider-vertical {
    float: left;
    margin-left: 10px;
    width: 1px;
    height: 50px;
    background: #333;
}

.top-nav {
    float: left;
    line-height: 50px;
}

.top-passport.active .top-passport-loged {
    height: auto;
    border: #ccc solid 1px;
    background-color: #fff;
}

.top-nav ul {
    display: flex;
}

.top-nav ul li {
    float: left;
}

.top-nav ul>.on>a {
    background-color: rgba(17, 17, 17, 0.62);
    color: #ffffff;
}

.top-nav ul a:hover, .top-nav ul a.active {
    color: #c00;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.tax, .tex {
    position: relative;
    left: auto;
    float: none;
    overflow: hidden;
    margin: 10px auto 35px auto !important;
    padding: .5%;
    border-radius: 4px 4px 4px 4px;
    background-color: #FFF;
    box-shadow: 0px 10px 30px #FFFFFF;
    box-sizing: border-box;
}

/* clearing hack */
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: " ";
    font-size: 0;
}


/* header */
.grid-container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1200px;
}

.top-nav li a {
    display: block;
    padding: 0 30px;
    color: #999999;
    text-align: center;
    font-size: 16px;
}

.top-nav li a:hover {
    color: #ffffff;
}

.top-nav li a.current {
    background: #00188f;
    color: #ffffff;
}


/* productsLinks */
.ms-pro-links {
    padding-top: 20px;
    background-color: #303032;
}

.grid-unit h2 {
    height: 30px;
    color: #e2e2e2;
    font-weight: 200;
    font-size: 16px;
}

.grid-unit {
    position: relative;
    float: left;
    margin-left: 2%;
    width: 23.5%;
}

.grid-unit ul {
    margin: 0.9em 0 1.5em 0;
    /* padding:0.25em 0 0.5em; */
}

.grid-unit li {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.grid-unit a {
    margin-right: 5px;
    margin-bottom: 10px;
    color: #73777a;
    text-decoration: none;
}

a:hover {
    color: #388cca;
    text-decoration: none;
}

.col-1 {
    margin-left: 0;
}

.col-1 ul {
    margin-bottom: 0;
}

.col-1 li {
    margin-bottom: 0.75em;
    font-size: 16px;
    line-height: 1.7em;
}

.col-1 img {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    height: 26px;
}

.sitelock_wrp {
    display: block;
    padding-top: 6px;
    padding-left: 8px;
    background: url("https://img.alicdn.com/imgextra/i2/1059875831/TB2CvEsXB7c61BjSZFIXXcZmVXa-1059875831.png") no-repeat;
    background-position: 169px 0px;
    background-size: 55px;
}

.sitelock_wrp:hover {
    padding-left: 8px;
    background: url("https://img.alicdn.com/imgextra/i4/1059875831/TB251f0Xxoa61Bjy0FaXXcHwpXa-1059875831.png") no-repeat;
    background-position: 169px 0px;
    background-size: 55px;
}

.register footer {
    position: relative;
    margin-top: 1em;
}

.register header, .register .main {
    margin: 33px auto !important;
    padding: 15px;
    max-width: 600px;
    border-radius: 4px 4px 4px 4px;
    background-color: #FFF;
    box-shadow: 0px 10px 30px #FFFFFF;
}

.register header {
    padding: 20px 0px;
    text-align: center;
}


/* footer */
.footer {
    overflow: hidden;
    background-color: #303032;
    font-size: 14px;
}

.footer .grid-container {
    position: relative;
}

.footerlogo {
    float: left;
    line-height: 75px;
}

.footerlogo img {
    height: 40px;
}

.footer ul {
    float: right;
    font-size: 10px;
}

.footer ul li {
    float: left;
    color: #73777a;
    line-height: 75px;
}

.footer a {
    color: #73777a;
}

.language_kt {
    box-sizing: border-box;
    margin-right: 1px;
    padding: 8px;
    width: 100%;
    border-radius: 5px;
    background: none;
    font-size: 18px;
    color: #fff;
}

.language_kt option {
    color: #333;
}

.language .ico {
    color: #fff;
    height: 30px;
    font-size: 20px;
    vertical-align: middle;
}

/* btn */
.btn, a.btn {
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 8px;
    outline: 0;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #007bfc;
    background-color: rgba(42, 107, 227, 0.12);
    transition: all ease-in .1s;
    border: none;
    margin-left: 2px;
}

.btn:active {
    opacity: 0.5;
}

.btn:first-child {
    margin-left: 0;
}

.btn:hover {
    opacity: 0.8;
}

.btn-md {
    height: 34px;
    line-height: 34px;
}

.btn-lg {
    padding: 0px 16px;
    height: 45px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 45px;
}

.btn-b, a.btn-b {
    border-color: #007bfc;
    background: #007bfc;
    color: #fff;
}

.btn-y, a.btn-y {
    border-color: #d43f3a;
    background-color: #d9534f;
    color: #fff;
}

.btn-g, a.btn-g {
    border-color: #4caf50;
    background: #4caf50;
    color: #fff;
}

.footall .btn {
    background: #e6e6e6;
}

.mibiao {
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    padding: 15px;
    width: 1000px;
    border-radius: 0px 0px 4px 4px;
    background-color: #FFF;
    box-shadow: 0px 10px 30px #FFFFFF;
}

.link-wrap {
    padding-bottom: 5px;
}

.link-wrap a {
    display: inline-block;
    margin-right: 10px;
    color: #73777a;
    font-size: 14px;
    transition: color .3s;
}

.link-wrap a:hover {
    color: #388cca;
}

.action {
    float: right;
    /* line-height: 50px; */
}

.action a {
    color: #fff;
    height: 50px;
    float: left;
    margin-right: 20px;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin-top: 7px;
}

.action strong a {
    color: #007bfc;
    font-size: 20px;
}

.action strong a .ico {
    font-size: 20px;
    font-weight: bold;
}


.fuwu1 {
    float: left;
    margin-top: 22px;
    margin-right: 20px;
    padding: 0;
    width: 250px;
    height: 390px;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: none;
    transition-duration: .3s;
}

.fuwu1:hover {
    box-shadow: 0px 10px 30px #FFFFFF;
}

.fuwu0 {
    margin: 0 auto;
    padding-bottom: 20px;
    max-width: 1200px;
}

.fuwu0:after {
    clear: both;
    display: block;
    content: "";
}

.fuwu1 img {
    width: 250px;
    height: 250px;
}

.wu1 {
    margin-top: 11px;
    color: #F40;
    font-weight: 700;
    font-size: 18px;
    font-family: arial;
}

.wu2 {
    font-weight: bold;
    font-size: 14px;
}

.wu3 {
    height: 36px;
}

.wu2 a {
    color: #000;
}

.wu3 a {
    height: 36px;
    color: #888;
}

.wu2 a:hover, .wu3 a:hover, .wu4 a:hover {
    color: #2196f3;
    text-decoration: underline;
}

.wu4 a {
    text-decoration: underline;
}

.wu4 img {
    width: 69px;
    height: 18px;
}

.wu1, .wu2, .wu3, .wu4 {
    padding: 0 10px;
}

.lx01 {
    float: right;
    overflow: hidden;
    margin-right: 3px;
    padding: 0 3px;
    border: 1px solid #ff4400;
    border-radius: 2px;
    color: #ff4400;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif;
}

.item {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: auto;
}

.item p img {
    float: left;
}

.iteminfo {
    margin-left: 260px;
    margin-left: 20%;
    padding: 20px;
}

.item .wu1, .item .wu2, .item .wu3, .item .wu4 {
    padding: 0;
}

.item .wu2 {
    font-size: 24px;
}

.item .wu3 {
    color: #03A9F4;
}

.item .wu1 {
    font-size: 26px;
}

.tx img {
    width: 80px;
    height: 80px;
    border-radius: 80px;
}

.page-box {
    position: relative;
    text-align: center;
}

.page-box .active, .page-box a, .page-box span {
    float: left;
    margin: 5px;
    height: 25px;
    min-width: 25px;
    border: 1px solid #ebebeb;
    background: #fff;
    color: #666;
    line-height: 25px;
    cursor: pointer;
}

.page-box .active {
    background: #2196f3;
    color: #fff;
    border-color: #2196f3;
}

.maij .iteminfo {
    float: left;
    margin-left: 10px;
    padding: 0px;
    padding-top: 20px;
    width: 200px;
}

.bysize .byjian {
    border-right: 0 !important;
}

.yotb {
    float: left;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    border: 0 !important;
    background-image: url(https://img.alicdn.com/imgextra/i2/1059875831/TB2uqH5hJknBKNjSZKPXXX6OFXa_!!1059875831.png);
    background-repeat: no-repeat;
    list-style-type: none;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
}

.ymqqwc {
    background-position-y: -20px;
    background-position-x: -100px;
}

.ymqqzc {
    background-position-y: -20px;
    background-position-x: -80px;
}

.ymqqlj {
    background-position-y: -20px;
    background-position-x: -60px;
}

.ymwxwc {
    background-position-y: -20px;
    background-position-x: -40px;
}

.ymwxzc {
    background-position-y: -20px;
    background-position-x: -20px;
}

.ymwxlj {
    background-position-y: -20px;
    background-position-x: -0px;
}

.ymgrba {
    background-position-y: -40px;
    background-position-x: -0px;
}

.ymqyba {
    background-position-y: -40px;
    background-position-x: -20px;
}

.ymsyba {
    background-position-y: -40px;
    background-position-x: -40px;
}

.ymshba {
    background-position-y: -40px;
    background-position-x: -60px;
}

.ymzfba {
    background-position-y: -40px;
    background-position-x: -80px;
}

.ymmbba {
    background-position-y: -40px;
    background-position-x: -100px;
}

.ymlsba {
    background-position-y: -40px;
    background-position-x: -120px;
}

.ymylba {
    background-position-y: -40px;
    background-position-x: -140px;
}

.ymjjba {
    background-position-y: -40px;
    background-position-x: -160px;
}

.ymjajr {
    background-position-y: -0px;
    background-position-x: -0px;
}

.ymxbjr {
    background-position-y: -0px;
    background-position-x: -20px;
}

.ymaljr {
    background-position-y: -0px;
    background-position-x: -40px;
}

.ymtxjr {
    background-position-y: -0px;
    background-position-x: -60px;
}

.ymmcjr {
    background-position-y: -0px;
    background-position-x: -80px;
}

.ymbdjr {
    background-position-y: -0px;
    background-position-x: -100px;
}

.ymplba {
    background-position-y: -60px;
    background-position-x: -0px;
}

.ymdlba {
    background-position-y: -60px;
    background-position-x: -20px;
}

.ymplyh {
    background-position-y: -60px;
    background-position-x: -40px;
}

.bysize a, .bysize a:hover {
    float: left;
    display: block;
    overflow: hidden;
    overflow: hidden;
    padding: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    background-color: #ededed;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    _display: inline;
    user-select: none;
}

.bysize input {
    float: left;
    margin: 0;
    padding: 0;
    width: 48px;
    height: 26px;
    outline: 0;
    border: 1px solid #CCC;
    background: #FFF;
    color: #666;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    ime-mode: disabled;
}

.bysize .byjia {
    margin-right: 8px;
    border-left: 0 !important;
}

.bysize {
    position: absolute;
    margin-top: 26px;
    vertical-align: middle;
    line-height: 80px;
}

.tobuy .btn {
    margin-top: 18px;
    padding: 0;
    width: 165px;
    height: 45px;
    outline: 0;
    border: none;
    border-radius: 5px;
    background: #2196f3;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    cursor: pointer;
}

.tobuy {
    margin-left: 800px;
    height: 80px;
    line-height: 80px;
}

.iteminfo .wu6 {
    padding-top: 10px;
}

.search {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 1200px;
}

.search .ipt {
    display: inline-block;
}

.search .ipt input {
    float: left;
    display: block;
    margin-top: 0;
    width: 750px;
    height: 46px;
    outline: none;
    border: 0;
    text-indent: 5px;
    font-size: 14px;
    line-height: 46px;
    -webkit-appearance: none;
}

.search .btn {
    float: right;
    margin: 0;
    width: 110px;
    height: 46px;
    border: 0;
    background: #2196f3;
    background-image: none;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
}

.biaoq {
    float: left;
    width: 860px;
    height: 50px;
}

.biaoq li {
    float: left;
    margin: 0 10px;
    color: #fff;
    list-style-type: none;
    line-height: 50px;
}

.biaoq li a {
    padding: 5px 10px;
    border-radius: 20px;
    background: #fff;
    font-size: 16px;
}

.search form {
    float: left;
    width: 860px;
}

.mkgg {
    position: absolute;
    right: 0;
    float: right;
    width: 320px;
    height: 90px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

.mkgg li {
    list-style-type: none;
}

.mkgg h2 {
    position: absolute;
    width: 20%;
    color: #2196f3;
    list-style-type: none;
    text-align: right;
    font-weight: normal;
    font-size: 16px;
}

.mkggtl {
    position: absolute;
    right: 0;
    width: 80%;
}

.mkgg a {
    color: #666;
}

.mkgg a:hover {
    text-decoration: underline;
}

.mobsm {
    display: none;
}

/*- whois -*/

#whois-intro h2, #whois-box h2, .toollist h2 {
    overflow: hidden;
    margin-bottom: 28px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
}

#whois-intro h2 span, #whois-box h2 span, .toollist h2 span {
    display: inline-block;
    border-bottom: 2px solid #0794ff;
    line-height: 34px;
}

#whois-intro a, #whois-box a {
    color: #0794ff;
}

#whois-intro h3 {
    margin-top: 34px;
    margin-bottom: 10px;
    font-weight: 700;
}

.whois-tips {
    line-height: 26px;
}

.bg-list {
    background: #f5f5f5;
}

.whois-left {
    float: left;
    width: 20%;
    text-align: right;
}

.whois-right {
    float: right;
    padding-left: 5px;
    width: 70%;
    border-left: 1px solid #e5e5e5;
    text-align: left;
}

.whois-list li {
    overflow: auto;
    min-height: 45px;
    border-top: 1px solid #e5e5e5;
    color: #56688a;
    font-size: 14px;
    line-height: 45px;
}

.whois-list li:nth-child(even) {
    background-color: #F7F7F7;
}

.whois-list {
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.whoie-more {
    margin-top: 36px;
    height: 42px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    color: #2196F3;
    text-align: center;
    font-size: 16px;
    user-select: none;
    line-height: 42px;
    cursor: pointer;
}

.more-msg {
    display: none;
    padding: 10px;
    border: 1px dashed #CCC;
    background-color: #FAFCFE;
    background-image: url(/images/r_rainman-code-bg.png);
    color: #2196F3;
    font: 12px/1.5 Microsoft YaHei, Arial, Verdana, sans-serif, Segoe UI, Tahoma;
}

#domainstatus {
    display: none;
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.whoissh .text {
    float: left;
    margin-right: 0;
    width: 80%;
    border-radius: 4px 0 0 4px;
}

.whoissh .inputb {
    /* float: left; */
    padding: 0;
    width: 20%;
    height: 50px;
    border-radius: 0 4px 4px 0;
    margin-left: 0;
}

.whois-null {
    margin: 60px;
    text-align: center;
}

.whois-null h4 {
    color: #333;
    font-size: 18px;
    line-height: 150px;
}

.whois-null .zcxx {
    color: #666;
}

.aboutnr img {
    box-sizing: border-box;
    padding: 5px;
    max-width: 100%;
    border: 1px solid #e0e0e0;
}

.aboutnr h1.bt {
    color: #505050;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0 0;
    text-align: center;
    line-height: 60px;
}

.toollist {
    padding: 20px 0 10px;
}

.toollist li {
    padding: 2px 0;
    color: #777;
    list-style: none;
    font-size: 14px;
}

.toollist li a {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #777;
    list-style: none;
}

/*- icp -*/
.chaicp {
    position: relative;
    margin: 40px auto !important;
    padding-top: 80px;
    max-width: 700px;
}

.chaicp .putdm {
    overflow: hidden;
    margin: 20px 0;
    box-shadow: 0px 10px 30px #FFFFFF;
}

.chaicp .text {
    height: 60px;
    border: 2px solid #2196f3;
    background: #ffffff;
    color: #000;
}

.chaicp .inputb {
    height: 60px;
    line-height: 60px;
}

.chaicp .putyzm .text {
    width: 30%;
    height: 54px;
    border: 2px solid #03A9F4;
    background: #ffffff;
    color: #000;
}

.chaicp .putyzm img {
    margin-left: -2px;
    border: 2px solid #03A9F4;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

/*- showpay -*/
.dkshowpay {
    position: fixed;
    top: 10%;
    right: 0;
    left: 0;
    z-index: 1002;
    overflow: visible;
    margin: auto;
    padding: 10px;
    max-width: 800px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3);
    list-style: none;
}

.dkshowpay li {
    overflow: hidden;
    width: 100%;
}

.dkshowpay li img {
    float: left;
    width: 50%;
}

.dkpaybj {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.9);
}

.dkshowpay p {
    padding-top: 10px;
    color: #fff;
    text-align: center;
}

.dkshowpay .gbshowpay img:hover {
    transform: rotate(90deg);
}

.dkshowpay .gbshowpay img {
    transition: all .3s ease-out;
}

.dkshowpay .gbshowpay {
    text-align: center;
}

.loadingsvg {
    width: 20px;
    vertical-align: middle;
    margin-top: -2px;
    padding-left: 2px;
}

.tipcr-r {
    color: #a02800;
    background-color: #ffe8d5;
    border: 1px solid #ffe8d5;
}

.tipcr-b {
    color: #002da0;
    border: 1px solid #d5e7ff;
    background-color: #d5e7ff;
}

.moveloading {
    background-image: linear-gradient(45deg, #007bfc 0%, #007bfc 25%, white 25%, white 50%, #007bfc 50%, #007bfc 75%, white 75%, white 100%) !important;
    animation: moveload 1s linear infinite;
    background-repeat: repeat !important;
    background-size: 20px 20px !important;
    background-position-x: 0;
    background-position-y: 0;
    border: none !important;
}

@keyframes moveload {
    0% {}

    100% {
        background-position: 20px 0;
    }
}

/*- mob -*/
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
    top: 50px !important;
}

@media screen and (max-width: 980px) {
    .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
        top: 0 !important;
    }

    .header0 {
        position: relative;
        top: 0;
        overflow: hidden;
        margin-bottom: 5px;
        width: 100%;
        height: auto;
        min-width: 10px;
        min-height: 50px;
        background: rgba(24, 24, 24, 0.9);
        z-index: 1;
    }

    body {
        margin-top: 0;
        margin-bottom: 0;
    }

    .footall {
        position: relative;
        bottom: 0;
        width: 100%;
        min-width: 10px;
    }

    .tax, .tex {
        position: relative;
        left: auto;
        float: none;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 5px;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .grid-unit {
        position: relative;
        float: left;
        box-sizing: border-box;
        margin-left: 0;
        padding-left: 20px;
        width: 33%;
    }

    .footerlogo {
        display: none;
    }

    .top-nav ul li {
        display: inline-block;
    }

    .action {
        position: absolute;
        right: 0;
    }

    .news li {
        box-sizing: border-box;
        padding: 5px;
        width: 50%;
    }

    .col-1 {
        display: none;
    }

    .link-wrap {
        display: none;
    }

    .footer .grid-container ul li {
        line-height: 20px;
    }

    .search {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        width: 100%;
    }

    .mkgg {
        display: none;
    }

    .biaoq {
        float: left;
        width: 100%;
        height: 50px;
    }

    .fuwu0 {
        padding-bottom: 0;
        width: 100%;
    }

    .fuwu1 {
        margin: 1%;
        margin-top: 5px;
        margin-right: 0;
        width: 48%;
        height: auto;
        min-height: 360px;
        border-radius: 0;
        box-shadow: none;
    }

    .fuwu1 img {
        width: 100%;
        height: 100%;
    }

    .wu4 a img {
        padding: 5px;
        width: 69px;
        height: 18px;
        border: 1px solid #c7c7c7;
        border-radius: 4px;
        background: #fdfdfd;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    }

    .top-nav {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        height: 50px;
        border-top: 1px solid #3a3a3a;
        white-space: nowrap;
    }

    #main::-webkit-scrollbar-thumb, .midata::-webkit-scrollbar-thumb, .header0 .top-nav::-webkit-scrollbar-thumb {
        background-color: #2196F3;
    }

    #main::-webkit-scrollbar, .midata::-webkit-scrollbar, .header0 .top-nav::-webkit-scrollbar {
        width: 8px;
        height: 4px;
    }

    #main::-webkit-scrollbar-track, .midata::-webkit-scrollbar-track, .header0 .top-nav::-webkit-scrollbar-track {
        background: none;
    }

    .item {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }

    .item img {
        width: 30%;
        height: auto;
    }

    .iteminfo {
        margin-left: 30%;
        padding: 5px;
    }

    .tobuy {
        margin-left: 0px;
        border-top: 1px solid #9E9E9E;
    }

    .maij img {
        width: auto;
        height: auto;
    }

    .mobsm {
        display: block;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-image: none;
        color: #c9d1d9;
    }

    .header0 {
        background: rgb(22 27 34 / 90%);
    }

    .header0 .top-nav ul>.on>a, .header0 .top-nav li a:hover {
        background-color: unset;
        color: #ffffff;
        border-bottom: 4px solid #007bfc;
        height: 50px;
        box-sizing: border-box;
    }

    .header0 .top-nav li a:hover {
        border-bottom: 4px solid #007bfc !important;
    }

    .header0 .top-nav:hover ul>.on>a {
        border-bottom: none;
    }

    #main .moresetbox, .main .body.shadowa, .tax, .tex, .style1, .chaicp .putdm, .homea .body {
        box-shadow: none !important;
    }

    .tuanchu, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading, .whois-list li:nth-child(even), .footer, #main, .ms-pro-links, .tax, .tex, body, .sy2, .table tbody tr:nth-child(odd) {
        background-color: #0d1117 !important;
        background: #0d1117 !important;
    }

    .sdtjdm li div h4 {
        color: #58a6ff !important;
    }

    #main .moresetbox, #main .stop, .whoie-more, .whois-list, .whois-right, .whois-list li, .textsm, .Proprice table, .Proprice table td, .Proprice table th, .Proprice table tr, .page-link, .sdtjdm li div, .domainText, #whois-intro h2, #whois-box h2, .toollist h2, .search_text, .td1 tr td, thead tr th, .table td, .style1, .text, .select, .regdm-box .dmprlist, .regdm-box .dmprlist li, #page p, #page a, #page .pageSizes, .dropdown-menu .dropdown-item, .blog-main .listbox .data-list li {
        border-color: #30363d !important;
    }

    .pad .ysdm, .pad .zxdm, .tzbtn {
        background-color: #15233a !important;
        color: #58a6ff !important;
        border-color: #15233a !important;
        background: #15233a !important;
    }

    .sdtjdm li div h6 {
        color: #f78166 !important;
    }

    button {
        background-color: #161b22;
    }

    #main .stop a, .homea .body .taker-full .side.side-active, .whois-list li, .search_text li a, .search_text h1, .main-div, input, textarea, select, optgroup, option, .main-div h1, #page .cur, .Profeat_title, .Proprice_title, .Prosum_title, .Proprice table strong {
        color: #c9d1d9 !important;
    }

    .aboutnr h1.bt, .blog-main .listbox .data-list li a.title {
        color: #fff !important;
    }

    img, .yotb {
        opacity: .9;
    }

    #cwinfo, #container, .Profeat_ex li div, .alipay-ck img, #main .moresetbox .rfwjl {
        filter: invert(1) hue-rotate(.5turn);
    }

    #page p, #page a, .dropdown-menu .dropdown-item, .page-link {
        background: none;
    }

    #page .cur {
        background-color: #1f6feb
    }

    .tax, .more-msg {
        border: 1px solid #30363d
    }

    .table td {
        border-bottom: 1px solid
    }

    .table td.search_text, #con .auto1 {
        border: none;
        border-bottom: none !important;
    }

    .more-msg {
        background-image: none
    }

    #main .moresetbox, #main .stop, .main .body.shadowa, .Validform_checktip, .homea .body .taker-full .side.d-reg.side-active:before, .homea .body .taker-full .side.d-login.side-active:after, .homea .body .taker-full .side.side-active, .homea .body, .more-msg, .whoie-more, .news.tex, .midata tbody tr:hover, input[type="checkbox"], input, textarea, select, optgroup, option, #siderbar, .ck.ck-editor__main>.ck-editor__editable {
        background-color: #161b22 !important;
    }

    .main .body.shadowa .text, .homea .body .text {
        -webkit-box-shadow: none;
    }

    .homea .body .taker-full .side.d-login.side-bk:after, .homea .body .taker-full .side.d-reg.side-bk:before, .homea .body .taker-full .side {
        background: #1e272c !important;
    }

    #main .Validform_checktip, #con .edit-dm, .mifenlei .tip_text, .auto1, .Profeat_ex li, .homea .body .taker-full, .rzbz .rzbzimg {
        background: none !important;
    }

    .Validform_wrong {
        color: #FF5722 !important
    }

    .logo img {
        opacity: 1;
    }

    #siderbar {
        border-right: 1px solid #30363d;
    }

    input[type="checkbox"]:checked {
        background-color: #1074e7 !important;
        box-shadow: inset 0px 0px 0px 2px #0e1117;
    }

    .btn {
        color: #c9d1d9;
        background-color: #21262d;
    }

    .btn-b {
        border-color: #007bfc;
        background: #007bfc;
        color: #fff;
    }

    .btn-y {
        border-color: #d43f3a;
        background-color: #d9534f;
        color: #fff;
    }

    .btn-g {
        border-color: #4caf50;
        background: #4caf50;
        color: #fff;
    }

    .footall {
        border-top: 1px solid #1e272c;
    }

    .tipcr-r {
        background-color: #2a1300;
        border-color: #2a1300;
        color: #a02800 !important;
    }

    .tipcr-b {
        background-color: #5688c8;
        border-color: #5688c8;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background-color: #0053ab !important;
    }

    .scrollbar::-webkit-scrollbar {
        width: 1px !important;
        height: 58px;
    }
}