@charset "utf-8";

/*全局样式*/
* {padding:0px; margin:0px;}
html,body{ height:100%;}
body{min-width: 1366px;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {/*font-size:14px;*/padding:0px; background:#ffffff;font-family: "微软雅黑","黑体",Arial,sans-serif; width:auto;}
label {/*font-size:14px; */font-family: "微软雅黑","黑体",Arial,sans-serif;}
ul, li, ol, li { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; }
img { border:0px; margin:0px; padding:0px; vertical-align:middle; }
table { border:0px;}
.clear{clear:both;}
a{ text-decoration:none;}
.no_bor{border-right:none;}
.no_bor_t{border-top:none;}
button{ outline:none;}
input,select,textarea{ vertical-align:middle; font-size:14px; font-family:"微软雅黑","黑体",Arial,sans-serif; outline: none;}
input::placeholder {color: #ccc;  /* 灰色 */opacity: 1;  /* Firefox默认会降低透明度 */}
/* IE10-11 */
input:-ms-input-placeholder {color: #ccc;}
/* Edge */
input::-ms-input-placeholder {color: #ccc;}
/* Chrome/Safari/Opera */
input::-webkit-input-placeholder {color: #ccc;}
textarea::-webkit-input-placeholder { /* WebKit browsers */color: #ccc;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color: #ccc;}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */color: #ccc;}
textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #ccc;}
textarea::placeholder {color: #ccc;}
/*为了消除选中时的虚线框*/
a{bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes moveright {
  from { opacity: 0; transform: translatex(20px); }
  to { opacity: 1; transform: translatex(0); }
}
@keyframes moveleft {
  from { opacity: 0; transform: translatex(-20px); }
  to { opacity: 1; transform: translatex(0); }
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 1000px white inset !important; /* 用任意颜色覆盖底色 */-webkit-text-fill-color: #333 !important; /* 修改字体颜色 */ transition: background-color 9999s; /* 禁用颜色过渡动画 */}

/* 触发弹窗图片的样式 */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

/* 图片预览弹窗背景 */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 11001;
    /* Sit on top */
    padding: 50px 0;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: calc(100vh - 100px);
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    /* Fallback color */
    background-color: rgba(0,0,0,0.6);
    /* Black w/ opacity */
}
.modal img{max-width:100%;}
/* 图片 */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* 文本内容 */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* 添加动画 */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* 关闭按钮 */
.modal span.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover, .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.fl{float:left;}
.fr{float:right;}
.m_lr_3{ margin: 0 3px;}
.mr_5{margin-right: 5px;}
.lr_5{margin: 0 5px;}
.ml_5{margin-left: 5px;}
.ml_10{margin-left: 10px;}
.ml_20{margin-left: 20px;}
.mb_80{margin-bottom: 80px;}
.mt_10{margin-top: 10px;}
.mb_10{margin-bottom: 10px;}
.mt_20{margin-top: 20px;}
.m_tb_20{margin: 20px 0;}
.relative{position:relative;}
.font_color_orange{color: #ff833f;}/*橙*/
.font_color_blue{color: #0187ee;}/*蓝*/
.font_color_darkblue{color: #246ba1;}/*深蓝*/
.font_color_red{color: #ff0000;}/*红*/
.font_color_green{color: #01ab51;}/*绿*/
.font_color_green{color: #01ab51;}/*绿*/
.font_color_light_grey{color: #8f8f8f;}/*浅灰*/

.top{ background: #fff; height: 90px; width: 100%;}
.top.tran{ background: none;}
.top.tran.sty{ position: relative; z-index: 1;}
.wrapper{width:100%; margin:0 auto; min-width:1366px; width:expression(document.body.clientWidth <= 1366? "1366px": "auto");}
.min_h1{ min-height: calc(100vh - 367px);}
.warp{margin:0 auto; width:1366px;}
.top_flex{display: flex; justify-content: space-between;}
.top_flex .top_left .logo{ width: 180px; display: inline-block; vertical-align: middle; height: 80px; padding: 5px 0;}
.top_flex .top_left .logo a{display: block;}
.top_flex .top_left .logo img{ max-width: 180px; max-height: 80px;vertical-align: middle;}
.top_flex .top_left .logo b{vertical-align:middle; height:100%; display:inline-block;}
.dark-logo{display: block;}
.light-logo{display: none;}
.top.tran.sty .dark-logo{display: none;}
.top.tran.sty .light-logo{display: block;}
.top.tran.sty .nav_ul_box .nav_ul li a{color: #fff;}
.top.tran.sty .nav_ul_box .nav_ul li .ts_box ul.ts_ul li a{ color: #222;}
.top.tran.sty .nav_ul_box .nav_ul li .nav_active em.on{ background: #92f5fe;}

.nav_ul_box{display: inline-block; vertical-align: middle; margin: 0 20px;}
.nav_ul_box .nav_ul li { float: left;list-style:none; line-height: 90px; padding: 0 20px;position: relative;}
.nav_ul_box .nav_ul li .nav_active {position: absolute;bottom: 12px; left: 0; width: 100%;z-index:3;}
.nav_ul_box .nav_ul li .nav_active em.on{ margin: 0 auto;width: 30px;height: 5px; display: block;background: #02adf2; border-radius: 50px;opacity: 0;}
.nav_ul_box .nav_ul li:hover{cursor: pointer;}
.nav_ul_box .nav_ul li.hover .nav_active em.on{opacity: 1; transition: all .3s ease; animation: moveleft 0.5s ease-out forwards;}
.nav_ul_box .nav_ul li a{ font-size: 18px; color: #000; display: block;}
.nav_ul_box .nav_ul li .ts_box {position: absolute; z-index: 2; opacity: 0; display: none;top: 160px;background:#fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2);text-align: center;left: -22px;padding: 12px 0;border-radius: 6px;}
.nav_ul_box .nav_ul li:hover .ts_box{opacity:1;transition: all .3s;top: 76px; display: block;animation: fadeIn 0.5s ease-out forwards;}
.nav_ul_box .nav_ul li .ts_box ul.ts_ul li{width: 120px;}
.nav_ul_box .nav_ul li .ts_box.center{left: -15px;}
.nav_ul_box .nav_ul li .ts_box.center ul.ts_ul li a{ text-align: center;}
.nav_ul_box .nav_ul li .ts_box ul.ts_ul li a{ display: block; white-space: nowrap; font-size: 14px; text-align: left;color: #222;line-height: 34px;padding: 0 20px; }
.nav_ul_box .nav_ul li .ts_box ul.ts_ul li a:hover{color:#0187ee; display: block; background: #f4f4f4; border-radius: 4px; }

.top_flex .top_right{display: flex; align-items: center;}
.top_flex .top_right a{ display: inline-block; vertical-align: middle; margin: 0 8px;}
.top_flex .top_right .btn_login{ width: 72px; height: 32px; line-height: 32px; text-align: center; font-size:16px; color: #fff; background: #02adf2; border-radius: 50px;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); border: 1px solid #02adf2;}
.top_flex .top_right .btn_login:hover{ background: #4dc5f5; border: 1px solid #4dc5f5;}
.top_flex .top_right .btn_register{ width: 72px; height: 32px; line-height: 32px; text-align: center; font-size:16px; color: #031242; background: #fff; border-radius: 50px;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); border: 1px solid #ccc;}
.top_flex .top_right .btn_register:hover{ background: #f4f4f4; border: 1px solid #ccc;}

.top_flex .top_right .member{position: relative;}
.top_flex .top_right .member a{padding: 20px 0;}
.top_flex .top_right .member a:hover cite{color:#0187ee;}
.top_flex .top_right .member cite{ font-size: 16px; color: #000; line-height: 24px; font-style: normal;vertical-align: middle;}
.top_flex .top_right .member i{ width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url("../images/icon_top.png") no-repeat 0 -72px;}
.top.tran.sty .top_flex .top_right .member i{ background: url("../images/icon_top.png") no-repeat -48px -72px;}
.top_flex .top_right a.helf{width: 24px; height: 24px; display: block; vertical-align: middle; background: url("../../images/member/icon_top.png") no-repeat 0 -48px; padding: 0; margin: 0 15px;}
.top.tran.sty .top_flex .top_right a.helf{background: url("../../images/member/icon_top.png") no-repeat -24px -48px; }
.top_flex .top_right a.unread{width: 24px; height: 24px; display: block; vertical-align: middle; background: url("../../images/member/icon_top.png") no-repeat 0 -24px; padding: 0; position: relative;}
.top.tran.sty .top_flex .top_right a.unread{background: url("../../images/member/icon_top.png") no-repeat -24px -24px;}
.top_flex .top_right a.unread em{ position: absolute; top: -3px; right: -3px; background: #ff8920; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; font-style: normal; min-width: 16px; line-height: 16px;}

.top_flex .top_right .member .user_box {position: absolute; z-index: 2; opacity: 0; display: none;top: 60px;background:#fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2);text-align: center;right: 0;padding:20px 12px;border-radius: 6px; animation: fadeIn 0.5s ease-out forwards; opacity: 0;}
.top_flex .top_right .member:hover .user_box{opacity:1;display: block;}

.top_flex .top_right .member .user_box h2{font-size: 16px; font-weight: bold; line-height: 26px; word-break: break-all; word-wrap: break-word; text-align: left; padding: 0 5px;}
.top_flex .top_right .member .user_box .list_p{ display: table;width: 100%; border-collapse: separate; border-spacing: 5px; margin: 10px 0 15px 0;}
.top_flex .top_right .member .user_box .list_p .row {display: table-row;}
.top_flex .top_right .member .user_box .list_p .cell {display: table-cell; padding:5px 10px; text-align: left; line-height: 24px; background: #f4f4f4; font-size: 14px; min-width: 80px;}
.top_flex .top_right .member .user_box .list_p .cell a{margin: 0; padding: 0; display: block;}
.top_flex .top_right .member .user_box .list_p .cell.text_right{text-align: right;white-space:nowrap;}

.top_flex .top_right .member .user_box .btn_two{display: flex; justify-content: space-between;}
.top_flex .top_right .member .user_box .btn_blue{width: 49%; height: 32px; line-height: 32px; text-align: center; font-size:14px; color: #fff; background: #02adf2; border-radius: 4px;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); border: 1px solid #02adf2; padding: 0;}
.top_flex .top_right .member .user_box .btn_blue:hover{ background: #4dc5f5; border: 1px solid #4dc5f5;}
.top_flex .top_right .member .user_box .btn_white{ width: 49%; height: 32px; line-height: 32px; text-align: center; font-size:14px; color: #031242; background: #fff; border-radius: 4px;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); border: 1px solid #ccc; padding: 0;}
.top_flex .top_right .member .user_box .btn_white:hover{ background: #f4f4f4; border: 1px solid #ccc;}

.top_flex .top_right .hi{ color: #000; font-size: 16px; line-height: 30px;}
.top.tran.sty .top_flex .top_right .hi,.top.tran.sty .top_flex .top_right .hi a,.top.tran.sty .top_flex .top_right .member cite{ color: #fff;}
.top_flex .top_right .hi i{ width: 1px; height: 20px; background: #ddd; margin-right: 15px; display: inline-block; vertical-align: middle;}
.top .top_flex .top_right .hi i{display: none;}
.top_flex .top_right .hi a{ padding: 0; color: #000;}
.top_flex .top_right .hi a:hover{ padding: 0; color: #0187ee;}
.top.tran.sty .top_flex .top_right .hi a:hover{color:#92f5fe;}

.top_flex .top_right .skin{ width: 24px; height: 24px; padding: 20px 10px 20px; position: relative; cursor: pointer;}
.top_flex .top_right .skin i{width: 24px; height: 24px; display: block;vertical-align: middle; background: url("../images/icon_top.png") no-repeat 0 0;padding: 0; }
#skin .top_flex .top_right .skin i{ background: url("../images/icon_top.png") no-repeat -24px 0;}
.top_flex .top_right .skin i:hover,.top_flex .top_right a.helf:hover,.top_flex .top_right a.unread:hover,.top_flex .top_right .member i:hover{opacity: 0.7;filter: alpha(opacity=70);}
.top_flex .top_right .skin .color_qiehuan{position: absolute; z-index: 2; top: 30px;right: -55px;opacity: 0; display: none;background:#fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2);text-align: center;padding:10px 12px;border-radius: 6px; width: 120px; animation: fadeIn 0.5s ease-out forwards; opacity: 0; text-align: center; margin-top: 20px;}
.top_flex .top_right .skin:hover .color_qiehuan{opacity:1;display: block;}
.top_flex .top_right .skin .color_qiehuan a{display: block;white-space: nowrap; font-size: 14px; text-align: left;color: #222;line-height: 34px;padding: 0 20px; margin: 5px 0; }
.top_flex .top_right .skin .color_qiehuan a:hover{display: block; background: #f4f4f4; border-radius: 4px; }
.top_flex .top_right .skin .color_qiehuan a.hover{color:#0187ee; display: block; background: #eaf4fb; border-radius: 4px; }

/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%; background: #f4f4f4; min-width: 1366px;}
.slider li{list-style:none;  }
.slideBox .hd {width: 15px;z-index:1; overflow: hidden;position: absolute;left: 20px;top: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center; padding-top:5px;}
.slideBox .hd ul li {cursor:pointer;float: left;margin-bottom: 15px;width: 15px;height: 15px;text-align: center; background:rgba(255, 255, 255, 0.4);}
.slideBox .hd ul .on {background: #fff; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .search_box{ position: absolute; left: 0; top: 210px; width: 100%; height: 200px; z-index: 1;}
.slideBox .search_box .search{width: 880px; margin: 0 auto; height: 200px; animation: fadeIn 0.5s ease-out forwards; opacity: 0; /* 初始状态 */}
.slideBox .search_box .sou_houzui{ background: #b7e4fb; padding: 30px 50px; border-radius: 22px 22px 0 0; position: relative; border-bottom: 1px solid #9acde7;}
.slideBox .search_box .sou_houzui .kuang{ width: 100%; display: flex; justify-content: center;}
.slideBox .search_box .sou_houzui .kuang .input{ background: #fff; height: 38px; padding: 10px 0; border: 1px solid #7fadd1; border-radius: 60px 0 0 60px; width: 610px; overflow: hidden; display: table;}
.slideBox .search_box .sou_houzui .kuang .input .input_text{ display: table-cell;float: none;vertical-align: top;width: 100%;}
.slideBox .search_box .sou_houzui .kuang .input .input_text input{ background: none; border: none; outline: none; line-height: 40px; padding: 0; margin:0 3% 0 5%; font-size: 18px; width: 92%; }
.slideBox .search_box .sou_houzui .kuang .input .drop_down { float: right; padding: 0 15px; width: 92px; margin: 0 10px; height: 40px; line-height: 40px; text-align: left; font-size: 14px; color: #222; z-index: 1; background: #f4f4f4 url(../images/select_main_down.png) no-repeat 88px; border-radius: 4px; cursor: pointer;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down:hover{background: #f4f4f4 url(../images/select_main_up.png) no-repeat 88px;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down:hover .drop_down_content { display: block;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content {display: none;position: absolute; left:0; right: 0; top: 79px; background: #f4f4f4; text-align: left; box-shadow: 1px 3px 3px rgba(0,0,0,.12);}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list {width: 100%;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list label {width: 75px;padding:10px; line-height: 20px; height: 20px; font-size: 14px;display: inline-block; float: left; color: #4A4A4A; cursor: pointer;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list label.agreement-container{/*width: 90px; padding: 11px 10px;*/width: 107px; padding: 11px 9px;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list label a { color: #4A4A4A;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list label:hover a {color: #0187ee;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list a.a_more {float: left; padding: 10px; line-height: 20px; height: 20px; color: #0187ee;}
.slideBox .search_box .sou_houzui .kuang .input .drop_down_content .options_list a.a_more:hover {color: #ff6803;}
.slideBox .search_box .sou_houzui .kuang .domain_query_btn{ background: linear-gradient(-45deg,#02adf2,#4dc5f5); border: none; width: 160px; color: #fff; font-size: 20px;border-radius: 0 50px 50px 0; cursor: pointer;}
.slideBox .search_box .sou_houzui .kuang .domain_query_btn:hover{background: linear-gradient(45deg,#02adf2,#4dc5f5);}

.wz_link{ line-height: 30px; padding: 7px 0; width: 750px; margin: 0 auto; overflow: hidden;}
.wz_link a{display: inline-block; vertical-align: middle; color: #222; font-size: 14px; padding: 0 10px;}
.wz_link span{ width: 1px; height: 16px;display: inline-block; vertical-align: middle; background: #afaeae; margin: 0 5px; }
.wz_link a:hover{ background: #d7f0fc; border-radius: 4px;}

.slideBox .search_box .gonggao{ background: #c5eafd; border-radius: 0 0 22px 22px; line-height: 30px; padding: 11px 15px; overflow: hidden;}
.slideBox .search_box .gonggao h5{ font-size: 18px; font-weight:bold; color: #02adf2; padding:0 10px 0 15px; border-right: 1px solid #9acde7;display: inline-block; vertical-align: middle; }
.slideBox .search_box .gonggao ol.news{  margin: 0 10px; height: 30px; overflow: hidden;display: inline-block; vertical-align: middle; }
.slideBox .search_box .gonggao ol.news li{ list-style: disc;margin-left: 20px; float: left; padding-right:20px; color: #7c7c7c; line-height: 30px;  }
.slideBox .search_box .gonggao ol.news li a.news_ellipsis{ max-width: 240px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-right: 10px;display: inline-block; vertical-align: middle;color: #7c7c7c; margin-top: -3px;}
.slideBox .search_box .gonggao ol.news li a.news_ellipsis:hover{ color: #222; }
.slideBox .search_box .gonggao a.a_more{ text-align: right; color: #0187ee; padding: 0 15px; display: block; float: right;}
.slideBox .search_box .gonggao a.a_more:hover{ background: #93bace; border-radius: 4px; color: #fff;}

.wz_link a.price{background:url(../images/icon_arrow01.png) no-repeat right center; float: right; padding-right: 25px;}
.wz_link a.price:hover{background: #d7f0fc url(../images/icon_arrow01.png) no-repeat right center; float: right; padding-right: 25px; border-radius: 4px;}

.slideBox .bd li.banner1{ background:#aee3f9 url(../images/index_banner01.jpg) no-repeat center top; height:540px; background-size: cover; width: 100%; margin: 0;}
.slideBox .bd li.banner2{ background:#aee3f9 url(../images/index_banner02.jpg) no-repeat center top; height:540px; background-size: cover; width: 100%; margin: 0;}
.slideBox .bd li.banner3{ background:#66aef6 url(../images/index_banner02.jpg) no-repeat center top; height:540px; background-size: cover; width: 100%; margin: 0;}
.slideBox .bd li.banner4{ background:#63a1f6 url(../images/index_banner05.jpg) no-repeat center top; height:540px; background-size: cover; width: 100%; margin: 0;}
.slideBox .bd li.banner5{ background:#aee3f9 url(../images/index_banner01.jpg) no-repeat center top; height:540px; background-size: cover; width: 100%; margin: 0;}
.slideBox .bd li img{width:100%; vertical-align:top; } 
.slideBox .bd li .txt{width: 1000px;height: 540px; margin: 0 auto;display: block;}
.slideBox .bd li .txt .img1{ background:url(../images/index_banner01_txt.png) no-repeat;}
.slideBox .bd li .txt .img2{ background:url(../images/index_banner02_txt.png) no-repeat;}

/*域名注册价格*/
.index_domain_price{ background: #fff; padding: 60px 0; min-width: 1366px;}
.index_domain_price h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.index_domain_price .box_list{ width: 1386px; margin: 40px auto; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.index_domain_price .box_list li{list-style: none; margin: 15px 10px;}
.index_domain_price .box_list li:hover{margin-top: 5px;box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); border: 1px solid #dfdfdf;transition: all 0.3s;}
.index_domain_price .box_list .box{ width: 284px; height: 200px; background: #f7f9fe;border: 1px solid #f7f9fe; padding: 20px;border-radius: 12px;}
.index_domain_price .box_list .box h4{ font-size: 44px; color: #031242; text-align: left;font-weight: bold; line-height: 50px;}
.index_domain_price .box_list .box p{font-size: 16px; color: #555555; text-align: left; line-height: 30px;}
.index_domain_price .box_list .box .price_column{ color: #031242; font-size: 18px; margin: 15px 0 ;}
.index_domain_price .box_list .box .price_column b{ font-weight: bold; color: #ff833f; font-size: 28px;}
.index_domain_price .box_list .box .price_column em{font-style: normal; color: #949494; text-decoration: line-through; font-size: 16px; margin-left: 20px;}
.index_domain_price .box_list .box .btn{ line-height: 44px; background: #fff; border: 1px solid #02adf2; font-size: 16px; text-align: center;color: #02adf2; display: block;border-radius: 8px; margin: 20px 0;}
.index_domain_price .box_list .box .btn:hover,.index_domain_price .box_list li:hover.box .btn{ background: #02adf2;border: 1px solid #02adf2; color: #fff;}

.index_domain_price .btn_arrow {width: 1366px;margin: 0 auto;text-align: right;}
.index_domain_price .btn_arrow a {display: inline-block;vertical-align: middle;}
.index_domain_price .btn_arrow .arrow.disabled { background: #fff; border: 1px solid #dcdcdc; color: #dcdcdc;text-align: center; line-height: 28px; font-size: 14px;}
.index_domain_price .btn_arrow .arrow { width: 28px; height: 28px; background: #192b52; border: 1px solid #192b52; color: #fff; text-align: center; line-height: 28px; font-size: 14px;}
.index_domain_price .btn_arrow .arrow:hover {background: #02adf2; color: #fff;border: 1px solid #02adf2;}
.index_domain_price .btn_arrow .arrow.disabled:hover {background: #fff;border: 1px solid #dcdcdc; color: #dcdcdc; cursor: default;}

.slider-container { width: 1386px;margin: 0 auto; position: relative; overflow: hidden;}
.slider-wrapper { width: 4158px;transition: transform 0.5s ease;}
.slide { width: 1386px; float: left;}
.box_list { width: 1386px; overflow: hidden;}
.box_list li {list-style: none; float: left;width: 324px; margin: 15px 10px;}
.nav-buttons {  text-align: right; padding-right: 20px;}
.nav-btn { width: 28px;height: 28px; background: #192b52; border: 1px solid #192b52; color: #fff; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; margin-left: 5px; cursor: pointer;}
.nav-btn:hover { background: #02adf2; border-color: #02adf2;}
.nav-btn.disabled { background: #fff; border: 1px solid #dcdcdc; color: #dcdcdc; cursor: default;}
.nav-btn.disabled:hover {background: #fff; border: 1px solid #dcdcdc;}

/*域名交易市场*/
.index_domain_jiaoyi{ background: #f9fafc; padding: 60px 0; min-width: 1366px;}
.index_domain_jiaoyi h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.index_domain_jiaoyi .box_list{ width: 1366px; margin: 40px auto; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.index_domain_jiaoyi .box_list li{list-style: none;}
.index_domain_jiaoyi .box_list .table_li{ width: 432px;}
.index_domain_jiaoyi .box_list .table_li a.title{ font-size: 20px; font-weight: bold; color: #031242;background: url("../images/star_tag.png") no-repeat 0 center; padding-left: 30px; display: block; line-height: 50px;}
.index_domain_jiaoyi .box_list .table_li a.title em{font-size: 14px; font-weight: normal;}
.index_domain_jiaoyi .box_list .table_li a.title:hover{ color: #02adf2;}
.index_domain_jiaoyi .box_list li .table{border-collapse: collapse; table-layout:fixed;background:#fff;box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); }
.index_domain_jiaoyi .box_list li .table tr:hover td{ background: #f7f9fe;}
.index_domain_jiaoyi .box_list li .table tr th{ line-height:24px; padding:13px 15px; background:#d5e6f3; border-bottom:1px solid #d5e6f3; text-align:left;word-break: break-all; font-weight:bold;color:#222; font-size: 14px;}
.index_domain_jiaoyi .box_list li .table tr td{ background:#fff; line-height:24px; padding:13px 15px; border-bottom:1px solid #d8d8d8; text-align:left; color:#222;word-break: break-all; font-weight:normal;}

/*选择我们*/
.index_why{ background: linear-gradient(180deg,#509bdc,#e2f9ff); padding: 60px 0; min-width: 1366px;}
.index_why h2{ text-align: center; font-weight: bold; color: #fff; font-size: 36px;}
.index_why .modules_box{width: 1200px; margin: 40px auto;}
.index_why .modules_box .modules{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0; }
.index_why .modules_box .modules .icann{ width: 326px; height: 98px; display: block; background: url("../images/why_img01.png") no-repeat top; padding: 15px 230px 0 30px; animation: moveleft 0.5s ease-out forwards; opacity: 0; /* 初始状态 */}
.index_why .modules_box .modules .icann h5{ font-size: 20px; font-weight: bold; color: #031242; line-height: 42px;}
.index_why .modules_box .modules .icann p{ font-size: 16px; font-weight: normal; color: #555555; line-height: 28px;}
.index_why .modules_box .modules .houzui{width: 526px; height: 98px; background:#1c74b7; color: #fff; border-radius: 20px;padding: 15px 30px 0 30px; animation: moveright 0.5s ease-out forwards; opacity: 0; /* 初始状态 */}
.index_why .modules_box .modules .houzui h5{font-size: 20px; font-weight: bold;line-height: 42px;}
.index_why .modules_box .modules .houzui p{font-size: 16px; font-weight: normal; color: #e9e9e9; line-height: 28px;}

.index_why .modules_box .modules_three{ display: table;width: 100%; border-collapse: separate; border-spacing: 0;}
.index_why .modules_box .modules_three .row {display: table-row;}
.index_why .modules_box .modules_three .cell {display: table-cell; padding: 10px; }
.index_why .modules_box .modules_three .ys_price{ width: 220px; height: 270px; display: inline-block; vertical-align: top; color: #fff; background: url("../images/why_img02.png") no-repeat top; padding: 30px; animation: moveleft 0.5s ease-out forwards; opacity: 0; /* 初始状态 */}
.index_why .modules_box .modules_three .ys_price h5{font-size: 20px; font-weight: bold;line-height: 42px;}
.index_why .modules_box .modules_three .ys_price p{font-size: 16px; font-weight: normal; color: #e9e9e9; line-height: 28px;}
.index_why .modules_box .modules_three .company_img{width:440px; height: 330px;display: inline-block; vertical-align: top;color: #fff; background: url("../images/why_img03.png") no-repeat top; margin: 0 10px; padding: 0 0 0 35px; animation: fadeIn 0.5s ease-out forwards; opacity: 0; /* 初始状态 */ }

.index_why .modules_box .modules_three .three_r{ width: 420px; vertical-align: top; animation: moveright 0.5s ease-out forwards; opacity: 0; padding: 0;/* 初始状态 */}
.index_why .modules_box .modules_three .three_r .p1{ width: 170px; height: 120px; background: #fff; padding: 30px 15px; display: inline-block; vertical-align: top; border-radius: 20px;}
.index_why .modules_box .modules_three .three_r .p2{ width: 170px; height: 120px; background: #d5ecf9; padding: 30px 15px; margin-left: 15px; display: inline-block; vertical-align: top; border-radius: 20px;}
.index_why .modules_box .modules_three .three_r .p1 h5,.index_why .modules_box .modules_three .three_r .p2 h5{ font-size: 18px; font-weight: bold; color: #031242; line-height: 38px;}
.index_why .modules_box .modules_three .three_r .p1 p,.index_why .modules_box .modules_three .three_r .p2 p{ font-size: 14px; font-weight: normal; color: #555555; line-height: 22px;}
.index_why .modules_box .modules_three .three_r .p3{ width: 390px; height: 110px; background: #192b52; padding: 10px 15px; display: block; border-radius: 20px; color: #fff; margin-top: 20px;}
.index_why .modules_box .modules_three .three_r .p3 h5{font-size: 20px; font-weight: bold;line-height: 42px;}
.index_why .modules_box .modules_three .three_r .p3 p{font-size: 16px; font-weight: normal; color: #e9e9e9; line-height: 28px;}

/*底部*/
.footer{ background:#192b52; width:100%; padding:40px 0 80px 0; min-width: 1366px;}
.footer_content{ width:1366px; margin:0 auto;overflow:hidden;}
.footer_content .list{ float:left; padding:0 90px 0 30px;}
.footer_content .list h2{ font-size:16px; color:#c9c9ca; line-height:30px; margin:5px 0 10px 0; font-weight: bold;}
.footer_content .list li{ line-height:28px; color:#a1abc2; list-style:none;}
.footer_content .list li a{display:block; color:#a1abc2;}
.footer_content .list li a:hover{color:#fff; text-decoration:none;}
.footer_content .list li span{ color:#eda83b; font-size:16px;}
.footer_content .list.sty li a{ display: inline-block; vertical-align: middle;}
.footer_content .rbox{ float:right; width:360px; padding:30px; color: #646c7d; font-size: 14px; line-height: 26px; text-align: right;}

/*登录*/
.login_img{ background: #68c7f9 url("../images/login_img.jpg") no-repeat top fixed; background-size: 100% auto;}
.login_box{ width: 500px; padding: 80px 40px; background: #fff; min-height: 58vh; border-radius: 20px; margin: 44px auto 60px;box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07);}
.login_box .login{ width: 496px; margin: 0 auto;}
.login_box .login h2{ font-size: 32px; font-weight: bold; color: #031242;}
.login_box .login p{text-align: right; font-size: 14px; color: #222; line-height: 40px; }
.login_box .login p a{ color: #1a52ae; margin: 0 5px;}
.login_box .login p a:hover{ color: #0187ee;}
.login_box .login .input_li{ margin-top: 40px;}
.login_box .login .input_li li{list-style: none;}
.login_box .login .input_kuang{ width: 496px; height: 44px; line-height: 44px; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; display:table; width: 100%; overflow: hidden;}
.login_box .login .input_kuang i{ float: left; width: 30px; height: 44px; display: block;}
.login_box .login .input_kuang i.icon1{background: url("../images/icon_input_login.png") no-repeat; }
.login_box .login .input_kuang i.icon2{background: url("../images/icon_input_login.png") no-repeat 0 -44px; }
.login_box .login .input_kuang i.icon3{background: url("../images/icon_input_login.png") no-repeat 0 -88px; }
.login_box .login .input_kuang .input{ display: table-cell;float: none; vertical-align: middle;width: 100%;}
.login_box .login .input_kuang .input input{border: none; background: none; outline: none; line-height: 44px; padding: 0 2% 0 0; width: 98%;}
.login_box .login .input_kuang:hover{border: 1px solid #02adf2;}
.login_box .login .input_error{visibility:hidden; line-height: 20px; font-size: 14px; padding: 5px 0; color: #f63737;}
.login_box .login .input_li li.red .input_kuang{border: 1px solid #f63737;}
.login_box .login .input_li li.red .input_error{visibility:visible;}
.login_box .login .input_li li.w{position: relative;}
.login_box .login .input_li li.w .input_kuang{ width: 320px;}
.login_box .login .input_li li.w .yzm{position: absolute; right: 0; top: 0; height: 44px; background: #f4f4f4; width: 150px; text-align: center;}
.login_box .login .input_li li.w .yzm img{max-width: 100%; max-height: 100%;}

.login_box .login .btn_login.btn_disabled:hover {background: #bdbdbd; cursor: default;}
.login_box .login .btn_login {border-radius: 4px;height: 48px;line-height: 48px;font-size: 16px; font-weight: bold; background: #02adf2; color: #fff; display: block; text-align: center; margin: 10px 0;}
.login_box .login .btn_login:hover {background: #4dc5f5;}

.login_mfa{padding: 50px 35px 0;}
.login_mfa h3{font-size: 18px; font-weight: bold; color: #444; line-height: 40px; }
.login_mfa h5{font-size: 14px; font-weight: normal; color: #888; line-height: 28px; }

/*注册*/
.register_img{ background: #e6f3fb url("../images/register_img.jpg") no-repeat center 90px; background-size: 100% auto;}
.register_box{ width: 890px; padding: 80px 40px; background: #fff; min-height: 58vh; border-radius: 20px; margin: 90px auto 60px;box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07);}
.register_box.sty{width: 930px; padding: 20px; min-height: calc(100vh - 557px);}
.register_box h2{ font-size: 32px; font-weight: bold; color: #031242; padding: 0 120px;}
.register_box.sty h2{ padding: 0 10px; width: 100%; margin:0 auto;}
.register_box.sty h2 i{ width: 15px; height: 16px; display: inline-block; vertical-align: middle; background: linear-gradient(45deg,#02adf2,#ffffff); border-radius: 50px; 0;}
.register_box.sty h2 cite{ color: #444;font-style: normal;padding-left: 10px; font-size: 24px;font-weight: bold;}
.register_box.sty .buy_result{margin: 18% auto;}
.register_box.sty .buy_result .txt h2{ padding: 0; font-size: 20px;}
.register_box.sty .buy_result .txt h5 a{ color: #08aff2;}
.register_box.sty .buy_result .txt h5 a:hover{ color: #1a52ae;}
.register_box p{text-align: right; font-size: 14px; color: #222; line-height: 40px; padding: 0 120px; }
.register_box p a{ color: #1a52ae; margin: 0 5px;}
.register_box p a:hover{ color: #0187ee;}
.register_box.sty .input_li{ margin: 40px auto 0; width: 90%;}
.register_box .input_li{ margin-top: 40px;}
.register_box .input_li li{list-style: none; width: 100%; display: -ms-flexbox; display: flex; margin: 20px 0;}
.register_box .input_li li.err{ margin: -10px 0;}
.register_box .input_li li.err #yzmcode_err{ display: block; line-height: 20px; height: 20px;}
.register_box .input_li li .input_flex{ background: #fff;flex: 1; /* 自适应剩余空间 */min-width: 0; /* 防止内容溢出 */ }
.register_box .input_li li .display_table{ display: table;width: 100%; border-collapse: separate; border-spacing: 0;}
.register_box .input_li li .display_table .row {display: table-row;}
.register_box .input_li li .input_flex .cell{display: table-cell;}
.register_box .input_li li .input_flex .cell .bao{ width: 100%;display: -ms-flexbox;display: flex;position: relative;}
.register_box .input_li li .input_flex .cell .input_kuang.w{ flex: 1;/* 自适应剩余空间 */min-width: 0;/* 防止内容溢出 */ width: 100%; display: block;}
.register_box .input_li li .input_flex .cell .duanheng{ line-height: 46px;display: inline-block; vertical-align: middle; font-size: 14px; color: #e1e1e1; flex: 0 0 auto; width: 20px; text-align: center;}
.register_box .input_li li .input_flex .input_kuang{height: 44px;line-height: 44px;border: 1px solid #e1e1e1;border-radius: 4px;display: table-cell; }
.register_box .input_li li .input_flex input.input{border: none; background: none; outline: none; padding: 0 2%; width: 96%; font-size: 14px; line-height: 44px;}
.register_box.sty .input_li li .input_flex .input_kuang{border: none;}
.register_box.sty .input_li li .input_flex input.input{border: 1px solid #e1e1e1;}
.register_box.sty .input_li li .input_flex input.input.w1{width: 50%;}
.register_box.sty .input_li li .input_flex input.input.w2{width: 140px;}
.register_box.sty .input_li li .input_flex input.input.w3{width: 268px;}
.register_box.sty .input_li li .input_flex .yzm{height: 44px; background: #f4f4f4; width: 150px; text-align: center; margin-left: 10px;}
.register_box.sty .input_li li .input_flex .yzm img{max-width: 100%; max-height: 100%;}
.register_box .input_li li .input_name{ flex: 0 0 auto; width: 210px;text-align: right; line-height: 46px; margin-right: 10px;}
.register_box .input_li li .input_flex .input_tishi{ padding-left: 10px;display: table-cell; width: 220px; }
.register_box .input_li li .input_flex .input_tishi i.dui{ width: 18px; height: 18px; background: url("../images/icon_dui_cuo.png") no-repeat; display: inline-block; vertical-align: middle;}
.register_box .input_li li .input_flex .input_tishi i.cuo{ width: 18px; height: 18px; background: url("../images/icon_dui_cuo.png") no-repeat 0 -18px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.register_box .input_li li .input_flex .input_tishi span{display: inline-block; vertical-align: middle; line-height: 18px;}
.register_box .input_li li .input_flex .psw_ts_height{height:8px;}
.register_box .input_li li .input_flex .psw_ts{display: flex; align-items: center; justify-content: flex-start; height: 46px;}
.register_box .input_li li .input_flex .psw_ts span.str {  width:40px; background:#eee; display:block; height:8px; margin-right:5px; overflow:hidden; text-align:center; border-radius:2px;}
.register_box .input_li li .input_flex .psw_ts b{ line-height:28px; margin-left:10px;}
.register_box .input_li li .input_flex .btn_register.btn_disabled:hover {background: #bdbdbd; cursor: default;}
.register_box .input_li li .input_flex .btn_register {border-radius: 4px;height: 48px;line-height: 48px;font-size: 16px; font-weight: bold; background: #02adf2; color: #fff; display: block; text-align: center; margin: 20px 0;}
.register_box .input_li li .input_flex .btn_register:hover {background: #4dc5f5;}
.register_box.sty .input_li .danxuan .checkmark{top:0;}
.register_box.sty .input_li .btn_blue{min-width: 110px;}
.register_box.sty .input_li .btn_black_s{line-height: 44px;}
.register_box.sty .input_li .btn_left{margin-left: 220px;}

.register_box .input_li li .input_flex .gouxuan{display: table-cell; padding-top: 20px; }
/* -----------------------自定义复选框----------------------- */
.agreement-container {display: flex;align-items: center;font-size: 14px;}
.custom-checkbox input {position: absolute;opacity: 0;width: 16px;height: 16px;cursor: pointer;}/* 隐藏原生复选框 */
.custom-checkbox .checkmark {display: inline-block;vertical-align: middle; width: 16px; height: 16px; border: 1px solid #d9d9d9; background: #fff;margin-right: 3px;position: relative; border-radius:2px;}/* 自定义复选框外观 */
.custom-checkbox input:checked + .checkmark { background: #02adf2;border-color: #02adf2;}/* 选中状态 */
.custom-checkbox input:checked + .checkmark::after { content: ""; position: absolute;left: 5px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}/* 勾选标记 */
.agreement-link { color: #1a52ae;text-decoration: none; margin-left: 4px;}/* 协议链接样式 */
.agreement-link:hover { color: #0187ee;text-decoration: none;}
/* 禁用状态 */
.custom-checkbox input:disabled + .checkmark { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed;}
.custom-checkbox input:disabled:checked + .checkmark { background: #e6e6e6; border-color: #d9d9d9;}
.custom-checkbox input:disabled:checked + .checkmark::after {border-color: #999;}

/* -----------------------自定义下拉框----------------------- */
.custom-select { }
.select-selected {background-color: #fff;border: 1px solid #d9d9d9;border-radius: 4px;padding: 8px 16px;cursor: pointer; position: relative; line-height: 28px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.select-selected .select-input{border: none; background: none; outline: none; padding: 0 2%; width: 96%; font-size: 14px; }
.select-selected:after {content: "";position: absolute;top: 20px;right: 10px;width: 0;height: 0; border: 6px solid transparent;border-color: #666 transparent transparent;}
.select-selected.select-arrow-active:after { border-color: transparent transparent #666;top: 8px;}
.select-items { position: absolute; background-color: #fff;top: 100%; left: 0; right: 0;z-index: 99;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; overflow-x: hidden; display: none;}
.select-items div {padding: 8px 16px;cursor: pointer; width: 100%;display: -ms-flexbox; display: flex; align-items: center;}
.select-items div:hover {background-color: #f0f0f0;}
.select-items div .area_code{ width: 40px;flex: 0 0 auto;}
.select-items div .number{ flex: 1; min-width: 0;}

/* -----------------------域名注册页----------------------- */
.domain_img{ background: #fff url("../images/domain_banner_bg.jpg") no-repeat center top; background-size: 100% 345px; margin-top: -90px;}
.domain_banner{height: 310px; background: url("../images/domian_search_png.png") no-repeat center 10px;}
.downinfo{ width: 1215px; margin:0 auto;}
.downinfo_n{height:85px;line-height:54px;color:#333; padding:0; background: url("../images/downinfo_n_bg.png") no-repeat center top; padding: 0 50px; }
.downinfo_n ul{ overflow:hidden; }
.downinfo_n li{ float:left;cursor:pointer;text-align:center;font-size:16px;margin:0; list-style:none;}
.downinfo_n li b{color:#666; width:218px;line-height:64px;display:block;font-weight:normal;}
.downinfo_n li b.bor_no{ border-right:none;width:218px;}
.downinfo_n.sty_w li b{ width:199px;}
.downinfo_n.sty_w li b.bor_no{ border-right:none;width:199px;}
.downinfo_n li:hover b{color:#0078ff;}
.downinfo_n li.Active{text-decoration:none;margin:0; margin-left:-1px;transition: all .3s ease; animation: moveleft 0.5s ease-out forwards;}
.downinfo_n li.Active b{height:85px; color:#fff; font-weight: normal;  background: url("../images/downinfo_n_active.png") no-repeat center top;}

.downinfo_c{padding:0 0 50px;}
.domain_search{ padding:20px 40px 10px 40px; position:relative;}
.domain_search .common_input{width: 960px; height: 160px; border: 1px solid #bfbfbf; font-size: 14px; resize: none; vertical-align: top; padding: 10px 0 0 10px; overflow: auto;  position: relative; outline:none;border-radius: 8px 8px 0 0;}
.domain_search .common_input:hover{border: 1px solid #02adf2;}
.domain_search .common_input:focus{border: 1px solid #02adf2;}
.domain_search .domain_query_btn{position: absolute; right: 40px; top: 80px; width: 130px; background: linear-gradient(-45deg,#02adf2,#4dc5f5); height: 46px; text-align: center; line-height: 46px; font-size: 18px; color: #fff; font-weight: normal; border: 0; cursor: pointer;outline:none; padding:0;border-radius: 50px;}
.domain_search .domain_query_btn:hover{ background: linear-gradient(45deg,#02adf2,#4dc5f5);}

.options_list{ margin:0 auto; width:1136px;}
.options_list label { padding: 10px 0 10px 5px; line-height: 20px; height: 20px; font-size: 14px;display: inline-block; width:132px; color: #4A4A4A; cursor:pointer;}
.options_list label a{color: #4A4A4A; vertical-align: middle;}
.options_list label a:hover{color: #0187ee;}
.options_list i{ width:16px; height:16px; margin-left:3px; display:inline-block; vertical-align:middle;}
.options_list i.icon_hot{ background:url(../images/icon_hot.png) no-repeat;}
.options_list i.icon_cu{background:url(../images/icon_cu.png) no-repeat;}
.options_list i.icon_new{background:url(../images/icon_new.gif) no-repeat;}

.quanxuan{ background: #f6f6f6; border-radius: 8px; padding: 0 10px; margin: 10px 0; display: flex; justify-content: space-between;}     

/*V字型下拉框*/
.select-container .select-selected:after{opacity: 0;}
.select-container {position: relative; font-size: 14px;}
.select-container .select-selected {background: none; border: none; padding: 11px 16px;cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s;}
.select-container .select-selected:hover {border-color: #1890ff;}
.select-container .select-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-container .select-dropdown-icon {transition: transform 0.3s; margin-left: 8px;}
.select-container:hover .select-dropdown-icon { transform: rotate(180deg);}
.select-container .select-items { position: absolute; width: 130px;left: inherit; /*max-height: 200px; */max-height: 60vh;overflow-y: auto; background: #fff; border: 1px solid #d9d9d9; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); display: none; z-index: 100;}
.select-container:hover .select-items {display: block;}
.select-container .select-items div { padding: 10px 16px;cursor: pointer; transition: background 0.3s;}
.select-container .select-items div:hover {background-color: #f5f5f5;}
.select-container .select-items div.selected { background-color: #e6f7ff; color: #1890ff;}
.select-container .select-items div .moban_name{ font-style: normal; max-width: 220px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }

.select-search-input {flex:1; border:none; outline:none; padding:0; width:100%; line-height: 34px;}


.query_bar.display_block .select-container {position: relative; line-height: 32px;}
.query_bar.display_block .select-container .select-selected {border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s; border: 1px solid #d0d0d0;padding: 0 10px 0 3px;background: #fff;border-radius: 2px; line-height: 34px;}
.query_bar.display_block .select-container .select-items{left: 0;}
.query_bar.display_block .select-container .select-items div {padding: 4px 10px;}

select {
  /* 清除默认箭头样式 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* 添加右侧内边距防止文字重叠 */
  padding-right: 28px;
  
  /* 设置自定义SVG箭头 */
  background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 
    no-repeat right 10px center/12px 8px;
}

/* IE兼容处理 */
select::-ms-expand {
  display: none;
}
select option{margin-right: 10px;}



/* -----------------------单选框----------------------- */
.danxuan label{ width: auto;}
.danxuan .radio-container {position: relative; padding-left: 25px;margin: 5px 20px 5px 0; cursor: pointer; font-size: 14px; user-select: none;}
.danxuan .radio-container input { position: absolute; opacity: 0; cursor: pointer;}
.danxuan .checkmark,.quanxuan .danxuan .checkmark{ position: absolute; top: 10px; left: 0; height: 16px; width: 16px; background-color: #fff; border-radius: 50%; border: 1px solid #ccc;}
.danxuan .radio-container:hover input ~ .checkmark { background-color: #fff;border-color: #02adf2;}
.danxuan .radio-container input:checked ~ .checkmark {background-color: #02adf2; border-color: #02adf2;}
.danxuan .checkmark:after {content: ""; position: absolute; display: none;}
.danxuan .radio-container input:checked ~ .checkmark:after {display: block;}
.danxuan .radio-container .checkmark:after {top: 5px;left: 5px; width: 6px; height: 6px; border-radius: 50%; background: white;}

.quanxuan .danxuan .btn_s_white{ height: 32px; line-height: 32px; display: inline-block; vertical-align: middle;text-align: center; font-size:14px; color: #031242; background: #fff; border-radius: 50px;border: 1px solid #ccc; padding: 0 10px;}
.quanxuan .danxuan .btn_s_white:hover{ background: #02adf2; border: 1px solid #02adf2; color: #fff;}


/*热门后缀*/
.domain_hot_houzhui{ background: #f9fafc; padding: 60px 0; min-width: 1366px;}
.domain_hot_houzhui h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.domain_hot_houzhui .box_list{ width: 1205px; margin: 40px auto;display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content:center;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2);}
.domain_hot_houzhui .box_list li{width: 200px; text-align: center; font-size: 14px; color: #171717; float: none; margin: 0; padding-top: 20px; border-right: 1px solid #dfdfdf; background: #fff; position: relative; padding-bottom: 40px;}
.domain_hot_houzhui .box_list li.bor_no{ border: none;}
.domain_hot_houzhui .box_list li img{margin: 0 auto;}
.domain_hot_houzhui .box_list li p{ padding: 10px 15px 20px; line-height: 22px;text-align: left;}
.domain_hot_houzhui .box_list li .price{ background: #eceff5; line-height: 40px; height: 40px; position: absolute; bottom: 0; left: 0; right: 0;}
.domain_hot_houzhui .box_list li .price b{ font-size: 18px; color: #ff833f; margin: 0 5px;}
.domain_hot_houzhui .box_list li .price em.old{ color: #8f8f8f; text-decoration: line-through; font-style: normal; margin: 0 10px;}

/*域名活动*/
.domain_advert_four{ background: linear-gradient(-180deg,#509bdc,#e2f9ff); padding: 60px 0; min-width: 1366px;}
.domain_advert_four h2{ text-align: center; font-weight: bold; color: #fff; font-size: 36px;}
.domain_advert_four .slider-container{margin: 40px auto 60px; }
.domain_advert_four .slider-wrapper{ position: relative; z-index: 1;}
.domain_advert_four .box_list{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content:center;}
.domain_advert_four .box_list li{ float: none; padding: 10px 0; background: #fff; width: 278px; text-align: center;}
.domain_advert_four .box_list li a{display: block;}
.domain_advert_four .box_list li a:hover p{color: #0187ee;}
.domain_advert_four .box_list li p{ line-height: 24px; font-size: 16px; color: #171717; padding: 15px 15px 10px;}
.domain_advert_four .nav-buttons {height: 100%;align-items: center; justify-content: space-between; display: flex; display: -webkit-flex; flex-wrap: wrap; left: 10px; right: 10px; position: absolute; text-align: center; padding: 0;}
.domain_advert_four .nav-buttons .nav-btn{z-index: 2; border: none; background: none; width: 50px; height: 50px;}
.domain_advert_four .nav-buttons .nav-btn.disabled .path_arrow{ filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
.domain_advert_four .nav-buttons .path_arrow{ stroke: #fff; stroke-width: 3; fill: none; stroke-linecap: round;}

.bg_img{ background: #f9fafc url("../images/bg_round.jpg") repeat-x center top;}
.create .domain_search{ padding: 20px 10px;}
.create .domain_search .common_input{ width: 1170px; line-height: 24px;}
.create .domain_search .domain_query_btn{ right: 10px;}
.more_block{ position: relative;}
.more_houzhui{cursor: pointer; position: absolute; right: 0; top: -40px; padding: 0 10px; color: #171717; line-height: 40px;}
.more_houzhui .dropdown_icon{transition: transform 0.3s ease; margin-left: 5px;}      
.more_houzhui.hover .dropdown_icon{transform: rotate(180deg);}
.more_houzhui:hover,.more_houzhui.hover {color: #0187ee;}

.more_tab{ display: none; width: 1180px; background: #eceff5; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-top: none; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.4);}
.more_block.zhankai .more_tab{display: block;}
.more_tab .tab-content.relative{position: relative;}

.tab-container .options_list{ width: auto; margin: 0;}
.tab-header-menu{display: flex; justify-content: space-between; border-bottom: 1px solid #bfbfbf; }
.tab-header-menu .quanxuan{justify-content: inherit; display: inherit; border-radius: 0; background: none; margin: 0;}  
.tab-header-menu .quanxuan .danxuan{display: flex; align-items: center;}
.tab-header-menu .quanxuan .danxuan .radio-container { margin: 0 20px 0 0;} 
.tab-header-menu .quanxuan .select_paixu .select-selected{ border: 1px solid #dfdfdf; padding: 0 10px; background: #fff; border-radius: 2px; width: 120px;}
.tab-header-menu .quanxuan .select_paixu .select-container .select-items{ width: 140px;}
.tab-header-menu .quanxuan .select_paixu .select-container .select-items div{ padding:10px;}


.options_list.rsty .quanxuan{justify-content: inherit; display: inherit; border-radius: 0; background: none; margin: 0; position: absolute; right: 0; top: -40px;}  
.options_list.rsty .quanxuan .danxuan{display: flex; align-items: center;}
.options_list.rsty .quanxuan .danxuan .radio-container { margin: 0 20px 0 0;} 
.options_list.rsty .quanxuan .select_paixu .select-selected{ border: 1px solid #dfdfdf; padding: 0 10px; background: #fff; border-radius: 2px; width: 120px;}
.options_list.rsty .quanxuan .select_paixu .select-container .select-items{ width: 140px;}
.options_list.rsty .quanxuan .select_paixu .select-container .select-items div{ padding:10px;}

.tab-container .custom-checkbox .checkmark {border: 1px solid #bfbfbf; }/* 自定义复选框外观 */
.tab-container .custom-checkbox input:checked + .checkmark { border: 1px solid #bfbfbf; background: #fff;}/* 选中状态 */
.tab-container .custom-checkbox input:checked + .checkmark::after { content: ""; position: absolute;left: 5px; top: 2px; width: 4px; height: 8px; border: solid #333; border-width: 0 2px 2px 0; transform: rotate(45deg);}/* 勾选标记 */  
   
.tab-header {display: flex;}
.tab-btn { font-family: "微软雅黑", "黑体", Arial, sans-serif; background: none; padding: 12px 24px; border: none; cursor: pointer; text-align: center; transition: all 0.3s; font-size: 14px; color: #555; position: relative; overflow: visible;}
.tab-btn i{ position: absolute; bottom: -3px; left: 0; right: 0; display: none; } 
.tab-btn i span{width: 68px; height: 4px; border-radius: 50px; background: #02adf2; margin: 0 auto;display: inline-block; vertical-align: bottom;}
.tab-btn.active i{display: block;}
.tab-btn.active {font-weight: bold;}
.tab-content {padding: 20px; display: none; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.tab-content.active { display: block;}

.search_results .results_title{ display: flex; justify-content: space-between; padding:5px; align-items: center;}
.search_results .results_title cite{ color: #444; font-style: normal; padding-left: 10px; font-size: 16px; font-weight: bold;}
.search_results .results_title cite i{width: 4px; height: 20px; display: inline-block; vertical-align: middle; background: #08aff2; border-radius: 50px; margin:-2px 10px 0 0;}
.search_results .results_title .agreement-container{margin-right: 26px;}

.current_location {color: #567183;line-height: 20px; padding: 20px 10px 0; font-size: 12px;}
.current_location a {color: #000; margin: 0 5px;font-size: 12px;}
.current_location a:hover {color: #1a52ae;}

.search_results .moban_gongneng{ flex: 1; text-align: right;}
.search_results .moban_gongneng input{height: 32px;line-height: 32px;border: 1px solid #e1e1e1; border-radius: 2px; width: 180px; padding: 0 5px; font-size: 14px; margin: 0 10px; outline: none;}
.search_results .moban_gongneng input:hover{ border: 1px solid #08aff2;}
.search_results .moban_gongneng .btn_white_s{line-height: 32px; display: inline-block; vertical-align: middle; min-width: 60px; border-radius: 2px;}
.search_results .moban_gongneng a.a_moban{ margin: 0 10px; color: #0187ee;}
.search_results .moban_gongneng a.a_moban:hover{ color: #1a52ae;}

.table_box{background: #fff; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 20px 10px; font-size: 14px;}
.table_1 {border-collapse: collapse;table-layout: fixed;}
.table_1 tr th.text_center,.table_1 tr td.text_center{ text-align: center;}
.table_1 tr th.p_edge,.table_1 tr td.p_edge{ padding:14px 8px 14px 20px; }
.table_1 .agreement-container{display: block; cursor: pointer;}
.table_1 .custom-checkbox .checkmark{ margin: 0;}
.table_1 tr th {line-height: 24px; color: #222; background: #d5e6f3; font-size: 14px; text-align: left; padding: 14px 8px;}
.table_1 tr th a{ color: #222;}
.table_1 tr td { line-height: 24px; color: #555; border-bottom: 1px solid #dfdfdf; font-size: 14px; text-align: left; padding: 14px 8px;word-break: break-all; word-wrap: break-word;}
.table_1 tr td b{ font-size:16px; margin: 0 3px;}
.table_1 tr td b.normal{font-size:14px; }
.table_1 tr td em.old{ color: #8f8f8f; text-decoration: line-through; font-style: normal; margin: 0 10px;}
.table_1 tr td a { color: #555; /*display: inline-block; vertical-align: middle; text-overflow: ellipsis; word-break: normal; white-space: nowrap; overflow: hidden; max-width: 90%;*/ }
.table_1 tr td a.sty{color: #0187ee;}
.table_1 tr td a.sty:hover{ color: #1a52ae;}
.table_1 tr td a.sty b{font-size: 14px;}
.table_1 tr td a:hover {color: #0187ee;}
.table_1 tr:hover th {cursor: default;}
.table_1 tr:hover {background: #f7f9fe;}
.table_1 tr:hover td a:hover { color: #0187ee;}
.table_1 tr td a.btn_blue_s{ color: #fff; display: inline-block; vertical-align: middle;}
.table_1 tr td a.link.w_auto{width: auto; text-align: left;}
.table_1 tr td a.link{ color: #1a52ae; width: 88px; text-align: center; display: inline-block; vertical-align: middle; line-height: 30px;}
.table_1 tr td a.link:hover{ color: #08aff2;}
.btn_blue_s{ padding: 0 12px; line-height: 30px; color: #fff; background: #08aff2; border-radius: 4px; text-align: center;}
.btn_blue_s:hover{background: #4dc5f5;}
.btn_white_s{ padding: 0 12px; line-height: 28px; color: #031242; background: #fff; border: 1px solid #ccc; border-radius: 4px; text-align: center;}
.btn_white_s:hover{ background: #f4f4f4; border: 1px solid #ccc;}

.btn_frame_orange{line-height: 24px; color: #ff833f; background: #fff; border: 1px solid #ff833f; border-radius: 2px; text-align: center; padding: 0 5px;}
.btn_frame_orange:hover{background:#ff833f; color: #fff;}
.table_1 tr td a.btn_frame_orange{color: #ff833f; display: inline-block; vertical-align: middle;}
.table_1 tr td a.btn_frame_orange:hover{ color: #fff;}

.btn_frame_blue{line-height: 24px; color: #08aff2; background: #fff; border: 1px solid #08aff2; border-radius: 2px; text-align: center; padding: 0 5px;}
.btn_frame_blue:hover{background:#08aff2; color: #fff;}
.table_1 tr td a.btn_frame_blue{color: #08aff2; display: inline-block; vertical-align: middle;}
.table_1 tr td a.btn_frame_blue:hover{ color: #fff;}
.table_1 tr td .td_logo{display: inline-block; vertical-align: middle; height: 24px;}

.table_1 tr td .tishi_item_green{ border-radius: 50px; background: #e5ffe7; color: #1eaa50; font-size: 12px; line-height: 24px; padding: 0 10px; margin-left: 10px; display: inline-block; vertical-align: middle;}
.table_1 tr td .tishi_item_orange{ border-radius: 50px; background: #fef3bf; color: #ff9518; font-size: 12px; line-height: 24px; padding: 0 10px; margin-left: 10px; display: inline-block; vertical-align: middle;}
.table_1 tr td a.tishi_item_green,.table_1 tr td a.tishi_item_green:hover,.table_1 tr td .tishi_item_green a,.table_1 tr td .tishi_item_green a:hover{color: #1eaa50;}
.table_1 tr td .tishi_item_green a{ margin-top: -5px;}
.table_1 tr td a.tishi_item_orange,.table_1 tr td a.tishi_item_orange:hover{color: #ff9518;}

.icon_yi{ width:16px; height:16px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url("../images/icon_yi.gif") no-repeat; margin: 0 3px;}

.cancel-icon,.horizontal-line-icon {width: 20px;height: 20px; border-radius: 50%; background: #ccc; position: relative; display: inline-block; vertical-align: middle; font-weight: bold; }
.cancel-icon::before, .cancel-icon::after {content: "";position: absolute;top: 50%;left: 50%; width: 70%; height: 3px; background: white;}
.cancel-icon::before {transform: translate(-50%, -50%) rotate(45deg);}
.cancel-icon::after {transform: translate(-50%, -50%) rotate(-45deg);}
.horizontal-line-icon::after {content: ""; position: absolute; top: 50%; left: 50%;width: 70%; height: 3px; background: white;transform: translate(-50%, -50%);}
.loader-icon{position: relative; width: 20px; height: 20px;display: block; }
.loader-icon .dot {left:8px;top:8px; position: absolute; width: 4px; height: 4px; background: #ccc; border-radius: 50%; animation: colorChange 1.6s ease-in-out infinite;}
@keyframes colorChange {
    0%, 100% { background: #ccc; }
    50% { background: #4285f4; }
}
/* 8个圆点均匀分布在圆周上 */
.dot:nth-child(1) { 
    transform: rotate(0deg) translateX(7px);
    animation-delay: 0s;
}
.dot:nth-child(2) { 
    transform: rotate(45deg) translateX(7px);
    animation-delay: 0.2s;
}
.dot:nth-child(3) { 
    transform: rotate(90deg) translateX(7px);
    animation-delay: 0.4s;
}
.dot:nth-child(4) { 
    transform: rotate(135deg) translateX(7px);
    animation-delay: 0.6s;
}
.dot:nth-child(5) { 
    transform: rotate(180deg) translateX(7px);
    animation-delay: 0.8s;
}
.dot:nth-child(6) { 
    transform: rotate(225deg) translateX(7px);
    animation-delay: 1.0s;
}
.dot:nth-child(7) { 
    transform: rotate(270deg) translateX(7px);
    animation-delay: 1.2s;
}
.dot:nth-child(8) { 
    transform: rotate(315deg) translateX(7px);
    animation-delay: 1.4s;
}
.load_more{ text-align: center;}
.load_more a{display: block;color: #1a52ae; padding: 40px 10px;}
.load_more a:hover cite{ color: #08aff2;}
.load_more cite{font-style: normal; vertical-align: middle; display: inline-block;color: #1a52ae; line-height: 40px;}
.load_more .arrow_v_white{ vertical-align: middle; display: inline-block; margin-left: 5px;}

.table_footer_quanxuan{ display: flex; align-items: center; padding: 20px; border-top: 1px solid #dfdfdf;}
.table_footer_quanxuan .select_all{ margin-right: 20px;}
.table_footer_quanxuan .custom-checkbox{}

.reminder{ background: #fff8e4 url("../images/icon_zhuyi.png") no-repeat left top; border-radius: 4px; padding: 20px 30px 20px; font-size: 14px; line-height: 26px; color: #555; margin: 10px 10px 20px;}
.reminder dt{font-weight: bold; margin-bottom: 5px; color: #444;}
.reminder dd a{ color: #0187ee; margin: 0 3px;}
.reminder dd a:hover{color: #1a52ae;}
.reminder.sty{display: flex; align-items: center;} 
.reminder.sty dt{margin: 0;}

.table_1 .select-container{width: 120px;}
.table_1 .select-container .select-selected{ border: 1px solid #bfbfbf; background: #fff; padding: 2px 8px;}
.table_1 .select-container .select-items{left: 0; right: inherit; width: 100%; max-height: 100vh;}
.table_1 .select-container .select-items div{padding: 4px 8px;}

.select_sty{ border: 1px solid #ccc;/* background: #fff;*/ border-radius: 2px;}
.pop_txt {position: absolute; z-index: 2; opacity: 0; display: none; top: 40px; background:#fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); text-align: center;right: 0;padding:20px 12px;border-radius: 6px; width: 200px; animation: fadeIn 0.5s ease-out forwards; opacity: 0;}
.table_1 tr th .icontishi_pop .display_sty:hover .pop_txt,.table_1 tr td .icontishi_pop .display_sty:hover .pop_txt,.table_2 tr th .icontishi_pop .display_sty:hover .pop_txt,.table_2 tr td .icontishi_pop .display_sty:hover .pop_txt{opacity:1; display: block;}
.table_1 tr th.table_pop,.table_1 tr td.table_pop,.table_2 tr th.table_pop,.table_2 tr td.table_pop{overflow:visible; position: relative;}
.table_1 tr th.table_pop a.icon,.table_1 tr td.table_pop a.icon,.table_2 tr th.table_pop a.icon,.table_2 tr td.table_pop a.icon{width: 20px;height: 20px; margin-left: 5px;}
.table_1 tr th.table_pop .pop_shuoming .pop_txt,.table_2 tr th.table_pop .pop_shuoming .pop_txt{right: inherit; left:-70px; top:30px;}
.table_1 tr th.table_pop .pop_shuoming,.table_1 tr td.table_pop .pop_shuoming,.table_2 tr th.table_pop .pop_shuoming,.table_2 tr td.table_pop .pop_shuoming {position: relative;flex: 1;}
.table_1 tr th.table_pop .pop_shuoming:hover .pop_txt,.table_1 tr td.table_pop .pop_shuoming:hover .pop_txt.table_2 tr th.table_pop .pop_shuoming:hover .pop_txt,.table_2 tr td.table_pop .pop_shuoming:hover .pop_txt {opacity: 1;display: block;}
.table_1 tr th.table_pop .pop_shuoming:hover .pop_txt::before ,.table_1 tr td.table_pop .pop_shuoming:hover .pop_txt::before,.table_2 tr th.table_pop .pop_shuoming:hover .pop_txt::before ,.table_2 tr td.table_pop .pop_shuoming:hover .pop_txt::before { content: "";position: absolute;top: -10px;left: 75px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #fff; filter: drop-shadow(0 -2px 2px rgba(5, 17, 71, 0.1));}

.ellipsis_lines {overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.table_total{ background: #fff; padding:30px 20px; font-size: 16px; color: #222; line-height: 24px; }
.table_total b{ font-size: 22px; font-weight: bold; color: #ff833f;}
.table_1 .danxuan .checkmark{top:0;}
.table_1 .danxuan .radio-container{padding: 0;}

/*列表翻页页码*/
.table_box .pages{float:none;}
.pages {padding: 20px;}
.pages .box {font-size: 14px;color: #555; line-height: 30px; display: flex; justify-content: flex-end;}
.pages .box ul { margin: 0 10px;display: flex;}
.pages .box .select-list ul {margin: 0;}
.pages .box em {color: #555; line-height: 30px; font-style: normal; margin: 0 5px;}
.pages .box li { list-style: none;}
.pages .box li a { background: #fff; display: inline-block; height: 30px; line-height: 30px; min-width: 20px; padding: 0 5px; margin: 0 -1px; border: 1px solid #dfdfdf; text-align: center; color: #555;}
.pages .box li a cite{	font-size: 18px; font-style: normal;line-height: 26px;}
.pages .box li a:hover {text-decoration: none; background: #eef7fe;}
.pages .box li a.hover { text-decoration: none;background: #4dc5f5; color: #fff; border: 1px solid #4dc5f5;}
.pages .box li a:hover .previous {background: #eef7fe ;}
.pages .box li a:hover .next {background: #eef7fe;}
.pages .input_jump { border: 1px solid #dfdfdf; padding: 0 3px; background: #fff; height: 30px; line-height: 30px; color: #555; width: 60px; outline: none;}
.pages .input_jump:hover,.pages .input_jump:focus {border: 1px solid #4dc5f5;}
.pages .go { background: #08aff2;color: #fff; display: inline-block; margin-left: 10px; line-height: 30px; padding: 0 10px; text-align: center; border-radius: 4px;}
.pages .go:hover { background: #4dc5f5;}
.pages .select_sty{border-radius: 0; height: 32px; line-height: 32px; padding-left: 5px;}

.jieshou{padding: 20px 10px 50px;}
.jieshou .gouxuan{margin-bottom: 10px;}
.jieshou .sum{ font-size:16px; padding: 20px 0; line-height: 24px; }
.jieshou .sum b{ font-size: 22px; margin: 0 10px;}
.btn_blue_large.btn_disabled,.btn_blue_large.btn_disabled:hover  {background: #bdbdbd; cursor: default;}
.btn_blue_large {border-radius: 4px;height: 52px;line-height: 52px;font-size: 16px; font-weight: bold; background: #02adf2; color: #fff; display: block; text-align: center; margin: 20px 0; min-width: 140px; padding: 0 20px;}
.btn_blue_large:hover {background: #4dc5f5;}
.btn_white_large.btn_disabled,.btn_white_large.btn_disabled:hover {background: #bdbdbd; cursor: default;}
.btn_white_large {border-radius: 4px;height: 50px;line-height: 50px;font-size: 16px; font-weight: bold; background: #fff; border: 1px solid #ccc; color: #031242; display: block; text-align: center; margin: 20px 0; min-width: 140px; padding: 0 20px;}
.btn_white_large:hover {background: #f4f4f4; border: 1px solid #ccc;}
.btn_white_large.m_sty,.btn_white_large_borderblue.m_sty{margin: 40px 20px;}
.btn_white_large_borderblue.btn_disabled:hover {background: #bdbdbd; cursor: default;}
.btn_white_large_borderblue {border-radius: 4px;height: 50px;line-height: 50px;font-size: 16px; font-weight: bold; background: #fff; border: 1px solid #08aff2; color: #08aff2; display: block; text-align: center; margin: 20px 0; min-width: 140px; padding: 0 20px;}
.btn_white_large_borderblue:hover {background: #eaf4fb; border: 1px solid #08aff2;}

.flex_box{display: flex; align-items: center;}
.flex_box.center{justify-content: center;}

.general_bg{background: linear-gradient(to bottom, #73c5fd 0vh, #eaf4fb 30vh, #eaf4fb 100vh  );
  background-repeat: no-repeat;
  background-attachment: fixed; /* 固定背景不随内容滚动 */
  min-height: 100vh; /* 确保渐变覆盖整个视口 */}
.general_bg .top{ box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); }
.search_results.mt{margin: 50px auto 0;min-height: calc(100vh - 417px);}

.pay_kuang{ padding: 20px 20px 40px;}
.pay_kuang .pay_txt{}
.pay_kuang .pay_txt li{display: block; list-style: none;font-size: 16px; color: #222; line-height: 40px;display: flex; align-items: center;}
.pay_kuang .pay_txt li b{font-size: 18px;}
.pay_kuang .pay_txt li input{ border: 1px solid #bfbfbf; line-height: 40px;background: #fff; padding: 0 5px; margin: 0 10px;font-size: 16px; }
.pay_kuang h5{ border-bottom: 1px solid #dfdfdf; line-height: 50px; font-size: 16px; text-align: left; margin-top: 20px; font-weight: bold;}

.pay_kuang .danxuan{display: flex; align-items: center; margin: 20px 0;}
.pay_kuang .danxuan .checkmark{top: 20px;}
.pay_kuang .danxuan label img{ border: 1px solid #dfdfdf; padding: 5px;}

.table_box.zhuce_result{padding: 30px; margin: 20px 10px 80px;}
.table_box.zhuce_result .table_box{ margin: 0; }
.table_box.zhuce_result .results_title cite{padding: 0;}
.table_box.zhuce_result h4{ font-size: 16px; line-height: 44px;}

.operation_result li{list-style: none; display: flex; align-items: center; justify-content: center; line-height: 24px; }
.operation_result li i{width:44px; height:44px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:10px;}
.operation_result li .result_icon1{background:url(../images/result_icon11.gif) no-repeat;width:28px; height:28px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:10px;}
.operation_result li .result_icon2{background:url(../images/result_icon2.gif) no-repeat;width:44px; height:44px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:10px;}
.operation_result li .result_icon3{background:url(../images/result_icon3.gif) no-repeat;width:44px; height:44px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:10px;}
.operation_result li cite{ font-size: 16px; color: #444; font-weight: bold; padding: 20px 0; font-style: normal;}
.operation_result li cite.dan_p{ padding: 30px 0 0 0; color: #000; font-size: 18px; }
.operation_result li em.bar { height: 12px; background: #e5e5e5; text-align: center; color: #fff; width: 30%; font-style: normal; margin: 20px; position: relative; border-radius: 50px;}
.operation_result li b {color: #02adf2;font-weight: bold;line-height: 20px;}
.operation_result li em.bar span {height: 12px;background: #02adf2; position: absolute;left: 0; top: 0; border-radius: 50px;}
.operation_result li p{ padding: 10px 0;}
.operation_result li p a.a_blue{color:#02adf2; }
.operation_result li p a.a_blue:hover{ color:#1a52ae;}

.table_2{border-collapse: collapse; table-layout:fixed; background:#fff;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf; }
.table_2.no_border{ border: none;}
.table_2.bghover tr:hover{ background:#fff;}
.table_2.bghover tr:hover td{ background:#fff;}
.table_2 tr:hover{ background:#fafafa;}
.table_2 tr:hover td{ background:none;}
.table_2 tr th{ line-height:22px; background:#f6f6f6; text-align:left; padding:12px 10px; font-size:14px; border-bottom:1px solid #dfdfdf; color:#222; font-weight:normal;}
.table_2.space_between tr th,.table_2.space_between tr td{ padding:12px 15px;}
.table_2 tr th span{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 2px;}
.table_2 tr th.text_right,.table_2 tr td.text_right{ text-align:right;}
.table_2 tr th.text_center,.table_2 tr td.text_center{ text-align:center;}
.table_2 tr td.font_large{font-size: 16px; padding: 30px 10px;}
.table_2 tr td.before_login{font-size: 14px; padding: 30px 10px;}
.chujia .bidding_details .table_leftbox .table_2 tr td.before_login a{margin: 0 5px; color: #0187ee;}
.chujia .bidding_details .table_leftbox .table_2 tr td.before_login a:hover{ color: #246ba1;}
.table_2 tr th a{color:#222;}
.table_2 tr td{ line-height:22px; background:#fff; text-align:left; padding:12px 10px; font-size:14px; border-bottom:1px solid #dfdfdf; color:#444;word-break: break-all; word-wrap: break-word;}
.table_2 tr td.bor_r{ border-right:1px solid #dfdfdf;}
.table_2 tr td.bor_b_no{ border: none;}
.table_2.p_sty tr td{ padding:12px 0 12px 10px;}
.table_2 tr td a{ color:#444; margin-right:10px;}
.table_2 tr td a.a_blue{color:#02adf2; }
.table_2 tr td a.ml{margin-left:5px;}
.table_2 tr td a.ml_10{margin-left:10px;}
.table_2 tr td a:hover{ color:#0078ff;}
.table_2 tr td a.a_blue:hover{ color:#1a52ae;}

.table_2 tr th.ellipsis,.table_2 tr td.ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.table_2 tr td .input_txt{ border:1px solid #ccc; width:378px; padding:0 5px; height:30px; background:#fff;line-height:30px; font-size:14px; outline:none; }
.table_2 tr td .input_txt.w1{ width:50px;}
.table_2 tr td .input_txt.w2{ width:120px;}


.table_2 tr td .input_txt:hover,.table_2 tr td .input_txt:focus{ border:1px solid #0078ff;}
.display_flex{ display: flex; align-items: center;}
.pages.display_flex{justify-content: space-between;}
.pages.display_flex .page_p {color: #000; font-size: 14px;}
.pages.display_flex .page_p cite{ color: #666; font-style: normal;}
.pages.display_flex .page_p b{ font-size: 15px; margin: 0 3px;color: #222; }
.pages.display_flex .box{flex: 0 0 auto;}
.pages.display_flex.line{ border-top: 1px solid #dfdfdf; }
.pages.display_flex .page_left{ display: flex; align-items: center;}

.domain_price_search{ display: flex; justify-content: center; align-items: center; line-height: 50px; margin: 10px 0 30px 0;}
.domain_price_search input{ border-left: 1px solid #bfbfbf;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf; border-right: none; font-size: 16px; background: #fff; border-radius: 50px 0 0 50px; line-height: 50px; width: 40%; padding: 0 3px 0 12px;}
.domain_price_search .button{ width: 130px; background: linear-gradient(-45deg,#02adf2,#4dc5f5); text-align: center; line-height: 52px; font-size: 18px; color: #fff; font-weight: normal; border: 0; cursor: pointer;outline:none; padding:0; border-radius: 0 50px 50px 0;}
.domain_price_search .button:hover{ background: linear-gradient(45deg,#02adf2,#4dc5f5);}

.sort1,.sort2,.sort3{height:20px; width:20px; vertical-align:middle;}
.sort3{ background:url(../images/sort3.png) no-repeat;}/*无序调用的样式*/
.sort2{ background:url(../images/sort2.png) no-repeat;}/*升序调用的样式*/
.sort1{ background:url(../images/sort1.png) no-repeat;}/*降序调用的样式*/

/*域名优惠包*/
.bg_youhuibao{background: #0a94f3 url("../images/youhuibao_img.jpg") no-repeat center top;}
.bg_youhuibao .youhuibao_banner{  text-align: center; color: #fff; padding-top: 40px;}
.bg_youhuibao .youhuibao_banner h1{ font-size: 42px; font-weight: bold; line-height: 62px; letter-spacing: 5px; text-shadow: 0 2px 4px rgba(0,210,255,0.6), 0 4px 8px rgba(58,123,213,0.4), 0 8px 16px rgba(0,176,155,0.3);}
.bg_youhuibao .youhuibao_banner i{ margin: 10px auto; width: 100px; height: 5px; background: #fff; display: block; border-radius: 50px;}
.bg_youhuibao .btn{ text-shadow: 0 2px 4px rgba(0,210,255,0.3), 0 4px 8px rgba(58,123,213,0.2), 0 8px 16px rgba(0,176,155,0.15); margin: 20px auto 130px; width: 160px; height: 50px; display: inline-block; line-height: 50px; text-align: center; font-weight: bold; font-size:20px; color: #fff; background:none; border-radius: 4px; border: 2px solid #ffffff;}
.bg_youhuibao .btn:hover{ background: rgba(255, 255, 255, 0.5); color: rgba(1, 135, 238, 1); }
.bg_youhuibao .title{ display: flex; justify-content: center; align-items: center; line-height: 60px; }
.bg_youhuibao .title cite{font-size: 24px;font-weight: bold; color: #fff; font-style: normal; background: #0a7df3;background: linear-gradient(60deg,#34c3fd,#0a62f3,#34c3fd); text-align: center; border-radius: 50px; letter-spacing: 2px; padding: 0 30px; text-shadow: 0 2px 4px rgba(10,120,243,0.3); transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); backdrop-filter: blur(5px);position: relative; overflow: hidden;}
.bg_youhuibao .title cite b{ color: #50fafc; letter-spacing: 0; font-size: 24px; margin: 0 5px;}

.youhuibao { display: flex; justify-content:center; flex-wrap: wrap; margin: 40px 0 30px 0; padding: 0; list-style: none;}
.youhuibao li{ width: calc(33.33% - 20px); margin: 10px; background: #fff; padding: 15px; box-sizing: border-box; border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.youhuibao li:first-child { }
.youhuibao li:last-child { }
.youhuibao li .title{display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg,#92f5fe,#ffffff); border-radius: 6px 6px 0 0; padding: 0 20px;}
.youhuibao li .title dt{flex: 1; font-size: 18px; font-weight: bold; color: #0a2c64; padding: 20px 10px 20px 0; line-height: 30px;}
.youhuibao li .title dd{border-radius: 50px; line-height: 30px; font-size: 14px; font-weight: bold; text-align: center; padding: 0 12px; background: linear-gradient(45deg,#ff8920,#ffb820);  color: #fff; }

.youhuibao li .box2{ padding:20px;}
.youhuibao li .box2 p{ line-height: 30px; color: #222222; font-size: 16px; font-weight: normal;word-break: break-all; word-wrap: break-word;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.youhuibao li .box2 .price{ font-size: 14px; color: #222222; padding: 20px 0 0 0; border-top: 1px dashed #dfdfdf; margin-top: 15px; display: flex; align-items: center;}
.youhuibao li .box2 .price b{ font-size: 28px; color: #ff833f; font-weight: bold;}
.youhuibao li .box2 .price em{ font-style: normal; margin: 0 10px; line-height: 26px; border: 1px solid #ff6803; padding: 0 5px; color: #ff6803; font-size: 14px; border-radius: 2px;}
.youhuibao li .button_qianggou{ border-radius: 6px;background: linear-gradient(45deg,#92f5fe,#0a72f3,#92f5fe); line-height: 52px; padding-bottom: 5px; font-size: 17px;text-align: center; color: #ffffff; display: block; margin: 0 auto; font-weight: bold; letter-spacing: 1px; }
.youhuibao li .button_qianggou.disabled,.youhuibao li .button_qianggou.disabled:hover{ background:#b7b7b7; color: #ddd; cursor: default;}
.youhuibao li .button_qianggou:hover{background: linear-gradient(90deg,#0a72f3,#5cd6f4,#0a72f3); }
.youhuibao li .box2 .s_p{ text-align: right; height: 40px;}
.youhuibao li .box2 .s_p span{font-size: 16px; color: #999;display: inline-block; line-height: 40px;}

.youhuibao_guize { margin: 40px auto 80px;}
.youhuibao_guize dt{font-size: 22px; color: #c4e1fa; padding: 0 10px;}
.youhuibao_guize dd { padding: 30px; margin: 20px 0;line-height: 32px; font-size: 16px;color: #a0cef5; background: #0477e2; border-radius: 6px;}

.domain_youhuibao_buy{padding: 30px; margin: 40px 0 80px 0;}
.youhuibao_buy_h1{text-align: left; font-size: 22px;color: #222; line-height: 52px; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf;}
.domain_youhuibao_buy .baohan{ display: flex; justify-content: space-between;}
.domain_youhuibao_buy .left_youhuiquan{ border: 1px solid #dfdfdf; background: #f7f9fe; text-align: center; width: 340px; display: flex; align-items: center; justify-content: center;}
.domain_youhuibao_buy .left_youhuiquan .img{ width: 240px; height: 150px; display: block; background: url("../images/youhuiquan_quan.png") no-repeat top; position: relative;}
.domain_youhuibao_buy .left_youhuiquan .p2{ position: absolute; color: #fff; left: 33px; top: 28px; font-weight: bold; text-align: center; width: 57px; font-size: 28px; line-height: 36px;}
.domain_youhuibao_buy .left_youhuiquan .p3{ position: absolute; color: #222; left: 90px; top: 28px; text-align: center; width: 116px; font-size: 18px; line-height: 36px;}
.domain_youhuibao_buy .left_youhuiquan .p4{ position: absolute; color: #fff; left: 10px; right: 10px; top: 75px; text-align: center; font-size: 28px; line-height: 58px; font-weight: bold; letter-spacing: 5px; margin-right: -10px; }
.domain_youhuibao_buy .right_youhuiquan{ flex: 1; padding-left: 30px;}
.domain_youhuibao_buy .right_youhuiquan .p1{ color: #222222; line-height: 20px;}
.domain_youhuibao_buy .right_youhuiquan .grey_price{background: #eaf4fb; margin: 20px 0;}
.domain_youhuibao_buy .right_youhuiquan .grey_price ul{display: flex; width: 100%; justify-content: space-between; align-items: center;}
.domain_youhuibao_buy .right_youhuiquan .grey_price ul li{list-style: none; padding:30px; flex: 1;}
.domain_youhuibao_buy .right_youhuiquan .grey_price ul li.line{border-left: 1px solid #cccccc; flex: 0 0 auto;}
.domain_youhuibao_buy .right_youhuiquan .grey_price .txt1 p{  text-align: left;font-size: 16px; line-height: 36px; padding: 5px 0; color: #222;}
.domain_youhuibao_buy .right_youhuiquan .grey_price .txt1 b.font_big{font-size: 26px;color: #ff833f; font-weight: bold;}
.domain_youhuibao_buy .right_youhuiquan .grey_price .txt1 span{ color: #ff833f; font-size: 14px; }
.domain_youhuibao_buy .right_youhuiquan .grey_price .txt1 span b{ font-weight: bold; font-size: 16px;}
.domain_youhuibao_buy .right_youhuiquan .grey_price .txt1 em{font-style: normal; color: #999; text-decoration: line-through; font-size: 16px; }
.domain_youhuibao_buy .right_youhuiquan .grey_price .txt2{ width: 190px; vertical-align: middle;color: #222; text-align: center; font-size: 16px;}
.domain_youhuibao_buy .right_youhuiquan .tr{ line-height:36px; display: flex; align-items: center; margin: 20px 0;}
.domain_youhuibao_buy .right_youhuiquan .tr label.tr_left1{ height:36px; line-height:36px; padding-left: 5px;}
.domain_youhuibao_buy .right_youhuiquan .btn_blue_large{ margin: 0;}

.input-group {display: flex; align-items: center; margin: 0 10px;  }
.input-group .input-field { width: 60px; height: 36px; border: 1px solid #ccc; border-radius: 0; text-align: center;font-size: 16px; padding: 0 10px; outline: none; }
.input-group .btn {width: 38px; height: 38px; background: #f5f5f5; border: 1px solid #ccc; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.input-group .btn-minus {border-radius: 4px 0 0 4px; border-right: none; }
.input-group .btn-plus { border-radius: 0 4px 4px 0; border-left: none;}
.input-group .input-field:focus { border-color: #999; }
.input-group .btn:hover {background: #e0e0e0;}
.input-group input[type="number"]::-webkit-inner-spin-button,.input-group input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; /* 隐藏Webkit内核浏览器中的箭头 */ margin: 0;}
.input-group input[type="number"] {-moz-appearance: textfield; /* 隐藏Firefox中的箭头 */}
.input-group .btn:disabled {background: #f5f5f5;color: #ccc;cursor: not-allowed;}

.domain_youhuibao_buy .reminder{ margin: 30px 0;}

.table_box.goumai_result{margin: 20px 10px 80px; display: flex; align-items: center; min-height: calc(100vh - 609px); justify-content: center; padding: 30px 0;}
.buy_result{ display: flex; justify-content: center; }
.buy_result .icon{ padding:0 20px;}
.buy_result .txt h2{ font-weight: bold; line-height: 40px; color: #171717; font-size: 22px;}
.buy_result .txt h5{ font-weight: normal; line-height: 26px; color: #444; font-size: 16px;}

/*单后缀*/
.bg_single{background: #0a94f3 url("../images/youhuibao_img.jpg") no-repeat center top;}
.gradient_bg {
    width: 100%;
    height: 520px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.gradient_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 20% 30%, #1e90ff 0%, transparent 40%),
        radial-gradient(circle at 80% 60%, #08aff2 0%, transparent 50%),
        radial-gradient(circle at 40% 70%, #3b6bfb 0%, transparent 60%),
        linear-gradient(135deg, #87e0fa 0%, #2c88d4 100%);
    background-size: 300% 300%;
    animation: 
        gradient-shift 14s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate,
        hue-rotate 30s linear infinite;
    filter: brightness(1.1) contrast(1.2) saturate(1.3);
    z-index: -1;
}

@keyframes gradient-shift {
    0% { 
        background-position: 0% 0%;
        filter: brightness(1.1) contrast(1.2) saturate(1.3);
    }
    25% { background-position: 100% 30%; }
    50% { 
        background-position: 80% 80%;
        filter: brightness(1.15) contrast(1.25) saturate(1.35);
    }
    75% { background-position: 20% 60%; }
    100% { 
        background-position: 50% 20%;
        filter: brightness(1.2) contrast(1.3) saturate(1.4);
    }
}

@keyframes hue-rotate {
    0% { 
        filter: hue-rotate(0deg) brightness(1.1) contrast(1.2) saturate(1.3); 
    }
    100% { 
        filter: hue-rotate(15deg) brightness(1.1) contrast(1.2) saturate(1.3); 
    }
}



.gradient_bg .domain_search{ margin: 0 auto; width: 1000px; position: inherit; padding: 60px 0;}
.gradient_bg .domain_search .name h2{ font-size: 24px; line-height: 46px; color: #fff;}
.gradient_bg .domain_search .name h2 b{font-size: 32px; margin: 0 5px;}
.gradient_bg .domain_search .name p{line-height: 26px; color: #fff; font-size: 16px; padding-bottom: 10px;}
.gradient_bg .domain_search .price{line-height: 26px; color: #fff; font-size: 16px; position: relative; padding: 10px 0;}
.gradient_bg .domain_search .price b{ font-size: 20px; font-weight: bold; color: #ff833f;}
.gradient_bg .domain_search .price a{margin: 0 5px 0 20px; color: #fff;}
.gradient_bg .domain_search .common_input{ display: block; border-radius: 8px; padding: 10px; width: 980px; background: #fff;}
.gradient_bg .domain_search .common_input textarea{background: none; height:100%; border: none; width: 100%;}
.gradient_bg .domain_search .domain_query_btn{position: inherit; top: inherit; right: inherit; margin: 30px 0; font-size: 16px; font-weight: bold; width: 150px; height: 52px;}

.gradient_bg .display_flex{justify-content: space-between; align-items: flex-end; padding: 15px 0 0 0 ;}
.about_single {background: #f9fafc; padding: 60px 0; min-width: 1366px;}
.about_single h2 {text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.about_single .display_flex{ align-items: center; margin: 40px auto; width: 1000px; justify-content: center;}
.about_single .display_flex .domain_img_sty{ /*width: 220px;*/width: 140px;margin-left: 50px;}
.about_single .txt{ font-size: 16px; line-height: 26px;}

.about_single ul{ width: 1405px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.about_single ul li{ width: 620px; margin: 10px 20px; border: 1px solid #dfdfdf; border-radius: 4px; padding: 20px; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; align-items: center; box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); } 
.about_single ul li .round_svg{width: 20px; margin:0 20px 0 10px; min-height: 100px;}
.about_single ul li .word{ flex: 1;}
.about_single ul li h5{ font-size: 20px; font-weight: bold; color: #031242; line-height: 46px;}
.about_single ul li p{ font-size: 16px; font-weight: normal; color: #555555; line-height: 26px;}

.price_single{ background: #fff; padding: 60px 0; min-width: 1366px;}
.price_single h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.price_single .box_shadow{box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); width: 1366px; margin:40px auto 20px;}
.price_single .table{border-collapse: collapse; table-layout:fixed;background:#fff; font-size: 14px; }
.price_single .table tr:hover td{ background: #f7f9fe;}
.price_single .table tr th{ line-height:24px; padding:18px 10px; background:#509bdc; border-bottom:1px solid #509bdc; text-align:left;word-break: break-all; font-weight:bold; color:#fff; font-size: 14px;text-align: center;}
.price_single .table tr td{ background:#fff; line-height:24px; padding:30px 10px; border-bottom:1px solid #d8d8d8; text-align:left; color:#222;word-break: break-all; font-weight:normal;text-align: center;}
.price_single .table tr td em.old{ color: #8f8f8f; font-size: 12px; text-decoration: line-through; font-style: normal; margin: 0 5px;}
.price_single .table tr td.sty_td{ background: #eaf4fb; font-weight:bold; color:#000;}

.advantage_single{ background: linear-gradient(180deg,#509bdc,#e2f9ff); padding: 60px 0; min-width: 1366px;}
.advantage_single h2{ text-align: center; font-weight: bold; color: #fff; font-size: 36px;}

.advantage_single ul{ width: 1405px; margin: 30px auto 20px; display: flex; justify-content: center; flex-wrap: wrap;}
.advantage_single ul li{ width: 406px; margin: 15px 20px; background: #fff; border-radius: 4px; padding:20px 20px 30px 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; align-items: center; box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); } 
.advantage_single ul li i {width: 64px; height: 64px; display: block; margin:0 20px 0 30px;}
.advantage_single ul li i.icon1{background: url("../images/icon_single01.png") no-repeat;}
.advantage_single ul li i.icon2{background: url("../images/icon_single02.png") no-repeat;}
.advantage_single ul li i.icon3{background: url("../images/icon_single03.png") no-repeat;}
.advantage_single ul li i.icon4{background: url("../images/icon_single04.png") no-repeat;}
.advantage_single ul li i.icon5{background: url("../images/icon_single05.png") no-repeat;}
.advantage_single ul li i.icon6{background: url("../images/icon_single06.png") no-repeat;}
.advantage_single ul li .word{ flex: 1;}
.advantage_single ul li h5{ font-size: 18px; font-weight: bold; color: #031242; line-height: 36px;}
.advantage_single ul li p{ font-size: 14px; font-weight: normal; color: #555555; line-height: 22px;}

.domain_youhui_huodong {margin-top: -90px; background: #f9fafc;  width: 100%; text-align: center;}
.h_dz{height: 195px; display: block;  width: 100%;}
.domain_youhui_huodong .banner_animation{  width:100%;height:300px; background:linear-gradient(135deg,#0287d3,#02adf2,#a8e6ff); position:relative; overflow:hidden;}
.domain_youhui_huodong .ripple { position:absolute; border:3px solid rgba(255,255,255,0.3); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}
.domain_youhui_huodong .particle { position:absolute; width:6px; height:6px; background:rgba(255,255,255,0.4); border-radius:50%; opacity:0.6;}
.huodong_notice{position: relative;margin: -200px auto;}
.huodong_notice h1 {font-size:48px; font-weight:700; color:#fff; padding:15px 30px; margin:0; letter-spacing: 5px; text-shadow: 0 2px 4px rgba(0,210,255,0.6), 0 4px 8px rgba(58,123,213,0.4), 0 8px 16px rgba(0,176,155,0.3);}
.animated-arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid white; margin: 10px auto; animation: bounce 1s infinite;}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}
.notice_box { width: 800px; margin:50px auto 0; padding: 25px 25px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border: 8px solid transparent; border-radius: 15px; background: linear-gradient(white, white) padding-box,linear-gradient(to right, #feba7e, #ff8c66, #feba7e) border-box;}
.notice_title {font-size: 18px;color: #333;margin-bottom: 10px;}
.notice_content {font-size: 16px;color: #000;line-height: 32px;padding: 10px 0; text-align: left; }
.notice_content a{color: #0187ee;}
.notice_content a:hover{color:#02adf2;}
.notice_content .guize{ background: #f7f9fe; padding: 10px 20px; font-size: 14px; display: block; margin: 20px 0; color: #666;}
.huodong_title{margin: 20px auto 0; width: 1366px; padding-bottom: 60px;}

.huodong_title .title{ display: flex; justify-content: center; align-items: center; line-height: 60px; position: relative; margin-top: 50px; }
.huodong_title .title cite{ position: absolute; left: 0; top: -9px; width: 100%;}
.huodong_title .title cite b{ letter-spacing: 0; font-size: 24px;font-size: 24px;font-weight: bold; color: #fff; font-style: normal; background: #0a7df3;background:#02adf2; text-align: center; border-radius: 50px; letter-spacing: 2px; padding: 10px 30px; text-shadow: 0 2px 4px rgba(10,120,243,0.3); transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); backdrop-filter: blur(5px);position: relative; overflow: hidden;}
.gradient_line { height: 3px; background: linear-gradient(90deg, white 0%, #08aff2 50%, white 100%); width: 100%; margin: 20px 0;}
.domain_youhui_huodong .table_1{background: #fff;margin: 40px auto 0;}
.box_shadow{ box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); }

/* -----------------------域名转入----------------------- */
.domain_transfer{ background: #fff url("../images/transfer_banner_bg.jpg") no-repeat center top; background-size: 100% 575px; margin-top: -90px;}
.transfer_img{height: 260px; background: url("../images/banner_txt_transfer.png") no-repeat center 140px;}
.transfer{ width: 960px; margin:0 auto;}
.transfer .common_input{ padding: 10px; font-size: 14px; resize: none; border: none; outline:none; overflow: auto; position: relative;border: 1px solid #bfbfbf;width: calc(100% - 22px); height: 140px;vertical-align: top;border-radius: 8px 8px 0 0;}
.transfer .common_input:hover{border: 1px solid #02adf2;}
.transfer .common_input:focus{border: 1px solid #02adf2;}
.transfer .transfer_btn{width: 130px; background: linear-gradient(-45deg,#02adf2,#4dc5f5); height: 46px; text-align: center; line-height: 46px; font-size: 18px; color: #fff; font-weight: normal; border: 0; cursor: pointer;outline:none; padding:0;border-radius: 50px; margin:7px 0 50px 0;}
.transfer .transfer_btn:hover{ background: linear-gradient(45deg,#02adf2,#4dc5f5);}
.transfer .textarea_p{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; width: 100%;}
.transfer .textarea_p cite{font-style: normal; color: #777; line-height: 20px;}
.transfer .textarea_p a{display: block; color: #192b52; padding: 5px 10px; line-height: 20px; background: #e4e7eb; border-radius: 4px; margin: 10px 0;}
.transfer .textarea_p a:hover{ background:#cee9fc; }
.transfer .textarea_p b{margin-left: 5px;}

.transfer_step{ background: #fff; padding: 60px 0; min-width: 1366px;}
.transfer_step h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.transfer_step .four_step{ height: 320px; background: url("../images/transfer_step.png") no-repeat; display: flex; width: 1265px; margin: 50px auto 20px;}
.transfer_step .four_step li{ width: 315px; list-style: none;}
.transfer_step .four_step li.sty .txt{ color: #222;}
.transfer_step .four_step li .txt{ padding: 80px 50px 10px 20px; color: #fff;}
.transfer_step .four_step li .txt dt{ font-size: 24px; line-height: 56px; font-weight: bold;}
.transfer_step .four_step li .txt dd{ font-size: 16px; line-height: 28px; padding-top: 30px;}

.transfer_advantage{ background: #f9fafc; padding: 60px 0; min-width: 1366px;}
.transfer_advantage h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.transfer_advantage ul.adv{margin: 50px auto; width: 1366px; display: flex; justify-content: center;}
.transfer_advantage ul.adv li{list-style: none; width: 300px; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 0 11px; border-radius: 8px;}
.transfer_advantage ul.adv li i{width: 300px; height: 142px; display: block; border-radius: 8px 8px 0 0;}
.transfer_advantage ul.adv li i.pic1{ background: url("../images/transfer_advantage_img01.jpg") no-repeat top; border-radius: 8px 8px 0 0;}
.transfer_advantage ul.adv li i.pic2{ background: url("../images/transfer_advantage_img02.jpg") no-repeat top; border-radius: 8px 8px 0 0;}
.transfer_advantage ul.adv li i.pic3{ background: url("../images/transfer_advantage_img03.jpg") no-repeat top; border-radius: 8px 8px 0 0;}
.transfer_advantage ul.adv li i.pic4{ background: url("../images/transfer_advantage_img04.jpg") no-repeat top; border-radius: 8px 8px 0 0;}
.transfer_advantage ul.adv li h5{font-size: 18px; font-weight: bold; color: #031242; line-height: 38px; padding: 10px 20px 0;}
.transfer_advantage ul.adv li p{ font-size: 14px; font-weight: normal; color: #555555; line-height: 22px; padding: 0 20px 20px;}

.common_problem{ background: linear-gradient(180deg,#509bdc,#e2f9ff); padding: 60px 0; min-width: 1366px;}
.common_problem h2{ text-align: center; font-weight: bold; color: #fff; font-size: 36px;}

.accordion { margin: 50px auto; width: 1265px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); overflow: hidden;}
.accordion-item {border-bottom: 1px solid #c8dff3; transition: all 0.3s ease;}
.accordion-header { display: flex; justify-content: space-between; align-items: center; padding: 20px;cursor: pointer; transition: background-color 0.2s;}
.accordion-header span{font-size: 16px;}
.accordion-item.active .accordion-header span{font-weight: bold;}
.accordion-header:hover {background-color: #f7f9fe;}
.accordion-item.active .accordion-header { background-color: #eaf4fb;}
.accordion-content { display: none; padding: 0 20px; transition: max-height 0.3s ease, padding 0.3s ease; background-color: #eaf4fb;}
.accordion-item.active .accordion-content { display: block;  padding: 20px;}
.accordion .arrow { width: 16px;height: 16px;transition: transform 0.3s ease; -ms-transition: transform 0.3s ease;}
.accordion-item.active .arrow {transform: rotate(180deg);-ms-transform: rotate(180deg);}

.transfer_result_bg{ background: #f9fafc; padding: 40px 0; min-width: 1366px;}
.transfer_result{background: #fff; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 0 auto; width: 1256px; padding: 20px;}
.transfer_submit_text li{ list-style: none; padding-bottom: 10px;}
.transfer_submit_text li.line{border-bottom: 1px dashed #ccc; margin-bottom: 10px;}
.transfer_submit_text li h2{ font-size: 16px;color: #444;font-weight: bold; display: flex; align-items: center; padding: 10px 0;}
.transfer_submit_text li .icon{ margin-right: 5px;}
.transfer_submit_text li cite{font-style: normal;}
.transfer_submit_text li cite em{font-style: normal; font-weight: normal; color: #666;}
.transfer_submit_text li .p1 {line-height: 20px;padding: 5px 0;color: #666;}

.transfer_result .results_title{ display: flex; justify-content: space-between; align-items: center;}
.transfer_result .results_title cite{ color: #444; font-style: normal;font-size: 16px; font-weight: bold;}
.transfer_result .results_title cite i{width: 4px; height: 20px; display: inline-block; vertical-align: middle; background: #08aff2; border-radius: 50px; margin:-2px 10px 0 0;}
.transfer_result .results_title .agreement-container{margin-right: 26px;}

.transfer_result_bg .moban_gongneng .btn_white_s{line-height: 32px; display: inline-block; vertical-align: middle; min-width: 60px; border-radius: 2px;}
.transfer_result_bg .moban_gongneng a.a_moban{ margin: 0 10px; color: #0187ee;}
.transfer_result_bg .moban_gongneng a.a_moban:hover{ color: #1a52ae;}

.transfer_result_bg{ background: #f9fafc; padding: 40px 0; min-width: 1366px;}
.transfer_result_bg .moban_gongneng input{height: 32px;line-height: 32px;border: 1px solid #e1e1e1; border-radius: 2px; width: 180px; padding: 0 5px; font-size: 14px; margin: 0 10px; outline: none;}
.transfer_result_bg .moban_gongneng input:hover{ border: 1px solid #08aff2;}
.transfer_result_bg .pages{padding: 20px 0;}
.transfer_result_bg .pages .go{height: 34px; line-height: 34px;}

.dns_tr{ margin: 0 0 20px 0;}
.dns_tr cite{ font-style: normal; display: inline-block; vertical-align: top;}
.dns_tr .danxuan{ display: inline-block; vertical-align: top;}
.dns_tr .danxuan ul {display: flex;}
.dns_tr .danxuan .radio-container{margin: 0;}
.dns_tr .danxuan .checkmark{top:0;}
.dns_tr .danxuan ul li{ display: flex; align-items: center; padding: 0;}
.dns_tr .danxuan ul li a:hover .pop_txt {opacity: 1;display: block;}
.transfer_submit_text li .jieshou .dns_tr .danxuan ul li a.icon{margin: 0;}
.dns_tr .danxuan ul li .wenhao{margin: -2px 30px 0 5px; display: inline-block; vertical-align: middle;}
.dns_tr .danxuan ul li .pop_txt{right: inherit; left: -50px; top: 30px; color: #333; text-align: left; font-size: 14px; line-height: 24px; padding: 10px; width: 320px;}

.transfer_shouquan{margin: 20px auto; background: #eaf4fb; padding: 20px;}
.transfer_shouquan dt{ line-height: 30px; font-weight: bold; font-size: 14px; color: #171717;}
.transfer_shouquan dd{ line-height: 30px; margin: 10px 0; border-bottom: 1px dashed #dfdfdf;}
.transfer_shouquan dd i{width: 6px; height: 6px; background: #02adf2; border-radius: 50px; margin-right: 10px; display: inline-block; vertical-align: middle;}

.danxuan.shouquan{ background: #f8f8f8; padding: 20px; margin-top: 10px;}
.danxuan.shouquan .checkmark{ top:0;}

.hint_result.min_h{min-height: calc(100vh - 587px);}
.hint_result{ display: flex; justify-content: center; margin-top: 30px; }
.hint_result .icon{ padding:0 20px 0 0;}
.hint_result .txt.sty h2{ line-height: 60px;}
.hint_result .txt.sty p{margin: 0;}
.hint_result .txt h2{ font-weight: bold; line-height: 40px; color: #171717; font-size: 22px;}
.hint_result .txt h5{ font-weight: normal; line-height: 26px; color: #444; font-size: 16px;}
.hint_result .txt p{ margin: 20px 0;}
.hint_result .txt p a{margin: 0 5px; color: #08aff2;}
.hint_result .txt p a:hover{margin: 0 5px; color: #1a52ae;}

.qiangzhu_menu{display: flex; justify-content: space-between; align-items: center;}
.qiangzhu_menu ul{overflow: hidden; margin:40px 5px 0 5px;}
.qiangzhu_menu ul li{ list-style: none; padding: 0 30px; margin: 0 5px; text-align: center; float: left; line-height: 40px;font-size: 16px; color: #555;  }
.qiangzhu_menu ul li.hover,.qiangzhu_menu ul li.hover:hover{ background: linear-gradient(0deg,#eaf4fb,#eaf4fb,#ffffff); border-radius: 50px; height: 40px; color: #1a52ae; font-weight: bold;}
.qiangzhu_menu ul li:hover{ background: #b7dffb; border-radius: 50px;cursor: pointer;}
.qiangzhu_menu .a_guize{ text-align: right; color: #192b52; line-height: 20px; margin: 60px 10px 0 0;}
.qiangzhu_menu .a_guize em{font-style: normal; font-weight: bold; margin: 0 5px;}
.qiangzhu_menu .a_guize:hover{ color:#02adf2; }

.options_li{ height: 36px; display: flex; align-items: center;}
.query_bar.display_block select.select_sty {border: 1px solid #ccc; border-radius: 2px; line-height: 36px;height: 36px; padding-left: 5px; background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center/12px 8px;}

select{/* 清除默认箭头样式 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* 添加右侧内边距防止文字重叠 */
  padding-right: 28px;
  
  /* 设置自定义SVG箭头 */
  background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 
    no-repeat right 10px center/12px 8px;}
/* IE兼容处理 */
select::-ms-expand {
  display: none;
}
.query_bar.display_block .select_sty select option{margin-right: 10px;}
/*textarea框聚焦弹出*/
.keyword_textarea{ position: relative; width: 118px;}
.keyword_textarea .textarea { position: absolute; width: 110px; height: 24px; line-height: 24px; padding: 5px 3px; border: 1px solid #d0d0d0; background: #fff; font-size: 14px; transition: height 0.2s ease-out;}
.keyword_textarea .textarea:focus { height: 200px; outline: none; border-color: #d0d0d0; box-shadow: 0 0 5px rgba(0,0,0,0.2); z-index: 100;}
.keyword_textarea.wk{ width: 268px;}
.keyword_textarea.wk .textarea{width: 260px;}

.query_bar{ margin-bottom: 20px; display: flex; align-items: center;}
.query_bar cite{font-style: normal;}
.query_bar .name{ line-height: 36px;}
.query_bar .name.w1{width:105px; text-align: right;}
.query_bar .name.w2{width: 70px; text-align: right;}
.query_bar .lr_10{margin: 0 10px;}
.query_bar .input{height: 34px; line-height: 34px; border: 1px solid #d0d0d0; border-radius: 2px; width: 13%; padding: 0 5px; font-size: 14px; outline: none;}
.query_bar .input:hover{ border: 1px solid #08aff2;}
.query_bar .input.w1{width: 110px; padding: 0 3px;}
.input_time_txt{border:1px solid #d0d0d0; width:85px; padding:0 20px 0 4px; background:#fff url(../../images/member/icon_calendar.gif) no-repeat right center;line-height:35px; height:34px; font-size:14px; outline:none;display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.query_bar.display_block{ display: block;}
.query_bar ul{ width: 100%; display: flex;}
.query_bar li{ list-style: none; margin-right: 30px; display: flex; flex-wrap: wrap; }
.query_bar li.w_1{width: 340px;}
.query_bar li.w_2{width: 260px;}
.query_bar li.w_3{width: 380px;}
.query_bar li.p_l{padding-left: 40px;}

.query_bar.display_block.sty{display: flex; margin: 0;}

.select_houzhui {border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s; border: 1px solid #d0d0d0;background: #fff;border-radius: 2px; line-height: 34px; margin: 0 -1px;}
.select_houzhui:hover {border-color: #08aff2;}
.select_houzhui .p{padding-left: 5px;}
.select_houzhui .v_icon{ margin-left: 8px; margin-right: 10px; transition: transform 0.3s;}
.domain_selector_dropdown.hover .select_houzhui .v_icon { transform: rotate(180deg);}

.query_bar li .input_down{ position:absolute; top:35px; left:0; z-index: 1; background:#fff;border: 1px solid #cccccc; box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); width:144px; margin:0; display: block; animation: fadeIn 0.5s ease-out forwards;}
.query_bar li .input_down li{ list-style:none; line-height:36px; border-bottom:1px dashed #dfdfdf; text-align:left; padding:0 10px; cursor:pointer; width: 124px;}
.query_bar li .input_down li:hover{ background:#fff;color:#2d86da;}
.query_bar li .input_down li.bor_b{ border-bottom:none; }

.query_btn{ margin: 20px 0; display: flex; justify-content: center; align-items: center;}
.query_btn .btn_black_s,.query_btn .btn_blue_s,.query_btn .btn_white_s{ line-height: 36px; min-width: 80px; margin: 0 10px; padding: 0 16px;}
.query_btn a.black_p{ color: #192b52;}
.query_btn a.black_p:hover{ color: #02adf2;}

.my_query{margin: 20px auto 0; text-align: left; display: flex;}
.my_query cite.txt_name{ width: 90px; text-align: right; font-style: normal;flex: 0 0 auto;line-height: 26px;}
.my_query ul{ display: flex; flex-wrap:wrap; flex: 1; }
.my_query li{ padding: 3px 0; font-size: 13px; list-style: none;}
.my_query li .li_box{ border: 1px solid #ccc;line-height: 20px; padding: 0 25px 0 5px;position: relative; margin-right: 10px;  color: #555; background: #fff; }
.my_query li .li_box .del_icon{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url("../images/icon_my_query_del.png") no-repeat top;}
.my_query li .li_box:hover,.my_query li .li_box.hover{border: 1px solid #269df4; cursor:pointer;}
.my_query li .li_box .del_icon:hover{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #269df4 url("../images/icon_my_query_del.png") no-repeat 0 -22px;}

/*域名后缀选择器*/
.domain_selector_dropdown{position: relative;}
.domain_selector_dropdown b{ display:block; text-align:left; line-height:34px; font-size:14px; font-weight:normal; background:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc; padding-left:5px;  position:relative; color:#222; cursor:pointer;}
.domain_selector_dropdown b .down{ position:absolute; right:0; top:-1px; width:19px; height:36px; display:block;background:url(../../images/member/selBtn.png) no-repeat ;}
.domain_selector_dropdown.hover .pop{display:block;}
.domain_selector_dropdown .pop.w1{width: 460px;}
.domain_selector_dropdown .pop.w2{width: 372px;}
.domain_selector_dropdown .pop{ position:absolute; left:-1px; top:33px; background:#ffffff; border:1px solid #cccccc;width:814px; padding: 10px 0; text-align:center; z-index:1; display:none;box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07); }
.domain_selector_dropdown .pop h2{ font-size:14px; color:#0187ee; margin:0; cursor:pointer;text-align:left; }
.domain_selector_dropdown .pop h2:hover{ text-decoration:underline;}
.domain_selector_dropdown .pop .suffix{flex: 1;}
.domain_selector_dropdown .pop .suffix ul{margin:0; text-align:left; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.domain_selector_dropdown .pop .suffix ul li{ list-style:none; width:85px; padding: 5px; line-height:20px; border:1px solid #ffffff; border-radius: 4px; background: #f7f9fe; margin:2px 6px 2px 0; cursor:pointer; color:#222;}
.domain_selector_dropdown .pop .suffix ul li:hover{ border: 1px solid #08aff2; }
.domain_selector_dropdown .pop .suffix ul li.link_expand{ border:none; color:#222; background:#eee; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; width: 75px;}
.domain_selector_dropdown .pop .suffix ul li.link_expand:hover{ border:none;color: #0187ee;background:#eee;}
.domain_selector_dropdown .pop .suffix ul li.link_expand.shouqi .v_icon{transform: rotate(180deg);}
.domain_selector_dropdown .pop.w1,.domain_selector_dropdown .pop.w2{padding: 0;}
.domain_selector_dropdown .pop.w1 .tr,.domain_selector_dropdown .pop.w2 .tr{padding: 10px;}
.domain_selector_dropdown .pop.w1 .tr .suffix ul li,.domain_selector_dropdown .pop.w2 .tr .suffix ul li{ text-align: center; line-height: 30px; justify-content: center; width:70px;}
.domain_selector_dropdown .pop.w1 .tr.btn_box .btn_black_s,.domain_selector_dropdown .pop.w2 .tr.btn_box .btn_black_s{min-width: inherit;}


.domain_selector_dropdown .pop .suffix ul li:hover{color: #0187ee;background:#eaf4fb; border:1px solid #eaf4fb;}
.domain_selector_dropdown .pop .suffix ul li.hover{color: #ffffff;background:#08aff2; border:1px solid #08aff2;}
.domain_selector_dropdown .pop .tr{ display: flex; align-items: center;border-bottom:1px dashed #dfdfdf;padding: 10px 20px;}
.domain_selector_dropdown .pop .tr cite{font-style: normal; line-height: 36px; margin-right: 10px; text-align: right;}
.domain_selector_dropdown .pop .tr .shortcut{ display: flex; flex-wrap: wrap;}
.domain_selector_dropdown .pop .tr .shortcut a{ line-height:34px;width:auto; padding:0 10px; min-width:48px;margin:0 5px 0 0; border:1px solid #aaa;background:#fff; color:#444; border:1px solid #ccc; cursor:pointer; background: linear-gradient(to bottom, #fff, #f4f4f4);border-radius: 4px; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.domain_selector_dropdown .pop .tr .shortcut a:hover{color:#0187ee;border:1px solid #0187ee;}
.domain_selector_dropdown .pop .tr .shortcut a.hover{line-height:34px;border: 1px solid #fd5908;color: #fd5908;}
.domain_selector_dropdown .pop .tr .shortcut a.ml{ margin-left:10px;}
.domain_selector_dropdown .pop .tr .shortcut a.btn_disabled{ background:#bdbdbd;border:1px solid #bdbdbd; color:#efefef;cursor:default;}
.domain_selector_dropdown .pop .tr .shortcut a.btn_disabled:hover{background:#bdbdbd; }

.btn_black_s{ padding: 0 12px; line-height: 36px; color: #fff; background: #192b52; border-radius: 4px; text-align: center; display: inline-block;}
.btn_black_s:hover{background: #203768;}
.btn_blue_s{ padding: 0 12px; line-height: 36px; color: #fff; background: #08aff2; border-radius: 4px; text-align: center; display: inline-block;}
.btn_blue_s:hover{background: #4dc5f5;}
.btn_white_s{ padding: 0 10px; line-height: 34px; color: #031242; background: #fff; border: 1px solid #ccc; border-radius: 4px; text-align: center; display: inline-block;}
.btn_white_s:hover{ background: #f4f4f4; border: 1px solid #ccc;}
.btn_orange_s{ padding: 0 12px; line-height: 36px; color: #fff; background: #ff833f; border-radius: 4px; text-align: center; display: inline-block;}
.btn_orange_s:hover{background: #ff6802;}
.btn_blue_s.ml,.btn_white_s.ml,.btn_orange_s.ml{margin-left: 10px;}
.domain_selector_dropdown .pop .tr.btn_box{margin: 20px 0; text-align: center; justify-content: center; padding: 0; border: none;}
.domain_selector_dropdown .pop .tr .btn_blue_s,.domain_selector_dropdown .pop .tr .btn_white_s,.domain_selector_dropdown .pop .tr .btn_black_s{line-height: 36px; margin:0 10px; padding: 0 16px; }
.domain_selector_dropdown .pop .tr.btn_box .btn_blue_s,.domain_selector_dropdown .pop .tr.btn_box .btn_white_s,.domain_selector_dropdown .pop .tr.btn_box .btn_black_s{ min-width: 80px;}
.query_bar .btn_black_s,.query_bar .btn_blue_s{line-height: 36px; padding: 0 16px; }
.btn_white{ padding: 0 12px; line-height: 44px; color: #031242; background: #fff; border: 1px solid #ccc; border-radius: 4px; text-align: center; display: inline-block;}
.btn_white:hover{background: #f4f4f4; border: 1px solid #ccc;}
.btn_blue{ padding: 0 12px; line-height: 46px; color: #fff; background: #08aff2; border-radius: 4px; text-align: center; display: inline-block;}
.btn_blue:hover{background: #4dc5f5;}
.btn_blue.btn_disabled,.btn_blue_s.btn_disabled,.btn_black_s.btn_disabled,.btn_white.btn_disabled{ background:#bdbdbd;border:1px solid #bdbdbd; color:#efefef;cursor:default;}
.btn_blue.btn_disabled:hover,.btn_blue_s.btn_disabled:hover,.btn_black_s.btn_disabled:hover,.btn_white.btn_disabled:hover{background:#bdbdbd; }

.btn_left1{ display: flex; align-items: center;}
.btn_left1 i{width: 234px; }
.btn_left1 .btn_table{flex: 1;}
.btn_left1 .btn_table .btn_blue,.btn_left1 .btn_table .btn_white{min-width: 90px; margin: 20px 0; box-shadow: 0px 2px 6px 0px rgba(142, 143, 151, 0.2);}

/*下拉框带搜索*/
.dropdown-container {position: relative;width: 300px;height: 34px;text-align: left;}
.dropdown-container.active{border: 1px solid #08aff2;border-radius: 4px 4px 0 0 ;width: 298px;height: 32px;}
.select-box { padding: 5px 35px 5px 10px; line-height: 22px; height: 22px; color: #cccccc; border: 1px solid #ddd; border-radius: 4px; background: white; cursor: pointer; position: relative;display: block; }
.select-box::after { content: ""; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #555; transition: transform 0.3s;}
.dropdown-content {left: -1px; position: absolute; width: 100%;max-height: 0;border-radius: 0 0 4px 4px;  overflow: hidden; border: 1px solid transparent; background: white; z-index: 1000; transition:  max-height 0.3s ease-out, border-color 0.3s ease-out, padding 0.3s ease-out;}
.search-input { width: 100%; padding: 10px 15px; height: 32px; border: none; border-bottom: 1px solid #eee; font-size: 14px; box-sizing: border-box;border-radius: 4px 4px 0 0 ; display: none;}
.dropdown-item { padding: 10px;cursor: pointer; transition: background 0.2s;}
.dropdown-item:hover { background: #f5f5f5;}
.no-results { padding: 10px;color: #999; text-align: center;background: #f7f9fe;}
.dropdown-container.active .select-box {display: none;}
.dropdown-container.active .search-input {display: block;}
.dropdown-container.active .dropdown-content { border: 1px solid #08aff2;border-top: none; max-height: 300px;overflow-y: auto;box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.dropdown-container.active .select-box::after {transform: translateY(-50%) rotate(180deg);}

.pop_shuoming{position: relative; margin-left: 5px; margin-top: 8px;}
.pop_shuoming:hover .pop_txt{opacity:1; display: block; top: 24px;}

/*出价*/
.chujia{display: flex; background: #fff; background: #fff; padding: 30px; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 20px 10px 80px;}
.chujia .bidding_details{ flex: 1;}
.chujia .bidding_details .display_flex { justify-content: space-between;}
.chujia .bidding_details .ymname{ font-style: normal; font-weight: bold; font-size: 36px; word-break: break-all; word-wrap: break-word;flex: 1;}
.chujia .bidding_details .pbox{display: flex; align-items: center; text-align: right; flex: 0 0 auto;}
.chujia .bidding_details .pbox a.a_blue{color: #02adf2; margin-left: 10px;}
.chujia .bidding_details .pbox a.a_blue:hover{ color: #1a52ae;}


.chujia .bidding_details .blue_box{ background:#eaf4fb; border-radius: 8px; text-align:center; padding:20px 0; display: flex; align-items: center; margin:10px 0;}
.chujia .bidding_details .blue_box li{ flex: 1; text-align:center; font-size:14px; color:#444; list-style:none; line-height:40px;}
.chujia .bidding_details .blue_box li.line{ border-right:1px solid #ccdae5;}
.chujia .bidding_details .blue_box li .p1{ line-height:26px; margin:0; font-size:14px;}
.chujia .bidding_details .blue_box li .p2{ line-height:36px; margin:0; font-size:18px;}
.chujia .bidding_details .blue_box li b{ font-weight:bold; color:#333; font-size:18px;}
.chujia .bidding_details .blue_box li b span{ font-size:16px;}

.chujia .bidding_details .table_leftbox{ margin: 20px 0;}
.chujia .bidding_details .table_leftbox .table_2 tr th{ color: #192b52; font-weight: bold;}
.chujia .bidding_details .table_leftbox .table_2 tr td a{color: #246ba1;}
.chujia .bidding_details .table_leftbox .table_2 tr td a:hover{color: #0187ee;}
.chujia .bidding_details .table_leftbox .table_2 tr td .icon{display: inline-block; vertical-align: middle;}
.chujia .bidding_details .table_leftbox .table_2 tr td.table_pop .pop_txt{ right: inherit; left: 0; width: auto; text-align: left;}
.chujia .bidding_details .table_leftbox .table_2 tr td .biger{font-size: 18px;}
.chujia .bidding_details .table_leftbox .ml_left{ margin:20px 0 20px 211px; }
.chujia .bidding_details .table_leftbox .reminder{ margin: 10px 0px 20px;}
.chujia .bidding_details .table_leftbox .table_box{margin: 20px 0;}
.chujia .bidding_details .table_leftbox .load_more a{padding: 20px; color: #000;}
.chujia .bidding_details .table_leftbox .load_more em{ font-style: normal; width: 16px; height: 16px; display: inline-block; vertical-align: middle; line-height: 16px; font-size: 11px;  text-align: center;color: #ffffff; background: #5b6e97; border-radius: 50px; margin-left: 10px;}
.chujia .bidding_details .table_leftbox .load_more a:hover{ color: #1a52ae;}
.chujia .bidding_details .table_leftbox .load_more a:hover em{background: #02adf2;}
.chujia .bidding_details .table_leftbox .table_1 tbody tr.bgcolor_yellow {background: #fcfbf0;}
.chujia .bidding_details .table_leftbox .table_2 tr td .danxuan .checkmark{top:0;}

.chujia .rlist{ width: 400px; margin-left: 20px; flex: 0 0 auto;} 
.rule_box_a2{background:#fff; border: solid 1px #e9e9e9;color:#666; line-height:24px; margin-bottom: 15px;border-radius: 8px 8px 0 0;}
.rule_box_a2.no_border_bottom{ border-bottom: none;}
.rule_tit{ background: #f7f7f7;color: #333333; padding: 8px 10px; font-size:14px; border-bottom: solid 1px #e9e9e9; font-weight: bold;border-radius: 8px 8px 0 0;}
.rule_tit a.r_link{float: right; font-weight: normal; color: #0187ee; font-size:12px;}
.rule_tit a.r_link:hover{ color: #1a52ae;}
.rule_box_a2 .store_p{ padding:15px 10px;}
.rule_box_a2 a{color:#0187ee;}
.rule_box_a2 a:hover{color:#ff6803;}
.rlist .rule_box_a2 .store_p{ font-size:14px; color:#666; line-height:26px;}
.rlist .rule_box_a2 .store_p dt{ font-weight:bold;}
.rlist .rule_box_a2 .store_p dd{ padding-bottom:20px;}
.rlist .rule_box_a2 .store_p dd a{color:#0187ee; }
.rlist .rule_box_a2 .store_p dd a:hover{ color:#ff6803;}

.rlist .rule_box_a1{padding: 10px;background: #eaf4fb;overflow: hidden; margin-bottom: 15px;border-radius: 4px;}
.rlist .rule_box_a1 .store_name h2{ font-size:18px; line-height:30px; font-weight:bold; color:#ff6803; border:none; padding:0; margin:0 0 5px 0;}
.rlist .rule_box_a1 .store_name a{color:#0187ee; font-size:14px;}
.rlist .rule_box_a1 .store_name a:hover{color:#ff6803;}
.rlist .rule_box_a1 .store_name p{ color:#666; font-size:14px;}

.chujia .rlist .table_2.no_border tr td{border: none; padding: 5px 10px;}
.chujia .rlist .table_2 tr td a.a_blue{ color: #02adf2;}
.chujia .rlist .table_2 tr td a.a_blue:hover{ color: #1a52ae;}


/*忘记密码*/
.steps-container {display: flex; justify-content: space-between; width:90%; margin: 60px auto; position: relative; padding: 0 30px; }
.step {display: flex;align-items: center;position: relative;z-index: 1;flex: 1;}
.step.on .step-number {background-color: #08aff2; } 
.steps-container .step.on cite {color: #08aff2; font-weight: bold;}    
.steps-container .step.on i{ background: #08aff2;}
.step.sty{flex: 0 0 auto;}
.step-number {font-weight: bold;width: 36px;height: 36px;border-radius: 50%;background-color: #ccc;color: white;display: flex;align-items: center;justify-content: center;font-size: 16px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);flex-shrink: 0;position: relative; z-index: 2;flex: 0 0 auto;}
.step-content {display: flex; align-items: center;text-align: left;flex: 1;}
.steps-container cite {font-style: normal;flex: 0 0 auto;font-weight: normal;margin: 8px;font-size: 16px;color: #333; }
.steps-container i{ flex: 1; height: 3px; border-radius: 12px; background: #ccc; display: block; margin-right: 10px;}

/*批量离线*/
.batch_offline{font-size: 14px; margin: 40px auto 0; width: 1000px; padding:0 0 60px 0;min-height: calc(100vh - 467px);}
.min_h_sty1{min-height: calc(100vh - 430px);}
.batch_offline.sty{ padding: 0; min-height: auto;}
.batch_offline .common_input{width: 960px; height: 160px; border: 1px solid #bfbfbf; font-size: 14px; resize: none; vertical-align: top; padding: 10px 0 0 10px; overflow: auto;  position: relative; outline:none;border-radius: 8px 8px 0 0;}
.batch_offline .common_input:hover{border: 1px solid #02adf2;}
.batch_offline .common_input:focus{border: 1px solid #02adf2;}
.batch_offline h2{ font-size: 32px; line-height: 46px; color: #222; text-align: center; margin-bottom: 20px;font-weight: bold;}
.batch_offline .common_input{ display: block; border-radius: 8px; padding: 10px; width: 980px; background: #fff; margin: 10px 0;}
.batch_offline .common_input textarea{background: none; height:100%; border: none; width: 100%;}
.batch_offline .domain_query_btn{margin: 30px 0; font-size: 16px; font-weight: bold; width: 150px; height: 52px;background: linear-gradient(-45deg,#02adf2,#4dc5f5); color: #fff; font-weight: normal; border: 0; cursor: pointer;outline:none; padding:0;border-radius: 50px; }
.batch_offline .domain_query_btn:hover{ background: linear-gradient(45deg,#02adf2,#4dc5f5);}
.batch_offline .display_flex{justify-content: space-between; align-items: flex-end;}
.batch_offline .display_flex p{ text-align: left; color: #555;}
.batch_offline .display_flex a.a_blue{ text-align: right; color: #555;}
.batch_offline .display_flex a.a_blue:hover{color: #08aff2;}
.batch_offline .reminder{margin: 30px 0;}

.table_box.midian_box{ padding: 0 0 5px; margin: 30px auto 20px;}
.table_box.midian_box .query_bar{ margin: 30px 0;}
.table_box.midian_box .my_query{margin: 20px;}
.my_midina{ background: #eaf4fb; padding: 20px; overflow: hidden; margin-top: 20px;}
.my_midina a.a_blue{ color: #02adf2;}
.my_midina a.a_blue:hover{ color: #1a52ae;}
.rice_shop_logo{float:left;margin-left:10px;width:120px; height:150px; overflow:hidden;text-align:center;line-height:20px;}
.rice_shop_logo .img{width:120px; height:120px; overflow:hidden;  display:block; background:#ffffff;}
.rice_shop_logo .img b{ display:inline-block; vertical-align:middle; height:100%;}
.rice_shop_logo .img img{ min-width:120px; max-width:120px; vertical-align:middle;}
.rice_shop_logo a{display:block; margin-top:10px;}
.rice_shop_detailed{float:left; width:520px; padding:0 10px 0 20px;}
.rice_shop_detailed h2{ color:#f88216; font-size:20px; line-height:42px; display:block;border:none; padding:0; margin:0; font-weight:bold;}
.rice_shop_detailed ul{ margin:10px 0;}
.rice_shop_detailed ul li{ float:left; width:50%; line-height:26px; margin-bottom:0; list-style:none;} 
.rice_shop_notice{ float:right; border-left:1px solid #cccccc; padding:0 20px; width:250px;  height:150px; overflow:hidden;}
.rice_shop_notice h2{ font-size:15px; line-height:42px;border:none; padding:0; margin:0; font-weight:bold;}

.rice_shop_list{width:100%; display: flex; flex-wrap: wrap;}
.rice_shop_list li{ list-style: none; width:calc(25% - 21px); padding:10px; list-style:none;border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.rice_shop_list li:hover{background:#f7f7f7;}
.rice_shop_list li.bor_r_no{ border-right:none; width:calc(25% - 20px);}
.rice_shop_list li a{font-weight:bold; font-size:16px; line-height:30px;color:#02adf2;}
.rice_shop_list li a:hover{ color:#1a52ae;}
.rice_shop_list li p{color:#333333; line-height:24px;width:225px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rice_shop_list li p span{ color:#777777;}
.rice_shop_list li p b{ font-size:15px;}
.rice_shop_list li em.line{ border-right:1px dashed #dfdfdf;}
.rice_shop_list li em{ font-style:normal; display:inline-block; *display:inline;*zoom:1; vertical-align:top; color:#444; width:48%; text-align:center; margin-top:10px;}
.rice_shop_list li em h3{font-size:15px; font-weight:bold;}
.rice_shop_list li em h5{color:#777777; font-weight:normal; font-size:13px;}

.transaction_tab{ border-bottom:3px solid #08aff2; height:44px; background:#fff; position:relative; margin:20px 0 0 0;}
.transaction_tab .com_tab_box { float:left; width:1116px;}
.transaction_tab.sty{ border-left:none; height:auto;}
.transaction_tab.sty .tit1{ font-size:18px;padding:0; border:none;}
.transaction_tab .arrow_left{ float:left; border-top:1px solid #dddddd;border-right:none; border-left:1px solid #dddddd;border-bottom:none;padding:0;width:20px;display:block;width:20px; height:44px;background:url(../images/tit_arrow01.gif) 0 -42px no-repeat; outline:none; cursor:pointer;}
.transaction_tab .arrow_left.no{ display:block;width:20px; height:43px;background:url(../images/tit_arrow01.gif) no-repeat;}
.transaction_tab .arrow_right{ float:right;width:20px;border-top:1px solid #dddddd;border-right:1px solid #dddddd; border-left:1px solid #dddddd;border-bottom:none;padding:0;display:block;width:20px; height:44px;background:url(../images/tit_arrow02.gif) 0 -42px no-repeat; outline:none; cursor:pointer;}
.transaction_tab .arrow_right.no{ display:block;width:20px; height:44px;background:url(../images/tit_arrow02.gif) no-repeat;}

.transaction_tab li.border_r{border-right:1px solid #dfdfdf;}
.transaction_tab li{ float:left; padding:0 15px; line-height:44px; border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf; color:#222; font-size:14px; text-align:center; list-style:none;}
.transaction_tab .link{ position:absolute; right:0; top:0; line-height:50px; color:#269df4; display:block;}
.transaction_tab .link:hover{ color:#ff6803;}
.transaction_tab li:hover{ cursor:pointer; color:#269df4;}
.transaction_tab li.on,.transaction_tab li.on.bg{ background:#08aff2; color:#ffffff;border-top:1px solid #08aff2;border-left:1px solid #08aff2;}
.transaction_tab li.on.bg{ font-weight:normal;}
.transaction_tab li.bg{ background:#fff;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf; line-height:43px; font-weight:bold; color:#f00;}

/*whois*/
.whois_title{font-size: 32px; text-align: center; font-weight: bold;line-height: 3em;}
.table_box.whois{ padding: 20px 0; min-height: calc(100vh - 507px); margin: 20px 10px 40px;}    
.table_box.whois .wenzi{background: #eaf4fb; padding: 20px; display: flex; justify-content:space-between; margin: 80px 30px 30px;}
.table_box.whois li{width: 49%; list-style: none;}
.table_box.whois li h3{font-size: 16px; line-height: 40px; color: #222;}
.table_box.whois li p{font-size: 14px; line-height: 26px; color: #888;}
.table_box.whois li.line{ border-right: 1px solid #dfdfdf;}
.whois_content{ padding: 20px;}
.whois_content h2{ font-size: 16px; border-bottom: 1px solid #dfdfdf; position: relative; height: 50px; margin: 10px 0;}
.whois_content h2 cite{ position: absolute; left: 0; bottom: -2px; line-height: 30px; padding: 10px 0;border-bottom: 4px solid #192b52; font-size: 18px; font-style: normal;}
.whois_content h2 cite b{font-weight: bold; color: #02adf2; margin: 0 3px; max-width: 400px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
.whois_content .zhuce_xinxin{ display: flex; justify-content: space-between;}
.whois_content .zhuce_xinxin .left_xinxi{ flex: 1;} 
.whois_content .zhuce_xinxin .left_xinxi .title{ line-height: 50px; font-size: 14px;}
.whois_content .zhuce_xinxin .no_content {border: 1px solid #dfdfdf;padding: 20px;padding: 60px 0;text-align: center;}
.whois_content .zhuce_xinxin .no_content dt {font-size: 16px;line-height: 40px;color: #000;}
.whois_content .zhuce_xinxin .no_content dd {font-size: 14px;color: #888;}
.whois_content .zhuce_xinxin .no_content .btn {min-width:80px; margin:30px 0; padding: 0 12px; line-height: 46px; color: #fff; background: #08aff2; border-radius: 4px; text-align: center; display: inline-block;}
.whois_content .zhuce_xinxin .no_content .btn:hover { background: #4dc5f5;}

.whois_content .zhuce_xinxin .right_tuijian{ width: 400px; margin-left: 20px; flex: 0 0 auto;}
.whois_content .zhuce_xinxin .right_tuijian .title{ line-height: 50px; font-size: 16px; font-weight: bold;}
.whois_content .zhuce_xinxin .right_tuijian .table_1 h5{font-size: 16px; font-weight: bold; color: #222;}
.whois_content .zhuce_xinxin .left_xinxi .table_2 h5{font-size: 14px; font-weight: bold; color: #222;}
.whois_content .zhuce_xinxin .right_tuijian .table_1 p,.whois_content .zhuce_xinxin .left_xinxi .table_2 p{font-size: 14px; color: #888;}  
.whois_content .zhuce_xinxin .left_xinxi .table_2 p{font-size: 13px; color: #888;}  
.whois_content .zhuce_xinxin .right_tuijian .table_1 a.a_blue{ color: #02adf2;}
.whois_content .zhuce_xinxin .right_tuijian .table_1 a.a_blue:hover{ color: #1a52ae;}
.whois_content .zhuce_xinxin .right_tuijian .table_1 table td { background: #eaf4fb; border: none;}
   
.icontishi_pop{display: inline-block;vertical-align: middle;}
.icontishi_pop .display_sty{display: inline-block;vertical-align: middle; position: relative;}
.table_2 tr td.table_pop .icontishi_pop .display_sty a.icon,.icontishi_pop .display_sty a.icon{  margin: 0; display: block;}
.icontishi_pop .display_sty a.icon:hover .pop_txt{ display: block;}
.icontishi_pop .display_sty .pop_txt{ left: -30px; right: inherit; top: 30px; text-align: left;}
.icontishi_pop .display_sty .pop_txt::before {content: ""; position: absolute; top: -10px; left: 30px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; filter: drop-shadow(0 -2px 2px rgba(5, 17, 71, 0.1));}
.english_details { background: #fffcf5; padding: 15px; font-size: 13px; line-height: 24px; color: #222;}
.english_details .more_zhuce_a{ color: #02adf2; cursor: pointer; margin: 20px 0;}
.english_details .more_zhuce_a:hover{ color: #1a52ae;}


.table_box.whois .input_li{ margin: 40px auto; width: 60%;}
.table_box.whois .input_li li{list-style: none; width: 100%; display: -ms-flexbox; display: flex; margin: 20px 0; align-items: center;}
.table_box.whois .input_li li .input_flex{ background: #fff;flex: 1; /* 自适应剩余空间 */min-width: 0; /* 防止内容溢出 */ }
.table_box.whois .input_li li .display_table{ display: table;width: 100%; border-collapse: separate; border-spacing: 0;}
.table_box.whois .input_li li .display_table .row {display: table-row;}
.table_box.whois .input_li li .input_flex .input_kuang{height: 44px;line-height: 44px;border: 1px solid #e1e1e1;border-radius: 4px;display: table-cell; }
.table_box.whois .input_li li .input_flex input.input{border: none; background: none; outline: none; padding: 0 2%; width: 96%; font-size: 14px; line-height: 44px;}

.table_box.whois .input_li li .input_name{ flex: 0 0 auto; width: 210px;text-align: right; line-height: 46px; margin-right: 10px;}
.table_box.whois .input_li li .input_flex .input_tishi{ padding-left: 10px;display: table-cell; width: 220px; }
.table_box.whois .input_li li .input_flex .input_tishi span{display: inline-block; vertical-align: middle; line-height: 18px;}
.table_box.whois .input_li li .input_flex .btn_register.btn_disabled:hover {background: #bdbdbd; cursor: default;}
.table_box.whois .input_li li .input_flex .btn_register {border-radius: 4px;height: 48px;line-height: 48px;font-size: 16px; font-weight: bold; background: #02adf2; color: #fff; display: block; text-align: center; margin: 20px 0;}
.table_box.whois .input_li li .input_flex .btn_register:hover {background: #4dc5f5;}

.table_box.whois .input_li li .select_sty{line-height: 44px; padding-left: 5px;}
.table_box.whois .input_li li .textarea1{padding: 2%; width: 96%; height: 160px; border: 1px solid #e1e1e1; border-radius: 4px; background: #fff; font-size: 14px; }
.table_box.whois .input_li li .input_kuang:hover,.table_box.whois .input_li li .textarea1:hover{border: 1px solid #02adf2;}
.table_box.whois .input_li li .input_error{visibility:hidden; line-height: 20px; font-size: 14px; padding: 5px 0; color: #f63737;}
.table_box.whois .input_li li.red .input_kuang{border: 1px solid #f63737;}
.table_box.whois .input_li li.red .input_error{visibility:visible;}
.table_box.whois .input_li li.w .input_kuang{ width: 110px;position: relative;}
.table_box.whois .input_li li.w .yzm{position: absolute; left: 210px; top: 0; height: 44px; background: #f4f4f4; width: 150px; text-align: center;}
.table_box.whois .input_li li.w .yzm img{max-width: 100%; max-height: 100%;}

/*关于我们*/
.about_bg{ background: #0a94f3 url("../images/about_bg.jpg") no-repeat center top; background-size: 100% 520px; height: 520px;}
.about_bg .about_banner{ margin: 0 auto; height: 380px; padding-top: 140px; width: 1366px; background: url("../images/about_img.png") no-repeat top; text-align: center;}
.about_banner h2 { font-weight: bold; color: white; font-size: 2.8rem; letter-spacing: 1px; line-height: 2.3em; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); animation: floatText 4s ease-in-out infinite,glow 2s ease-in-out infinite alternate;}
.about_banner p { font-weight: normal; border: 1px solid #ffffff; padding: 10px 20px;; border-radius: 50px; display: inline-block; color: white; font-size: 1.4rem; letter-spacing: 1px; animation: floatText 4s ease-in-out 0.5s infinite, glow 2s ease-in-out 0.5s infinite alternate; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2);}
@keyframes floatText {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
@keyframes glow {
  from { text-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }
  to { text-shadow: 0 0 15px rgba(255, 255, 255, 0.6); }
}
.about-container { margin:40px auto 80px; width: 1366px;}
.about-container .tab-menu{display: flex; justify-content: center;} 
.about-container .tab-btn { background: none; flex: 1; border: none; cursor: pointer; text-align: center; transition: all 0.3s; font-size: 18px;  line-height: 40px; color: #555; overflow: visible;background: #ffffff; border-radius: 12px 12px 0 0; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.5);  }
.about-container .tab-btn.active {background: linear-gradient(-45deg,#02adf2,#4dc5f5);color: #fff; font-weight: bold; }
.about-container .tab-content {padding: 50px 30px; border-radius: 0 0 12px 12px; display: none; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.about-container .tab-content.active { display: block;}
.about-container .tab-content h2.title{ text-align: center;text-align: center;font-weight: bold;color: #031242;font-size: 28px; margin: 20px 0;}
.about-container .display_flex{align-items: flex-start; padding: 30px 0;}
.about-container .company_img { width: 440px;height: 330px;background: url("../images/why_img03.png") no-repeat top;}
.about-container .company_txt{ flex:1;word-break: break-all; word-wrap: break-word; margin: 0; font-size: 16px; line-height: 30px;}
.about-container .display_flex .company_txt{ padding-left: 30px;}
.about-container .company_txt b{ font-weight: bold;color: #031242;}
.checkmark-list{display: block; width: 100%; margin: 20px 0;}
.checkmark-list li {list-style: none;position: relative;padding: 10px 20px 10px 40px;margin-bottom: 10px;line-height: 30px; background: #f6f6f6;}
.checkmark-list li:before {content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 8px; height: 15px; border-right: 3px solid #192b52; border-bottom: 3px solid #192b52;transition: all 0.3s ease;}
.checkmark-list li:hover:before {transform: translateY(-50%) rotate(45deg) scale(1.2); border-color: #02adf2;}

.about-container .tab-content .contact_list{ display: flex; justify-content: center; margin: 40px -20px; min-height: 260px;}
.about-container .tab-content .contact_list li{list-style: none; margin: 0 20px; flex: 1;background:url("../images/contact_png.png") no-repeat bottom; background-size: 100% auto;color: #fff; padding: 20px 30px; border-radius:12px;box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2);}
.about-container .tab-content .contact_list li h3{ font-size: 20px; font-weight: bold; color: #031242; line-height: 40px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #dfdfdf;}
.about-container .tab-content .contact_list li h5.tel{font-size: 25px; font-weight: bold; color: #ff833f; line-height: 40px; margin: 20px 0;}
.about-container .tab-content .contact_list li p{color: #777777; font-size: 16px; line-height: 24px;}

.notice-container { margin:40px;}
.notice-container .tab-menu{ display: flex; justify-content: center;} 
.notice-container .tab-btn { background: none; flex: 1; border: none; cursor: pointer; border-bottom: 1px solid #bfbfbf; text-align: center; transition: all 0.3s; font-size: 16px; line-height: 40px; color: #555; overflow: visible; }
.notice-container .tab-btn.active {font-weight: bold; }
.notice-container .tab-content { padding:30px 0; display: none; box-shadow:none; min-height: 785px;}
.notice-container .tab-content.active { display: block;}

.notice-container .tab-btn i{ position: absolute; bottom: -3px; left: 0; right: 0; display: none;} 
.notice-container .tab-btn i span{width: 68px; height: 6px; border-radius: 50px; background: #02adf2; margin: 0 auto;display: inline-block; vertical-align: bottom;}
.notice-container .tab-btn.active i{display: block;}
.notice-container .tab-btn.active {font-weight: bold;}

.notice-container .tab-content .note_list{background: #ffffff; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); }
.notice-container .tab-content .note_list li{list-style:none; line-height: 30px; padding: 20px;border-bottom: 1px dashed #dfdfdf; }
.notice-container .tab-content .note_list li a{display: flex; justify-content: space-between;}
.notice-container .tab-content .note_list li cite{font-style: normal; text-align: left; flex: 1; font-size: 16px; color: #171717;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width: 100%;  }
.notice-container .tab-content .note_list li a:hover cite{color: #0187ee;}
.notice-container .tab-content .note_list li .date{ text-align: right; margin-left: 20px; color: #888; font-size: 14px;}

.notice_details{word-break: break-all; word-wrap: break-word; padding: 20px 50px;}
.notice_details p{ white-space: pre-wrap;}
.notice_details .title{ margin: 10px 0; text-align: center; border-bottom: 1px dashed #dfdfdf; padding: 10px 0; }
.notice_details .title dt{font-weight: bold; line-height: 1.6em; font-size: 1.6em; color: #222222;}
.notice_details .title dd{font-size: 14px; color: #999999; line-height: 1em; padding: 20px 0;}
/*.notice_details p{font-size: 14px; line-height: 26px; padding: 20px;  }*/
.notice_details img{max-width: 100%;}
.notice_details ul,.notice_details ol{ margin: 0 0 0 20px;}

/*帮助中心*/
.bg_help{ background: #f9fafc url("../images/help_bg.png") no-repeat center top; background-size: 100% 520px;}
.bg_help.list{ background: #ffffff url("../images/help_bg.png") no-repeat center -110px; background-size: 120% 520px;}
.help .help_search{ display: flex; margin: 0 auto; width: 1000px; text-align: center; justify-content: center; height: 50px; padding: 100px 0;}
.bg_help.list .help .help_search{padding: 40px 0 134px 0; height: 70px; }
.help .help_search cite{ font-style: normal; font-size: 26px; font-weight: bold; margin-right: 30px; text-align: right;color: #fff;}
.help .help_search .search{ flex: 1;}
.help .help_search .search .gjz_s{ color: #fff; font-size: 16px; line-height: 28px; text-align: left; padding: 10px 0; display: flex;}
.help .help_search .search .gjz_s dt{font-style: normal; flex: 0 0 auto;}
.help .help_search .search .gjz_s dd{flex: 1;}
.help .help_search .search .gjz_s dd a{margin:0 5px; padding: 0 8px; color: #fff; line-height: 28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width: 200px; display: inline-block; vertical-align: middle;}
.help .help_search .search .gjz_s dd a:hover{ background: #2b9be9; border-radius: 6px;}
.help .help_search .search_input{ display: flex; align-items: center; }
.help .help_search .search_input input {border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-right: none; font-size: 16px; background: #fff; border-radius: 12px 0 0 12px; height: 50px; line-height: 50px; width: 100%; padding: 0 3px 0 12px;}
.help .help_search .search_input .button { width: 130px; background: linear-gradient(-45deg,#197cdd,#1db7f9); text-align: center; line-height: 52px; font-size: 18px; color: #fff; font-weight: normal; border: 0; cursor: pointer; outline: none; border-radius: 0 12px 12px 0;}
.help .help_search .search_input .button:hover { background: linear-gradient(45deg,#1db7f9,#197cdd);}

.help .latest_two{ display: flex; align-items: flex-start; margin: -20px -20px 60px;}
.help .latest_two .latest{ list-style: none; width: 50%;}
.help .latest_two .latest .list{background: #fff; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); border-radius: 6px; margin: 20px;}
.help .latest_two .latest .list h3{ font-size: 20px; font-weight: bold; color: #222; line-height: 50px; border-bottom: 3px solid #0061aa; padding:0 0 0 15px; overflow: hidden;}
.help .latest_two .latest .list h3 i{width: 10px; height: 10px; display: inline-block; vertical-align: middle; background: linear-gradient(45deg,#02adf2,#ffffff); border-radius: 50px; margin:-2px 10px 0 0;}

.help .latest_two .latest .list .latest_li{padding: 10px 5px;list-style:disc;}
.help .latest_two .latest .list .latest_li li{ font-size: 16px; margin:0 10px 0 30px; color: #0061aa; border-bottom: 1px dashed #dfdfdf;}
.help .latest_two .latest .list .latest_li li a{display: block; color: #08aff2; line-height: 30px; padding: 10px 0;}
.help .latest_two .latest .list .latest_li li a:hover{ color:#1a52ae;}

.help .latest_two .latest .list .load_more{text-align: right;}
.help .latest_two .latest .list .load_more a{ padding: 0 10px;display: inline-block; vertical-align: middle; line-height: 32px; margin: 0 12px 10px; }
.help .latest_two .latest .list .load_more em{ font-style: normal; width: 16px; height: 16px; display: inline-block; vertical-align: middle; line-height: 16px; font-size: 11px;  text-align: center;color: #ffffff; background: #5b6e97; border-radius: 50px; margin-left: 10px;}
.help .latest_two .latest .list .load_more a:hover{background: #f6f6f6; border-radius: 6px; }
.help .latest_two .latest .list .load_more a:hover em{ background: #08aff2;}

.index_help{ background: #fff; padding: 60px 0; min-width: 1366px;}
.index_help h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.index_help p{ text-align: center; color: #888; line-height: 46px; font-weight: normal; font-size: 16px;}
.index_help .box_list{ width: 1386px; margin: 40px auto; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.index_help .box_list li{list-style: none; margin: 15px 10px; cursor: pointer;}
.index_help .box_list li:hover{margin-top: 5px;box-shadow: 2px 5px 10px 5px rgba(5, 17, 71, 0.07); border: 1px solid #dfdfdf;transition: all 0.3s;}
.index_help .box_list .box{ width: 284px; height: 140px; background: #f7f9fe;border: 1px solid #f7f9fe; padding: 20px;border-radius: 12px;}
.index_help .box_list .box i {width: 64px;height: 64px; margin: 15px auto; display: block;}
.index_help .box_list .box i.icon1{background: url("../images/icon_help_subject01.png") no-repeat;}
.index_help .box_list .box i.icon2{background: url("../images/icon_help_subject02.png") no-repeat;}
.index_help .box_list .box i.icon3{background: url("../images/icon_help_subject03.png") no-repeat;}
.index_help .box_list .box i.icon4{background: url("../images/icon_help_subject04.png") no-repeat;}
.index_help .box_list .box i.icon5{background: url("../images/icon_help_subject05.png") no-repeat;}
.index_help .box_list .box i.icon6{background: url("../images/icon_help_subject06.png") no-repeat;}
.index_help .box_list .box i.icon7{background: url("../images/icon_help_subject07.png") no-repeat;}
.index_help .box_list .box i.icon8{background: url("../images/icon_help_subject08.png") no-repeat;}
.index_help .box_list .box h5{ text-align: center; font-weight: bold; font-size: 18px;}

.index_help_zizhu{ background: #eaf4fb; padding: 60px 0; min-width: 1366px;}
.index_help_zizhu h2{ text-align: center; font-weight: bold; color: #031242; font-size: 36px;}
.index_help_zizhu p{ text-align: center; color: #888; line-height: 46px; font-weight: normal; font-size: 16px;}
.index_help_zizhu .box_list{ width: 1386px; margin: 40px auto; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.index_help_zizhu .box_list li{list-style: none; margin: 15px 10px; cursor: pointer;}
.index_help_zizhu .box_list li:hover{margin-top: 5px;box-shadow: 2px 5px 10px 5px rgba(1, 135, 238, 0.14); border: 1px solid #9bcaeb;transition: all 0.3s;}
.index_help_zizhu .box_list .box{ width: 255px; height: 150px; padding-top: 30px; background: #fff url("../images/help_zizhu_png.png") no-repeat top;border: 1px solid #e0f4ff; border-radius: 12px;}
.index_help_zizhu .box_list .box i {width: 64px;height: 64px; margin: 15px auto; display: block;}
.index_help_zizhu .box_list .box i.icon1{background: url("../images/icon_help_zizhu01.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon2{background: url("../images/icon_help_zizhu02.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon3{background: url("../images/icon_help_zizhu03.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon4{background: url("../images/icon_help_zizhu04.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon5{background: url("../images/icon_help_zizhu05.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon6{background: url("../images/icon_help_zizhu06.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon7{background: url("../images/icon_help_zizhu07.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon8{background: url("../images/icon_help_zizhu08.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon9{background: url("../images/icon_help_zizhu09.png") no-repeat;}
.index_help_zizhu .box_list .box i.icon10{background: url("../images/icon_help_zizhu10.png") no-repeat;}
.index_help_zizhu .box_list .box h5{ text-align: center; font-weight: bold; font-size: 18px;}

.index_help_servic{ background: linear-gradient(180deg,#509bdc,#e2f9ff); padding: 60px 0 40px 0; min-width: 1366px;}
.index_help_servic h2{ text-align: center; font-weight: bold; color: #fff; font-size: 36px;}
.index_help_servic p{ text-align: center; color: #f6f6f6; line-height: 46px; font-weight: normal; font-size: 16px;}
.index_help_servic .box_list{ width: 1386px; margin: 40px auto 20px; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.index_help_servic .box_list li{list-style: none; margin: 15px 10px; cursor: pointer;}
.index_help_servic .box_list li:hover{margin-top: 5px;box-shadow: 2px 5px 10px 5px rgba(1, 135, 238, 0.14); border: 1px solid #9bcaeb;transition: all 0.3s;}
.index_help_servic .box_list .box{ width:280px; height: 150px; padding: 30px 10px 0 30px; background: #fff; border: 1px solid #b0d7ed; border-radius: 12px;}
.index_help_servic .box_list .box.img01{background: #fff url("../images/help_service_img01.jpg") no-repeat top;  }
.index_help_servic .box_list .box.img02{background: #fff url("../images/help_service_img02.jpg") no-repeat top;  }
.index_help_servic .box_list .box.img03{background: #fff url("../images/help_service_img03.jpg") no-repeat top;  }
.index_help_servic .box_list .box.img04{background: #fff url("../images/help_service_img04.jpg") no-repeat top;  }
.index_help_servic .box_list .box.img05{background: #fff url("../images/help_service_img05.jpg") no-repeat top;  }
.index_help_servic .box_list .box h3{font-weight: bold; color: #fff; font-size: 24px; line-height: 40px;}
.index_help_servic .box_list .box p{color: #fff; line-height: 26px; font-weight: normal; font-size: 15px; text-align: left;}
.index_help_servic .box_list .box p b{font-weight: bold; color:#92f5fe;}

.help_location{ color:#888; border-bottom:1px dashed #dfdfdf; line-height:20px; padding:10px 15px 10px; font-size:14px;}
.help_location a{color:#222; margin:0 5px;font-size:14px;}
.help_location a:hover{ color:#08aff2; }

.help_list{ display: flex; padding: 30px 0 50px 0;}
.menu-container {width: 280px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden; margin-right: 30px;}
.menu-item { position: relative; line-height: 30px; padding: 12px 15px; cursor: pointer; transition: all 0.3s ease; border-bottom: 1px solid #f0f0f0; color: #171717; font-size: 16px;}
.menu-item:last-child { border-bottom: none;}
.menu-item:hover {background: #f8f8f8;}
.menu-item.active {font-weight: bold;background: #f5f5f5;}
.has-submenu::after {content: ""; position: absolute; right: 15px; top: 22px; width: 6px; height: 6px; border-right: 2px solid #aaa; border-bottom: 2px solid #aaa; transform: rotate(45deg); transition: transform 0.3s ease;}
.menu-item.active.has-submenu::after { transform: rotate(-135deg); top: 24px;}
.submenu { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1);}
.menu-item.active .submenu {margin: 10px 0 5px 0; max-height: auto;font-weight: normal; }
.submenu-item { padding: 6px 15px;color: #555; font-size: 15px; transition: all 0.2s ease;}
.submenu-item:hover { background: #e8e8e8; color: #333;}
.submenu-item.hover { background: #ffffff; color: #333;}

.news-container { flex: 1;overflow: hidden;}
.news-list {list-style: none;}
.news-item {position: relative;border-bottom: 1px solid #eee;transition: background 0.2s;}
.news-item:last-child {/*border-bottom: none;*/}
.news-item:hover {background: #f9f9f9;}
.news-item::before {content: ""; position: absolute; left: 5px;top: 23px; width: 6px; height: 6px; background: #4dc5f5; border-radius: 50%; }
.news-link {display: flex;justify-content: space-between;align-items: center; text-decoration: none; color: #333; padding: 12px 10px; line-height: 30px;}
.news-link:hover .news-title{ color:#08aff2;}
.news-title {font-size: 16px; margin: 0 0 0 15px; align-items: center;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; flex: 1;}
.news-top {font-style: normal; background: #feb560; border-radius: 4px; color: #fff; margin: 0 0 0 15px; padding: 0 5px;}
.news-date {color: #999; font-size: 14px; margin-left: 30px;}
.news-container .pages{padding: 30px 0 10px;}

.news-container h2{ font-size: 18px; line-height: 52px; font-weight: bold; color: #333;}
.news-item h5{ margin: 0 25px 0; font-size: 15px; color: #555; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.6; max-height: 3em;  }
.news-item p{color: #999; font-size: 14px; line-height: 26px; padding: 10px 25px 0;}

.news_details{flex: 1;}
.news_details .title{ color: #333; margin-top: 10px; border-bottom: 1px solid #eee; padding: 5px 0;}
.news_details .title dt{ font-weight: bold; font-size: 24px; color: #333; word-break: break-all; word-wrap: break-word; line-height: 1.5em;}
.news_details .title dd{color: #999; font-size: 14px; line-height: 26px; margin: 5px 0;}
.news_details .txt{padding: 20px; min-height: calc(100vh - 842px) ; }
.news_details .txt ul,.news_details .txt ol {margin: 0 0 0 20px;}
.news_details .txt img{max-width: 100%;}
.news_details .fanye{ display: flex; align-items: center; justify-content: space-between; line-height: 32px; padding: 10px; font-size: 16px; color: #555; border-top: 1px solid #eee; margin-top: 40px;}
.news_details .fanye .previous{ text-align: left; width: 50%;  }
.news_details .fanye .next{ text-align: right; width: 50%;}
.news_details .fanye a{color:#333;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news_details .fanye a:hover{ color:#1a52ae;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }