@charset "utf-8";

/*全局样式*/
* {padding:0px; margin:0px;}
html,body{ height:100%;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {font-size:14px;padding:0px; background:#99a3af; font-family: "Microsoft YaHei","黑体",Arial,sans-serif;width:auto;}
label {font-size:14px; font-family: "Microsoft YaHei","黑体",Arial,sans-serif;}
ul, li, ol, li { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:14px; }
img { border:0px; margin:0px; padding:0px; vertical-align:middle; }
table { border:0px; font-size:14px;}
.c{clear:both;}
a{ text-decoration:none;}
.no_bor{border-right:none;}
.no_bor_t{border-top:none;}
input, select,textarea{ vertical-align:middle;font-size:12px;font-family:"Microsoft YaHei","黑体",Arial,sans-serif; padding:3px; line-height:20px; }
/*为了消除选中时的虚线框*/
a{
	bblr:expression(this.onFocus=this.blur());/*IE使用*/
	outline-style:none;/*FF使用*/
}
.fl{float:left;}
.f4{float:right;}
.relative{position:relative;}

.domain{ width:510px; height:210px; margin:0 auto; text-align:left; color:#444; padding:140px 0 40px 340px; background:url(../images/show_img5/main_top.png) no-repeat center 120px;}
.domain h2{ font-size:50px; font-weight:bold; line-height:54px; max-height:104px; overflow:hidden; padding:10px 0; word-break: break-all; word-wrap: break-word;  margin:0 auto; color:#286d92;}
.domain h5{ font-size:14px; line-height:30px; color:#666;}
.domain h3{ font-size:16px; line-height:24px; color:#666;}
.domain .whois_btn{ width:120px; height:30px; margin:20px 0; text-align:center; position:relative; border:1px solid #adbac1; }
.domain .whois_btn a{display:block; }
.domain .whois_btn em{ position:absolute; top:0; left:0; right:0; font-size:16px; line-height:30px; color:#0c97c9; font-style:normal;}
.domain .whois_btn em i{ width:24px; height:24px; display:inline-block; background:url(../images/show_img5/icon_search.png) no-repeat; vertical-align:middle;}
.domain .whois_btn:hover{ border:1px solid #286d92;}
.domain .whois_btn a:hover em{ color:#fff;}
.domain .whois_btn a:hover em i{background:url(../images/show_img5/icon_search.png) no-repeat 0 -24px;}
.domain .whois_btn .bg{width:120px; height:30px; background:url(../images/show_img5/whois_btnbg.png) repeat-x top;}
.domain .whois_btn a:hover .bg{ background:#286d92;}

.main{ margin:0 auto; width:850px;background:#fff;}
.main .top,.main .bottom{ display:none;}
.main .content{ width:810px;  min-height:40px; padding: 30px 20px; position:relative; }
.main .content .seal{ display:none;}

.main .content .box{ float:right; width:440px;}
.main .content .p1{ color:#444; font-size:14px; line-height:24px; padding:0 0 10px 0;}
.main .content .p1 b{ font-weight:bold; color:#444;}

.main .content .p2{ color:#444; font-size:14px; line-height:26px; background:#fafafa; border:1px solid #d4d4d4;}
.main .content .p2 p{ display:none;}
.main .content .p2 ul{padding:10px;}
.main .content .p2 ul li span{ color:#444; margin-right:10px; font-weight:bold;}
.main .content .p2 ul li{ display:inline-block; *display:inline; *zoom:1; line-height:30px;}
.main .content .p2 .btn_buy{ line-height:32px; text-align:center; width:90px; background:#41a0d3; color:#fff; display:block; margin:0 auto 20px;}
.main .content .p2 .btn_buy:hover{ background:#286d92;}

.main .content .contact{ float:left; width:320px;}
.main .content .contact .dt{ display:none;}
.main .content .contact .wx{ float:left; width:108px; line-height:30px; font-size:14px; color:#444; text-align:center;margin-right:20px;}
.main .content .contact .wx img{ display:block; width:108px;  border:1px solid #ccc;}
.main .content .contact .list{line-height:30px; font-size:14px; color:#444; display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;word-break: break-all; word-wrap: break-word;}
.main .content .contact .list:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.main .content .contact .list em{ display:block; border-bottom:1px dashed #d4d4d4; font-style:normal;}

.powered{ text-align:center; color:#7a7a7a; line-height:30px; background:#ececec;}
.powered a{display:block; color:#7a7a7a; }
.powered a:hover{text-decoration:underline; }


@media only screen and (min-width: 481px) and (max-width: 960px) { 
.domain{ width:auto; padding: 140px 0 40px 280px;}
.domain h2{ font-size:3.2em;line-height:1.2em; padding:0.4em 0;}
.domain h5{ font-size:1.2em; line-height:1.2em;}
.main{ width:auto;}
.main .content .box{ width:410px;}
.main .content{ width:auto; padding:20px 10px 40px 10px; position:relative;}
.main .content .contact{width:310px;}
.main .content .contact .list{padding-left:10px;}
} 

@media only screen and (max-width: 480px) {
.domain{ background:#efefef;padding:30px 20px 10px 20px;text-align:center; height:auto; width:auto; margin:20px 20px 0 20px;}
.domain .whois_btn{margin:20px auto; position:relative; }
.domain .whois_btn em{ font-size:1em;}
.domain h2{ font-size:3em;line-height:1.2em; max-height:2.3em;}
.domain h5{ font-size:0.9em; line-height:1.5em;}
.main{ margin:0 20px 20px 20px; width:auto;}
.main .content .box{ float:none; width:auto;}
.main .content{ width:auto; background-image:none; background:#fff; min-height:180px; padding:3%; position:relative; }
.main .content .p1,.main .content .p2,.main .content .contact .dt,.main .content .contact .list{ font-size:1em;}
.powered a{ font-size:0.9em; line-height:3em;}
.main .content .p2 ul li{ display:block;}
.main .content .contact{ float:none; width:auto; padding:20px 0; }
.main .content .contact .wx{margin:0 auto; float:none; font-size:1em;}
.main .content .contact .list{padding:0; display:block;}

}