.search_youshi_t{font-size: 30px;line-height: 48px;color: #333;margin: 80px 0 20px 0;text-align: center;}
.search_youshi_list{padding-bottom: 40px;}
.search_youshi_list li{width: 23%;margin: 0px 1%;float: left;padding:0px 20px 20px;box-sizing: border-box;text-align: center;}

.syl_img img{margin:0px auto;display: block;padding: 24px 0px;}
.search_youshi_list li p{font-size: 16px;color: #333;margin-bottom: 10px;}
.search_youshi_list li span{font-size: 14px;color: #999;}

.hengtiao{width: 100%;height: 158px;text-align: center;background: url(../images/hengtiao.png) no-repeat center;}
.hengtiao p{font-size: 24px;color: #fff;line-height: 158px;letter-spacing: 5px;}
.hengtiao p span{font-size: 32px;}

.search_group_list {padding-bottom: 50px;}
.search_group_list li{float: left;width: 23%;margin: 0 1%;float: left;background: #fafcff;padding: 20px 0px 0px 0px;box-sizing: border-box;}
.sgl_t{font-size: 18px;text-align: center;color: #333;}
.sgl_img{width: 100%;height: 90px;}
.sgl_img img{width: 50px;height: 50px;padding: 25px 0px;margin: 0 auto;display: block;}
.sgl_c{font-size: 14px;color: #666;text-align: center;padding: 0px 20px;box-sizing: border-box;}
.sgl_b{font-size: 14px;color: #999;text-align: center;padding: 20px 0px;}
.sgl_b span{color: #ff7600;font-size: 18px;}
.sgl_m{width: 100%;line-height: 36px;text-align: center;font-size: 14px;color: #444;background: #f0f5ff;}


.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 60px 0px;box-sizing: border-box;}
.search_zhuce p{font-size: 32px;color: #333;text-align: center;}
.search_zhuce a{width: 170px;height: 38px;line-height: 38px;border-radius: 6px;background: #2c5fc8;color: #fff;font-size: 16px;display: block;text-align: center;margin: 20px auto 0px;letter-spacing: 2px}

.sky-form .inline-group .checkbox{width:auto;margin-right:24px;}
.sky-form .inline-group .radio, .sky-form .inline-group .checkbox{margin-top:0px;}
.btn-u:hover{background: #2c5fc8}
.btn-u{background: #2c5fc8;    }
.input-group-btn{cursor: pointer;}

.w1200{width: 1200px;margin: 0 auto;}
.slideBox{width:100%;height:500px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;bottom:76px;z-index:1}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{width:16px;height:16px;margin:0 3px;display:inline-block;position:relative;border-radius: 50%;}
.slideBox .hd ul li .dot{width:16px;height:16px;background-color:hsla(0,0%,60%,.4);border-radius: 50%;}
.slideBox .hd ul li span{display:none;color:#fff;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:4px;cursor:pointer}
.slideBox .hd ul li.on .liner{width:16px;height:16px;animation:liner 2.5s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#198cff,#8847c1);border-radius: 50%;}
.slideBox .hd ul li:hover .dot{display:none}
.slideBox .hd ul li:hover{width:16px;height:16px;background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease;border-radius: 50%;}
.slideBox .hd ul li:hover span{display:inline-block}@keyframes liner{from{width:0}to{width:100%}}
.slideBox .bd{width:100%;height:500px;overflow:hidden}
.slideBox .bd li{text-align:center;height: 500px;cursor: pointer;}
.slideBox .bd li a{width: 100%;height: 500px;display: block;}
.slideBox .bd img{width:100%;height:500px;}
.slideBox .bd:hover~.prev{display:block}
.slideBox .bd:hover~.next{display:block}
.slideBox .prev:hover{display:block}
.slideBox .next:hover{display:block}
.slideBox .prev{display:none;position:absolute;left:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/left_array.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/right_array.png) no-repeat;background-size:cover}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}
/*banner css结束*/

.query{background: #f7faff;position: relative;padding:40px 40px;border-radius: 2px;}
.query_l{width: 228px;background: #2c5fc8;padding: 56px 40px;box-sizing: border-box;border-top-left-radius:2px; border-bottom-left-radius:2px;float: left;}
.query_l p{font-size: 21px;color: #fff;text-align: center;}
.query_r{padding: 20px 30px;box-sizing: border-box;float: right;width: 972px;height: 174px;}
.query_r_text{font-size: 18px;color: #333;line-height: 24px margin-bottom: 8px;}
.search-box {height: 46px; width: 100%;margin: 0 auto;}
.cf:before, .cf:after {content: " ";display: table;line-height: 0;}
.domain-search-input {width: calc(100% - 142px);height: 46px;background: #FFFFFF; border: 1px solid #DDDDDD;float: left;position: relative;}
.input-box {display: inline-block;height: 46px;width: calc(100% - 0px);position: relative;}
.search-box{margin: 15px 0px;}
.search-box input {padding: 12px 16px;border: 0;padding-right: 0;outline: none;}
.d-search-clear-btn {position: absolute;right: 10px;top: 11px;width: 17px; height: 17px;display: none; cursor: pointer; -ms-transform: rotate(45deg);transform: rotate(45deg);border-radius: 50%;background: #fff;}
.select-btn {position: relative; display: inline-block;width: 130px;height: 42px;line-height: 42px;padding: 0 20px;font-size: 18px;color: #252B3A;cursor: pointer;}
.select-btn::before {position: absolute;top: 5px; left: 0;content: ''; width: 1px;height: 34px;background: #DDDDDD;}
.search-box .select-btn:after { position: absolute;right: 20px;top: 20px;content: ''; width: 0;height: 0;border-width: 5px;border-style: solid;border-color: #999 transparent transparent transparent;}
.pc-search-btn {display: block;float: right;width: 142px;height: 46px;line-height: 46px;background: #2c5fc8;border: none;font-size: 16px;color: #FFFFFF;text-align: center; transition: .5s;border-top: 1px solid  #2c5fc8;border-bottom: 1px solid  #2c5fc8;}
.hot-left {float: left;width: calc(100% - 176px); color: #333;}
.hot-domain-box label {margin-top: 8px;    font-size: 18px;margin-right: 10px;font-weight: normal;}
.search-suffix-btn-box { display: inline-block;}
.hot-domain-box a {cursor: pointer;transition: 0.5s;color:#333;}
.search-suffix-btn {padding: 3px 12px;border-radius: 12px;color: #ffffff;background: #526ECC;display: inline-block; margin: 0 4px;}
.hot-right {width: 240px;text-align: right;float: right; font-size: 14px;color: #333;line-height: 22px;margin-top: 6px;}
.hot-right a{color:#333;}
.hot-right a:hover{color:#ff9600;}
.recom{margin-top: 20px;}
.recom li{width: 278px;border: 1px solid #ebf2ff;background: #f7faff;padding: 20px 50px 20px 20px;box-sizing: border-box;margin-right: 29px;float: left;}
.recom li.recom_list1{background: url(../images/domain_icon1.png) no-repeat center right #f7faff;}
.recom li.recom_list2{background: url(../images/domain_icon2.png) no-repeat center right #f7faff;}
.recom li.recom_list3{background: url(../images/domain_icon3.png) no-repeat center right #f7faff;}
.recom li.recom_list4{background: url(../images/domain_icon4.png) no-repeat center right #f7faff;margin-right: 0}
.recom li p{font-size: 18px;color: #2c5fc8}
.recom li span{font-size: 14px;color: #888}

.section-hd{text-align: center;padding-top: 60px;}
.section-hd p{font-size: 24px;color: #333}
.section-hd span{font-size: 14px;color: #888;margin: 0px auto 30px;display: block;}

.guide li{display: inline-block;vertical-align: top;width: 21%;float: none;}
.guide-title {display: table-cell;background: #fff;padding: 5px; position: relative;z-index: 1; white-space: nowrap;}
.guide-num {width: 24px;height: 24px;border-radius: 50%;display: inline-block;border: 2px solid #2c5fc8;text-align: center;line-height: 23px;color: #2c5fc8;font-weight: 700;background: #fff;margin-right: 10px;font-size: 16px;font-style: normal;}
.guide-class-title {color: #333;font-size: 16px;}
.guide-line {display: table-cell;position: relative;width: 100%;vertical-align: middle;}
.guide-bor {height: 1px;background: #b3b3b3;width: 100%; display: block;}
.guide li:nth-child(5){width: 13%;}

.package{background: #f7faff;margin-top: 60px;padding-bottom: 60px;}
.package-list{width: 32%;margin-right: 1.5%;border-radius: 2px;float: left;}
.package-list:nth-child(3){margin-right: 0;}
.package_hd {padding: 24px 32px;background: #2c5fc8;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.package span{display: block;}
.package_title{font-size: 18px;color: #fff;}
.package_desc{font-size: 12px;color: #fff;}
.package-box {padding: 24px 32px;background: #fff;}
.size-param-contains-inner {overflow: hidden;padding-bottom: 24px;}
.param-list-wrap { width: 50%;float: left;}
.param-item {font-size: 12px;color: #ADB0B8;line-height: 18px;margin-bottom: 8px;list-style: none;background: url(../images/domain-made-size-unselected.png) no-repeat 0 0;background-size: 16px 16px;padding-left: 20px;}
.param-item.selected {background: url(../images/domain-made-size--selected.png) no-repeat 0 0;background-size: 16px 16px;color: #252B3A;}
.desc-list {border-bottom: 1px solid #ddd;padding-bottom: 14px;color: #ff9600;font-size: 16px;}
.desc-list span{background: url(../images/domain_icon5.png) no-repeat center left;padding-left: 20px;}
.order-box {padding-top: 24px;}
.price-box {width: calc(100% - 106px);float: left;}
.order-btn {display: block;width: 106px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #2c5fc8;border-radius: 2px;transition: 0.5s;float: right;}
.price {line-height: 28px;color: #8A8E99;font-size: 14px;}
.price .number{font-size: 24px;color: #F66F6A;font-style: normal;}
.order-box .order-btn{color:#fff}
#txtDomainName{width:98%;}
.hot-domain-box a:hover{color: #ff9600;}

.related{background: #f7faff;font-size: 14px;padding:20px;box-sizing: border-box;}
.related_title span{color: #333;font-size: 18px;padding: 0px 0px 10px;}
.related_title a{color: #333;margin-right: 20px;padding: 5px 20px;border: 1px solid #ccc}
.related_title a:hover{background: #ff6600;color: #fff;border: 1px solid #ff6600}

/* 本例子css */
.picScroll-left{ width:100%;  overflow:hidden; position:relative; height: 200px;margin:40px 0px}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/domain-3.png") no-repeat;position: absolute;top:70px;width:15px; height:30px;background-position:-54px 0;}
.picScroll-left .hd .next{  background-position: -54px -38px;  right: 0;z-index: 100}
.picScroll-left .hd .prevStop{ background-position:-0px 0; }
.picScroll-left .hd .prev:hover{background-position:-0px 0;}
.picScroll-left .hd .next:hover{ background-position: -0px -38px;}
.picScroll-left .hd .nextStop{ background-position: 0px -38px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat;}
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{width: 1100px;margin:0 auto;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:19%; padding: 20px 0px;box-sizing:border-box;margin: 0 .5%;}
.pic{ text-align:center; min-height: 40px;}
.pic img{display:block;  max-width: 100%;vertical-align: middle;margin: 10px auto;max-height: 40px;}
.picScroll-left .bd ul li p{font-size: 14px; border-bottom: 1px dashed #e7e7e7;line-height: 40px;}
.picScroll-left .bd ul li span{font-size: 14px;color: #ff7600;margin-top: 10px;display: block;}
.picScroll-left .bd ul li a{width: 60%;font-size: 14px;color: #fff;background: #2c5fc8;display: block;margin: 10px auto;line-height: 26px;display:none}

.search-more{position: absolute;top:0;right:0;height:44px;line-height:44px;}

.related_tuijian{padding-top:30px;}
.related_tuijian_left{width: 130px;font-size: 18px;color: #333;float: left;line-height:90px;}
.related_tuijian_right{width: 1000px;float: left;}
.related_tuijian_right ul li{border: 1px solid #eee;width: 30%;margin-right: 2%;padding: 20px;box-sizing: border-box;float: left;height:90px;}
.related_tuijian_right ul li:nth-child(1){background: url(../images/tuijian-icon1.png) no-repeat 220px center;background-size:18%}
.related_tuijian_right ul li:nth-child(2){background: url(../images/tuijian-icon2.png) no-repeat 220px center;background-size:18%}
.related_tuijian_right ul li:nth-child(3){background: url(../images/tuijian-icon3.png) no-repeat 220px center;background-size:18%}
.related_tuijian_right ul li p{font-size: 16px;color: #333;}
.related_tuijian_right ul li span{font-size:12px;color: #666;}

.tishi{line-height: 45px;background: none;}
.tishi p{padding-left: 30px;background: url(../images/zhuyi.png) no-repeat left center;background-size:2%;line-height: 36px;margin: 0 auto;font-size:14px;text-align: left;}
.tishi p a{color: red;text-decoration-line: none;}