@import url("icon.css");
@import url("order.css");
@import url("shoulu.css");

html,body{margin:0;padding:0;}
*{margin:0;padding:0;box-sizing: border-box;}
body{background: #f3f1f2;font-size:14px;line-height:160%;}
body, input, button, select, textarea, h1, h2, h3, h4, h5, h6{font-family:'Helvetica Neue', 'STHeiti', '微软雅黑', 'Microsoft YaHei', Helvetica,Arial,sans-serif;}
table{font-size:14px;}
a{text-decoration:none;color:blue;}
div,ul,dl{overflow:hidden;}
ul,ol{
	list-style:none;
}

.w100{width:100%;}
.center{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;}
.bgfff{background:#fff;}

.w100{width:100%;}
.h100{height:100%;}
.m20{margin:20px;}
.p20{padding:20px;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mb10{margin-bottom:10px;}
.mh1800{max-height:650px;overflow:hidden!important;}
.mh500{max-height:400px;overflow:hidden!important;}

h1{font-size:22px;line-height:22px;margin-bottom:10px;text-align:center;}
h4{font-size:16px;line-height:16px;margin-bottom:10px;}
h4.s{margin-bottom:0;}
.fontred{color:red;}

.header{background:#fff;height:55px;border-bottom: 1px solid #e6e6e6;}
.header .logo{font-size:0px;margin:10px;}
.header .nav{height:55px;overflow-x: auto; }
.header .nav li{float:left;height:55px;line-height:55px;list-style:none;}
.header .nav li a{height:55px;display:block;padding:0 10px;color:#333;}
.header .nav li a:hover{background-color: #f55b47;color:#fff;}

marquee{color:red;}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 4px;
}
.nav .icon-bar {
    background-color: #000;
    font-size: 0;
}
.nav .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 5px 0;
}

@media (min-width: 768px){
    .navbar-toggle {
        display: none;
    }
}
@media (max-width: 768px){
    .nav-collapse{display:none;position:absolute;top:54px;z-index:99;width:120px;height:auto;background:#fff;border: 1px solid #e6e6e6;border-top:none;}
    .nav-collapse.show {display: block;}
    .header .nav li{width:100%;}
    .header .nav li a:hover{background-color: #f55b47;color:#fff;}
}

.box{width:96%; background: #fff; border: 1px solid #e6e6e6;margin:5px 2%;padding:20px;box-sizing: border-box;overflow:hidden;}
.tip font{color:red;font-size:20px;font-style:italic;font-weight:600;}

p.red{color:red;}
.text_center{text-align:center;}

.ymtj{background: #f2fafe;border: 1px solid #8ec6ef;box-shadow: 0 2px 4px #e2edf7;border-radius: 2px;}
.ymtj ul li{float:left;text-align:center;padding:0 10px;}
.ymtj ul li a:hover{color: #ff5722;}
.ymtj li strong {font-weight: 600;color: #ff5722;font-size: 14px;}
.ymtj li:first-child {border-right: 1px solid #c7e4f9;padding-left:0;}

.shaixuan ul{padding:5px 0;}
.shaixuan ul li{list-style:none;float:left;margin-right:20px;}
.shaixuan ul li.text{margin-right:30px;}
.shaixuan ul li input.price{padding:2px 5px;width:80px;}
.shaixuan dl{margin-bottom:10px;}
.shaixuan dl dd{list-style:none;float:left;margin-right:20px;}
.shaixuan button{background-color: #f55b47;border:1px solid #c1412e;display:block;color:#fff;padding:5px 10px;border-radius: 3px;}

.list_box{width:96%; background: #fff; border: 1px solid #e6e6e6;margin:5px 2%;padding:20px;box-sizing: border-box;overflow:hidden;}
.list_box:hover{border: 1px solid red;box-shadow: 2px 2px 5px 3px red inset;}

.ykj_list_box{width:96%; background: #fff; border: 1px solid #e6e6e6;margin:5px 2%;padding:20px;box-sizing: border-box;overflow:hidden;}
.ykj_list_box table tr.th{height:40px;line-height:40px;background:#f1f3f5;}
.ykj_list_box table tr:hover{background:rgb(252, 218, 160);}
.ykj_list_box table tr.th:hover{background:#f1f3f5;}
.ykj_list_box table th,.ykj_list_box table td{padding:5px;}

.line1{padding:5px 0;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.line1 .fl span{height:25px;line-height:25px;background-color: #32a831;border-radius: 3px;font-size:12px;margin-left:10px;padding:5px;color:#fff;}
.line1 .fl span.red{background-color: red;}
.line1 .fl font.price{color:red;font-size:20px;font-style:italic;font-weight:600;margin-left:10px;}
.line1 .fr a{background-color: #f55b47;border:1px solid #c1412e;display:block;color:#fff;padding:5px 10px;border-radius: 3px;float:right;margin-left:10px;}
.line1 .fr a:hover{background-color: #c12e2e;}
.line1 span.sign{
    overflow: hidden;
    background: none;
}
.line1 .sign i.i_qiang {
    background-position: -80px 0;
}
.line1 .sign i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    background: url(../images/i.png) no-repeat;
}

.line2 .title,.line3 .title,.line5 .title{height:40px;line-height:40px;border: 1px solid #eee;border-left: 5px solid #5bc0de;border-radius: 3px;padding-left:10px;margin: 10px 0 10px;}
.lishi_box{overflow-x:scroll;overflow-y:hidden;font-size:14px;}
.lishi_box::-webkit-scrollbar {display: none;}
.lishi_box table{min-width:1800px;}
.lishi_box table.op_site_box_subkey {
    min-width: 100%;
}
.lishi_box table th{border-bottom:1px solid #eee;line-height:40px;background:#eee;}
.lishi_box table tr th{text-align:left; nowrap:nowrap;}
.lishi_box table tr.active{line-height:40px;}
.lishi_box table tr.active td{border-bottom:1px solid #eee;background:#eee;}
.lishi_box table tr td{padding:1px;}
.lishi_box table tr td .highlight_wd{font-size:14px;}
.lishi_box .label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.lishi_box .label-warning {
    background-color: #f0ad4e;
}
.lishi_box .label-success {
    background-color: #5cb85c;
}
.lishi_box .label-default {
    background-color: #777;
}
.lishi_box .text-color-999 {
    font-size: 12px;
    color: #999;
}
.lishi_box .pull-left {
    float: left!important;
}



.line3 table{min-width:550px;}
.line3 table th{background:#eee;border-bottom:1px solid #eee;text-align:center!important;}
.line3 table th,.line3 table td{padding:3px;text-align:center;}

.line4{padding:10px 0;position:relative;}
.line4 .ewm{width:80px;height:100px;position:absolute;bottom:0px;right:10px;}
.line4 .ewm img.qrcode{width:100%;float:left;}
.line4 .ewm p{font-size:12px;text-align:center;}
.line4 .ewm2{width:80px;height:100px;position:absolute;top:0px;right:0px;z-index:999;background:#fff;}
.line4 .ewm2 img.qrcode{width:100%;float:left;}
.line4 .ewm2 p{font-size:12px;text-align:center;}
.line4 .look_box{width:130px;position:absolute;top:10px;right:0px;z-index:999;background:#eee;padding:3px;border:1px red solid;}


.guanli_nav li{float:left;margin-right:20px;}

.order p.zf_succ{text-align:center;font-size:34px;line-height:36px;margin:20px 0;font-weight:bold;color:red;overflow:scroll;}

.page{height:50px;line-height:50px;text-align:center;}

.footer{height:40px;line-height:40px;text-align:center;color:#666;}
.aw-back-top {
    position: fixed;
    display: none;
    padding: 10px 15px;
    right: 20px;
    bottom: 20px;
    background-color: #d9d9d9;
    border-radius: 3px;
}
.llq_open{width:100%;height:100%;text-align:center;font-size:16px;}

/*域名桔子历史数据css*/
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar,.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
    min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
    min-width: 30px;
    color: #777;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

td.svg_circle{position: relative;}
td.svg_circle .svg_img{position: relative;width: 72px; height: 72px; display: block;margin:0 auto}
td.svg_circle .svg_num{position: absolute;margin-top: -52px;font-size: 22px;z-index: 99;width: 100%; display: block; text-align: center; text-indent: -10px}
.anchors_area .btn{margin-bottom: 5px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-center {
    text-align: center
}
table.text-center{table-layout:auto}
table.text-center thead{z-index: 10000}
table.text-center th {text-align: center!important;word-break:break-all}
table.text-center td {word-wrap: break-word;word-break: break-all;max-width: 350px;text-overflow:ellipsis;}
.time-item strong{background:#e94e38;color:#fff;line-height:49px;font-size:36px;margin-right:10px;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);padding:0 10px;}
.item-title .unit{background:none;line-height:49px;font-size:24px;float:left;padding:0 10px;}

.domain_detail_box{display:none;position:fixed;width:90%;max-height:89%;overflow-y:scroll;left:0;bottom:0;box-shadow: 2px 2px 5px 3px red inset;}