body{background-color:#f5f5f5;}



/*单域名详情*/
.viewleft .ymtit{float:left;border-bottom:#f0f0f0 solid 1px;width:1000px;background-color:#fcfcfc;}
.viewleft .ymtit li{float:left;}
.viewleft .ymtit .l1{padding:0 0 15px 90px;width:820px;text-align:center;}
.viewleft .ymtit .l1 h1{float:left;width:100%;padding:15px 0 0 0;font-size:19px;font-weight:500;}
.viewleft .ymtit .l1 span{float:left;color:#999;width:862px;padding-left:18px;margin:6px 0 0 0;background:url(../img/sj1.png) 370px center no-repeat;height:20px;line-height:20px;}
.viewleft .ymtit .l2{width:60px;padding:20px 0 0 30px;}
.viewleft .ymtit .l2 a{float:left;clear:both;padding-left:16px;height:23px;color:#666;line-height:23px;}
.viewleft .ymtit .l2 .a1{background:url(../img/jb.png) 2px center no-repeat;}
.viewleft .ymtit .l2 .a1:hover{color:#ff4441;background:url(../img/jb1.png) 2px center no-repeat;}
.viewleft .ymtit .l2 .a2{background:url(../img/sc.png) left center no-repeat;}
.viewleft .ymtit .l2 .a2:hover{color:#1296db;background:url(../img/sc1.png) left center no-repeat;}
.viewleft .ymu1{float:left;background-color:#fff;width:100%;}
.viewleft .ymu1 li{float:left;}
.viewleft .ymu1 .l1{width:103px;margin:0 0 0 19px;border-bottom:#f0f0f0 solid 1px;border-right:#f0f0f0 solid 1px;color:#999;font-size:14px;text-align:right;padding:0 20px 0 0;line-height:79px;}
.viewleft .ymu1 .l2{width:500px;line-height:79px;padding:0 0 0 20px;border-bottom:#f0f0f0 solid 1px;color:#1377e2;font-size:24px;}
.viewleft .ymu1 .l3{height:79px;border-bottom:#f0f0f0 solid 1px;width:318px;}
.viewleft .ymu2{float:left;background-color:#fff;width:100%;}
.viewleft .ymu2 li{float:left;}
.viewleft .ymu2 .l1{width:103px;margin:0 0 0 19px;border-bottom:#f0f0f0 solid 1px;border-right:#f0f0f0 solid 1px;color:#999;font-size:14px;text-align:right;padding:0 20px 0 0;line-height:58px;}
.viewleft .ymu2 .l2{width:816px;padding:0 0 0 20px;border-bottom:#f0f0f0 solid 1px;}
.viewleft .ymu2 .l2 .s1{float:left;font-size:14px;line-height:58px;}
.viewleft .ymu2 .l2 .s1 strong{color:#ff6600;}
.viewleft .ymu2 .l2 a{float:left;padding:0 10px 0 26px;border:#ff4800 solid 1px;border-radius:2px;color:#ff6f9e;margin:14px 0 0 14px;line-height:28px;background:url(../img/car.png) 9px center no-repeat;background-color:#fff9f4;border:#ff4800 solid 1px;}
.viewleft .ymu3{float:left;background-color:#fff;width:100%;}
.viewleft .ymu3 li{float:left;}
.viewleft .ymu3 .l1{width:103px;margin:0 0 0 19px;border-bottom:#f0f0f0 solid 1px;border-right:#f0f0f0 solid 1px;color:#999;font-size:14px;text-align:right;padding:0 20px 0 0;line-height:48px;}
.viewleft .ymu3 .l2{width:816px;padding:0 0 0 20px;height:48px;border-bottom:#f0f0f0 solid 1px;line-height:48px;font-size:14px;}
.viewleft .ymu4{float:left;background-color:#fff;width:100%;}
.viewleft .ymu4 li{float:left;}
.viewleft .ymu4 .l1{width:103px;margin:0 0 0 19px;color:#999;font-size:14px;text-align:right;padding:0 20px 0 0;line-height:48px;}
.viewleft .ymu4 .l2{width:816px;border-left:#f0f0f0 solid 1px;padding:0 0 20px 20px;line-height:48px;font-size:14px;}
.viewleft .ymu4 .l2 .txtmain{float:left;background-color:#fff;line-height:25px;font-size:14px;width:816px;padding:20px 0 20px 0;}
.viewleft .ymu4 .l2 .txtmain .img1{max-width:100% !important;margin:10px 0 0 0;}
.viewleft .ymu4 .l2 .txtmain .clear{float:left;width:100%;}
.viewleft .ymu4 .l2 .viewts{float:left;cursor:pointer;border:#e4d0be solid 1px;height:34px;padding-left:26px;width:786px;color:#d2733f;background:url(/img/deng.png) 10px center no-repeat;line-height:34px;background-color:#fefef5;}
.viewleft .jubao1{float:left;border:#e4d0be solid 1px;height:34px;padding-left:26px;width:972px;color:#d2733f;background:url(../../img/deng.png) 10px center no-repeat;line-height:34px;background-color:#fefef5;cursor:pointer;}


/* 域名列表页面 */
.web-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.web-item{border: 1px solid #eee; background: #fff; border-radius: 4px; overflow: hidden; display: flex; align-items: stretch;}
.web-item:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.web-item .web-img{width: 200px; flex-shrink: 0; overflow: hidden;}
.web-item .web-img img{width: 100%; height: 100%; object-fit: cover;}
.web-item .web-info{padding: 12px 15px; flex: 1; min-width: 0; display: flex; flex-direction: column;}
.web-item .web-title{font-size: 15px; font-weight: bold; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.web-item .web-title a{color: #333;}
.web-item .web-title a:hover{color: #ff6600;}
.web-item .web-meta{color: #666; font-size: 13px; margin-bottom: 8px;}
.web-item .web-meta span{margin-right: 15px;}
.web-item .web-meta .domain{color: #1e88e5;}
.web-item .web-price{font-size: 20px; color: #ff6600; font-weight: bold;}
.web-item .web-price small{font-size: 14px;}
.web-item .web-desc{color: #999; font-size: 12px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.web-item .web-actions{margin-top: 10px;}
.web-item .web-actions a{display: inline-block; padding: 5px 15px; background: #ff6600; color: #fff; border-radius: 3px; font-size: 12px; margin-right: 10px;}
.web-item .web-actions a:hover{background: #e55a00;}
.web-item .web-actions a.preview{background: #1e88e5;}
.web-item .web-actions a.preview:hover{background: #1565c0;}


/*详情左*/
.viewleft{float:left;margin:30px 0 0 0;text-align:left;width:1000px;}
.viewleft .proinf{float:left;width:936px;background-color:#fff;border-radius:7px;padding:17px 32px;}

.viewleft .proinf .focus{float:left;width:351px;margin:0 32px 0 0;}
.viewleft .proinf .focus .picFocus{float:left;width:100%;position:relative;overflow:hidden;min-height:300px;}
.viewleft .proinf .focus .picFocus .bd li{float:left;width:100%;height:350px;background-color:#000;overflow:hidden;}
.viewleft .proinf .focus .picFocus .bd li img{ width:100%;height:350px; display:block;  }
.viewleft .proinf .focus .picFocus .hd{float:left;margin:5px 0 0 0;width:125%;overflow:hidden; }
.viewleft .proinf .focus .picFocus .hd ul{ margin-right:-5px;overflow:hidden;}
.viewleft .proinf .focus .picFocus .hd ul li{ float:left;}
.viewleft .proinf .focus .picFocus .hd ul li img{ width:66px;height:66px;cursor:pointer;margin-right:5px;   }
.viewleft .proinf .focus .picFocus .hd ul li.on{width:63px; height:63px;margin-right:5px;border:#ff0000 solid 1px;padding:1px;}
.viewleft .proinf .focus .picFocus .hd ul li.on img{width:63px; height:63px; }
/*详情*/
.viewleft .protxtmain{float:left;line-height:30px;background-color:#fff;font-size:14px;padding:15px 20px;width:960px;}
.viewleft .protxtmain .img1{width:100% !important;margin:10px 0 0 0;}
.viewleft .protxtmain .pcap{float:left;margin:15px 0 0 0;width:936px;font-size:14px;font-weight:700;padding-left:24px;}
.viewleft .protxtmain .pcap1{background:url(../img/sp1.png) left center no-repeat;}
.viewleft .protxtmain .pcap2{background:url(../img/sp2.png) left center no-repeat;}
.viewleft .protxtmain .pcap3{background:url(../img/sp3.png) left center no-repeat;}
.viewleft .protxtmain .sxu1{float:left;border-top:#e5e5e5 solid 1px;border-left:#e5e5e5 solid 1px;margin:8px 0 0 0;width:956px;font-size:12px;}
.viewleft .protxtmain .sxu1 li{float:left;line-height:34px;}
.viewleft .protxtmain .sxu1 .l1{width:72px;text-align:right;padding-right:8px;color:#888;background-color:#f5f5f5;border:#e5e5e5 solid 1px;border-top:0;border-left:0;}
.viewleft .protxtmain .sxu1 .l2{padding-left:8px;border-bottom:#e5e5e5 solid 1px;border-right:#e5e5e5 solid 1px;width:149px;height:34px;overflow:hidden;}
.viewleft .protxtmain .azu1{float:left;border-top:#e5e5e5 solid 1px;border-left:#e5e5e5 solid 1px;margin:8px 0 0 0;width:956px;font-size:12px;}
.viewleft .protxtmain .azu1 li{float:left;line-height:34px;}
.viewleft .protxtmain .azu1 .l1{width:72px;text-align:right;padding-right:8px;color:#888;background-color:#f5f5f5;border:#e5e5e5 solid 1px;border-top:0;border-left:0;}
.viewleft .protxtmain .azu1 .l2{padding-left:8px;border-bottom:#e5e5e5 solid 1px;border-right:#e5e5e5 solid 1px;width:388px;height:34px;overflow:hidden;}

/*详情切换*/
.viewleft .procap{float:left;width:1000px;height:49px;border-bottom:#ededed solid 1px;background-color:#fff;margin:15px 0 0 0;border-radius:7px 7px 0 0;}
.viewleft .procap a{float:left;padding:0 22px 0 41px;line-height:49px;color:#777;font-size:14px;}
.viewleft .procap .a1{background:url(../img/cap1h.png) 21px center no-repeat;}
.viewleft .procap .a2{background:url(../img/cap8.png) 21px center no-repeat;}
.viewleft .procap .a3{background:url(../img/cap9.png) 21px center no-repeat;}
.viewleft .procap .a4{background:url(../img/cap10.png) 21px center no-repeat;}
.viewleft .procap .a1h{background:url(../img/cap1h.png) 21px center no-repeat;color:#ff6600;font-weight:700;}
.viewleft .procap .a2h{background:url(../img/cap2h.png) 21px center no-repeat;color:#ff6600;font-weight:700;}
.viewleft .procap .a3h{background:url(../img/cap3h.png) 21px center no-repeat;color:#ff6600;font-weight:700;}
.viewleft .procap .a4h{background:url(../img/cap4h.png) 21px center no-repeat;color:#ff6600;font-weight:700;}
.viewleft .procap .buy{float:right;padding:0 30px;line-height:49px;font-weight:700;background-color:#ff6000;color:#fff;display:none;}
.viewleft .fixednav{position:fixed;top:0px;margin-top:0;}
.viewleft .fixednav .buy{display:block;}






















/* 域名列表页面 */
.domain-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
@media (max-width: 1100px){.domain-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 700px){.domain-grid{grid-template-columns: 1fr;}}
.domain-card{border: 1px solid #eee; background: #fff; border-radius: 8px; overflow: hidden; transition: box-shadow 0.25s ease, transform 0.25s ease; display: flex; flex-direction: column; min-height: 200px;}
.domain-card:hover{box-shadow: 0 4px 20px rgba(0,0,0,0.12); transform: translateY(-2px); border-color: #ddd;}
.domain-card-body{padding: 20px; flex: 1; display: flex; flex-direction: column;}
.domain-card .card-tag{margin-bottom: 10px;}
.domain-card .card-domain-name{font-size: 17px; color: #1e88e5; font-weight: bold; word-break: break-all; line-height: 1.4; margin-bottom: 4px;}
.domain-card .card-domain-name a{color: #1e88e5; text-decoration: none;}
.domain-card .card-domain-name a:hover{text-decoration: underline;}
.domain-card .card-title{font-size: 13px; color: #666; line-height: 1.4; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px;}
.domain-card .card-title a{color: #666; text-decoration: none;}
.domain-card .card-title a:hover{color: #ff6600;}
.domain-card .card-meta{color: #999; font-size: 12px; display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}
.domain-card .card-seller{max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.domain-card .card-footer{padding: 12px 20px; border-top: 1px solid #f5f5f5; display: flex; align-items: center; justify-content: space-between; background: #fafafa;}
.domain-card .card-price{font-size: 20px; color: #ff6600; font-weight: bold;}
.domain-card .card-price small{font-size: 13px;}
.domain-card .card-btns{display: flex; gap: 6px;}
.domain-card .card-btns a{display: inline-block; padding: 5px 14px; background: #ff6600; color: #fff; border-radius: 3px; font-size: 12px; text-decoration: none; transition: background 0.2s;}
.domain-card .card-btns a:hover{background: #e55a00;}
.domain-card .card-btns a.btn-whois{background: #1e88e5;}
.domain-card .card-btns a.btn-whois:hover{background: #1565c0;}
.tag-single{display: inline-block; padding: 2px 9px; background: #e3f2fd; color: #1976d2; font-size: 11px; border-radius: 3px;}
.tag-multi{display: inline-block; padding: 2px 9px; background: #f3e5f5; color: #7b1fa2; font-size: 11px; border-radius: 3px;}

/* 评论区样式*/.comment-section{background: #fff;padding: 20px;margin-bottom: 20px;}
.comment-section h3{font-size: 16px;border-bottom: 2px solid #ff6600;padding-bottom: 10px;margin-bottom: 15px;}
.comment-section h3 .count{font-size: 13px;color: #999;font-weight: normal;margin-left: 8px;}
.comment-item{padding: 15px 0;border-bottom: 1px solid #f5f5f5;}
.comment-item:last-child{border-bottom: none;}
.comment-header{display: flex;align-items: center;margin-bottom: 8px;}
.comment-avatar{width: 36px;height: 36px;border-radius: 50%;margin-right: 10px;object-fit: cover;}
.comment-author{font-size: 14px;font-weight: bold;color: #333;}
.comment-floor{font-size: 12px;color: #999;margin-left: 10px;}
.comment-time{font-size: 12px;color: #ccc;margin-left: auto;}
.comment-content{font-size: 14px;color: #555;line-height: 1.6;margin-bottom: 6px;padding-left: 46px;}
.comment-actions{padding-left: 46px;font-size: 12px;}
.comment-actions a{color: #1e88e5;text-decoration: none;margin-right: 12px;}
.comment-actions a:hover{text-decoration: underline;}
.comment-reply{background: #f9f9f9;border-radius: 4px;padding: 10px 12px;margin: 8px 0 8px 46px;}
.comment-reply-item{padding: 6px 0;font-size: 13px;color: #666;border-bottom: 1px dashed #eee;}
.comment-reply-item:last-child{border-bottom: none;}
.comment-reply-item .reply-author{color: #333;font-weight: bold;}
.comment-reply-item .reply-time{color: #ccc;font-size: 12px;margin-left: 8px;}
.comment-reply-box{display: none;margin: 8px 0 0 46px;}
.comment-reply-box textarea{width: 100%;height: 60px;border: 1px solid #ddd;border-radius: 4px;padding: 8px;font-size: 13px;resize: none;}
.comment-reply-box .reply-btn{display: inline-block;margin-top: 6px;padding: 5px 16px;background: #ff6600;color: #fff;border: none;border-radius: 3px;font-size: 13px;cursor: pointer;}
.comment-reply-box .reply-btn:hover{background: #e55a00;}
.comment-reply-box .cancel-btn{display: inline-block;margin-top: 6px;padding: 5px 16px;background: #fff;color: #666;border: 1px solid #ddd;border-radius: 3px;font-size: 13px;cursor: pointer;margin-left: 8px;}
.comment-form{margin-top: 20px;padding-top: 15px;border-top: 1px solid #eee;}
.comment-form textarea{width: 100%;height: 80px;border: 1px solid #ddd;border-radius: 4px;padding: 10px;font-size: 14px;resize: vertical;}
.comment-form .form-actions{margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.comment-form .form-actions .tip{font-size: 12px;color: #999;}
.comment-form .submit-btn{padding: 8px 24px;background: #ff6600;color: #fff;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;}
.comment-form .submit-btn:hover{background: #e55a00;}
.comment-empty{text-align: center;padding: 30px;color: #ccc;font-size: 14px;}
.comment-more{text-align: center;padding: 10px;}
.comment-more a{color: #1e88e5;font-size: 13px;text-decoration: none;}
.comment-loading{text-align: center;padding: 20px;color: #ccc;}