body{font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','\5FAE\8F6F\96C5\9ED1',Arial,sans-serif;font-size: 16px;line-height: 30px;margin: 0;padding: 0;color: #333;background-color: #fff;-webkit-text-size-adjust: 100%; /* 防止iPhone在坚屏转向横屏时放大文字 */}
a{text-decoration: none;color: #0084ff;}
a:hover{color: #d94040;outline: 0;}
a:active{outline: 0;}
a[target='_blank']{padding-right: 12px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;}
label, button{cursor: pointer;}
h1{font-size: 36px;font-weight: normal;line-height: 60px;margin: 0 0 30px;padding: 0 10px;text-align: center;word-wrap: break-word;word-break: normal;}
h2{font-size: 28px;font-weight: normal;margin: 0 0 20px;line-height: 40px;text-align: center;}
li{word-wrap: break-word;word-break: break-all;}
input[type='text'],
input[type='search'],
input[type='number']{box-sizing:border-box;height: 28px;font-size: 14px;padding: 3px 6px;color: #666;border: 1px solid #ccc;border-radius: 4px;outline: none;background: #fff;-webkit-appearance: none;}
input[type='radio']{margin:3px 1px 0px 2px;}
select {padding: 4px;border: 1px solid #ccc;border-radius: 4px;}

/********** header **********/
.container{position: relative;min-width: 320px;max-width: 1200px;margin:0 auto;}
.header{height: 60px;margin: 10px auto 20px;}
.logo{position: absolute;left: 0;display: block;width: 60px;height: 60px;background: url(../img/logo.gif) no-repeat 0 center;}
.banner{display:block;height: 30px;line-height: 30px;font-size: 18px;color:#333;text-align:center;}
.contact_qq{padding-right:90px;background: url(../img/qq.png) no-repeat right center;color:green;}
.contact_phone{padding-right:120px;background: url(../img/phone.png) no-repeat right center;color:green;}
.contact_email{padding-right:160px;background: url(../img/email.png) no-repeat right center;color:green;}
.contact_qq_chat{padding:0 90px 1px 5px;background: url(../img/qq_chat.jpg) no-repeat right 0px;}
.qrcode{position: absolute;top: 0;right: 0;width: 60px;height: 60px;background: url(../img/wechat.jpg) no-repeat 0 center;}

/********** footer **********/
.footer{margin: 0 auto 10px;padding-top: 20px;text-align: center;border-top: 1px solid #eee;}
.footer a{padding-left: 10px;}
.footer p{font-size: 14px;margin: 0;color: #999;}

/********** nav **********/
.nav{position: relative;height:50px;margin-bottom:20px;background: #3388ff;}
.nav-ul{position: absolute;left:0;width:100%;height:50px;margin:0;padding:0;}
.nav-ul li {float:left;list-style: none;}
.nav-ul a{margin-right:20px;padding:8px;color: #fff;line-height: 50px;}
.nav-ul a:hover{border-radius:4px;background: #f9f9f9;color:#333;}
.nav-lang{position: absolute;top:9px;right:0;width:65px;height:30px;padding-right:64px;border:1px solid #fff;background:#f9f9f9;color:#333;border-radius:5px;font-size:16px;text-align:center;}
.nav-lang span{display:inline-block;width:64px;border-right:1px solid #3388ff;}
.nav-lang button{position: absolute;right:0;width:64px;height: 30px;border:0;font-size:16px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;background: #3388ff;color: #fff;align-items: normal;}
.nav-lang button:hover{background:#f9f9f9;color:#333;}
.menu{position:absolute;display:none;top:9px;left:10px;padding:0 10px;background:#f5f5f5;font-size:24px;border:1px solid #fff;color:#3388ff;border-radius:5px;}
.menu:hover{cursor: pointer;}

/********** search **********/
.search{background: #ebf3fb;background: linear-gradient(#ebf3fb, #D2E9FF);height:70px;margin-bottom:20px;padding:10px 0;text-align:right;}
.search form{position:relative;height:70px;margin:0 auto;}
.search label{margin-right:3px;}
.search-prefix{position: absolute;width:150px;top:0;left:0;}
.search-exclude{position: absolute;width:150px;top:40px;}
.search-position{position: absolute;width:120px;top:0;left:155px;}
.search-intro{position: absolute;width:130px;top:40px;left:160px;}
.search-suffix{position: absolute;width:130px;top:0;left:300px;}
.search-site{position: absolute;width:130px;top:40px;left:300px;}
.search-category{position: absolute;width:155px;top:0;left:445px;}
.search-tag{position: absolute;width:155px;top:40px;left:445px;}
.search-reg-date{position: absolute;width:330px;top:0;left:610px;}
.search-exp-date{position: absolute;width:330px;top:40px;left:610px;}
.search-price{position: absolute;width:175px;top:0;left:950px;}
.search-len{position: absolute;width:175px;top:40px;left:950px;}
.search-button{position: absolute;top:20px;left:1135px;font-size: 14px;line-height: 28px;width: 56px;height: 28px;padding: 0;user-select: none;color: #fff;border: 1px solid #e36d1f;border-radius: 4px;outline: 0;background: #ff6700;}
.search-button:hover{background: #f25807;}
.input-text-width{width:80px;}
.input-date-width{width:90px;}
.input-number-width{width:50px;}
.select-width{width:80px;}

/********** main **********/
.main{overflow: hidden;}
.notice{font-size: 20px;padding: 50px 0;text-align: center;}
.alert{display:none;height:50px;line-height:50px;margin-bottom:20px;color: #856404;background-color: #fff3cd;border:1px solid #ffeeba;border-radius: 6px;font-size:20px; text-align:center;}
.crumb{line-height: 24px;margin: 0 5px 20px 5px;}
.index-left{float: left;width:49%;margin-right:2%;}
.index-right{float: right;width:49%;}

/********** section **********/
.section{box-sizing:border-box;width:100%;margin-bottom:20px;padding-top:4px;border-radius: 8px; border:1px solid #d8d8d8;overflow:hidden;}
.section-title {background: linear-gradient(#FFF, #CCC);font-weight: normal;height:20px;line-height:20px;padding:6px 10px 10px;text-align:left;}
.section-title span{padding-left:10px;border-left: 5px solid #d94040;color: #d94040;}
.section-title a{float:right;color: #666;}
.section-grid{overflow:hidden;}
.section-grid a{float:left;display:block;box-sizing:border-box;overflow:hidden;width:20%;padding:10px 10px 0;border-top: 1px dashed #ddd;border-left: 1px dashed #ddd;color:#333;}
.section-grid a:nth-child(5n+1){border-left:none;}
.section-grid a:nth-child(-n+5) {border-top:none;}
.section a:hover {background: #d4edda;}
.section p {height:24px;line-height:24px;margin:0 0 10px 0;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.section-domain{font-size: 18px;color: #0084ff;}
.section-price{width:70px;padding-left:0;text-align:right;}
.logo-fixed-height a{text-align:center;}
.logo-fixed-width{column-count: 5;column-gap:10px;text-align:center;overflow:hidden;padding:10px;}
.logo-fixed-width a{display:block;overflow:hidden;box-sizing:border-box;width:100%;padding:10px 10px 0;border:none;background: #f9f9f9;margin-bottom:10px;color:#333;}

/********** table **********/
.section-table{width:100%;border-spacing: 0;border-collapse: collapse;}
.section-table tr:nth-child(even){background: #f1f1f1;}
.section-table tr:hover{background: #d4edda;}
.section-table th{background: linear-gradient(#FFF, #CCC);font-weight: normal;height:20px;line-height:20px;padding:6px 10px 10px;text-align:left;}
.section-table th a{position: relative;}
.section-table th a:before{font-size: 12px;line-height: 10px;position: absolute;top: 0;right: -12px;width: 10px;height: 10px;content: '▲';color: #999;}
.section-table th a.asc:before,
.section-table th a.desc:after{color: #f33;}
.section-table th a:after{font-size: 12px;line-height: 10px;position: absolute;top: 10px;right: -12px;width: 10px;height: 10px;content: '▼';color: #999;}
.section-table td{line-height:20px;padding:15px 10px;}
.section-table td.ms{width:85px;}
.section-table td.xs{min-width:80px;}

/********** pagination **********/
.pagination{overflow:hidden;margin-bottom:20px;}
.pagination-left{float:left;}
.pagination-right{float:right;}
.pagination-right strong,
.pagination-right a{display: inline-block;min-width: 20px;height: 30px;line-height: 30px;margin-left: 10px;padding:0 5px;text-align: center;}
.pagination-right a{border: 1px solid #ccc;}

/********** info **********/
.info th,
.info td{width: 33.33%;border-left: 1px solid #ddd;text-align: center;}
.info th:first-child,
.info td:first-child{border-left:none;}

/********** common **********/
.left{float: left;}
.right{float: right;}
.red{color: #d94040;}
.black{color:#333;}
.hidden{display: none;}
.center{text-align:center;}
.clearfix:after {display: block;lear: both;content: "";}
.highlight{margin:0 1px;color:red;}
.w50{width:50px;}
.w80{width:80px;}
.w90{width:90px;}
.w130{width:130px;}
.w200{width:200px;}
.message{margin:30px 0 40px;padding:20px;background: #fffbe6;border: 1px solid #ffe58f;font-size:20px;text-align:center;}

@media screen and (max-width:1200px){
    .main{padding:0 10px;}
    .logo,.nav-ul{left: 10px;}
    .qrcode,.nav-lang{right: 10px;}
    .search{height:190px;}
    .search form{width:680px;height:190px;margin:0 auto;}
    .search-position, .search-intro {left:180px;}
    .search-suffix{top:80px;left:0;width:150px;}
    .search-category{top:120px;left:-5px;}
    .search-site{top:80px;left:180px;}
    .search-tag{top:120px;left:180px;width:130px;}
    .search-price{top:80px;left:405px;width:255px;}
    .search-len{top:120px;left:405px;width:255px;}
    .search-reg-date,.search-exp-date{left:330px;}
    .search-button{top:160px;left:340px;}
    .input-number-width{width:90px;}
}
@media screen and (max-width:700px){
    .ms{display: none;}
    .banner{height:60px;line-height:60px;}
    .search{height:350px;}
    .search form{width:300px;height:350px;}
    .search-prefix{left:0;}
    .search-exclude{left:0}
    .search-position, .search-intro {left:165px;}
    .search-suffix{top:80px;left:0;}
    .search-category{top:120px;left:-5px;}
    .search-site{top:80px;left:165px;}
    .search-tag{top:120px;left:165px;}
    .search-reg-date{top:160px;left:-65px;width:360px;}
    .search-exp-date{top:200px;left:-65px;width:360px;}
    .search-price{top:240px;left:0;width:295px;}
    .search-len{top:280px;left:0;width:295px;}
    .search-button{top:320px;left:151px;}
    .input-date-width, .input-number-width{width:105px;}
    .index-left,.index-right{float: none;width:100%;margin-right:0;}
    .section-grid a{width:50%;}
    .section-grid a:nth-child(5n+1){border-left:1px dashed #ddd;;}
    .section-grid a:nth-child(-n+5) {border-top:1px dashed #ddd;;}
    .section-grid a:nth-child(2n+1){border-left:none;}
    .section-grid a:nth-child(-n+2) {border-top:none;}
    .section-intro{padding-left:0;padding-right:0;}
    .section-price{width:auto;padding-right:5px;color: #d94040;}
    .logo-fixed-width{column-count: 2;}
    .logo-fixed-width a{width:100%;border:none;}
}
@media screen and (max-width:576px){
    .xs{display: none;}
    .alert{display: block;}
    .contact_qq,.contact_phone,.contact_email{display:block;line-height:22px;padding-right:200px;background-position: 200px;}
    .menu{display: block;}
    .nav ul{display:none;top:50px;left:0;height:auto;padding-left:10px;border-top:1px solid #f5f5f5;background: #3388ff;z-index: 999;}
    .nav li {float:none;}
    .th-price{min-width:48px;}
    .list-price{width:auto;text-align:right;color: #d94040;}
    .pagination-right a, .pagination-right strong{margin-left: 2px;}
    .footer{word-break: keep-all;}
}