/********** www. **********/
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{cursor: pointer;}
button{font-size: 14px;line-height: 28px;width: 60px;height: 28px;padding: 0;cursor: pointer;user-select: none;color: #fff;border: 1px solid #e36d1f;border-radius: 4px;outline: 0;background: #ff6700;}
button:hover{background: #f25807;}
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;color: #d94040;}
h2{font-size: 28px;font-weight: normal;margin: 0 0 30px;line-height: 40px;text-align: center;}
h2 strong{font-size:32px;font-weight:normal;}
h2 span{margin:0 14px;color:#ddd;}
mark{margin-left:2px;padding:0 3px;background:#d4edda;border-radius:4px;}
ul{position: relative;margin: 0;}
ol{position: relative;margin: 0 0 30px;}
ol:before{font-size: 12px;line-height: 14px;position: absolute;left: 0;width: 18px;padding: 2px 0;content: '推荐';text-align: center;color: #fff;border: 1px solid #e36d1f;border-radius: 9px;outline: 0;background: #ff6700;}
li{word-wrap: break-word;word-break: break-all;}
input[type='text'],
input[type='search'],
input[type='number']{box-sizing:border-box;width:110px;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;}

/********** header **********/
.header{position: relative;min-width: 320px;max-width: 992px;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;}
.hidden{display: none;}
.contact{display: block;width: 630px;height: 60px;margin: 0 auto;line-height: 30px;font-size: 18px;color:#333;background: url(img/contact.png) no-repeat 0 bottom;}
.qrcode{position: absolute;top: 0;right: 0;width: 60px;height: 60px;background: url(wx2.png) no-repeat 0 center;}

/********** nav **********/
.nav{margin-bottom: 30px;padding-top: 10px;background: #ebf3fb;background: linear-gradient(#ebf3fb, #D2E9FF);}
.area {overflow:hidden;min-width: 320px;max-width: 992px;margin: 0 auto 10px;border-bottom: 1px dashed #ccc;}
.area:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.area-1{float:left;width:340px;padding-bottom:10px;}
.area-2{float:left;width:183px;padding-bottom:10px;}
.area-3{float:left;width:340px;padding-bottom:10px;}
.area-4{float:right;width:127px;padding-bottom:10px;text-align:center;}
.suffix{float:left;padding-bottom:10px;}
.site{float:right;padding-bottom:10px;}
.nav a{margin-right: 10px;color: #333;}
.nav a:last-child{margin-right: 0;}
.nav a:hover{color: #d94040;outline: 0;}
.category{clear: both;min-width: 320px;max-width: 992px;margin: 0 auto 10px;}
.category a{margin-right: 6px;}
a.current{padding: 3px 6px;color: #fff;background: #0084ff;}
a.current:hover{color: #fff;}
.reset{font-size: 14px;line-height: 26px;display: inline-block;width: 60px;height: 26px;padding: 0;text-align: center;text-indent: 0;border: 1px solid #ccc;border-radius: 4px;background: #eee;}
.reset:hover{background: #e6e6e6;}
.simple{display: none;min-width: 320px;max-width: 992px;margin-bottom: 30px;padding: 10px 0;background: #ebf3fb;background: linear-gradient(#ebf3fb, #D2E9FF);}
.simple a:before{font-size: 18px;margin: 0 10px 0 5px;content: '腾讯QQ:';color: #999;}
.simple span{float: right;cursor: pointer;}
.simple span:after{font-size: 18px;margin: 0 10px 0 5px;content: 'wechat';color: #999;}

/********** main **********/
.main{position: relative;overflow: hidden;min-width: 320px;max-width: 992px;margin: 0 auto 30px;}
.notice{font-size: 24px;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%;}
.left{float: left;}
.right{float: right;}
.big{font-size: 18px;}
.red{color: #d94040;}
.grid{overflow:hidden;}
.grid a{float:left;display:block;box-sizing:border-box;overflow:hidden;width:25%;height:110px;padding:10px 0 10px 15px;border-top: 1px dashed #ddd;border-left: 1px dashed #ddd;line-height:20px;}
.grid a:nth-child(4n+1){border-left:none;}
.grid a:nth-child(1),.grid a:nth-child(2),.grid a:nth-child(3),.grid a:nth-child(4) {border-top:none;}
.grid a:hover {background: #d4edda;}
.grid p{margin:10px 0;color:#333;}

/********** table **********/
.container{margin-bottom:30px;padding-top:4px;border-radius: 8px; border:1px solid #d8d8d8;overflow:hidden;}
table{width: 100%;border-spacing: 0;border-collapse: collapse;}
.half{width:50%;}
.thead,
th{background: linear-gradient(#FFF, #CCC);font-weight: normal;height:20px;line-height:20px;padding:6px 10px 10px;text-align:left;}
th a{position: relative;}
th a:before{font-size: 12px;line-height: 10px;position: absolute;top: 0;right: -12px;width: 10px;height: 10px;content: '好';color: #999;}
th a.asc:before, 
th a.desc:after{color: #f33;}
th a:after{font-size: 12px;line-height: 10px;position: absolute;top: 10px;right: -12px;width: 10px;height: 10px;content: '好';color: #999;}
.icon{padding-left:10px;border-left: 5px solid #d94040;color: #d94040;}
.count{float:right;color: #666;}
.count span{margin:0 2px;}
.even tr:nth-child(even),
.odd tr:nth-child(odd){background: #f1f1f1;}
tr:hover,
.odd tr:nth-child(odd):hover,
.even tr:nth-child(even):hover {background: #d4edda;}
td{line-height:20px;padding:15px 10px;}
td.ms{width:85px;}
td.xs{min-width:80px;}
.index-domain{font-size: 18px;padding-right:0;}
.index-price{width:70px;padding-left:0;text-align:right;}
.list-price{width:100px;}
.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;}
.related{background:#f1f1f1;border-top: 1px solid #ddd;}
.related a{margin:0 10px;font-size:18px; }

/********** pagination **********/
.pagination{overflow: hidden;color: #999;}
.pagination 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;}

/********** 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;}


@media screen and (max-width:960px){
    .logo{left: 10px;}
    .qrcode{right: 10px;}
    .nav{padding-left: 10px;}
    .main{padding:0 10px;}
    .suffix, .site, .category, .area-1, .area-2, .area-3, .area-4{float:none;width:100%;}
    .suffix, .area-1, .area-2, .area-3{margin-bottom:10px;border-bottom: 1px dashed #ccc;}
    .price{margin-left:0;}
}
@media screen and (max-width:768px){
    .header{padding:0 10px;}
    .contact{width:154px;background: url(img/mini.png) no-repeat 0 10px;}
    .grid a{width:33.33%;}
    .grid a:nth-child(4){border-top: 1px dashed #ddd;}
    .grid a:nth-child(4n+1) {border-left: 1px dashed #ddd;}
    .grid a:nth-child(3n+1){border-left:none;}
    .index-left,.index-right{float: none;width:100%;margin-right:0;}
    .index-intro{padding-left:0;padding-right:0;}
    .index-price{width:auto;padding-right:5px;color: #d94040;}
    .ms{display: none;}
}
@media screen and (max-width:560px){
    .header{margin-bottom: 10px;}
    .grid a{width:50%;}
    .grid a:nth-child(3){border-top: 1px dashed #ddd;}
    .grid a:nth-child(3n+1) {border-left: 1px dashed #ddd;}
    .grid a:nth-child(2n+1){border-left:none;}
    .simple,.alert{display: block;}
    .th-price{min-width:48px;}
    .list-price{width:auto;text-align:right;color: #d94040;}
    .pagination a, .pagination strong{margin-left: 4px;}
    .info th, .info td{width: auto;min-width: 80px;}
    .footer{word-break: keep-all;} 
    .xs{display: none;}
}