#bottom{margin-top:0;}
#Pages{width:100%;}
body{font-family: microsoft yahei;}
.txt_title{font-size:32px;text-align:center;font-weight: normal;height: 40px;line-height: 40px;margin-bottom: 50px;}
.txt_p{font-size:14px;color:#666;text-align:center;}
.com_width{max-width:1182px;margin:0 auto;}
.card_content{overflow: hidden;}
.card_btn {width: 215px;margin: 0 auto;margin-top: 40px;margin:0 auto !important;}
.card_btn a{display:block;color:#000;font-size:16px;padding: 13px 0;border: 1px solid #000;}
.card_btn a:hover {background: #c00 !important;color: #fff !important;border: 1px solid #c00 !important;}

.new_banner .banner_item{ background-size: auto; background-position: center bottom;}
.new_banner .banner_item .title{ display: none;}

.card_f1{padding:60px 0 30px;overflow: hidden;}
.card_f1 .card_content .contentList{width: 42.5%;float: left;margin-right: 3%;background: #fff;margin-bottom:30px;padding:3%;}
.card_f1 .card_content .contentList:nth-child(2n) {margin-right: 0;}
.card_f1 .card_content .contentList>div{display: inline-block;vertical-align: middle;}
.card_f1 .card_content .contentList .content_img{width:95px;}
.card_f1 .card_content .contentList .listTxt{width: calc(100% - 100px );}
.card_f1 .card_content .contentList .listTxt h3 {font-size: 22px;font-weight: normal;height: 28px;line-height: 28px;}
.card_f1 .card_content .contentList .listTxt p {color: #666;font-size: 12px;line-height: 20px;margin-top: 5px;}
.card_f2 {background: url(../images/card/banner_f2.jpg) center no-repeat;background-size: cover;height:520px;clear: both;}
.card_f2 h2{color:#fff;padding-top: 60px;margin-bottom:10px;}
.card_f2 img{margin: 0 auto;display: block;}
.card_f3 {padding: 60px 0;background: #fafafa;}
.card_f3 h2{margin-bottom:10px;}
.card_f3 .com_width{width:95%;}
.card_f3 .card_content{overflow: hidden;margin-top: 40px; overflow: hidden; height: 280px;}
.card_f3 .card_content .contentList{float: left;background: #ededed;width:300px;/* width: calc(100%/5 - 16px); */margin-right: 20px;height:235px; margin-bottom: 50px;}
.card_f3 .card_content .contentList img{ width:100%;height:auto;}
.card_f3 .card_content .contentList:last-of-type{margin-right:0;}
.card_f4 {background: url(../images/card/banner_f4.jpg) center no-repeat;background-size: cover;height:460px;clear: both;}
.card_f4 h2{color:#fff;padding-top:40px;}
.card_f4 .card_content .contentList{float: left;width: calc(100%/4 - 23px);margin-right: 30px;height:270px;background: #fff;}
.card_f4 .card_content .contentList:last-of-type{margin-right:0;}
.card_f4 .card_content .contentList .cricle_txt {border-top: 3px solid #8b94fb;width: 120px;margin: 0 auto;}
.card_f4 .card_content .contentList .cricle_txt span{display:block;height: 120px;width: 120px;background: #eee;margin: 0 auto;border-radius: 50%;text-align: center;line-height: 120px;font-size: 50px;margin-top: 35px;}
.card_f4 .card_content .contentList .detail_txt {width: 80%;margin: 0 auto;text-align: center;margin-top: 30px;font-size: 18px;line-height: 1.4;color: #333;}
.card_f5 {background: #fff url(../images/card/bg_cardf5.png) no-repeat;padding: 60px 0;background-position: center 26%; background-size: auto;}
.card_f5 .txt_title{margin-bottom:0;}
.card_f5 .card_content .contentList{float: left;width: calc(100%/3 - 100px);margin-right:150px;}
.card_f5 .card_content .contentList:last-of-type{margin-right:0;}
.card_f5 .card_content .contentList .contentImg{text-align:center;}
.card_f5 .card_content .contentList .detail_txt{text-align:center;margin-top:20px;}
.card_f5 .card_content .contentList .detail_txt h3 {font-size: 22px;font-weight: normal;height: 40px;line-height: 40px;margin-bottom:5px;}
.card_f5 .card_content .contentList .detail_txt p {color: #000;font-family: 'ËÎÌå';}
.card_f5 .card_content{height: 433px;position: relative;}
.card_f5 .card_content .contentList01 {position: absolute;left:0;top:10px;}
.card_f5 .card_content .contentList02 {position: absolute;left: 38%;bottom: 0;}
.card_f5 .card_content .contentList03 {position: absolute;right: 0;bottom: 30px;}
.card_f5 .card_btn{margin-top:60px;}
.card_f5 .card_btn a{color:#fff;background:#ec284a;border:1px solid #ec284a;}
.card_f6 {background: #fff url(../images/card/bg_cardf6.png) no-repeat;padding: 60px 0;background-position: center 26%; background-size: auto;height:560px;}
.card_f6 .txt_title{margin-bottom:0;}
.card_f6 .txt_p{color:#333;font-size:16px;font-weight: bold;height:40px;line-height:40px;}
.card_f6 .card_content{max-width:1000px;margin:0 auto;padding: 40px 0 20px;}
.card_f6 .card_content .input_bar{font-size:0;}
.card_f6 .card_content .input_bar .do_input{padding:0 20px;height: 55px;line-height:55px;clear: both;width: 688px;border: 1px #ddd solid;font-size:16px;}
.card_f6 .card_content .input_bar select{height: 57px;line-height: 57px;width: 125px;padding: 0 20px;border: 1px #ddd solid;border-left: 0;border-right: 0;background: #f3f3f3;font-size: 24px;vertical-align: top;cursor: pointer;font-weight: bold;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(images/card/selectBg.png) no-repeat;background-position: 85% center;}
.card_f6 .card_content .input_bar .checkedInput {font-family: microsoft yahei;width: 145px;height: 57px;line-height: 57px;border: 1px solid #ec284a;font-size: 22px;background: #ec284a;color: #fff;vertical-align: top;padding:0 10px;cursor: pointer;}
.card_f6 .card_content .do_ad {clear: both;overflow: hidden;margin-top: 10px;font-family: '΢ÈíÑźÚ';color: #333;font-size: 14px;font-weight: normal;width: 100%;padding-bottom: 30px;}
.card_f6 .card_content .do_ad ul {max-width: 1000px;margin: 0 auto;overflow: hidden;zoom: 1;margin-top: 20px;}
.card_f6 .card_content .do_ad li a {display: block;color: #333;background: url(../../images/v8/domain_search_price_ico.png) no-repeat;padding-left: 40px;height: 24px;float: left;margin-right: 25px;text-align: left;line-height: 24px;}
.card_f6 .card_content .do_ad li a:first-child {margin-left: 0;}
.card_f6 .card_content .do_ad li a.a2 {background: url(../../images/v8/newIco.png) -295px center no-repeat;padding-left: 42px;}
.card_f6 .card_content .do_ad li a.vip {background: url(../../domain/images/game/dot.png) -11px -9px no-repeat;}
.card_f6 .card_content .do_ad li a.a6 {background-position: -493px 0px;}
.card_f6 .card_content .do_ad li a.a1 {background: url(../../public/images/com.png) no-repeat;padding-left: 75px;background-size: 75px;background-position-y: 4px;height: 28px;}
.card_f6 .card_content .do_ad li a.a4 {background: url(../../images/v8/newIco.png) -168px center no-repeat;padding-left: 70px;}
.card_f6 .card_content .do_ad li a.acm {background: url(../../images/v8/domain_search_price_ico1.png) -299px center no-repeat;padding-left: 52px;}
.card_f6 .card_content .do_ad li a.a7 {background-position: -600px 0px;}
.card_f6 .card_content .do_ad li a.chinesedomain {background: url(../../images/v8/gswl.png) left center no-repeat;padding-left:75px;margin-right:0;}
.card_f6 .card_content .do_ad span {font-size: 16px;margin-left: 5px;color: #434445;font-weight: normal;}
.card_f6 .card_btn{margin-top:0;}
.card_f6 .card_btn a{color:#333;background: #e0e0e0;border:1px solid #e0e0e0;}
.card_f6 .card_rule {width: 400px;margin: 0 auto;margin-top: 60px;background: url(../images/card/card_ruleBg.png) no-repeat;background-position: center 34%;height:200px;}
.card_f6 .card_rule h2{text-align:center;font-weight: normal;font-size: 32px;}
.card_f6 .card_rule ul{padding: 27px 0;width: 300px;margin: 0 auto;}
.card_f6 .card_rule ul li{font-size:15px;line-height: 1.6;}

#showSlider {
	width: 100%;
	overflow: hidden;
}

.sec.sec8_txt01 { font-size: 32px; line-height: 1.8; text-align: center; padding: 50px 0 20px;}
.sec.sec8_moban { max-width: 1182px; margin: 0 auto;}

#templatelist{max-width:1182px; margin:0 auto; padding-bottom:30px;}
.btitle{font-size:36px;padding-bottom:8px;padding-top:40px}
.templateDetail{font-size:16px;font-family:"Microsoft YaHei","verdana";margin-bottom:20px}
.templateDetail b{color:#c00;font-family:georgia}
#templatelist .changeColor{text-align:center; overflow:hidden; margin:10px auto;}
#templatelist .changeColor a{display:inline-block; border-radius:100%; width:42px; height:42px; margin:0 10px; opacity:.8; filter:Alpha(opacity=80);}
#templatelist .changeColor a:hover{opacity:1; filter:Alpha(opacity=100);}
#templatelist .changeColor a.a1{background:#ff0000;}
#templatelist .changeColor a.a2{background:#ff9900;}
#templatelist .changeColor a.a3{background:#ffcc00;}
#templatelist .changeColor a.a4{background:#009900;}
#templatelist .changeColor a.a5{background:#00ccff;}
#templatelist .changeColor a.a6{background:#000000;}
#templatelist .changeColor a.a7{background:#999999;}
#templatelist .changeColor a.a8{background:url(/design/images/20160907/c.png) no-repeat center;}

/*====== scrollList =======*/

.manage,.modelList{ clear:both; position:relative; margin-top:34px;}
#scrollList ul{ overflow:hidden; zoom:1; clear:both; }
#scrollList ul li{ display:block; float:left; background:#fff; border:1px solid #ccc; padding:10px 0; width:130px; text-align:center; margin-right:10px;}
#scrollList ul li img{ border:0;}
.LeftBotton{ background:url(/design/images/V6_0827/next.png) left 0px no-repeat; float:left; width:84px; height:84px !important; position:absolute; left:-75px; top:260px; cursor:pointer;}
.RightBotton{ background:url(/design/images/V6_0827/next.png) right 0px no-repeat; float:right; width:84px; height:84px !important; position:absolute; right:-75px; top:260px; cursor: pointer;}

/*====== modelList =======*/
#modelList ul{ overflow:hidden; zoom:1; clear:both;width:1182px;}
#modelList ul li{ display:block; float:left;width:273px;margin-right:30px;text-align:center}
#modelList ul li .showModel{ overflow:hidden;zoom:1; clear:both; margin:15px 0 10px 0;}
#modelList ul li.rLi{margin-right:0px;text-align:right}
#modelList ul li.rLi .showModel{}
.modelList .LeftBotton,.modelList .RightBotton{ height:470px;}

.showImg{  clear:both;position:relative;transform: scale(1,1);}
.showImg:hover{transform: scale(1.02,1.02);}
.showImg .myshow{ }
.showImg .myshow img{display:block;width:260px;}
.showContent{overflow:hidden;zoom:1;margin-top:20px;text-align:center;}
.showContent #left-content{text-align:left; float: left;}
.showContent #left-content .grayfont{width: 118px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.showContent #right-content{float:right;margin-top:10px}
.showContent #right-content a{width:60px;font-size:12px;color:#fff;text-align:center;border:0px;}
.showContent #right-content a.btn_pre{background:#494949;border-bottom:0px;margin-right:5px}
.showContent #right-content a.btn_pre:hover{background:#222}

.showImg{overflow:visible !important}

#modelList #PC_show{background: url(/design/images/V6_0827/boxshow_t260.png) left top no-repeat;padding-top:22px;height:180px;overflow:hidden;zoom:1;}

#modelList .mobile_show{width: 93px;height: 138px;padding-top: 18px;position: absolute;z-index: 9999;bottom: -30px;right: -3px;text-align: center;background: url(/design/images/V6_0827/mobile.png) no-repeat center;}
#modelList .mobile_show .mymobileshow{display:block;height:110px;overflow:hidden;zoom:1}

.designLink { display: none;}
.showall_btn {  background: none; border: 1px solid #333; color: #333; display: block; width: 250px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; margin: 10px auto 30px;}
.showall_btn:hover { border: 1px solid #c00; color: #c00;}


@media screen and (min-width:1024px) and (max-width:1200px){
	.card_f2 img{width:95%;}
	#modelList{max-width:100% !important;}
	.LeftBotton{left:20px;z-index: 11111;}
	.RightBotton{right: 20px;z-index: 11111;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.card_f2 img{width:95%;}
	#modelList{max-width:100% !important;}
	.LeftBotton{left:20px;z-index: 11111;}
	.RightBotton{right: 20px;z-index: 11111;}
	.card_f6 .card_content .input_bar #ce{width: 60%;}
	.card_f5 .card_content .contentList .contentImg img{width:100%;}
	.buy_button span{width:50%;margin-right:0 !important;}
	.buy_button span a{width: 50% !important;}
	.card_f4{height:auto;}
	.card_f4 .card_content .contentList{width: calc(100%/2 - 20px);margin: 10px;}
}
@media screen and (min-width:414px) and (max-width:767px){
	.bannerImg{height:200px !important;}
	.card_f2 img{width:95%;}
	#modelList{max-width:100% !important;}
	.LeftBotton{left:20px;z-index: 11111;}
	.RightBotton{right: 20px;z-index: 11111;}
	.card_f6 .card_content .input_bar #ce{width: 60%;}
	.card_f5 .card_content .contentList .contentImg img{width:30%;}
	.buy_button span{width:70%;margin-right:0 !important;height:auto !important;line-height: 90px !important;}
	.buy_button span a{width: 50% !important;margin-top: 20px !important;}
	.card_f4{height:auto;}
	.card_f4 .card_content .contentList{width: calc(100%/2 - 20px);margin: 10px;}
	.card_f1 .card_content .contentList{width: 94%;margin-right: 0;}
	.card_f2{height:auto;}
	.txt_title,.bounceInUp p,.card_f6 .card_rule h2{font-size:18px;}
	#templatelist .changeColor a{width: 22px;height: 22px;}
	.card_f5 .card_content .contentList{width: 100%;position: inherit;left:0;top:0;margin-bottom:10px;}
	.card_f5 .card_content .contentList .detail_txt h3{font-size: 18px;}
	.buy_button span p,.buy_button span a{font-size: 16px !important;}
	.card_f6 .card_content .input_bar select{height: 55px;line-height: 55px;width: 18%;padding: 0 10px; font-size: 18px;}
	.card_f6 .card_content .input_bar .checkedInput{width: 20% !important;height: 55px;line-height: 55px;font-size: 14px;padding: 0px;}
	.do_ad li{width: 33%;float: left;height: 28px;}
	.card_f6 .card_content .do_ad li a.a1{background-size: 60px;}
	.card_f4 .card_content .contentList .cricle_txt span{font-size: 32px;}
	.card_f4 .card_content .contentList .detail_txt{font-size: 16px;}
	.card_f1 .card_content .contentList .listTxt h3{font-size:18px;}
	.txt_title{margin-bottom: 20px;}
	.card_f1{padding: 20px 0 30px;}
	.card_btn{width:50%;margin:0 auto !important;}
	.card_f6 .card_content .input_bar .do_input{width:62%;}
	.card_f5 .card_content{height:auto;}
	.card_f5{background:#fff !important;}
}
@media screen and (min-width:320px) and (max-width:413px){
	.bannerImg{height:200px !important;}
	.card_f2 img{width:95%;}
	#modelList{max-width:100% !important;}
	.LeftBotton{left:20px;z-index: 11111;}
	.RightBotton{right: 20px;z-index: 11111;}
	.card_f6 .card_content .input_bar #ce{width: 60%;}
	.card_f5 .card_content .contentList .contentImg img{width:30%;}
	.buy_button span{width:70%;margin-right:0 !important;height:auto !important;line-height: 90px !important;}
	.buy_button span a{width: 50% !important;margin-top: 20px !important;}
	.card_f4{height:auto;}
	.card_f4 .card_content .contentList{width: calc(100%/2 - 20px);margin: 10px;}
	.card_f1 .card_content .contentList{width: 94%;margin-right: 0;}
	.card_f2{height:auto;}
	.txt_title,.bounceInUp p,.card_f6 .card_rule h2{font-size:16px;}
	#templatelist .changeColor a{width: 22px;height: 22px;}
	.card_f5 .card_content .contentList{width: 100%;position: inherit;left:0;top:0;margin-bottom:10px;}
	.card_f5 .card_content .contentList .detail_txt h3{font-size: 18px;}
	.buy_button span p,.buy_button span a{font-size: 18px !important;}
	.card_f6 .card_content .input_bar select{height: 55px;line-height: 55px;width: 18%;padding: 0 10px;    font-size: 18px;}
	.card_f6 .card_content .input_bar .checkedInput{width: 20% !important;height: 55px;line-height: 55px;font-size: 14px;padding: 0px;}
	.do_ad li{float: left;height: 28px;}
	.card_f6 .card_content .do_ad li a.a1{background-size: 60px;}
	.card_f6 .card_rule{width:100%;background-size:100%;}
	.card_f4 .card_content .contentList .cricle_txt span{font-size: 32px;}
	.card_f4 .card_content .contentList .detail_txt{font-size: 14px;}
	.card_f1 .card_content .contentList .listTxt h3{font-size: 16px;}
	.card_f1 .card_content .contentList .listTxt h3{font-size:18px;}
	.txt_title{margin-bottom: 20px;line-height:inherit;}
	.card_f1{padding: 20px 0 30px;}
	.card_btn{width:50%;margin:0 auto !important;}
	.card_f6 .card_content .input_bar .do_input{width:62%;}
	.card_f5 .card_content{height:auto;}
	.card_f5{background:#fff !important;}
}
@media screen and (max-width:320px){
	.buy_button span{width: 90%;}
	.card_f6 .card_content .input_bar select,.card_f6 .card_content .input_bar .checkedInput{font-size:14px}
	.do_ad li{width: 50%;}
}