.topic-domain { margin-top:1rem;background:#FFF; margin-bottom:.2rem; padding:.2rem 0; border-bottom:1px solid #ddd; }
.topic-domain .search { position:relative; padding:0 1.4rem 0 1rem; margin:0 2% .2rem; }
.topic-domain .search li { height:.6rem; line-height:.6rem; }
.topic-domain .search li:first-child { position:absolute; left:0; top:0; font-size:.24rem; }
.topic-domain .search li:last-child { position:absolute; right:0; top:0; width:1.2rem; }
.topic-domain .search .submit { width:100%; height:.6rem; background:url(../../images/domain/sos.png) center center no-repeat #e14948; background-size:.5rem; border:0; border-radius:3px; position:absolute; left:0; top:0; }
.topic-domain .search .submit:active { background-color:#c41d1c; }
.topic-domain .search .txt { width:100%; height:.6rem; border:1px solid #e4e4e4; background:#f7f7f7; padding:0 .1rem; border-radius:3px; }

.topic-domain .type {  }
.topic-domain .checkbox li { float:left; width:22.66%; margin:0 0 0 2%; }
.topic-domain .checkbox label { display:block; height:.7rem; line-height:.7rem; padding:0 0 0 .5rem; position:relative; }
.topic-domain .checkbox input { position:absolute; left:0; top:0; opacity:0; background:none; width:100%; height:.7rem; }
.topic-domain .checkbox label:before { content:''; width:.3rem; height:.3rem; background:#f7f7f7; position:absolute; left:0; top:.2rem; border:1px solid #e4e4e4; border-radius:3px; }
.topic-domain .checkbox label.checked:before { background:url(../../images/domain/rep-true.png) center center no-repeat #ed7017; border-color:#ed7017; background-size:.2rem; }


.topic-server { background:#FFF; margin-bottom:.2rem; padding:.2rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.topic-server .list { margin:0 2%; border:1px solid #ddd; border-radius:5px; margin-bottom:.2rem; }
.topic-server dt { line-height:.6rem; margin:0 0 0 2%; padding:0 0 0 .65rem; position:relative; }
.topic-server dt:after { content:''; width:.6rem; height:.6rem; position:absolute; right:0; top:0; background:url(../../images/domain/more.png) center center no-repeat; background-size:.3rem; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
.topic-server dt:before { content:''; width:.4rem; height:.4rem; position:absolute; left:0; top:.1rem; }
.topic-server .list:nth-child(1) dt:before { background:url(../../images/domain/host-d100.png) center center no-repeat; background-size:.4rem; }
.topic-server .list:nth-child(2) dt:before { background:url(../../images/domain/host-d200.png) center center no-repeat; background-size:.4rem; }
.topic-server .list:nth-child(3) dt:before { background:url(../../images/domain/host-d300.png) center center no-repeat; background-size:.4rem; }
.topic-server .list:nth-child(4) dt:before { background:url(../../images/domain/host-d500.png) center center no-repeat; background-size:.4rem; }
.topic-server .list:nth-child(5) dt:before { background:url(../../images/domain/host-d1000.png) center center no-repeat; background-size:.4rem; }
.topic-server dt h2 { font-size:.24rem; font-weight:400; }
.topic-server dt span { opacity:.5; font-size:.24rem; margin-left:.1rem;  }
.topic-server dd { line-height:.6rem; border-top:1px solid #ddd; margin:0 2%; padding:0 .05rem; display:none; }
.topic-server .list.current dd { display:block; }
.topic-server .list.current dt:after { -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); }
