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;}
h2 span{margin-left:10px;font-size:18px;color:#666;}
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;}

/********** search **********/
.search{background: #ebf3fb;background: linear-gradient(#ebf3fb, #D2E9FF);height:70px;margin-bottom:20px;padding:10px 0;}
.search form{position:relative;height:70px;margin:0 auto;}
.search label{margin-right:3px;}
.search-prefix{position: absolute;width:155px;top:0;left:0;}
.search-exclude{position: absolute;width:155px;top:40px;}
.search-position{position: absolute;width:155px;top:0;left:155px;}
.search-intro{position: absolute;width:155px;top:40px;left:155px;}
.search-suffix{position: absolute;width:155px;top:0;left:310px;}
.search-site{position: absolute;width:155px;top:40px;left:310px;}
.search-category{position: absolute;width:155px;top:0;left:465px;}
.search-tag{position: absolute;width:155px;top:40px;left:465px;}
.search-reg-date{position: absolute;width:295px;top:0;left:620px;}
.search-exp-date{position: absolute;width:295px;top:40px;left:620px;}
.search-price{position: absolute;width:225px;top:0;left:915px;}
.search-len{position: absolute;width:225px;top:40px;left:915px;}
.search-button-submit,.search-button-reset{position:absolute;right:0;font-size: 14px;line-height: 28px;width: 56px;height: 28px;padding: 0;user-select: none;border-radius: 4px;outline: 0;}
.search-button-submit{top:2px;color: #fff;border: 1px solid #e36d1f;background: #ff6700;}
.search-button-submit:hover{background: #f25807;}
.search-button-reset{top:42px;border: 1px solid #ccc;}
.search-button-reset:hover{background: #dedede;}
.search input[type='number']{width:70px;}
.search input[type='search'],
.search input[type='text'],
.search select{width:90px;}
.active{border: 2px solid orange !important;}

/********** main **********/
.main{overflow: hidden;}
.notice{margin:20px 0 40px;padding:20px;background: #fffbe6;border: 1px solid #ffe58f;font-size:18px;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;}

/********** table **********/
.section-table{width:100%;border-spacing: 0;border-collapse: collapse;}
.section-table tr:nth-child(odd){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;}
.gray{color:#999;}
.hidden{display: none;}
.center{text-align:center;}
.clearfix:after {display: block;clear: both;content: "";}
.highlight{margin:0 1px;color:red;}
.w50{width:50px;}
.w80{width:80px;}
.w90{width:90px;}
.w130{width:130px;}
.w200{width:200px;}
.m10{margin-left:10px;margin-right:10px;}

@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;}
}